@node-projects/web-component-designer 0.1.235 → 0.1.237

package/dist/elements/services/placementService/AbsolutePlacementService copy.js

@@ -1,155 +0,0 @@
-import { DomConverter } from '../../widgets/designerView/DomConverter.js';
-import { combineTransforms, extractTranslationFromDOMMatrix, getResultingTransformationBetweenElementAndAllAncestors } from '../../helper/TransformHelper.js';
-import { filterChildPlaceItems, getDesignItemCurrentPos, placeDesignItem } from '../../helper/LayoutHelper.js';
-import { ExtensionType } from '../../widgets/designerView/extensions/ExtensionType.js';
-import { straightenLine } from '../../helper/PathDataPolyfill.js';
-export class AbsolutePlacementService {
-    serviceForContainer(container, containerStyle, mode, item, event) {
-        if (item != null && (item.getComputedStyle()?.position == 'absolute' || item.getComputedStyle()?.position == 'relative'))
-            return true;
-        /*if (containerStyle.display === 'grid' || containerStyle.display === 'inline-grid' ||
-          containerStyle.display === 'flex' || containerStyle.display === 'inline-flex')
-          return false;*/
-        return mode == 'drop' && event.ctrlKey;
-    }
-    isEnterableContainer(container) {
-        if (DomConverter.IsSelfClosingElement(container.element.localName))
-            return false;
-        if (!container.isRootItem && container.element.shadowRoot && container.element.shadowRoot.querySelector('slot') == null)
-            return false;
-        return true;
-    }
-    canEnter(container, items) {
-        if (!this.isEnterableContainer(container))
-            return false;
-        if (!items.every(x => !x.element.contains(container.element) && x !== container))
-            return false;
-        return true;
-    }
-    canLeave(container, items) {
-        return true;
-    }
-    getElementOffset(container, designItem) {
-        return container.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(container.element);
-    }
-    calculateTrack(event, designerCanvas, startPoint, offsetInControl, newPoint, item) {
-        let trackX = newPoint.x - startPoint.x;
-        let trackY = newPoint.y - startPoint.y;
-        if (!event.ctrlKey) {
-            if (designerCanvas.alignOnGrid) {
-                let p = getDesignItemCurrentPos(item, 'position');
-                p.x = p.x % designerCanvas.gridSize;
-                p.y = p.y % designerCanvas.gridSize;
-                trackX = Math.round(trackX / designerCanvas.gridSize) * designerCanvas.gridSize - p.x;
-                trackY = Math.round(trackY / designerCanvas.gridSize) * designerCanvas.gridSize - p.y;
-            }
-            else if (designerCanvas.alignOnSnap) {
-                let rect = item.element.getBoundingClientRect();
-                let newPos = designerCanvas.snapLines.snapToPosition({ x: (newPoint.x - offsetInControl.x), y: (newPoint.y - offsetInControl.y) }, { width: rect.width / designerCanvas.scaleFactor, height: rect.height / designerCanvas.scaleFactor }, { x: trackX > 0 ? 1 : -1, y: trackY > 0 ? 1 : -1 });
-                if (newPos.x !== null) {
-                    trackX = newPos.x - Math.round(startPoint.x) + Math.round(offsetInControl.x);
-                }
-                else {
-                    trackX = Math.round(trackX);
-                }
-                if (newPos.y !== null) {
-                    trackY = newPos.y - Math.round(startPoint.y) + Math.round(offsetInControl.y);
-                }
-                else {
-                    trackY = Math.round(trackY);
-                }
-            }
-        }
-        return { x: trackX, y: trackY };
-    }
-    placePoint(event, designerCanvas, container, startPoint, offsetInControl, newPoint, items) {
-        let trackX = newPoint.x;
-        let trackY = newPoint.y;
-        if (!event.ctrlKey) {
-            if (designerCanvas.alignOnGrid) {
-                trackX = Math.round(trackX / designerCanvas.gridSize) * designerCanvas.gridSize;
-                trackY = Math.round(trackY / designerCanvas.gridSize) * designerCanvas.gridSize;
-            }
-            else if (designerCanvas.alignOnSnap) {
-                let newPos = designerCanvas.snapLines.snapToPosition({ x: newPoint.x - offsetInControl.x, y: newPoint.y - offsetInControl.y }, null, { x: trackX > 0 ? 1 : -1, y: trackY > 0 ? 1 : -1 });
-                if (newPos.x !== null) {
-                    trackX = newPos.x;
-                }
-                else {
-                    trackX = Math.round(trackX);
-                }
-                if (newPos.y !== null) {
-                    trackY = newPos.y;
-                }
-                else {
-                    trackY = Math.round(trackY);
-                }
-            }
-        }
-        return { x: trackX, y: trackY };
-    }
-    startPlace(event, designerCanvas, container, startPoint, offsetInControl, newPoint, items) {
-    }
-    place(event, designerCanvas, container, startPoint, offsetInControl, newPoint, items) {
-        //TODO: this should revert all undo actions while active
-        //maybe a undo actions returns itself or an id so it could be changed?
-        let track = this.calculateTrack(event, designerCanvas, startPoint, offsetInControl, newPoint, items[0]);
-        if (event.shiftKey) {
-            track = straightenLine({ x: 0, y: 0 }, track, true);
-        }
-        let filteredItems = filterChildPlaceItems(items);
-        for (const designItem of filteredItems) {
-            const canvas = designItem.instanceServiceContainer.designerCanvas.rootDesignItem.element;
-            let originalElementAndAllAncestorsMultipliedMatrix = getResultingTransformationBetweenElementAndAllAncestors(designItem.parent.element, canvas, true);
-            let transformMatrixParentTransformsCompensated = null;
-            if (originalElementAndAllAncestorsMultipliedMatrix) {
-                transformMatrixParentTransformsCompensated = new DOMPoint(track.x, track.y, 0, 0).matrixTransform(originalElementAndAllAncestorsMultipliedMatrix.inverse());
-            }
-            else {
-                transformMatrixParentTransformsCompensated = new DOMPoint(track.x, track.y, 0, 0);
-            }
-            const translationMatrix = new DOMMatrix().translate(transformMatrixParentTransformsCompensated.x, transformMatrixParentTransformsCompensated.y);
-            combineTransforms(designItem.element, designItem.getStyle('transform'), translationMatrix.toString());
-        }
-    }
-    moveElements(designItems, position, absolute) {
-        //TODO: Check if we set left or right
-        //TODO: Use CSS units
-        for (let d of designItems) {
-            if (position.x)
-                d.setStyle('left', parseInt(d.element.style.left) - position.x + 'px');
-            if (position.y)
-                d.setStyle('top', parseInt(d.element.style.top) - position.y + 'px');
-        }
-        designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(designItems);
-    }
-    enterContainer(container, items, mode) {
-        let filterdItems = filterChildPlaceItems(items);
-        for (let i of filterdItems) {
-            if (mode == 'drop')
-                i.setStyle('position', 'absolute');
-            container.insertChild(i);
-            if (i.lastContainerSize) {
-                if (!i.hasStyle('width'))
-                    i.setStyle('width', i.lastContainerSize.width + 'px');
-                if (!i.hasStyle('height'))
-                    i.setStyle('height', i.lastContainerSize.height + 'px');
-            }
-        }
-    }
-    leaveContainer(container, items) {
-    }
-    finishPlace(event, designerCanvas, container, startPoint, offsetInControl, newPoint, items) {
-        let filterdItems = filterChildPlaceItems(items);
-        for (const designItem of filterdItems) {
-            let translation = extractTranslationFromDOMMatrix(new DOMMatrix(designItem.element.style.transform));
-            const stylesMapOffset = extractTranslationFromDOMMatrix(new DOMMatrix(designItem.getStyle('transform') ?? ''));
-            designItem.element.style.transform = designItem.getStyle('transform') ?? '';
-            let track = { x: translation.x, y: translation.y };
-            placeDesignItem(container, designItem, { x: track.x - stylesMapOffset.x, y: track.y - stylesMapOffset.y }, 'position');
-        }
-        for (const item of items) {
-            designerCanvas.extensionManager.removeExtension(item, ExtensionType.Placement);
-        }
-    }
-}

package/dist/elements/widgets/bindings/BindingsEditor.d.ts

@@ -1,17 +0,0 @@
-import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-export declare enum targetType {
-    'property' = "property",
-    'style' = "style",
-    'attribute' = "attribute",
-    'event' = "event"
-}
-export declare enum valueType {
-    'string' = "string",
-    'number' = "number",
-    'boolean' = "boolean"
-}
-export declare class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    constructor(targetType: targetType);
-}

package/dist/elements/widgets/bindings/BindingsEditor.js

@@ -1,54 +0,0 @@
-import { css, BaseCustomWebComponentConstructorAppend, html } from '@node-projects/base-custom-webcomponent';
-export var targetType;
-(function (targetType) {
-    targetType["property"] = "property";
-    targetType["style"] = "style";
-    targetType["attribute"] = "attribute";
-    targetType["event"] = "event";
-})(targetType || (targetType = {}));
-export var valueType;
-(function (valueType) {
-    valueType["string"] = "string";
-    valueType["number"] = "number";
-    valueType["boolean"] = "boolean";
-})(valueType || (valueType = {}));
-export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
-    static style = css `
-    * { font-size: 16px; }
-    .list { 
-      display: flex;
-      flex-direction: column;
-      gap: 5px;
-    }
-    `;
-    static template = html `
-   <div class="list" style="">
-    <span>Expression</span>
-    <div>
-      <input style="width:100%;">
-      <button>...</button>
-    </div>
-    <!--<span>Target</span>
-    <select id="target">
-        <option>Property</option>
-        <option>Attribute</option>
-        <option>Style</option>
-        <option>Event</option>
-    </select>-->
-    <div>
-      <input id="mode" type="checkbox"><label for="mode">Two Way</label>    
-    </div>
-    <div>
-      <input id="inverted" type="checkbox"><label for="inverted">Inverted</label>   
-    </div>
-    <div>
-      <input id="nullSafe" type="checkbox"><label for="nullSafe">Null Safe</label>   
-    </div>
-</div>
-  `;
-    constructor(targetType) {
-        super();
-    }
-}
-customElements.define('node-projects-bindings-editor', BindingsEditor);
-//# sourceMappingURL=BindingsEditor.js.map

package/dist/elements/widgets/bindings/BindingsEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BindingsEditor.js","sourceRoot":"","sources":["../../../../src/elements/widgets/bindings/BindingsEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,uCAAuC,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAC;AAE7G,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,mCAAuB,CAAA;IACvB,6BAAiB,CAAA;IACjB,qCAAyB,CAAA;IACzB,6BAAiB,CAAA;AACnB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,8BAAmB,CAAA;IACnB,8BAAmB,CAAA;IACnB,gCAAqB,CAAA;AACvB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,OAAO,cAAe,SAAQ,uCAAuC;IAEzE,MAAM,CAAmB,KAAK,GAAG,GAAG,CAAA;;;;;;;KAOjC,CAAC;IAEJ,MAAM,CAAmB,QAAQ,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBvC,CAAC;IAEF,YAAY,UAAsB;QAChC,KAAK,EAAE,CAAC;IACV,CAAC;;AAMH,cAAc,CAAC,MAAM,CAAC,+BAA+B,EAAE,cAAc,CAAC,CAAC"}

package/dist/elements/widgets/designerView/extensions/CanvasExtension.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 CanvasExtension extends AbstractExtension {
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(): void;
-    refresh(): void;
-    dispose(): void;
-}

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];
-    }
-}