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

package/src/webcomponent/DockSpawnTsWebcomponent.ts

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

package/src/webcomponent/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["styles.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,OAAO,eAMnB,CAAA;AAED,eAAO,MAAM,KAAK,eAGZ,CAAC;AAEP,eAAO,MAAM,MAAM,eAgKlB,CAAC;AAEF,eAAO,MAAM,MAAM,eA6VjB,CAAC"}

package/{lib → src}/webcomponent/styles.js

@@ -1,10 +1,11 @@
 function toParString(strings, values) {
+    var _a;
     if (strings.length === 1)
         return strings.raw[0];
     else {
         let r = '';
         for (let i = 0; i < strings.length; i++)
-            r += strings[i] + (values[i] ?? '');
+            r += strings[i] + ((_a = values[i]) !== null && _a !== void 0 ? _a : '');
         return r;
     }
 }

package/tsconfig.json

@@ -1,12 +1,9 @@
 {
   "compilerOptions": {
     /* Basic Options */
-    "target": "esnext",                       /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
-    "module": "ESNext",                       /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
-    //"module": "es2015",                       /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
-    
-    // "lib": [],                             /* Specify library files to be included in the compilation. */
-    
+    "target": "es6",                       /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
+    "module": "es2020",                       /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
+    "lib": ["es2023", "dom", "dom.iterable"],                             /* Specify library files to be included in the compilation. */
     //"allowJs": true,                          /* Allow javascript files to be compiled. */
     // "checkJs": true,                       /* Report errors in .js files. */
     // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
@@ -14,9 +11,9 @@
     "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
     // "sourceMap": true,                        /* Generates corresponding '.map' file. */
     // "outFile": "./",                       /* Concatenate and emit output to single file. */
-    "outDir": "./lib/",                       /* Redirect output structure to the directory. */
-    "rootDir": "./src",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
-    "composite": true,                     /* Enable project compilation */
+    // "outDir": "./lib/",                       /* Redirect output structure to the directory. */
+    // "rootDir": "./src",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
+    // "composite": true,                     /* Enable project compilation */
     // "removeComments": true,                /* Do not emit comments to output. */
     // "noEmit": true,                        /* Do not emit outputs. */
     // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
@@ -38,15 +35,11 @@
     //"noUnusedParameters": true,             /* Report errors on unused parameters. */
     "noImplicitReturns": true,                /* Report error when not all code paths in function return a value. */
     "noFallthroughCasesInSwitch": true,       /* Report errors for fallthrough cases in switch statement. */
- 
+
     /* Module Resolution Options */
     "moduleResolution": "node",              /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
     // "baseUrl": "./",                      /* Base directory to resolve non-absolute module names. */
-    /*  "baseUrl": "src",
-     "paths": {
-       "@app/*": ["app/*"]
-     },*/
-     //"paths": { "@polymer": ["node_modules/@polymer"] }, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+    // "paths": [], /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
     // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
     // "typeRoots": [],                       /* List of folders to include type definitions from. */
     // "types": ["jquery"],                   /* Type declaration files to be included in compilation. */
@@ -55,20 +48,14 @@
     // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
 
     /* Source Map Options */
-    // "sourceRoot": "",                      /* Specify the location where debugger should locate TypeScript files instead of source locations. */
-    // "mapRoot": "",                         /* Specify the location where debugger should locate map files instead of generated locations. */
+    "sourceRoot": "",                      /* Specify the location where debugger should locate TypeScript files instead of source locations. */
+    "mapRoot": "",                         /* Specify the location where debugger should locate map files instead of generated locations. */
     // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
     // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
 
     "forceConsistentCasingInFileNames": true,
     /* Experimental Options */
-    "experimentalDecorators": true            /* Enables experimental support for ES7 decorators. */
-    //"emitDecoratorMetadata": true,          /* Enables experimental support for emitting type metadata for decorators. */
-  },
-  "include": ["./src/**/*", "src/index.ts"],
-  "exclude": [
-    "node_modules",
-    "**/*.spec.ts"
-  ],
-  // "files": []
+    "experimentalDecorators": true,           /* Enables experimental support for ES7 decorators. */
+    "emitDecoratorMetadata": true,          /* Enables experimental support for emitting type metadata for decorators. */
+  }
 }

package/.eslintrc.json

@@ -1,47 +0,0 @@
-{
-	"env": {
-		"browser": true,
-		"es2022": true
-	},
-	"extends": [
-		"google"
-	],
-	"parserOptions": {
-		"ecmaVersion": 12,
-		"sourceType": "module"
-	},
-	"ignorePatterns": ["*.d.ts", "*.js"],
-	"rules": {
-		"indent": [
-			"error",
-			2
-		],
-		"max-len": [
-			"error",
-			120
-		],
-		"require-jsdoc": "off",
-		"spaced-comment": "off",
-		"linebreak-style": "off",
-		"no-unused-vars": "off",
-		"@typescript-eslint/no-unused-vars": "warn",
-		"curly": [
-			"error",
-			"multi-or-nest"
-		],
-		"brace-style": [
-			"error",
-			"1tbs",
-			{
-				"allowSingleLine": true
-			}
-		],
-		"block-spacing": 2,
-		"no-unused-vars": "off",
-		"@typescript-eslint/no-unused-vars": "warn"
-	},
-	"parser": "@typescript-eslint/parser",
-	"plugins": [
-		"@typescript-eslint"
-	]
-}

package/lib/BrowserDialogHelper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserDialogHelper.d.ts","sourceRoot":"","sources":["../src/BrowserDialogHelper.ts"],"names":[],"mappings":"AAAA,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC,QAqDA"}

package/lib/ContainerType.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContainerType.d.ts","sourceRoot":"","sources":["../src/ContainerType.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACrB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,KAAK,UAAU;CAClB"}

package/lib/Dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../src/Dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAC,MAAM,YAAY,CAAC;AACjC,OAAO,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,qBAAa,MAAM;IACjB,aAAa,EAAE,cAAc,GAAG;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D,SAAS,EAAE,kBAAkB,CAAC;IAC9B,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,GAAG,CAAC;IACtB,eAAe,EAAE,GAAG,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,YAAY,CAAC;IAC9B,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,cAAc,CAAC;IAC9B,kBAAkB,EAAE,YAAY,CAAC;IACjC,QAAQ,EAAE,cAAc,CAAC;IACzB,6BAA6B,EAAE,GAAG,CAAC;gBAEvB,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,CAAC,EAAE,cAAc,EAAE,aAAa,CAAC,EAAE,OAAO;IAapH,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAK9B,MAAM,CAAC,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW;IAIvD,WAAW;IAyBX,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAShC,WAAW,IAAI,KAAK;IAIpB,OAAO;IAKP,WAAW,CAAC,CAAC,EAAE,YAAY;IAK3B,OAAO;IA6BP,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAIpC,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB,YAAY,CAAC,QAAQ,EAAE,MAAM;IAI7B,YAAY;IAMZ,IAAI;IAYJ,KAAK;IAOL,MAAM;IAIN,IAAI;IAUJ,MAAM,CAAC,gCAAgC,WAAY,MAAM,uBAAuB,QAAQ,EAAE,KAAG,IAAI,EAAE,CA4BjG;IAEF,oBAAoB,CAAC,CAAC,EAAE,UAAU;IAyBlC,gBAAgB;IAQhB,uBAAuB,CAAC,CAAC,EAAE,KAAK;CASjC"}

package/lib/DockConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DockConfig.d.ts","sourceRoot":"","sources":["../src/DockConfig.ts"],"names":[],"mappings":"AAAA,qBAAa,UAAU;;IASnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,WAAW,CAAC;IAC/B,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC"}

package/lib/DockGraphDeserializer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DockGraphDeserializer.d.ts","sourceRoot":"","sources":["../src/DockGraphDeserializer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAMvC,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD;;GAEG;AACH,qBAAa,qBAAqB;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,QAAQ,CAAC;gBAElB,WAAW,EAAE,WAAW;IAI9B,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC;IAS9C,WAAW,CAAC,QAAQ,EAAE,SAAS;IA2B/B,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAwC1D,aAAa,CAAC,WAAW,EAAE,UAAU,EAAE;CA2B9C"}