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

package/src/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["Dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,qBAAa,MAAM;IACf,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;IA8BP,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;IAaJ,KAAK;IAOL,MAAM;IAIN,IAAI;IAUJ,MAAM,CAAC,gCAAgC,GAAI,QAAQ,MAAM,EAAE,qBAAqB,QAAQ,EAAE,KAAG,IAAI,EAAE,CA4BlG;IAED,oBAAoB,CAAC,CAAC,EAAE,UAAU;IA0BlC,gBAAgB;IAQhB,uBAAuB,CAAC,CAAC,EAAE,KAAK;CASnC"}

package/{lib → src}/Dialog.js

@@ -1,29 +1,11 @@
-import { Point } from './Point.js';
-import { PanelContainer } from './PanelContainer.js';
-import { DraggableContainer } from './DraggableContainer.js';
-import { ResizableContainer } from './ResizableContainer.js';
-import { EventHandler } from './EventHandler.js';
-import { Utils } from './Utils.js';
-import { Localizer } from './i18n/Localizer.js';
+import { Point } from "./Point";
+import { PanelContainer } from "./PanelContainer";
+import { DraggableContainer } from "./DraggableContainer";
+import { ResizableContainer } from "./ResizableContainer";
+import { EventHandler } from "./EventHandler";
+import { Utils } from "./Utils";
+import { Localizer } from "./i18n/Localizer";
 export class Dialog {
-    elementDialog;
-    draggable;
-    panel;
-    dockManager;
-    eventListener;
-    position;
-    resizable;
-    disableResize;
-    mouseDownHandler;
-    onKeyPressBound;
-    noDocking;
-    isHidden;
-    keyPressHandler;
-    focusHandler;
-    grayoutParent;
-    contextmenuHandler;
-    _ctxMenu;
-    _windowsContextMenuCloseBound;
     constructor(panel, dockManager, grayoutParent, disableResize) {
         this.panel = panel;
         this.dockManager = dockManager;
@@ -58,12 +40,13 @@ export class Dialog {
         this.contextmenuHandler = new EventHandler(this.panel.elementTitle, 'contextmenu', this.oncontextMenuClicked.bind(this));
         this.resize(this.panel.elementPanel.clientWidth, this.panel.elementPanel.clientHeight);
         this.isHidden = false;
-        if (this.grayoutParent != null)
+        if (this.grayoutParent != null) {
             this.grayoutParent.grayOut(true);
+        }
         this.bringToFront();
     }
     setPosition(x, y) {
-        const rect = this.dockManager.config.dialogRootElement.getBoundingClientRect();
+        let rect = this.dockManager.config.dialogRootElement.getBoundingClientRect();
         this.position = new Point(x - rect.left, y - rect.top);
         this.elementDialog.style.left = (x - rect.left) + 'px';
         this.elementDialog.style.top = (y - rect.top) + 'px';
@@ -104,8 +87,9 @@ export class Dialog {
         Utils.removeNode(this.panel.elementPanel);
         Utils.arrayRemove(this.dockManager.context.model.dialogs, this);
         delete this.panel.floatingDialog;
-        if (this.grayoutParent)
+        if (this.grayoutParent) {
             this.grayoutParent.grayOut(false);
+        }
     }
     resize(width, height) {
         this.resizable.resize(width, height);
@@ -129,8 +113,9 @@ export class Dialog {
             this.isHidden = true;
             this.dockManager.notifyOnHideDialog(this);
         }
-        if (this.grayoutParent)
+        if (this.grayoutParent) {
             this.grayoutParent.grayOut(false);
+        }
     }
     close() {
         this.hide();
@@ -150,45 +135,25 @@ export class Dialog {
             this.dockManager.notifyOnShowDialog(this);
         }
     }
-    static createContextMenuContentCallback = (dialog, documentMangerNodes) => {
-        if (!dialog.panel._hideCloseButton)
-            return [];
-        const result = [];
-        const btnCloseDialog = document.createElement('div');
-        btnCloseDialog.innerText = Localizer.getString('CloseDialog');
-        result.push(btnCloseDialog);
-        btnCloseDialog.onclick = () => {
-            dialog.panel.close();
-            dialog.closeContextMenu();
-        };
-        if (dialog.dockManager.config.enableBrowserWindows) {
-            const btnNewBrowserWindow = document.createElement('div');
-            btnNewBrowserWindow.innerText = Localizer.getString('NewBrowserWindow');
-            result.push(btnNewBrowserWindow);
-            btnNewBrowserWindow.onclick = () => {
-                dialog.panel.undockToBrowserDialog();
-                dialog.closeContextMenu();
-            };
-        }
-        return result;
-    };
     oncontextMenuClicked(e) {
         e.preventDefault();
         if (!this._ctxMenu && Dialog.createContextMenuContentCallback) {
             const menuItems = Dialog.createContextMenuContentCallback(this, this.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);
             this._windowsContextMenuCloseBound = this.windowsContextMenuClose.bind(this);
             window.addEventListener('pointerup', this._windowsContextMenuCloseBound);
         }
-        else
+        else {
             this.closeContextMenu();
+        }
     }
     closeContextMenu() {
         if (this._ctxMenu) {
@@ -198,12 +163,35 @@ export class Dialog {
         }
     }
     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;
         }
         this.closeContextMenu();
     }
 }
+Dialog.createContextMenuContentCallback = (dialog, documentMangerNodes) => {
+    if (!dialog.panel._hideCloseButton) {
+        return [];
+    }
+    const result = [];
+    let btnCloseDialog = document.createElement('div');
+    btnCloseDialog.innerText = Localizer.getString('CloseDialog');
+    result.push(btnCloseDialog);
+    btnCloseDialog.onclick = () => {
+        dialog.panel.close();
+        dialog.closeContextMenu();
+    };
+    if (dialog.dockManager.config.enableBrowserWindows) {
+        let btnNewBrowserWindow = document.createElement('div');
+        btnNewBrowserWindow.innerText = Localizer.getString('NewBrowserWindow');
+        result.push(btnNewBrowserWindow);
+        btnNewBrowserWindow.onclick = () => {
+            dialog.panel.undockToBrowserDialog();
+            dialog.closeContextMenu();
+        };
+    }
+    return result;
+};