@node-projects/web-component-designer 0.1.253 → 0.1.254

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

@@ -1,31 +0,0 @@
-import { AbstractExtension } from './AbstractExtension.js';
-export class CanvasExtension extends AbstractExtension {
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        this.refresh();
-    }
-    refresh() {
-        const itemRect = this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);
-        const computedStyle = getComputedStyle(this.extendedItem.element);
-        if (computedStyle.margin !== '0px') {
-            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', ''));
-            if (!isNaN(left) && !isNaN(top) && !isNaN(right) && !isNaN(bottom)) {
-                if (this._valuesHaveChanges(left, top, right, bottom, itemRect.x, itemRect.y, itemRect.width, itemRect.height)) {
-                    this._removeAllOverlays();
-                    this._drawRect(itemRect.x - left, itemRect.y - top, left + itemRect.width + right, top, 'svg-margin');
-                    this._drawRect(itemRect.x - left, itemRect.y, left, itemRect.height, 'svg-margin');
-                    this._drawRect(itemRect.x + itemRect.width, itemRect.y, right, itemRect.height, 'svg-margin');
-                    this._drawRect(itemRect.x - left, itemRect.y + itemRect.height, left + itemRect.width + right, bottom, 'svg-margin');
-                }
-            }
-        }
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

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

@@ -1,10 +0,0 @@
-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 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.js

@@ -1,16 +0,0 @@
-import { CanvasExtension } from './CanvasExtension.js';
-import { css } from "@node-projects/base-custom-webcomponent";
-import { NodeType } from '../../../item/NodeType.js';
-export class CanvasExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (designItem.nodeType == NodeType.Element)
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new CanvasExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-margin { fill: #ff944766; }
-  `;
-}

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

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

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

@@ -1,32 +0,0 @@
-import { AbstractExtension } from './AbstractExtension.js';
-import { OverlayLayer } from './OverlayLayer.js';
-export class MarginExtension extends AbstractExtension {
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        this.refresh();
-    }
-    refresh() {
-        const itemRect = this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);
-        const computedStyle = getComputedStyle(this.extendedItem.element);
-        if (computedStyle.margin !== '0px') {
-            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', ''));
-            if (!isNaN(left) && !isNaN(top) && !isNaN(right) && !isNaN(bottom)) {
-                if (this._valuesHaveChanges(left, top, right, bottom, itemRect.x, itemRect.y, itemRect.width, itemRect.height)) {
-                    this._removeAllOverlays();
-                    this._drawRect(itemRect.x - left, itemRect.y - top, left + itemRect.width + right, top, 'svg-margin', null, OverlayLayer.Background);
-                    this._drawRect(itemRect.x - left, itemRect.y, left, itemRect.height, 'svg-margin', null, OverlayLayer.Background);
-                    this._drawRect(itemRect.x + itemRect.width, itemRect.y, right, itemRect.height, 'svg-margin', null, OverlayLayer.Background);
-                    this._drawRect(itemRect.x - left, itemRect.y + itemRect.height, left + itemRect.width + right, bottom, 'svg-margin', null, OverlayLayer.Background);
-                }
-            }
-        }
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

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

@@ -1,10 +0,0 @@
-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 MarginExtensionProvider 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/MarginExtensionProvider copy.js

@@ -1,16 +0,0 @@
-import { MarginExtension } from './MarginExtension.js';
-import { css } from "@node-projects/base-custom-webcomponent";
-import { NodeType } from '../../../item/NodeType.js';
-export class MarginExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (designItem.nodeType == NodeType.Element)
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new MarginExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-margin { fill: #ff944766; }
-  `;
-}

package/dist/elements/widgets/designerView/extensions/buttons/AbstractDesignViewConfigButton copy.d.ts

@@ -1,12 +0,0 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem.js";
-import { DesignerView } from "../../designerView.js";
-import { IDesignerCanvas } from '../../IDesignerCanvas.js';
-import { IDesignViewConfigButtonsProvider } from "./IDesignViewConfigButtonsProvider.js";
-export declare class AbstractDesignViewConfigButton implements IDesignViewConfigButtonsProvider {
-    protected settingName: any;
-    private content;
-    private tooltp;
-    private contextmenu;
-    constructor(settingName: string, content: string | HTMLElement, tooltip: string, contextmenu?: IContextMenuItem[]);
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

package/dist/elements/widgets/designerView/extensions/buttons/AbstractDesignViewConfigButton copy.js

@@ -1,46 +0,0 @@
-import { ContextMenu } from "../../../../helper/contextMenu/ContextMenu.js";
-export class AbstractDesignViewConfigButton {
-    settingName;
-    content;
-    tooltp;
-    contextmenu;
-    constructor(settingName, content, tooltip, contextmenu) {
-        this.settingName = settingName;
-        this.content = content;
-        this.tooltp = tooltip;
-        this.contextmenu = contextmenu;
-    }
-    provideButtons(designerView, designerCanvas) {
-        const btn = document.createElement('div');
-        if (typeof this.content == 'string')
-            btn.innerHTML = this.content;
-        else
-            btn.appendChild(this.content);
-        btn.title = this.tooltp;
-        btn.className = 'toolbar-control';
-        designerCanvas.instanceServiceContainer.designContext.extensionOptionsChanged.on(() => {
-            if (extensionOptions[this.settingName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-        });
-        const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
-        if (extensionOptions[this.settingName] !== false)
-            btn.classList.add('selected');
-        btn.onclick = () => {
-            const val = extensionOptions[this.settingName];
-            extensionOptions[this.settingName] = val === false ? true : false;
-            if (extensionOptions[this.settingName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-        };
-        btn.oncontextmenu = (e) => {
-            e.preventDefault();
-            if (this.contextmenu) {
-                ContextMenu.show(this.contextmenu, e);
-            }
-        };
-        return [btn];
-    }
-}

package/dist/elements/widgets/designerView/extensions/buttons/GridExtensionDesignViewConfigButtons copy.d.ts

@@ -1,4 +0,0 @@
-import { AbstractDesignViewConfigButton } from "./AbstractDesignViewConfigButton.js";
-export declare class GridExtensionDesignViewConfigButtons extends AbstractDesignViewConfigButton {
-    constructor();
-}

package/dist/elements/widgets/designerView/extensions/buttons/GridExtensionDesignViewConfigButtons copy.js

@@ -1,7 +0,0 @@
-import { gridExtensionShowOverlayOptionName } from "../grid/DisplayGridExtensionProvider.js";
-import { AbstractDesignViewConfigButton } from "./AbstractDesignViewConfigButton.js";
-export class GridExtensionDesignViewConfigButtons extends AbstractDesignViewConfigButton {
-    constructor() {
-        super(gridExtensionShowOverlayOptionName, "G", "show grid overlay");
-    }
-}

package/dist/elements/widgets/designerView/extensions/buttons/OptionsConfigButton.d.ts

@@ -1,12 +0,0 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem.js";
-import { DesignerView } from "../../designerView.js";
-import { IDesignerCanvas } from '../../IDesignerCanvas.js';
-import { IDesignViewConfigButtonsProvider } from "./IDesignViewConfigButtonsProvider.js";
-export declare class AbstractDesignViewConfigButton implements IDesignViewConfigButtonsProvider {
-    protected settingName: any;
-    private content;
-    private tooltp;
-    private contextmenu;
-    constructor(settingName: string, content: string | HTMLElement, tooltip: string, contextmenu?: IContextMenuItem[]);
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

package/dist/elements/widgets/designerView/extensions/buttons/OptionsConfigButton.js

@@ -1,46 +0,0 @@
-import { ContextMenu } from "../../../../helper/contextMenu/ContextMenu.js";
-export class AbstractDesignViewConfigButton {
-    settingName;
-    content;
-    tooltp;
-    contextmenu;
-    constructor(settingName, content, tooltip, contextmenu) {
-        this.settingName = settingName;
-        this.content = content;
-        this.tooltp = tooltip;
-        this.contextmenu = contextmenu;
-    }
-    provideButtons(designerView, designerCanvas) {
-        const btn = document.createElement('div');
-        if (typeof this.content == 'string')
-            btn.innerHTML = this.content;
-        else
-            btn.appendChild(this.content);
-        btn.title = this.tooltp;
-        btn.className = 'toolbar-control';
-        designerCanvas.instanceServiceContainer.designContext.extensionOptionsChanged.on(() => {
-            if (extensionOptions[this.settingName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-        });
-        const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
-        if (extensionOptions[this.settingName] !== false)
-            btn.classList.add('selected');
-        btn.onclick = () => {
-            const val = extensionOptions[this.settingName];
-            extensionOptions[this.settingName] = val === false ? true : false;
-            if (extensionOptions[this.settingName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-        };
-        btn.oncontextmenu = (e) => {
-            e.preventDefault();
-            if (this.contextmenu) {
-                ContextMenu.show(this.contextmenu, e);
-            }
-        };
-        return [btn];
-    }
-}