@node-projects/web-component-designer 0.0.216 → 0.0.218

package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbar.js

@@ -1,12 +1,12 @@
-import { BaseCustomWebComponentConstructorAppend, css, html } from "@node-projects/base-custom-webcomponent";
-import { CommandType } from "../../../../../commandHandling/CommandType.js";
-//import { DesignerToolbarPopup } from "../designerToolbarGenerics/designerToolbarPopup.js";
-//import { ToolPopupCategoryCollection } from "../designerToolbarGenerics/designerToolsButtons.js";
-//import "../designerToolbarGenerics/designerToolsButtons.js";
-//import "./popups/DrawToolPopup.js";
-//import "./popups/SelectorToolsPopup.js";
-import { DesignerToolbarButton } from './DesignerToolbarButton.js';
-export class DesignerToolbar extends BaseCustomWebComponentConstructorAppend {
+import { BaseCustomWebComponentConstructorAppend, css, html } from "@node-projects/base-custom-webcomponent";
+import { CommandType } from "../../../../../commandHandling/CommandType.js";
+//import { DesignerToolbarPopup } from "../designerToolbarGenerics/designerToolbarPopup.js";
+//import { ToolPopupCategoryCollection } from "../designerToolbarGenerics/designerToolsButtons.js";
+//import "../designerToolbarGenerics/designerToolsButtons.js";
+//import "./popups/DrawToolPopup.js";
+//import "./popups/SelectorToolsPopup.js";
+import { DesignerToolbarButton } from './DesignerToolbarButton.js';
+class DesignerToolbar extends BaseCustomWebComponentConstructorAppend {
     static style = css `
         node-projects-designer-tools-buttons {
             height: 100%;
@@ -18,69 +18,70 @@ export class DesignerToolbar extends BaseCustomWebComponentConstructorAppend {
             top: calc(0px + 10px);
             height: 100%;
             left: calc(24px + 4px + 10px);
-        }`;
+        }`;
     static template = html `
         <div id="popup"></div>
-        <div id="toolButtons"></div>`;
-    _toolButtonsElem;
-    _serviceContainer;
-    _popupContainer;
-    _designerView;
-    constructor() {
-        super();
-        this._toolButtonsElem = this._getDomElement("toolButtons");
-        this._popupContainer = this._getDomElement("popup");
-    }
-    initialize(serviceContainer, designerView) {
-        this._serviceContainer = serviceContainer;
-        this._designerView = designerView;
-        for (let tb of this._serviceContainer.designViewToolbarButtons) {
-            this._toolButtonsElem.appendChild(tb.provideButton(designerView.designerCanvas));
-        }
-        this._serviceContainer.globalContext.onToolChanged.on((e) => {
-            for (const el of this._toolButtonsElem.children) {
-                if (el instanceof DesignerToolbarButton) {
-                    el.setActiveTool(e.newValue.name);
-                }
-            }
-        });
-    }
-    showPopup(designerToolbarButton) {
-        if (this._popupContainer.children.length) {
-            this._popupContainer.innerHTML = '';
-        }
-        else {
-            let instance;
-            if (typeof designerToolbarButton.popup === 'string')
-                instance = document.createElement(designerToolbarButton.popup);
-            else
-                instance = new designerToolbarButton.popup();
-            this._popupContainer.appendChild(instance);
-        }
-    }
-    setTool(tool) {
-        if (this._popupContainer.children.length) {
-            this._popupContainer.innerHTML = '';
-        }
-        this._designerView.designerCanvas.executeCommand({ type: CommandType.setTool, parameter: tool });
-    }
-    setStrokeColor(color) {
-        if (this._popupContainer.children.length) {
-            this._popupContainer.innerHTML = '';
-        }
-        this._designerView.designerCanvas.executeCommand({ type: CommandType.setStrokeColor, parameter: color });
-    }
-    setFillBrush(color) {
-        if (this._popupContainer.children.length) {
-            this._popupContainer.innerHTML = '';
-        }
-        this._designerView.designerCanvas.executeCommand({ type: CommandType.setFillBrush, parameter: color });
-    }
-    setStrokeThickness(input) {
-        if (this._popupContainer.children.length) {
-            this._popupContainer.innerHTML = '';
-        }
-        this._designerView.designerCanvas.executeCommand({ type: CommandType.setStrokeThickness, parameter: input });
-    }
-}
-customElements.define('node-projects-designer-toolbar', DesignerToolbar);
+        <div id="toolButtons"></div>`;
+    _toolButtonsElem;
+    _serviceContainer;
+    _popupContainer;
+    _designerView;
+    constructor() {
+        super();
+        this._toolButtonsElem = this._getDomElement("toolButtons");
+        this._popupContainer = this._getDomElement("popup");
+    }
+    initialize(serviceContainer, designerView) {
+        this._serviceContainer = serviceContainer;
+        this._designerView = designerView;
+        for (let tb of this._serviceContainer.designViewToolbarButtons) {
+            this._toolButtonsElem.appendChild(tb.provideButton(designerView.designerCanvas));
+        }
+        this._serviceContainer.globalContext.onToolChanged.on((e) => {
+            for (const el of this._toolButtonsElem.children) {
+                if (el instanceof DesignerToolbarButton) {
+                    el.setActiveTool(e.newValue.name);
+                }
+            }
+        });
+    }
+    showPopup(designerToolbarButton) {
+        if (this._popupContainer.children.length) {
+            this._popupContainer.innerHTML = '';
+        }
+        else {
+            let instance;
+            if (typeof designerToolbarButton.popup === 'string')
+                instance = document.createElement(designerToolbarButton.popup);
+            else
+                instance = new designerToolbarButton.popup();
+            this._popupContainer.appendChild(instance);
+        }
+    }
+    setTool(tool) {
+        if (this._popupContainer.children.length) {
+            this._popupContainer.innerHTML = '';
+        }
+        this._designerView.designerCanvas.executeCommand({ type: CommandType.setTool, parameter: tool });
+    }
+    setStrokeColor(color) {
+        if (this._popupContainer.children.length) {
+            this._popupContainer.innerHTML = '';
+        }
+        this._designerView.designerCanvas.executeCommand({ type: CommandType.setStrokeColor, parameter: color });
+    }
+    setFillBrush(color) {
+        if (this._popupContainer.children.length) {
+            this._popupContainer.innerHTML = '';
+        }
+        this._designerView.designerCanvas.executeCommand({ type: CommandType.setFillBrush, parameter: color });
+    }
+    setStrokeThickness(input) {
+        if (this._popupContainer.children.length) {
+            this._popupContainer.innerHTML = '';
+        }
+        this._designerView.designerCanvas.executeCommand({ type: CommandType.setStrokeThickness, parameter: input });
+    }
+}
+export { DesignerToolbar };
+customElements.define('node-projects-designer-toolbar', DesignerToolbar);

package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbarButton.d.ts

@@ -1,19 +1,19 @@
-import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-import { IDesignerCanvas } from '../../IDesignerCanvas.js';
-import { NamedTools } from '../NamedTools.js';
-export declare class DesignerToolbarButton extends BaseCustomWebComponentConstructorAppend {
-    static style: CSSStyleSheet;
-    static template: HTMLTemplateElement;
-    tools: Record<string | NamedTools, {
-        icon: string;
-    }>;
-    popup: string | (new (...args: any[]) => HTMLElement);
-    currentToolOnButton: string;
-    private _img;
-    private _div;
-    constructor(designerCanvas: IDesignerCanvas, tools: Record<string | NamedTools, {
-        icon: string;
-    }>);
-    showTool(name: string): void;
-    setActiveTool(name: string): void;
-}
+import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
+import { IDesignerCanvas } from '../../IDesignerCanvas.js';
+import { NamedTools } from '../NamedTools.js';
+export declare class DesignerToolbarButton extends BaseCustomWebComponentConstructorAppend {
+    static style: CSSStyleSheet;
+    static template: HTMLTemplateElement;
+    tools: Record<string | NamedTools, {
+        icon: string;
+    }>;
+    popup: string | (new (...args: any[]) => HTMLElement);
+    currentToolOnButton: string;
+    private _img;
+    private _div;
+    constructor(designerCanvas: IDesignerCanvas, tools: Record<string | NamedTools, {
+        icon: string;
+    }>);
+    showTool(name: string): void;
+    setActiveTool(name: string): void;
+}

package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbarButton.js

@@ -1,5 +1,5 @@
-import { BaseCustomWebComponentConstructorAppend, css, html } from '@node-projects/base-custom-webcomponent';
-export class DesignerToolbarButton extends BaseCustomWebComponentConstructorAppend {
+import { BaseCustomWebComponentConstructorAppend, css, html } from '@node-projects/base-custom-webcomponent';
+class DesignerToolbarButton extends BaseCustomWebComponentConstructorAppend {
     static style = css `
     div {
       width: 24px;
@@ -18,45 +18,46 @@ export class DesignerToolbarButton extends BaseCustomWebComponentConstructorAppe
       width: calc(100% - 4px);
       height: calc(100% - 4px);
     }    
-    `;
-    static template = html `<div id="div"><img id="img"></div>`;
-    tools;
-    popup;
-    currentToolOnButton;
-    _img;
-    _div;
-    constructor(designerCanvas, tools) {
-        super();
-        this.tools = tools;
-        this._img = this._getDomElement('img');
-        this._div = this._getDomElement('div');
-        this._div.onclick = () => {
-            if (this.popup) {
-                this.getRootNode().host.showPopup(this);
-            }
-            else {
-                this.getRootNode().host.setTool(this.currentToolOnButton);
-            }
-        };
-        this.showTool(Object.getOwnPropertyNames(tools)[0]);
-    }
-    showTool(name) {
-        const tool = this.tools[name];
-        if (tool) {
-            this._img.title = name;
-            this._img.src = tool.icon;
-            this.currentToolOnButton = name;
-        }
-    }
-    setActiveTool(name) {
-        this.showTool(name);
-        const tool = this.tools[name];
-        if (tool) {
-            this._div.style.backgroundColor = 'lightgreen';
-        }
-        else {
-            this._div.style.backgroundColor = '';
-        }
-    }
-}
-customElements.define('node-projects-designer-toolbar-button', DesignerToolbarButton);
+    `;
+    static template = html `<div id="div"><img id="img"></div>`;
+    tools;
+    popup;
+    currentToolOnButton;
+    _img;
+    _div;
+    constructor(designerCanvas, tools) {
+        super();
+        this.tools = tools;
+        this._img = this._getDomElement('img');
+        this._div = this._getDomElement('div');
+        this._div.onclick = () => {
+            if (this.popup) {
+                this.getRootNode().host.showPopup(this);
+            }
+            else {
+                this.getRootNode().host.setTool(this.currentToolOnButton);
+            }
+        };
+        this.showTool(Object.getOwnPropertyNames(tools)[0]);
+    }
+    showTool(name) {
+        const tool = this.tools[name];
+        if (tool) {
+            this._img.title = name;
+            this._img.src = tool.icon;
+            this.currentToolOnButton = name;
+        }
+    }
+    setActiveTool(name) {
+        this.showTool(name);
+        const tool = this.tools[name];
+        if (tool) {
+            this._div.style.backgroundColor = 'lightgreen';
+        }
+        else {
+            this._div.style.backgroundColor = '';
+        }
+    }
+}
+export { DesignerToolbarButton };
+customElements.define('node-projects-designer-toolbar-button', DesignerToolbarButton);

package/dist/elements/widgets/designerView/tools/toolBar/IDesignViewToolbarButtonProvider.d.ts

@@ -1,4 +1,4 @@
-import { IDesignerCanvas } from "../../IDesignerCanvas.js";
-export interface IDesignViewToolbarButtonProvider {
-    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
-}
+import { IDesignerCanvas } from "../../IDesignerCanvas.js";
+export interface IDesignViewToolbarButtonProvider {
+    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
+}

package/dist/elements/widgets/designerView/tools/toolBar/IDesignViewToolbarButtonProvider.js

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

package/dist/elements/widgets/designerView/tools/toolBar/buttons/DrawToolButtonProvider.d.ts

@@ -1,5 +1,5 @@
-import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
-import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
-export declare class DrawToolButtonProvider implements IDesignViewToolbarButtonProvider {
-    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
-}
+import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
+import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
+export declare class DrawToolButtonProvider implements IDesignViewToolbarButtonProvider {
+    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/DrawToolButtonProvider.js

@@ -1,16 +1,16 @@
-import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
-import { assetsPath } from "../../../../../../Constants.js";
-import { DrawToolPopup } from "../popups/DrawToolPopup.js";
-export class DrawToolButtonProvider {
-    provideButton(designerCanvas) {
-        const button = new DesignerToolbarButton(designerCanvas, {
-            'DrawLine': { icon: assetsPath + 'images/layout/DrawLineTool.svg' },
-            'DrawPath': { icon: assetsPath + 'images/layout/DrawPathTool.svg' },
-            'DrawRect': { icon: assetsPath + 'images/layout/DrawRectTool.svg' },
-            'DrawEllipsis': { icon: assetsPath + 'images/layout/DrawEllipTool.svg' },
-            'PickColor': { icon: assetsPath + 'images/layout/ColorPickerTool.svg' }
-        });
-        button.popup = DrawToolPopup;
-        return button;
-    }
-}
+import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
+import { assetsPath } from "../../../../../../Constants.js";
+import { DrawToolPopup } from "../popups/DrawToolPopup.js";
+export class DrawToolButtonProvider {
+    provideButton(designerCanvas) {
+        const button = new DesignerToolbarButton(designerCanvas, {
+            'DrawLine': { icon: assetsPath + 'images/layout/DrawLineTool.svg' },
+            'DrawPath': { icon: assetsPath + 'images/layout/DrawPathTool.svg' },
+            'DrawRect': { icon: assetsPath + 'images/layout/DrawRectTool.svg' },
+            'DrawEllipsis': { icon: assetsPath + 'images/layout/DrawEllipTool.svg' },
+            'PickColor': { icon: assetsPath + 'images/layout/ColorPickerTool.svg' }
+        });
+        button.popup = DrawToolPopup;
+        return button;
+    }
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/PointerToolButtonProvider.d.ts

@@ -1,5 +1,5 @@
-import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
-import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
-export declare class PointerToolButtonProvider implements IDesignViewToolbarButtonProvider {
-    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
-}
+import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
+import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
+export declare class PointerToolButtonProvider implements IDesignViewToolbarButtonProvider {
+    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/PointerToolButtonProvider.js

@@ -1,7 +1,7 @@
-import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
-import { assetsPath } from "../../../../../../Constants.js";
-export class PointerToolButtonProvider {
-    provideButton(designerCanvas) {
-        return new DesignerToolbarButton(designerCanvas, { 'Pointer': { icon: assetsPath + 'images/layout/PointerTool.svg' } });
-    }
-}
+import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
+import { assetsPath } from "../../../../../../Constants.js";
+export class PointerToolButtonProvider {
+    provideButton(designerCanvas) {
+        return new DesignerToolbarButton(designerCanvas, { 'Pointer': { icon: assetsPath + 'images/layout/PointerTool.svg' } });
+    }
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/SelectorToolButtonProvider.d.ts

@@ -1,5 +1,5 @@
-import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
-import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
-export declare class SelectorToolButtonProvider implements IDesignViewToolbarButtonProvider {
-    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
-}
+import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
+import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
+export declare class SelectorToolButtonProvider implements IDesignViewToolbarButtonProvider {
+    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/SelectorToolButtonProvider.js

@@ -1,10 +1,10 @@
-import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
-import { assetsPath } from "../../../../../../Constants.js";
-export class SelectorToolButtonProvider {
-    provideButton(designerCanvas) {
-        return new DesignerToolbarButton(designerCanvas, {
-            'RectangleSelector': { icon: assetsPath + 'images/layout/SelectRectTool.svg' },
-            'MagicWandSelector': { icon: assetsPath + 'images/layout/MagicWandTool.svg' }
-        });
-    }
-}
+import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
+import { assetsPath } from "../../../../../../Constants.js";
+export class SelectorToolButtonProvider {
+    provideButton(designerCanvas) {
+        return new DesignerToolbarButton(designerCanvas, {
+            'RectangleSelector': { icon: assetsPath + 'images/layout/SelectRectTool.svg' },
+            'MagicWandSelector': { icon: assetsPath + 'images/layout/MagicWandTool.svg' }
+        });
+    }
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/SeperatorToolProvider.d.ts

@@ -1,7 +1,7 @@
-import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
-import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
-export declare class SeperatorToolProvider implements IDesignViewToolbarButtonProvider {
-    constructor(distance: number);
-    distance: number;
-    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
-}
+import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
+import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
+export declare class SeperatorToolProvider implements IDesignViewToolbarButtonProvider {
+    constructor(distance: number);
+    distance: number;
+    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/SeperatorToolProvider.js

@@ -1,11 +1,11 @@
-export class SeperatorToolProvider {
-    constructor(distance) {
-        this.distance = distance;
-    }
-    distance;
-    provideButton(designerCanvas) {
-        const div = document.createElement('div');
-        div.style.marginTop = this.distance + 'px';
-        return div;
-    }
-}
+export class SeperatorToolProvider {
+    constructor(distance) {
+        this.distance = distance;
+    }
+    distance;
+    provideButton(designerCanvas) {
+        const div = document.createElement('div');
+        div.style.marginTop = this.distance + 'px';
+        return div;
+    }
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/TextToolButtonProvider.d.ts

@@ -1,5 +1,5 @@
-import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
-import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
-export declare class TextToolButtonProvider implements IDesignViewToolbarButtonProvider {
-    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
-}
+import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
+import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
+export declare class TextToolButtonProvider implements IDesignViewToolbarButtonProvider {
+    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/TextToolButtonProvider.js

@@ -1,7 +1,7 @@
-import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
-import { assetsPath } from "../../../../../../Constants.js";
-export class TextToolButtonProvider {
-    provideButton(designerCanvas) {
-        return new DesignerToolbarButton(designerCanvas, { 'Text': { icon: assetsPath + 'images/layout/TextTool.svg' } });
-    }
-}
+import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
+import { assetsPath } from "../../../../../../Constants.js";
+export class TextToolButtonProvider {
+    provideButton(designerCanvas) {
+        return new DesignerToolbarButton(designerCanvas, { 'Text': { icon: assetsPath + 'images/layout/TextTool.svg' } });
+    }
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/ZoomToolButtonProvider.d.ts

@@ -1,5 +1,5 @@
-import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
-import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
-export declare class ZoomToolButtonProvider implements IDesignViewToolbarButtonProvider {
-    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
-}
+import { IDesignerCanvas } from "../../../IDesignerCanvas.js";
+import { IDesignViewToolbarButtonProvider } from "../IDesignViewToolbarButtonProvider.js";
+export declare class ZoomToolButtonProvider implements IDesignViewToolbarButtonProvider {
+    provideButton(designerCanvas: IDesignerCanvas): HTMLElement;
+}

package/dist/elements/widgets/designerView/tools/toolBar/buttons/ZoomToolButtonProvider.js

@@ -1,7 +1,7 @@
-import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
-import { assetsPath } from "../../../../../../Constants.js";
-export class ZoomToolButtonProvider {
-    provideButton(designerCanvas) {
-        return new DesignerToolbarButton(designerCanvas, { 'Zoom': { icon: assetsPath + 'images/layout/ZoomTool.svg' } });
-    }
-}
+import { DesignerToolbarButton } from '../DesignerToolbarButton.js';
+import { assetsPath } from "../../../../../../Constants.js";
+export class ZoomToolButtonProvider {
+    provideButton(designerCanvas) {
+        return new DesignerToolbarButton(designerCanvas, { 'Zoom': { icon: assetsPath + 'images/layout/ZoomTool.svg' } });
+    }
+}

package/dist/elements/widgets/designerView/tools/toolBar/popups/DrawToolPopup.d.ts

@@ -1,6 +1,6 @@
-import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-export declare class DrawToolPopup extends BaseCustomWebComponentConstructorAppend {
-    static style: CSSStyleSheet;
-    static template: HTMLTemplateElement;
-    constructor();
-}
+import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
+export declare class DrawToolPopup extends BaseCustomWebComponentConstructorAppend {
+    static style: CSSStyleSheet;
+    static template: HTMLTemplateElement;
+    constructor();
+}

package/dist/elements/widgets/designerView/tools/toolBar/popups/DrawToolPopup.js

@@ -1,6 +1,6 @@
-import { html, BaseCustomWebComponentConstructorAppend, css } from '@node-projects/base-custom-webcomponent';
-import { assetsPath } from "../../../../../../Constants.js";
-export class DrawToolPopup extends BaseCustomWebComponentConstructorAppend {
+import { html, BaseCustomWebComponentConstructorAppend, css } from '@node-projects/base-custom-webcomponent';
+import { assetsPath } from "../../../../../../Constants.js";
+class DrawToolPopup extends BaseCustomWebComponentConstructorAppend {
     static style = css `
       .container {
           width: 220px;
@@ -51,7 +51,7 @@ export class DrawToolPopup extends BaseCustomWebComponentConstructorAppend {
         float: both;
       }
       
-      `;
+      `;
     static template = html `
         <div class="container">
           <header><h2 id="title" style="margin: 0;">Draw</h2></header>
@@ -78,25 +78,26 @@ export class DrawToolPopup extends BaseCustomWebComponentConstructorAppend {
               </div>
             </div>
           </main>
-        </div>`;
-    constructor() {
-        super();
-        for (let e of [...this.shadowRoot.querySelectorAll("div.tool")]) {
-            let div = e;
-            div.onclick = () => this.getRootNode().host.setTool(div.dataset['commandParameter']);
-        }
-        if (this.shadowRoot.querySelector("input.strokecolor")) {
-            let input = this._getDomElement("strokecolor");
-            input.onchange = () => this.getRootNode().host.setStrokeColor(input.value);
-        }
-        if (this.shadowRoot.querySelector("input.fillbrush")) {
-            let input = this._getDomElement("fillbrush");
-            input.onchange = () => this.getRootNode().host.setFillBrush(input.value);
-        }
-        if (this.shadowRoot.querySelector("input.strokethickness")) {
-            let input = this._getDomElement("strokethickness");
-            input.onchange = () => this.getRootNode().host.setStrokeThickness(input.value);
-        }
-    }
-}
-customElements.define('node-projects-designer-drawtool-popup', DrawToolPopup);
+        </div>`;
+    constructor() {
+        super();
+        for (let e of [...this.shadowRoot.querySelectorAll("div.tool")]) {
+            let div = e;
+            div.onclick = () => this.getRootNode().host.setTool(div.dataset['commandParameter']);
+        }
+        if (this.shadowRoot.querySelector("input.strokecolor")) {
+            let input = this._getDomElement("strokecolor");
+            input.onchange = () => this.getRootNode().host.setStrokeColor(input.value);
+        }
+        if (this.shadowRoot.querySelector("input.fillbrush")) {
+            let input = this._getDomElement("fillbrush");
+            input.onchange = () => this.getRootNode().host.setFillBrush(input.value);
+        }
+        if (this.shadowRoot.querySelector("input.strokethickness")) {
+            let input = this._getDomElement("strokethickness");
+            input.onchange = () => this.getRootNode().host.setStrokeThickness(input.value);
+        }
+    }
+}
+export { DrawToolPopup };
+customElements.define('node-projects-designer-drawtool-popup', DrawToolPopup);

package/dist/elements/widgets/miniatureView/IMiniatureView.d.ts

@@ -1,2 +1,2 @@
-export interface IMiniatureView {
-}
+export interface IMiniatureView {
+}

package/dist/elements/widgets/miniatureView/IMiniatureView.js

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

package/dist/elements/widgets/miniatureView/html-2-canvas-miniature-view.d.ts

@@ -1,10 +1,10 @@
-import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
-import { IDesignerCanvas } from '../designerView/IDesignerCanvas.js';
-import { IMiniatureView } from './IMiniatureView.js';
-export declare class Html2CanvasMiniatureView extends BaseCustomWebComponentLazyAppend implements IMiniatureView {
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    private _imgdiv;
-    constructor();
-    reRender(designerView: IDesignerCanvas): void;
-}
+import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
+import { IDesignerCanvas } from '../designerView/IDesignerCanvas.js';
+import { IMiniatureView } from './IMiniatureView.js';
+export declare class Html2CanvasMiniatureView extends BaseCustomWebComponentLazyAppend implements IMiniatureView {
+    static readonly style: CSSStyleSheet;
+    static readonly template: HTMLTemplateElement;
+    private _imgdiv;
+    constructor();
+    reRender(designerView: IDesignerCanvas): void;
+}