@node-projects/web-component-designer 0.0.47 → 0.0.51

package/dist/elements/widgets/designerView/extensions/AbstractExtension copy.d.ts

@@ -1,22 +0,0 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
-import { OverlayLayerView } from '../overlayLayerView';
-import { OverlayLayer } from './OverlayLayer';
-export declare abstract class AbstractExtension implements IDesignerExtension {
-    protected overlays: SVGGraphicsElement[];
-    protected overlayLayerView: OverlayLayerView;
-    protected extensionManager: IExtensionManager;
-    protected designerView: IDesignerCanvas;
-    protected extendedItem: IDesignItem;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    abstract extend(): any;
-    abstract refresh(): any;
-    abstract dispose(): any;
-    protected _removeAllOverlays(): void;
-    _drawLine(x1: number, y1: number, x2: number, y2: number, className?: string, line?: SVGLineElement, overlayLayer?: OverlayLayer): SVGLineElement;
-    _drawCircle(x: number, y: number, radius: number, className?: string, circle?: SVGCircleElement, overlayLayer?: OverlayLayer): SVGCircleElement;
-    _drawRect(x: number, y: number, w: number, h: number, className?: string, rect?: SVGRectElement, overlayLayer?: OverlayLayer): SVGRectElement;
-    _drawText(text: string, x: number, y: number, className?: string, textEl?: SVGTextElement, overlayLayer?: OverlayLayer): SVGTextElement;
-}

package/dist/elements/widgets/designerView/extensions/AbstractExtension copy.js

@@ -1,52 +0,0 @@
-export class AbstractExtension {
-    overlays = [];
-    overlayLayerView;
-    extensionManager;
-    designerView;
-    extendedItem;
-    constructor(extensionManager, designerView, extendedItem) {
-        this.extensionManager = extensionManager;
-        this.designerView = designerView;
-        this.extendedItem = extendedItem;
-        this.overlayLayerView = designerView.overlayLayer;
-    }
-    _removeAllOverlays() {
-        for (let o of this.overlays) {
-            try {
-                this.overlayLayerView.removeOverlay(o);
-            }
-            catch (err) {
-                console.error(err);
-            }
-        }
-        this.overlays = [];
-    }
-    _drawLine(x1, y1, x2, y2, className, line, overlayLayer) {
-        const newLine = this.overlayLayerView.drawLine(x1, y1, x2, y2, className, line, overlayLayer);
-        if (!line) {
-            this.overlays.push(newLine);
-        }
-        return newLine;
-    }
-    _drawCircle(x, y, radius, className, circle, overlayLayer) {
-        const newCircle = this.overlayLayerView.drawCircle(x, y, radius, className, circle, overlayLayer);
-        if (!circle) {
-            this.overlays.push(newCircle);
-        }
-        return circle;
-    }
-    _drawRect(x, y, w, h, className, rect, overlayLayer) {
-        const newRect = this.overlayLayerView.drawRect(x, y, w, h, className, rect, overlayLayer);
-        if (!rect) {
-            this.overlays.push(newRect);
-        }
-        return newRect;
-    }
-    _drawText(text, x, y, className, textEl, overlayLayer) {
-        const newText = this.overlayLayerView.drawText(text, x, y, className, textEl, overlayLayer);
-        if (!textEl) {
-            this.overlays.push(newText);
-        }
-        return newText;
-    }
-}

package/dist/elements/widgets/designerView/extensions/CanvasExtension copy.d.ts

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

package/dist/elements/widgets/designerView/extensions/CanvasExtension copy.js

@@ -1,29 +0,0 @@
-import { AbstractExtension } from "./AbstractExtension";
-export class CanvasExtension extends AbstractExtension {
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        let itemRect = this.extendedItem.element.getBoundingClientRect();
-        const computedStyle = getComputedStyle(this.extendedItem.element);
-        if (computedStyle.margin !== '0px') {
-            const xOffset = itemRect.x - this.designerView.containerBoundingRect.x;
-            const yOffset = itemRect.y - this.designerView.containerBoundingRect.y;
-            const left = Number.parseFloat(computedStyle.marginLeft.replace('px', ''));
-            const top = Number.parseFloat(computedStyle.marginTop.replace('px', ''));
-            const right = Number.parseFloat(computedStyle.marginRight.replace('px', ''));
-            const bottom = Number.parseFloat(computedStyle.marginBottom.replace('px', ''));
-            this._drawRect(xOffset - left, yOffset - top, left + itemRect.width + right, top, 'svg-margin');
-            this._drawRect(xOffset - left, yOffset, left, itemRect.height, 'svg-margin');
-            this._drawRect(xOffset + itemRect.width, yOffset, right, itemRect.height, 'svg-margin');
-            this._drawRect(xOffset - left, yOffset + itemRect.height, left + itemRect.width + right, bottom, 'svg-margin');
-        }
-    }
-    refresh() {
-        this._removeAllOverlays();
-        this.extend();
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/designerView/extensions/CanvasExtensionProvider copy.d.ts

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

@@ -1,15 +0,0 @@
-import { CanvasExtension } from './CanvasExtension';
-import { css } from "@node-projects/base-custom-webcomponent";
-export class CanvasExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (getComputedStyle(designItem.element).display == 'block')
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new CanvasExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-margin { fill: #ff944722; }
-  `;
-}

package/dist/elements/widgets/designerView/extensions/EditText/EditTextCkEditorExtension.d.ts

@@ -1,14 +0,0 @@
-import { IDesignItem } from "../../../../item/IDesignItem.js";
-import { IDesignerView } from "../../IDesignerView.js";
-import { AbstractExtension } from "../AbstractExtension.js";
-import { IExtensionManager } from "../IExtensionManger.js";
-export declare class EditTextCkEditorExtension extends AbstractExtension {
-    private _contentEditedBound;
-    private _blurBound;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerView, extendedItem: IDesignItem);
-    extend(): void;
-    refresh(): void;
-    dispose(): void;
-    _contentEdited(): void;
-    _blur(): void;
-}

package/dist/elements/widgets/designerView/extensions/EditText/EditTextCkEditorExtension.js

@@ -1,42 +0,0 @@
-import { AbstractExtension } from "../AbstractExtension.js";
-import { ExtensionType } from "../ExtensionType.js";
-export class EditTextCkEditorExtension extends AbstractExtension {
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-        this._contentEditedBound = this._contentEdited.bind(this);
-        this._blurBound = this._blur.bind(this);
-    }
-    extend() {
-        //todo -> check what to do with extensions, do not loose edit on mouse click,...
-        //maybe use a html edit framework
-        this.extendedItem.instanceServiceContainer.selectionService.clearSelectedElements();
-        //this.extensionManager.removeExtension(this.extendedItem, ExtensionType.PrimarySelection);
-        //this.extensionManager.removeExtension(this.extendedItem, ExtensionType.Selection);
-        this.extendedItem.element.addEventListener('input', this._contentEditedBound);
-        this.extendedItem.element.addEventListener('blur', this._blurBound);
-        this.extendedItem.element.focus();
-        this.designerView.eatEvents = this.extendedItem.element;
-        //@ts-ignore
-        BalloonEditor
-            .create(this.extendedItem.element)
-            .catch(error => {
-            console.error(error);
-        });
-    }
-    refresh() {
-        this.dispose();
-    }
-    dispose() {
-        this.extendedItem.element.removeEventListener('input', this._contentEditedBound);
-        this.extendedItem.element.removeEventListener('blur', this._blurBound);
-        //this.designerView.disableKeyboardEvents = false;
-    }
-    _contentEdited() {
-        //todo -> save???
-        //this.extendedItem.content = this.extendedItem.element.innerHTML;
-        //console.log(this.extendedItem.element.innerHTML)
-    }
-    _blur() {
-        this.extensionManager.removeExtension(this.extendedItem, ExtensionType.Doubleclick);
-    }
-}

package/dist/elements/widgets/designerView/extensions/EditText/EditTextCkEditorExtensionProvider.d.ts

@@ -1,9 +0,0 @@
-import { IDesignerExtensionProvider } from "../IDesignerExtensionProvider";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerView } from "../../IDesignerView";
-import { IDesignerExtension } from "../IDesignerExtension";
-import { IExtensionManager } from "../IExtensionManger";
-export declare class EditTextCkEditorExtensionProvider implements IDesignerExtensionProvider {
-    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerView, designItem: IDesignItem): boolean;
-    getExtension(extensionManager: IExtensionManager, designerView: IDesignerView, designItem: IDesignItem): IDesignerExtension;
-}

package/dist/elements/widgets/designerView/extensions/EditText/EditTextCkEditorExtensionProvider.js

@@ -1,9 +0,0 @@
-import { EditTextCkEditorExtension } from "./EditTextCkEditorExtension.js";
-export class EditTextCkEditorExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        return true;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new EditTextCkEditorExtension(extensionManager, designerView, designItem);
-    }
-}

package/dist/elements/widgets/designerView/extensions/EditText/EditTextTinyMceExtension.d.ts

@@ -1,27 +0,0 @@
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerView } from "../../IDesignerView";
-import { AbstractExtension } from '../AbstractExtension';
-import { IExtensionManager } from "../IExtensionManger";
-export declare class EditTextTinyMceExtension extends AbstractExtension {
-    private _contentEditedBound;
-    private _blurBound;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerView, extendedItem: IDesignItem);
-    tinyMceConfig: {
-        target: any;
-        menubar: boolean;
-        inline: boolean;
-        plugins: string[];
-        toolbar: string[];
-        valid_elements: string;
-        valid_styles: {
-            '*': string;
-        };
-        powerpaste_word_import: string;
-        powerpaste_html_import: string;
-    };
-    extend(): void;
-    refresh(): void;
-    dispose(): void;
-    _contentEdited(): void;
-    _blur(): void;
-}

package/dist/elements/widgets/designerView/extensions/EditText/EditTextTinyMceExtension.js

@@ -1,61 +0,0 @@
-import { AbstractExtension } from '../AbstractExtension';
-import { ExtensionType } from "../ExtensionType.js";
-export class EditTextTinyMceExtension extends AbstractExtension {
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-        this.tinyMceConfig = {
-            target: null,
-            menubar: false,
-            inline: true,
-            plugins: [
-                'link',
-                'lists',
-                'powerpaste',
-                'autolink',
-                'tinymcespellchecker'
-            ],
-            toolbar: [
-                'undo redo | bold italic underline | fontselect fontsizeselect',
-                'forecolor backcolor | alignleft aligncenter alignright alignfull | numlist bullist outdent indent'
-            ],
-            valid_elements: 'p[style],strong,em,span[style],a[href],ul,ol,li',
-            valid_styles: {
-                '*': 'font-size,font-family,color,text-decoration,text-align'
-            },
-            powerpaste_word_import: 'clean',
-            powerpaste_html_import: 'clean',
-        };
-        this._contentEditedBound = this._contentEdited.bind(this);
-        this._blurBound = this._blur.bind(this);
-    }
-    extend() {
-        //todo -> check what to do with extensions, do not loose edit on mouse click,...
-        //maybe use a html edit framework
-        this.extendedItem.instanceServiceContainer.selectionService.clearSelectedElements();
-        //this.extensionManager.removeExtension(this.extendedItem, ExtensionType.PrimarySelection);
-        //this.extensionManager.removeExtension(this.extendedItem, ExtensionType.Selection);
-        this.extendedItem.element.addEventListener('input', this._contentEditedBound);
-        this.extendedItem.element.addEventListener('blur', this._blurBound);
-        this.extendedItem.element.focus();
-        this.designerView.eatEvents = this.extendedItem.element;
-        this.tinyMceConfig.target = this.extendedItem.element;
-        //@ts-ignore
-        tinymce.init(this.tinyMceConfig);
-    }
-    refresh() {
-        this.dispose();
-    }
-    dispose() {
-        this.extendedItem.element.removeEventListener('input', this._contentEditedBound);
-        this.extendedItem.element.removeEventListener('blur', this._blurBound);
-        //this.designerView.disableKeyboardEvents = false;
-    }
-    _contentEdited() {
-        //todo -> save???
-        //this.extendedItem.content = this.extendedItem.element.innerHTML;
-        //console.log(this.extendedItem.element.innerHTML)
-    }
-    _blur() {
-        this.extensionManager.removeExtension(this.extendedItem, ExtensionType.Doubleclick);
-    }
-}

package/dist/elements/widgets/designerView/extensions/EditText/EditTextTinyMceExtensionProvider.d.ts

@@ -1,9 +0,0 @@
-import { IDesignerExtensionProvider } from "../IDesignerExtensionProvider";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerView } from "../../IDesignerView";
-import { IDesignerExtension } from "../IDesignerExtension";
-import { IExtensionManager } from "../IExtensionManger";
-export declare class EditTextTinyMceExtensionProvider implements IDesignerExtensionProvider {
-    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerView, designItem: IDesignItem): boolean;
-    getExtension(extensionManager: IExtensionManager, designerView: IDesignerView, designItem: IDesignItem): IDesignerExtension;
-}

package/dist/elements/widgets/designerView/extensions/EditText/EditTextTinyMceExtensionProvider.js

@@ -1,9 +0,0 @@
-import { EditTextTinyMceExtension } from "./EditTextTinyMceExtension.js";
-export class EditTextTinyMceExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        return true;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new EditTextTinyMceExtension(extensionManager, designerView, designItem);
-    }
-}

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

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

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

@@ -1,29 +0,0 @@
-import { AbstractExtension } from "./AbstractExtension";
-export class CanvasExtension extends AbstractExtension {
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        let itemRect = this.extendedItem.element.getBoundingClientRect();
-        const computedStyle = getComputedStyle(this.extendedItem.element);
-        if (computedStyle.margin !== '0px') {
-            const xOffset = itemRect.x - this.designerView.containerBoundingRect.x;
-            const yOffset = itemRect.y - this.designerView.containerBoundingRect.y;
-            const left = Number.parseFloat(computedStyle.marginLeft.replace('px', ''));
-            const top = Number.parseFloat(computedStyle.marginTop.replace('px', ''));
-            const right = Number.parseFloat(computedStyle.marginRight.replace('px', ''));
-            const bottom = Number.parseFloat(computedStyle.marginBottom.replace('px', ''));
-            this._drawRect(xOffset - left, yOffset - top, left + itemRect.width + right, top, 'svg-margin');
-            this._drawRect(xOffset - left, yOffset, left, itemRect.height, 'svg-margin');
-            this._drawRect(xOffset + itemRect.width, yOffset, right, itemRect.height, 'svg-margin');
-            this._drawRect(xOffset - left, yOffset + itemRect.height, left + itemRect.width + right, bottom, 'svg-margin');
-        }
-    }
-    refresh() {
-        this._removeAllOverlays();
-        this.extend();
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/designerView/extensions/PermamentCursorExtensionProvider copy.d.ts

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

@@ -1,15 +0,0 @@
-import { CanvasExtension } from './CanvasExtension';
-import { css } from "@node-projects/base-custom-webcomponent";
-export class CanvasExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (getComputedStyle(designItem.element).display == 'block')
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new CanvasExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-margin { fill: #ff944722; }
-  `;
-}

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

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

@@ -1,15 +0,0 @@
-import { CanvasExtension } from './CanvasExtension';
-import { css } from "@node-projects/base-custom-webcomponent";
-export class CanvasExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (getComputedStyle(designItem.element).display == 'block')
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new CanvasExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-margin { fill: #ff944722; }
-  `;
-}

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

@@ -1,22 +0,0 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
-import { OverlayLayerView } from '../overlayLayerView';
-import { OverlayLayer } from './OverlayLayer';
-export declare abstract class AbstractExtension implements IDesignerExtension {
-    protected overlays: SVGGraphicsElement[];
-    protected overlayLayerView: OverlayLayerView;
-    protected extensionManager: IExtensionManager;
-    protected designerView: IDesignerCanvas;
-    protected extendedItem: IDesignItem;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    abstract extend(): any;
-    abstract refresh(): any;
-    abstract dispose(): any;
-    protected _removeAllOverlays(): void;
-    _drawLineOverlay(x1: number, y1: number, x2: number, y2: number, className?: string, line?: SVGLineElement, overlayLayer?: OverlayLayer): SVGLineElement;
-    _drawCircleOverlay(x: number, y: number, radius: number, className?: string, circle?: SVGCircleElement, overlayLayer?: OverlayLayer): SVGCircleElement;
-    _drawRect(x: number, y: number, w: number, h: number, className?: string, rect?: SVGRectElement, overlayLayer?: OverlayLayer): SVGRectElement;
-    _drawText(text: string, x: number, y: number, className?: string, textEl?: SVGTextElement, overlayLayer?: OverlayLayer): SVGTextElement;
-}

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

@@ -1,78 +0,0 @@
-export class AbstractExtension {
-    overlays = [];
-    overlayLayerView;
-    extensionManager;
-    designerView;
-    extendedItem;
-    constructor(extensionManager, designerView, extendedItem) {
-        this.extensionManager = extensionManager;
-        this.designerView = designerView;
-        this.extendedItem = extendedItem;
-        this.overlayLayerView = designerView.overlayLayer;
-    }
-    _removeAllOverlays() {
-        for (let o of this.overlays) {
-            try {
-                this.overlayLayerView.removeOverlay(o);
-            }
-            catch (err) {
-                console.error(err);
-            }
-        }
-        this.overlays = [];
-    }
-    _drawLineOverlay(x1, y1, x2, y2, className, line, overlayLayer) {
-        if (!line) {
-            line = document.createElementNS("http://www.w3.org/2000/svg", "line");
-            this.overlayLayerView.addOverlay(line, overlayLayer);
-            this.overlays.push(line);
-        }
-        line.setAttribute('x1', x1);
-        line.setAttribute('y1', y1);
-        line.setAttribute('x2', x2);
-        line.setAttribute('y2', y2);
-        if (className)
-            line.setAttribute('class', className);
-        return line;
-    }
-    _drawCircleOverlay(x, y, radius, className, circle, overlayLayer) {
-        if (!circle) {
-            circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-            this.overlayLayerView.addOverlay(circle, overlayLayer);
-            this.overlays.push(circle);
-        }
-        circle.setAttribute('cx', x);
-        circle.setAttribute('cy', y);
-        circle.setAttribute('r', radius);
-        if (className)
-            circle.setAttribute('class', className);
-        return circle;
-    }
-    _drawRect(x, y, w, h, className, rect, overlayLayer) {
-        if (!rect) {
-            rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-            this.overlayLayerView.addOverlay(rect, overlayLayer);
-            this.overlays.push(rect);
-        }
-        rect.setAttribute('x', x);
-        rect.setAttribute('y', y);
-        rect.setAttribute('width', w);
-        rect.setAttribute('height', h);
-        if (className)
-            rect.setAttribute('class', className);
-        return rect;
-    }
-    _drawText(text, x, y, className, textEl, overlayLayer) {
-        if (!textEl) {
-            textEl = document.createElementNS("http://www.w3.org/2000/svg", "text");
-            this.overlayLayerView.addOverlay(textEl, overlayLayer);
-            this.overlays.push(textEl);
-        }
-        textEl.setAttribute('x', x);
-        textEl.setAttribute('y', y);
-        textEl.textContent = text;
-        if (className)
-            textEl.setAttribute('class', className);
-        return textEl;
-    }
-}

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

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

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

@@ -1,27 +0,0 @@
-import { css } from '@node-projects/base-custom-webcomponent';
-import { OverlayLayer } from '../OverlayLayer.js';
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export class CursorRectanglePointerExtension extends AbstractDesignerPointerExtension {
-    _lineOffset = 5;
-    _lineLength = 10;
-    _line1;
-    _line2;
-    _line3;
-    _line4;
-    extend(event) {
-        this.refresh(event);
-    }
-    refresh(event) {
-        let mp = this.designerView.getNormalizedEventCoordinates(event);
-        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/CursorRectangleExtension.d.ts

@@ -1,7 +0,0 @@
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export declare class CursorRectangleExtension extends AbstractDesignerPointerExtension {
-    private _rect;
-    extend(event: PointerEvent): void;
-    refresh(event: PointerEvent): void;
-    dispose(): void;
-}

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

@@ -1,20 +0,0 @@
-import { OverlayLayer } from '../OverlayLayer.js';
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export class CursorRectangleExtension extends AbstractDesignerPointerExtension {
-    _rect;
-    extend(event) {
-        this._rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-        this.overlayLayerView.addOverlay(this._rect, OverlayLayer.Foregorund);
-    }
-    refresh(event) {
-        let mp = this.designerView.getNormalizedEventCoordinates(event);
-        this._rect.setAttribute('class', 'svg-selector');
-        this._rect.setAttribute('x', (mp.x - 5));
-        this._rect.setAttribute('y', (mp.y - 5));
-        this._rect.setAttribute('width', (10));
-        this._rect.setAttribute('height', (10));
-    }
-    dispose() {
-        super._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectanglePointerExtension copy.d.ts

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