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

package/dist/elements/widgets/designerView/extensions/InvisibleDivExtensionProvider.d.ts

@@ -1,10 +1,10 @@
-import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
-export declare class InvisibleDivExtensionProvider implements IDesignerExtensionProvider {
-    shouldExtend(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): boolean;
-    getExtension(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
-    readonly style: CSSStyleSheet;
-}
+import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
+import { IDesignItem } from "../../../item/IDesignItem";
+import { IDesignerCanvas } from "../IDesignerCanvas";
+import { IDesignerExtension } from "./IDesignerExtension";
+import { IExtensionManager } from "./IExtensionManger";
+export declare class InvisibleDivExtensionProvider implements IDesignerExtensionProvider {
+    shouldExtend(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): boolean;
+    getExtension(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
+    readonly style: CSSStyleSheet;
+}

package/dist/elements/widgets/designerView/extensions/InvisibleDivExtensionProvider.js

@@ -1,17 +1,17 @@
-import { InvisibleDivExtension } from "./InvisibleDivExtension";
-import { css } from "@node-projects/base-custom-webcomponent";
-export class InvisibleDivExtensionProvider {
-    shouldExtend(extensionManager, designerCanvas, designItem) {
-        if (designItem.name == 'div') {
-            const st = window.getComputedStyle(designItem.element);
-            return st.backgroundColor == 'rgba(0, 0, 0, 0)' && st.borderStyle == 'none';
-        }
-        return false;
-    }
-    getExtension(extensionManager, designerCanvas, designItem) {
-        return new InvisibleDivExtension(extensionManager, designerCanvas, designItem);
-    }
+import { InvisibleDivExtension } from "./InvisibleDivExtension";
+import { css } from "@node-projects/base-custom-webcomponent";
+export class InvisibleDivExtensionProvider {
+    shouldExtend(extensionManager, designerCanvas, designItem) {
+        if (designItem.name == 'div') {
+            const st = window.getComputedStyle(designItem.element);
+            return st.backgroundColor == 'rgba(0, 0, 0, 0)' && st.borderStyle == 'none';
+        }
+        return false;
+    }
+    getExtension(extensionManager, designerCanvas, designItem) {
+        return new InvisibleDivExtension(extensionManager, designerCanvas, designItem);
+    }
     style = css `
     .svg-invisible-div { stroke: lightgray; fill: transparent; stroke-width: 1;
-  `;
-}
+  `;
+}

package/dist/elements/widgets/designerView/extensions/MouseOverExtension.d.ts

@@ -1,11 +1,11 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { AbstractExtension } from "./AbstractExtension";
-import { IExtensionManager } from "./IExtensionManger";
-export declare class MouseOverExtension extends AbstractExtension {
-    private _rect;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(): void;
-    refresh(): void;
-    dispose(): void;
-}
+import { IDesignItem } from "../../../item/IDesignItem";
+import { IDesignerCanvas } from "../IDesignerCanvas";
+import { AbstractExtension } from "./AbstractExtension";
+import { IExtensionManager } from "./IExtensionManger";
+export declare class MouseOverExtension extends AbstractExtension {
+    private _rect;
+    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
+    extend(): void;
+    refresh(): void;
+    dispose(): void;
+}

package/dist/elements/widgets/designerView/extensions/MouseOverExtension.js

@@ -1,20 +1,20 @@
-import { AbstractExtension } from "./AbstractExtension";
-const offset = 3;
-export class MouseOverExtension extends AbstractExtension {
-    _rect;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        this.refresh();
-    }
-    refresh() {
-        let itemRect = this.extendedItem.element.getBoundingClientRect();
-        const xOffset = itemRect.x - this.designerCanvas.containerBoundingRect.x;
-        const yOffset = itemRect.y - this.designerCanvas.containerBoundingRect.y;
-        this._rect = this._drawRect((xOffset - offset) / this.designerCanvas.scaleFactor, (yOffset - offset) / this.designerCanvas.scaleFactor, (itemRect.width + offset + offset) / this.designerCanvas.scaleFactor, (itemRect.height + offset + offset) / this.designerCanvas.scaleFactor, 'svg-hover', this._rect);
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}
+import { AbstractExtension } from "./AbstractExtension";
+const offset = 3;
+export class MouseOverExtension extends AbstractExtension {
+    _rect;
+    constructor(extensionManager, designerView, extendedItem) {
+        super(extensionManager, designerView, extendedItem);
+    }
+    extend() {
+        this.refresh();
+    }
+    refresh() {
+        let itemRect = this.extendedItem.element.getBoundingClientRect();
+        const xOffset = itemRect.x - this.designerCanvas.containerBoundingRect.x;
+        const yOffset = itemRect.y - this.designerCanvas.containerBoundingRect.y;
+        this._rect = this._drawRect((xOffset - offset) / this.designerCanvas.scaleFactor, (yOffset - offset) / this.designerCanvas.scaleFactor, (itemRect.width + offset + offset) / this.designerCanvas.scaleFactor, (itemRect.height + offset + offset) / this.designerCanvas.scaleFactor, 'svg-hover', this._rect);
+    }
+    dispose() {
+        this._removeAllOverlays();
+    }
+}

package/dist/elements/widgets/designerView/extensions/MouseOverExtensionProvider.d.ts

@@ -1,10 +1,10 @@
-import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
-export declare class MouseOverExtensionProvider implements IDesignerExtensionProvider {
-    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
-    getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
-    readonly style: CSSStyleSheet;
-}
+import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
+import { IDesignItem } from "../../../item/IDesignItem";
+import { IDesignerCanvas } from "../IDesignerCanvas";
+import { IDesignerExtension } from "./IDesignerExtension";
+import { IExtensionManager } from "./IExtensionManger";
+export declare class MouseOverExtensionProvider implements IDesignerExtensionProvider {
+    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
+    getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
+    readonly style: CSSStyleSheet;
+}

package/dist/elements/widgets/designerView/extensions/MouseOverExtensionProvider.js

@@ -1,13 +1,13 @@
-import { MouseOverExtension } from "./MouseOverExtension";
-import { css } from "@node-projects/base-custom-webcomponent";
-export class MouseOverExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        return true;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new MouseOverExtension(extensionManager, designerView, designItem);
-    }
+import { MouseOverExtension } from "./MouseOverExtension";
+import { css } from "@node-projects/base-custom-webcomponent";
+export class MouseOverExtensionProvider {
+    shouldExtend(extensionManager, designerView, designItem) {
+        return true;
+    }
+    getExtension(extensionManager, designerView, designItem) {
+        return new MouseOverExtension(extensionManager, designerView, designItem);
+    }
     style = css `
     .svg-hover { stroke: #90caf9; fill: none; }
-  `;
-}
+  `;
+}

package/dist/elements/widgets/designerView/extensions/OverlayLayer.d.ts

@@ -1,5 +1,5 @@
-export declare enum OverlayLayer {
-    Background = 10,
-    Normal = 20,
-    Foregorund = 30
-}
+export declare enum OverlayLayer {
+    Background = 10,
+    Normal = 20,
+    Foregorund = 30
+}

package/dist/elements/widgets/designerView/extensions/OverlayLayer.js

@@ -1,6 +1,6 @@
-export var OverlayLayer;
-(function (OverlayLayer) {
-    OverlayLayer[OverlayLayer["Background"] = 10] = "Background";
-    OverlayLayer[OverlayLayer["Normal"] = 20] = "Normal";
-    OverlayLayer[OverlayLayer["Foregorund"] = 30] = "Foregorund";
-})(OverlayLayer || (OverlayLayer = {}));
+export var OverlayLayer;
+(function (OverlayLayer) {
+    OverlayLayer[OverlayLayer["Background"] = 10] = "Background";
+    OverlayLayer[OverlayLayer["Normal"] = 20] = "Normal";
+    OverlayLayer[OverlayLayer["Foregorund"] = 30] = "Foregorund";
+})(OverlayLayer || (OverlayLayer = {}));

package/dist/elements/widgets/designerView/extensions/PathExtension.d.ts

@@ -1,23 +1,23 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { AbstractExtension } from "./AbstractExtension";
-import "../../../helper/PathDataPolyfill";
-import { IPoint } from "../../../../interfaces/IPoint";
-import { IExtensionManager } from "./IExtensionManger";
-import { PathData } from "../../../helper/PathDataPolyfill";
-export declare class PathExtension extends AbstractExtension {
-    private _lastPos;
-    private _parentRect;
-    private _startPos;
-    private _circlePos;
-    private _originalPathPoint;
-    private _pathdata;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(): void;
-    pointerEvent(event: PointerEvent, circle: SVGCircleElement, p: PathData, index: number): void;
-    _drawPathCircle(x: number, y: number, p: PathData, index: number): void;
-    _drawPathLine(x1: number, y1: number, x2: number, y2: number): void;
-    _checkCircleIndex(p: PathData, circlePos: IPoint): boolean;
-    refresh(): void;
-    dispose(): void;
-}
+import { IDesignItem } from "../../../item/IDesignItem";
+import { IDesignerCanvas } from "../IDesignerCanvas";
+import { AbstractExtension } from "./AbstractExtension";
+import "../../../helper/PathDataPolyfill";
+import { IPoint } from "../../../../interfaces/IPoint";
+import { IExtensionManager } from "./IExtensionManger";
+import { PathData } from "../../../helper/PathDataPolyfill";
+export declare class PathExtension extends AbstractExtension {
+    private _lastPos;
+    private _parentRect;
+    private _startPos;
+    private _circlePos;
+    private _originalPathPoint;
+    private _pathdata;
+    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
+    extend(): void;
+    pointerEvent(event: PointerEvent, circle: SVGCircleElement, p: PathData, index: number): void;
+    _drawPathCircle(x: number, y: number, p: PathData, index: number): void;
+    _drawPathLine(x1: number, y1: number, x2: number, y2: number): void;
+    _checkCircleIndex(p: PathData, circlePos: IPoint): boolean;
+    refresh(): void;
+    dispose(): void;
+}