@node-projects/web-component-designer 0.0.183 → 0.0.185

package/dist/elements/services/stylesheetService/StylesheetService.js

@@ -1,108 +0,0 @@
-import * as csstree from 'css-tree';
-import { TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { calculate as calculateSpecifity } from "./SpecificityCalculator.js";
-export class StylesheetService {
-    stylesheets;
-    stylesheetChanged = new TypedEvent();
-    styles = [];
-    constructor(stylesheets) {
-        this.stylesheets = stylesheets;
-    }
-    updateDefiningRule(designItem, property, value) {
-        // let highestSpecificityRule = this.getAppliedRules(designItem, property);
-        // if (!highestSpecificityRule) return false;
-        // let newRule = csstree.toPlainObject(csstree.parse("* {" + property.name + ": " + value + "}")) as csstree.StyleSheetPlain;
-        // let index = this.returnRuleDeclarationIndex(highestSpecificityRule, property);
-        // if (index > -1) highestSpecificityRule.block.children.splice(index, 1, (newRule.children[0] as csstree.RulePlain).block.children[0]);
-        // else highestSpecificityRule.block.children.push((newRule.children[0] as csstree.RulePlain).block.children[0]);
-        // if (!this.ruleset) this.ruleset = this.parseStylesheetToRuleset(this.stylesheet);
-        // this.stylesheetChanged.emit({ stylesheet: csstree.generate(csstree.fromPlainObject(this.ruleset)) });
-        return true;
-    }
-    getAppliedRulesInternal(designItem, prop) {
-        return this.parseStylesheetToRuleset(this.stylesheets).filter(item => designItem.element.matches(item.selector));
-    }
-    getAppliedRules(designItem, prop) {
-        let rules = this.getAppliedRulesInternal(designItem, prop);
-        if (!rules)
-            return [];
-        return rules.map(r => {
-            return {
-                selector: r.selector,
-                declarations: r.rule.block.children.map(c => {
-                    return {
-                        // @ts-ignore
-                        name: c.property,
-                        // @ts-ignore
-                        value: c.value.value,
-                        // @ts-ignore
-                        important: c.important == true
-                    };
-                }),
-                specificity: this.getSpecificity(r.rule.prelude)
-            };
-        });
-    }
-    getDeclarationInternal(designItem, prop) {
-        let rules = this.getAppliedRulesInternal(designItem, prop);
-        if (!rules)
-            return null;
-        let declarations = [];
-        rules.forEach(r => {
-            let index = this.returnRuleDeclarationIndex(r.rule, prop);
-            // @ts-ignore
-            if (index > -1)
-                declarations.push(r.rule.block.children[index]);
-        });
-        return declarations;
-    }
-    getDeclarations(designItem, prop) {
-        let decl = this.getDeclarationInternal(designItem, prop);
-        if (!decl)
-            return null;
-        let declarations = [];
-        decl.forEach(d => {
-            declarations.push({
-                name: d.property,
-                value: d.value.value,
-                important: d.important == true
-            });
-        });
-        return declarations;
-    }
-    parseStylesheetToRuleset(stylesheets) {
-        let styles = [];
-        stylesheets.forEach(s => {
-            let stylesheetPlain = csstree.toPlainObject(csstree.parse(s, { positions: true, parseValue: false }));
-            stylesheetPlain.children.forEach((rule) => {
-                styles.push({
-                    rule: rule,
-                    selector: this.buildSelectorString(s, rule.prelude),
-                    specificity: this.getSpecificity(rule.prelude)
-                });
-            });
-        });
-        return styles;
-    }
-    buildSelectorString(stylesheet, selector) {
-        return stylesheet.substring(selector.loc.start.offset, selector.loc.end.offset);
-    }
-    getSpecificity(selector) {
-        const specificities = calculateSpecifity(selector);
-        let sum = 0;
-        specificities.forEach(specificity => sum += specificity.a * 10000 + specificity.b * 100 + specificity.c);
-        return sum;
-    }
-    returnRuleDeclarationIndex(rule, property) {
-        let decl;
-        rule.block.children.forEach((child) => {
-            if (child.property == property.name) {
-                decl = child;
-                return;
-            }
-        });
-        if (!decl)
-            return -1;
-        return rule.block.children.indexOf(decl);
-    }
-}

package/dist/elements/services/undoService/transactionItems/PropertyChangeAction.d.ts

@@ -1,15 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem';
-import { IDesignItem } from '../../../item/IDesignItem';
-import { IProperty } from '../../propertiesService/IProperty';
-export declare class PropertyChangeAction implements ITransactionItem {
-    constructor(designItem: IDesignItem, property: IProperty, newValue: any, oldValue: any);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    designItem: IDesignItem;
-    property: IProperty;
-    newValue: any;
-    oldValue: any;
-    mergeWith(other: ITransactionItem): boolean;
-}

package/dist/elements/services/undoService/transactionItems/PropertyChangeAction.js

@@ -1,36 +0,0 @@
-export class PropertyChangeAction {
-    constructor(designItem, property, newValue, oldValue) {
-        this.title = "Change Property";
-        this.designItem = designItem;
-        this.property = property;
-        this.newValue = newValue;
-        this.oldValue = oldValue;
-    }
-    title;
-    get affectedItems() {
-        return [this.designItem];
-    }
-    undo() {
-        if (this.oldValue == null)
-            this.property.service.clearValue([this.designItem], this.property);
-        else
-            this.property.service.setValue([this.designItem], this.property, this.oldValue);
-    }
-    do() {
-        if (this.newValue == null)
-            this.property.service.clearValue([this.designItem], this.property);
-        else
-            this.property.service.setValue([this.designItem], this.property, this.newValue);
-    }
-    designItem;
-    property;
-    newValue;
-    oldValue;
-    mergeWith(other) {
-        if (other instanceof PropertyChangeAction && this.designItem === other.designItem && this.property === other.property) {
-            this.newValue = other.newValue;
-            return true;
-        }
-        return false;
-    }
-}

package/dist/elements/widgets/codeView/code-view-monaco copy.d.ts

@@ -1,25 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { ICodeView } from "./ICodeView";
-import { IActivateable } from '../../../interfaces/IActivateable';
-import { IStringPosition } from '../../services/htmlWriterService/IStringPosition';
-import { IUiCommandHandler } from '../../../commandHandling/IUiCommandHandler';
-import { IUiCommand } from '../../../commandHandling/IUiCommand';
-export declare class CodeViewMonaco extends BaseCustomWebComponentLazyAppend implements ICodeView, IActivateable, IUiCommandHandler {
-    dispose(): void;
-    canvasElement: HTMLElement;
-    elementsToPackages: Map<string, string>;
-    code: string;
-    onTextChanged: TypedEvent<string>;
-    private _monacoEditor;
-    private _editor;
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    executeCommand(command: IUiCommand): void;
-    canExecuteCommand(command: IUiCommand): boolean;
-    ready(): Promise<void>;
-    focusEditor(): void;
-    activated(): void;
-    update(code: any): void;
-    getText(): string;
-    setSelection(position: IStringPosition): void;
-}

package/dist/elements/widgets/codeView/code-view-monaco copy.js

@@ -1,119 +0,0 @@
-import { BaseCustomWebComponentLazyAppend, css, html, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { CommandType } from '../../../commandHandling/CommandType';
-export class CodeViewMonaco extends BaseCustomWebComponentLazyAppend {
-    dispose() {
-        this._monacoEditor.dispose();
-    }
-    canvasElement;
-    elementsToPackages;
-    code;
-    onTextChanged = new TypedEvent();
-    _monacoEditor;
-    _editor;
-    static style = css `
-    :host {
-      display: block;
-      height: 100%;
-      width: 100%;
-    }
-    `;
-    static template = html `
-      <div id="container" style="width: 100%; height: 100%; position: absolute;"></div>
-  `;
-    executeCommand(command) {
-        switch (command.type) {
-            case CommandType.undo:
-                this._monacoEditor.trigger('source', 'undo', null);
-                break;
-            case CommandType.redo:
-                this._monacoEditor.trigger('source', 'redo', null);
-                break;
-            case CommandType.copy:
-                this._monacoEditor.trigger('source', 'editor.action.clipboardCopyAction', null);
-                break;
-            case CommandType.paste:
-                this._monacoEditor.trigger('source', 'editor.action.clipboardPasteAction', null);
-                break;
-            case CommandType.cut:
-                break;
-            case CommandType.delete:
-                break;
-        }
-    }
-    canExecuteCommand(command) {
-        switch (command.type) {
-            case CommandType.undo:
-            case CommandType.redo:
-            case CommandType.copy:
-            case CommandType.paste:
-            case CommandType.cut:
-            case CommandType.delete:
-                return true;
-        }
-        return false;
-    }
-    async ready() {
-        let style;
-        //@ts-ignore
-        if (window.importShim)
-            //@ts-ignore
-            style = await importShim("monaco-editor/min/vs/editor/editor.main.css", { assert: { type: 'css' } });
-        else
-            //@ts-ignore
-            style = await import("monaco-editor/min/vs/editor/editor.main.css", { assert: { type: 'css' } });
-        this.shadowRoot.adoptedStyleSheets = [style.default, this.constructor.style];
-        this._editor = this._getDomElement('container');
-        //@ts-ignore
-        require.config({ paths: { 'vs': 'node_modules/monaco-editor/min/vs' } });
-        //@ts-ignore
-        require(['vs/editor/editor.main'], () => {
-            //@ts-ignore
-            this._monacoEditor = monaco.editor.create(this._editor, {
-                automaticLayout: true,
-                value: this.code,
-                language: 'html',
-                minimap: {
-                    size: 'fill'
-                },
-                fixedOverflowWidgets: true
-            });
-            this._monacoEditor.layout();
-            let changeContentListener = this._monacoEditor.getModel().onDidChangeContent(e => {
-                this.onTextChanged.emit(this._monacoEditor.getValue());
-            });
-            this._monacoEditor.onDidChangeModel(e => {
-                changeContentListener.dispose();
-                changeContentListener = this._monacoEditor.getModel().onDidChangeContent(e => {
-                    this.onTextChanged.emit(this._monacoEditor.getValue());
-                });
-            });
-        });
-    }
-    focusEditor() {
-        requestAnimationFrame(() => {
-            this.focus();
-            this._monacoEditor.focus();
-        });
-    }
-    activated() {
-        if (this._monacoEditor)
-            this._monacoEditor.layout();
-    }
-    update(code) {
-        this.code = code;
-        if (this._monacoEditor) {
-            this._monacoEditor.setValue(code);
-        }
-    }
-    getText() {
-        return this._monacoEditor.getValue();
-    }
-    setSelection(position) {
-        let model = this._monacoEditor.getModel();
-        let point1 = model.getPositionAt(position.start);
-        let point2 = model.getPositionAt(position.start + position.length);
-        this._monacoEditor.setSelection({ startLineNumber: point1.lineNumber, startColumn: point1.column, endLineNumber: point2.lineNumber, endColumn: point2.column });
-        setTimeout(() => this._monacoEditor.revealLine(point1.lineNumber), 20);
-    }
-}
-customElements.define('node-projects-code-view-monaco', CodeViewMonaco);

package/dist/elements/widgets/designerView/ButtonSeperatorProvider.d.ts

@@ -1,8 +0,0 @@
-import { DesignerView } from "./designerView.js";
-import { IDesignerCanvas } from "./IDesignerCanvas.js";
-import { IDesignViewConfigButtonsProvider } from "./IDesignViewConfigButtonsProvider.js";
-export declare class ButtonSeperatorProvider implements IDesignViewConfigButtonsProvider {
-    _space: number;
-    constructor(space: number);
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

package/dist/elements/widgets/designerView/ButtonSeperatorProvider.js

@@ -1,11 +0,0 @@
-export class ButtonSeperatorProvider {
-    _space;
-    constructor(space) {
-        this._space = space;
-    }
-    provideButtons(designerView, designerCanvas) {
-        const div = document.createElement('div');
-        div.style.marginLeft = this._space + 'px';
-        return [div];
-    }
-}

package/dist/elements/widgets/designerView/IDesignViewConfigButtonsProvider.d.ts

@@ -1,5 +0,0 @@
-import { DesignerView } from "./designerView.js";
-import { IDesignerCanvas } from "./IDesignerCanvas.js";
-export interface IDesignViewConfigButtonsProvider {
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

package/dist/elements/widgets/designerView/IDesignViewConfigButtonsProvider.js

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

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

@@ -1,6 +0,0 @@
-import { DesignerView } from "../designerView.js";
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { IDesignViewConfigButtonsProvider } from "../IDesignViewConfigButtonsProvider.js";
-export declare class FlexboxExtensionDesignViewConfigButtons implements IDesignViewConfigButtonsProvider {
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

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

@@ -1,22 +0,0 @@
-import { flexboxExtensionShowOverlayOptionName } from "./FlexboxExtensionProvider.js";
-export class FlexboxExtensionDesignViewConfigButtons {
-    provideButtons(designerView, designerCanvas) {
-        const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
-        const btn = document.createElement('div');
-        btn.innerText = 'F';
-        btn.title = 'show flexbox overlay';
-        btn.className = 'toolbar-control';
-        if (extensionOptions[flexboxExtensionShowOverlayOptionName] !== false)
-            btn.classList.add('selected');
-        btn.onclick = () => {
-            const val = extensionOptions[flexboxExtensionShowOverlayOptionName];
-            extensionOptions[flexboxExtensionShowOverlayOptionName] = val === false ? true : false;
-            if (extensionOptions[flexboxExtensionShowOverlayOptionName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-            designerCanvas.extensionManager.reapplyAllAppliedExtentions();
-        };
-        return [btn];
-    }
-}

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

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

@@ -1,30 +0,0 @@
-import { CalculateGridInformation } from "../../../helper/GridHelper.js";
-import { AbstractExtension } from "./AbstractExtension";
-import { OverlayLayer } from "./OverlayLayer.js";
-export class GridExtension extends AbstractExtension {
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        const gridInformation = CalculateGridInformation(this.extendedItem);
-        for (let gap of gridInformation.gaps) {
-            this._drawRect(gap.x, gap.y, gap.width, gap.height, 'svg-grid-gap', null, OverlayLayer.Background);
-        }
-        for (let cellRow of gridInformation.cells) {
-            for (let cell of cellRow) {
-                this._drawRect(cell.x, cell.y, cell.width, cell.height, 'svg-grid', null, OverlayLayer.Background);
-                if (cell.name) {
-                    const text = this._drawText(cell.name, cell.x, cell.y, 'svg-grid-area', null, OverlayLayer.Background);
-                    text.setAttribute("dominant-baseline", "hanging");
-                }
-            }
-        }
-    }
-    refresh() {
-        this._removeAllOverlays();
-        this.extend();
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

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

@@ -1,6 +0,0 @@
-import { DesignerView } from "../designerView.js";
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { IDesignViewConfigButtonsProvider } from "../IDesignViewConfigButtonsProvider.js";
-export declare class GridExtensionDesignViewConfigButtons implements IDesignViewConfigButtonsProvider {
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

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

@@ -1,21 +0,0 @@
-import { gridExtensionShowOverlayOptionName } from "./GridExtensionProvider.js";
-export class GridExtensionDesignViewConfigButtons {
-    provideButtons(designerView, designerCanvas) {
-        const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
-        const btn = document.createElement('div');
-        btn.innerText = 'G';
-        btn.title = 'show grid overlay';
-        btn.className = 'toolbar-control';
-        if (extensionOptions[gridExtensionShowOverlayOptionName] !== false)
-            btn.classList.add('selected');
-        btn.onclick = () => {
-            const val = extensionOptions[gridExtensionShowOverlayOptionName];
-            extensionOptions[gridExtensionShowOverlayOptionName] = val === false ? true : false;
-            if (extensionOptions[gridExtensionShowOverlayOptionName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-        };
-        return [btn];
-    }
-}

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

@@ -1,6 +0,0 @@
-import { DesignerView } from "../designerView.js";
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { IDesignViewConfigButtonsProvider } from "../IDesignViewConfigButtonsProvider.js";
-export declare class GridExtensionDesignViewConfigButtons implements IDesignViewConfigButtonsProvider {
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

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

@@ -1,22 +0,0 @@
-import { gridExtensionShowOverlayOptionName } from "./GridExtensionProvider.js";
-export class GridExtensionDesignViewConfigButtons {
-    provideButtons(designerView, designerCanvas) {
-        const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
-        const btn = document.createElement('div');
-        btn.innerText = 'G';
-        btn.title = 'show grid overlay';
-        btn.className = 'toolbar-control';
-        if (extensionOptions[gridExtensionShowOverlayOptionName] !== false)
-            btn.classList.add('selected');
-        btn.onclick = () => {
-            const val = extensionOptions[gridExtensionShowOverlayOptionName];
-            extensionOptions[gridExtensionShowOverlayOptionName] = val === false ? true : false;
-            if (extensionOptions[gridExtensionShowOverlayOptionName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-            designerCanvas.extensionManager.reapplyAllAppliedExtentions();
-        };
-        return [btn];
-    }
-}

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

@@ -1,11 +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 const gridExtensionShowOverlayOptionName = "gridExtensionShowOverlay";
-export declare class GridExtensionProvider 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/GridExtensionProvider copy.js

@@ -1,18 +0,0 @@
-import { GridExtension } from './GridExtension';
-import { css } from "@node-projects/base-custom-webcomponent";
-export const gridExtensionShowOverlayOptionName = 'gridExtensionShowOverlay';
-export class GridExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (getComputedStyle(designItem.element).display == 'grid')
-            return designerView.instanceServiceContainer.designContext.extensionOptions[gridExtensionShowOverlayOptionName] !== false;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new GridExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-grid { stroke: orange; stroke-dasharray: 5; fill: #ff944722; }
-    .svg-grid-area { font-size: 8px; }
-    .svg-grid-gap { stroke: orange; stroke-dasharray: 5; fill: #0000ff22; }
-  `;
-}

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

@@ -1,11 +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 InvisibleDivExtension extends AbstractExtension {
-    private _rect;
-    constructor(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(): void;
-    refresh(): void;
-    dispose(): void;
-}

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

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

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

@@ -1,6 +0,0 @@
-import { DesignerView } from "../designerView.js";
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { IDesignViewConfigButtonsProvider } from "../IDesignViewConfigButtonsProvider.js";
-export declare class InvisibleDivExtensionDesignViewConfigButtons implements IDesignViewConfigButtonsProvider {
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

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

@@ -1,22 +0,0 @@
-import { invisibleDivExtensionShowOverlayOptionName } from "./InvisibleElementExtensionProvider.js";
-export class InvisibleDivExtensionDesignViewConfigButtons {
-    provideButtons(designerView, designerCanvas) {
-        const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
-        const btn = document.createElement('div');
-        btn.innerText = 'I';
-        btn.title = 'show invisible div overlay';
-        btn.className = 'toolbar-control';
-        if (extensionOptions[invisibleDivExtensionShowOverlayOptionName] !== false)
-            btn.classList.add('selected');
-        btn.onclick = () => {
-            const val = extensionOptions[invisibleDivExtensionShowOverlayOptionName];
-            extensionOptions[invisibleDivExtensionShowOverlayOptionName] = val === false ? true : false;
-            if (extensionOptions[invisibleDivExtensionShowOverlayOptionName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-            designerCanvas.extensionManager.reapplyAllAppliedExtentions();
-        };
-        return [btn];
-    }
-}

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

@@ -1,11 +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 const invisibleDivExtensionShowOverlayOptionName = "invisibleDivExtensionShowOverlay";
-export declare class InvisibleDivExtensionProvider implements IDesignerExtensionProvider {
-    shouldExtend(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): boolean;
-    getExtension(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
-    readonly style: CSSStyleSheet;
-}

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

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

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

@@ -1,6 +0,0 @@
-import { DesignerView } from "../designerView.js";
-import { IDesignerCanvas } from '../IDesignerCanvas.js';
-import { IDesignViewConfigButtonsProvider } from "../IDesignViewConfigButtonsProvider.js";
-export declare class InvisibleElementExtensionDesignViewConfigButtons implements IDesignViewConfigButtonsProvider {
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

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

@@ -1,22 +0,0 @@
-import { invisibleElementExtensionShowOverlayOptionName } from "./InvisibleElementExtensionProvider.js";
-export class InvisibleElementExtensionDesignViewConfigButtons {
-    provideButtons(designerView, designerCanvas) {
-        const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
-        const btn = document.createElement('div');
-        btn.innerText = 'I';
-        btn.title = 'show invisible div overlay';
-        btn.className = 'toolbar-control';
-        if (extensionOptions[invisibleElementExtensionShowOverlayOptionName] !== false)
-            btn.classList.add('selected');
-        btn.onclick = () => {
-            const val = extensionOptions[invisibleElementExtensionShowOverlayOptionName];
-            extensionOptions[invisibleElementExtensionShowOverlayOptionName] = val === false ? true : false;
-            if (extensionOptions[invisibleElementExtensionShowOverlayOptionName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-            designerCanvas.extensionManager.reapplyAllAppliedExtentions();
-        };
-        return [btn];
-    }
-}

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

@@ -1,11 +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 MouseOverExtension extends AbstractExtension {
-    private _rect;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(): void;
-    refresh(): void;
-    dispose(): void;
-}