@datagrok-libraries/dock-spawn-dg 0.0.1

package/lib/enums/TabHostDirection.js

@@ -0,0 +1,7 @@
+export var TabHostDirection;
+(function (TabHostDirection) {
+    TabHostDirection[TabHostDirection["TOP"] = 0] = "TOP";
+    TabHostDirection[TabHostDirection["BOTTOM"] = 1] = "BOTTOM";
+    TabHostDirection[TabHostDirection["LEFT"] = 2] = "LEFT";
+    TabHostDirection[TabHostDirection["RIGHT"] = 3] = "RIGHT";
+})(TabHostDirection || (TabHostDirection = {}));

package/lib/enums/WheelTypes.d.ts

@@ -0,0 +1,12 @@
+export declare enum WheelTypes {
+    'left' = "left",
+    'right' = "right",
+    'top' = "top",
+    'down' = "down",
+    'fill' = "fill",
+    'left-s' = "left-s",
+    'right-s' = "right-s",
+    'top-s' = "top-s",
+    'down-s' = "down-s"
+}
+//# sourceMappingURL=WheelTypes.d.ts.map

package/lib/enums/WheelTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WheelTypes.d.ts","sourceRoot":"","sources":["../../src/enums/WheelTypes.ts"],"names":[],"mappings":"AACA,oBAAY,UAAU;IAElB,MAAM,SAAS;IACf,OAAO,UAAU;IACjB,KAAK,QAAQ;IACb,MAAM,SAAS;IACf,MAAM,SAAS;IAEf,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,OAAO,UAAU;IACjB,QAAQ,WAAW;CACtB"}

package/lib/enums/WheelTypes.js

@@ -0,0 +1,14 @@
+export var WheelTypes;
+(function (WheelTypes) {
+    // Main dock wheel buttons
+    WheelTypes["left"] = "left";
+    WheelTypes["right"] = "right";
+    WheelTypes["top"] = "top";
+    WheelTypes["down"] = "down";
+    WheelTypes["fill"] = "fill";
+    // Buttons on the extreme 4 sides
+    WheelTypes["left-s"] = "left-s";
+    WheelTypes["right-s"] = "right-s";
+    WheelTypes["top-s"] = "top-s";
+    WheelTypes["down-s"] = "down-s";
+})(WheelTypes || (WheelTypes = {}));

package/lib/i18n/Defaults.d.ts

@@ -0,0 +1,12 @@
+export type TranslationKey = keyof typeof Defaults;
+export type GetLocalizerParameters<K extends TranslationKey> = K extends keyof LocalizerParameters ? LocalizerParameters[K] : [];
+export declare const Defaults: {
+    CloseDialog: string;
+    CloseAll: string;
+    CloseAllButThis: string;
+    DefaultPanelName: string;
+    NewBrowserWindow: string;
+};
+export interface LocalizerParameters {
+}
+//# sourceMappingURL=Defaults.d.ts.map

package/lib/i18n/Defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Defaults.d.ts","sourceRoot":"","sources":["../../src/i18n/Defaults.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,QAAQ,CAAC;AAEnD,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,SAAS,MAAM,mBAAmB,GAC5F,mBAAmB,CAAC,CAAC,CAAC,GACtB,EAAE,CAAC;AAET,eAAO,MAAM,QAAQ;;;;;;CAQpB,CAAC;AAEF,MAAM,WAAW,mBAAmB;CAGnC"}

package/lib/i18n/Defaults.js

@@ -0,0 +1,9 @@
+export const Defaults = {
+    'CloseDialog': 'Close dialog',
+    'CloseAll': 'Close all documents',
+    'CloseAllButThis': 'Close all documents but this',
+    'DefaultPanelName': 'Panel',
+    'NewBrowserWindow': 'Open in new window'
+    //Example of parameterized translation
+    // 'CloseWithName': 'Close tab {0}'
+};

package/lib/i18n/Localizer.d.ts

@@ -0,0 +1,7 @@
+import { GetLocalizerParameters, TranslationKey } from "./Defaults.js";
+export declare class Localizer {
+    static configure(getTemplateString: (key: TranslationKey) => string | null): void;
+    static getString<K extends TranslationKey>(key: K, ...params: GetLocalizerParameters<K>): string;
+    private static _getTemplateString?;
+}
+//# sourceMappingURL=Localizer.d.ts.map

package/lib/i18n/Localizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Localizer.d.ts","sourceRoot":"","sources":["../../src/i18n/Localizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,sBAAsB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AASjF,qBAAa,SAAS;WACJ,SAAS,CAAC,iBAAiB,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,MAAM,GAAG,IAAI,GAAG,IAAI;WAI1E,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,MAAM;IAOvG,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAyC;CAC9E"}

package/lib/i18n/Localizer.js

@@ -0,0 +1,16 @@
+import { Defaults } from "./Defaults.js";
+function formatString(template, ...params) {
+    return template.replace(/{(\d+)}/g, (_match, n) => {
+        const index = Number.parseInt(n);
+        return params[index].toString();
+    });
+}
+export class Localizer {
+    static configure(getTemplateString) {
+        Localizer._getTemplateString = getTemplateString;
+    }
+    static getString(key, ...params) {
+        return formatString(Localizer._getTemplateString?.(key) ?? Defaults[key], ...params);
+    }
+    static _getTemplateString;
+}

package/lib/index.d.ts

@@ -0,0 +1,33 @@
+export * from './ContainerType';
+export * from './Dialog';
+export * from './DockConfig';
+export * from './DockGraphSerializer';
+export * from './DockLayoutEngine';
+export * from './DockManager';
+export * from './DockManagerContext';
+export * from './DockModel';
+export * from './DockNode';
+export * from './DockWheel';
+export * from './DockWheelItem';
+export * from './DocumentManagerContainer';
+export * from './DocumentTabPage';
+export * from './DraggableContainer';
+export * from './EventHandler';
+export * from './FillDockContainer';
+export * from './HorizontalDockContainer';
+export * from './PanelContainer';
+export * from './Point';
+export * from './ResizableContainer';
+export * from './ResizeHandle';
+export * from './SplitterBar';
+export * from './SplitterDockContainer';
+export * from './SplitterPanel';
+export * from './TabHandle';
+export * from './TabHost';
+export * from './TabPage';
+export * from './UndockInitiator';
+export * from './Utils';
+export * from './VerticalDockContainer';
+export * from './i18n/Localizer';
+export * from './webcomponent/DockSpawnTsWebcomponent';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wCAAwC,CAAC"}

package/lib/index.js

@@ -0,0 +1,32 @@
+export * from './ContainerType';
+export * from './Dialog';
+export * from './DockConfig';
+export * from './DockGraphSerializer';
+export * from './DockLayoutEngine';
+export * from './DockManager';
+export * from './DockManagerContext';
+export * from './DockModel';
+export * from './DockNode';
+export * from './DockWheel';
+export * from './DockWheelItem';
+export * from './DocumentManagerContainer';
+export * from './DocumentTabPage';
+export * from './DraggableContainer';
+export * from './EventHandler';
+export * from './FillDockContainer';
+export * from './HorizontalDockContainer';
+export * from './PanelContainer';
+export * from './Point';
+export * from './ResizableContainer';
+export * from './ResizeHandle';
+export * from './SplitterBar';
+export * from './SplitterDockContainer';
+export * from './SplitterPanel';
+export * from './TabHandle';
+export * from './TabHost';
+export * from './TabPage';
+export * from './UndockInitiator';
+export * from './Utils';
+export * from './VerticalDockContainer';
+export * from './i18n/Localizer';
+export * from './webcomponent/DockSpawnTsWebcomponent';

package/lib/interfaces/IDockContainer.d.ts

@@ -0,0 +1,26 @@
+import { ContainerType } from "../ContainerType.js";
+import { DockManager } from "../DockManager.js";
+import { IState } from "./IState.js";
+import { TabPage } from '../TabPage.js';
+export interface IDockContainer {
+    readonly dockManager: DockManager;
+    resize(_width: number, _height: number): void;
+    performLayout(children: IDockContainer[], relayoutEvenIfEqual: boolean): void;
+    destroy(): void;
+    setActiveChild(child: IDockContainer): void;
+    saveState(state: IState): void;
+    loadState(state: IState): void;
+    readonly containerElement: HTMLElement;
+    containerType: ContainerType;
+    readonly width: number;
+    readonly height: number;
+    name: string;
+    tabPage?: TabPage;
+    /**
+     * Indicates the minimum allowed child nodes a composite dock panel can have
+     * If it's children fall below this value, the composite panel is destroyed
+     * and it's children are moved one level up
+     */
+    readonly minimumAllowedChildNodes: number;
+}
+//# sourceMappingURL=IDockContainer.d.ts.map

package/lib/interfaces/IDockContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDockContainer.d.ts","sourceRoot":"","sources":["../../src/interfaces/IDockContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,cAAc;IAC3B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9C,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,mBAAmB,EAAG,OAAO,GAAG,IAAI,CAAC;IAC/E,OAAO,IAAI,IAAI,CAAC;IAChB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,QAAQ,CAAC,wBAAwB,EAAE,MAAM,CAAC;CAC7C"}

package/lib/interfaces/IDockContainer.js

@@ -0,0 +1 @@
+export {};

package/lib/interfaces/IDockContainerWithSize.d.ts

@@ -0,0 +1,6 @@
+import { ISize } from "./ISize.js";
+import { IDockContainer } from "./IDockContainer.js";
+export interface IDockContainerWithSize extends IDockContainer {
+    state: ISize;
+}
+//# sourceMappingURL=IDockContainerWithSize.d.ts.map

package/lib/interfaces/IDockContainerWithSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDockContainerWithSize.d.ts","sourceRoot":"","sources":["../../src/interfaces/IDockContainerWithSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC1D,KAAK,EAAE,KAAK,CAAC;CAChB"}

package/lib/interfaces/IDockContainerWithSize.js

@@ -0,0 +1 @@
+export {};

package/lib/interfaces/ILayoutEventListener.d.ts

@@ -0,0 +1,27 @@
+import { DockManager } from "../DockManager.js";
+import { DockNode } from "../DockNode.js";
+import { Dialog } from "../Dialog.js";
+import { TabPage } from "../TabPage.js";
+import { IDockContainer } from "./IDockContainer.js";
+import { PanelContainer } from "../PanelContainer.js";
+export interface ILayoutEventListener {
+    onDock?(dockManager: DockManager, dockNode: DockNode): void;
+    onTabsReorder?(dockManager: DockManager, dockNode: DockNode): void;
+    onUndock?(dockManager: DockManager, dockNode: DockNode): void;
+    onClosePanel?(dockManager: DockManager, panel: PanelContainer): void;
+    onCreateDialog?(dockManager: DockManager, dialog: Dialog): void;
+    onHideDialog?(dockManager: DockManager, dialog: Dialog): void;
+    onShowDialog?(dockManager: DockManager, dialog: Dialog): void;
+    onChangeDialogPosition?(dockManager: DockManager, dialog: Dialog, x: number, y: number): void;
+    onContainerResized?(dockManager: DockManager, dockContainer: IDockContainer): void;
+    onTabChanged?(dockManager: DockManager, tabpage: TabPage): void;
+    onActivePanelChange?(dockManager: DockManager, panel?: PanelContainer, previousPanel?: PanelContainer): void;
+    onActiveDocumentChange?(dockManager: DockManager, panel?: PanelContainer, previousPanel?: PanelContainer): void;
+    /**
+    * The Dock Manager notifies the listeners of layout changes so client containers that have
+    * costly layout structures can detach and reattach themself to avoid reflow
+    */
+    onSuspendLayout?(dockManager: DockManager, panel: IDockContainer): void;
+    onResumeLayout?(dockManager: DockManager, panel: IDockContainer): void;
+}
+//# sourceMappingURL=ILayoutEventListener.d.ts.map

package/lib/interfaces/ILayoutEventListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ILayoutEventListener.d.ts","sourceRoot":"","sources":["../../src/interfaces/ILayoutEventListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,WAAW,oBAAoB;IACjC,MAAM,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5D,aAAa,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IACnE,QAAQ,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9D,YAAY,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACrE,cAAc,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChE,YAAY,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9D,YAAY,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9D,sBAAsB,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9F,kBAAkB,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,GAAG,IAAI,CAAC;IACnF,YAAY,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAChE,mBAAmB,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,cAAc,EAAE,aAAa,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7G,sBAAsB,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,cAAc,EAAE,aAAa,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAEhH;;;MAGE;IACF,eAAe,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IACxE,cAAc,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;CAC1E"}

package/lib/interfaces/ILayoutEventListener.js

@@ -0,0 +1 @@
+export {};

package/lib/interfaces/IMouseOrTouchEvent.d.ts

@@ -0,0 +1,7 @@
+export interface IMouseOrTouchEvent {
+    clientX: number;
+    clientY: number;
+    changedTouches?: IMouseOrTouchEvent[];
+    touches?: IMouseOrTouchEvent[];
+}
+//# sourceMappingURL=IMouseOrTouchEvent.d.ts.map

package/lib/interfaces/IMouseOrTouchEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMouseOrTouchEvent.d.ts","sourceRoot":"","sources":["../../src/interfaces/IMouseOrTouchEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAClC"}

package/lib/interfaces/IMouseOrTouchEvent.js

@@ -0,0 +1 @@
+export {};

package/lib/interfaces/INodeInfo.d.ts

@@ -0,0 +1,8 @@
+import { ContainerType } from "../ContainerType.js";
+import { IState } from "./IState.js";
+export interface INodeInfo {
+    containerType: ContainerType;
+    state: IState;
+    children: INodeInfo[];
+}
+//# sourceMappingURL=INodeInfo.d.ts.map

package/lib/interfaces/INodeInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"INodeInfo.d.ts","sourceRoot":"","sources":["../../src/interfaces/INodeInfo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,WAAW,SAAS;IACtB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,EAAE,CAAC;CACzB"}

package/lib/interfaces/INodeInfo.js

@@ -0,0 +1 @@
+export {};

package/lib/interfaces/IPanelInfo.d.ts

@@ -0,0 +1,10 @@
+import { ContainerType } from "../ContainerType.js";
+import { Point } from "../Point.js";
+import { IState } from "./IState.js";
+export interface IPanelInfo {
+    containerType: ContainerType;
+    state: IState;
+    position: Point;
+    isHidden: boolean;
+}
+//# sourceMappingURL=IPanelInfo.d.ts.map

package/lib/interfaces/IPanelInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPanelInfo.d.ts","sourceRoot":"","sources":["../../src/interfaces/IPanelInfo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,WAAW,UAAU;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CACrB"}

package/lib/interfaces/IPanelInfo.js

@@ -0,0 +1 @@
+export {};

package/lib/interfaces/IRectangle.d.ts

@@ -0,0 +1,7 @@
+export interface IRectangle {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+}
+//# sourceMappingURL=IRectangle.d.ts.map

package/lib/interfaces/IRectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IRectangle.d.ts","sourceRoot":"","sources":["../../src/interfaces/IRectangle.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/lib/interfaces/IRectangle.js

@@ -0,0 +1 @@
+export {};

package/lib/interfaces/ISize.d.ts

@@ -0,0 +1,5 @@
+export interface ISize {
+    width?: number;
+    height?: number;
+}
+//# sourceMappingURL=ISize.d.ts.map

package/lib/interfaces/ISize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISize.d.ts","sourceRoot":"","sources":["../../src/interfaces/ISize.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/lib/interfaces/ISize.js

@@ -0,0 +1 @@
+export {};

package/lib/interfaces/IState.d.ts

@@ -0,0 +1,12 @@
+import { PanelType } from "../enums/PanelType";
+export interface IState {
+    width?: number;
+    height?: number;
+    documentManager?: boolean;
+    element?: string;
+    canUndock?: boolean;
+    hideCloseButton?: boolean;
+    panelType?: PanelType;
+    panelIcon?: string;
+}
+//# sourceMappingURL=IState.d.ts.map

package/lib/interfaces/IState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IState.d.ts","sourceRoot":"","sources":["../../src/interfaces/IState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,WAAW,MAAM;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/lib/interfaces/IState.js

@@ -0,0 +1 @@
+export {};

package/lib/interfaces/IThickness.d.ts

@@ -0,0 +1,7 @@
+export interface IThickness {
+    left?: number;
+    top?: number;
+    width?: number;
+    height?: number;
+}
+//# sourceMappingURL=IThickness.d.ts.map

package/lib/interfaces/IThickness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IThickness.d.ts","sourceRoot":"","sources":["../../src/interfaces/IThickness.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/lib/interfaces/IThickness.js

@@ -0,0 +1 @@
+export {};

package/lib/webcomponent/DockSpawnTsWebcomponent.d.ts

@@ -0,0 +1,35 @@
+import { DockManager } from '../DockManager.js';
+import { PanelContainer } from '../PanelContainer.js';
+import { PanelType } from '../enums/PanelType.js';
+import { DockNode } from '../DockNode.js';
+export declare class DockSpawnTsWebcomponent extends HTMLElement {
+    dockManager: DockManager;
+    private slotId;
+    private windowResizedBound;
+    private slotElementMap;
+    private observer;
+    private resizeSub;
+    private initialized;
+    private initFinished;
+    private elementContainerMap;
+    constructor();
+    getLayout(): string;
+    useLayout(serializedState: string): Promise<void>;
+    private initDockspawn;
+    set activePanelTitle(panelTitle: string);
+    getElementInSlot(slot: HTMLSlotElement): HTMLElement;
+    private handleAddedChildNode;
+    private handleRemovedChildNode;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private windowResized;
+    resize(): void;
+    getDockNodeForElement(elementOrContainer: HTMLElement | PanelContainer): DockNode;
+    dockFill(element: HTMLElement, panelType?: PanelType, dockNode?: DockNode, title?: string, hideCloseButton?: boolean): void;
+    dockLeft(element: HTMLElement, panelType?: PanelType, dockNode?: DockNode, ratio?: number, title?: string, hideCloseButton?: boolean): void;
+    dockRight(element: HTMLElement, panelType?: PanelType, dockNode?: DockNode, ratio?: number, title?: string, hideCloseButton?: boolean): void;
+    dockUp(element: HTMLElement, panelType?: PanelType, dockNode?: DockNode, ratio?: number, title?: string, hideCloseButton?: boolean): void;
+    dockDown(element: HTMLElement, panelType?: PanelType, dockNode?: DockNode, ratio?: number, title?: string, hideCloseButton?: boolean): void;
+    floatDialog(element: HTMLElement, x: number, y: number, width: number, height: number, panelType?: PanelType, title?: string, hideCloseButton?: boolean): void;
+}
+//# sourceMappingURL=DockSpawnTsWebcomponent.d.ts.map

package/lib/webcomponent/DockSpawnTsWebcomponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DockSpawnTsWebcomponent.d.ts","sourceRoot":"","sources":["../../src/webcomponent/DockSpawnTsWebcomponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAiBxC,qBAAa,uBAAwB,SAAQ,WAAW;IAC/C,WAAW,EAAE,WAAW,CAAC;IAChC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,kBAAkB,CAAC;IAC3B,OAAO,CAAC,cAAc,CAAwC;IAC9D,OAAO,CAAC,QAAQ,CAAmB;IACnC,OAAO,CAAC,SAAS,CAAe;IAChC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,mBAAmB,CAA+C;;IAYnE,SAAS;IAIH,SAAS,CAAC,eAAe,EAAE,MAAM;IAY9C,OAAO,CAAC,aAAa;IAyDrB,IAAW,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAI7C;IAEM,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,WAAW;IAI3D,OAAO,CAAC,oBAAoB;IAuD5B,OAAO,CAAC,sBAAsB;IAO9B,iBAAiB;IASjB,oBAAoB;IAOpB,OAAO,CAAC,aAAa;IAIrB,MAAM;IAIN,qBAAqB,CAAC,kBAAkB,EAAE,WAAW,GAAG,cAAc,GAAG,QAAQ;IAOjF,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO;IAKpH,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO;IAKpI,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO;IAKrI,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO;IAKlI,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO;IAKpI,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO;CAKxJ"}

package/lib/webcomponent/DockSpawnTsWebcomponent.js

@@ -0,0 +1,209 @@
+import { DockManager } from '../DockManager.js';
+import { PanelContainer } from '../PanelContainer.js';
+import { PanelType } from '../enums/PanelType.js';
+import { faStyle, style, style1, style2 } from './styles';
+import { Observable } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+const elementResized = (elem) => {
+    return new Observable((subscriber) => {
+        const resizeObserver = new ResizeObserver((entries) => subscriber.next(entries));
+        resizeObserver.observe(elem);
+        return () => resizeObserver.disconnect();
+    });
+};
+export class DockSpawnTsWebcomponent extends HTMLElement {
+    dockManager;
+    slotId = 0;
+    windowResizedBound;
+    slotElementMap;
+    observer;
+    resizeSub;
+    initialized = false;
+    initFinished = false;
+    elementContainerMap = new Map();
+    constructor() {
+        super();
+        const shadowRoot = this.attachShadow({ mode: 'open' });
+        shadowRoot.adoptedStyleSheets = [style, style1, style2, faStyle];
+        this.windowResizedBound = this.windowResized.bind(this);
+        this.slotElementMap = new WeakMap();
+    }
+    getLayout() {
+        return this.dockManager.saveState();
+    }
+    async useLayout(serializedState) {
+        this.observer.disconnect();
+        const oldPanels = this.dockManager.getPanels();
+        await this.dockManager.loadState(serializedState);
+        this.observer.observe(this, { childList: true });
+        oldPanels.forEach((panel) => panel.elementContentContainer.remove());
+        this.dockManager.element.firstChild.remove();
+        setTimeout(() => {
+            this.dockManager.invalidate();
+        }, 50);
+    }
+    initDockspawn() {
+        const dockSpawnDiv = document.createElement('div');
+        dockSpawnDiv.id = 'dockSpawnDiv';
+        dockSpawnDiv.style.width = '100%';
+        dockSpawnDiv.style.height = '100%';
+        dockSpawnDiv.style.position = 'relative';
+        this.shadowRoot.appendChild(dockSpawnDiv);
+        this.dockManager = new DockManager(dockSpawnDiv);
+        this.dockManager.config.dialogRootElement = dockSpawnDiv;
+        setTimeout(() => {
+            this.dockManager.initialize();
+            this.dockManager.addLayoutListener({
+                onActivePanelChange: (_, panel, prevPanel) => {
+                    this.dispatchEvent(new CustomEvent('active-panel-changed', { detail: {
+                            newPanel: panel?.title ?? null,
+                            prevPanel: prevPanel?.title ?? null
+                        } }));
+                },
+                onClosePanel: (dockManager, dockNode) => {
+                    const slot = dockNode.elementContent;
+                    const element = this.slotElementMap.get(slot);
+                    if (element) {
+                        if (this.contains(element)) {
+                            this.observer.disconnect();
+                            this.removeChild(element);
+                            this.observer.observe(this, { childList: true });
+                        }
+                        this.dispatchEvent(new CustomEvent('panel-closed', { detail: element }));
+                    }
+                },
+            });
+            for (const element of this.children)
+                this.handleAddedChildNode(element);
+            this.observer = new MutationObserver((mutations) => {
+                mutations.forEach((mutation) => {
+                    mutation.addedNodes.forEach((node) => {
+                        this.handleAddedChildNode(node);
+                    });
+                    mutation.removedNodes.forEach((node) => {
+                        this.handleRemovedChildNode(node);
+                    });
+                });
+            });
+            this.observer.observe(this, { childList: true });
+            this.resizeSub = elementResized(this).pipe(debounceTime(50)).subscribe(() => this.resize());
+            this.initFinished = true;
+            this.dispatchEvent(new CustomEvent('init-finished'));
+        }, 50);
+    }
+    set activePanelTitle(panelTitle) {
+        const foundPanel = this.dockManager?.getPanels().find((panel) => panel.title === panelTitle);
+        if (foundPanel)
+            this.dockManager.activePanel = foundPanel;
+    }
+    getElementInSlot(slot) {
+        return this.slotElementMap.get(slot);
+    }
+    handleAddedChildNode(element) {
+        if (element instanceof Comment || (element instanceof Text && element.textContent.length === 0))
+            return;
+        const slot = document.createElement('slot');
+        const slotName = 'slot_' + this.slotId++;
+        slot.name = slotName;
+        let dockPanelType = PanelType.panel;
+        const dockPanelTypeAttribute = element.getAttribute('dock-spawn-panel-type');
+        if (dockPanelTypeAttribute)
+            dockPanelType = dockPanelTypeAttribute;
+        const hideCloseButton = element.hasAttribute('dock-spawn-hide-close-button');
+        const title = element.getAttribute('dock-spawn-title');
+        const panelIcon = element.getAttribute('dock-spawn-panel-icon');
+        const container = new PanelContainer(slot, this.dockManager, title, dockPanelType, hideCloseButton, panelIcon);
+        const customZindex = element.getAttribute('dock-spawn-z-index');
+        if (customZindex && slot.parentElement) {
+            slot.parentElement.style.zIndex = customZindex;
+        }
+        element.slot = slotName;
+        this.slotElementMap.set(slot, element);
+        this.elementContainerMap.set(element, container);
+        let dockRatio = 0.5;
+        const dockRatioAttribute = element.getAttribute('dock-spawn-dock-ratio');
+        if (dockRatioAttribute)
+            dockRatio = dockRatioAttribute;
+        const dockType = element.getAttribute('dock-spawn-dock-type');
+        let dockRelativeTo = this.dockManager.context.model.documentManagerNode;
+        const dockToAttribute = element.getAttribute('dock-spawn-dock-to');
+        if (dockToAttribute) {
+            const dockToElement = this.getRootNode()
+                .querySelector(`[dock-spawn-title="${dockToAttribute}"]`);
+            if (dockToElement && this.elementContainerMap.get(dockToElement)) {
+                dockRelativeTo = this.dockManager
+                    .findNodeFromContainerElement(this.elementContainerMap.get(dockToElement).containerElement);
+            }
+        }
+        if (dockType == 'left')
+            this.dockManager.dockLeft(dockRelativeTo, container, dockRatio);
+        else if (dockType == 'right')
+            this.dockManager.dockRight(dockRelativeTo, container, dockRatio);
+        else if (dockType == 'up')
+            this.dockManager.dockUp(dockRelativeTo, container, dockRatio);
+        else if (dockType == 'down')
+            this.dockManager.dockDown(dockRelativeTo, container, dockRatio);
+        else
+            this.dockManager.dockFill(dockRelativeTo, container);
+        if (element.style.display == 'none')
+            element.style.display = 'block';
+    }
+    handleRemovedChildNode(element) {
+        const node = this.elementContainerMap.get(element);
+        if (node)
+            node.close();
+        this.elementContainerMap.delete(element);
+    }
+    connectedCallback() {
+        if (!this.initialized) {
+            this.initDockspawn();
+            this.initialized = true;
+        }
+        window.addEventListener('orientationchange', this.windowResizedBound);
+        if (this.initFinished)
+            this.resize();
+    }
+    disconnectedCallback() {
+        if (!this.initFinished)
+            return;
+        this.resizeSub.unsubscribe();
+        window.removeEventListener('orientationchange', this.windowResizedBound);
+    }
+    windowResized() {
+        this.resize();
+    }
+    resize() {
+        this.dockManager.resize(this.clientWidth, this.clientHeight);
+    }
+    getDockNodeForElement(elementOrContainer) {
+        let element = elementOrContainer;
+        if (element.containerElement)
+            element = elementOrContainer.containerElement;
+        return this.dockManager.findNodeFromContainerElement(element);
+    }
+    dockFill(element, panelType, dockNode, title, hideCloseButton) {
+        const container = new PanelContainer(element, this.dockManager, title, panelType, hideCloseButton);
+        this.dockManager.dockFill(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container);
+    }
+    dockLeft(element, panelType, dockNode, ratio, title, hideCloseButton) {
+        const container = new PanelContainer(element, this.dockManager, title, panelType, hideCloseButton);
+        this.dockManager.dockLeft(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
+    }
+    dockRight(element, panelType, dockNode, ratio, title, hideCloseButton) {
+        const container = new PanelContainer(element, this.dockManager, title, panelType, hideCloseButton);
+        this.dockManager.dockRight(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
+    }
+    dockUp(element, panelType, dockNode, ratio, title, hideCloseButton) {
+        const container = new PanelContainer(element, this.dockManager, title, panelType, hideCloseButton);
+        this.dockManager.dockUp(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
+    }
+    dockDown(element, panelType, dockNode, ratio, title, hideCloseButton) {
+        const container = new PanelContainer(element, this.dockManager, title, panelType, hideCloseButton);
+        this.dockManager.dockDown(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
+    }
+    floatDialog(element, x, y, width, height, panelType, title, hideCloseButton) {
+        const container = new PanelContainer(element, this.dockManager, title, panelType, hideCloseButton);
+        const dlg = this.dockManager.floatDialog(container, x, y, null);
+        dlg.resize(width, height);
+    }
+}

package/lib/webcomponent/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const faStyle: CSSStyleSheet;
+export declare const style: CSSStyleSheet;
+export declare const style1: CSSStyleSheet;
+export declare const style2: CSSStyleSheet;
+//# sourceMappingURL=styles.d.ts.map