@datagrok-libraries/dock-spawn-dg 0.0.2 → 0.1.0

package/src/Point.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Point.d.ts","sourceRoot":"","sources":["Point.ts"],"names":[],"mappings":"AAAA,qBAAa,KAAK;IAEd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;gBAEE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;CAInC"}

package/{lib → src}/Point.js

@@ -1,6 +1,4 @@
 export class Point {
-    x;
-    y;
     constructor(x, y) {
         this.x = x;
         this.y = y;

package/{lib → src}/ResizableContainer.d.ts

@@ -1,11 +1,11 @@
-import { Dialog } from "./Dialog.js";
-import { ResizeHandle } from "./ResizeHandle.js";
-import { DockManager } from "./DockManager.js";
-import { IDockContainer } from "./interfaces/IDockContainer.js";
-import { ContainerType } from "./ContainerType.js";
-import { Point } from "./Point.js";
-import { IThickness } from "./interfaces/IThickness.js";
-import { IState } from "./interfaces/IState.js";
+import { Dialog } from "./Dialog";
+import { ResizeHandle } from "./ResizeHandle";
+import { DockManager } from "./DockManager";
+import { IDockContainer } from "./interfaces/IDockContainer";
+import { ContainerType } from "./ContainerType";
+import { Point } from "./Point";
+import { IThickness } from "./interfaces/IThickness";
+import { IState } from "./interfaces/IState";
 /**
  * Decorates a dock container with resizer handles around its base element
  * This enables the container to be resized from all directions

package/src/ResizableContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableContainer.d.ts","sourceRoot":"","sources":["ResizableContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C;;;GAGG;AACH,qBAAa,kBAAmB,YAAW,cAAc;IAErD,eAAe,EAAE,WAAW,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,cAAc,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,WAAW,CAAC;IAC9B,aAAa,EAAE,aAAa,CAAC;IAC7B,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,EAAE,OAAO,CAAC;IAClC,qBAAqB,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC;IACvC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,qBAAqB,EAAE,KAAK,CAAC;IAC7B,OAAO,CAAC,mBAAmB,CAAiB;IAC5C,OAAO,CAAC,aAAa,CAAU;gBAEnB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,GAAE,OAAe;IAiBlH,cAAc;IAGd,mBAAmB;IAenB,kBAAkB,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO;IA8B/E,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,IAAI,WAEP;IACD,IAAI,IAAI,CAAC,KAAK,QAAA,EAGb;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAMpC,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAMlD,aAAa,CAAC,QAAQ,KAAA;IAItB,OAAO;IAKP,eAAe;IAGf,kBAAkB,CAAC,MAAM,KAAA,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,iBAAiB;IAKnE,YAAY,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,GAAG,UAAU,EAAE,YAAY,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IA8B1G,WAAW,CAAC,MAAM,KAAA,EAAE,KAAK,EAAE,UAAU,GAAG,UAAU;IAmDlD,SAAS,CAAC,MAAM,KAAA;IAiBhB,YAAY,CAAC,MAAM,KAAA,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;IAa3C,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAI1C,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAI1C,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAI3C,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;IAI3C,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;CAgBpH"}

package/{lib → src}/ResizableContainer.js

@@ -1,25 +1,12 @@
-import { ResizeHandle } from "./ResizeHandle.js";
-import { EventHandler } from "./EventHandler.js";
-import { Point } from "./Point.js";
-import { Utils } from "./Utils.js";
+import { ResizeHandle } from "./ResizeHandle";
+import { EventHandler } from "./EventHandler";
+import { Point } from "./Point";
+import { Utils } from "./Utils";
 /**
  * Decorates a dock container with resizer handles around its base element
  * This enables the container to be resized from all directions
  */
 export class ResizableContainer {
-    topLevelElement;
-    dialog;
-    delegate;
-    dockManager;
-    containerElement;
-    containerType;
-    minimumAllowedChildNodes;
-    readyToProcessNextResize;
-    dockSpawnResizedEvent;
-    resizeHandles;
-    previousMousePosition;
-    iframeEventHandlers;
-    disableResize;
     constructor(dialog, delegate, topLevelElement, disableResize = false) {
         this.dialog = dialog;
         this.disableResize = disableResize;

package/src/ResizableContainer.ts

@@ -1,13 +1,13 @@
-import { Dialog } from "./Dialog.js";
-import { ResizeHandle } from "./ResizeHandle.js";
-import { EventHandler } from "./EventHandler.js";
-import { DockManager } from "./DockManager.js";
-import { IDockContainer } from "./interfaces/IDockContainer.js";
-import { ContainerType } from "./ContainerType.js";
-import { Point } from "./Point.js";
-import { Utils } from "./Utils.js";
-import { IThickness } from "./interfaces/IThickness.js";
-import { IState } from "./interfaces/IState.js";
+import { Dialog } from "./Dialog";
+import { ResizeHandle } from "./ResizeHandle";
+import { EventHandler } from "./EventHandler";
+import { DockManager } from "./DockManager";
+import { IDockContainer } from "./interfaces/IDockContainer";
+import { ContainerType } from "./ContainerType";
+import { Point } from "./Point";
+import { Utils } from "./Utils";
+import { IThickness } from "./interfaces/IThickness";
+import { IState } from "./interfaces/IState";
 
 /**
  * Decorates a dock container with resizer handles around its base element
@@ -290,4 +290,4 @@ export class ResizableContainer implements IDockContainer {
 
         this.resize(bounds.width, bounds.height);
     }
-}
+}

package/{lib → src}/ResizeHandle.d.ts

@@ -1,4 +1,4 @@
-import { EventHandler } from "./EventHandler.js";
+import { EventHandler } from "./EventHandler";
 export declare class ResizeHandle {
     element: HTMLElement;
     handleSize: number;

package/src/ResizeHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandle.d.ts","sourceRoot":"","sources":["ResizeHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,qBAAa,YAAY;IAErB,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,YAAY,CAAC;IAC/B,gBAAgB,EAAE,YAAY,CAAC;;IAa/B,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;CAgCvD"}

package/{lib → src}/ResizeHandle.js

@@ -1,14 +1,4 @@
 export class ResizeHandle {
-    element;
-    handleSize;
-    cornerSize;
-    east;
-    west;
-    north;
-    south;
-    corner;
-    mouseDownHandler;
-    touchDownHandler;
     constructor() {
         this.element = undefined;
         this.handleSize = 6; // TODO: Get this from DOM

package/src/ResizeHandle.ts

@@ -1,4 +1,4 @@
-import { EventHandler } from "./EventHandler.js";
+import { EventHandler } from "./EventHandler";
 
 export class ResizeHandle {
 
@@ -56,4 +56,4 @@ export class ResizeHandle {
             }
         }
     }
-}
+}

package/{lib → src}/SplitterBar.d.ts

@@ -1,6 +1,6 @@
-import { IDockContainer } from "./interfaces/IDockContainer.js";
-import { EventHandler } from "./EventHandler.js";
-import { IMouseOrTouchEvent } from "./interfaces/IMouseOrTouchEvent.js";
+import { IDockContainer } from "./interfaces/IDockContainer";
+import { EventHandler } from "./EventHandler";
+import { IMouseOrTouchEvent } from "./interfaces/IMouseOrTouchEvent";
 export declare class SplitterBar {
     previousContainer: IDockContainer;
     nextContainer: IDockContainer;

package/src/SplitterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterBar.d.ts","sourceRoot":"","sources":["SplitterBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErE,qBAAa,WAAW;IACpB,iBAAiB,EAAE,cAAc,CAAC;IAClC,aAAa,EAAE,cAAc,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,kBAAkB,EAAE,YAAY,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,OAAO,CAAC;IAChC,qBAAqB,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC;IACvC,kBAAkB,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,mBAAmB,EAAE,YAAY,CAAC;IAClC,gBAAgB,EAAE,YAAY,CAAC;IAE/B,OAAO,CAAC,mBAAmB,CAAiB;gBAEhC,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,OAAO;IAetG,aAAa,CAAC,CAAC,EAAE,YAAY;IAK7B,WAAW,CAAC,CAAC,EAAE,YAAY;IAK3B,oBAAoB,CAAC,CAAC,EAAE,kBAAkB,EAAE,MAAM,EAAE,iBAAiB;IAQrE,cAAc,CAAC,CAAC,EAAE,kBAAkB;IAOpC,eAAe,CAAC,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IAiB7C,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;IAwCnC,cAAc,CAAC,CAAC,EAAE,kBAAkB;IAwBpC,aAAa;CAehB"}

package/{lib → src}/SplitterBar.js

@@ -1,18 +1,6 @@
-import { EventHandler } from "./EventHandler.js";
-import { Utils } from "./Utils.js";
+import { EventHandler } from "./EventHandler";
+import { Utils } from "./Utils";
 export class SplitterBar {
-    previousContainer;
-    nextContainer;
-    stackedVertical;
-    barElement;
-    pointerDownHandler;
-    minPanelSize;
-    readyToProcessNextDrag;
-    dockSpawnResizedEvent;
-    previousMouseEvent;
-    pointerMovedHandler;
-    pointerUpHandler;
-    iframeEventHandlers;
     constructor(previousContainer, nextContainer, stackedVertical) {
         // The panel to the left/top side of the bar, depending on the bar orientation
         this.previousContainer = previousContainer;

package/src/SplitterBar.ts

@@ -1,7 +1,7 @@
-import { IDockContainer } from "./interfaces/IDockContainer.js";
-import { EventHandler } from "./EventHandler.js";
-import { Utils } from "./Utils.js";
-import { IMouseOrTouchEvent } from "./interfaces/IMouseOrTouchEvent.js";
+import { IDockContainer } from "./interfaces/IDockContainer";
+import { EventHandler } from "./EventHandler";
+import { Utils } from "./Utils";
+import { IMouseOrTouchEvent } from "./interfaces/IMouseOrTouchEvent";
 
 export class SplitterBar {
     previousContainer: IDockContainer;
@@ -154,4 +154,4 @@ export class SplitterBar {
         }
         this.iframeEventHandlers = [];
     }
-}
+}

package/{lib → src}/SplitterDockContainer.d.ts

@@ -1,10 +1,10 @@
-import { DockManager } from "./DockManager.js";
-import { SplitterPanel } from "./SplitterPanel.js";
-import { IDockContainer } from "./interfaces/IDockContainer.js";
-import { ContainerType } from "./ContainerType.js";
-import { ISize } from "./interfaces/ISize.js";
-import { IDockContainerWithSize } from "./interfaces/IDockContainerWithSize.js";
-import { IState } from "./interfaces/IState.js";
+import { DockManager } from "./DockManager";
+import { SplitterPanel } from "./SplitterPanel";
+import { IDockContainer } from "./interfaces/IDockContainer";
+import { ContainerType } from "./ContainerType";
+import { ISize } from "./interfaces/ISize";
+import { IDockContainerWithSize } from "./interfaces/IDockContainerWithSize";
+import { IState } from "./interfaces/IState";
 export declare abstract class SplitterDockContainer implements IDockContainerWithSize {
     name: string;
     dockManager: DockManager;

package/src/SplitterDockContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterDockContainer.d.ts","sourceRoot":"","sources":["SplitterDockContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,8BAAsB,qBAAsB,YAAW,sBAAsB;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,cAAc,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,aAAa,CAAC;gBAEjB,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,eAAe,EAAE,OAAO;IAc/G,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAUpC,aAAa,CAAC,eAAe,EAAE,cAAc,EAAE,EAAE,mBAAmB,GAAE,OAAe;IAIrF,cAAc;IAGd,OAAO;IAIP;;;OAGG;IACH,iBAAiB,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM;IAK1D,SAAS,IAAI,MAAM,EAAE;IAIrB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE;IAK1B,SAAS,CAAC,KAAK,EAAE,MAAM;IAKvB,SAAS,CAAC,KAAK,EAAE,MAAM;IAKvB,IAAI,KAAK,IAAI,MAAM,CAIlB;IAED,IAAI,MAAM,IAAI,MAAM,CAInB;CACJ"}

package/{lib → src}/SplitterDockContainer.js

@@ -1,15 +1,5 @@
-import { SplitterPanel } from "./SplitterPanel.js";
+import { SplitterPanel } from "./SplitterPanel";
 export class SplitterDockContainer {
-    name;
-    dockManager;
-    minimumAllowedChildNodes;
-    splitterPanel;
-    stackedVertical;
-    containerElement;
-    _cachedWidth;
-    _cachedHeight;
-    state;
-    containerType;
     constructor(name, dockManager, childContainers, stackedVertical) {
         // for prototype inheritance purposes only
         if (arguments.length === 0) {

package/src/SplitterDockContainer.ts

@@ -1,10 +1,10 @@
-import { DockManager } from "./DockManager.js";
-import { SplitterPanel } from "./SplitterPanel.js";
-import { IDockContainer } from "./interfaces/IDockContainer.js";
-import { ContainerType } from "./ContainerType.js";
-import { ISize } from "./interfaces/ISize.js";
-import { IDockContainerWithSize } from "./interfaces/IDockContainerWithSize.js";
-import { IState } from "./interfaces/IState.js";
+import { DockManager } from "./DockManager";
+import { SplitterPanel } from "./SplitterPanel";
+import { IDockContainer } from "./interfaces/IDockContainer";
+import { ContainerType } from "./ContainerType";
+import { ISize } from "./interfaces/ISize";
+import { IDockContainerWithSize } from "./interfaces/IDockContainerWithSize";
+import { IState } from "./interfaces/IState";
 
 export abstract class SplitterDockContainer implements IDockContainerWithSize {
     name: string;
@@ -92,4 +92,4 @@ export abstract class SplitterDockContainer implements IDockContainerWithSize {
             this._cachedHeight = this.splitterPanel.panelElement.clientHeight;
         return this._cachedHeight;
     }
-}
+}

package/{lib → src}/SplitterPanel.d.ts

@@ -1,5 +1,5 @@
-import { SplitterBar } from "./SplitterBar.js";
-import { IDockContainer } from "./interfaces/IDockContainer.js";
+import { SplitterBar } from "./SplitterBar";
+import { IDockContainer } from "./interfaces/IDockContainer";
 /**
  * A splitter panel manages the child containers inside it with splitter bars.
  * It can be stacked horizontally or vertically

package/src/SplitterPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterPanel.d.ts","sourceRoot":"","sources":["SplitterPanel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D;;;GAGG;AACH,qBAAa,aAAa;IACtB,YAAY,EAAE,cAAc,CAAC;IAC7B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,cAAc,EAAE,CAAC;gBAEtB,eAAe,EAAE,cAAc,EAAE,EAAE,eAAe,EAAE,OAAO;IAQvE,+BAA+B;IAuB/B,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,mBAAmB,EAAE,OAAO;IAqBtE,aAAa;IAWb,OAAO;IAKP,yBAAyB,CAAC,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW;IAsB9E;;;OAGG;IACH,iBAAiB,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM;IAwB1D,SAAS,IAAI,MAAM,EAAE;IAYrB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE;IAa1B,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAsEvC"}

package/{lib → src}/SplitterPanel.js

@@ -1,14 +1,10 @@
-import { SplitterBar } from "./SplitterBar.js";
-import { Utils } from "./Utils.js";
+import { SplitterBar } from "./SplitterBar";
+import { Utils } from "./Utils";
 /**
  * A splitter panel manages the child containers inside it with splitter bars.
  * It can be stacked horizontally or vertically
  */
 export class SplitterPanel {
-    panelElement;
-    spiltterBars;
-    stackedVertical;
-    childContainers;
     constructor(childContainers, stackedVertical) {
         this.childContainers = childContainers;
         this.stackedVertical = stackedVertical;

package/src/SplitterPanel.ts

@@ -1,6 +1,6 @@
-import { SplitterBar } from "./SplitterBar.js";
-import { Utils } from "./Utils.js";
-import { IDockContainer } from "./interfaces/IDockContainer.js";
+import { SplitterBar } from "./SplitterBar";
+import { Utils } from "./Utils";
+import { IDockContainer } from "./interfaces/IDockContainer";
 
 /**
  * A splitter panel manages the child containers inside it with splitter bars.
@@ -225,4 +225,4 @@ export class SplitterPanel {
                 child.resize(newSize, child.height);
         }
     }
-}
+}

package/{lib → src}/TabHandle.d.ts

@@ -1,7 +1,7 @@
-import { TabPage } from './TabPage.js';
-import { UndockInitiator } from './UndockInitiator.js';
-import { EventHandler } from './EventHandler.js';
-import { DockNode } from './DockNode.js';
+import { TabPage } from "./TabPage";
+import { UndockInitiator } from "./UndockInitiator";
+import { EventHandler } from "./EventHandler";
+import { DockNode } from "./DockNode";
 /**
  * A tab handle represents the tab button on the tab strip
  */
@@ -48,7 +48,7 @@ export declare class TabHandle {
     hideCloseButton(state: any): void;
     updateTitle(): void;
     destroy(): void;
-    _performUndock(e: any, dragOffset: any): import("./Dialog.js").Dialog;
+    _performUndock(e: any, dragOffset: any): import("./Dialog").Dialog;
     onCloseButtonClicked(e: any): void;
     setSelected(isSelected: boolean): void;
     setActive(isActive: boolean): void;

package/src/TabHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabHandle.d.ts","sourceRoot":"","sources":["TabHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC;;GAEG;AACH,qBAAa,SAAS;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,cAAc,CAAC;IAC5B,WAAW,EAAE,cAAc,CAAC;IAC5B,kBAAkB,EAAE,cAAc,CAAC;IACnC,eAAe,EAAE,eAAe,CAAC;IACjC,gBAAgB,EAAE,YAAY,CAAC;IAC/B,gBAAgB,EAAE,YAAY,CAAC;IAC/B,kBAAkB,EAAE,YAAY,CAAC;IACjC,uBAAuB,EAAE,YAAY,CAAC;IACtC,eAAe,EAAE,YAAY,CAAC;IAC9B,kBAAkB,EAAE,YAAY,CAAC;IACjC,gBAAgB,EAAE,YAAY,CAAC;IAC/B,gBAAgB,EAAE,YAAY,CAAC;IAC/B,cAAc,EAAE,YAAY,CAAC;IAC7B,cAAc,EAAE,YAAY,CAAC;IAC7B,iBAAiB,EAAE,GAAG,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,GAAG,EAAE,CAAC;IACtB,cAAc,EAAE;QAAE,aAAa,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;KAAE,CAAC;IAE1F,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,cAAc,CAAC;IACzB,6BAA6B,EAAE,GAAG,CAAC;gBAEvB,MAAM,EAAE,OAAO;IA+C3B,WAAW,CAAC,QAAQ,KAAA;IAIpB,cAAc,CAAC,QAAQ,KAAA;IAIvB,aAAa,CAAC,KAAK,EAAE,OAAO;IAI5B,MAAM,CAAC,gCAAgC,GAAI,WAAW,SAAS,EAAE,qBAAqB,QAAQ,EAAE,KAAG,IAAI,EAAE,CA2CxG;IAED,oBAAoB,CAAC,CAAC,EAAE,UAAU;IAyBlC,gBAAgB;IAQhB,uBAAuB,CAAC,CAAC,EAAE,KAAK;IAUhC,WAAW,CAAC,CAAC,KAAA;IA4Bb,SAAS,CAAC,CAAC,KAAA;IAmBX,YAAY,CAAC,IAAI,KAAA,EAAE,KAAK,KAAA;IAQxB,WAAW,CAAC,CAAC,KAAA;IAoBb,eAAe,CAAC,KAAK,KAAA;IAIrB,WAAW;IAQX,OAAO;IAqCP,cAAc,CAAC,CAAC,KAAA,EAAE,UAAU,KAAA;IAU5B,oBAAoB,CAAC,CAAC,KAAA;IAYtB,WAAW,CAAC,UAAU,EAAE,OAAO;IAS/B,SAAS,CAAC,QAAQ,EAAE,OAAO;CAQ9B"}

package/{lib → src}/TabHandle.js

@@ -1,40 +1,16 @@
-import { PanelContainer } from './PanelContainer.js';
-import { UndockInitiator } from './UndockInitiator.js';
-import { EventHandler } from './EventHandler.js';
-import { Utils } from './Utils.js';
-import { PanelType } from './enums/PanelType.js';
-import { Localizer } from './i18n/Localizer.js';
+import { PanelContainer } from "./PanelContainer";
+import { UndockInitiator } from "./UndockInitiator";
+import { EventHandler } from "./EventHandler";
+import { Utils } from "./Utils";
+import { PanelType } from "./enums/PanelType";
+import { Localizer } from "./i18n/Localizer";
 /**
  * A tab handle represents the tab button on the tab strip
  */
 export class TabHandle {
-    parent;
-    elementBase;
-    elementText;
-    elementCloseButton;
-    undockInitiator;
-    mouseDownHandler;
-    touchDownHandler;
-    closeButtonHandler;
-    closeButtonTouchHandler;
-    auxClickHandler;
-    contextMenuHandler;
-    mouseMoveHandler;
-    touchMoveHandler;
-    mouseUpHandler;
-    touchUpHandler;
-    stargDragPosition;
-    dragged;
-    eventListeners;
-    undockListener;
-    prev;
-    current;
-    direction;
-    _ctxMenu;
-    _windowsContextMenuCloseBound;
     constructor(parent) {
         this.parent = parent;
-        const undockHandler = this._performUndock.bind(this);
+        let undockHandler = this._performUndock.bind(this);
         this.elementBase = document.createElement('div');
         this.elementText = document.createElement('div');
         this.elementCloseButton = document.createElement('div');
@@ -48,11 +24,11 @@ export class TabHandle {
         if (this.parent.container._hideCloseButton || this.parent.container._grayOut)
             this.elementCloseButton.style.display = 'none';
         this.parent.host.tabListElement.appendChild(this.elementBase);
-        const panel = parent.container;
-        const title = panel.getRawTitle();
+        let panel = parent.container;
+        let title = panel.getRawTitle();
         this.undockListener = {
             onDockEnabled: (e) => { this.undockEnabled(e.state); },
-            onHideCloseButton: (e) => { this.hideCloseButton(e.state); },
+            onHideCloseButton: (e) => { this.hideCloseButton(e.state); }
         };
         this.eventListeners = [];
         panel.addListener(this.undockListener);
@@ -66,8 +42,9 @@ export class TabHandle {
         this.closeButtonHandler = new EventHandler(this.elementCloseButton, 'click', this.onCloseButtonClicked.bind(this));
         this.closeButtonTouchHandler = new EventHandler(this.elementCloseButton, 'touchstart', this.onCloseButtonClicked.bind(this));
         this.auxClickHandler = new EventHandler(this.elementBase, 'auxclick', this.onCloseButtonClicked.bind(this));
-        if (panel.panelType == PanelType.document)
+        if (panel.panelType == PanelType.document) {
             this.contextMenuHandler = new EventHandler(this.elementBase, 'contextmenu', this.oncontextMenuClicked.bind(this));
+        }
         this.windowsContextMenuClose = this.windowsContextMenuClose.bind(this);
         //this.zIndexCounter = parent.host.dockManager.zIndexTabHandle;
     }
@@ -80,59 +57,24 @@ export class TabHandle {
     undockEnabled(state) {
         this.undockInitiator.enabled = state;
     }
-    static createContextMenuContentCallback = (tabHandle, documentMangerNodes) => {
-        const result = [];
-        const btnCloseAll = document.createElement('div');
-        btnCloseAll.innerText = Localizer.getString('CloseAll');
-        result.push(btnCloseAll);
-        btnCloseAll.onclick = () => {
-            const length = documentMangerNodes.length;
-            for (let i = length - 1; i >= 0; i--) {
-                const panel = documentMangerNodes[i].container;
-                if (panel.panelType == PanelType.document)
-                    panel.close();
-            }
-            tabHandle.closeContextMenu();
-        };
-        const btnCloseAllButThis = document.createElement('div');
-        btnCloseAllButThis.innerText = Localizer.getString('CloseAllButThis');
-        result.push(btnCloseAllButThis);
-        btnCloseAllButThis.onclick = () => {
-            const length = documentMangerNodes.length;
-            for (let i = length - 1; i >= 0; i--) {
-                const panel = documentMangerNodes[i].container;
-                if (tabHandle.parent.container != panel && panel.panelType == PanelType.document)
-                    panel.close();
-            }
-            tabHandle.closeContextMenu();
-        };
-        if (tabHandle.parent.container.dockManager.config.enableBrowserWindows) {
-            const btnNewBrowserWindow = document.createElement('div');
-            btnNewBrowserWindow.innerText = Localizer.getString('NewBrowserWindow');
-            result.push(btnNewBrowserWindow);
-            btnNewBrowserWindow.onclick = () => {
-                tabHandle.parent.container.undockToBrowserDialog();
-                tabHandle.closeContextMenu();
-            };
-        }
-        return result;
-    };
     oncontextMenuClicked(e) {
         e.preventDefault();
         if (!this._ctxMenu && TabHandle.createContextMenuContentCallback) {
             const menuItems = TabHandle.createContextMenuContentCallback(this, this.parent.container.dockManager.context.model.documentManagerNode.children);
-            if (menuItems.length == 0)
+            if (menuItems.length == 0) {
                 return;
+            }
             this._ctxMenu = document.createElement('div');
             this._ctxMenu.className = 'dockspab-tab-handle-context-menu';
             this._ctxMenu.append(...menuItems);
-            this._ctxMenu.style.left = e.pageX + 'px';
-            this._ctxMenu.style.top = e.pageY + 'px';
+            this._ctxMenu.style.left = e.pageX + "px";
+            this._ctxMenu.style.top = e.pageY + "px";
             document.body.appendChild(this._ctxMenu);
             window.addEventListener('mouseup', this.windowsContextMenuClose);
         }
-        else
+        else {
             this.closeContextMenu();
+        }
     }
     closeContextMenu() {
         if (this._ctxMenu) {
@@ -142,9 +84,9 @@ export class TabHandle {
         }
     }
     windowsContextMenuClose(e) {
-        const cp = e.composedPath();
-        for (const i in cp) {
-            const el = cp[i];
+        let cp = e.composedPath();
+        for (let i in cp) {
+            let el = cp[i];
             if (el == this._ctxMenu)
                 return;
         }
@@ -176,8 +118,9 @@ export class TabHandle {
         this.touchUpHandler = new EventHandler(window, 'touchend', this.onMouseUp.bind(this));
     }
     onMouseUp(e) {
-        if (this.elementBase)
+        if (this.elementBase) {
             this.elementBase.classList.remove('dockspan-tab-handle-dragged');
+        }
         this.dragged = false;
         if (this.mouseMoveHandler)
             this.mouseMoveHandler.cancel();
@@ -194,8 +137,9 @@ export class TabHandle {
     }
     moveTabEvent(that, state) {
         that.eventListeners.forEach((listener) => {
-            if (listener.onMoveTab)
+            if (listener.onMoveTab) {
                 listener.onMoveTab({ self: that, state: state });
+            }
         });
     }
     onMouseMove(e) {
@@ -208,10 +152,10 @@ export class TabHandle {
             this.prev = this.current;
             this.current = e.clientX;
             this.direction = this.current - this.prev;
-            const tabRect = this.elementBase.getBoundingClientRect();
-            const event = this.direction < 0 ?
-                { state: 'left', bound: tabRect.left, rect: tabRect } :
-                { state: 'right', bound: tabRect.right, rect: tabRect };
+            let tabRect = this.elementBase.getBoundingClientRect();
+            let event = this.direction < 0
+                ? { state: 'left', bound: tabRect.left, rect: tabRect }
+                : { state: 'right', bound: tabRect.right, rect: tabRect };
             if ((e.clientX < tabRect.left && this.direction < 0) || (e.clientX > tabRect.left + tabRect.width && this.direction > 0))
                 this.moveTabEvent(this, event.state);
         }
@@ -221,29 +165,34 @@ export class TabHandle {
     }
     updateTitle() {
         if (this.parent.container instanceof PanelContainer) {
-            const panel = this.parent.container;
-            const title = panel.getRawTitle();
+            let panel = this.parent.container;
+            let title = panel.getRawTitle();
             this.elementText.innerHTML = title;
         }
     }
     destroy() {
-        const panel = this.parent.container;
+        let panel = this.parent.container;
         panel.removeListener(this.undockListener);
         this.mouseDownHandler.cancel();
         this.touchDownHandler.cancel();
         this.closeButtonHandler.cancel();
         this.closeButtonTouchHandler.cancel();
         this.auxClickHandler.cancel();
-        if (this.mouseMoveHandler)
+        if (this.mouseMoveHandler) {
             this.mouseMoveHandler.cancel();
-        if (this.touchMoveHandler)
+        }
+        if (this.touchMoveHandler) {
             this.touchMoveHandler.cancel();
-        if (this.mouseUpHandler)
+        }
+        if (this.mouseUpHandler) {
             this.mouseUpHandler.cancel();
-        if (this.touchUpHandler)
+        }
+        if (this.touchUpHandler) {
             this.touchUpHandler.cancel();
-        if (this.contextMenuHandler)
+        }
+        if (this.contextMenuHandler) {
             this.contextMenuHandler.cancel();
+        }
         if (this.elementBase) {
             Utils.removeNode(this.elementBase);
             delete this.elementBase;
@@ -256,7 +205,7 @@ export class TabHandle {
     _performUndock(e, dragOffset) {
         if (this.parent.container.containerType === 'panel') {
             this.undockInitiator.enabled = false;
-            const panel = this.parent.container;
+            let panel = this.parent.container;
             return panel.performUndockToDialog(e, dragOffset);
         }
         else
@@ -267,7 +216,7 @@ export class TabHandle {
             if (e.button !== 2) {
                 // If the page contains a panel element, undock it and destroy it
                 if (this.parent.container.containerType === 'panel') {
-                    const panel = this.parent.container;
+                    let panel = this.parent.container;
                     panel.close();
                 }
             }
@@ -290,3 +239,40 @@ export class TabHandle {
         }
     }
 }
+TabHandle.createContextMenuContentCallback = (tabHandle, documentMangerNodes) => {
+    const result = [];
+    let btnCloseAll = document.createElement('div');
+    btnCloseAll.innerText = Localizer.getString('CloseAll');
+    result.push(btnCloseAll);
+    btnCloseAll.onclick = () => {
+        let length = documentMangerNodes.length;
+        for (let i = length - 1; i >= 0; i--) {
+            let panel = documentMangerNodes[i].container;
+            if (panel.panelType == PanelType.document)
+                panel.close();
+        }
+        tabHandle.closeContextMenu();
+    };
+    let btnCloseAllButThis = document.createElement('div');
+    btnCloseAllButThis.innerText = Localizer.getString('CloseAllButThis');
+    result.push(btnCloseAllButThis);
+    btnCloseAllButThis.onclick = () => {
+        let length = documentMangerNodes.length;
+        for (let i = length - 1; i >= 0; i--) {
+            let panel = documentMangerNodes[i].container;
+            if (tabHandle.parent.container != panel && panel.panelType == PanelType.document)
+                panel.close();
+        }
+        tabHandle.closeContextMenu();
+    };
+    if (tabHandle.parent.container.dockManager.config.enableBrowserWindows) {
+        let btnNewBrowserWindow = document.createElement('div');
+        btnNewBrowserWindow.innerText = Localizer.getString('NewBrowserWindow');
+        result.push(btnNewBrowserWindow);
+        btnNewBrowserWindow.onclick = () => {
+            tabHandle.parent.container.undockToBrowserDialog();
+            tabHandle.closeContextMenu();
+        };
+    }
+    return result;
+};