@node-projects/web-component-designer 0.0.96 → 0.0.97

package/dist/elements/widgets/designerView/extensions/contextMenu/PathContextMenu.js

@@ -1,31 +1,31 @@
-import { createPathD } from "../../../../helper/PathDataPolyfill";
-export class PathContextMenu {
-    shouldProvideContextmenu(event, designerView, designItem, initiator) {
-        if (designItem.element instanceof SVGPathElement)
-            return true;
-        return false;
-    }
-    provideContextMenuItems(event, designerCanvas, designItem) {
-        const pathdata = designItem.node.getPathData({ normalize: true });
-        const items = [];
-        const lastType = pathdata[pathdata.length - 1].type;
-        items.push({ title: '-' });
-        if (lastType == 'z' || lastType == 'Z') {
-            items.push({
-                title: 'open path ', action: () => {
-                    pathdata.splice(pathdata.length - 1, 1);
-                    designItem.setAttribute('d', createPathD(pathdata));
-                }
-            });
-        }
-        else {
-            items.push({
-                title: 'close path ', action: () => {
-                    pathdata.push({ type: 'Z' });
-                    designItem.setAttribute('d', createPathD(pathdata));
-                }
-            });
-        }
-        return items;
-    }
-}
+import { createPathD } from "../../../../helper/PathDataPolyfill";
+export class PathContextMenu {
+    shouldProvideContextmenu(event, designerView, designItem, initiator) {
+        if (designItem.element instanceof SVGPathElement)
+            return true;
+        return false;
+    }
+    provideContextMenuItems(event, designerCanvas, designItem) {
+        const pathdata = designItem.node.getPathData({ normalize: true });
+        const items = [];
+        const lastType = pathdata[pathdata.length - 1].type;
+        items.push({ title: '-' });
+        if (lastType == 'z' || lastType == 'Z') {
+            items.push({
+                title: 'open path ', action: () => {
+                    pathdata.splice(pathdata.length - 1, 1);
+                    designItem.setAttribute('d', createPathD(pathdata));
+                }
+            });
+        }
+        else {
+            items.push({
+                title: 'close path ', action: () => {
+                    pathdata.push({ type: 'Z' });
+                    designItem.setAttribute('d', createPathD(pathdata));
+                }
+            });
+        }
+        return items;
+    }
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/RectContextMenu.d.ts

@@ -1,8 +1,8 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
-export declare class RectContextMenu implements IContextMenuExtension {
-    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
-    provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
-}
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IDesignItem } from "../../../../item/IDesignItem";
+import { IDesignerCanvas } from "../../IDesignerCanvas";
+import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+export declare class RectContextMenu implements IContextMenuExtension {
+    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
+    provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/RectContextMenu.js

@@ -1,33 +1,33 @@
-import { DeleteAction } from "../../../../..";
-import { DesignItem } from "../../../../item/DesignItem";
-import { InsertAction } from "../../../../services/undoService/transactionItems/InsertAction";
-export class RectContextMenu {
-    shouldProvideContextmenu(event, designerView, designItem, initiator) {
-        if (designItem.element instanceof SVGRectElement)
-            return true;
-        return false;
-    }
-    provideContextMenuItems(event, designerCanvas, designItem) {
-        return [
-            {
-                title: 'convert to path', action: () => {
-                    let rect = designItem.element;
-                    let pathD = "";
-                    pathD += "M" + rect.x.baseVal.value + " " + rect.y.baseVal.value +
-                        "L" + (rect.x.baseVal.value + rect.width.baseVal.value) + " " + rect.y.baseVal.value +
-                        "L" + (rect.x.baseVal.value + rect.width.baseVal.value) + " " + (rect.y.baseVal.value + rect.height.baseVal.value) +
-                        "L" + rect.x.baseVal.value + " " + (rect.y.baseVal.value + rect.height.baseVal.value) +
-                        "Z";
-                    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-                    path.setAttribute("d", pathD);
-                    path.setAttribute("stroke", rect.getAttribute("stroke"));
-                    path.setAttribute("fill", rect.getAttribute("fill"));
-                    path.setAttribute("stroke-width", rect.getAttribute("stroke-width"));
-                    const di = DesignItem.createDesignItemFromInstance(path, designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer);
-                    designerCanvas.instanceServiceContainer.undoService.execute(new InsertAction(designItem.parent, designItem.childCount, di));
-                    designerCanvas.instanceServiceContainer.undoService.execute(new DeleteAction([designItem]));
-                }
-            }
-        ];
-    }
-}
+import { DeleteAction } from "../../../../..";
+import { DesignItem } from "../../../../item/DesignItem";
+import { InsertAction } from "../../../../services/undoService/transactionItems/InsertAction";
+export class RectContextMenu {
+    shouldProvideContextmenu(event, designerView, designItem, initiator) {
+        if (designItem.element instanceof SVGRectElement)
+            return true;
+        return false;
+    }
+    provideContextMenuItems(event, designerCanvas, designItem) {
+        return [
+            {
+                title: 'convert to path', action: () => {
+                    let rect = designItem.element;
+                    let pathD = "";
+                    pathD += "M" + rect.x.baseVal.value + " " + rect.y.baseVal.value +
+                        "L" + (rect.x.baseVal.value + rect.width.baseVal.value) + " " + rect.y.baseVal.value +
+                        "L" + (rect.x.baseVal.value + rect.width.baseVal.value) + " " + (rect.y.baseVal.value + rect.height.baseVal.value) +
+                        "L" + rect.x.baseVal.value + " " + (rect.y.baseVal.value + rect.height.baseVal.value) +
+                        "Z";
+                    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+                    path.setAttribute("d", pathD);
+                    path.setAttribute("stroke", rect.getAttribute("stroke"));
+                    path.setAttribute("fill", rect.getAttribute("fill"));
+                    path.setAttribute("stroke-width", rect.getAttribute("stroke-width"));
+                    const di = DesignItem.createDesignItemFromInstance(path, designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer);
+                    designerCanvas.instanceServiceContainer.undoService.execute(new InsertAction(designItem.parent, designItem.childCount, di));
+                    designerCanvas.instanceServiceContainer.undoService.execute(new DeleteAction([designItem]));
+                }
+            }
+        ];
+    }
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.d.ts

@@ -1,8 +1,8 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
-export declare class RotateLeftAndRight implements IContextMenuExtension {
-    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
-    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
-}
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IDesignItem } from "../../../../item/IDesignItem";
+import { IDesignerCanvas } from "../../IDesignerCanvas";
+import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+export declare class RotateLeftAndRight implements IContextMenuExtension {
+    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
+    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.js

@@ -1,12 +1,12 @@
-import { CommandType } from "../../../../../commandHandling/CommandType";
-export class RotateLeftAndRight {
-    shouldProvideContextmenu(event, designerView, designItem, initiator) {
-        return true;
-    }
-    provideContextMenuItems(event, designerView, designItem) {
-        return [
-            { title: 'rotate right', action: () => { designerView.executeCommand({ type: CommandType.rotateClockwise }); }, shortCut: 'Ctrl + R' },
-            { title: 'rotate left', action: () => { designerView.executeCommand({ type: CommandType.rotateCounterClockwise }); }, shortCut: 'Ctrl + Shift + R' }
-        ];
-    }
-}
+import { CommandType } from "../../../../../commandHandling/CommandType";
+export class RotateLeftAndRight {
+    shouldProvideContextmenu(event, designerView, designItem, initiator) {
+        return true;
+    }
+    provideContextMenuItems(event, designerView, designItem) {
+        return [
+            { title: 'rotate right', action: () => { designerView.executeCommand({ type: CommandType.rotateClockwise }); }, shortCut: 'Ctrl + R' },
+            { title: 'rotate left', action: () => { designerView.executeCommand({ type: CommandType.rotateCounterClockwise }); }, shortCut: 'Ctrl + Shift + R' }
+        ];
+    }
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/SelectAllChildrenContextMenu.d.ts

@@ -0,0 +1,8 @@
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IDesignItem } from "../../../../item/IDesignItem";
+import { IDesignerCanvas } from "../../IDesignerCanvas";
+import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+export declare class SelectAllChildrenContextMenu implements IContextMenuExtension {
+    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
+    provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/SelectAllChildrenContextMenu.js

@@ -0,0 +1,12 @@
+export class SelectAllChildrenContextMenu {
+    shouldProvideContextmenu(event, designerView, designItem, initiator) {
+        return designItem.hasChildren;
+    }
+    provideContextMenuItems(event, designerCanvas, designItem) {
+        return [{
+                title: 'Select all Children', action: () => {
+                    designerCanvas.instanceServiceContainer.selectionService.setSelectedElements(Array.from(designItem.children()));
+                }
+            }];
+    }
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/SeperatorContextMenu.d.ts

@@ -1,8 +1,8 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
-export declare class SeperatorContextMenu implements IContextMenuExtension {
-    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
-    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
-}
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IDesignItem } from "../../../../item/IDesignItem";
+import { IDesignerCanvas } from "../../IDesignerCanvas";
+import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+export declare class SeperatorContextMenu implements IContextMenuExtension {
+    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
+    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/SeperatorContextMenu.js

@@ -1,10 +1,10 @@
-export class SeperatorContextMenu {
-    shouldProvideContextmenu(event, designerView, designItem, initiator) {
-        return true;
-    }
-    provideContextMenuItems(event, designerView, designItem) {
-        return [
-            { title: '-' }
-        ];
-    }
-}
+export class SeperatorContextMenu {
+    shouldProvideContextmenu(event, designerView, designItem, initiator) {
+        return true;
+    }
+    provideContextMenuItems(event, designerView, designItem) {
+        return [
+            { title: '-' }
+        ];
+    }
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu copy.d.ts

@@ -0,0 +1,8 @@
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IDesignItem } from "../../../../item/IDesignItem";
+import { IDesignerCanvas } from "../../IDesignerCanvas";
+import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+export declare class ZMoveContextMenu implements IContextMenuExtension {
+    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
+    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu copy.js

@@ -0,0 +1,14 @@
+import { CommandType } from "../../../../../commandHandling/CommandType";
+export class ZMoveContextMenu {
+    shouldProvideContextmenu(event, designerView, designItem, initiator) {
+        return true;
+    }
+    provideContextMenuItems(event, designerView, designItem) {
+        return [
+            { title: 'to front', action: () => { designerView.executeCommand({ type: CommandType.moveToFront }); } },
+            { title: 'move forward', action: () => { designerView.executeCommand({ type: CommandType.moveForward }); } },
+            { title: 'move backward', action: () => { designerView.executeCommand({ type: CommandType.moveBackward }); } },
+            { title: 'to back', action: () => { designerView.executeCommand({ type: CommandType.moveToBack }); } },
+        ];
+    }
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.d.ts

@@ -1,8 +1,8 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
-export declare class ZMoveContextMenu implements IContextMenuExtension {
-    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
-    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
-}
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IDesignItem } from "../../../../item/IDesignItem";
+import { IDesignerCanvas } from "../../IDesignerCanvas";
+import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+export declare class ZMoveContextMenu implements IContextMenuExtension {
+    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
+    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.js

@@ -1,14 +1,14 @@
-import { CommandType } from "../../../../../commandHandling/CommandType";
-export class ZMoveContextMenu {
-    shouldProvideContextmenu(event, designerView, designItem, initiator) {
-        return true;
-    }
-    provideContextMenuItems(event, designerView, designItem) {
-        return [
-            { title: 'to front', action: () => { designerView.executeCommand({ type: CommandType.moveToFront }); } },
-            { title: 'move forward', action: () => { designerView.executeCommand({ type: CommandType.moveForward }); } },
-            { title: 'move backward', action: () => { designerView.executeCommand({ type: CommandType.moveBackward }); } },
-            { title: 'to back', action: () => { designerView.executeCommand({ type: CommandType.moveToBack }); } },
-        ];
-    }
-}
+import { CommandType } from "../../../../../commandHandling/CommandType";
+export class ZMoveContextMenu {
+    shouldProvideContextmenu(event, designerView, designItem, initiator) {
+        return true;
+    }
+    provideContextMenuItems(event, designerView, designItem) {
+        return [
+            { title: 'to front', action: () => { designerView.executeCommand({ type: CommandType.moveToFront }); } },
+            { title: 'move forward', action: () => { designerView.executeCommand({ type: CommandType.moveForward }); } },
+            { title: 'move backward', action: () => { designerView.executeCommand({ type: CommandType.moveBackward }); } },
+            { title: 'to back', action: () => { designerView.executeCommand({ type: CommandType.moveToBack }); } },
+        ];
+    }
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.d.ts

@@ -1,8 +1,8 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
-export declare class ZoomToElementContextMenu implements IContextMenuExtension {
-    shouldProvideContextmenu(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
-    provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
-}
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IDesignItem } from "../../../../item/IDesignItem";
+import { IDesignerCanvas } from "../../IDesignerCanvas";
+import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+export declare class ZoomToElementContextMenu implements IContextMenuExtension {
+    shouldProvideContextmenu(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
+    provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
+}

package/dist/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.js

@@ -1,27 +1,27 @@
-const offset = 10;
-export class ZoomToElementContextMenu {
-    shouldProvideContextmenu(event, designerCanvas, designItem, initiator) {
-        return true;
-    }
-    provideContextMenuItems(event, designerCanvas, designItem) {
-        return [
-            {
-                title: 'zoom to', action: () => {
-                    const coord = designerCanvas.getNormalizedElementCoordinates(designItem.element);
-                    const startPoint = { x: coord.x - offset, y: coord.y - offset };
-                    const endPoint = { x: coord.x + coord.width + offset, y: coord.y + coord.height + offset };
-                    let rect = {
-                        x: startPoint.x < endPoint.x ? startPoint.x : endPoint.x,
-                        y: startPoint.y < endPoint.y ? startPoint.y : endPoint.y,
-                        width: Math.abs(startPoint.x - endPoint.x),
-                        height: Math.abs(startPoint.y - endPoint.y),
-                    };
-                    let zFactorWidth = designerCanvas.outerRect.width / rect.width;
-                    let zFactorHeight = designerCanvas.outerRect.height / rect.height;
-                    let zoomFactor = zFactorWidth >= zFactorHeight ? zFactorHeight : zFactorWidth;
-                    designerCanvas.zoomPoint({ x: coord.x + coord.width / 2, y: coord.y + coord.height / 2 }, zoomFactor);
-                }
-            },
-        ];
-    }
-}
+const offset = 10;
+export class ZoomToElementContextMenu {
+    shouldProvideContextmenu(event, designerCanvas, designItem, initiator) {
+        return true;
+    }
+    provideContextMenuItems(event, designerCanvas, designItem) {
+        return [
+            {
+                title: 'zoom to', action: () => {
+                    const coord = designerCanvas.getNormalizedElementCoordinates(designItem.element);
+                    const startPoint = { x: coord.x - offset, y: coord.y - offset };
+                    const endPoint = { x: coord.x + coord.width + offset, y: coord.y + coord.height + offset };
+                    let rect = {
+                        x: startPoint.x < endPoint.x ? startPoint.x : endPoint.x,
+                        y: startPoint.y < endPoint.y ? startPoint.y : endPoint.y,
+                        width: Math.abs(startPoint.x - endPoint.x),
+                        height: Math.abs(startPoint.y - endPoint.y),
+                    };
+                    let zFactorWidth = designerCanvas.outerRect.width / rect.width;
+                    let zFactorHeight = designerCanvas.outerRect.height / rect.height;
+                    let zoomFactor = zFactorWidth >= zFactorHeight ? zFactorHeight : zFactorWidth;
+                    designerCanvas.zoomPoint({ x: coord.x + coord.width / 2, y: coord.y + coord.height / 2 }, zoomFactor);
+                }
+            },
+        ];
+    }
+}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/AbstractDesignerPointerExtension.d.ts

@@ -1,11 +1,11 @@
-import { IDesignItem } from "../../../../item/IDesignItem.js";
-import { IDesignerCanvas } from "../../IDesignerCanvas.js";
-import { IExtensionManager } from "../IExtensionManger.js";
-import { IDesignerPointerExtension } from "./IDesignerPointerExtension.js";
-import { AbstractExtensionBase } from '../AbstractExtensionBase';
-export declare abstract class AbstractDesignerPointerExtension extends AbstractExtensionBase implements IDesignerPointerExtension {
-    protected extendedItem: IDesignItem;
-    constructor(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas);
-    abstract refresh(event: PointerEvent): any;
-    abstract dispose(): any;
-}
+import { IDesignItem } from "../../../../item/IDesignItem.js";
+import { IDesignerCanvas } from "../../IDesignerCanvas.js";
+import { IExtensionManager } from "../IExtensionManger.js";
+import { IDesignerPointerExtension } from "./IDesignerPointerExtension.js";
+import { AbstractExtensionBase } from '../AbstractExtensionBase';
+export declare abstract class AbstractDesignerPointerExtension extends AbstractExtensionBase implements IDesignerPointerExtension {
+    protected extendedItem: IDesignItem;
+    constructor(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas);
+    abstract refresh(event: PointerEvent): any;
+    abstract dispose(): any;
+}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/AbstractDesignerPointerExtension.js

@@ -1,11 +1,11 @@
-import { AbstractExtensionBase } from '../AbstractExtensionBase';
-//todo:
-//move draw functions to overlay layer
-//implement designerpointerextension
-//create ruler
-export class AbstractDesignerPointerExtension extends AbstractExtensionBase {
-    extendedItem;
-    constructor(extensionManager, designerCanvas) {
-        super(extensionManager, designerCanvas);
-    }
-}
+import { AbstractExtensionBase } from '../AbstractExtensionBase';
+//todo:
+//move draw functions to overlay layer
+//implement designerpointerextension
+//create ruler
+export class AbstractDesignerPointerExtension extends AbstractExtensionBase {
+    extendedItem;
+    constructor(extensionManager, designerCanvas) {
+        super(extensionManager, designerCanvas);
+    }
+}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension.d.ts

@@ -1,13 +1,13 @@
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export declare class CursorLinePointerExtension extends AbstractDesignerPointerExtension {
-    private _lineOffset;
-    private _lineLength;
-    private _circle;
-    private _line1;
-    private _line2;
-    private _line3;
-    private _line4;
-    refresh(event: PointerEvent): void;
-    dispose(): void;
-    style: CSSStyleSheet;
-}
+import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
+export declare class CursorLinePointerExtension extends AbstractDesignerPointerExtension {
+    private _lineOffset;
+    private _lineLength;
+    private _circle;
+    private _line1;
+    private _line2;
+    private _line3;
+    private _line4;
+    refresh(event: PointerEvent): void;
+    dispose(): void;
+    style: CSSStyleSheet;
+}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension.js

@@ -1,26 +1,26 @@
-import { css } from '@node-projects/base-custom-webcomponent';
-import { OverlayLayer } from '../OverlayLayer.js';
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export class CursorLinePointerExtension extends AbstractDesignerPointerExtension {
-    _lineOffset = 5;
-    _lineLength = 10;
-    _circle;
-    _line1;
-    _line2;
-    _line3;
-    _line4;
-    refresh(event) {
-        let mp = this.designerCanvas.getNormalizedEventCoordinates(event);
-        this._circle = this._drawCircle(mp.x, mp.y, 1, 'svg-cursor-line', this._circle, OverlayLayer.Foregorund);
-        this._line1 = this._drawLine(mp.x, mp.y - this._lineOffset, mp.x, mp.y - this._lineOffset - this._lineLength, 'svg-cursor-line', this._line1, OverlayLayer.Foregorund);
-        this._line2 = this._drawLine(mp.x, mp.y + this._lineOffset, mp.x, mp.y + this._lineOffset + this._lineLength, 'svg-cursor-line', this._line2, OverlayLayer.Foregorund);
-        this._line3 = this._drawLine(mp.x - this._lineOffset, mp.y, mp.x - this._lineOffset - this._lineLength, mp.y, 'svg-cursor-line', this._line3, OverlayLayer.Foregorund);
-        this._line4 = this._drawLine(mp.x + this._lineOffset, mp.y, mp.x + this._lineOffset + this._lineLength, mp.y, 'svg-cursor-line', this._line4, OverlayLayer.Foregorund);
-    }
-    dispose() {
-        super._removeAllOverlays();
-    }
+import { css } from '@node-projects/base-custom-webcomponent';
+import { OverlayLayer } from '../OverlayLayer.js';
+import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
+export class CursorLinePointerExtension extends AbstractDesignerPointerExtension {
+    _lineOffset = 5;
+    _lineLength = 10;
+    _circle;
+    _line1;
+    _line2;
+    _line3;
+    _line4;
+    refresh(event) {
+        let mp = this.designerCanvas.getNormalizedEventCoordinates(event);
+        this._circle = this._drawCircle(mp.x, mp.y, 1, 'svg-cursor-line', this._circle, OverlayLayer.Foregorund);
+        this._line1 = this._drawLine(mp.x, mp.y - this._lineOffset, mp.x, mp.y - this._lineOffset - this._lineLength, 'svg-cursor-line', this._line1, OverlayLayer.Foregorund);
+        this._line2 = this._drawLine(mp.x, mp.y + this._lineOffset, mp.x, mp.y + this._lineOffset + this._lineLength, 'svg-cursor-line', this._line2, OverlayLayer.Foregorund);
+        this._line3 = this._drawLine(mp.x - this._lineOffset, mp.y, mp.x - this._lineOffset - this._lineLength, mp.y, 'svg-cursor-line', this._line3, OverlayLayer.Foregorund);
+        this._line4 = this._drawLine(mp.x + this._lineOffset, mp.y, mp.x + this._lineOffset + this._lineLength, mp.y, 'svg-cursor-line', this._line4, OverlayLayer.Foregorund);
+    }
+    dispose() {
+        super._removeAllOverlays();
+    }
     style = css `
     .svg-cursor-line { stroke: black; pointer-events: none }
-  `;
-}
+  `;
+}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider.d.ts

@@ -1,7 +1,7 @@
-import { IDesignerCanvas } from '../../IDesignerCanvas.js';
-import { IDesignerPointerExtension } from './IDesignerPointerExtension.js';
-import { IDesignerPointerExtensionProvider } from './IDesignerPointerExtensionProvider.js';
-export declare class CursorLinePointerExtensionProvider implements IDesignerPointerExtensionProvider {
-    getExtension(designerCanvas: IDesignerCanvas): IDesignerPointerExtension;
-    style: CSSStyleSheet;
-}
+import { IDesignerCanvas } from '../../IDesignerCanvas.js';
+import { IDesignerPointerExtension } from './IDesignerPointerExtension.js';
+import { IDesignerPointerExtensionProvider } from './IDesignerPointerExtensionProvider.js';
+export declare class CursorLinePointerExtensionProvider implements IDesignerPointerExtensionProvider {
+    getExtension(designerCanvas: IDesignerCanvas): IDesignerPointerExtension;
+    style: CSSStyleSheet;
+}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider.js

@@ -1,10 +1,10 @@
-import { css } from '@node-projects/base-custom-webcomponent';
-import { CursorLinePointerExtension } from './CursorLinePointerExtension.js';
-export class CursorLinePointerExtensionProvider {
-    getExtension(designerCanvas) {
-        return new CursorLinePointerExtension(designerCanvas.extensionManager, designerCanvas);
-    }
+import { css } from '@node-projects/base-custom-webcomponent';
+import { CursorLinePointerExtension } from './CursorLinePointerExtension.js';
+export class CursorLinePointerExtensionProvider {
+    getExtension(designerCanvas) {
+        return new CursorLinePointerExtension(designerCanvas.extensionManager, designerCanvas);
+    }
     style = css `
     .svg-cursor-line { stroke: black; pointer-events: none }
-  `;
-}
+  `;
+}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtension.d.ts

@@ -1,5 +1,5 @@
-import { IDisposable } from "../../../../../interfaces/IDisposable.js";
-export interface IDesignerPointerExtension extends IDisposable {
-    refresh(event: PointerEvent): any;
-    style?: CSSStyleSheet;
-}
+import { IDisposable } from "../../../../../interfaces/IDisposable.js";
+export interface IDesignerPointerExtension extends IDisposable {
+    refresh(event: PointerEvent): any;
+    style?: CSSStyleSheet;
+}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtension.js

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

package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtensionProvider.d.ts

@@ -1,6 +1,6 @@
-import { IDesignerCanvas } from "../../IDesignerCanvas.js";
-import { IDesignerPointerExtension } from "./IDesignerPointerExtension.js";
-export interface IDesignerPointerExtensionProvider {
-    getExtension(designerView: IDesignerCanvas): IDesignerPointerExtension;
-    style?: CSSStyleSheet;
-}
+import { IDesignerCanvas } from "../../IDesignerCanvas.js";
+import { IDesignerPointerExtension } from "./IDesignerPointerExtension.js";
+export interface IDesignerPointerExtensionProvider {
+    getExtension(designerView: IDesignerCanvas): IDesignerPointerExtension;
+    style?: CSSStyleSheet;
+}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtensionProvider.js

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

package/dist/elements/widgets/designerView/overlay/EditTextOverlay.d.ts

@@ -1,5 +1,5 @@
-import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-export declare class EditTextOverlay extends BaseCustomWebComponentConstructorAppend {
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-}
+import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
+export declare class EditTextOverlay extends BaseCustomWebComponentConstructorAppend {
+    static readonly style: CSSStyleSheet;
+    static readonly template: HTMLTemplateElement;
+}