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

package/dist/config/ItemConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemConfig.d.ts","sourceRoot":"","sources":["../../src/config/ItemConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,oBAAY,cAAc,GACtB,UAAU,GACV,eAAe,GACf,oBAAoB,CAAC;AAEzB,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,EACA,SAAS,GACT,MAAM,GACN,KAAK,GACL,QAAQ,GACR,OAAO,GACP,WAAW,GACX,iBAAiB,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC,EAAE,CAAC;IAE1C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,cAAc,GACnB,IAAI,IAAI,eAAe,CAEzB;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,cAAc,GACnB,IAAI,IAAI,oBAAoB,CAE9B;AAED,eAAO,MAAM,iBAAiB,EAAE,UAM9B,CAAC"}

package/dist/config/ItemConfig.js

@@ -0,0 +1,14 @@
+export function isGLComponentConfig(item) {
+  return item.componentName !== undefined;
+}
+export function isReactComponentConfig(item) {
+  return item.component !== undefined;
+}
+export var itemDefaultConfig = Object.freeze({
+  type: 'default',
+  isClosable: true,
+  isFocusOnShow: true,
+  reorderEnabled: true,
+  title: ''
+});
+//# sourceMappingURL=ItemConfig.js.map

package/dist/config/ItemConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemConfig.js","names":["isGLComponentConfig","item","componentName","undefined","isReactComponentConfig","component","itemDefaultConfig","Object","freeze","type","isClosable","isFocusOnShow","reorderEnabled","title"],"sources":["../../src/config/ItemConfig.ts"],"sourcesContent":["import type { StackHeaderConfig } from '../items/Stack';\n\nexport type ItemConfigType =\n  | ItemConfig\n  | ComponentConfig\n  | ReactComponentConfig;\n\nexport interface ItemConfig {\n  /**\n   * The type of the item.\n   */\n  type:\n    | 'default'\n    | 'root'\n    | 'row'\n    | 'column'\n    | 'stack'\n    | 'component'\n    | 'react-component';\n\n  /**\n   * An array of configurations for items that will be created as children of this item.\n   */\n  content?: (ItemConfig | ItemConfigType)[];\n\n  /**\n   * The width of this item, relative to the other children of its parent in percent\n   */\n  width?: number;\n\n  minWidth?: number;\n\n  /**\n   * The height of this item, relative to the other children of its parent in percent\n   */\n  height?: number;\n\n  minHeight?: number;\n\n  /**\n   * A String or an Array of Strings. Used to retrieve the item using item.getItemsById()\n   */\n  id?: string | string[];\n\n  /**\n   * Determines if the item is closable. If false, the x on the items tab will be hidden and container.close()\n   * will return false\n   * Default: true\n   */\n  isClosable?: boolean;\n\n  /**\n   * The title of the item as displayed on its tab and on popout windows\n   * Default: componentName or ''\n   */\n  title?: string;\n\n  isFocusOnShow?: boolean;\n\n  reorderEnabled?: boolean;\n\n  header?: StackHeaderConfig;\n}\n\nexport interface ComponentConfig extends ItemConfig {\n  /**\n   * The name of the component as specified in layout.registerComponent. Mandatory if type is 'component'.\n   */\n  componentName: string;\n\n  /**\n   * A serialisable object. Will be passed to the component constructor function and will be the value returned by\n   * container.getState().\n   */\n  componentState: Record<string, unknown>;\n}\n\nexport interface ReactComponentConfig extends ItemConfig {\n  componentName?: string;\n  /**\n   * The name of the component as specified in layout.registerComponent. Mandatory if type is 'react-component'\n   */\n  component: string;\n\n  /**\n   * Properties that will be passed to the component and accessible using this.props.\n   */\n  props?: any;\n}\n\nexport function isGLComponentConfig(\n  item: ItemConfigType\n): item is ComponentConfig {\n  return (item as ComponentConfig).componentName !== undefined;\n}\n\nexport function isReactComponentConfig(\n  item: ItemConfigType\n): item is ReactComponentConfig {\n  return (item as ReactComponentConfig).component !== undefined;\n}\n\nexport const itemDefaultConfig: ItemConfig = Object.freeze({\n  type: 'default',\n  isClosable: true,\n  isFocusOnShow: true,\n  reorderEnabled: true,\n  title: '',\n});\n"],"mappings":"AA0FA,OAAO,SAASA,mBAAT,CACLC,IADK,EAEoB;EACzB,OAAQA,IAAD,CAA0BC,aAA1B,KAA4CC,SAAnD;AACD;AAED,OAAO,SAASC,sBAAT,CACLH,IADK,EAEyB;EAC9B,OAAQA,IAAD,CAA+BI,SAA/B,KAA6CF,SAApD;AACD;AAED,OAAO,IAAMG,iBAA6B,GAAGC,MAAM,CAACC,MAAP,CAAc;EACzDC,IAAI,EAAE,SADmD;EAEzDC,UAAU,EAAE,IAF6C;EAGzDC,aAAa,EAAE,IAH0C;EAIzDC,cAAc,EAAE,IAJyC;EAKzDC,KAAK,EAAE;AALkD,CAAd,CAAtC"}

package/dist/config/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Config';
+export * from './ItemConfig';
+//# sourceMappingURL=index.d.ts.map

package/dist/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}

package/dist/config/index.js

@@ -1,7 +1,3 @@
-import defaultConfig from './defaultConfig.js';
-import itemDefaultConfig from './ItemDefaultConfig.js';
-export default {
-  defaultConfig,
-  itemDefaultConfig
-};
+export * from "./Config.js";
+export * from "./ItemConfig.js";
 //# sourceMappingURL=index.js.map

package/dist/config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["defaultConfig","itemDefaultConfig"],"sources":["../../src/config/index.js"],"sourcesContent":["import defaultConfig from './defaultConfig.js';\nimport itemDefaultConfig from './ItemDefaultConfig.js';\n\nexport default {\n  defaultConfig,\n  itemDefaultConfig,\n};\n"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,oBAA1B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AAEA,eAAe;EACbD,aADa;EAEbC;AAFa,CAAf"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/config/index.ts"],"sourcesContent":["export * from './Config';\nexport * from './ItemConfig';\n"],"mappings":""}

package/dist/container/ItemContainer.d.ts

@@ -0,0 +1,91 @@
+import { ReactComponentConfig, ComponentConfig } from '../config';
+import type Tab from '../controls/Tab';
+import type { Component } from '../items';
+import type LayoutManager from '../LayoutManager';
+import EventEmitter from '../utils/EventEmitter';
+export default class ItemContainer<C extends ComponentConfig | ReactComponentConfig = ComponentConfig> extends EventEmitter {
+    width?: number;
+    height?: number;
+    title?: string;
+    parent: Component;
+    layoutManager: LayoutManager;
+    tab?: Tab;
+    _config: C & {
+        componentState: Record<string, unknown>;
+    };
+    isHidden: boolean;
+    _element: JQuery<HTMLElement>;
+    _contentElement: JQuery<HTMLElement>;
+    constructor(config: C, parent: Component, layoutManager: LayoutManager);
+    /**
+     * Get the inner DOM element the container's content
+     * is intended to live in
+     */
+    getElement(): JQuery<HTMLElement>;
+    /**
+     * Hide the container. Notifies the containers content first
+     * and then hides the DOM node. If the container is already hidden
+     * this should have no effect
+     */
+    hide(): void;
+    /**
+     * Shows a previously hidden container. Notifies the
+     * containers content first and then shows the DOM element.
+     * If the container is already visible this has no effect.
+     */
+    show(): void;
+    /**
+     * Set the size from within the container. Traverses up
+     * the item tree until it finds a row or column element
+     * and resizes its items accordingly.
+     *
+     * If this container isn't a descendant of a row or column
+     * it returns false
+     * @todo  Rework!!!
+     * @param width The new width in pixel
+     * @param height The new height in pixel
+     *
+     * @returns resizeSuccesful
+     */
+    setSize(width: number, height: number): boolean;
+    /**
+     * Closes the container if it is closable. Can be called by
+     * both the component within at as well as the contentItem containing
+     * it. Emits a close event before the container itself is closed.
+     */
+    close(): void;
+    /**
+     * Returns the current state object
+     *
+     * @returns state
+     */
+    getState(): Record<string, unknown>;
+    /**
+     * Merges the provided state into the current one
+     *
+     * @param state
+     */
+    extendState(state: string): void;
+    /**
+     * Notifies the layout manager of a stateupdate
+     *
+     * @param state
+     */
+    setState(state: Record<string, unknown>): void;
+    /**
+     * Set's the components title
+     *
+     * @param title
+     */
+    setTitle(title: string): void;
+    /**
+     * Set's the containers size. Called by the container's component.
+     * To set the size programmatically from within the container please
+     * use the public setSize method
+     *
+     * @param width  in px
+     * @param height in px
+     */
+    _$setSize(width?: number, height?: number): void;
+}
+//# sourceMappingURL=ItemContainer.d.ts.map

package/dist/container/ItemContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemContainer.d.ts","sourceRoot":"","sources":["../../src/container/ItemContainer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EAEpB,eAAe,EAChB,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,GAAG,MAAM,iBAAiB,CAAC;AACvC,OAAO,KAAK,EAAuB,SAAS,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAClD,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,aAAa,CAChC,CAAC,SAAS,eAAe,GAAG,oBAAoB,GAAG,eAAe,CAClE,SAAQ,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM,EAAE,SAAS,CAAC;IAElB,aAAa,EAAE,aAAa,CAAC;IAE7B,GAAG,CAAC,EAAE,GAAG,CAAC;IAGV,OAAO,EAAE,CAAC,GAAG;QAAE,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAEzD,QAAQ,UAAS;IAEjB,QAAQ,sBAMN;IAEF,eAAe,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;gBAEzB,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa;IAYtE;;;OAGG;IACH,UAAU;IAIV;;;;OAIG;IACH,IAAI;IAMJ;;;;OAIG;IACH,IAAI;IAUJ;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IA6CrC;;;;OAIG;IACH,KAAK;IAOL;;;;OAIG;IACH,QAAQ;IAIR;;;;OAIG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM;IAIzB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAKvC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB;;;;;;;OAOG;IACH,SAAS,CAAC,KAAK,SAAI,EAAE,MAAM,SAAI;CAahC"}

package/dist/container/ItemContainer.js

@@ -1,52 +1,69 @@
+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';
-
-var ItemContainer = function ItemContainer(config, parent, layoutManager) {
-  utils.EventEmitter.call(this);
-  this.width = null;
-  this.height = null;
-  this.title = config.componentName;
-  this.parent = parent;
-  this.layoutManager = layoutManager;
-  this.isHidden = false;
-  this._config = config;
-  this._element = $(['<div class="lm_item_container">', '<div class="lm_content" tabindex="-1"></div>', '</div>'].join(''));
-  this._contentElement = this._element.find('.lm_content');
-};
-
-utils.copy(ItemContainer.prototype, {
+import { isGLComponentConfig } from "../config/index.js";
+import EventEmitter from "../utils/EventEmitter.js";
+export default class ItemContainer extends EventEmitter {
+  // This type is to make TS happy and allow ReactComponentConfig passed to container generic
+  constructor(config, parent, layoutManager) {
+    super();
+
+    _defineProperty(this, "width", void 0);
+
+    _defineProperty(this, "height", void 0);
+
+    _defineProperty(this, "title", void 0);
+
+    _defineProperty(this, "parent", void 0);
+
+    _defineProperty(this, "layoutManager", void 0);
+
+    _defineProperty(this, "tab", void 0);
+
+    _defineProperty(this, "_config", void 0);
+
+    _defineProperty(this, "isHidden", false);
+
+    _defineProperty(this, "_element", $(['<div class="lm_item_container">', '<div class="lm_content" tabindex="-1"></div>', '</div>'].join('')));
+
+    _defineProperty(this, "_contentElement", void 0);
+
+    this.title = isGLComponentConfig(config) ? config.componentName : '';
+    this.parent = parent;
+    this.layoutManager = layoutManager;
+    this._config = config;
+    this._contentElement = this._element.find('.lm_content');
+  }
   /**
    * Get the inner DOM element the container's content
    * is intended to live in
-   *
-   * @returns {DOM element}
    */
-  getElement: function getElement() {
-    return this._contentElement;
-  },
 
+
+  getElement() {
+    return this._contentElement;
+  }
   /**
    * Hide the container. Notifies the containers content first
    * and then hides the DOM node. If the container is already hidden
    * this should have no effect
-   *
-   * @returns {void}
    */
-  hide: function hide() {
+
+
+  hide() {
     this.emit('hide');
     this.isHidden = true;
 
     this._element.hide();
-  },
-
+  }
   /**
    * Shows a previously hidden container. Notifies the
    * containers content first and then shows the DOM element.
    * If the container is already visible this has no effect.
-   *
-   * @returns {void}
    */
-  show: function show() {
+
+
+  show() {
     this.emit('show');
     this.isHidden = false;
 
@@ -56,8 +73,7 @@ utils.copy(ItemContainer.prototype, {
     if (this.height != 0 || this.width != 0) {
       this.emit('shown');
     }
-  },
-
+  }
   /**
    * Set the size from within the container. Traverses up
    * the item tree until it finds a row or column element
@@ -66,115 +82,124 @@ utils.copy(ItemContainer.prototype, {
    * If this container isn't a descendant of a row or column
    * it returns false
    * @todo  Rework!!!
-   * @param {Number} width  The new width in pixel
-   * @param {Number} height The new height in pixel
+   * @param width The new width in pixel
+   * @param height The new height in pixel
    *
-   * @returns {Boolean} resizeSuccesful
+   * @returns resizeSuccesful
    */
-  setSize: function setSize(width, height) {
-    var rowOrColumn = this.parent,
-        rowOrColumnChild = this,
-        totalPixel,
-        percentage,
-        direction,
-        newSize,
-        delta,
-        i;
-
-    while (!rowOrColumn.isColumn && !rowOrColumn.isRow) {
+
+
+  setSize(width, height) {
+    var _this$direction, _rowOrColumnChild$con, _rowOrColumnChild$con2;
+
+    var rowOrColumn = this.parent;
+    var rowOrColumnChild = null;
+
+    while (rowOrColumn && !rowOrColumn.isColumn && !rowOrColumn.isRow) {
+      var _rowOrColumn;
+
       rowOrColumnChild = rowOrColumn;
       rowOrColumn = rowOrColumn.parent;
       /**
        * No row or column has been found
        */
 
-      if (rowOrColumn.isRoot) {
+      if ((_rowOrColumn = rowOrColumn) !== null && _rowOrColumn !== void 0 && _rowOrColumn.isRoot) {
         return false;
       }
     }
 
-    direction = rowOrColumn.isColumn ? 'height' : 'width';
-    newSize = direction === 'height' ? height : width;
-    totalPixel = this[direction] * (1 / (rowOrColumnChild.config[direction] / 100));
-    percentage = newSize / totalPixel * 100;
-    delta = (rowOrColumnChild.config[direction] - percentage) / (rowOrColumn.contentItems.length - 1);
+    if (!rowOrColumn || !rowOrColumnChild) {
+      return false;
+    }
+
+    var direction = rowOrColumn.isColumn ? 'height' : 'width';
+    var newSize = direction === 'height' ? height : width;
+    var totalPixel = ((_this$direction = this[direction]) !== null && _this$direction !== void 0 ? _this$direction : 0) * (1 / (((_rowOrColumnChild$con = rowOrColumnChild.config[direction]) !== null && _rowOrColumnChild$con !== void 0 ? _rowOrColumnChild$con : 0) / 100));
+    var percentage = newSize / totalPixel * 100;
+    var delta = (((_rowOrColumnChild$con2 = rowOrColumnChild.config[direction]) !== null && _rowOrColumnChild$con2 !== void 0 ? _rowOrColumnChild$con2 : 0) - percentage) / (rowOrColumn.contentItems.length - 1);
 
-    for (i = 0; i < rowOrColumn.contentItems.length; i++) {
+    for (var i = 0; i < rowOrColumn.contentItems.length; i++) {
       if (rowOrColumn.contentItems[i] === rowOrColumnChild) {
         rowOrColumn.contentItems[i].config[direction] = percentage;
       } else {
-        rowOrColumn.contentItems[i].config[direction] += delta;
+        var _rowOrColumn$contentI;
+
+        rowOrColumn.contentItems[i].config[direction] = ((_rowOrColumn$contentI = rowOrColumn.contentItems[i].config[direction]) !== null && _rowOrColumn$contentI !== void 0 ? _rowOrColumn$contentI : 0) + delta;
       }
     }
 
     rowOrColumn.callDownwards('setSize');
     return true;
-  },
-
+  }
   /**
    * Closes the container if it is closable. Can be called by
    * both the component within at as well as the contentItem containing
    * it. Emits a close event before the container itself is closed.
-   *
-   * @returns {void}
    */
-  close: function close() {
+
+
+  close() {
     if (this._config.isClosable) {
       this.emit('close');
       this.parent.close();
     }
-  },
-
+  }
   /**
    * Returns the current state object
    *
-   * @returns {Object} state
+   * @returns state
    */
-  getState: function getState() {
-    return this._config.componentState;
-  },
 
+
+  getState() {
+    return this._config.componentState;
+  }
   /**
    * Merges the provided state into the current one
    *
-   * @param   {Object} state
-   *
-   * @returns {void}
+   * @param state
    */
-  extendState: function extendState(state) {
-    this.setState($.extend(true, this.getState(), state));
-  },
 
+
+  extendState(state) {
+    this.setState($.extend(true, this.getState(), state));
+  }
   /**
    * Notifies the layout manager of a stateupdate
    *
-   * @param {serialisable} state
+   * @param state
    */
-  setState: function setState(state) {
+
+
+  setState(state) {
     this._config.componentState = state;
     this.parent.emitBubblingEvent('stateChanged');
-  },
-
+  }
   /**
    * Set's the components title
    *
-   * @param {String} title
+   * @param title
    */
-  setTitle: function setTitle(title) {
-    this.parent.setTitle(title);
-  },
 
+
+  setTitle(title) {
+    this.parent.setTitle(title);
+  }
   /**
    * Set's the containers size. Called by the container's component.
    * To set the size programmatically from within the container please
    * use the public setSize method
    *
-   * @param {[Int]} width  in px
-   * @param {[Int]} height in px
-   *
-   * @returns {void}
+   * @param width  in px
+   * @param height in px
    */
-  _$setSize: function _$setSize(width, height) {
+
+
+  _$setSize() {
+    var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+
     if (width !== this.width || height !== this.height) {
       this.width = width;
       this.height = height;
@@ -187,6 +212,6 @@ utils.copy(ItemContainer.prototype, {
       this.emit('resize');
     }
   }
-});
-export default ItemContainer;
+
+}
 //# sourceMappingURL=ItemContainer.js.map

package/dist/container/ItemContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemContainer.js","names":["$","utils","ItemContainer","config","parent","layoutManager","EventEmitter","call","width","height","title","componentName","isHidden","_config","_element","join","_contentElement","find","copy","prototype","getElement","hide","emit","show","setSize","rowOrColumn","rowOrColumnChild","totalPixel","percentage","direction","newSize","delta","i","isColumn","isRow","isRoot","contentItems","length","callDownwards","close","isClosable","getState","componentState","extendState","state","setState","extend","emitBubblingEvent","setTitle","_$setSize","cl","hdelta","offsetWidth","clientWidth","vdelta","offsetHeight","clientHeight"],"sources":["../../src/container/ItemContainer.js"],"sourcesContent":["import $ from 'jquery';\nimport utils from '../utils/index.js';\n\nconst ItemContainer = function (config, parent, layoutManager) {\n  utils.EventEmitter.call(this);\n\n  this.width = null;\n  this.height = null;\n  this.title = config.componentName;\n  this.parent = parent;\n  this.layoutManager = layoutManager;\n  this.isHidden = false;\n\n  this._config = config;\n  this._element = $(\n    [\n      '<div class=\"lm_item_container\">',\n      '<div class=\"lm_content\" tabindex=\"-1\"></div>',\n      '</div>',\n    ].join('')\n  );\n\n  this._contentElement = this._element.find('.lm_content');\n};\n\nutils.copy(ItemContainer.prototype, {\n  /**\n   * Get the inner DOM element the container's content\n   * is intended to live in\n   *\n   * @returns {DOM element}\n   */\n  getElement: function () {\n    return this._contentElement;\n  },\n\n  /**\n   * Hide the container. Notifies the containers content first\n   * and then hides the DOM node. If the container is already hidden\n   * this should have no effect\n   *\n   * @returns {void}\n   */\n  hide: function () {\n    this.emit('hide');\n    this.isHidden = true;\n    this._element.hide();\n  },\n\n  /**\n   * Shows a previously hidden container. Notifies the\n   * containers content first and then shows the DOM element.\n   * If the container is already visible this has no effect.\n   *\n   * @returns {void}\n   */\n  show: function () {\n    this.emit('show');\n    this.isHidden = false;\n    this._element.show();\n    // call shown only if the container has a valid size\n    if (this.height != 0 || this.width != 0) {\n      this.emit('shown');\n    }\n  },\n\n  /**\n   * Set the size from within the container. Traverses up\n   * the item tree until it finds a row or column element\n   * and resizes its items accordingly.\n   *\n   * If this container isn't a descendant of a row or column\n   * it returns false\n   * @todo  Rework!!!\n   * @param {Number} width  The new width in pixel\n   * @param {Number} height The new height in pixel\n   *\n   * @returns {Boolean} resizeSuccesful\n   */\n  setSize: function (width, height) {\n    var rowOrColumn = this.parent,\n      rowOrColumnChild = this,\n      totalPixel,\n      percentage,\n      direction,\n      newSize,\n      delta,\n      i;\n\n    while (!rowOrColumn.isColumn && !rowOrColumn.isRow) {\n      rowOrColumnChild = rowOrColumn;\n      rowOrColumn = rowOrColumn.parent;\n\n      /**\n       * No row or column has been found\n       */\n      if (rowOrColumn.isRoot) {\n        return false;\n      }\n    }\n\n    direction = rowOrColumn.isColumn ? 'height' : 'width';\n    newSize = direction === 'height' ? height : width;\n\n    totalPixel =\n      this[direction] * (1 / (rowOrColumnChild.config[direction] / 100));\n    percentage = (newSize / totalPixel) * 100;\n    delta =\n      (rowOrColumnChild.config[direction] - percentage) /\n      (rowOrColumn.contentItems.length - 1);\n\n    for (i = 0; i < rowOrColumn.contentItems.length; i++) {\n      if (rowOrColumn.contentItems[i] === rowOrColumnChild) {\n        rowOrColumn.contentItems[i].config[direction] = percentage;\n      } else {\n        rowOrColumn.contentItems[i].config[direction] += delta;\n      }\n    }\n\n    rowOrColumn.callDownwards('setSize');\n\n    return true;\n  },\n\n  /**\n   * Closes the container if it is closable. Can be called by\n   * both the component within at as well as the contentItem containing\n   * it. Emits a close event before the container itself is closed.\n   *\n   * @returns {void}\n   */\n  close: function () {\n    if (this._config.isClosable) {\n      this.emit('close');\n      this.parent.close();\n    }\n  },\n\n  /**\n   * Returns the current state object\n   *\n   * @returns {Object} state\n   */\n  getState: function () {\n    return this._config.componentState;\n  },\n\n  /**\n   * Merges the provided state into the current one\n   *\n   * @param   {Object} state\n   *\n   * @returns {void}\n   */\n  extendState: function (state) {\n    this.setState($.extend(true, this.getState(), state));\n  },\n\n  /**\n   * Notifies the layout manager of a stateupdate\n   *\n   * @param {serialisable} state\n   */\n  setState: function (state) {\n    this._config.componentState = state;\n    this.parent.emitBubblingEvent('stateChanged');\n  },\n\n  /**\n   * Set's the components title\n   *\n   * @param {String} title\n   */\n  setTitle: function (title) {\n    this.parent.setTitle(title);\n  },\n\n  /**\n   * Set's the containers size. Called by the container's component.\n   * To set the size programmatically from within the container please\n   * use the public setSize method\n   *\n   * @param {[Int]} width  in px\n   * @param {[Int]} height in px\n   *\n   * @returns {void}\n   */\n  _$setSize: function (width, height) {\n    if (width !== this.width || height !== this.height) {\n      this.width = width;\n      this.height = height;\n      var cl = this._contentElement[0];\n      var hdelta = cl.offsetWidth - cl.clientWidth;\n      var vdelta = cl.offsetHeight - cl.clientHeight;\n      this._contentElement\n        .width(this.width - hdelta)\n        .height(this.height - vdelta);\n      this.emit('resize');\n    }\n  },\n});\n\nexport default ItemContainer;\n"],"mappings":"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"}
+{"version":3,"file":"ItemContainer.js","names":["$","isGLComponentConfig","EventEmitter","ItemContainer","constructor","config","parent","layoutManager","join","title","componentName","_config","_contentElement","_element","find","getElement","hide","emit","isHidden","show","height","width","setSize","rowOrColumn","rowOrColumnChild","isColumn","isRow","isRoot","direction","newSize","totalPixel","percentage","delta","contentItems","length","i","callDownwards","close","isClosable","getState","componentState","extendState","state","setState","extend","emitBubblingEvent","setTitle","_$setSize","cl","hdelta","offsetWidth","clientWidth","vdelta","offsetHeight","clientHeight"],"sources":["../../src/container/ItemContainer.ts"],"sourcesContent":["import $ from 'jquery';\nimport {\n  ReactComponentConfig,\n  isGLComponentConfig,\n  ComponentConfig,\n} from '../config';\nimport type Tab from '../controls/Tab';\nimport type { AbstractContentItem, Component } from '../items';\nimport type LayoutManager from '../LayoutManager';\nimport EventEmitter from '../utils/EventEmitter';\n\nexport default class ItemContainer<\n  C extends ComponentConfig | ReactComponentConfig = ComponentConfig\n> extends EventEmitter {\n  width?: number;\n  height?: number;\n\n  title?: string;\n\n  parent: Component;\n\n  layoutManager: LayoutManager;\n\n  tab?: Tab;\n\n  // This type is to make TS happy and allow ReactComponentConfig passed to container generic\n  _config: C & { componentState: Record<string, unknown> };\n\n  isHidden = false;\n\n  _element = $(\n    [\n      '<div class=\"lm_item_container\">',\n      '<div class=\"lm_content\" tabindex=\"-1\"></div>',\n      '</div>',\n    ].join('')\n  );\n\n  _contentElement: JQuery<HTMLElement>;\n\n  constructor(config: C, parent: Component, layoutManager: LayoutManager) {\n    super();\n\n    this.title = isGLComponentConfig(config) ? config.componentName : '';\n    this.parent = parent;\n    this.layoutManager = layoutManager;\n\n    this._config = config as C & { componentState: Record<string, unknown> };\n\n    this._contentElement = this._element.find('.lm_content');\n  }\n\n  /**\n   * Get the inner DOM element the container's content\n   * is intended to live in\n   */\n  getElement() {\n    return this._contentElement;\n  }\n\n  /**\n   * Hide the container. Notifies the containers content first\n   * and then hides the DOM node. If the container is already hidden\n   * this should have no effect\n   */\n  hide() {\n    this.emit('hide');\n    this.isHidden = true;\n    this._element.hide();\n  }\n\n  /**\n   * Shows a previously hidden container. Notifies the\n   * containers content first and then shows the DOM element.\n   * If the container is already visible this has no effect.\n   */\n  show() {\n    this.emit('show');\n    this.isHidden = false;\n    this._element.show();\n    // call shown only if the container has a valid size\n    if (this.height != 0 || this.width != 0) {\n      this.emit('shown');\n    }\n  }\n\n  /**\n   * Set the size from within the container. Traverses up\n   * the item tree until it finds a row or column element\n   * and resizes its items accordingly.\n   *\n   * If this container isn't a descendant of a row or column\n   * it returns false\n   * @todo  Rework!!!\n   * @param width The new width in pixel\n   * @param height The new height in pixel\n   *\n   * @returns resizeSuccesful\n   */\n  setSize(width: number, height: number) {\n    let rowOrColumn: AbstractContentItem | null = this.parent;\n    let rowOrColumnChild: AbstractContentItem | null = null;\n\n    while (rowOrColumn && !rowOrColumn.isColumn && !rowOrColumn.isRow) {\n      rowOrColumnChild = rowOrColumn;\n      rowOrColumn = rowOrColumn.parent;\n\n      /**\n       * No row or column has been found\n       */\n      if (rowOrColumn?.isRoot) {\n        return false;\n      }\n    }\n\n    if (!rowOrColumn || !rowOrColumnChild) {\n      return false;\n    }\n\n    const direction = rowOrColumn.isColumn ? 'height' : 'width';\n    const newSize = direction === 'height' ? height : width;\n\n    const totalPixel =\n      (this[direction] ?? 0) *\n      (1 / ((rowOrColumnChild.config[direction] ?? 0) / 100));\n    const percentage = (newSize / totalPixel) * 100;\n    const delta =\n      ((rowOrColumnChild.config[direction] ?? 0) - percentage) /\n      (rowOrColumn.contentItems.length - 1);\n\n    for (let i = 0; i < rowOrColumn.contentItems.length; i++) {\n      if (rowOrColumn.contentItems[i] === rowOrColumnChild) {\n        rowOrColumn.contentItems[i].config[direction] = percentage;\n      } else {\n        rowOrColumn.contentItems[i].config[direction] =\n          (rowOrColumn.contentItems[i].config[direction] ?? 0) + delta;\n      }\n    }\n\n    rowOrColumn.callDownwards('setSize');\n\n    return true;\n  }\n\n  /**\n   * Closes the container if it is closable. Can be called by\n   * both the component within at as well as the contentItem containing\n   * it. Emits a close event before the container itself is closed.\n   */\n  close() {\n    if (this._config.isClosable) {\n      this.emit('close');\n      this.parent.close();\n    }\n  }\n\n  /**\n   * Returns the current state object\n   *\n   * @returns state\n   */\n  getState() {\n    return this._config.componentState;\n  }\n\n  /**\n   * Merges the provided state into the current one\n   *\n   * @param state\n   */\n  extendState(state: string) {\n    this.setState($.extend(true, this.getState(), state));\n  }\n\n  /**\n   * Notifies the layout manager of a stateupdate\n   *\n   * @param state\n   */\n  setState(state: Record<string, unknown>) {\n    this._config.componentState = state;\n    this.parent.emitBubblingEvent('stateChanged');\n  }\n\n  /**\n   * Set's the components title\n   *\n   * @param title\n   */\n  setTitle(title: string) {\n    this.parent.setTitle(title);\n  }\n\n  /**\n   * Set's the containers size. Called by the container's component.\n   * To set the size programmatically from within the container please\n   * use the public setSize method\n   *\n   * @param width  in px\n   * @param height in px\n   */\n  _$setSize(width = 0, height = 0) {\n    if (width !== this.width || height !== this.height) {\n      this.width = width;\n      this.height = height;\n      var cl = this._contentElement[0];\n      var hdelta = cl.offsetWidth - cl.clientWidth;\n      var vdelta = cl.offsetHeight - cl.clientHeight;\n      this._contentElement\n        .width(this.width - hdelta)\n        .height(this.height - vdelta);\n      this.emit('resize');\n    }\n  }\n}\n"],"mappings":";;AAAA,OAAOA,CAAP,MAAc,QAAd;SAGEC,mB;OAMKC,Y;AAEP,eAAe,MAAMC,aAAN,SAELD,YAFK,CAEQ;EAYrB;EAeAE,WAAW,CAACC,MAAD,EAAYC,MAAZ,EAA+BC,aAA/B,EAA6D;IACtE;;IADsE;;IAAA;;IAAA;;IAAA;;IAAA;;IAAA;;IAAA;;IAAA,kCAZ7D,KAY6D;;IAAA,kCAV7DP,CAAC,CACV,CACE,iCADF,EAEE,8CAFF,EAGE,QAHF,EAIEQ,IAJF,CAIO,EAJP,CADU,CAU4D;;IAAA;;IAGtE,KAAKC,KAAL,GAAaR,mBAAmB,CAACI,MAAD,CAAnB,GAA8BA,MAAM,CAACK,aAArC,GAAqD,EAAlE;IACA,KAAKJ,MAAL,GAAcA,MAAd;IACA,KAAKC,aAAL,GAAqBA,aAArB;IAEA,KAAKI,OAAL,GAAeN,MAAf;IAEA,KAAKO,eAAL,GAAuB,KAAKC,QAAL,CAAcC,IAAd,CAAmB,aAAnB,CAAvB;EACD;EAED;AACF;AACA;AACA;;;EACEC,UAAU,GAAG;IACX,OAAO,KAAKH,eAAZ;EACD;EAED;AACF;AACA;AACA;AACA;;;EACEI,IAAI,GAAG;IACL,KAAKC,IAAL,CAAU,MAAV;IACA,KAAKC,QAAL,GAAgB,IAAhB;;IACA,KAAKL,QAAL,CAAcG,IAAd;EACD;EAED;AACF;AACA;AACA;AACA;;;EACEG,IAAI,GAAG;IACL,KAAKF,IAAL,CAAU,MAAV;IACA,KAAKC,QAAL,GAAgB,KAAhB;;IACA,KAAKL,QAAL,CAAcM,IAAd,GAHK,CAIL;;;IACA,IAAI,KAAKC,MAAL,IAAe,CAAf,IAAoB,KAAKC,KAAL,IAAc,CAAtC,EAAyC;MACvC,KAAKJ,IAAL,CAAU,OAAV;IACD;EACF;EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;EACEK,OAAO,CAACD,KAAD,EAAgBD,MAAhB,EAAgC;IAAA;;IACrC,IAAIG,WAAuC,GAAG,KAAKjB,MAAnD;IACA,IAAIkB,gBAA4C,GAAG,IAAnD;;IAEA,OAAOD,WAAW,IAAI,CAACA,WAAW,CAACE,QAA5B,IAAwC,CAACF,WAAW,CAACG,KAA5D,EAAmE;MAAA;;MACjEF,gBAAgB,GAAGD,WAAnB;MACAA,WAAW,GAAGA,WAAW,CAACjB,MAA1B;MAEA;AACN;AACA;;MACM,oBAAIiB,WAAJ,yCAAI,aAAaI,MAAjB,EAAyB;QACvB,OAAO,KAAP;MACD;IACF;;IAED,IAAI,CAACJ,WAAD,IAAgB,CAACC,gBAArB,EAAuC;MACrC,OAAO,KAAP;IACD;;IAED,IAAMI,SAAS,GAAGL,WAAW,CAACE,QAAZ,GAAuB,QAAvB,GAAkC,OAApD;IACA,IAAMI,OAAO,GAAGD,SAAS,KAAK,QAAd,GAAyBR,MAAzB,GAAkCC,KAAlD;IAEA,IAAMS,UAAU,GACd,oBAAC,KAAKF,SAAL,CAAD,6DAAoB,CAApB,KACC,KAAK,0BAACJ,gBAAgB,CAACnB,MAAjB,CAAwBuB,SAAxB,CAAD,yEAAuC,CAAvC,IAA4C,GAAjD,CADD,CADF;IAGA,IAAMG,UAAU,GAAIF,OAAO,GAAGC,UAAX,GAAyB,GAA5C;IACA,IAAME,KAAK,GACT,CAAC,2BAACR,gBAAgB,CAACnB,MAAjB,CAAwBuB,SAAxB,CAAD,2EAAuC,CAAvC,IAA4CG,UAA7C,KACCR,WAAW,CAACU,YAAZ,CAAyBC,MAAzB,GAAkC,CADnC,CADF;;IAIA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGZ,WAAW,CAACU,YAAZ,CAAyBC,MAA7C,EAAqDC,CAAC,EAAtD,EAA0D;MACxD,IAAIZ,WAAW,CAACU,YAAZ,CAAyBE,CAAzB,MAAgCX,gBAApC,EAAsD;QACpDD,WAAW,CAACU,YAAZ,CAAyBE,CAAzB,EAA4B9B,MAA5B,CAAmCuB,SAAnC,IAAgDG,UAAhD;MACD,CAFD,MAEO;QAAA;;QACLR,WAAW,CAACU,YAAZ,CAAyBE,CAAzB,EAA4B9B,MAA5B,CAAmCuB,SAAnC,IACE,0BAACL,WAAW,CAACU,YAAZ,CAAyBE,CAAzB,EAA4B9B,MAA5B,CAAmCuB,SAAnC,CAAD,yEAAkD,CAAlD,IAAuDI,KADzD;MAED;IACF;;IAEDT,WAAW,CAACa,aAAZ,CAA0B,SAA1B;IAEA,OAAO,IAAP;EACD;EAED;AACF;AACA;AACA;AACA;;;EACEC,KAAK,GAAG;IACN,IAAI,KAAK1B,OAAL,CAAa2B,UAAjB,EAA6B;MAC3B,KAAKrB,IAAL,CAAU,OAAV;MACA,KAAKX,MAAL,CAAY+B,KAAZ;IACD;EACF;EAED;AACF;AACA;AACA;AACA;;;EACEE,QAAQ,GAAG;IACT,OAAO,KAAK5B,OAAL,CAAa6B,cAApB;EACD;EAED;AACF;AACA;AACA;AACA;;;EACEC,WAAW,CAACC,KAAD,EAAgB;IACzB,KAAKC,QAAL,CAAc3C,CAAC,CAAC4C,MAAF,CAAS,IAAT,EAAe,KAAKL,QAAL,EAAf,EAAgCG,KAAhC,CAAd;EACD;EAED;AACF;AACA;AACA;AACA;;;EACEC,QAAQ,CAACD,KAAD,EAAiC;IACvC,KAAK/B,OAAL,CAAa6B,cAAb,GAA8BE,KAA9B;IACA,KAAKpC,MAAL,CAAYuC,iBAAZ,CAA8B,cAA9B;EACD;EAED;AACF;AACA;AACA;AACA;;;EACEC,QAAQ,CAACrC,KAAD,EAAgB;IACtB,KAAKH,MAAL,CAAYwC,QAAZ,CAAqBrC,KAArB;EACD;EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;;EACEsC,SAAS,GAAwB;IAAA,IAAvB1B,KAAuB,uEAAf,CAAe;IAAA,IAAZD,MAAY,uEAAH,CAAG;;IAC/B,IAAIC,KAAK,KAAK,KAAKA,KAAf,IAAwBD,MAAM,KAAK,KAAKA,MAA5C,EAAoD;MAClD,KAAKC,KAAL,GAAaA,KAAb;MACA,KAAKD,MAAL,GAAcA,MAAd;MACA,IAAI4B,EAAE,GAAG,KAAKpC,eAAL,CAAqB,CAArB,CAAT;MACA,IAAIqC,MAAM,GAAGD,EAAE,CAACE,WAAH,GAAiBF,EAAE,CAACG,WAAjC;MACA,IAAIC,MAAM,GAAGJ,EAAE,CAACK,YAAH,GAAkBL,EAAE,CAACM,YAAlC;;MACA,KAAK1C,eAAL,CACGS,KADH,CACS,KAAKA,KAAL,GAAa4B,MADtB,EAEG7B,MAFH,CAEU,KAAKA,MAAL,GAAcgC,MAFxB;;MAGA,KAAKnC,IAAL,CAAU,QAAV;IACD;EACF;;AAxMoB"}

package/dist/container/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ItemContainer } from './ItemContainer';
+export { default as Container } from './ItemContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/container/index.js

@@ -1,5 +1,3 @@
-import ItemContainer from './ItemContainer.js';
-export default {
-  ItemContainer
-};
+export { default as ItemContainer } from "./ItemContainer.js";
+export { default as Container } from "./ItemContainer.js";
 //# sourceMappingURL=index.js.map

package/dist/container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ItemContainer"],"sources":["../../src/container/index.js"],"sourcesContent":["import ItemContainer from './ItemContainer.js';\n\nexport default {\n  ItemContainer,\n};\n"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,oBAA1B;AAEA,eAAe;EACbA;AADa,CAAf"}
+{"version":3,"file":"index.js","names":["default","ItemContainer","Container"],"sources":["../../src/container/index.ts"],"sourcesContent":["export { default as ItemContainer } from './ItemContainer';\nexport { default as Container } from './ItemContainer';\n"],"mappings":"SAASA,OAAO,IAAIC,a;SACXD,OAAO,IAAIE,S"}

package/dist/controls/BrowserPopout.d.ts

@@ -0,0 +1,83 @@
+import type { PopoutConfig, ItemConfigType } from '../config';
+import type LayoutManager from '../LayoutManager';
+import { EventEmitter } from '../utils';
+declare type BrowserDimensions = {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+};
+/**
+ * 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 {
+    isInitialised: boolean;
+    private _config;
+    private _dimensions;
+    private _parentId;
+    private _indexInParent;
+    private _layoutManager;
+    private _popoutWindow;
+    private _id;
+    constructor(config: ItemConfigType[], dimensions: BrowserDimensions, parentId: string, indexInParent: number, layoutManager: LayoutManager);
+    toConfig(): PopoutConfig;
+    getGlInstance(): LayoutManager | undefined;
+    getWindow(): (Window & {
+        __glInstance: LayoutManager;
+    }) | null;
+    close(): void;
+    /**
+     * 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(): void;
+    /**
+     * Creates the URL and window parameter
+     * and opens a new window
+     */
+    _createWindow(): void;
+    /**
+     * Serialises a map of key:values to a window options string
+     *
+     * @param windowOptions
+     *
+     * @returns serialised window options
+     */
+    _serializeWindowOptions(windowOptions: Record<string, unknown>): string;
+    /**
+     * Creates the URL for the new window, including the
+     * config GET parameter
+     *
+     * @returns URL
+     */
+    _createUrl(): string;
+    /**
+     * Move the newly created window roughly to
+     * where the component used to be.
+     */
+    _positionWindow(): void;
+    /**
+     * Callback when the new window is opened and the GoldenLayout instance
+     * within it is initialised
+     */
+    _onInitialised(): void;
+    /**
+     * Invoked 50ms after the window unload event
+     */
+    _onClose(): void;
+}
+export {};
+//# sourceMappingURL=BrowserPopout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserPopout.d.ts","sourceRoot":"","sources":["../../src/controls/BrowserPopout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAU,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEtE,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAA6B,YAAY,EAAE,MAAM,UAAU,CAAC;AAGnE,aAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,YAAY;IACrD,aAAa,UAAS;IAEtB,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,WAAW,CAAoB;IACvC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,aAAa,CAEL;IAChB,OAAO,CAAC,GAAG,CAAQ;gBAGjB,MAAM,EAAE,cAAc,EAAE,EACxB,UAAU,EAAE,iBAAiB,EAC7B,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,MAAM,EACrB,aAAa,EAAE,aAAa;IAY9B,QAAQ;IAkBR,aAAa;IAIb,SAAS;;;IAIT,KAAK;IAUL;;;OAGG;IACH,KAAK;IA2CL;;;OAGG;IACH,aAAa;IA+Db;;;;;;OAMG;IACH,uBAAuB,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAW9D;;;;;OAKG;IACH,UAAU;IAwBV;;;OAGG;IACH,eAAe;IAKf;;;OAGG;IACH,cAAc;IAMd;;OAEG;IACH,QAAQ;CAGT"}