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

package/dist/elements/widgets/designerView/extensions/GrayOutDragOverContainerExtension.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 GrayOutDragOverContainerExtension extends AbstractExtension {
     private _rect;
     constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);

package/dist/elements/widgets/designerView/extensions/GrayOutDragOverContainerExtension.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';
 import { OverlayLayer } from "./OverlayLayer.js";
 export class GrayOutDragOverContainerExtension extends AbstractExtension {
     _rect;

package/dist/elements/widgets/designerView/extensions/GrayOutDragOverContainerExtensionProvider.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 GrayOutDragOverContainerExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

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

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

@@ -1,4 +1,4 @@
-import { AbstractExtension } from "./AbstractExtension";
+import { AbstractExtension } from './AbstractExtension.js';
 import { OverlayLayer } from "./OverlayLayer.js";
 export class GrayOutExtension extends AbstractExtension {
     _path;

package/dist/elements/widgets/designerView/extensions/GrayOutExtensionProvider.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 GrayOutExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

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

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

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

@@ -1,5 +1,5 @@
 import { CalculateGridInformation } from "../../../helper/GridHelper.js";
-import { AbstractExtension } from "./AbstractExtension";
+import { AbstractExtension } from './AbstractExtension.js';
 import { OverlayLayer } from "./OverlayLayer.js";
 export class GridExtension extends AbstractExtension {
     constructor(extensionManager, designerView, extendedItem) {

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

@@ -1,5 +1,5 @@
 import { DesignerView } from "../designerView.js";
-import { IDesignerCanvas } from "../IDesignerCanvas";
+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/GridExtensionProvider.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 const gridExtensionShowOverlayOptionName = "gridExtensionShowOverlay";
 export declare class GridExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;

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

@@ -1,4 +1,4 @@
-import { GridExtension } from './GridExtension';
+import { GridExtension } from './GridExtension.js';
 import { css } from "@node-projects/base-custom-webcomponent";
 export const gridExtensionShowOverlayOptionName = 'gridExtensionShowOverlay';
 export class GridExtensionProvider {

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

@@ -1,4 +1,4 @@
-import { IDisposable } from "../../../../interfaces/IDisposable";
+import { IDisposable } from '../../../../interfaces/IDisposable.js';
 export interface IDesignerExtension extends IDisposable {
     extend(): any;
     refresh(): any;

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

@@ -1,7 +1,7 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { IDesignerExtension } from './IDesignerExtension.js';
+import { IExtensionManager } from './IExtensionManger.js';
 export interface IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

@@ -1,6 +1,6 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { ExtensionType } from './ExtensionType';
-import { IDesignerExtension } from "./IDesignerExtension";
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { ExtensionType } from './ExtensionType.js';
+import { IDesignerExtension } from './IDesignerExtension.js';
 export interface IExtensionManager {
     applyExtension(designItem: IDesignItem, extensionType: ExtensionType, recursive?: boolean): IDesignerExtension[];
     applyExtensions(designItems: IDesignItem[], extensionType: ExtensionType, recursive?: boolean): any;

package/dist/elements/widgets/designerView/extensions/InvisibleDivExtension.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 InvisibleDivExtension extends AbstractExtension {
     private _rect;
     constructor(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, extendedItem: IDesignItem);

package/dist/elements/widgets/designerView/extensions/InvisibleDivExtension.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';
 import { OverlayLayer } from "./OverlayLayer.js";
 export class InvisibleDivExtension extends AbstractExtension {
     _rect;

package/dist/elements/widgets/designerView/extensions/InvisibleDivExtensionProvider.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 InvisibleDivExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerCanvas: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

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

package/dist/elements/widgets/designerView/extensions/MouseOverExtension.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 MouseOverExtension extends AbstractExtension {
     private _rect;
     constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);

package/dist/elements/widgets/designerView/extensions/MouseOverExtension.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';
 const offset = 3;
 export class MouseOverExtension extends AbstractExtension {
     _rect;

package/dist/elements/widgets/designerView/extensions/MouseOverExtensionProvider.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 MouseOverExtensionProvider implements IDesignerExtensionProvider {
     shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
     getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;

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

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

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;
@@ -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,4 +1,4 @@
-import { RotateExtension } from "./RotateExtension";
+import { RotateExtension } from './RotateExtension.js';
 import { css } from "@node-projects/base-custom-webcomponent";
 export class RotateExtensionProvider {
     shouldExtend(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;

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;