@deephaven/golden-layout 0.43.0 → 0.44.0

package/dist/controls/BrowserPopout.js

@@ -0,0 +1,250 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import $ from 'jquery';
+import { getUniqueId, minifyConfig, EventEmitter } from "../utils/index.js";
+/**
+ * Pops a content item out into a new browser window.
+ * This is achieved by
+ *
+ *    - Creating a new configuration with the content item as root element
+ *    - Serializing and minifying the configuration
+ *    - Opening the current window's URL with the configuration as a GET parameter
+ *    - GoldenLayout when opened in the new window will look for the GET parameter
+ *      and use it instead of the provided configuration
+ *
+ * @param config GoldenLayout item config
+ * @param dimensions A map with width, height, top and left
+ * @param parentId The id of the element the item will be appended to on popIn
+ * @param indexInParent The position of this element within its parent
+ * @param layoutManager
+ */
+export default class BrowserPopout extends EventEmitter {
+  constructor(config, dimensions, parentId, indexInParent, layoutManager) {
+    super();
+    _defineProperty(this, "isInitialised", false);
+    _defineProperty(this, "_config", void 0);
+    _defineProperty(this, "_dimensions", void 0);
+    _defineProperty(this, "_parentId", void 0);
+    _defineProperty(this, "_indexInParent", void 0);
+    _defineProperty(this, "_layoutManager", void 0);
+    _defineProperty(this, "_popoutWindow", null);
+    _defineProperty(this, "_id", null);
+    this._config = config;
+    this._dimensions = dimensions;
+    this._parentId = parentId;
+    this._indexInParent = indexInParent;
+    this._layoutManager = layoutManager;
+    this._createWindow();
+  }
+  toConfig() {
+    var _this$getGlInstance, _this$getGlInstance2, _ref, _this$_popoutWindow$s, _this$_popoutWindow, _this$_popoutWindow2, _ref2, _this$_popoutWindow$s2, _this$_popoutWindow3, _this$_popoutWindow4, _this$getGlInstance3;
+    if (this.isInitialised === false) {
+      throw new Error("Can't create config, layout not yet initialised");
+    }
+    return {
+      dimensions: {
+        width: (_this$getGlInstance = this.getGlInstance()) === null || _this$getGlInstance === void 0 ? void 0 : _this$getGlInstance.width,
+        height: (_this$getGlInstance2 = this.getGlInstance()) === null || _this$getGlInstance2 === void 0 ? void 0 : _this$getGlInstance2.height,
+        left: (_ref = (_this$_popoutWindow$s = (_this$_popoutWindow = this._popoutWindow) === null || _this$_popoutWindow === void 0 ? void 0 : _this$_popoutWindow.screenX) !== null && _this$_popoutWindow$s !== void 0 ? _this$_popoutWindow$s : (_this$_popoutWindow2 = this._popoutWindow) === null || _this$_popoutWindow2 === void 0 ? void 0 : _this$_popoutWindow2.screenLeft) !== null && _ref !== void 0 ? _ref : 0,
+        top: (_ref2 = (_this$_popoutWindow$s2 = (_this$_popoutWindow3 = this._popoutWindow) === null || _this$_popoutWindow3 === void 0 ? void 0 : _this$_popoutWindow3.screenY) !== null && _this$_popoutWindow$s2 !== void 0 ? _this$_popoutWindow$s2 : (_this$_popoutWindow4 = this._popoutWindow) === null || _this$_popoutWindow4 === void 0 ? void 0 : _this$_popoutWindow4.screenTop) !== null && _ref2 !== void 0 ? _ref2 : 0
+      },
+      content: (_this$getGlInstance3 = this.getGlInstance()) === null || _this$getGlInstance3 === void 0 ? void 0 : _this$getGlInstance3.toConfig().content,
+      parentId: this._parentId,
+      indexInParent: this._indexInParent
+    };
+  }
+  getGlInstance() {
+    var _this$_popoutWindow5;
+    return (_this$_popoutWindow5 = this._popoutWindow) === null || _this$_popoutWindow5 === void 0 ? void 0 : _this$_popoutWindow5.__glInstance;
+  }
+  getWindow() {
+    return this._popoutWindow;
+  }
+  close() {
+    if (this.getGlInstance()) {
+      var _this$getGlInstance4;
+      (_this$getGlInstance4 = this.getGlInstance()) === null || _this$getGlInstance4 === void 0 ? void 0 : _this$getGlInstance4._$closeWindow();
+    } else {
+      try {
+        var _this$getWindow;
+        (_this$getWindow = this.getWindow()) === null || _this$getWindow === void 0 ? void 0 : _this$getWindow.close();
+      } catch (e) {}
+    }
+  }
+
+  /**
+   * Returns the popped out item to its original position. If the original
+   * parent isn't available anymore it falls back to the layout's topmost element
+   */
+  popIn() {
+    var _parentItem;
+    var index = this._indexInParent;
+    var childConfig = null;
+    var parentItem = null;
+    if (this._parentId) {
+      var _this$getGlInstance5;
+      /*
+       * The $.extend call seems a bit pointless, but it's crucial to
+       * copy the config returned by this.getGlInstance().toConfig()
+       * onto a new object. Internet Explorer keeps the references
+       * to objects on the child window, resulting in the following error
+       * once the child window is closed:
+       *
+       * The callee (server [not server application]) is not available and disappeared
+       */
+      childConfig = $.extend(true, {}, (_this$getGlInstance5 = this.getGlInstance()) === null || _this$getGlInstance5 === void 0 ? void 0 : _this$getGlInstance5.toConfig()).content[0];
+      parentItem = this._layoutManager.root.getItemsById(this._parentId)[0];
+
+      /*
+       * Fallback if parentItem is not available. Either add it to the topmost
+       * item or make it the topmost item if the layout is empty
+       */
+      if (!parentItem) {
+        var _this$_layoutManager$;
+        if (((_this$_layoutManager$ = this._layoutManager.root.contentItems.length) !== null && _this$_layoutManager$ !== void 0 ? _this$_layoutManager$ : 0) > 0) {
+          parentItem = this._layoutManager.root.contentItems[0];
+        } else {
+          parentItem = this._layoutManager.root;
+        }
+        index = 0;
+      }
+    }
+    if (!childConfig) {
+      return;
+    }
+    (_parentItem = parentItem) === null || _parentItem === void 0 ? void 0 : _parentItem.addChild(childConfig, this._indexInParent);
+    this.close();
+  }
+
+  /**
+   * Creates the URL and window parameter
+   * and opens a new window
+   */
+  _createWindow() {
+    var url = this._createUrl();
+    /**
+     * Bogus title to prevent re-usage of existing window with the
+     * same title. The actual title will be set by the new window's
+     * GoldenLayout instance if it detects that it is in subWindowMode
+     */
+    var title = Math.floor(Math.random() * 1000000).toString(36);
+    /**
+     * The options as used in the window.open string
+     */
+    var options = this._serializeWindowOptions({
+      width: this._dimensions.width,
+      height: this._dimensions.height,
+      innerWidth: this._dimensions.width,
+      innerHeight: this._dimensions.height,
+      menubar: 'no',
+      toolbar: 'no',
+      location: 'no',
+      personalbar: 'no',
+      resizable: 'yes',
+      scrollbars: 'no',
+      status: 'no'
+    });
+
+    // I'm not entirely sure how __glInstance is mounted to the popout window
+    this._popoutWindow = window.open(url, title, options);
+    if (!this._popoutWindow) {
+      if (this._layoutManager.config.settings.blockedPopoutsThrowError === true) {
+        var error = new Error('Popout blocked');
+        error.type = 'popoutBlocked';
+        throw error;
+      } else {
+        return;
+      }
+    }
+    $(this._popoutWindow).on('load', this._positionWindow.bind(this)).on('unload beforeunload', this._onClose.bind(this));
+
+    /**
+     * Polling the childwindow to find out if GoldenLayout has been initialised
+     * doesn't seem optimal, but the alternatives - adding a callback to the parent
+     * window or raising an event on the window object - both would introduce knowledge
+     * about the parent to the child window which we'd rather avoid
+     */
+    var checkReadyInterval = window.setInterval(() => {
+      var _this$_popoutWindow6;
+      if ((_this$_popoutWindow6 = this._popoutWindow) !== null && _this$_popoutWindow6 !== void 0 && _this$_popoutWindow6.__glInstance && this._popoutWindow.__glInstance.isInitialised) {
+        this._onInitialised();
+        window.clearInterval(checkReadyInterval);
+      }
+    }, 10);
+  }
+
+  /**
+   * Serialises a map of key:values to a window options string
+   *
+   * @param windowOptions
+   *
+   * @returns serialised window options
+   */
+  _serializeWindowOptions(windowOptions) {
+    var windowOptionsString = [],
+      key;
+    for (key in windowOptions) {
+      windowOptionsString.push(key + '=' + windowOptions[key]);
+    }
+    return windowOptionsString.join(',');
+  }
+
+  /**
+   * Creates the URL for the new window, including the
+   * config GET parameter
+   *
+   * @returns URL
+   */
+  _createUrl() {
+    var config = {
+      content: this._config
+    };
+    var storageKey = 'gl-window-config-' + getUniqueId();
+    config = minifyConfig(config);
+    try {
+      localStorage.setItem(storageKey, JSON.stringify(config));
+    } catch (e) {
+      throw new Error('Error while writing to localStorage ' + e.toString());
+    }
+    var urlParts = document.location.href.split('?');
+
+    // URL doesn't contain GET-parameters
+    if (urlParts.length === 1) {
+      return urlParts[0] + '?gl-window=' + storageKey;
+
+      // URL contains GET-parameters
+    } else {
+      return document.location.href + '&gl-window=' + storageKey;
+    }
+  }
+
+  /**
+   * Move the newly created window roughly to
+   * where the component used to be.
+   */
+  _positionWindow() {
+    var _this$_popoutWindow7, _this$_popoutWindow8;
+    (_this$_popoutWindow7 = this._popoutWindow) === null || _this$_popoutWindow7 === void 0 ? void 0 : _this$_popoutWindow7.moveTo(this._dimensions.left, this._dimensions.top);
+    (_this$_popoutWindow8 = this._popoutWindow) === null || _this$_popoutWindow8 === void 0 ? void 0 : _this$_popoutWindow8.focus();
+  }
+
+  /**
+   * Callback when the new window is opened and the GoldenLayout instance
+   * within it is initialised
+   */
+  _onInitialised() {
+    var _this$getGlInstance6;
+    this.isInitialised = true;
+    (_this$getGlInstance6 = this.getGlInstance()) === null || _this$getGlInstance6 === void 0 ? void 0 : _this$getGlInstance6.on('popIn', this.popIn, this);
+    this.emit('initialised');
+  }
+
+  /**
+   * Invoked 50ms after the window unload event
+   */
+  _onClose() {
+    setTimeout(this.emit.bind(this, 'closed'), 50);
+  }
+}
+//# sourceMappingURL=BrowserPopout.js.map

package/dist/controls/BrowserPopout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserPopout.js","names":["$","getUniqueId","minifyConfig","EventEmitter","BrowserPopout","constructor","config","dimensions","parentId","indexInParent","layoutManager","_config","_dimensions","_parentId","_indexInParent","_layoutManager","_createWindow","toConfig","isInitialised","Error","width","getGlInstance","height","left","_popoutWindow","screenX","screenLeft","top","screenY","screenTop","content","__glInstance","getWindow","close","_$closeWindow","e","popIn","index","childConfig","parentItem","extend","root","getItemsById","contentItems","length","addChild","url","_createUrl","title","Math","floor","random","toString","options","_serializeWindowOptions","innerWidth","innerHeight","menubar","toolbar","location","personalbar","resizable","scrollbars","status","window","open","settings","blockedPopoutsThrowError","error","type","on","_positionWindow","bind","_onClose","checkReadyInterval","setInterval","_onInitialised","clearInterval","windowOptions","windowOptionsString","key","push","join","storageKey","localStorage","setItem","JSON","stringify","urlParts","document","href","split","moveTo","focus","emit","setTimeout"],"sources":["../../src/controls/BrowserPopout.ts"],"sourcesContent":["import $ from 'jquery';\nimport type { Config, PopoutConfig, ItemConfigType } from '../config';\nimport type Root from '../items/Root';\nimport type LayoutManager from '../LayoutManager';\nimport { getUniqueId, minifyConfig, EventEmitter } from '../utils';\nimport { AbstractContentItem } from '..';\n\ntype BrowserDimensions = {\n  width: number;\n  height: number;\n  top: number;\n  left: number;\n};\n\n/**\n * Pops a content item out into a new browser window.\n * This is achieved by\n *\n *    - Creating a new configuration with the content item as root element\n *    - Serializing and minifying the configuration\n *    - Opening the current window's URL with the configuration as a GET parameter\n *    - GoldenLayout when opened in the new window will look for the GET parameter\n *      and use it instead of the provided configuration\n *\n * @param config GoldenLayout item config\n * @param dimensions A map with width, height, top and left\n * @param parentId The id of the element the item will be appended to on popIn\n * @param indexInParent The position of this element within its parent\n * @param layoutManager\n */\nexport default class BrowserPopout extends EventEmitter {\n  isInitialised = false;\n\n  private _config: ItemConfigType[];\n  private _dimensions: BrowserDimensions;\n  private _parentId: string;\n  private _indexInParent: number;\n  private _layoutManager: LayoutManager;\n  private _popoutWindow:\n    | (Window & { __glInstance: LayoutManager })\n    | null = null;\n  private _id = null;\n\n  constructor(\n    config: ItemConfigType[],\n    dimensions: BrowserDimensions,\n    parentId: string,\n    indexInParent: number,\n    layoutManager: LayoutManager\n  ) {\n    super();\n\n    this._config = config;\n    this._dimensions = dimensions;\n    this._parentId = parentId;\n    this._indexInParent = indexInParent;\n    this._layoutManager = layoutManager;\n    this._createWindow();\n  }\n\n  toConfig() {\n    if (this.isInitialised === false) {\n      throw new Error(\"Can't create config, layout not yet initialised\");\n    }\n    return ({\n      dimensions: {\n        width: this.getGlInstance()?.width,\n        height: this.getGlInstance()?.height,\n        left:\n          this._popoutWindow?.screenX ?? this._popoutWindow?.screenLeft ?? 0,\n        top: this._popoutWindow?.screenY ?? this._popoutWindow?.screenTop ?? 0,\n      },\n      content: this.getGlInstance()?.toConfig().content,\n      parentId: this._parentId,\n      indexInParent: this._indexInParent,\n    } as unknown) as PopoutConfig;\n  }\n\n  getGlInstance() {\n    return this._popoutWindow?.__glInstance;\n  }\n\n  getWindow() {\n    return this._popoutWindow;\n  }\n\n  close() {\n    if (this.getGlInstance()) {\n      this.getGlInstance()?._$closeWindow();\n    } else {\n      try {\n        this.getWindow()?.close();\n      } catch (e) {}\n    }\n  }\n\n  /**\n   * Returns the popped out item to its original position. If the original\n   * parent isn't available anymore it falls back to the layout's topmost element\n   */\n  popIn() {\n    let index = this._indexInParent;\n    let childConfig: ItemConfigType | null = null;\n    let parentItem: AbstractContentItem | null = null;\n\n    if (this._parentId) {\n      /*\n       * The $.extend call seems a bit pointless, but it's crucial to\n       * copy the config returned by this.getGlInstance().toConfig()\n       * onto a new object. Internet Explorer keeps the references\n       * to objects on the child window, resulting in the following error\n       * once the child window is closed:\n       *\n       * The callee (server [not server application]) is not available and disappeared\n       */\n      childConfig = $.extend(true, {}, this.getGlInstance()?.toConfig())\n        .content[0];\n      parentItem = this._layoutManager.root.getItemsById(\n        this._parentId\n      )[0] as Root;\n\n      /*\n       * Fallback if parentItem is not available. Either add it to the topmost\n       * item or make it the topmost item if the layout is empty\n       */\n      if (!parentItem) {\n        if ((this._layoutManager.root.contentItems.length ?? 0) > 0) {\n          parentItem = this._layoutManager.root.contentItems[0];\n        } else {\n          parentItem = this._layoutManager.root;\n        }\n        index = 0;\n      }\n    }\n\n    if (!childConfig) {\n      return;\n    }\n\n    parentItem?.addChild(childConfig, this._indexInParent);\n    this.close();\n  }\n\n  /**\n   * Creates the URL and window parameter\n   * and opens a new window\n   */\n  _createWindow() {\n    const url = this._createUrl();\n    /**\n     * Bogus title to prevent re-usage of existing window with the\n     * same title. The actual title will be set by the new window's\n     * GoldenLayout instance if it detects that it is in subWindowMode\n     */\n    const title = Math.floor(Math.random() * 1000000).toString(36);\n    /**\n     * The options as used in the window.open string\n     */\n    const options = this._serializeWindowOptions({\n      width: this._dimensions.width,\n      height: this._dimensions.height,\n      innerWidth: this._dimensions.width,\n      innerHeight: this._dimensions.height,\n      menubar: 'no',\n      toolbar: 'no',\n      location: 'no',\n      personalbar: 'no',\n      resizable: 'yes',\n      scrollbars: 'no',\n      status: 'no',\n    });\n\n    // I'm not entirely sure how __glInstance is mounted to the popout window\n    this._popoutWindow = window.open(url, title, options) as Window & {\n      __glInstance: LayoutManager;\n    };\n\n    if (!this._popoutWindow) {\n      if (\n        this._layoutManager.config.settings.blockedPopoutsThrowError === true\n      ) {\n        const error = new Error('Popout blocked') as Error & { type: string };\n        error.type = 'popoutBlocked';\n        throw error;\n      } else {\n        return;\n      }\n    }\n\n    $(this._popoutWindow)\n      .on('load', this._positionWindow.bind(this))\n      .on('unload beforeunload', this._onClose.bind(this));\n\n    /**\n     * Polling the childwindow to find out if GoldenLayout has been initialised\n     * doesn't seem optimal, but the alternatives - adding a callback to the parent\n     * window or raising an event on the window object - both would introduce knowledge\n     * about the parent to the child window which we'd rather avoid\n     */\n    let checkReadyInterval = window.setInterval(() => {\n      if (\n        this._popoutWindow?.__glInstance &&\n        this._popoutWindow.__glInstance.isInitialised\n      ) {\n        this._onInitialised();\n        window.clearInterval(checkReadyInterval);\n      }\n    }, 10);\n  }\n\n  /**\n   * Serialises a map of key:values to a window options string\n   *\n   * @param windowOptions\n   *\n   * @returns serialised window options\n   */\n  _serializeWindowOptions(windowOptions: Record<string, unknown>) {\n    var windowOptionsString = [],\n      key;\n\n    for (key in windowOptions) {\n      windowOptionsString.push(key + '=' + windowOptions[key]);\n    }\n\n    return windowOptionsString.join(',');\n  }\n\n  /**\n   * Creates the URL for the new window, including the\n   * config GET parameter\n   *\n   * @returns URL\n   */\n  _createUrl() {\n    var config: Partial<Config> = { content: this._config };\n    const storageKey = 'gl-window-config-' + getUniqueId();\n\n    config = minifyConfig(config);\n\n    try {\n      localStorage.setItem(storageKey, JSON.stringify(config));\n    } catch (e: any) {\n      throw new Error('Error while writing to localStorage ' + e.toString());\n    }\n\n    const urlParts = document.location.href.split('?');\n\n    // URL doesn't contain GET-parameters\n    if (urlParts.length === 1) {\n      return urlParts[0] + '?gl-window=' + storageKey;\n\n      // URL contains GET-parameters\n    } else {\n      return document.location.href + '&gl-window=' + storageKey;\n    }\n  }\n\n  /**\n   * Move the newly created window roughly to\n   * where the component used to be.\n   */\n  _positionWindow() {\n    this._popoutWindow?.moveTo(this._dimensions.left, this._dimensions.top);\n    this._popoutWindow?.focus();\n  }\n\n  /**\n   * Callback when the new window is opened and the GoldenLayout instance\n   * within it is initialised\n   */\n  _onInitialised() {\n    this.isInitialised = true;\n    this.getGlInstance()?.on('popIn', this.popIn, this);\n    this.emit('initialised');\n  }\n\n  /**\n   * Invoked 50ms after the window unload event\n   */\n  _onClose() {\n    setTimeout(this.emit.bind(this, 'closed'), 50);\n  }\n}\n"],"mappings":"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"}

package/dist/controls/DragProxy.js

@@ -0,0 +1,204 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import $ from 'jquery';
+import { stripTags, EventEmitter } from "../utils/index.js";
+/**
+ * This class creates a temporary container
+ * for the component whilst it is being dragged
+ * and handles drag events
+ *
+ * @param x The initial x position
+ * @param y The initial y position
+ * @param dragListener
+ * @param layoutManager
+ * @param contentItem
+ * @param originalParent
+ */
+export default class DragProxy extends EventEmitter {
+  constructor(x, y, dragListener, layoutManager, contentItem, originalParent) {
+    var _this$_contentItem$co, _this$_contentItem$co2, _offset$left, _offset$top, _this$_layoutManager$, _this$_layoutManager$2, _this$element$width, _this$element$height;
+    super();
+    _defineProperty(this, "_dragListener", void 0);
+    _defineProperty(this, "_layoutManager", void 0);
+    _defineProperty(this, "_contentItem", void 0);
+    _defineProperty(this, "_originalParent", void 0);
+    _defineProperty(this, "_area", null);
+    _defineProperty(this, "_lastValidArea", null);
+    _defineProperty(this, "_minX", void 0);
+    _defineProperty(this, "_maxX", void 0);
+    _defineProperty(this, "_minY", void 0);
+    _defineProperty(this, "_maxY", void 0);
+    _defineProperty(this, "_width", void 0);
+    _defineProperty(this, "_height", void 0);
+    _defineProperty(this, "_sided", void 0);
+    _defineProperty(this, "element", void 0);
+    _defineProperty(this, "childElementContainer", void 0);
+    _defineProperty(this, "_proxyTab", void 0);
+    this._dragListener = dragListener;
+    this._layoutManager = layoutManager;
+    this._contentItem = contentItem;
+    this._originalParent = originalParent;
+    this._dragListener.on('drag', this._onDrag, this);
+    this._dragListener.on('dragStop', this._onDrop, this);
+
+    // set the inserted drag placeholder to be the size of the tab removed, before its removed
+    if (this._contentItem.tab && this._contentItem.tab.element) {
+      var _this$_contentItem$ta, _this$_contentItem$ta2;
+      this._layoutManager.tabDropPlaceholder.width((_this$_contentItem$ta = this._contentItem.tab.element.outerWidth(true)) !== null && _this$_contentItem$ta !== void 0 ? _this$_contentItem$ta : 0);
+      this._layoutManager.tabDropPlaceholder.height((_this$_contentItem$ta2 = this._contentItem.tab.element.outerHeight(true)) !== null && _this$_contentItem$ta2 !== void 0 ? _this$_contentItem$ta2 : 0);
+    }
+    this.element = $(DragProxy._template);
+    if (originalParent && originalParent._side) {
+      this._sided = originalParent._sided;
+      this.element.addClass('lm_' + originalParent._side);
+      if (['right', 'bottom'].indexOf(originalParent._side.toString()) >= 0) this.element.find('.lm_content').after(this.element.find('.lm_header'));
+    }
+    this.element.css({
+      left: x,
+      top: y
+    });
+    this._proxyTab = this.element.find('.lm_tab');
+    this._proxyTab.attr('title', stripTags((_this$_contentItem$co = this._contentItem.config.title) !== null && _this$_contentItem$co !== void 0 ? _this$_contentItem$co : ''));
+    this.element.find('.lm_title').html((_this$_contentItem$co2 = this._contentItem.config.title) !== null && _this$_contentItem$co2 !== void 0 ? _this$_contentItem$co2 : '');
+    this.childElementContainer = this.element.find('.lm_content');
+    this.childElementContainer.append(contentItem.element);
+    this._updateTree();
+    this._layoutManager._$calculateItemAreas();
+    $(document.body).append(this.element);
+
+    // Need to set dimensions after adding the element, or `Component.setSize()` will not pass the `.is('visible')` test and won't update
+    this._setDimensions();
+
+    // there's no content tab to use yet, use the proxy tab size for placeholder sizing, after it's created
+    if (!this._contentItem.tab && this._proxyTab.length) {
+      var _this$_proxyTab$outer, _this$_proxyTab$outer2;
+      this._layoutManager.tabDropPlaceholder.width((_this$_proxyTab$outer = this._proxyTab.outerWidth(true)) !== null && _this$_proxyTab$outer !== void 0 ? _this$_proxyTab$outer : 0);
+      this._layoutManager.tabDropPlaceholder.height((_this$_proxyTab$outer2 = this._proxyTab.outerHeight(true)) !== null && _this$_proxyTab$outer2 !== void 0 ? _this$_proxyTab$outer2 : 0);
+    }
+    var offset = this._layoutManager.container.offset();
+    this._minX = (_offset$left = offset === null || offset === void 0 ? void 0 : offset.left) !== null && _offset$left !== void 0 ? _offset$left : 0;
+    this._minY = (_offset$top = offset === null || offset === void 0 ? void 0 : offset.top) !== null && _offset$top !== void 0 ? _offset$top : 0;
+    this._maxX = ((_this$_layoutManager$ = this._layoutManager.container.width()) !== null && _this$_layoutManager$ !== void 0 ? _this$_layoutManager$ : 0) + this._minX;
+    this._maxY = ((_this$_layoutManager$2 = this._layoutManager.container.height()) !== null && _this$_layoutManager$2 !== void 0 ? _this$_layoutManager$2 : 0) + this._minY;
+    this._width = (_this$element$width = this.element.width()) !== null && _this$element$width !== void 0 ? _this$element$width : 0;
+    this._height = (_this$element$height = this.element.height()) !== null && _this$element$height !== void 0 ? _this$element$height : 0;
+    this._setDropPosition(x, y);
+    this._layoutManager.emit('itemPickedUp', this._contentItem);
+  }
+
+  /**
+   * Callback on every mouseMove event during a drag. Determines if the drag is
+   * still within the valid drag area and calls the layoutManager to highlight the
+   * current drop area
+   *
+   * @param offsetX The difference from the original x position in px
+   * @param offsetY The difference from the original y position in px
+   * @param event
+   */
+  _onDrag(offsetX, offsetY, event) {
+    var _event$pageX, _event$pageY;
+    var x = (_event$pageX = event.pageX) !== null && _event$pageX !== void 0 ? _event$pageX : 0;
+    var y = (_event$pageY = event.pageY) !== null && _event$pageY !== void 0 ? _event$pageY : 0;
+    var isWithinContainer = x > this._minX && x < this._maxX && y > this._minY && y < this._maxY;
+    if (!isWithinContainer && this._layoutManager.config.settings.constrainDragToContainer === true) {
+      return;
+    }
+    this._setDropPosition(x, y);
+  }
+
+  /**
+   * Sets the target position, highlighting the appropriate area
+   *
+   * @param x The x position in px
+   * @param y The y position in px
+   */
+  _setDropPosition(x, y) {
+    this.element.css({
+      left: x,
+      top: y
+    });
+    this._area = this._layoutManager._$getArea(x, y);
+    if (this._area !== null) {
+      this._lastValidArea = this._area;
+      this._area.contentItem._$highlightDropZone(x, y, this._area);
+    }
+  }
+
+  /**
+   * Callback when the drag has finished. Determines the drop area
+   * and adds the child to it
+   */
+  _onDrop() {
+    var _this$_layoutManager$3;
+    (_this$_layoutManager$3 = this._layoutManager.dropTargetIndicator) === null || _this$_layoutManager$3 === void 0 ? void 0 : _this$_layoutManager$3.hide();
+
+    /*
+     * Valid drop area found
+     */
+    if (this._area !== null) {
+      this._area.contentItem._$onDrop(this._contentItem, this._area);
+
+      /**
+       * No valid drop area available at present, but one has been found before.
+       * Use it
+       */
+    } else if (this._lastValidArea !== null) {
+      this._lastValidArea.contentItem._$onDrop(this._contentItem, this._lastValidArea);
+
+      /**
+       * No valid drop area found during the duration of the drag. Return
+       * content item to its original position if a original parent is provided.
+       * (Which is not the case if the drag had been initiated by createDragSource)
+       */
+    } else if (this._originalParent) {
+      this._originalParent.addChild(this._contentItem);
+
+      /**
+       * The drag didn't ultimately end up with adding the content item to
+       * any container. In order to ensure clean up happens, destroy the
+       * content item.
+       */
+    } else {
+      this._contentItem._$destroy();
+    }
+    this._dragListener.off('drag', this._onDrag, this);
+    this._dragListener.off('dragStop', this._onDrop, this);
+    this.element.remove();
+    this._layoutManager.emit('itemDropped', this._contentItem);
+  }
+
+  /**
+   * Removes the item from its original position within the tree
+   */
+  _updateTree() {
+    /**
+     * parent is null if the drag had been initiated by a external drag source
+     */
+    if (this._contentItem.parent) {
+      this._contentItem.parent.removeChild(this._contentItem, true);
+    }
+    this._contentItem._$setParent(null);
+  }
+
+  /**
+   * Updates the DragProxy's dimensions
+   */
+  _setDimensions() {
+    var dimensions = this._layoutManager.config.dimensions;
+    var width = dimensions.dragProxyWidth;
+    var height = dimensions.dragProxyHeight;
+    this.element.width(width);
+    this.element.height(height);
+    width -= this._sided ? dimensions.headerHeight : 0;
+    height -= !this._sided ? dimensions.headerHeight : 0;
+    this.childElementContainer.width(width);
+    this.childElementContainer.height(height);
+    this._contentItem.element.width(width);
+    this._contentItem.element.height(height);
+    this._contentItem.callDownwards('_$show');
+    this._contentItem.callDownwards('setSize');
+  }
+}
+_defineProperty(DragProxy, "_template", '<div class="lm_dragProxy">' + '<div class="lm_header">' + '<ul class="lm_tabs">' + '<li class="lm_tab lm_active"><i class="lm_left"></i>' + '<span class="lm_title"></span>' + '<i class="lm_right"></i></li>' + '</ul>' + '</div>' + '<div class="lm_content"></div>' + '</div>');
+//# sourceMappingURL=DragProxy.js.map

package/dist/controls/DragProxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragProxy.js","names":["$","stripTags","EventEmitter","DragProxy","constructor","x","y","dragListener","layoutManager","contentItem","originalParent","_dragListener","_layoutManager","_contentItem","_originalParent","on","_onDrag","_onDrop","tab","element","tabDropPlaceholder","width","outerWidth","height","outerHeight","_template","_side","_sided","addClass","indexOf","toString","find","after","css","left","top","_proxyTab","attr","config","title","html","childElementContainer","append","_updateTree","_$calculateItemAreas","document","body","_setDimensions","length","offset","container","_minX","_minY","_maxX","_maxY","_width","_height","_setDropPosition","emit","offsetX","offsetY","event","pageX","pageY","isWithinContainer","settings","constrainDragToContainer","_area","_$getArea","_lastValidArea","_$highlightDropZone","dropTargetIndicator","hide","_$onDrop","addChild","_$destroy","off","remove","parent","removeChild","_$setParent","dimensions","dragProxyWidth","dragProxyHeight","headerHeight","callDownwards"],"sources":["../../src/controls/DragProxy.ts"],"sourcesContent":["import $ from 'jquery';\nimport type { AbstractContentItem, ItemArea, Stack } from '../items';\nimport type LayoutManager from '../LayoutManager';\nimport type { DragListener } from '../utils';\nimport { stripTags, EventEmitter } from '../utils';\n\n/**\n * This class creates a temporary container\n * for the component whilst it is being dragged\n * and handles drag events\n *\n * @param x The initial x position\n * @param y The initial y position\n * @param dragListener\n * @param layoutManager\n * @param contentItem\n * @param originalParent\n */\nexport default class DragProxy extends EventEmitter {\n  private static _template =\n    '<div class=\"lm_dragProxy\">' +\n    '<div class=\"lm_header\">' +\n    '<ul class=\"lm_tabs\">' +\n    '<li class=\"lm_tab lm_active\"><i class=\"lm_left\"></i>' +\n    '<span class=\"lm_title\"></span>' +\n    '<i class=\"lm_right\"></i></li>' +\n    '</ul>' +\n    '</div>' +\n    '<div class=\"lm_content\"></div>' +\n    '</div>';\n\n  private _dragListener: DragListener;\n  private _layoutManager: LayoutManager;\n  private _contentItem: AbstractContentItem;\n  private _originalParent: Stack | null;\n\n  private _area: ItemArea | null = null;\n  private _lastValidArea: ItemArea | null = null;\n\n  private _minX: number;\n  private _maxX: number;\n  private _minY: number;\n  private _maxY: number;\n  private _width: number;\n  private _height: number;\n  private _sided?: boolean;\n\n  element: JQuery<HTMLElement>;\n  childElementContainer: JQuery<HTMLElement>;\n  private _proxyTab: JQuery<HTMLElement>;\n\n  constructor(\n    x: number,\n    y: number,\n    dragListener: DragListener,\n    layoutManager: LayoutManager,\n    contentItem: AbstractContentItem,\n    originalParent: Stack | null\n  ) {\n    super();\n\n    this._dragListener = dragListener;\n    this._layoutManager = layoutManager;\n    this._contentItem = contentItem;\n    this._originalParent = originalParent;\n\n    this._dragListener.on('drag', this._onDrag, this);\n    this._dragListener.on('dragStop', this._onDrop, this);\n\n    // set the inserted drag placeholder to be the size of the tab removed, before its removed\n    if (this._contentItem.tab && this._contentItem.tab.element) {\n      this._layoutManager.tabDropPlaceholder.width(\n        this._contentItem.tab.element.outerWidth(true) ?? 0\n      );\n      this._layoutManager.tabDropPlaceholder.height(\n        this._contentItem.tab.element.outerHeight(true) ?? 0\n      );\n    }\n\n    this.element = $(DragProxy._template);\n    if (originalParent && originalParent._side) {\n      this._sided = originalParent._sided;\n      this.element.addClass('lm_' + originalParent._side);\n      if (['right', 'bottom'].indexOf(originalParent._side.toString()) >= 0)\n        this.element.find('.lm_content').after(this.element.find('.lm_header'));\n    }\n    this.element.css({ left: x, top: y });\n    this._proxyTab = this.element.find('.lm_tab');\n    this._proxyTab.attr(\n      'title',\n      stripTags(this._contentItem.config.title ?? '')\n    );\n    this.element.find('.lm_title').html(this._contentItem.config.title ?? '');\n    this.childElementContainer = this.element.find('.lm_content');\n    this.childElementContainer.append(contentItem.element);\n\n    this._updateTree();\n    this._layoutManager._$calculateItemAreas();\n\n    $(document.body).append(this.element);\n\n    // Need to set dimensions after adding the element, or `Component.setSize()` will not pass the `.is('visible')` test and won't update\n    this._setDimensions();\n\n    // there's no content tab to use yet, use the proxy tab size for placeholder sizing, after it's created\n    if (!this._contentItem.tab && this._proxyTab.length) {\n      this._layoutManager.tabDropPlaceholder.width(\n        this._proxyTab.outerWidth(true) ?? 0\n      );\n      this._layoutManager.tabDropPlaceholder.height(\n        this._proxyTab.outerHeight(true) ?? 0\n      );\n    }\n\n    var offset = this._layoutManager.container.offset();\n\n    this._minX = offset?.left ?? 0;\n    this._minY = offset?.top ?? 0;\n    this._maxX = (this._layoutManager.container.width() ?? 0) + this._minX;\n    this._maxY = (this._layoutManager.container.height() ?? 0) + this._minY;\n    this._width = this.element.width() ?? 0;\n    this._height = this.element.height() ?? 0;\n\n    this._setDropPosition(x, y);\n\n    this._layoutManager.emit('itemPickedUp', this._contentItem);\n  }\n\n  /**\n   * Callback on every mouseMove event during a drag. Determines if the drag is\n   * still within the valid drag area and calls the layoutManager to highlight the\n   * current drop area\n   *\n   * @param offsetX The difference from the original x position in px\n   * @param offsetY The difference from the original y position in px\n   * @param event\n   */\n  _onDrag(offsetX: number, offsetY: number, event: JQuery.TriggeredEvent) {\n    const x = event.pageX ?? 0;\n    const y = event.pageY ?? 0;\n    const isWithinContainer =\n      x > this._minX && x < this._maxX && y > this._minY && y < this._maxY;\n\n    if (\n      !isWithinContainer &&\n      this._layoutManager.config.settings.constrainDragToContainer === true\n    ) {\n      return;\n    }\n\n    this._setDropPosition(x, y);\n  }\n\n  /**\n   * Sets the target position, highlighting the appropriate area\n   *\n   * @param x The x position in px\n   * @param y The y position in px\n   */\n  _setDropPosition(x: number, y: number) {\n    this.element.css({ left: x, top: y });\n    this._area = this._layoutManager._$getArea(x, y);\n\n    if (this._area !== null) {\n      this._lastValidArea = this._area;\n      this._area.contentItem._$highlightDropZone(x, y, this._area);\n    }\n  }\n\n  /**\n   * Callback when the drag has finished. Determines the drop area\n   * and adds the child to it\n   */\n  _onDrop() {\n    this._layoutManager.dropTargetIndicator?.hide();\n\n    /*\n     * Valid drop area found\n     */\n    if (this._area !== null) {\n      this._area.contentItem._$onDrop(this._contentItem, this._area);\n\n      /**\n       * No valid drop area available at present, but one has been found before.\n       * Use it\n       */\n    } else if (this._lastValidArea !== null) {\n      this._lastValidArea.contentItem._$onDrop(\n        this._contentItem,\n        this._lastValidArea\n      );\n\n      /**\n       * No valid drop area found during the duration of the drag. Return\n       * content item to its original position if a original parent is provided.\n       * (Which is not the case if the drag had been initiated by createDragSource)\n       */\n    } else if (this._originalParent) {\n      this._originalParent.addChild(this._contentItem);\n\n      /**\n       * The drag didn't ultimately end up with adding the content item to\n       * any container. In order to ensure clean up happens, destroy the\n       * content item.\n       */\n    } else {\n      this._contentItem._$destroy();\n    }\n\n    this._dragListener.off('drag', this._onDrag, this);\n    this._dragListener.off('dragStop', this._onDrop, this);\n\n    this.element.remove();\n\n    this._layoutManager.emit('itemDropped', this._contentItem);\n  }\n\n  /**\n   * Removes the item from its original position within the tree\n   */\n  _updateTree() {\n    /**\n     * parent is null if the drag had been initiated by a external drag source\n     */\n    if (this._contentItem.parent) {\n      this._contentItem.parent.removeChild(this._contentItem, true);\n    }\n\n    this._contentItem._$setParent(null);\n  }\n\n  /**\n   * Updates the DragProxy's dimensions\n   */\n  _setDimensions() {\n    const dimensions = this._layoutManager.config.dimensions;\n    let width = dimensions.dragProxyWidth;\n    let height = dimensions.dragProxyHeight;\n\n    this.element.width(width);\n    this.element.height(height);\n    width -= this._sided ? dimensions.headerHeight : 0;\n    height -= !this._sided ? dimensions.headerHeight : 0;\n    this.childElementContainer.width(width);\n    this.childElementContainer.height(height);\n    this._contentItem.element.width(width);\n    this._contentItem.element.height(height);\n    this._contentItem.callDownwards('_$show');\n    this._contentItem.callDownwards('setSize');\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,CAAC,MAAM,QAAQ;AAAC,SAIdC,SAAS,EAAEC,YAAY;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,MAAMC,SAAS,SAASD,YAAY,CAAC;EAiClDE,WAAW,CACTC,CAAS,EACTC,CAAS,EACTC,YAA0B,EAC1BC,aAA4B,EAC5BC,WAAgC,EAChCC,cAA4B,EAC5B;IAAA;IACA,KAAK,EAAE;IAAC;IAAA;IAAA;IAAA;IAAA,+BAvBuB,IAAI;IAAA,wCACK,IAAI;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAwB5C,IAAI,CAACC,aAAa,GAAGJ,YAAY;IACjC,IAAI,CAACK,cAAc,GAAGJ,aAAa;IACnC,IAAI,CAACK,YAAY,GAAGJ,WAAW;IAC/B,IAAI,CAACK,eAAe,GAAGJ,cAAc;IAErC,IAAI,CAACC,aAAa,CAACI,EAAE,CAAC,MAAM,EAAE,IAAI,CAACC,OAAO,EAAE,IAAI,CAAC;IACjD,IAAI,CAACL,aAAa,CAACI,EAAE,CAAC,UAAU,EAAE,IAAI,CAACE,OAAO,EAAE,IAAI,CAAC;;IAErD;IACA,IAAI,IAAI,CAACJ,YAAY,CAACK,GAAG,IAAI,IAAI,CAACL,YAAY,CAACK,GAAG,CAACC,OAAO,EAAE;MAAA;MAC1D,IAAI,CAACP,cAAc,CAACQ,kBAAkB,CAACC,KAAK,0BAC1C,IAAI,CAACR,YAAY,CAACK,GAAG,CAACC,OAAO,CAACG,UAAU,CAAC,IAAI,CAAC,yEAAI,CAAC,CACpD;MACD,IAAI,CAACV,cAAc,CAACQ,kBAAkB,CAACG,MAAM,2BAC3C,IAAI,CAACV,YAAY,CAACK,GAAG,CAACC,OAAO,CAACK,WAAW,CAAC,IAAI,CAAC,2EAAI,CAAC,CACrD;IACH;IAEA,IAAI,CAACL,OAAO,GAAGnB,CAAC,CAACG,SAAS,CAACsB,SAAS,CAAC;IACrC,IAAIf,cAAc,IAAIA,cAAc,CAACgB,KAAK,EAAE;MAC1C,IAAI,CAACC,MAAM,GAAGjB,cAAc,CAACiB,MAAM;MACnC,IAAI,CAACR,OAAO,CAACS,QAAQ,CAAC,KAAK,GAAGlB,cAAc,CAACgB,KAAK,CAAC;MACnD,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAACG,OAAO,CAACnB,cAAc,CAACgB,KAAK,CAACI,QAAQ,EAAE,CAAC,IAAI,CAAC,EACnE,IAAI,CAACX,OAAO,CAACY,IAAI,CAAC,aAAa,CAAC,CAACC,KAAK,CAAC,IAAI,CAACb,OAAO,CAACY,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3E;IACA,IAAI,CAACZ,OAAO,CAACc,GAAG,CAAC;MAAEC,IAAI,EAAE7B,CAAC;MAAE8B,GAAG,EAAE7B;IAAE,CAAC,CAAC;IACrC,IAAI,CAAC8B,SAAS,GAAG,IAAI,CAACjB,OAAO,CAACY,IAAI,CAAC,SAAS,CAAC;IAC7C,IAAI,CAACK,SAAS,CAACC,IAAI,CACjB,OAAO,EACPpC,SAAS,0BAAC,IAAI,CAACY,YAAY,CAACyB,MAAM,CAACC,KAAK,yEAAI,EAAE,CAAC,CAChD;IACD,IAAI,CAACpB,OAAO,CAACY,IAAI,CAAC,WAAW,CAAC,CAACS,IAAI,2BAAC,IAAI,CAAC3B,YAAY,CAACyB,MAAM,CAACC,KAAK,2EAAI,EAAE,CAAC;IACzE,IAAI,CAACE,qBAAqB,GAAG,IAAI,CAACtB,OAAO,CAACY,IAAI,CAAC,aAAa,CAAC;IAC7D,IAAI,CAACU,qBAAqB,CAACC,MAAM,CAACjC,WAAW,CAACU,OAAO,CAAC;IAEtD,IAAI,CAACwB,WAAW,EAAE;IAClB,IAAI,CAAC/B,cAAc,CAACgC,oBAAoB,EAAE;IAE1C5C,CAAC,CAAC6C,QAAQ,CAACC,IAAI,CAAC,CAACJ,MAAM,CAAC,IAAI,CAACvB,OAAO,CAAC;;IAErC;IACA,IAAI,CAAC4B,cAAc,EAAE;;IAErB;IACA,IAAI,CAAC,IAAI,CAAClC,YAAY,CAACK,GAAG,IAAI,IAAI,CAACkB,SAAS,CAACY,MAAM,EAAE;MAAA;MACnD,IAAI,CAACpC,cAAc,CAACQ,kBAAkB,CAACC,KAAK,0BAC1C,IAAI,CAACe,SAAS,CAACd,UAAU,CAAC,IAAI,CAAC,yEAAI,CAAC,CACrC;MACD,IAAI,CAACV,cAAc,CAACQ,kBAAkB,CAACG,MAAM,2BAC3C,IAAI,CAACa,SAAS,CAACZ,WAAW,CAAC,IAAI,CAAC,2EAAI,CAAC,CACtC;IACH;IAEA,IAAIyB,MAAM,GAAG,IAAI,CAACrC,cAAc,CAACsC,SAAS,CAACD,MAAM,EAAE;IAEnD,IAAI,CAACE,KAAK,mBAAGF,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEf,IAAI,uDAAI,CAAC;IAC9B,IAAI,CAACkB,KAAK,kBAAGH,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEd,GAAG,qDAAI,CAAC;IAC7B,IAAI,CAACkB,KAAK,GAAG,0BAAC,IAAI,CAACzC,cAAc,CAACsC,SAAS,CAAC7B,KAAK,EAAE,yEAAI,CAAC,IAAI,IAAI,CAAC8B,KAAK;IACtE,IAAI,CAACG,KAAK,GAAG,2BAAC,IAAI,CAAC1C,cAAc,CAACsC,SAAS,CAAC3B,MAAM,EAAE,2EAAI,CAAC,IAAI,IAAI,CAAC6B,KAAK;IACvE,IAAI,CAACG,MAAM,0BAAG,IAAI,CAACpC,OAAO,CAACE,KAAK,EAAE,qEAAI,CAAC;IACvC,IAAI,CAACmC,OAAO,2BAAG,IAAI,CAACrC,OAAO,CAACI,MAAM,EAAE,uEAAI,CAAC;IAEzC,IAAI,CAACkC,gBAAgB,CAACpD,CAAC,EAAEC,CAAC,CAAC;IAE3B,IAAI,CAACM,cAAc,CAAC8C,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC7C,YAAY,CAAC;EAC7D;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEG,OAAO,CAAC2C,OAAe,EAAEC,OAAe,EAAEC,KAA4B,EAAE;IAAA;IACtE,IAAMxD,CAAC,mBAAGwD,KAAK,CAACC,KAAK,uDAAI,CAAC;IAC1B,IAAMxD,CAAC,mBAAGuD,KAAK,CAACE,KAAK,uDAAI,CAAC;IAC1B,IAAMC,iBAAiB,GACrB3D,CAAC,GAAG,IAAI,CAAC8C,KAAK,IAAI9C,CAAC,GAAG,IAAI,CAACgD,KAAK,IAAI/C,CAAC,GAAG,IAAI,CAAC8C,KAAK,IAAI9C,CAAC,GAAG,IAAI,CAACgD,KAAK;IAEtE,IACE,CAACU,iBAAiB,IAClB,IAAI,CAACpD,cAAc,CAAC0B,MAAM,CAAC2B,QAAQ,CAACC,wBAAwB,KAAK,IAAI,EACrE;MACA;IACF;IAEA,IAAI,CAACT,gBAAgB,CAACpD,CAAC,EAAEC,CAAC,CAAC;EAC7B;;EAEA;AACF;AACA;AACA;AACA;AACA;EACEmD,gBAAgB,CAACpD,CAAS,EAAEC,CAAS,EAAE;IACrC,IAAI,CAACa,OAAO,CAACc,GAAG,CAAC;MAAEC,IAAI,EAAE7B,CAAC;MAAE8B,GAAG,EAAE7B;IAAE,CAAC,CAAC;IACrC,IAAI,CAAC6D,KAAK,GAAG,IAAI,CAACvD,cAAc,CAACwD,SAAS,CAAC/D,CAAC,EAAEC,CAAC,CAAC;IAEhD,IAAI,IAAI,CAAC6D,KAAK,KAAK,IAAI,EAAE;MACvB,IAAI,CAACE,cAAc,GAAG,IAAI,CAACF,KAAK;MAChC,IAAI,CAACA,KAAK,CAAC1D,WAAW,CAAC6D,mBAAmB,CAACjE,CAAC,EAAEC,CAAC,EAAE,IAAI,CAAC6D,KAAK,CAAC;IAC9D;EACF;;EAEA;AACF;AACA;AACA;EACElD,OAAO,GAAG;IAAA;IACR,8BAAI,CAACL,cAAc,CAAC2D,mBAAmB,2DAAvC,uBAAyCC,IAAI,EAAE;;IAE/C;AACJ;AACA;IACI,IAAI,IAAI,CAACL,KAAK,KAAK,IAAI,EAAE;MACvB,IAAI,CAACA,KAAK,CAAC1D,WAAW,CAACgE,QAAQ,CAAC,IAAI,CAAC5D,YAAY,EAAE,IAAI,CAACsD,KAAK,CAAC;;MAE9D;AACN;AACA;AACA;IACI,CAAC,MAAM,IAAI,IAAI,CAACE,cAAc,KAAK,IAAI,EAAE;MACvC,IAAI,CAACA,cAAc,CAAC5D,WAAW,CAACgE,QAAQ,CACtC,IAAI,CAAC5D,YAAY,EACjB,IAAI,CAACwD,cAAc,CACpB;;MAED;AACN;AACA;AACA;AACA;IACI,CAAC,MAAM,IAAI,IAAI,CAACvD,eAAe,EAAE;MAC/B,IAAI,CAACA,eAAe,CAAC4D,QAAQ,CAAC,IAAI,CAAC7D,YAAY,CAAC;;MAEhD;AACN;AACA;AACA;AACA;IACI,CAAC,MAAM;MACL,IAAI,CAACA,YAAY,CAAC8D,SAAS,EAAE;IAC/B;IAEA,IAAI,CAAChE,aAAa,CAACiE,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC5D,OAAO,EAAE,IAAI,CAAC;IAClD,IAAI,CAACL,aAAa,CAACiE,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC3D,OAAO,EAAE,IAAI,CAAC;IAEtD,IAAI,CAACE,OAAO,CAAC0D,MAAM,EAAE;IAErB,IAAI,CAACjE,cAAc,CAAC8C,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC7C,YAAY,CAAC;EAC5D;;EAEA;AACF;AACA;EACE8B,WAAW,GAAG;IACZ;AACJ;AACA;IACI,IAAI,IAAI,CAAC9B,YAAY,CAACiE,MAAM,EAAE;MAC5B,IAAI,CAACjE,YAAY,CAACiE,MAAM,CAACC,WAAW,CAAC,IAAI,CAAClE,YAAY,EAAE,IAAI,CAAC;IAC/D;IAEA,IAAI,CAACA,YAAY,CAACmE,WAAW,CAAC,IAAI,CAAC;EACrC;;EAEA;AACF;AACA;EACEjC,cAAc,GAAG;IACf,IAAMkC,UAAU,GAAG,IAAI,CAACrE,cAAc,CAAC0B,MAAM,CAAC2C,UAAU;IACxD,IAAI5D,KAAK,GAAG4D,UAAU,CAACC,cAAc;IACrC,IAAI3D,MAAM,GAAG0D,UAAU,CAACE,eAAe;IAEvC,IAAI,CAAChE,OAAO,CAACE,KAAK,CAACA,KAAK,CAAC;IACzB,IAAI,CAACF,OAAO,CAACI,MAAM,CAACA,MAAM,CAAC;IAC3BF,KAAK,IAAI,IAAI,CAACM,MAAM,GAAGsD,UAAU,CAACG,YAAY,GAAG,CAAC;IAClD7D,MAAM,IAAI,CAAC,IAAI,CAACI,MAAM,GAAGsD,UAAU,CAACG,YAAY,GAAG,CAAC;IACpD,IAAI,CAAC3C,qBAAqB,CAACpB,KAAK,CAACA,KAAK,CAAC;IACvC,IAAI,CAACoB,qBAAqB,CAAClB,MAAM,CAACA,MAAM,CAAC;IACzC,IAAI,CAACV,YAAY,CAACM,OAAO,CAACE,KAAK,CAACA,KAAK,CAAC;IACtC,IAAI,CAACR,YAAY,CAACM,OAAO,CAACI,MAAM,CAACA,MAAM,CAAC;IACxC,IAAI,CAACV,YAAY,CAACwE,aAAa,CAAC,QAAQ,CAAC;IACzC,IAAI,CAACxE,YAAY,CAACwE,aAAa,CAAC,SAAS,CAAC;EAC5C;AACF;AAAC,gBAxOoBlF,SAAS,eAE1B,4BAA4B,GAC5B,yBAAyB,GACzB,sBAAsB,GACtB,sDAAsD,GACtD,gCAAgC,GAChC,+BAA+B,GAC/B,OAAO,GACP,QAAQ,GACR,gCAAgC,GAChC,QAAQ"}

package/dist/controls/DragSource.js

@@ -0,0 +1,52 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import $ from 'jquery';
+import { DragListener } from "../utils/index.js";
+import DragProxy from "./DragProxy.js";
+/**
+ * Allows for any DOM item to create a component on drag
+ * start tobe dragged into the Layout
+ *
+ * @param element
+ * @param itemConfig the configuration for the contentItem that will be created
+ * @param layoutManager
+ */
+export default class DragSource {
+  constructor(element, itemConfig, layoutManager) {
+    _defineProperty(this, "_element", void 0);
+    _defineProperty(this, "_itemConfig", void 0);
+    _defineProperty(this, "_layoutManager", void 0);
+    _defineProperty(this, "_dragListener", void 0);
+    this._element = element;
+    this._itemConfig = itemConfig;
+    this._layoutManager = layoutManager;
+    this._dragListener = this._createDragListener();
+  }
+
+  /**
+   * Called initially and after every drag
+   */
+  _createDragListener() {
+    this._dragListener = new DragListener(this._element, true);
+    this._dragListener.on('dragStart', this._onDragStart, this);
+    this._dragListener.on('dragStop', this._createDragListener, this);
+    return this._dragListener;
+  }
+
+  /**
+   * Callback for the DragListener's dragStart event
+   *
+   * @param x the x position of the mouse on dragStart
+   * @param y the x position of the mouse on dragStart
+   */
+  _onDragStart(x, y) {
+    var itemConfig = this._itemConfig;
+    if (typeof itemConfig === 'function') {
+      itemConfig = itemConfig();
+    }
+    var contentItem = this._layoutManager._$normalizeContentItem($.extend(true, {}, itemConfig)),
+      dragProxy = new DragProxy(x, y, this._dragListener, this._layoutManager, contentItem, null);
+  }
+}
+//# sourceMappingURL=DragSource.js.map

package/dist/controls/DragSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragSource.js","names":["$","DragListener","DragProxy","DragSource","constructor","element","itemConfig","layoutManager","_element","_itemConfig","_layoutManager","_dragListener","_createDragListener","on","_onDragStart","x","y","contentItem","_$normalizeContentItem","extend","dragProxy"],"sources":["../../src/controls/DragSource.ts"],"sourcesContent":["import $ from 'jquery';\nimport type { ItemConfigType } from '../config';\nimport type LayoutManager from '../LayoutManager';\nimport { DragListener } from '../utils';\nimport DragProxy from './DragProxy';\n\n/**\n * Allows for any DOM item to create a component on drag\n * start tobe dragged into the Layout\n *\n * @param element\n * @param itemConfig the configuration for the contentItem that will be created\n * @param layoutManager\n */\nexport default class DragSource {\n  _element: JQuery<HTMLElement>;\n  _itemConfig: ItemConfigType | (() => ItemConfigType);\n  _layoutManager: LayoutManager;\n  _dragListener: DragListener;\n\n  constructor(\n    element: JQuery<HTMLElement>,\n    itemConfig: ItemConfigType | (() => ItemConfigType),\n    layoutManager: LayoutManager\n  ) {\n    this._element = element;\n    this._itemConfig = itemConfig;\n    this._layoutManager = layoutManager;\n\n    this._dragListener = this._createDragListener();\n  }\n\n  /**\n   * Called initially and after every drag\n   */\n  _createDragListener() {\n    this._dragListener = new DragListener(this._element, true);\n    this._dragListener.on('dragStart', this._onDragStart, this);\n    this._dragListener.on('dragStop', this._createDragListener, this);\n    return this._dragListener;\n  }\n\n  /**\n   * Callback for the DragListener's dragStart event\n   *\n   * @param x the x position of the mouse on dragStart\n   * @param y the x position of the mouse on dragStart\n   */\n  _onDragStart(x: number, y: number) {\n    let itemConfig = this._itemConfig;\n    if (typeof itemConfig === 'function') {\n      itemConfig = itemConfig();\n    }\n    const contentItem = this._layoutManager._$normalizeContentItem(\n        $.extend(true, {}, itemConfig)\n      ),\n      dragProxy = new DragProxy(\n        x,\n        y,\n        this._dragListener,\n        this._layoutManager,\n        contentItem,\n        null\n      );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,CAAC,MAAM,QAAQ;AAAC,SAGdC,YAAY;AAAA,OACdC,SAAS;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,MAAMC,UAAU,CAAC;EAM9BC,WAAW,CACTC,OAA4B,EAC5BC,UAAmD,EACnDC,aAA4B,EAC5B;IAAA;IAAA;IAAA;IAAA;IACA,IAAI,CAACC,QAAQ,GAAGH,OAAO;IACvB,IAAI,CAACI,WAAW,GAAGH,UAAU;IAC7B,IAAI,CAACI,cAAc,GAAGH,aAAa;IAEnC,IAAI,CAACI,aAAa,GAAG,IAAI,CAACC,mBAAmB,EAAE;EACjD;;EAEA;AACF;AACA;EACEA,mBAAmB,GAAG;IACpB,IAAI,CAACD,aAAa,GAAG,IAAIV,YAAY,CAAC,IAAI,CAACO,QAAQ,EAAE,IAAI,CAAC;IAC1D,IAAI,CAACG,aAAa,CAACE,EAAE,CAAC,WAAW,EAAE,IAAI,CAACC,YAAY,EAAE,IAAI,CAAC;IAC3D,IAAI,CAACH,aAAa,CAACE,EAAE,CAAC,UAAU,EAAE,IAAI,CAACD,mBAAmB,EAAE,IAAI,CAAC;IACjE,OAAO,IAAI,CAACD,aAAa;EAC3B;;EAEA;AACF;AACA;AACA;AACA;AACA;EACEG,YAAY,CAACC,CAAS,EAAEC,CAAS,EAAE;IACjC,IAAIV,UAAU,GAAG,IAAI,CAACG,WAAW;IACjC,IAAI,OAAOH,UAAU,KAAK,UAAU,EAAE;MACpCA,UAAU,GAAGA,UAAU,EAAE;IAC3B;IACA,IAAMW,WAAW,GAAG,IAAI,CAACP,cAAc,CAACQ,sBAAsB,CAC1DlB,CAAC,CAACmB,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,EAAEb,UAAU,CAAC,CAC/B;MACDc,SAAS,GAAG,IAAIlB,SAAS,CACvBa,CAAC,EACDC,CAAC,EACD,IAAI,CAACL,aAAa,EAClB,IAAI,CAACD,cAAc,EACnBO,WAAW,EACX,IAAI,CACL;EACL;AACF"}