@node-projects/web-component-designer 0.1.194 → 0.1.196

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

@@ -1,13 +0,0 @@
-import { ElementDragTitleExtension } from './ElementDragTitleExtension.js';
-import { css } from "@node-projects/base-custom-webcomponent";
-export class ElementDragTitleExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        return !designItem.isRootItem && !(designItem.element instanceof HTMLTemplateElement);
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new ElementDragTitleExtension(extensionManager, designerView, designItem);
-    }
-    static style = css `
-    .svg-text-primary { stroke: none; color: white; font-family: monospace; }
-  `;
-}

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

@@ -1,12 +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 GridToolbarExtension extends AbstractExtension {
-    private static template;
-    private _foreignObject;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(cache: Record<string | symbol, any>, event: MouseEvent): void;
-    refresh(cache: Record<string | symbol, any>, event?: MouseEvent): void;
-    dispose(): void;
-}

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

@@ -1,58 +0,0 @@
-import { html } from "@node-projects/base-custom-webcomponent";
-import { AbstractExtension } from "../AbstractExtension.js";
-import { OverlayLayer } from "../OverlayLayer.js";
-export class GridToolbarExtension extends AbstractExtension {
-    static template = html `
-    <div style="height: 30px; width: 200px;">
-      <span>GRID</span>
-      <select id="gridType" style="pointer-events: all; height: 24px; width: 60px; padding: 0;">
-        <option>1x1</option>
-        <option>1x16</option>
-        <option>2x8</option>
-        <option>4x4</option>
-        <option>8x2</option>
-        <option>16x1</option>
-        <option>custom</option>
-      </select>
-    </div>
-  `;
-    _foreignObject;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend(cache, event) {
-        const element = GridToolbarExtension.template.content.cloneNode(true);
-        element.querySelectorAll('*').forEach(x => x.onpointerdown = (e) => {
-            this.designerCanvas.ignoreEvent(e);
-            //this._formatSelection(x.dataset['command'], x.dataset['commandParameter'])
-        });
-        //element.querySelectorAll('select').forEach(x => x.onpointerdown = (e) => this.designerCanvas.ignoreEvent(e));
-        const gridTypeEl = element.querySelector('#gridType');
-        gridTypeEl.onchange = () => {
-            const parts = gridTypeEl.value.split('x');
-            this.extendedItem.updateStyleInSheetOrLocal('grid-template-columns', '1fr '.repeat(parseInt(parts[0])).trim());
-            this.extendedItem.updateStyleInSheetOrLocal('grid-template-rows', '1fr '.repeat(parseInt(parts[1])).trim());
-        };
-        //elements.querySelectorAll('select').forEach(x => x.onchange = () => this._formatSelection(x.dataset['command'], x.value));
-        //overlay
-        const foreignObject = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
-        this._foreignObject = foreignObject;
-        foreignObject.classList.add('svg-toolbar');
-        foreignObject.setAttribute('width', '1');
-        foreignObject.setAttribute('height', '1');
-        foreignObject.appendChild(element);
-        this.refresh(cache, event);
-        this._addOverlay(foreignObject, OverlayLayer.Foreground);
-    }
-    refresh(cache, event) {
-        if (event) {
-            const pos = this.designerCanvas.getNormalizedEventCoordinates(event);
-            //debugger;
-            this._foreignObject.setAttribute('x', '' + (pos.x - 16));
-            this._foreignObject.setAttribute('y', '' + (pos.y - 36));
-        }
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/designerView/extensions/block/FlexToolbarExtension.d.ts

@@ -1,12 +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 FlexToolbarExtension extends AbstractExtension {
-    private static template;
-    private _toolbar;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(cache: Record<string | symbol, any>, event: MouseEvent): void;
-    refresh(cache: Record<string | symbol, any>, event?: MouseEvent): void;
-    dispose(): void;
-}

package/dist/elements/widgets/designerView/extensions/block/FlexToolbarExtension.js

@@ -1,34 +0,0 @@
-import { html } from "@node-projects/base-custom-webcomponent";
-import { AbstractExtension } from "../AbstractExtension.js";
-export class FlexToolbarExtension extends AbstractExtension {
-    static template = html `
-    <div style="height: 100%; width: 100%;">
-      <select id="displayType" style="pointer-events: all; height: 24px; width: 70px; padding: 0; font-weight: 900; text-transform: uppercase; margin-right: 10px;">
-        <option>block</option>
-        <option selected>flex</option>
-        <option>grid</option>
-      </select>
-    </div>
-  `;
-    _toolbar;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend(cache, event) {
-        this._toolbar = this.createToolbar(FlexToolbarExtension.template, 200, 30);
-        const displayTypeEl = this._toolbar.getById('displayType');
-        displayTypeEl.onchange = () => {
-            this.extendedItem.updateStyleInSheetOrLocal('display', displayTypeEl.value);
-        };
-        this.refresh(cache, event);
-    }
-    refresh(cache, event) {
-        if (event) {
-            const pos = this.designerCanvas.getNormalizedEventCoordinates(event);
-            this._toolbar.updatePosition({ x: (pos.x - 16), y: (pos.y - 36) });
-        }
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/designerView/extensions/block/FlexToolbarExtensionProvider.d.ts

@@ -1,9 +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 GridToolbarExtensionProvider implements IDesignerExtensionProvider {
-    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
-    getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
-}

package/dist/elements/widgets/designerView/extensions/block/FlexToolbarExtensionProvider.js

@@ -1,12 +0,0 @@
-import { FlexToolbarExtension } from './FlexToolbarExtension.js';
-import { NodeType } from '../../../../item/NodeType.js';
-export class GridToolbarExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (designItem.nodeType === NodeType.Element && getComputedStyle(designItem.element).display === 'grid')
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new FlexToolbarExtension(extensionManager, designerView, designItem);
-    }
-}

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/contextMenu/ItemsBelowContextMenu copy.d.ts

@@ -1,9 +0,0 @@
-import { IContextMenuItem } from '../../../../helper/contextMenu/IContextMenuItem.js';
-import { IDesignItem } from '../../../../item/IDesignItem.js';
-import { IDesignerCanvas } from '../../IDesignerCanvas.js';
-import { ContextmenuInitiator, IContextMenuExtension } from './IContextMenuExtension.js';
-export declare class ItemsBelowContextMenu implements IContextMenuExtension {
-    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
-    provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
-    private _select;
-}

package/dist/elements/widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu copy.js

@@ -1,17 +0,0 @@
-import { DesignItem } from '../../../../item/DesignItem.js';
-export class ItemsBelowContextMenu {
-    shouldProvideContextmenu(event, designerView, designItem, initiator) {
-        return initiator == 'designer';
-    }
-    provideContextMenuItems(event, designerCanvas, designItem) {
-        const lstItems = designerCanvas.elementsFromPoint(event.x, event.y);
-        if (lstItems.length > 0) {
-            return [{ title: 'items below', children: [...lstItems.map(x => ({ title: 'select: ' + x.localName + (x.id ? ' (' + x.id + ')' : ''), action: () => this._select(designerCanvas, x) }))] }];
-        }
-        return [];
-    }
-    _select(designerView, element) {
-        const item = DesignItem.GetOrCreateDesignItem(element, element, designerView.serviceContainer, designerView.instanceServiceContainer);
-        designerView.instanceServiceContainer.selectionService.setSelectedElements([item]);
-    }
-}

package/dist/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu copy.d.ts

@@ -1,8 +0,0 @@
-import { IContextMenuItem } from '../../../../helper/contextMenu/IContextMenuItem.js';
-import { IDesignItem } from '../../../../item/IDesignItem.js';
-import { IDesignerCanvas } from '../../IDesignerCanvas.js';
-import { ContextmenuInitiator, IContextMenuExtension } from './IContextMenuExtension.js';
-export declare class RotateLeftAndRight implements IContextMenuExtension {
-    shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
-    provideContextMenuItems(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];
-}

package/dist/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu copy.js

@@ -1,13 +0,0 @@
-import { CommandType } from '../../../../../commandHandling/CommandType.js';
-import { NodeType } from '../../../../item/NodeType.js';
-export class RotateLeftAndRight {
-    shouldProvideContextmenu(event, designerView, designItem, initiator) {
-        return !designItem?.isRootItem && designItem?.nodeType == NodeType.Element;
-    }
-    provideContextMenuItems(event, designerView, designItem) {
-        return [
-            { title: 'rotate right', icon: `<img src="${new URL('../../../../../../assets/icons/rotateRight.svg', import.meta.url)}">`, action: () => { designerView.executeCommand({ type: CommandType.rotateClockwise }); }, shortCut: 'Ctrl + R' },
-            { title: 'rotate left', icon: `<img src="${new URL('../../../../../../assets/icons/rotateLeft.svg', import.meta.url)}">`, action: () => { designerView.executeCommand({ type: CommandType.rotateCounterClockwise }); }, shortCut: 'Ctrl + Shift + R' }
-        ];
-    }
-}

package/dist/elements/widgets/designerView/extensions/flex/GridToolbarExtension.d.ts

@@ -1,12 +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 GridToolbarExtension extends AbstractExtension {
-    private static template;
-    private _toolbar;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(cache: Record<string | symbol, any>, event: MouseEvent): void;
-    refresh(cache: Record<string | symbol, any>, event?: MouseEvent): void;
-    dispose(): void;
-}

package/dist/elements/widgets/designerView/extensions/flex/GridToolbarExtension.js

@@ -1,66 +0,0 @@
-import { html } from "@node-projects/base-custom-webcomponent";
-import { AbstractExtension } from "../AbstractExtension.js";
-export class GridToolbarExtension extends AbstractExtension {
-    static template = html `
-    <div style="height: 100%; width: 100%;">
-      <select id="displayType" style="pointer-events: all; height: 24px; width: 70px; padding: 0; font-weight: 900; text-transform: uppercase; margin-right: 10px;">
-        <option>block</option>
-        <option>flex</option>
-        <option selected>grid</option>
-      </select>
-      <select id="gridType" style="pointer-events: all; height: 24px; width: 60px; padding: 0;">
-        <option>1x1</option>
-        <option>1x16</option>
-        <option>2x8</option>
-        <option>4x4</option>
-        <option>8x2</option>
-        <option>16x1</option>
-        <option>custom</option>
-      </select>
-    </div>
-  `;
-    _toolbar;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend(cache, event) {
-        const style = getComputedStyle(this.extendedItem.element);
-        this._toolbar = this.createToolbar(GridToolbarExtension.template, 200, 30);
-        const displayTypeEl = this._toolbar.getById('displayType');
-        displayTypeEl.onchange = () => {
-            this.extendedItem.updateStyleInSheetOrLocal('display', displayTypeEl.value);
-        };
-        const gridTypeEl = this._toolbar.getById('gridType');
-        let op = document.createElement('option');
-        op.innerText = style.gridTemplateColumns.split(' ').length + 'x' + style.gridTemplateRows.split(' ').length;
-        gridTypeEl.insertAdjacentElement('afterbegin', op);
-        gridTypeEl.selectedIndex = 0;
-        gridTypeEl.onchange = () => {
-            if (gridTypeEl.value == 'custom') {
-                const columns = prompt("Number of columns?", '4');
-                if (!columns)
-                    return;
-                const rows = prompt("Number of rows?", '4');
-                if (!rows)
-                    return;
-                this.extendedItem.updateStyleInSheetOrLocal('grid-template-columns', '1fr '.repeat(parseInt(columns)).trim());
-                this.extendedItem.updateStyleInSheetOrLocal('grid-template-rows', '1fr '.repeat(parseInt(rows)).trim());
-            }
-            else {
-                const parts = gridTypeEl.value.split('x');
-                this.extendedItem.updateStyleInSheetOrLocal('grid-template-columns', '1fr '.repeat(parseInt(parts[0])).trim());
-                this.extendedItem.updateStyleInSheetOrLocal('grid-template-rows', '1fr '.repeat(parseInt(parts[1])).trim());
-            }
-        };
-        this.refresh(cache, event);
-    }
-    refresh(cache, event) {
-        if (event) {
-            const pos = this.designerCanvas.getNormalizedEventCoordinates(event);
-            this._toolbar.updatePosition({ x: (pos.x - 16), y: (pos.y - 36) });
-        }
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/designerView/extensions/flex/GridToolbarExtensionProvider.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 GridToolbarExtensionProvider 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/flex/GridToolbarExtensionProvider.js

@@ -1,17 +0,0 @@
-import { css } from '@node-projects/base-custom-webcomponent';
-import { GridToolbarExtension } from './GridToolbarExtension.js';
-import { NodeType } from '../../../../item/NodeType.js';
-export class GridToolbarExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (designItem.nodeType === NodeType.Element && getComputedStyle(designItem.element).display === 'grid')
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new GridToolbarExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-toolbar-container { overflow: visible }
-    .svg-toolbar-container div { padding: 5px; display: flex; gap: 2px; background: white; border-radius: 4px; box-shadow: 0 2px 10px 0 rgba(19,23,32,.2); align-items: center; }
-  `;
-}

package/dist/elements/widgets/designerView/extensions/grid/GridToolbarExtension copy.d.ts

@@ -1,12 +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 GridToolbarExtension extends AbstractExtension {
-    private static template;
-    private _toolbar;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(cache: Record<string | symbol, any>, event: MouseEvent): void;
-    refresh(cache: Record<string | symbol, any>, event?: MouseEvent): void;
-    dispose(): void;
-}

package/dist/elements/widgets/designerView/extensions/grid/GridToolbarExtension copy.js

@@ -1,66 +0,0 @@
-import { html } from "@node-projects/base-custom-webcomponent";
-import { AbstractExtension } from "../AbstractExtension.js";
-export class GridToolbarExtension extends AbstractExtension {
-    static template = html `
-    <div style="height: 100%; width: 100%;">
-      <select id="displayType" style="pointer-events: all; height: 24px; width: 70px; padding: 0; font-weight: 900; text-transform: uppercase; margin-right: 10px;">
-        <option>block</option>
-        <option>flex</option>
-        <option selected>grid</option>
-      </select>
-      <select id="gridType" style="pointer-events: all; height: 24px; width: 60px; padding: 0;">
-        <option>1x1</option>
-        <option>1x16</option>
-        <option>2x8</option>
-        <option>4x4</option>
-        <option>8x2</option>
-        <option>16x1</option>
-        <option>custom</option>
-      </select>
-    </div>
-  `;
-    _toolbar;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend(cache, event) {
-        const style = getComputedStyle(this.extendedItem.element);
-        this._toolbar = this.createToolbar(GridToolbarExtension.template, 200, 30);
-        const displayTypeEl = this._toolbar.getById('displayType');
-        displayTypeEl.onchange = () => {
-            this.extendedItem.updateStyleInSheetOrLocal('display', displayTypeEl.value);
-        };
-        const gridTypeEl = this._toolbar.getById('gridType');
-        let op = document.createElement('option');
-        op.innerText = style.gridTemplateColumns.split(' ').length + 'x' + style.gridTemplateRows.split(' ').length;
-        gridTypeEl.insertAdjacentElement('afterbegin', op);
-        gridTypeEl.selectedIndex = 0;
-        gridTypeEl.onchange = () => {
-            if (gridTypeEl.value == 'custom') {
-                const columns = prompt("Number of columns?", '4');
-                if (!columns)
-                    return;
-                const rows = prompt("Number of rows?", '4');
-                if (!rows)
-                    return;
-                this.extendedItem.updateStyleInSheetOrLocal('grid-template-columns', '1fr '.repeat(parseInt(columns)).trim());
-                this.extendedItem.updateStyleInSheetOrLocal('grid-template-rows', '1fr '.repeat(parseInt(rows)).trim());
-            }
-            else {
-                const parts = gridTypeEl.value.split('x');
-                this.extendedItem.updateStyleInSheetOrLocal('grid-template-columns', '1fr '.repeat(parseInt(parts[0])).trim());
-                this.extendedItem.updateStyleInSheetOrLocal('grid-template-rows', '1fr '.repeat(parseInt(parts[1])).trim());
-            }
-        };
-        this.refresh(cache, event);
-    }
-    refresh(cache, event) {
-        if (event) {
-            const pos = this.designerCanvas.getNormalizedEventCoordinates(event);
-            this._toolbar.updatePosition({ x: (pos.x - 16), y: (pos.y - 44) });
-        }
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/designerView/extensions/grid/GridToolbarExtensionProvider 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 GridToolbarExtensionProvider 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/grid/GridToolbarExtensionProvider copy.js

@@ -1,17 +0,0 @@
-import { css } from '@node-projects/base-custom-webcomponent';
-import { GridToolbarExtension } from './GridToolbarExtension.js';
-import { NodeType } from '../../../../item/NodeType.js';
-export class GridToolbarExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (designItem.nodeType === NodeType.Element && getComputedStyle(designItem.element).display === 'grid')
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new GridToolbarExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-toolbar-container { overflow: visible }
-    .svg-toolbar-container div { padding: 5px; display: flex; gap: 2px; background: white; border-radius: 4px; box-shadow: 0 2px 10px 0 rgba(19,23,32,.2); align-items: center; }
-  `;
-}

package/dist/elements/widgets/designerView/extensions/grid/ResizeExtension.d.ts

@@ -1,28 +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 ResizeExtension extends AbstractExtension {
-    private resizeAllSelected;
-    private _initialSizes;
-    private _actionModeStarted;
-    private _initialPoint;
-    private _offsetPoint;
-    private _circle1;
-    private _circle2;
-    private _circle3;
-    private _circle4;
-    private _circle5;
-    private _circle6;
-    private _circle7;
-    private _circle8;
-    private _initialComputedTransformOrigins;
-    private _initialTransformOrigins;
-    constructor(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, extendedItem: IDesignItem, resizeAllSelected: boolean);
-    extend(cache: Record<string | symbol, any>, event?: Event): void;
-    refresh(cache: Record<string | symbol, any>, event?: Event): void;
-    _drawResizerOverlay(x: number, y: number, cursor: string, oldCircle?: SVGCircleElement): SVGCircleElement;
-    _pointerActionTypeResize(circle: SVGCircleElement, event: PointerEvent, actionMode: string): void;
-    private prepareResize;
-    dispose(): void;
-}