@node-projects/web-component-designer 0.0.155 → 0.0.157

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

@@ -1,7 +1,7 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { AbstractExtension } from "./AbstractExtension";
-import { IExtensionManager } from "./IExtensionManger";
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { AbstractExtension } from './AbstractExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
 export declare class PlacementExtension extends AbstractExtension {
     private _rect;
     constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);

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

@@ -1,4 +1,4 @@
-import { AbstractExtension } from "./AbstractExtension";
+import { AbstractExtension } from './AbstractExtension.js';
 export class PlacementExtension extends AbstractExtension {
     _rect;
     constructor(extensionManager, designerView, extendedItem) {

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

@@ -1,8 +1,8 @@
-import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
+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 PlacementExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

@@ -1,5 +1,5 @@
 import { css } from "@node-projects/base-custom-webcomponent";
-import { PlacementExtension } from "./PlacementExtension";
+import { PlacementExtension } from './PlacementExtension.js';
 export class PlacementExtensionProvider {
     shouldExtend(extensionManager, designerView, designItem) {
         return true;

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

@@ -1,7 +1,7 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { AbstractExtension } from "./AbstractExtension";
-import { IExtensionManager } from "./IExtensionManger";
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { AbstractExtension } from './AbstractExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
 export declare class PositionExtension extends AbstractExtension {
     private _line1;
     private _line2;

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

@@ -1,4 +1,4 @@
-import { AbstractExtension } from "./AbstractExtension";
+import { AbstractExtension } from './AbstractExtension.js';
 export class PositionExtension extends AbstractExtension {
     _line1;
     _line2;

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

@@ -1,8 +1,8 @@
-import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
+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 PositionExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

@@ -1,4 +1,4 @@
-import { PositionExtension } from "./PositionExtension";
+import { PositionExtension } from './PositionExtension.js';
 import { css } from "@node-projects/base-custom-webcomponent";
 export class PositionExtensionProvider {
     shouldExtend(extensionManager, designerView, designItem) {

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

@@ -1,7 +1,7 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { AbstractExtension } from './AbstractExtension';
-import { IExtensionManager } from "./IExtensionManger";
+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;

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

@@ -1,6 +1,6 @@
-import { EventNames } from "../../../../enums/EventNames";
+import { EventNames } from '../../../../enums/EventNames.js';
 import { transformPointByInverseMatrix, getDomMatrix, getDesignerCanvasNormalizedTransformedCornerDOMPoints, normalizeToAbsolutePosition } from "../../../helper/TransformHelper.js";
-import { AbstractExtension } from './AbstractExtension';
+import { AbstractExtension } from './AbstractExtension.js';
 export class ResizeExtension extends AbstractExtension {
     resizeAllSelected;
     _initialSizes;
@@ -70,7 +70,7 @@ export class ResizeExtension extends AbstractExtension {
                 //#endregion Calc element's dimension
                 this._initialSizes.push({ width: rect.width / this.designerCanvas.scaleFactor, height: rect.height / this.designerCanvas.scaleFactor });
                 this.extendedItem.element.style.width = this._initialSizes[0].width + 'px';
-                const toArr = getComputedStyle(this.extendedItem.element).transformOrigin.split(' ').map(x => parseInt(x.replace('px', '')));
+                const toArr = getComputedStyle(this.extendedItem.element).transformOrigin.split(' ').map(x => parseFloat(x.replace('px', '')));
                 const transformOrigin = new DOMPoint(toArr[0], toArr[1]);
                 this._initialComputedTransformOrigins.push(transformOrigin);
                 this._initialTransformOrigins.push(this.extendedItem.element.style.transformOrigin);
@@ -291,9 +291,9 @@ export class ResizeExtension extends AbstractExtension {
                 this.extendedItem.setStyle('height', this.extendedItem.element.style.height);
                 this.extendedItem.setStyle('left', normalizeToAbsolutePosition(this.extendedItem.element, 'left'));
                 this.extendedItem.setStyle('top', normalizeToAbsolutePosition(this.extendedItem.element, 'top'));
-                let p3Abs = new DOMPoint(this.extendedItem.element.offsetLeft + parseInt(getComputedStyle(this.extendedItem.element).transformOrigin.split(' ')[0].replace('px', '')), this.extendedItem.element.offsetTop + parseInt(getComputedStyle(this.extendedItem.element).transformOrigin.split(' ')[1].replace('px', '')));
+                let p3Abs = new DOMPoint(this.extendedItem.element.offsetLeft + parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(' ')[0].replace('px', '')), this.extendedItem.element.offsetTop + parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(' ')[1].replace('px', '')));
                 this.extendedItem.element.style.transformOrigin = this._initialTransformOrigins[0];
-                let p1Abs = new DOMPoint(this.extendedItem.element.offsetLeft + parseInt(getComputedStyle(this.extendedItem.element).transformOrigin.split(' ')[0].replace('px', '')), this.extendedItem.element.offsetTop + parseInt(getComputedStyle(this.extendedItem.element).transformOrigin.split(' ')[1].replace('px', '')));
+                let p1Abs = new DOMPoint(this.extendedItem.element.offsetLeft + parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(' ')[0].replace('px', '')), this.extendedItem.element.offsetTop + parseFloat(getComputedStyle(this.extendedItem.element).transformOrigin.split(' ')[1].replace('px', '')));
                 let p1 = new DOMPoint(p1Abs.x - p3Abs.x, -(p1Abs.y - p3Abs.y));
                 let matrix = new DOMMatrix(getComputedStyle(this.extendedItem.element).transform);
                 let deltaX = 0;
@@ -306,6 +306,9 @@ export class ResizeExtension extends AbstractExtension {
                 deltaX = p4Abs.x - p1Abs.x;
                 deltaY = p4Abs.y - p1Abs.y;
                 this.extendedItem.element.style.transform = matrix.translate(deltaX, deltaY).toString();
+                if (matrix.isIdentity) {
+                    this.extendedItem.element.style.transform = '';
+                }
                 this.extendedItem.setStyle('transform', this.extendedItem.element.style.transform);
                 if (this.resizeAllSelected) {
                     for (const designItem of this.designerCanvas.instanceServiceContainer.selectionService.selectedElements) {

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

@@ -1,8 +1,8 @@
-import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
+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 ResizeExtensionProvider implements IDesignerExtensionProvider {
     private resizeAllSelected;
     constructor(resizeAllSelected?: boolean);

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

@@ -1,4 +1,4 @@
-import { ResizeExtension } from "./ResizeExtension";
+import { ResizeExtension } from './ResizeExtension.js';
 import { css } from "@node-projects/base-custom-webcomponent";
 import { NodeType } from "../../../item/NodeType.js";
 export class ResizeExtensionProvider {

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

@@ -1,7 +1,7 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { AbstractExtension } from './AbstractExtension';
-import { IExtensionManager } from "./IExtensionManger";
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { AbstractExtension } from './AbstractExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
 export declare class RotateExtension extends AbstractExtension {
     private _initialPoint;
     private _rotateIcon;

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

@@ -1,6 +1,6 @@
-import { EventNames } from "../../../../enums/EventNames";
-import { cssMatrixToMatrixArray, extractRotationAngleFromDOMMatrix, getDesignerCanvasNormalizedTransformedCornerDOMPoints, getRotationAngleFromMatrix, getRotationMatrix3d, rotateElementByMatrix3d } from "../../../helper/TransformHelper";
-import { AbstractExtension } from './AbstractExtension';
+import { EventNames } from '../../../../enums/EventNames.js';
+import { cssMatrixToMatrixArray, extractRotationAngleFromDOMMatrix, getDesignerCanvasNormalizedTransformedCornerDOMPoints, getRotationAngleFromMatrix, getRotationMatrix3d, rotateElementByMatrix3d } from '../../../helper/TransformHelper.js';
+import { AbstractExtension } from './AbstractExtension.js';
 export class RotateExtension extends AbstractExtension {
     _initialPoint;
     _rotateIcon;
@@ -90,7 +90,8 @@ export class RotateExtension extends AbstractExtension {
             case EventNames.PointerUp:
                 let cg = this.extendedItem.openGroup("Rotate Elements");
                 event.target.releasePointerCapture(event.pointerId);
-                this.extendedItem.element.style.transform = 'rotate(' + extractRotationAngleFromDOMMatrix(new DOMMatrix(this.extendedItem.element.style.transform)) + 'deg)';
+                let angle = extractRotationAngleFromDOMMatrix(new DOMMatrix(this.extendedItem.element.style.transform));
+                this.extendedItem.element.style.transform = angle == 0 ? '' : 'rotate(' + angle + 'deg)';
                 this.extendedItem.setStyle('transform', this.extendedItem.element.style.transform);
                 cg.commit();
                 this._textAngle.forEach(x => {

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

@@ -1,8 +1,8 @@
-import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
+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 RotateExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

@@ -1,7 +1,10 @@
-import { RotateExtension } from "./RotateExtension";
+import { RotateExtension } from './RotateExtension.js';
 import { css } from "@node-projects/base-custom-webcomponent";
 export class RotateExtensionProvider {
     shouldExtend(extensionManager, designerView, designItem) {
+        if (designItem.element instanceof SVGElement) {
+            return false;
+        }
         return true;
     }
     getExtension(extensionManager, designerView, designItem) {

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

@@ -1,7 +1,7 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { AbstractExtension } from './AbstractExtension';
-import { IExtensionManager } from "./IExtensionManger";
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { AbstractExtension } from './AbstractExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
 export declare class SelectionDefaultExtension extends AbstractExtension {
     private _line1;
     private _line2;

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

@@ -1,5 +1,5 @@
-import { getDesignerCanvasNormalizedTransformedCornerDOMPoints } from "../../../helper/TransformHelper";
-import { AbstractExtension } from './AbstractExtension';
+import { getDesignerCanvasNormalizedTransformedCornerDOMPoints } from '../../../helper/TransformHelper.js';
+import { AbstractExtension } from './AbstractExtension.js';
 export class SelectionDefaultExtension extends AbstractExtension {
     _line1;
     _line2;

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

@@ -1,8 +1,8 @@
-import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
+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 SelectionDefaultExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

@@ -1,4 +1,4 @@
-import { SelectionDefaultExtension } from "./SelectionDefaultExtension";
+import { SelectionDefaultExtension } from './SelectionDefaultExtension.js';
 import { css } from "@node-projects/base-custom-webcomponent";
 export class SelectionDefaultExtensionProvider {
     shouldExtend(extensionManager, designerView, designItem) {

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

@@ -1,7 +1,7 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { AbstractExtension } from './AbstractExtension';
-import { IExtensionManager } from "./IExtensionManger";
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { AbstractExtension } from './AbstractExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
 export declare class TransformOriginExtension extends AbstractExtension {
     private _startPos;
     private _circle;

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

@@ -1,7 +1,7 @@
-import { EventNames } from "../../../../enums/EventNames";
-import { convertCssUnit, getCssUnit } from "../../../helper/CssUnitConverter";
-import { getDesignerCanvasNormalizedTransformedPoint } from "../../../helper/TransformHelper";
-import { AbstractExtension } from './AbstractExtension';
+import { EventNames } from '../../../../enums/EventNames.js';
+import { convertCssUnit, getCssUnit } from '../../../helper/CssUnitConverter.js';
+import { getDesignerCanvasNormalizedTransformedPoint } from '../../../helper/TransformHelper.js';
+import { AbstractExtension } from './AbstractExtension.js';
 export class TransformOriginExtension extends AbstractExtension {
     _startPos;
     _circle;
@@ -23,8 +23,8 @@ export class TransformOriginExtension extends AbstractExtension {
         this._circle.addEventListener(EventNames.PointerDown, event => this.pointerEvent(event));
         this._circle.addEventListener(EventNames.PointerMove, event => this.pointerEvent(event));
         this._circle.addEventListener(EventNames.PointerUp, event => this.pointerEvent(event)); //TODO: -> assign to window
-        if (this.extendedItem.styles.get('transform-origin')) {
-            this._oldValue = this.extendedItem.styles.get('transform-origin');
+        if (this.extendedItem.getStyle('transform-origin')) {
+            this._oldValue = this.extendedItem.getStyle('transform-origin');
         }
     }
     pointerEvent(event) {

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

@@ -1,8 +1,8 @@
-import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
+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 TransformOriginExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

@@ -1,4 +1,4 @@
-import { TransformOriginExtension } from "./TransformOriginExtension";
+import { TransformOriginExtension } from './TransformOriginExtension.js';
 import { css } from "@node-projects/base-custom-webcomponent";
 export class TransformOriginExtensionProvider {
     shouldExtend(extensionManager, designerView, designItem) {

package/dist/elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.d.ts

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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 CopyPasteContextMenu 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/CopyPasteContextMenu.js

@@ -1,4 +1,4 @@
-import { CommandType } from "../../../../../commandHandling/CommandType";
+import { CommandType } from '../../../../../commandHandling/CommandType.js';
 export class CopyPasteContextMenu {
     shouldProvideContextmenu(event, designerView, designItem, initiator) {
         return true;

package/dist/elements/widgets/designerView/extensions/contextMenu/IContextMenuExtension.d.ts

@@ -1,6 +1,6 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
+import { IContextMenuItem } from '../../../../helper/contextMenu/IContextMenuItem.js';
+import { IDesignItem } from '../../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../../IDesignerCanvas.js';
 export type ContextmenuInitiator = 'designer' | 'treeView' | 'other';
 export interface IContextMenuExtension {
     shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): any;

package/dist/elements/widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.d.ts

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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[];

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

@@ -1,4 +1,4 @@
-import { DesignItem } from "../../../../item/DesignItem";
+import { DesignItem } from '../../../../item/DesignItem.js';
 export class ItemsBelowContextMenu {
     shouldProvideContextmenu(event, designerView, designItem, initiator) {
         return initiator == 'designer';

package/dist/elements/widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.d.ts

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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 MultipleItemsSelectedContextMenu implements IContextMenuExtension {
     orderIndex: number;
     shouldProvideContextmenu(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;

package/dist/elements/widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.js

@@ -1,5 +1,5 @@
-import { switchContainer } from "../../../../helper/SwitchContainerHelper";
-import { DesignItem } from "../../../../item/DesignItem";
+import { switchContainer } from '../../../../helper/SwitchContainerHelper.js';
+import { DesignItem } from '../../../../item/DesignItem.js';
 export class MultipleItemsSelectedContextMenu {
     orderIndex = 60;
     shouldProvideContextmenu(event, designerCanvas, designItem, initiator) {

package/dist/elements/widgets/designerView/extensions/contextMenu/PathContextMenu.d.ts

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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 PathContextMenu implements IContextMenuExtension {
     shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
     provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];

package/dist/elements/widgets/designerView/extensions/contextMenu/PathContextMenu.js

@@ -1,4 +1,4 @@
-import { createPathD } from "../../../../helper/PathDataPolyfill";
+import { createPathD } from '../../../../helper/PathDataPolyfill.js';
 export class PathContextMenu {
     shouldProvideContextmenu(event, designerView, designItem, initiator) {
         if (designItem.element instanceof SVGPathElement)

package/dist/elements/widgets/designerView/extensions/contextMenu/RectContextMenu.d.ts

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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 RectContextMenu implements IContextMenuExtension {
     shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
     provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];

package/dist/elements/widgets/designerView/extensions/contextMenu/RectContextMenu.js

@@ -1,6 +1,6 @@
-import { DeleteAction } from "../../../../..";
-import { DesignItem } from "../../../../item/DesignItem";
-import { InsertAction } from "../../../../services/undoService/transactionItems/InsertAction";
+import { DesignItem } from '../../../../item/DesignItem.js';
+import { DeleteAction } from '../../../../services/undoService/transactionItems/DeleteAction.js';
+import { InsertAction } from '../../../../services/undoService/transactionItems/InsertAction.js';
 export class RectContextMenu {
     shouldProvideContextmenu(event, designerView, designItem, initiator) {
         if (designItem.element instanceof SVGRectElement)

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

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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.js

@@ -1,4 +1,4 @@
-import { CommandType } from "../../../../../commandHandling/CommandType";
+import { CommandType } from '../../../../../commandHandling/CommandType.js';
 export class RotateLeftAndRight {
     shouldProvideContextmenu(event, designerView, designItem, initiator) {
         return !designItem.isRootItem;

package/dist/elements/widgets/designerView/extensions/contextMenu/SelectAllChildrenContextMenu.d.ts

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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 SelectAllChildrenContextMenu implements IContextMenuExtension {
     shouldProvideContextmenu(event: MouseEvent, designerView: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
     provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];

package/dist/elements/widgets/designerView/extensions/contextMenu/SeperatorContextMenu.d.ts

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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 SeperatorContextMenu 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/ZMoveContextMenu.d.ts

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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 ZMoveContextMenu 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/ZMoveContextMenu.js

@@ -1,4 +1,4 @@
-import { CommandType } from "../../../../../commandHandling/CommandType";
+import { CommandType } from '../../../../../commandHandling/CommandType.js';
 export class ZMoveContextMenu {
     shouldProvideContextmenu(event, designerView, designItem, initiator) {
         return !designItem.isRootItem;

package/dist/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.d.ts

@@ -1,7 +1,7 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";
+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 ZoomToElementContextMenu implements IContextMenuExtension {
     shouldProvideContextmenu(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem, initiator: ContextmenuInitiator): boolean;
     provideContextMenuItems(event: MouseEvent, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IContextMenuItem[];

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

@@ -2,7 +2,7 @@ import { IDesignItem } from "../../../../item/IDesignItem.js";
 import { IDesignerCanvas } from "../../IDesignerCanvas.js";
 import { IExtensionManager } from "../IExtensionManger.js";
 import { IDesignerPointerExtension } from "./IDesignerPointerExtension.js";
-import { AbstractExtensionBase } from '../AbstractExtensionBase';
+import { AbstractExtensionBase } from '../AbstractExtensionBase.js';
 export declare abstract class AbstractDesignerPointerExtension extends AbstractExtensionBase implements IDesignerPointerExtension {
     protected extendedItem: IDesignItem;
     constructor(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas);

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

@@ -1,4 +1,4 @@
-import { AbstractExtensionBase } from '../AbstractExtensionBase';
+import { AbstractExtensionBase } from '../AbstractExtensionBase.js';
 //todo:
 //move draw functions to overlay layer
 //implement designerpointerextension

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

@@ -1,4 +1,4 @@
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
+import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension.js';
 export declare class CursorLinePointerExtension extends AbstractDesignerPointerExtension {
     private _lineOffset;
     private _lineLength;

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

@@ -1,6 +1,6 @@
 import { css } from '@node-projects/base-custom-webcomponent';
 import { OverlayLayer } from '../OverlayLayer.js';
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
+import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension.js';
 export class CursorLinePointerExtension extends AbstractDesignerPointerExtension {
     _lineOffset = 5;
     _lineLength = 10;