code: function (newValue) {
              if (trySelector(newValue)) {            // CSS selector to match event.target
                  this.options.allowFrom = newValue;
                  return this;
              }
  
              if (isElement(newValue)) {              // specific element
                  this.options.allowFrom = newValue;
                  return this;
              }
  
              return this.options.allowFrom;
          }
docs: /*\
  Interactable.allowFrom
  [ method ]
  
  A drag/resize/gesture is started only If the target of the
  `mousedown`, `pointerdown` or `touchstart` event or any of it's
  parents match the given CSS selector or Element.
  
  - newValue (string | Element | null) #optional a CSS selector string, an Element or `null` to allow from any element
  = (string | Element | object) The current allowFrom value or this Interactable
  *
  | interact(element, { allowFrom: document.getElementById('drag-handle') });
  | // or
  | interact(element).allowFrom('.handle');
  \