@deephaven/golden-layout 0.19.2-beta.10 → 0.19.2-beta.11

package/dist/controls/Tab.js

@@ -1,92 +1,104 @@
+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 DragProxy from './DragProxy.js';
+import { isComponent } from "../items/index.js";
+import { DragListener } from "../utils/index.js";
+import DragProxy from "./DragProxy.js";
+
 /**
  * Represents an individual tab within a Stack's header
  *
- * @param {lm.controls.Header} header
- * @param {lm.items.AbstractContentItem} contentItem
- *
- * @constructor
+ * @param header
+ * @param contentItem
  */
+export default class Tab {
+  /**
+   * The tab's html template
+   */
+  constructor(header, contentItem) {
+    var _this$_layoutManager$;
 
-var Tab = function Tab(header, contentItem) {
-  this.header = header;
-  this.contentItem = contentItem;
-  this.element = $(Tab._template);
-  this.titleElement = this.element.find('.lm_title');
-  this.closeElement = this.element.find('.lm_close_tab');
-  this.closeElement[contentItem.config.isClosable ? 'show' : 'hide']();
-  this.isActive = false;
-  this.setTitle(contentItem.config.title);
-  this.contentItem.on('titleChanged', this.setTitle, this);
-  this._layoutManager = this.contentItem.layoutManager;
+    _defineProperty(this, "header", void 0);
 
-  if (this._layoutManager.config.settings.reorderEnabled === true && contentItem.config.reorderEnabled === true) {
-    this._dragListener = new utils.DragListener(this.element);
+    _defineProperty(this, "contentItem", void 0);
 
-    this._dragListener.on('dragStart', this._onDragStart, this);
+    _defineProperty(this, "element", $(Tab._template));
 
-    this.contentItem.on('destroy', this._dragListener.destroy, this._dragListener);
-  }
+    _defineProperty(this, "titleElement", void 0);
 
-  this._onTabClickFn = utils.fnBind(this._onTabClick, this);
-  this._onCloseClickFn = utils.fnBind(this._onCloseClick, this);
-  this._onTabContentFocusInFn = utils.fnBind(this._onTabContentFocusIn, this);
-  this._onTabContentFocusOutFn = utils.fnBind(this._onTabContentFocusOut, this);
-  this.element.on('click', this._onTabClickFn);
-  this.element.on('auxclick', this._onTabClickFn);
-
-  if (this.contentItem.config.isClosable) {
-    this.closeElement.on('click', this._onCloseClickFn);
-    this.closeElement.on('mousedown', this._onCloseMousedown);
-  } else {
-    this.closeElement.remove();
-  }
+    _defineProperty(this, "closeElement", void 0);
 
-  this.contentItem.tab = this;
-  this.contentItem.emit('tab', this);
-  this.contentItem.layoutManager.emit('tabCreated', this);
+    _defineProperty(this, "isActive", false);
 
-  if (this.contentItem.isComponent) {
-    // add focus class to tab when content
-    this.contentItem.container._contentElement.on('focusin click', this._onTabContentFocusInFn).on('focusout', this._onTabContentFocusOutFn);
+    _defineProperty(this, "_layoutManager", void 0);
 
-    this.contentItem.container.tab = this;
-    this.contentItem.container.emit('tab', this);
-  }
-};
-/**
- * The tab's html template
- *
- * @type {String}
- */
+    _defineProperty(this, "_dragListener", void 0);
+
+    this.header = header;
+    this.contentItem = contentItem;
+    this.titleElement = this.element.find('.lm_title');
+    this.closeElement = this.element.find('.lm_close_tab');
+    this.closeElement[contentItem.config.isClosable ? 'show' : 'hide']();
+    this.setTitle(contentItem.config.title);
+    this.contentItem.on('titleChanged', this.setTitle, this);
+    this._layoutManager = this.contentItem.layoutManager;
+
+    if ((_this$_layoutManager$ = this._layoutManager.config.settings) !== null && _this$_layoutManager$ !== void 0 && _this$_layoutManager$.reorderEnabled && contentItem.config.reorderEnabled) {
+      this._dragListener = new DragListener(this.element);
+
+      this._dragListener.on('dragStart', this._onDragStart, this);
+
+      this.contentItem.on('destroy', this._dragListener.destroy, this._dragListener);
+    }
+
+    this._onTabClick = this._onTabClick.bind(this);
+    this._onCloseClick = this._onCloseClick.bind(this);
+    this._onTabContentFocusIn = this._onTabContentFocusIn.bind(this);
+    this._onTabContentFocusOut = this._onTabContentFocusOut.bind(this);
+    this.element.on('click', this._onTabClick);
+    this.element.on('auxclick', this._onTabClick);
+
+    if (this.contentItem.config.isClosable) {
+      this.closeElement.on('click', this._onCloseClick);
+      this.closeElement.on('mousedown', this._onCloseMousedown);
+    } else {
+      this.closeElement.remove();
+    }
+
+    this.contentItem.tab = this;
+    this.contentItem.emit('tab', this);
+    this.contentItem.layoutManager.emit('tabCreated', this);
 
+    if (isComponent(this.contentItem)) {
+      // add focus class to tab when content
+      this.contentItem.container._contentElement.on('focusin click', this._onTabContentFocusIn).on('focusout', this._onTabContentFocusOut);
 
-Tab._template = ['<li class="lm_tab">', '<span class="lm_title_before"></span>', '<span class="lm_title"></span>', '<div class="lm_close_tab"></div>', '</li>'].join('');
-utils.copy(Tab.prototype, {
+      this.contentItem.container.tab = this;
+      this.contentItem.container.emit('tab', this);
+    }
+  }
   /**
    * Sets the tab's title to the provided string and sets
    * its title attribute to a pure text representation (without
    * html tags) of the same string.
-   *
-   * @public
-   * @param {String} title can contain html
+   * @param title can contain html
    */
-  setTitle: function setTitle(title) {
+
+
+  setTitle() {
+    var title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     // Disabling for illumon project, we want to manage our own tooltips
     // this.element.attr( 'title', lm.utils.stripTags( title ) );
     this.titleElement.html(title);
-  },
-
+  }
   /**
    * Sets this tab's active state. To programmatically
    * switch tabs, use header.setActiveContentItem( item ) instead.
-   *
-   * @public
-   * @param {Boolean} isActive
+   * @param isActive
    */
-  setActive: function setActive(isActive) {
+
+
+  setActive(isActive) {
     if (isActive === this.isActive) {
       return;
     }
@@ -98,20 +110,21 @@ utils.copy(Tab.prototype, {
     } else {
       this.element.removeClass('lm_active');
     }
-  },
-
+  }
   /**
    * Destroys the tab
    *
    * @private
    * @returns {void}
    */
-  _$destroy: function _$destroy() {
-    this.element.off('click', this._onTabClickFn);
-    this.element.off('auxclick', this._onTabClickFn);
-    this.closeElement.off('click', this._onCloseClickFn);
 
-    if (this.contentItem.isComponent) {
+
+  _$destroy() {
+    this.element.off('click', this._onTabClick);
+    this.element.off('auxclick', this._onTabClick);
+    this.closeElement.off('click', this._onCloseClick);
+
+    if (isComponent(this.contentItem)) {
       this.contentItem.container._contentElement.off();
     }
 
@@ -120,29 +133,32 @@ utils.copy(Tab.prototype, {
 
       this._dragListener.off('dragStart', this._onDragStart);
 
-      this._dragListener = null;
+      this._dragListener = undefined;
     }
 
     this.element.remove();
-  },
-
+  }
   /**
    * Callback for the DragListener
    *
-   * @param   {Number} x The tabs absolute x position
-   * @param   {Number} y The tabs absolute y position
-   *
-   * @private
-   * @returns {void}
+   * @param x The tabs absolute x position
+   * @param y The tabs absolute y position
    */
-  _onDragStart: function _onDragStart(x, y) {
-    if (this.contentItem.parent.isMaximised === true) {
+
+
+  _onDragStart(x, y) {
+    var _this$contentItem$par;
+
+    if ((_this$contentItem$par = this.contentItem.parent) !== null && _this$contentItem$par !== void 0 && _this$contentItem$par.isMaximised) {
       this.contentItem.parent.toggleMaximise();
     }
 
-    new DragProxy(x, y, this._dragListener, this._layoutManager, this.contentItem, this.header.parent);
-  },
+    if (!this._dragListener) {
+      return;
+    }
 
+    new DragProxy(x, y, this._dragListener, this._layoutManager, this.contentItem, this.header.parent);
+  }
   /**
    * Callback when the contentItem is focused in
    *
@@ -152,14 +168,11 @@ utils.copy(Tab.prototype, {
    * assume that the surrogate already propagated from triggering the native event and prevent that from happening
    * again here. This technically gets the ordering wrong w.r.t. to `.trigger()` (in which the bubbling surrogate
    * propagates *after* the non-bubbling base), but that seems less bad than duplication."
-   *
-   * @param {jQuery DOM event} event
-   *
-   * @private
-   * @returns {void}
    */
-  _onTabContentFocusIn: function _onTabContentFocusIn() {
-    if (!this.contentItem.container._contentElement[0].contains(document.activeElement)) {
+
+
+  _onTabContentFocusIn() {
+    if (isComponent(this.contentItem) && !this.contentItem.container._contentElement[0].contains(document.activeElement)) {
       // jquery 3.4.0 and later, jquery method optimizes out the focus from
       // happening in proper order. Can use HTMLElement.focus() to avoid.
       this.contentItem.container._contentElement[0].focus(); // [0] needed to use dom focus, not jquery method
@@ -167,8 +180,7 @@ utils.copy(Tab.prototype, {
     }
 
     this.element.addClass('lm_focusin');
-  },
-
+  }
   /**
    * Callback when the contentItem is focused out
    *
@@ -177,29 +189,31 @@ utils.copy(Tab.prototype, {
    * @private
    * @returns {void}
    */
-  _onTabContentFocusOut: function _onTabContentFocusOut() {
-    if (!this.contentItem.container._contentElement[0].contains(document.activeElement)) {
+
+
+  _onTabContentFocusOut() {
+    if (isComponent(this.contentItem) && !this.contentItem.container._contentElement[0].contains(document.activeElement)) {
       this.element.removeClass('lm_focusin');
     }
-  },
-
+  }
   /**
    * Callback when the tab is clicked
    *
-   * @param {jQuery DOM event} event
-   *
-   * @private
-   * @returns {void}
+   * @param event
    */
-  _onTabClick: function _onTabClick(event) {
+
+
+  _onTabClick(event) {
     // left mouse button or tap
     if (!event || event.button === 0) {
+      var _this$element$get;
+
       var activeContentItem = this.header.parent.getActiveContentItem();
 
-      if (this.contentItem !== activeContentItem) {
+      if (this.contentItem !== activeContentItem && isComponent(this.contentItem)) {
         this.header.parent.setActiveContentItem(this.contentItem);
         this.contentItem.container.emit('tabClicked');
-      } else if (this.contentItem.isComponent && !this.contentItem.container._contentElement[0].contains(document.activeElement)) {
+      } else if (isComponent(this.contentItem) && !this.contentItem.container._contentElement[0].contains(document.activeElement)) {
         // if no focus inside put focus onto the container
         // so focusin always fires for tabclicks
         this.contentItem.container._contentElement.focus(); // still emit tab clicked event, so panels can also
@@ -213,7 +227,7 @@ utils.copy(Tab.prototype, {
       this.header._hideAdditionalTabsDropdown(); // makes sure clicked tabs scrollintoview (either those partially offscreen or in dropdown)
 
 
-      this.element.get(0).scrollIntoView({
+      (_this$element$get = this.element.get(0)) === null || _this$element$get === void 0 ? void 0 : _this$element$get.scrollIntoView({
         inline: 'nearest' // behaviour smooth is not possible here, as when a tab becomes active it may attempt to take focus
         // which interupts any scroll behaviour from completeting
 
@@ -221,39 +235,37 @@ utils.copy(Tab.prototype, {
     } else if (event.button === 1 && this.contentItem.config.isClosable) {
       this._onCloseClick(event);
     }
-  },
-
+  }
   /**
    * Callback when the tab's close button is
    * clicked
    *
-   * @param   {jQuery DOM event} event
-   *
-   * @private
-   * @returns {void}
+   * @param event
    */
-  _onCloseClick: function _onCloseClick(event) {
+
+
+  _onCloseClick(event) {
     event.stopPropagation();
 
-    if (this.contentItem.isComponent) {
+    if (isComponent(this.contentItem)) {
       this.contentItem.container.close();
     } else {
       this.header.parent.removeChild(this.contentItem);
     }
-  },
-
+  }
   /**
    * Callback to capture tab close button mousedown
    * to prevent tab from activating.
    *
-   * @param (jQuery DOM event) event
-   *
-   * @private
-   * @returns {void}
+   * @param event
    */
-  _onCloseMousedown: function _onCloseMousedown(event) {
+
+
+  _onCloseMousedown(event) {
     event.stopPropagation();
   }
-});
-export default Tab;
+
+}
+
+_defineProperty(Tab, "_template", ['<li class="lm_tab">', '<span class="lm_title_before"></span>', '<span class="lm_title"></span>', '<div class="lm_close_tab"></div>', '</li>'].join(''));
 //# sourceMappingURL=Tab.js.map

package/dist/controls/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["$","utils","DragProxy","Tab","header","contentItem","element","_template","titleElement","find","closeElement","config","isClosable","isActive","setTitle","title","on","_layoutManager","layoutManager","settings","reorderEnabled","_dragListener","DragListener","_onDragStart","destroy","_onTabClickFn","fnBind","_onTabClick","_onCloseClickFn","_onCloseClick","_onTabContentFocusInFn","_onTabContentFocusIn","_onTabContentFocusOutFn","_onTabContentFocusOut","_onCloseMousedown","remove","tab","emit","isComponent","container","_contentElement","join","copy","prototype","html","setActive","addClass","removeClass","_$destroy","off","x","y","parent","isMaximised","toggleMaximise","contains","document","activeElement","focus","event","button","activeContentItem","getActiveContentItem","setActiveContentItem","_hideAdditionalTabsDropdown","get","scrollIntoView","inline","stopPropagation","close","removeChild"],"sources":["../../src/controls/Tab.js"],"sourcesContent":["import $ from 'jquery';\nimport utils from '../utils/index.js';\nimport DragProxy from './DragProxy.js';\n\n/**\n * Represents an individual tab within a Stack's header\n *\n * @param {lm.controls.Header} header\n * @param {lm.items.AbstractContentItem} contentItem\n *\n * @constructor\n */\nconst Tab = function (header, contentItem) {\n  this.header = header;\n  this.contentItem = contentItem;\n  this.element = $(Tab._template);\n  this.titleElement = this.element.find('.lm_title');\n  this.closeElement = this.element.find('.lm_close_tab');\n  this.closeElement[contentItem.config.isClosable ? 'show' : 'hide']();\n  this.isActive = false;\n\n  this.setTitle(contentItem.config.title);\n  this.contentItem.on('titleChanged', this.setTitle, this);\n\n  this._layoutManager = this.contentItem.layoutManager;\n\n  if (\n    this._layoutManager.config.settings.reorderEnabled === true &&\n    contentItem.config.reorderEnabled === true\n  ) {\n    this._dragListener = new utils.DragListener(this.element);\n    this._dragListener.on('dragStart', this._onDragStart, this);\n    this.contentItem.on(\n      'destroy',\n      this._dragListener.destroy,\n      this._dragListener\n    );\n  }\n\n  this._onTabClickFn = utils.fnBind(this._onTabClick, this);\n  this._onCloseClickFn = utils.fnBind(this._onCloseClick, this);\n  this._onTabContentFocusInFn = utils.fnBind(this._onTabContentFocusIn, this);\n  this._onTabContentFocusOutFn = utils.fnBind(this._onTabContentFocusOut, this);\n\n  this.element.on('click', this._onTabClickFn);\n  this.element.on('auxclick', this._onTabClickFn);\n\n  if (this.contentItem.config.isClosable) {\n    this.closeElement.on('click', this._onCloseClickFn);\n    this.closeElement.on('mousedown', this._onCloseMousedown);\n  } else {\n    this.closeElement.remove();\n  }\n\n  this.contentItem.tab = this;\n  this.contentItem.emit('tab', this);\n  this.contentItem.layoutManager.emit('tabCreated', this);\n\n  if (this.contentItem.isComponent) {\n    // add focus class to tab when content\n    this.contentItem.container._contentElement\n      .on('focusin click', this._onTabContentFocusInFn)\n      .on('focusout', this._onTabContentFocusOutFn);\n\n    this.contentItem.container.tab = this;\n    this.contentItem.container.emit('tab', this);\n  }\n};\n\n/**\n * The tab's html template\n *\n * @type {String}\n */\nTab._template = [\n  '<li class=\"lm_tab\">',\n  '<span class=\"lm_title_before\"></span>',\n  '<span class=\"lm_title\"></span>',\n  '<div class=\"lm_close_tab\"></div>',\n  '</li>',\n].join('');\n\nutils.copy(Tab.prototype, {\n  /**\n   * Sets the tab's title to the provided string and sets\n   * its title attribute to a pure text representation (without\n   * html tags) of the same string.\n   *\n   * @public\n   * @param {String} title can contain html\n   */\n  setTitle: function (title) {\n    // Disabling for illumon project, we want to manage our own tooltips\n    // this.element.attr( 'title', lm.utils.stripTags( title ) );\n    this.titleElement.html(title);\n  },\n\n  /**\n   * Sets this tab's active state. To programmatically\n   * switch tabs, use header.setActiveContentItem( item ) instead.\n   *\n   * @public\n   * @param {Boolean} isActive\n   */\n  setActive: function (isActive) {\n    if (isActive === this.isActive) {\n      return;\n    }\n    this.isActive = isActive;\n\n    if (isActive) {\n      this.element.addClass('lm_active');\n    } else {\n      this.element.removeClass('lm_active');\n    }\n  },\n\n  /**\n   * Destroys the tab\n   *\n   * @private\n   * @returns {void}\n   */\n  _$destroy: function () {\n    this.element.off('click', this._onTabClickFn);\n    this.element.off('auxclick', this._onTabClickFn);\n    this.closeElement.off('click', this._onCloseClickFn);\n    if (this.contentItem.isComponent) {\n      this.contentItem.container._contentElement.off();\n    }\n    if (this._dragListener) {\n      this.contentItem.off(\n        'destroy',\n        this._dragListener.destroy,\n        this._dragListener\n      );\n      this._dragListener.off('dragStart', this._onDragStart);\n      this._dragListener = null;\n    }\n    this.element.remove();\n  },\n\n  /**\n   * Callback for the DragListener\n   *\n   * @param   {Number} x The tabs absolute x position\n   * @param   {Number} y The tabs absolute y position\n   *\n   * @private\n   * @returns {void}\n   */\n  _onDragStart: function (x, y) {\n    if (this.contentItem.parent.isMaximised === true) {\n      this.contentItem.parent.toggleMaximise();\n    }\n\n    new DragProxy(\n      x,\n      y,\n      this._dragListener,\n      this._layoutManager,\n      this.contentItem,\n      this.header.parent\n    );\n  },\n\n  /**\n   * Callback when the contentItem is focused in\n   *\n   * Why [0].focus():\n   * https://github.com/jquery/jquery/commit/fe5f04de8fde9c69ed48283b99280aa6df3795c7\n   * From jquery source: \"If this is an inner synthetic event for an event with a bubbling surrogate (focus or blur),\n   * assume that the surrogate already propagated from triggering the native event and prevent that from happening\n   * again here. This technically gets the ordering wrong w.r.t. to `.trigger()` (in which the bubbling surrogate\n   * propagates *after* the non-bubbling base), but that seems less bad than duplication.\"\n   *\n   * @param {jQuery DOM event} event\n   *\n   * @private\n   * @returns {void}\n   */\n  _onTabContentFocusIn: function () {\n    if (\n      !this.contentItem.container._contentElement[0].contains(\n        document.activeElement\n      )\n    ) {\n      // jquery 3.4.0 and later, jquery method optimizes out the focus from\n      // happening in proper order. Can use HTMLElement.focus() to avoid.\n      this.contentItem.container._contentElement[0].focus(); // [0] needed to use dom focus, not jquery method\n    }\n    this.element.addClass('lm_focusin');\n  },\n\n  /**\n   * Callback when the contentItem is focused out\n   *\n   * @param {jQuery DOM event} event\n   *\n   * @private\n   * @returns {void}\n   */\n  _onTabContentFocusOut: function () {\n    if (\n      !this.contentItem.container._contentElement[0].contains(\n        document.activeElement\n      )\n    ) {\n      this.element.removeClass('lm_focusin');\n    }\n  },\n\n  /**\n   * Callback when the tab is clicked\n   *\n   * @param {jQuery DOM event} event\n   *\n   * @private\n   * @returns {void}\n   */\n  _onTabClick: function (event) {\n    // left mouse button or tap\n    if (!event || event.button === 0) {\n      var activeContentItem = this.header.parent.getActiveContentItem();\n      if (this.contentItem !== activeContentItem) {\n        this.header.parent.setActiveContentItem(this.contentItem);\n        this.contentItem.container.emit('tabClicked');\n      } else if (\n        this.contentItem.isComponent &&\n        !this.contentItem.container._contentElement[0].contains(\n          document.activeElement\n        )\n      ) {\n        // if no focus inside put focus onto the container\n        // so focusin always fires for tabclicks\n        this.contentItem.container._contentElement.focus();\n\n        // still emit tab clicked event, so panels can also\n        // do it's own focus handling if desired\n        this.contentItem.container.emit('tabClicked');\n      }\n\n      // might have been called from the dropdown\n      this.header._hideAdditionalTabsDropdown();\n\n      // makes sure clicked tabs scrollintoview (either those partially offscreen or in dropdown)\n      this.element.get(0).scrollIntoView({\n        inline: 'nearest',\n        // behaviour smooth is not possible here, as when a tab becomes active it may attempt to take focus\n        // which interupts any scroll behaviour from completeting\n      });\n\n      // middle mouse button\n    } else if (event.button === 1 && this.contentItem.config.isClosable) {\n      this._onCloseClick(event);\n    }\n  },\n\n  /**\n   * Callback when the tab's close button is\n   * clicked\n   *\n   * @param   {jQuery DOM event} event\n   *\n   * @private\n   * @returns {void}\n   */\n  _onCloseClick: function (event) {\n    event.stopPropagation();\n    if (this.contentItem.isComponent) {\n      this.contentItem.container.close();\n    } else {\n      this.header.parent.removeChild(this.contentItem);\n    }\n  },\n\n  /**\n   * Callback to capture tab close button mousedown\n   * to prevent tab from activating.\n   *\n   * @param (jQuery DOM event) event\n   *\n   * @private\n   * @returns {void}\n   */\n  _onCloseMousedown: function (event) {\n    event.stopPropagation();\n  },\n});\n\nexport default Tab;\n"],"mappings":"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"}
+{"version":3,"file":"Tab.js","names":["$","isComponent","DragListener","DragProxy","Tab","constructor","header","contentItem","_template","titleElement","element","find","closeElement","config","isClosable","setTitle","title","on","_layoutManager","layoutManager","settings","reorderEnabled","_dragListener","_onDragStart","destroy","_onTabClick","bind","_onCloseClick","_onTabContentFocusIn","_onTabContentFocusOut","_onCloseMousedown","remove","tab","emit","container","_contentElement","html","setActive","isActive","addClass","removeClass","_$destroy","off","undefined","x","y","parent","isMaximised","toggleMaximise","contains","document","activeElement","focus","event","button","activeContentItem","getActiveContentItem","setActiveContentItem","_hideAdditionalTabsDropdown","get","scrollIntoView","inline","stopPropagation","close","removeChild","join"],"sources":["../../src/controls/Tab.ts"],"sourcesContent":["import $ from 'jquery';\nimport type { AbstractContentItem } from '../items';\nimport { isComponent } from '../items';\nimport type LayoutManager from '../LayoutManager';\nimport { DragListener } from '../utils';\nimport DragProxy from './DragProxy';\nimport type Header from './Header';\n\n/**\n * Represents an individual tab within a Stack's header\n *\n * @param header\n * @param contentItem\n */\nexport default class Tab {\n  /**\n   * The tab's html template\n   */\n  private static _template = [\n    '<li class=\"lm_tab\">',\n    '<span class=\"lm_title_before\"></span>',\n    '<span class=\"lm_title\"></span>',\n    '<div class=\"lm_close_tab\"></div>',\n    '</li>',\n  ].join('');\n\n  header: Header;\n  contentItem: AbstractContentItem;\n  element = $(Tab._template);\n  titleElement: JQuery<HTMLElement>;\n  closeElement: JQuery<HTMLElement>;\n  isActive = false;\n\n  private _layoutManager: LayoutManager;\n  private _dragListener?: DragListener;\n\n  constructor(header: Header, contentItem: AbstractContentItem) {\n    this.header = header;\n    this.contentItem = contentItem;\n    this.titleElement = this.element.find('.lm_title');\n    this.closeElement = this.element.find('.lm_close_tab');\n    this.closeElement[contentItem.config.isClosable ? 'show' : 'hide']();\n\n    this.setTitle(contentItem.config.title);\n    this.contentItem.on('titleChanged', this.setTitle, this);\n\n    this._layoutManager = this.contentItem.layoutManager;\n\n    if (\n      this._layoutManager.config.settings?.reorderEnabled &&\n      contentItem.config.reorderEnabled\n    ) {\n      this._dragListener = new DragListener(this.element);\n      this._dragListener.on('dragStart', this._onDragStart, this);\n      this.contentItem.on(\n        'destroy',\n        this._dragListener.destroy,\n        this._dragListener\n      );\n    }\n\n    this._onTabClick = this._onTabClick.bind(this);\n    this._onCloseClick = this._onCloseClick.bind(this);\n    this._onTabContentFocusIn = this._onTabContentFocusIn.bind(this);\n    this._onTabContentFocusOut = this._onTabContentFocusOut.bind(this);\n\n    this.element.on('click', this._onTabClick);\n    this.element.on('auxclick', this._onTabClick);\n\n    if (this.contentItem.config.isClosable) {\n      this.closeElement.on('click', this._onCloseClick);\n      this.closeElement.on('mousedown', this._onCloseMousedown);\n    } else {\n      this.closeElement.remove();\n    }\n\n    this.contentItem.tab = this;\n    this.contentItem.emit('tab', this);\n    this.contentItem.layoutManager.emit('tabCreated', this);\n\n    if (isComponent(this.contentItem)) {\n      // add focus class to tab when content\n      this.contentItem.container._contentElement\n        .on('focusin click', this._onTabContentFocusIn)\n        .on('focusout', this._onTabContentFocusOut);\n\n      this.contentItem.container.tab = this;\n      this.contentItem.container.emit('tab', this);\n    }\n  }\n\n  /**\n   * Sets the tab's title to the provided string and sets\n   * its title attribute to a pure text representation (without\n   * html tags) of the same string.\n   * @param title can contain html\n   */\n  setTitle(title = '') {\n    // Disabling for illumon project, we want to manage our own tooltips\n    // this.element.attr( 'title', lm.utils.stripTags( title ) );\n    this.titleElement.html(title);\n  }\n\n  /**\n   * Sets this tab's active state. To programmatically\n   * switch tabs, use header.setActiveContentItem( item ) instead.\n   * @param isActive\n   */\n  setActive(isActive: boolean) {\n    if (isActive === this.isActive) {\n      return;\n    }\n    this.isActive = isActive;\n\n    if (isActive) {\n      this.element.addClass('lm_active');\n    } else {\n      this.element.removeClass('lm_active');\n    }\n  }\n\n  /**\n   * Destroys the tab\n   *\n   * @private\n   * @returns {void}\n   */\n  _$destroy() {\n    this.element.off('click', this._onTabClick);\n    this.element.off('auxclick', this._onTabClick);\n    this.closeElement.off('click', this._onCloseClick);\n    if (isComponent(this.contentItem)) {\n      this.contentItem.container._contentElement.off();\n    }\n    if (this._dragListener) {\n      this.contentItem.off(\n        'destroy',\n        this._dragListener.destroy,\n        this._dragListener\n      );\n      this._dragListener.off('dragStart', this._onDragStart);\n      this._dragListener = undefined;\n    }\n    this.element.remove();\n  }\n\n  /**\n   * Callback for the DragListener\n   *\n   * @param x The tabs absolute x position\n   * @param y The tabs absolute y position\n   */\n  _onDragStart(x: number, y: number) {\n    if (this.contentItem.parent?.isMaximised) {\n      this.contentItem.parent.toggleMaximise();\n    }\n\n    if (!this._dragListener) {\n      return;\n    }\n\n    new DragProxy(\n      x,\n      y,\n      this._dragListener,\n      this._layoutManager,\n      this.contentItem,\n      this.header.parent\n    );\n  }\n\n  /**\n   * Callback when the contentItem is focused in\n   *\n   * Why [0].focus():\n   * https://github.com/jquery/jquery/commit/fe5f04de8fde9c69ed48283b99280aa6df3795c7\n   * From jquery source: \"If this is an inner synthetic event for an event with a bubbling surrogate (focus or blur),\n   * assume that the surrogate already propagated from triggering the native event and prevent that from happening\n   * again here. This technically gets the ordering wrong w.r.t. to `.trigger()` (in which the bubbling surrogate\n   * propagates *after* the non-bubbling base), but that seems less bad than duplication.\"\n   */\n  _onTabContentFocusIn() {\n    if (\n      isComponent(this.contentItem) &&\n      !this.contentItem.container._contentElement[0].contains(\n        document.activeElement\n      )\n    ) {\n      // jquery 3.4.0 and later, jquery method optimizes out the focus from\n      // happening in proper order. Can use HTMLElement.focus() to avoid.\n      this.contentItem.container._contentElement[0].focus(); // [0] needed to use dom focus, not jquery method\n    }\n    this.element.addClass('lm_focusin');\n  }\n\n  /**\n   * Callback when the contentItem is focused out\n   *\n   * @param {jQuery DOM event} event\n   *\n   * @private\n   * @returns {void}\n   */\n  _onTabContentFocusOut() {\n    if (\n      isComponent(this.contentItem) &&\n      !this.contentItem.container._contentElement[0].contains(\n        document.activeElement\n      )\n    ) {\n      this.element.removeClass('lm_focusin');\n    }\n  }\n\n  /**\n   * Callback when the tab is clicked\n   *\n   * @param event\n   */\n  _onTabClick(event?: JQuery.TriggeredEvent) {\n    // left mouse button or tap\n    if (!event || event.button === 0) {\n      var activeContentItem = this.header.parent.getActiveContentItem();\n      if (\n        this.contentItem !== activeContentItem &&\n        isComponent(this.contentItem)\n      ) {\n        this.header.parent.setActiveContentItem(this.contentItem);\n        this.contentItem.container.emit('tabClicked');\n      } else if (\n        isComponent(this.contentItem) &&\n        !this.contentItem.container._contentElement[0].contains(\n          document.activeElement\n        )\n      ) {\n        // if no focus inside put focus onto the container\n        // so focusin always fires for tabclicks\n        this.contentItem.container._contentElement.focus();\n\n        // still emit tab clicked event, so panels can also\n        // do it's own focus handling if desired\n        this.contentItem.container.emit('tabClicked');\n      }\n\n      // might have been called from the dropdown\n      this.header._hideAdditionalTabsDropdown();\n\n      // makes sure clicked tabs scrollintoview (either those partially offscreen or in dropdown)\n      this.element.get(0)?.scrollIntoView({\n        inline: 'nearest',\n        // behaviour smooth is not possible here, as when a tab becomes active it may attempt to take focus\n        // which interupts any scroll behaviour from completeting\n      });\n\n      // middle mouse button\n    } else if (event.button === 1 && this.contentItem.config.isClosable) {\n      this._onCloseClick(event);\n    }\n  }\n\n  /**\n   * Callback when the tab's close button is\n   * clicked\n   *\n   * @param event\n   */\n  _onCloseClick(event: JQuery.TriggeredEvent) {\n    event.stopPropagation();\n    if (isComponent(this.contentItem)) {\n      this.contentItem.container.close();\n    } else {\n      this.header.parent.removeChild(this.contentItem);\n    }\n  }\n\n  /**\n   * Callback to capture tab close button mousedown\n   * to prevent tab from activating.\n   *\n   * @param event\n   */\n  _onCloseMousedown(event: Event) {\n    event.stopPropagation();\n  }\n}\n"],"mappings":"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"}

package/dist/controls/TransitionIndicator.d.ts

@@ -0,0 +1,25 @@
+export declare type TransitionDimensions = {
+    left?: number;
+    top?: number;
+    width?: number;
+    height?: number;
+    opacity?: number;
+};
+export default class TransitionIndicator {
+    private _element;
+    private _toElement;
+    private _fromDimensions;
+    private _totalAnimationDuration;
+    private _animationStartTime;
+    constructor();
+    destroy(): void;
+    transitionElements(fromElement: JQuery<HTMLElement>, toElement: JQuery<HTMLElement>): void;
+    _nextAnimationFrame(): void;
+    _measure(element: JQuery<HTMLElement>): {
+        left: number | undefined;
+        top: number | undefined;
+        width: number | undefined;
+        height: number | undefined;
+    };
+}
+//# sourceMappingURL=TransitionIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransitionIndicator.d.ts","sourceRoot":"","sources":["../../src/controls/TransitionIndicator.ts"],"names":[],"mappings":"AAGA,oBAAY,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,mBAAmB;IACtC,OAAO,CAAC,QAAQ,CAAoD;IACpE,OAAO,CAAC,UAAU,CAAoC;IAEtD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,uBAAuB,CAAO;IACtC,OAAO,CAAC,mBAAmB,CAAuB;;IAMlD,OAAO;IAIP,kBAAkB,CAChB,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC,EAChC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;IAchC,mBAAmB;IAiCnB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,WAAW,CAAC;;;;;;CAUtC"}

package/dist/controls/TransitionIndicator.js

@@ -1,38 +1,48 @@
+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 TransitionIndicator = function TransitionIndicator() {
-  this._element = $('<div class="lm_transition_indicator"></div>');
-  $(document.body).append(this._element);
-  this._toElement = null;
-  this._fromDimensions = null;
-  this._totalAnimationDuration = 200;
-  this._animationStartTime = null;
-};
-
-utils.copy(TransitionIndicator.prototype, {
-  destroy: function destroy() {
+import { animFrame } from "../utils/index.js";
+export default class TransitionIndicator {
+  constructor() {
+    _defineProperty(this, "_element", $('<div class="lm_transition_indicator"></div>'));
+
+    _defineProperty(this, "_toElement", null);
+
+    _defineProperty(this, "_fromDimensions", {});
+
+    _defineProperty(this, "_totalAnimationDuration", 200);
+
+    _defineProperty(this, "_animationStartTime", null);
+
+    $(document.body).append(this._element);
+  }
+
+  destroy() {
     this._element.remove();
-  },
-  transitionElements: function transitionElements(fromElement, toElement) {
+  }
+
+  transitionElements(fromElement, toElement) {
     /**
      * TODO - This is not quite as cool as expected. Review.
      */
-    return;
-    this._toElement = toElement;
-    this._animationStartTime = utils.now();
-    this._fromDimensions = this._measure(fromElement);
-    this._fromDimensions.opacity = 0.8;
-
-    this._element.show().css(this._fromDimensions);
-
-    utils.animFrame(utils.fnBind(this._nextAnimationFrame, this));
-  },
-  _nextAnimationFrame: function _nextAnimationFrame() {
-    var toDimensions = this._measure(this._toElement),
-        animationProgress = (utils.now() - this._animationStartTime) / this._totalAnimationDuration,
-        currentFrameStyles = {},
-        cssProperty;
+    return; // this._toElement = toElement;
+    // this._animationStartTime = utils.now();
+    // this._fromDimensions = this._measure(fromElement);
+    // this._fromDimensions.opacity = 0.8;
+    // this._element.show().css(this._fromDimensions);
+    // utils.animFrame(utils.fnBind(this._nextAnimationFrame, this));
+  }
+
+  _nextAnimationFrame() {
+    if (!this._toElement || this._animationStartTime == null) {
+      return;
+    }
+
+    var toDimensions = this._measure(this._toElement);
+
+    var animationProgress = (Date.now() - this._animationStartTime) / this._totalAnimationDuration;
+
+    var currentFrameStyles = {};
 
     if (animationProgress >= 1) {
       this._element.hide();
@@ -41,24 +51,28 @@ utils.copy(TransitionIndicator.prototype, {
     }
 
     toDimensions.opacity = 0;
+    var keys = Object.keys(this._fromDimensions);
+
+    for (var cssProperty of keys) {
+      var _this$_fromDimensions, _toDimensions$cssProp, _this$_fromDimensions2;
 
-    for (cssProperty in this._fromDimensions) {
-      currentFrameStyles[cssProperty] = this._fromDimensions[cssProperty] + (toDimensions[cssProperty] - this._fromDimensions[cssProperty]) * animationProgress;
+      currentFrameStyles[cssProperty] = ((_this$_fromDimensions = this._fromDimensions[cssProperty]) !== null && _this$_fromDimensions !== void 0 ? _this$_fromDimensions : 0) + (((_toDimensions$cssProp = toDimensions[cssProperty]) !== null && _toDimensions$cssProp !== void 0 ? _toDimensions$cssProp : 0) - ((_this$_fromDimensions2 = this._fromDimensions[cssProperty]) !== null && _this$_fromDimensions2 !== void 0 ? _this$_fromDimensions2 : 0)) * animationProgress;
     }
 
     this._element.css(currentFrameStyles);
 
-    utils.animFrame(utils.fnBind(this._nextAnimationFrame, this));
-  },
-  _measure: function _measure(element) {
+    animFrame(this._nextAnimationFrame.bind(this));
+  }
+
+  _measure(element) {
     var offset = element.offset();
     return {
-      left: offset.left,
-      top: offset.top,
+      left: offset === null || offset === void 0 ? void 0 : offset.left,
+      top: offset === null || offset === void 0 ? void 0 : offset.top,
       width: element.outerWidth(),
       height: element.outerHeight()
     };
   }
-});
-export default TransitionIndicator;
+
+}
 //# sourceMappingURL=TransitionIndicator.js.map

package/dist/controls/TransitionIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionIndicator.js","names":["$","utils","TransitionIndicator","_element","document","body","append","_toElement","_fromDimensions","_totalAnimationDuration","_animationStartTime","copy","prototype","destroy","remove","transitionElements","fromElement","toElement","now","_measure","opacity","show","css","animFrame","fnBind","_nextAnimationFrame","toDimensions","animationProgress","currentFrameStyles","cssProperty","hide","element","offset","left","top","width","outerWidth","height","outerHeight"],"sources":["../../src/controls/TransitionIndicator.js"],"sourcesContent":["import $ from 'jquery';\nimport utils from '../utils/index.js';\n\nconst TransitionIndicator = function () {\n  this._element = $('<div class=\"lm_transition_indicator\"></div>');\n  $(document.body).append(this._element);\n\n  this._toElement = null;\n  this._fromDimensions = null;\n  this._totalAnimationDuration = 200;\n  this._animationStartTime = null;\n};\n\nutils.copy(TransitionIndicator.prototype, {\n  destroy: function () {\n    this._element.remove();\n  },\n\n  transitionElements: function (fromElement, toElement) {\n    /**\n     * TODO - This is not quite as cool as expected. Review.\n     */\n    return;\n    this._toElement = toElement;\n    this._animationStartTime = utils.now();\n    this._fromDimensions = this._measure(fromElement);\n    this._fromDimensions.opacity = 0.8;\n    this._element.show().css(this._fromDimensions);\n    utils.animFrame(utils.fnBind(this._nextAnimationFrame, this));\n  },\n\n  _nextAnimationFrame: function () {\n    var toDimensions = this._measure(this._toElement),\n      animationProgress =\n        (utils.now() - this._animationStartTime) / this._totalAnimationDuration,\n      currentFrameStyles = {},\n      cssProperty;\n\n    if (animationProgress >= 1) {\n      this._element.hide();\n      return;\n    }\n\n    toDimensions.opacity = 0;\n\n    for (cssProperty in this._fromDimensions) {\n      currentFrameStyles[cssProperty] =\n        this._fromDimensions[cssProperty] +\n        (toDimensions[cssProperty] - this._fromDimensions[cssProperty]) *\n          animationProgress;\n    }\n\n    this._element.css(currentFrameStyles);\n    utils.animFrame(utils.fnBind(this._nextAnimationFrame, this));\n  },\n\n  _measure: function (element) {\n    var offset = element.offset();\n\n    return {\n      left: offset.left,\n      top: offset.top,\n      width: element.outerWidth(),\n      height: element.outerHeight(),\n    };\n  },\n});\n\nexport default TransitionIndicator;\n"],"mappings":"AAAA,OAAOA,CAAP,MAAc,QAAd;AACA,OAAOC,KAAP,MAAkB,mBAAlB;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAY;EACtC,KAAKC,QAAL,GAAgBH,CAAC,CAAC,6CAAD,CAAjB;EACAA,CAAC,CAACI,QAAQ,CAACC,IAAV,CAAD,CAAiBC,MAAjB,CAAwB,KAAKH,QAA7B;EAEA,KAAKI,UAAL,GAAkB,IAAlB;EACA,KAAKC,eAAL,GAAuB,IAAvB;EACA,KAAKC,uBAAL,GAA+B,GAA/B;EACA,KAAKC,mBAAL,GAA2B,IAA3B;AACD,CARD;;AAUAT,KAAK,CAACU,IAAN,CAAWT,mBAAmB,CAACU,SAA/B,EAA0C;EACxCC,OAAO,EAAE,mBAAY;IACnB,KAAKV,QAAL,CAAcW,MAAd;EACD,CAHuC;EAKxCC,kBAAkB,EAAE,4BAAUC,WAAV,EAAuBC,SAAvB,EAAkC;IACpD;AACJ;AACA;IACI;IACA,KAAKV,UAAL,GAAkBU,SAAlB;IACA,KAAKP,mBAAL,GAA2BT,KAAK,CAACiB,GAAN,EAA3B;IACA,KAAKV,eAAL,GAAuB,KAAKW,QAAL,CAAcH,WAAd,CAAvB;IACA,KAAKR,eAAL,CAAqBY,OAArB,GAA+B,GAA/B;;IACA,KAAKjB,QAAL,CAAckB,IAAd,GAAqBC,GAArB,CAAyB,KAAKd,eAA9B;;IACAP,KAAK,CAACsB,SAAN,CAAgBtB,KAAK,CAACuB,MAAN,CAAa,KAAKC,mBAAlB,EAAuC,IAAvC,CAAhB;EACD,CAhBuC;EAkBxCA,mBAAmB,EAAE,+BAAY;IAC/B,IAAIC,YAAY,GAAG,KAAKP,QAAL,CAAc,KAAKZ,UAAnB,CAAnB;IAAA,IACEoB,iBAAiB,GACf,CAAC1B,KAAK,CAACiB,GAAN,KAAc,KAAKR,mBAApB,IAA2C,KAAKD,uBAFpD;IAAA,IAGEmB,kBAAkB,GAAG,EAHvB;IAAA,IAIEC,WAJF;;IAMA,IAAIF,iBAAiB,IAAI,CAAzB,EAA4B;MAC1B,KAAKxB,QAAL,CAAc2B,IAAd;;MACA;IACD;;IAEDJ,YAAY,CAACN,OAAb,GAAuB,CAAvB;;IAEA,KAAKS,WAAL,IAAoB,KAAKrB,eAAzB,EAA0C;MACxCoB,kBAAkB,CAACC,WAAD,CAAlB,GACE,KAAKrB,eAAL,CAAqBqB,WAArB,IACA,CAACH,YAAY,CAACG,WAAD,CAAZ,GAA4B,KAAKrB,eAAL,CAAqBqB,WAArB,CAA7B,IACEF,iBAHJ;IAID;;IAED,KAAKxB,QAAL,CAAcmB,GAAd,CAAkBM,kBAAlB;;IACA3B,KAAK,CAACsB,SAAN,CAAgBtB,KAAK,CAACuB,MAAN,CAAa,KAAKC,mBAAlB,EAAuC,IAAvC,CAAhB;EACD,CAzCuC;EA2CxCN,QAAQ,EAAE,kBAAUY,OAAV,EAAmB;IAC3B,IAAIC,MAAM,GAAGD,OAAO,CAACC,MAAR,EAAb;IAEA,OAAO;MACLC,IAAI,EAAED,MAAM,CAACC,IADR;MAELC,GAAG,EAAEF,MAAM,CAACE,GAFP;MAGLC,KAAK,EAAEJ,OAAO,CAACK,UAAR,EAHF;MAILC,MAAM,EAAEN,OAAO,CAACO,WAAR;IAJH,CAAP;EAMD;AApDuC,CAA1C;AAuDA,eAAepC,mBAAf"}
+{"version":3,"file":"TransitionIndicator.js","names":["$","animFrame","TransitionIndicator","constructor","document","body","append","_element","destroy","remove","transitionElements","fromElement","toElement","_nextAnimationFrame","_toElement","_animationStartTime","toDimensions","_measure","animationProgress","Date","now","_totalAnimationDuration","currentFrameStyles","hide","opacity","keys","Object","_fromDimensions","cssProperty","css","bind","element","offset","left","top","width","outerWidth","height","outerHeight"],"sources":["../../src/controls/TransitionIndicator.ts"],"sourcesContent":["import $ from 'jquery';\nimport { animFrame } from '../utils';\n\nexport type TransitionDimensions = {\n  left?: number;\n  top?: number;\n  width?: number;\n  height?: number;\n  opacity?: number;\n};\n\nexport default class TransitionIndicator {\n  private _element = $('<div class=\"lm_transition_indicator\"></div>');\n  private _toElement: JQuery<HTMLElement> | null = null;\n\n  private _fromDimensions: TransitionDimensions = {};\n  private _totalAnimationDuration = 200;\n  private _animationStartTime: number | null = null;\n\n  constructor() {\n    $(document.body).append(this._element);\n  }\n\n  destroy() {\n    this._element.remove();\n  }\n\n  transitionElements(\n    fromElement: JQuery<HTMLElement>,\n    toElement: JQuery<HTMLElement>\n  ) {\n    /**\n     * TODO - This is not quite as cool as expected. Review.\n     */\n    return;\n    // this._toElement = toElement;\n    // this._animationStartTime = utils.now();\n    // this._fromDimensions = this._measure(fromElement);\n    // this._fromDimensions.opacity = 0.8;\n    // this._element.show().css(this._fromDimensions);\n    // utils.animFrame(utils.fnBind(this._nextAnimationFrame, this));\n  }\n\n  _nextAnimationFrame() {\n    if (!this._toElement || this._animationStartTime == null) {\n      return;\n    }\n\n    const toDimensions: TransitionDimensions = this._measure(this._toElement);\n    const animationProgress =\n      (Date.now() - this._animationStartTime) / this._totalAnimationDuration;\n    const currentFrameStyles: TransitionDimensions = {};\n\n    if (animationProgress >= 1) {\n      this._element.hide();\n      return;\n    }\n\n    toDimensions.opacity = 0;\n\n    const keys = Object.keys(this._fromDimensions) as [\n      keyof TransitionDimensions\n    ];\n\n    for (let cssProperty of keys) {\n      currentFrameStyles[cssProperty] =\n        (this._fromDimensions[cssProperty] ?? 0) +\n        ((toDimensions[cssProperty] ?? 0) -\n          (this._fromDimensions[cssProperty] ?? 0)) *\n          animationProgress;\n    }\n\n    this._element.css(currentFrameStyles);\n    animFrame(this._nextAnimationFrame.bind(this));\n  }\n\n  _measure(element: JQuery<HTMLElement>) {\n    const offset = element.offset();\n\n    return {\n      left: offset?.left,\n      top: offset?.top,\n      width: element.outerWidth(),\n      height: element.outerHeight(),\n    };\n  }\n}\n"],"mappings":";;AAAA,OAAOA,CAAP,MAAc,QAAd;SACSC,S;AAUT,eAAe,MAAMC,mBAAN,CAA0B;EAQvCC,WAAW,GAAG;IAAA,kCAPKH,CAAC,CAAC,6CAAD,CAON;;IAAA,oCANmC,IAMnC;;IAAA,yCAJkC,EAIlC;;IAAA,iDAHoB,GAGpB;;IAAA,6CAF+B,IAE/B;;IACZA,CAAC,CAACI,QAAQ,CAACC,IAAV,CAAD,CAAiBC,MAAjB,CAAwB,KAAKC,QAA7B;EACD;;EAEDC,OAAO,GAAG;IACR,KAAKD,QAAL,CAAcE,MAAd;EACD;;EAEDC,kBAAkB,CAChBC,WADgB,EAEhBC,SAFgB,EAGhB;IACA;AACJ;AACA;IACI,OAJA,CAKA;IACA;IACA;IACA;IACA;IACA;EACD;;EAEDC,mBAAmB,GAAG;IACpB,IAAI,CAAC,KAAKC,UAAN,IAAoB,KAAKC,mBAAL,IAA4B,IAApD,EAA0D;MACxD;IACD;;IAED,IAAMC,YAAkC,GAAG,KAAKC,QAAL,CAAc,KAAKH,UAAnB,CAA3C;;IACA,IAAMI,iBAAiB,GACrB,CAACC,IAAI,CAACC,GAAL,KAAa,KAAKL,mBAAnB,IAA0C,KAAKM,uBADjD;;IAEA,IAAMC,kBAAwC,GAAG,EAAjD;;IAEA,IAAIJ,iBAAiB,IAAI,CAAzB,EAA4B;MAC1B,KAAKX,QAAL,CAAcgB,IAAd;;MACA;IACD;;IAEDP,YAAY,CAACQ,OAAb,GAAuB,CAAvB;IAEA,IAAMC,IAAI,GAAGC,MAAM,CAACD,IAAP,CAAY,KAAKE,eAAjB,CAAb;;IAIA,KAAK,IAAIC,WAAT,IAAwBH,IAAxB,EAA8B;MAAA;;MAC5BH,kBAAkB,CAACM,WAAD,CAAlB,GACE,0BAAC,KAAKD,eAAL,CAAqBC,WAArB,CAAD,yEAAsC,CAAtC,IACA,CAAC,0BAACZ,YAAY,CAACY,WAAD,CAAb,yEAA8B,CAA9B,+BACE,KAAKD,eAAL,CAAqBC,WAArB,CADF,2EACuC,CADvC,CAAD,IAEEV,iBAJJ;IAKD;;IAED,KAAKX,QAAL,CAAcsB,GAAd,CAAkBP,kBAAlB;;IACArB,SAAS,CAAC,KAAKY,mBAAL,CAAyBiB,IAAzB,CAA8B,IAA9B,CAAD,CAAT;EACD;;EAEDb,QAAQ,CAACc,OAAD,EAA+B;IACrC,IAAMC,MAAM,GAAGD,OAAO,CAACC,MAAR,EAAf;IAEA,OAAO;MACLC,IAAI,EAAED,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEC,IADT;MAELC,GAAG,EAAEF,MAAF,aAAEA,MAAF,uBAAEA,MAAM,CAAEE,GAFR;MAGLC,KAAK,EAAEJ,OAAO,CAACK,UAAR,EAHF;MAILC,MAAM,EAAEN,OAAO,CAACO,WAAR;IAJH,CAAP;EAMD;;AA1EsC"}

package/dist/controls/index.d.ts

@@ -0,0 +1,11 @@
+export { default as BrowserPopout } from './BrowserPopout';
+export { default as DragProxy } from './DragProxy';
+export { default as DragSource } from './DragSource';
+export { default as DragSourceFromEvent } from './DragSourceFromEvent';
+export { default as DropTargetIndicator } from './DropTargetIndicator';
+export { default as Header } from './Header';
+export { default as HeaderButton } from './HeaderButton';
+export { default as Splitter } from './Splitter';
+export { default as Tab } from './Tab';
+export { default as TransitionIndicator } from './TransitionIndicator';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}