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

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

@@ -1,24 +1,24 @@
-export var ExtensionType;
-(function (ExtensionType) {
-    ExtensionType[ExtensionType["Permanent"] = 1] = "Permanent";
-    ExtensionType[ExtensionType["Selection"] = 2] = "Selection";
-    ExtensionType[ExtensionType["PrimarySelection"] = 3] = "PrimarySelection";
-    ExtensionType[ExtensionType["PrimarySelectionContainer"] = 4] = "PrimarySelectionContainer";
-    ExtensionType[ExtensionType["MouseOver"] = 5] = "MouseOver";
-    ExtensionType[ExtensionType["OnlyOneItemSelected"] = 6] = "OnlyOneItemSelected";
-    ExtensionType[ExtensionType["MultipleItemsSelected"] = 7] = "MultipleItemsSelected";
-    /**
-     * Extension for the Container wich the dragged element is draged over.
-     */
-    ExtensionType[ExtensionType["ContainerDragOver"] = 8] = "ContainerDragOver";
-    /**
-    * Extension for the Container on wich a new element is draged over.
-    */
-    ExtensionType[ExtensionType["ContainerExternalDragOver"] = 9] = "ContainerExternalDragOver";
-    /**
-     * Extension for the Current Container wich the dragged element is contained.
-     */
-    ExtensionType[ExtensionType["ContainerDrag"] = 10] = "ContainerDrag";
-    ExtensionType[ExtensionType["Doubleclick"] = 11] = "Doubleclick";
-    ExtensionType[ExtensionType["Placement"] = 12] = "Placement";
-})(ExtensionType || (ExtensionType = {}));
+export var ExtensionType;
+(function (ExtensionType) {
+    ExtensionType[ExtensionType["Permanent"] = 1] = "Permanent";
+    ExtensionType[ExtensionType["Selection"] = 2] = "Selection";
+    ExtensionType[ExtensionType["PrimarySelection"] = 3] = "PrimarySelection";
+    ExtensionType[ExtensionType["PrimarySelectionContainer"] = 4] = "PrimarySelectionContainer";
+    ExtensionType[ExtensionType["MouseOver"] = 5] = "MouseOver";
+    ExtensionType[ExtensionType["OnlyOneItemSelected"] = 6] = "OnlyOneItemSelected";
+    ExtensionType[ExtensionType["MultipleItemsSelected"] = 7] = "MultipleItemsSelected";
+    /**
+     * Extension for the Container wich the dragged element is draged over.
+     */
+    ExtensionType[ExtensionType["ContainerDragOver"] = 8] = "ContainerDragOver";
+    /**
+    * Extension for the Container on wich a new element is draged over.
+    */
+    ExtensionType[ExtensionType["ContainerExternalDragOver"] = 9] = "ContainerExternalDragOver";
+    /**
+     * Extension for the Current Container wich the dragged element is contained.
+     */
+    ExtensionType[ExtensionType["ContainerDrag"] = 10] = "ContainerDrag";
+    ExtensionType[ExtensionType["Doubleclick"] = 11] = "Doubleclick";
+    ExtensionType[ExtensionType["Placement"] = 12] = "Placement";
+})(ExtensionType || (ExtensionType = {}));

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

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

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

@@ -1,20 +1,20 @@
-import { getDesignerCanvasNormalizedTransformedCornerDOMPoints } from '../../../helper/TransformHelper.js';
-import { AbstractExtension } from './AbstractExtension.js';
-import { OverlayLayer } from './OverlayLayer.js';
-export class FlexboxExtension extends AbstractExtension {
-    _path;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        let transformedCornerPoints = getDesignerCanvasNormalizedTransformedCornerDOMPoints(this.extendedItem.element, null, this.designerCanvas);
-        this._path = this._drawTransformedRect(transformedCornerPoints, 'svg-flexbox', this._path, OverlayLayer.Background);
-    }
-    refresh() {
-        this._removeAllOverlays();
-        this.extend();
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}
+import { getDesignerCanvasNormalizedTransformedCornerDOMPoints } from '../../../helper/TransformHelper.js';
+import { AbstractExtension } from './AbstractExtension.js';
+import { OverlayLayer } from './OverlayLayer.js';
+export class FlexboxExtension extends AbstractExtension {
+    _path;
+    constructor(extensionManager, designerView, extendedItem) {
+        super(extensionManager, designerView, extendedItem);
+    }
+    extend() {
+        let transformedCornerPoints = getDesignerCanvasNormalizedTransformedCornerDOMPoints(this.extendedItem.element, null, this.designerCanvas);
+        this._path = this._drawTransformedRect(transformedCornerPoints, 'svg-flexbox', this._path, OverlayLayer.Background);
+    }
+    refresh() {
+        this._removeAllOverlays();
+        this.extend();
+    }
+    dispose() {
+        this._removeAllOverlays();
+    }
+}

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

@@ -1,11 +1,11 @@
-import { IDesignerExtensionProvider } from './IDesignerExtensionProvider.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { IDesignerExtension } from './IDesignerExtension.js';
-import { IExtensionManager } from './IExtensionManger.js';
-export declare const flexboxExtensionShowOverlayOptionName = "flexboxExtensionShowOverlay";
-export declare class FlexboxExtensionProvider 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.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { IDesignerExtension } from './IDesignerExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
+export declare const flexboxExtensionShowOverlayOptionName = "flexboxExtensionShowOverlay";
+export declare class FlexboxExtensionProvider 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/FlexboxExtensionProvider.js

@@ -1,17 +1,17 @@
-import { css } from "@node-projects/base-custom-webcomponent";
-import { FlexboxExtension } from './FlexboxExtension.js';
-export const flexboxExtensionShowOverlayOptionName = 'flexboxExtensionShowOverlay';
-export class FlexboxExtensionProvider {
-    shouldExtend(extensionManager, designerCanvas, designItem) {
-        const display = getComputedStyle(designItem.element).display;
-        if (display == 'flex' || display == 'inline-flex')
-            return designerCanvas.instanceServiceContainer.designContext.extensionOptions[flexboxExtensionShowOverlayOptionName] !== false;
-        return false;
-    }
-    getExtension(extensionManager, designerCanvas, designItem) {
-        return new FlexboxExtension(extensionManager, designerCanvas, designItem);
-    }
+import { css } from "@node-projects/base-custom-webcomponent";
+import { FlexboxExtension } from './FlexboxExtension.js';
+export const flexboxExtensionShowOverlayOptionName = 'flexboxExtensionShowOverlay';
+export class FlexboxExtensionProvider {
+    shouldExtend(extensionManager, designerCanvas, designItem) {
+        const display = getComputedStyle(designItem.element).display;
+        if (display == 'flex' || display == 'inline-flex')
+            return designerCanvas.instanceServiceContainer.designContext.extensionOptions[flexboxExtensionShowOverlayOptionName] !== false;
+        return false;
+    }
+    getExtension(extensionManager, designerCanvas, designItem) {
+        return new FlexboxExtension(extensionManager, designerCanvas, designItem);
+    }
     style = css `
     .svg-flexbox { stroke: orange; fill: #9a47ff22; }
-  `;
-}
+  `;
+}

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

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

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

@@ -1,19 +1,19 @@
-import { getDesignerCanvasNormalizedTransformedCornerDOMPoints } from '../../../helper/TransformHelper.js';
-import { AbstractExtension } from './AbstractExtension.js';
-import { OverlayLayer } from "./OverlayLayer.js";
-export class GrayOutDragOverContainerExtension extends AbstractExtension {
-    _rect;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        this.refresh();
-    }
-    refresh() {
-        let transformedCornerPoints = getDesignerCanvasNormalizedTransformedCornerDOMPoints(this.extendedItem.element, null, this.designerCanvas);
-        this._rect = this._drawTransformedRect(transformedCornerPoints, 'svg-rect-enter-container', this._rect, OverlayLayer.Background);
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}
+import { getDesignerCanvasNormalizedTransformedCornerDOMPoints } from '../../../helper/TransformHelper.js';
+import { AbstractExtension } from './AbstractExtension.js';
+import { OverlayLayer } from "./OverlayLayer.js";
+export class GrayOutDragOverContainerExtension extends AbstractExtension {
+    _rect;
+    constructor(extensionManager, designerView, extendedItem) {
+        super(extensionManager, designerView, extendedItem);
+    }
+    extend() {
+        this.refresh();
+    }
+    refresh() {
+        let transformedCornerPoints = getDesignerCanvasNormalizedTransformedCornerDOMPoints(this.extendedItem.element, null, this.designerCanvas);
+        this._rect = this._drawTransformedRect(transformedCornerPoints, 'svg-rect-enter-container', this._rect, OverlayLayer.Background);
+    }
+    dispose() {
+        this._removeAllOverlays();
+    }
+}

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

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

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

@@ -1,13 +1,13 @@
-import { css } from "@node-projects/base-custom-webcomponent";
-import { GrayOutDragOverContainerExtension } from "./GrayOutDragOverContainerExtension.js";
-export class GrayOutDragOverContainerExtensionProvider {
-    shouldExtend(extensionManager, designerCanvas, designItem) {
-        return true;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new GrayOutDragOverContainerExtension(extensionManager, designerView, designItem);
-    }
+import { css } from "@node-projects/base-custom-webcomponent";
+import { GrayOutDragOverContainerExtension } from "./GrayOutDragOverContainerExtension.js";
+export class GrayOutDragOverContainerExtensionProvider {
+    shouldExtend(extensionManager, designerCanvas, designItem) {
+        return true;
+    }
+    getExtension(extensionManager, designerView, designItem) {
+        return new GrayOutDragOverContainerExtension(extensionManager, designerView, designItem);
+    }
     style = css `
     .svg-rect-enter-container { stroke: none; fill: #aa00ff2e; }
-  `;
-}
+  `;
+}

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

@@ -1,13 +1,13 @@
-import { IRect } from '../../../../interfaces/IRect.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { AbstractExtension } from './AbstractExtension.js';
-import { IExtensionManager } from './IExtensionManger.js';
-export declare class GrayOutExtension extends AbstractExtension {
-    private _path;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(): void;
-    refresh(): void;
-    drawGrayOut(r: IRect): void;
-    dispose(): void;
-}
+import { IRect } from '../../../../interfaces/IRect.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { AbstractExtension } from './AbstractExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
+export declare class GrayOutExtension extends AbstractExtension {
+    private _path;
+    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
+    extend(): void;
+    refresh(): void;
+    drawGrayOut(r: IRect): void;
+    dispose(): void;
+}

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

@@ -1,33 +1,33 @@
-import { AbstractExtension } from './AbstractExtension.js';
-import { OverlayLayer } from "./OverlayLayer.js";
-export class GrayOutExtension extends AbstractExtension {
-    _path;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        this.refresh();
-    }
-    refresh() {
-        if (!this._path) {
-            this._path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-            this._path.setAttribute('class', 'svg-gray-out');
-            this.overlayLayerView.addOverlay(this._path, OverlayLayer.Background);
-            this.overlays.push(this._path);
-        }
-        let normalizedRect = this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);
-        this.drawGrayOut(normalizedRect);
-    }
-    drawGrayOut(r) {
-        let outsideRect = { width: this.designerCanvas.containerBoundingRect.width / this.designerCanvas.scaleFactor, height: this.designerCanvas.containerBoundingRect.height / this.designerCanvas.scaleFactor };
-        const pathPoints = "M0 0 L0 " + outsideRect.height + "L" + r.x + " " + outsideRect.height + "L" + r.x + " 0" + " L0 0" +
-            "M" + r.x + " 0 L" + r.x + " " + r.y + "L" + outsideRect.width + " " + r.y + "L" + outsideRect.width + " 0" + "L" + r.x + " 0" +
-            "M" + r.x + " " + (r.y + r.height) + "L" + r.x + " " + outsideRect.height + "L" + outsideRect.width + " " + outsideRect.height + "L" + outsideRect.width + " " + (r.y + r.height) + "L" + r.x + " " + (r.y + r.height) +
-            "M" + (r.x + r.width) + " " + r.y + "L" + (r.x + r.width) + " " + (r.y + r.height) + "L" + outsideRect.width + " " + (r.y + r.height) + "L" + outsideRect.width + " " + (r.y) + "L" + (r.x + r.width) + " " + r.y;
-        this._path.setAttribute("d", pathPoints);
-    }
-    dispose() {
-        this._removeAllOverlays();
-        this._path = null;
-    }
-}
+import { AbstractExtension } from './AbstractExtension.js';
+import { OverlayLayer } from "./OverlayLayer.js";
+export class GrayOutExtension extends AbstractExtension {
+    _path;
+    constructor(extensionManager, designerView, extendedItem) {
+        super(extensionManager, designerView, extendedItem);
+    }
+    extend() {
+        this.refresh();
+    }
+    refresh() {
+        if (!this._path) {
+            this._path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+            this._path.setAttribute('class', 'svg-gray-out');
+            this.overlayLayerView.addOverlay(this._path, OverlayLayer.Background);
+            this.overlays.push(this._path);
+        }
+        let normalizedRect = this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);
+        this.drawGrayOut(normalizedRect);
+    }
+    drawGrayOut(r) {
+        let outsideRect = { width: this.designerCanvas.containerBoundingRect.width / this.designerCanvas.scaleFactor, height: this.designerCanvas.containerBoundingRect.height / this.designerCanvas.scaleFactor };
+        const pathPoints = "M0 0 L0 " + outsideRect.height + "L" + r.x + " " + outsideRect.height + "L" + r.x + " 0" + " L0 0" +
+            "M" + r.x + " 0 L" + r.x + " " + r.y + "L" + outsideRect.width + " " + r.y + "L" + outsideRect.width + " 0" + "L" + r.x + " 0" +
+            "M" + r.x + " " + (r.y + r.height) + "L" + r.x + " " + outsideRect.height + "L" + outsideRect.width + " " + outsideRect.height + "L" + outsideRect.width + " " + (r.y + r.height) + "L" + r.x + " " + (r.y + r.height) +
+            "M" + (r.x + r.width) + " " + r.y + "L" + (r.x + r.width) + " " + (r.y + r.height) + "L" + outsideRect.width + " " + (r.y + r.height) + "L" + outsideRect.width + " " + (r.y) + "L" + (r.x + r.width) + " " + r.y;
+        this._path.setAttribute("d", pathPoints);
+    }
+    dispose() {
+        this._removeAllOverlays();
+        this._path = null;
+    }
+}

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

@@ -1,10 +1,10 @@
-import { IDesignerExtensionProvider } from './IDesignerExtensionProvider.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { IDesignerExtension } from './IDesignerExtension.js';
-import { IExtensionManager } from './IExtensionManger.js';
-export declare class GrayOutExtensionProvider 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.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { IDesignerExtension } from './IDesignerExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
+export declare class GrayOutExtensionProvider 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/GrayOutExtensionProvider.js

@@ -1,13 +1,13 @@
-import { GrayOutExtension } from './GrayOutExtension.js';
-import { css } from "@node-projects/base-custom-webcomponent";
-export class GrayOutExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        return true;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new GrayOutExtension(extensionManager, designerView, designItem);
-    }
+import { GrayOutExtension } from './GrayOutExtension.js';
+import { css } from "@node-projects/base-custom-webcomponent";
+export class GrayOutExtensionProvider {
+    shouldExtend(extensionManager, designerView, designItem) {
+        return true;
+    }
+    getExtension(extensionManager, designerView, designItem) {
+        return new GrayOutExtension(extensionManager, designerView, designItem);
+    }
     style = css `
     .svg-gray-out { stroke: transparent; fill: rgba(211, 211, 211, 0.8); pointer-events: none }
-  `;
-}
+  `;
+}

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

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

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

@@ -1,20 +1,20 @@
-import { getDesignerCanvasNormalizedTransformedCornerDOMPoints } from '../../../helper/TransformHelper.js';
-import { AbstractExtension } from './AbstractExtension.js';
-const offset = 3;
-export class HighlightElementExtension extends AbstractExtension {
-    _rect;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        this.refresh();
-    }
-    refresh() {
-        let transformedCornerPoints = getDesignerCanvasNormalizedTransformedCornerDOMPoints(this.extendedItem.element, { x: offset, y: offset }, this.designerCanvas);
-        this._rect = this._drawTransformedRect(transformedCornerPoints, 'svg-hover', this._rect);
-        this._rect.style.strokeWidth = (2 / this.designerCanvas.zoomFactor).toString();
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}
+import { getDesignerCanvasNormalizedTransformedCornerDOMPoints } from '../../../helper/TransformHelper.js';
+import { AbstractExtension } from './AbstractExtension.js';
+const offset = 3;
+export class HighlightElementExtension extends AbstractExtension {
+    _rect;
+    constructor(extensionManager, designerView, extendedItem) {
+        super(extensionManager, designerView, extendedItem);
+    }
+    extend() {
+        this.refresh();
+    }
+    refresh() {
+        let transformedCornerPoints = getDesignerCanvasNormalizedTransformedCornerDOMPoints(this.extendedItem.element, { x: offset, y: offset }, this.designerCanvas);
+        this._rect = this._drawTransformedRect(transformedCornerPoints, 'svg-hover', this._rect);
+        this._rect.style.strokeWidth = (2 / this.designerCanvas.zoomFactor).toString();
+    }
+    dispose() {
+        this._removeAllOverlays();
+    }
+}

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

@@ -1,10 +1,10 @@
-import { IDesignerExtensionProvider } from './IDesignerExtensionProvider.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { IDesignerExtension } from './IDesignerExtension.js';
-import { IExtensionManager } from './IExtensionManger.js';
-export declare class HighlightElementExtensionProvider 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.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { IDesignerExtension } from './IDesignerExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
+export declare class HighlightElementExtensionProvider 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/HighlightElementExtensionProvider.js

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

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

@@ -1,5 +1,5 @@
-import { IDisposable } from '../../../../interfaces/IDisposable.js';
-export interface IDesignerExtension extends IDisposable {
-    extend(event?: Event): any;
-    refresh(event?: Event): any;
-}
+import { IDisposable } from '../../../../interfaces/IDisposable.js';
+export interface IDesignerExtension extends IDisposable {
+    extend(event?: Event): any;
+    refresh(event?: Event): any;
+}

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

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

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

@@ -1,9 +1,9 @@
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { IDesignerExtension } from './IDesignerExtension.js';
-import { IExtensionManager } from './IExtensionManger.js';
-export interface IDesignerExtensionProvider {
-    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
-    getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
-    style?: CSSStyleSheet | CSSStyleSheet[];
-}
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { IDesignerExtension } from './IDesignerExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
+export interface IDesignerExtensionProvider {
+    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
+    getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
+    style?: CSSStyleSheet | CSSStyleSheet[];
+}

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

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

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

@@ -1,14 +1,14 @@
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { ExtensionType } from './ExtensionType.js';
-import { IDesignerExtension } from './IDesignerExtension.js';
-export interface IExtensionManager {
-    applyExtension(designItem: IDesignItem, extensionType: ExtensionType, event?: Event, recursive?: boolean): IDesignerExtension[];
-    applyExtensions(designItems: IDesignItem[], extensionType: ExtensionType, event?: Event, recursive?: boolean): any;
-    removeExtension(designItem: IDesignItem, extensionType?: ExtensionType): any;
-    removeExtensions(designItems: IDesignItem[], recursive: boolean, extensionType?: ExtensionType): any;
-    refreshExtension(designItem: IDesignItem, extensionType?: ExtensionType, event?: Event): any;
-    refreshExtensions(designItems: IDesignItem[], extensionType?: ExtensionType, event?: Event): any;
-    refreshAllExtensions(designItems: IDesignItem[], ignoredExtension?: IDesignerExtension): any;
-    refreshAllAppliedExtentions(): any;
-    reapplyAllAppliedExtentions(): any;
-}
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { ExtensionType } from './ExtensionType.js';
+import { IDesignerExtension } from './IDesignerExtension.js';
+export interface IExtensionManager {
+    applyExtension(designItem: IDesignItem, extensionType: ExtensionType, event?: Event, recursive?: boolean): IDesignerExtension[];
+    applyExtensions(designItems: IDesignItem[], extensionType: ExtensionType, event?: Event, recursive?: boolean): any;
+    removeExtension(designItem: IDesignItem, extensionType?: ExtensionType): any;
+    removeExtensions(designItems: IDesignItem[], recursive: boolean, extensionType?: ExtensionType): any;
+    refreshExtension(designItem: IDesignItem, extensionType?: ExtensionType, event?: Event): any;
+    refreshExtensions(designItems: IDesignItem[], extensionType?: ExtensionType, event?: Event): any;
+    refreshAllExtensions(designItems: IDesignItem[], ignoredExtension?: IDesignerExtension): any;
+    refreshAllAppliedExtentions(): any;
+    reapplyAllAppliedExtentions(): any;
+}

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

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