@deephaven/golden-layout 0.19.2-beta.5 → 0.20.0

package/dist/controls/BrowserPopout.js

@@ -1,5 +1,8 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import $ from 'jquery';
-import utils from '../utils/index.js';
+import { getUniqueId, minifyConfig, EventEmitter } from "../utils/index.js";
+
 /**
  * Pops a content item out into a new browser window.
  * This is achieved by
@@ -10,72 +13,100 @@ import utils from '../utils/index.js';
  *    - GoldenLayout when opened in the new window will look for the GET parameter
  *      and use it instead of the provided configuration
  *
- * @param {Object} config GoldenLayout item config
- * @param {Object} dimensions A map with width, height, top and left
- * @param {String} parentId The id of the element the item will be appended to on popIn
- * @param {Number} indexInParent The position of this element within its parent
- * @param {lm.LayoutManager} layoutManager
+ * @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;
 
-var BrowserPopout = function BrowserPopout(config, dimensions, parentId, indexInParent, layoutManager) {
-  utils.EventEmitter.call(this);
-  this.isInitialised = false;
-  this._config = config;
-  this._dimensions = dimensions;
-  this._parentId = parentId;
-  this._indexInParent = indexInParent;
-  this._layoutManager = layoutManager;
-  this._popoutWindow = null;
-  this._id = null;
-
-  this._createWindow();
-};
-
-utils.copy(BrowserPopout.prototype, {
-  toConfig: function toConfig() {
     if (this.isInitialised === false) {
       throw new Error("Can't create config, layout not yet initialised");
-      return;
     }
 
     return {
       dimensions: {
-        width: this.getGlInstance().width,
-        height: this.getGlInstance().height,
-        left: this._popoutWindow.screenX || this._popoutWindow.screenLeft,
-        top: this._popoutWindow.screenY || this._popoutWindow.screenTop
+        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.getGlInstance().toConfig().content,
+      content: (_this$getGlInstance3 = this.getGlInstance()) === null || _this$getGlInstance3 === void 0 ? void 0 : _this$getGlInstance3.toConfig().content,
       parentId: this._parentId,
       indexInParent: this._indexInParent
     };
-  },
-  getGlInstance: function getGlInstance() {
-    return this._popoutWindow.__glInstance;
-  },
-  getWindow: function getWindow() {
+  }
+
+  getGlInstance() {
+    var _this$_popoutWindow5;
+
+    return (_this$_popoutWindow5 = this._popoutWindow) === null || _this$_popoutWindow5 === void 0 ? void 0 : _this$_popoutWindow5.__glInstance;
+  }
+
+  getWindow() {
     return this._popoutWindow;
-  },
-  close: function close() {
+  }
+
+  close() {
     if (this.getGlInstance()) {
-      this.getGlInstance()._$closeWindow();
+      var _this$getGlInstance4;
+
+      (_this$getGlInstance4 = this.getGlInstance()) === null || _this$getGlInstance4 === void 0 ? void 0 : _this$getGlInstance4._$closeWindow();
     } else {
       try {
-        this.getWindow().close();
+        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: function popIn() {
-    var childConfig,
-        parentItem,
-        index = this._indexInParent;
+
+
+  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()
@@ -85,7 +116,7 @@ utils.copy(BrowserPopout.prototype, {
        *
        * The callee (server [not server application]) is not available and disappeared
        */
-      childConfig = $.extend(true, {}, this.getGlInstance().toConfig()).content[0];
+      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
@@ -93,7 +124,9 @@ utils.copy(BrowserPopout.prototype, {
        */
 
       if (!parentItem) {
-        if (this._layoutManager.root.contentItems.length > 0) {
+        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;
@@ -103,33 +136,34 @@ utils.copy(BrowserPopout.prototype, {
       }
     }
 
-    parentItem.addChild(childConfig, this._indexInParent);
-    this.close();
-  },
+    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
-   *
-   * @private
-   *
-   * @returns {void}
    */
-  _createWindow: function _createWindow() {
-    var checkReadyInterval,
-        url = this._createUrl(),
 
+
+  _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
      */
-    title = Math.floor(Math.random() * 1000000).toString(36),
 
+
+    var title = Math.floor(Math.random() * 1000000).toString(36);
     /**
      * The options as used in the window.open string
      */
-    options = this._serializeWindowOptions({
+
+    var options = this._serializeWindowOptions({
       width: this._dimensions.width,
       height: this._dimensions.height,
       innerWidth: this._dimensions.width,
@@ -141,7 +175,8 @@ utils.copy(BrowserPopout.prototype, {
       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);
 
@@ -155,7 +190,7 @@ utils.copy(BrowserPopout.prototype, {
       }
     }
 
-    $(this._popoutWindow).on('load', utils.fnBind(this._positionWindow, this)).on('unload beforeunload', utils.fnBind(this._onClose, this));
+    $(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
@@ -163,23 +198,26 @@ utils.copy(BrowserPopout.prototype, {
      * about the parent to the child window which we'd rather avoid
      */
 
-    checkReadyInterval = setInterval(utils.fnBind(function () {
-      if (this._popoutWindow.__glInstance && this._popoutWindow.__glInstance.isInitialised) {
+    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();
 
-        clearInterval(checkReadyInterval);
+        window.clearInterval(checkReadyInterval);
       }
-    }, this), 10);
-  },
-
+    }, 10);
+  }
   /**
    * Serialises a map of key:values to a window options string
    *
-   * @param   {Object} windowOptions
+   * @param windowOptions
    *
-   * @returns {String} serialised window options
+   * @returns serialised window options
    */
-  _serializeWindowOptions: function _serializeWindowOptions(windowOptions) {
+
+
+  _serializeWindowOptions(windowOptions) {
     var windowOptionsString = [],
         key;
 
@@ -188,21 +226,21 @@ utils.copy(BrowserPopout.prototype, {
     }
 
     return windowOptionsString.join(',');
-  },
-
+  }
   /**
    * Creates the URL for the new window, including the
    * config GET parameter
    *
-   * @returns {String} URL
+   * @returns URL
    */
-  _createUrl: function _createUrl() {
+
+
+  _createUrl() {
     var config = {
       content: this._config
-    },
-        storageKey = 'gl-window-config-' + utils.getUniqueId(),
-        urlParts;
-    config = new utils.ConfigMinifier().minifyConfig(config);
+    };
+    var storageKey = 'gl-window-config-' + getUniqueId();
+    config = minifyConfig(config);
 
     try {
       localStorage.setItem(storageKey, JSON.stringify(config));
@@ -210,51 +248,47 @@ utils.copy(BrowserPopout.prototype, {
       throw new Error('Error while writing to localStorage ' + e.toString());
     }
 
-    urlParts = document.location.href.split('?'); // URL doesn't contain GET-parameters
+    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.
-   *
-   * @private
-   *
-   * @returns {void}
    */
-  _positionWindow: function _positionWindow() {
-    this._popoutWindow.moveTo(this._dimensions.left, this._dimensions.top);
 
-    this._popoutWindow.focus();
-  },
 
+  _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
-   *
-   * @returns {void}
    */
-  _onInitialised: function _onInitialised() {
+
+
+  _onInitialised() {
+    var _this$getGlInstance6;
+
     this.isInitialised = true;
-    this.getGlInstance().on('popIn', this.popIn, this);
+    (_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
-   *
-   * @private
-   *
-   * @returns {void}
    */
-  _onClose: function _onClose() {
-    setTimeout(utils.fnBind(this.emit, this, ['closed']), 50);
+
+
+  _onClose() {
+    setTimeout(this.emit.bind(this, 'closed'), 50);
   }
-});
-export default BrowserPopout;
+
+}
 //# sourceMappingURL=BrowserPopout.js.map

package/dist/controls/BrowserPopout.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserPopout.js","names":["$","utils","BrowserPopout","config","dimensions","parentId","indexInParent","layoutManager","EventEmitter","call","isInitialised","_config","_dimensions","_parentId","_indexInParent","_layoutManager","_popoutWindow","_id","_createWindow","copy","prototype","toConfig","Error","width","getGlInstance","height","left","screenX","screenLeft","top","screenY","screenTop","content","__glInstance","getWindow","close","_$closeWindow","e","popIn","childConfig","parentItem","index","extend","root","getItemsById","contentItems","length","addChild","checkReadyInterval","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","fnBind","_positionWindow","_onClose","setInterval","_onInitialised","clearInterval","windowOptions","windowOptionsString","key","push","join","storageKey","getUniqueId","urlParts","ConfigMinifier","minifyConfig","localStorage","setItem","JSON","stringify","document","href","split","moveTo","focus","emit","setTimeout"],"sources":["../../src/controls/BrowserPopout.js"],"sourcesContent":["import $ from 'jquery';\nimport utils from '../utils/index.js';\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 {Object} config GoldenLayout item config\n * @param {Object} dimensions A map with width, height, top and left\n * @param {String} parentId The id of the element the item will be appended to on popIn\n * @param {Number} indexInParent The position of this element within its parent\n * @param {lm.LayoutManager} layoutManager\n */\nconst BrowserPopout = function (\n  config,\n  dimensions,\n  parentId,\n  indexInParent,\n  layoutManager\n) {\n  utils.EventEmitter.call(this);\n  this.isInitialised = false;\n\n  this._config = config;\n  this._dimensions = dimensions;\n  this._parentId = parentId;\n  this._indexInParent = indexInParent;\n  this._layoutManager = layoutManager;\n  this._popoutWindow = null;\n  this._id = null;\n  this._createWindow();\n};\n\nutils.copy(BrowserPopout.prototype, {\n  toConfig: function () {\n    if (this.isInitialised === false) {\n      throw new Error(\"Can't create config, layout not yet initialised\");\n      return;\n    }\n    return {\n      dimensions: {\n        width: this.getGlInstance().width,\n        height: this.getGlInstance().height,\n        left: this._popoutWindow.screenX || this._popoutWindow.screenLeft,\n        top: this._popoutWindow.screenY || this._popoutWindow.screenTop,\n      },\n      content: this.getGlInstance().toConfig().content,\n      parentId: this._parentId,\n      indexInParent: this._indexInParent,\n    };\n  },\n\n  getGlInstance: function () {\n    return this._popoutWindow.__glInstance;\n  },\n\n  getWindow: function () {\n    return this._popoutWindow;\n  },\n\n  close: function () {\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: function () {\n    var childConfig,\n      parentItem,\n      index = this._indexInParent;\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(this._parentId)[0];\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) {\n          parentItem = this._layoutManager.root.contentItems[0];\n        } else {\n          parentItem = this._layoutManager.root;\n        }\n        index = 0;\n      }\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   * @private\n   *\n   * @returns {void}\n   */\n  _createWindow: function () {\n    var checkReadyInterval,\n      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      title = Math.floor(Math.random() * 1000000).toString(36),\n      /**\n       * The options as used in the window.open string\n       */\n      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    this._popoutWindow = window.open(url, title, options);\n\n    if (!this._popoutWindow) {\n      if (\n        this._layoutManager.config.settings.blockedPopoutsThrowError === true\n      ) {\n        var error = new Error('Popout blocked');\n        error.type = 'popoutBlocked';\n        throw error;\n      } else {\n        return;\n      }\n    }\n\n    $(this._popoutWindow)\n      .on('load', utils.fnBind(this._positionWindow, this))\n      .on('unload beforeunload', utils.fnBind(this._onClose, 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    checkReadyInterval = setInterval(\n      utils.fnBind(function () {\n        if (\n          this._popoutWindow.__glInstance &&\n          this._popoutWindow.__glInstance.isInitialised\n        ) {\n          this._onInitialised();\n          clearInterval(checkReadyInterval);\n        }\n      }, this),\n      10\n    );\n  },\n\n  /**\n   * Serialises a map of key:values to a window options string\n   *\n   * @param   {Object} windowOptions\n   *\n   * @returns {String} serialised window options\n   */\n  _serializeWindowOptions: function (windowOptions) {\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 {String} URL\n   */\n  _createUrl: function () {\n    var config = { content: this._config },\n      storageKey = 'gl-window-config-' + utils.getUniqueId(),\n      urlParts;\n\n    config = new utils.ConfigMinifier().minifyConfig(config);\n\n    try {\n      localStorage.setItem(storageKey, JSON.stringify(config));\n    } catch (e) {\n      throw new Error('Error while writing to localStorage ' + e.toString());\n    }\n\n    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   * @private\n   *\n   * @returns {void}\n   */\n  _positionWindow: function () {\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   * @returns {void}\n   */\n  _onInitialised: function () {\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   * @private\n   *\n   * @returns {void}\n   */\n  _onClose: function () {\n    setTimeout(utils.fnBind(this.emit, this, ['closed']), 50);\n  },\n});\n\nexport default BrowserPopout;\n"],"mappings":"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"}
+{"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":";;AAAA,OAAOA,CAAP,MAAc,QAAd;SAISC,W,EAAaC,Y,EAAcC,Y;;AAUpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,MAAMC,aAAN,SAA4BD,YAA5B,CAAyC;EAatDE,WAAW,CACTC,MADS,EAETC,UAFS,EAGTC,QAHS,EAITC,aAJS,EAKTC,aALS,EAMT;IACA;;IADA,uCAlBc,KAkBd;;IAAA;;IAAA;;IAAA;;IAAA;;IAAA;;IAAA,uCATS,IAST;;IAAA,6BARY,IAQZ;;IAGA,KAAKC,OAAL,GAAeL,MAAf;IACA,KAAKM,WAAL,GAAmBL,UAAnB;IACA,KAAKM,SAAL,GAAiBL,QAAjB;IACA,KAAKM,cAAL,GAAsBL,aAAtB;IACA,KAAKM,cAAL,GAAsBL,aAAtB;;IACA,KAAKM,aAAL;EACD;;EAEDC,QAAQ,GAAG;IAAA;;IACT,IAAI,KAAKC,aAAL,KAAuB,KAA3B,EAAkC;MAChC,MAAM,IAAIC,KAAJ,CAAU,iDAAV,CAAN;IACD;;IACD,OAAQ;MACNZ,UAAU,EAAE;QACVa,KAAK,yBAAE,KAAKC,aAAL,EAAF,wDAAE,oBAAsBD,KADnB;QAEVE,MAAM,0BAAE,KAAKD,aAAL,EAAF,yDAAE,qBAAsBC,MAFpB;QAGVC,IAAI,0DACF,KAAKC,aADH,wDACF,oBAAoBC,OADlB,iGAC6B,KAAKD,aADlC,yDAC6B,qBAAoBE,UADjD,uCAC+D,CAJzD;QAKVC,GAAG,6DAAE,KAAKH,aAAP,yDAAE,qBAAoBI,OAAtB,mGAAiC,KAAKJ,aAAtC,yDAAiC,qBAAoBK,SAArD,yCAAkE;MAL3D,CADN;MAQNC,OAAO,0BAAE,KAAKT,aAAL,EAAF,yDAAE,qBAAsBJ,QAAtB,GAAiCa,OARpC;MASNtB,QAAQ,EAAE,KAAKK,SATT;MAUNJ,aAAa,EAAE,KAAKK;IAVd,CAAR;EAYD;;EAEDO,aAAa,GAAG;IAAA;;IACd,+BAAO,KAAKG,aAAZ,yDAAO,qBAAoBO,YAA3B;EACD;;EAEDC,SAAS,GAAG;IACV,OAAO,KAAKR,aAAZ;EACD;;EAEDS,KAAK,GAAG;IACN,IAAI,KAAKZ,aAAL,EAAJ,EAA0B;MAAA;;MACxB,6BAAKA,aAAL,gFAAsBa,aAAtB;IACD,CAFD,MAEO;MACL,IAAI;QAAA;;QACF,wBAAKF,SAAL,sEAAkBC,KAAlB;MACD,CAFD,CAEE,OAAOE,CAAP,EAAU,CAAE;IACf;EACF;EAED;AACF;AACA;AACA;;;EACEC,KAAK,GAAG;IAAA;;IACN,IAAIC,KAAK,GAAG,KAAKvB,cAAjB;IACA,IAAIwB,WAAkC,GAAG,IAAzC;IACA,IAAIC,UAAsC,GAAG,IAA7C;;IAEA,IAAI,KAAK1B,SAAT,EAAoB;MAAA;;MAClB;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACMyB,WAAW,GAAGtC,CAAC,CAACwC,MAAF,CAAS,IAAT,EAAe,EAAf,0BAAmB,KAAKnB,aAAL,EAAnB,yDAAmB,qBAAsBJ,QAAtB,EAAnB,EACXa,OADW,CACH,CADG,CAAd;MAEAS,UAAU,GAAG,KAAKxB,cAAL,CAAoB0B,IAApB,CAAyBC,YAAzB,CACX,KAAK7B,SADM,EAEX,CAFW,CAAb;MAIA;AACN;AACA;AACA;;MACM,IAAI,CAAC0B,UAAL,EAAiB;QAAA;;QACf,IAAI,0BAAC,KAAKxB,cAAL,CAAoB0B,IAApB,CAAyBE,YAAzB,CAAsCC,MAAvC,yEAAiD,CAAjD,IAAsD,CAA1D,EAA6D;UAC3DL,UAAU,GAAG,KAAKxB,cAAL,CAAoB0B,IAApB,CAAyBE,YAAzB,CAAsC,CAAtC,CAAb;QACD,CAFD,MAEO;UACLJ,UAAU,GAAG,KAAKxB,cAAL,CAAoB0B,IAAjC;QACD;;QACDJ,KAAK,GAAG,CAAR;MACD;IACF;;IAED,IAAI,CAACC,WAAL,EAAkB;MAChB;IACD;;IAED,eAAAC,UAAU,UAAV,kDAAYM,QAAZ,CAAqBP,WAArB,EAAkC,KAAKxB,cAAvC;IACA,KAAKmB,KAAL;EACD;EAED;AACF;AACA;AACA;;;EACEjB,aAAa,GAAG;IACd,IAAM8B,GAAG,GAAG,KAAKC,UAAL,EAAZ;IACA;AACJ;AACA;AACA;AACA;;;IACI,IAAMC,KAAK,GAAGC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,OAA3B,EAAoCC,QAApC,CAA6C,EAA7C,CAAd;IACA;AACJ;AACA;;IACI,IAAMC,OAAO,GAAG,KAAKC,uBAAL,CAA6B;MAC3ClC,KAAK,EAAE,KAAKR,WAAL,CAAiBQ,KADmB;MAE3CE,MAAM,EAAE,KAAKV,WAAL,CAAiBU,MAFkB;MAG3CiC,UAAU,EAAE,KAAK3C,WAAL,CAAiBQ,KAHc;MAI3CoC,WAAW,EAAE,KAAK5C,WAAL,CAAiBU,MAJa;MAK3CmC,OAAO,EAAE,IALkC;MAM3CC,OAAO,EAAE,IANkC;MAO3CC,QAAQ,EAAE,IAPiC;MAQ3CC,WAAW,EAAE,IAR8B;MAS3CC,SAAS,EAAE,KATgC;MAU3CC,UAAU,EAAE,IAV+B;MAW3CC,MAAM,EAAE;IAXmC,CAA7B,CAAhB,CAXc,CAyBd;;;IACA,KAAKvC,aAAL,GAAqBwC,MAAM,CAACC,IAAP,CAAYnB,GAAZ,EAAiBE,KAAjB,EAAwBK,OAAxB,CAArB;;IAIA,IAAI,CAAC,KAAK7B,aAAV,EAAyB;MACvB,IACE,KAAKT,cAAL,CAAoBT,MAApB,CAA2B4D,QAA3B,CAAoCC,wBAApC,KAAiE,IADnE,EAEE;QACA,IAAMC,KAAK,GAAG,IAAIjD,KAAJ,CAAU,gBAAV,CAAd;QACAiD,KAAK,CAACC,IAAN,GAAa,eAAb;QACA,MAAMD,KAAN;MACD,CAND,MAMO;QACL;MACD;IACF;;IAEDpE,CAAC,CAAC,KAAKwB,aAAN,CAAD,CACG8C,EADH,CACM,MADN,EACc,KAAKC,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CADd,EAEGF,EAFH,CAEM,qBAFN,EAE6B,KAAKG,QAAL,CAAcD,IAAd,CAAmB,IAAnB,CAF7B;IAIA;AACJ;AACA;AACA;AACA;AACA;;IACI,IAAIE,kBAAkB,GAAGV,MAAM,CAACW,WAAP,CAAmB,MAAM;MAAA;;MAChD,IACE,6BAAKnD,aAAL,sEAAoBO,YAApB,IACA,KAAKP,aAAL,CAAmBO,YAAnB,CAAgCb,aAFlC,EAGE;QACA,KAAK0D,cAAL;;QACAZ,MAAM,CAACa,aAAP,CAAqBH,kBAArB;MACD;IACF,CARwB,EAQtB,EARsB,CAAzB;EASD;EAED;AACF;AACA;AACA;AACA;AACA;AACA;;;EACEpB,uBAAuB,CAACwB,aAAD,EAAyC;IAC9D,IAAIC,mBAAmB,GAAG,EAA1B;IAAA,IACEC,GADF;;IAGA,KAAKA,GAAL,IAAYF,aAAZ,EAA2B;MACzBC,mBAAmB,CAACE,IAApB,CAAyBD,GAAG,GAAG,GAAN,GAAYF,aAAa,CAACE,GAAD,CAAlD;IACD;;IAED,OAAOD,mBAAmB,CAACG,IAApB,CAAyB,GAAzB,CAAP;EACD;EAED;AACF;AACA;AACA;AACA;AACA;;;EACEnC,UAAU,GAAG;IACX,IAAIzC,MAAuB,GAAG;MAAEwB,OAAO,EAAE,KAAKnB;IAAhB,CAA9B;IACA,IAAMwE,UAAU,GAAG,sBAAsBlF,WAAW,EAApD;IAEAK,MAAM,GAAGJ,YAAY,CAACI,MAAD,CAArB;;IAEA,IAAI;MACF8E,YAAY,CAACC,OAAb,CAAqBF,UAArB,EAAiCG,IAAI,CAACC,SAAL,CAAejF,MAAf,CAAjC;IACD,CAFD,CAEE,OAAO6B,CAAP,EAAe;MACf,MAAM,IAAIhB,KAAJ,CAAU,yCAAyCgB,CAAC,CAACiB,QAAF,EAAnD,CAAN;IACD;;IAED,IAAMoC,QAAQ,GAAGC,QAAQ,CAAC9B,QAAT,CAAkB+B,IAAlB,CAAuBC,KAAvB,CAA6B,GAA7B,CAAjB,CAZW,CAcX;;IACA,IAAIH,QAAQ,CAAC5C,MAAT,KAAoB,CAAxB,EAA2B;MACzB,OAAO4C,QAAQ,CAAC,CAAD,CAAR,GAAc,aAAd,GAA8BL,UAArC,CADyB,CAGzB;IACD,CAJD,MAIO;MACL,OAAOM,QAAQ,CAAC9B,QAAT,CAAkB+B,IAAlB,GAAyB,aAAzB,GAAyCP,UAAhD;IACD;EACF;EAED;AACF;AACA;AACA;;;EACEZ,eAAe,GAAG;IAAA;;IAChB,6BAAK/C,aAAL,8EAAoBoE,MAApB,CAA2B,KAAKhF,WAAL,CAAiBW,IAA5C,EAAkD,KAAKX,WAAL,CAAiBe,GAAnE;IACA,6BAAKH,aAAL,8EAAoBqE,KAApB;EACD;EAED;AACF;AACA;AACA;;;EACEjB,cAAc,GAAG;IAAA;;IACf,KAAK1D,aAAL,GAAqB,IAArB;IACA,6BAAKG,aAAL,gFAAsBiD,EAAtB,CAAyB,OAAzB,EAAkC,KAAKlC,KAAvC,EAA8C,IAA9C;IACA,KAAK0D,IAAL,CAAU,aAAV;EACD;EAED;AACF;AACA;;;EACErB,QAAQ,GAAG;IACTsB,UAAU,CAAC,KAAKD,IAAL,CAAUtB,IAAV,CAAe,IAAf,EAAqB,QAArB,CAAD,EAAiC,EAAjC,CAAV;EACD;;AA5PqD"}

package/dist/controls/DragProxy.d.ts

@@ -0,0 +1,67 @@
+import type { AbstractContentItem, Stack } from '../items';
+import type LayoutManager from '../LayoutManager';
+import type { DragListener } from '../utils';
+import { EventEmitter } from '../utils';
+/**
+ * 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 {
+    private static _template;
+    private _dragListener;
+    private _layoutManager;
+    private _contentItem;
+    private _originalParent;
+    private _area;
+    private _lastValidArea;
+    private _minX;
+    private _maxX;
+    private _minY;
+    private _maxY;
+    private _width;
+    private _height;
+    private _sided?;
+    element: JQuery<HTMLElement>;
+    childElementContainer: JQuery<HTMLElement>;
+    private _proxyTab;
+    constructor(x: number, y: number, dragListener: DragListener, layoutManager: LayoutManager, contentItem: AbstractContentItem, originalParent: Stack | null);
+    /**
+     * 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: number, offsetY: number, event: JQuery.TriggeredEvent): void;
+    /**
+     * Sets the target position, highlighting the appropriate area
+     *
+     * @param x The x position in px
+     * @param y The y position in px
+     */
+    _setDropPosition(x: number, y: number): void;
+    /**
+     * Callback when the drag has finished. Determines the drop area
+     * and adds the child to it
+     */
+    _onDrop(): void;
+    /**
+     * Removes the item from its original position within the tree
+     */
+    _updateTree(): void;
+    /**
+     * Updates the DragProxy's dimensions
+     */
+    _setDimensions(): void;
+}
+//# sourceMappingURL=DragProxy.d.ts.map

package/dist/controls/DragProxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragProxy.d.ts","sourceRoot":"","sources":["../../src/controls/DragProxy.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAY,KAAK,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAa,YAAY,EAAE,MAAM,UAAU,CAAC;AAEnD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,YAAY;IACjD,OAAO,CAAC,MAAM,CAAC,SAAS,CAUb;IAEX,OAAO,CAAC,aAAa,CAAe;IACpC,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,YAAY,CAAsB;IAC1C,OAAO,CAAC,eAAe,CAAe;IAEtC,OAAO,CAAC,KAAK,CAAyB;IACtC,OAAO,CAAC,cAAc,CAAyB;IAE/C,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAC,CAAU;IAEzB,OAAO,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC3C,OAAO,CAAC,SAAS,CAAsB;gBAGrC,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,mBAAmB,EAChC,cAAc,EAAE,KAAK,GAAG,IAAI;IAqE9B;;;;;;;;OAQG;IACH,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,cAAc;IAqBtE;;;;;OAKG;IACH,gBAAgB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAUrC;;;OAGG;IACH,OAAO;IA4CP;;OAEG;IACH,WAAW;IAWX;;OAEG;IACH,cAAc;CAgBf"}