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

package/dist/elements/widgets/designerView/extensions/svg/EllipsisExtension.d.ts

@@ -1,8 +1,8 @@
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { AbstractExtension } from "../AbstractExtension";
-import { IExtensionManager } from "../IExtensionManger";
-import { IRect } from "../../../../../interfaces/IRect";
+import { IDesignItem } from '../../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../../IDesignerCanvas.js';
+import { AbstractExtension } from '../AbstractExtension.js';
+import { IExtensionManager } from '../IExtensionManger.js';
+import { IRect } from '../../../../../interfaces/IRect.js';
 export declare class EllipsisExtension extends AbstractExtension {
     private _parentRect;
     private _ellipseElement;

package/dist/elements/widgets/designerView/extensions/svg/EllipsisExtension.js

@@ -1,5 +1,5 @@
-import { EventNames } from "../../../../../enums/EventNames";
-import { AbstractExtension } from "../AbstractExtension";
+import { EventNames } from '../../../../../enums/EventNames.js';
+import { AbstractExtension } from '../AbstractExtension.js';
 export class EllipsisExtension extends AbstractExtension {
     _parentRect;
     _ellipseElement;

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

package/dist/elements/widgets/designerView/extensions/svg/EllipsisExtensionProvider.js

@@ -1,8 +1,9 @@
-import { EllipsisExtension } from "./EllipsisExtension";
+import { EllipsisExtension } from './EllipsisExtension.js';
+import { isVisualSvgElement } from '../../../../helper/SvgHelper.js';
 export class EllipsisExtensionProvider {
     shouldExtend(extensionManager, designerView, designItem) {
         if (designItem.node instanceof SVGEllipseElement) {
-            return true;
+            return isVisualSvgElement(designItem.node);
         }
         return false;
     }

package/dist/elements/widgets/designerView/extensions/svg/LineExtension.d.ts

@@ -1,8 +1,8 @@
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { AbstractExtension } from "../AbstractExtension";
-import { IExtensionManager } from "../IExtensionManger";
-import { IRect } from "../../../../../interfaces/IRect";
+import { IDesignItem } from '../../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../../IDesignerCanvas.js';
+import { AbstractExtension } from '../AbstractExtension.js';
+import { IExtensionManager } from '../IExtensionManger.js';
+import { IRect } from '../../../../../interfaces/IRect.js';
 export declare class LineExtension extends AbstractExtension {
     private _parentRect;
     private _lineElement;

package/dist/elements/widgets/designerView/extensions/svg/LineExtension.js

@@ -1,5 +1,5 @@
-import { EventNames } from "../../../../../enums/EventNames";
-import { AbstractExtension } from "../AbstractExtension";
+import { EventNames } from '../../../../../enums/EventNames.js';
+import { AbstractExtension } from '../AbstractExtension.js';
 export class LineExtension extends AbstractExtension {
     _parentRect;
     _lineElement;

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

package/dist/elements/widgets/designerView/extensions/svg/LineExtensionProvider.js

@@ -1,8 +1,10 @@
-import { LineExtension } from "./LineExtension";
+import { LineExtension } from './LineExtension.js';
+import { isVisualSvgElement } from '../../../../helper/SvgHelper.js';
 export class LineExtensionProvider {
     shouldExtend(extensionManager, designerView, designItem) {
         if (designItem.node instanceof SVGLineElement) {
-            return true;
+            return isVisualSvgElement(designItem.node);
+            ;
         }
         return false;
     }

package/dist/elements/widgets/designerView/extensions/svg/PathExtension.d.ts

@@ -1,11 +1,11 @@
-import { IDesignItem } from "../../../../item/IDesignItem";
-import { IDesignerCanvas } from "../../IDesignerCanvas";
-import { AbstractExtension } from "../AbstractExtension";
+import { IDesignItem } from '../../../../item/IDesignItem.js';
+import { IDesignerCanvas } from '../../IDesignerCanvas.js';
+import { AbstractExtension } from '../AbstractExtension.js';
 import "../../../../helper/PathDataPolyfill";
-import { IPoint } from "../../../../../interfaces/IPoint";
-import { IExtensionManager } from "../IExtensionManger";
-import { PathData } from "../../../../helper/PathDataPolyfill";
-import { IRect } from "../../../../../interfaces/IRect";
+import { IPoint } from '../../../../../interfaces/IPoint.js';
+import { IExtensionManager } from '../IExtensionManger.js';
+import { PathData } from '../../../../helper/PathDataPolyfill.js';
+import { IRect } from '../../../../../interfaces/IRect.js';
 export declare class PathExtension extends AbstractExtension {
     private _lastPos;
     private _parentRect;

package/dist/elements/widgets/designerView/extensions/svg/PathExtension.js

@@ -1,8 +1,8 @@
-import { AbstractExtension } from "../AbstractExtension";
+import { AbstractExtension } from '../AbstractExtension.js';
 import "../../../../helper/PathDataPolyfill";
-import { EventNames } from "../../../../../enums/EventNames";
-import { createPathD } from "../../../../helper/PathDataPolyfill";
-import { ContextMenu } from "../../../../helper/contextMenu/ContextMenu";
+import { EventNames } from '../../../../../enums/EventNames.js';
+import { createPathD } from '../../../../helper/PathDataPolyfill.js';
+import { ContextMenu } from '../../../../helper/contextMenu/ContextMenu.js';
 export class PathExtension extends AbstractExtension {
     _lastPos;
     _parentRect;

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

package/dist/elements/widgets/designerView/extensions/svg/PathExtensionProvider.js

@@ -1,8 +1,10 @@
-import { PathExtension } from "./PathExtension";
+import { PathExtension } from './PathExtension.js';
+import { isVisualSvgElement } from '../../../../helper/SvgHelper.js';
 export class PathExtensionProvider {
     shouldExtend(extensionManager, designerView, designItem) {
         if (designItem.node instanceof SVGPathElement) {
-            return true;
+            return isVisualSvgElement(designItem.node);
+            ;
         }
         return false;
     }

package/dist/elements/widgets/designerView/extensions/svg/RectExtension.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 RectExtension extends AbstractExtension {
     private _parentRect;
     private _rectElement;

package/dist/elements/widgets/designerView/extensions/svg/RectExtension.js

@@ -1,5 +1,5 @@
-import { EventNames } from "../../../../../enums/EventNames";
-import { AbstractExtension } from "../AbstractExtension";
+import { EventNames } from '../../../../../enums/EventNames.js';
+import { AbstractExtension } from '../AbstractExtension.js';
 export class RectExtension extends AbstractExtension {
     _parentRect;
     _rectElement;

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

package/dist/elements/widgets/designerView/extensions/svg/RectExtensionProvider.js

@@ -1,8 +1,10 @@
-import { RectExtension } from "./RectExtension";
+import { RectExtension } from './RectExtension.js';
+import { isVisualSvgElement } from '../../../../helper/SvgHelper.js';
 export class RectExtentionProvider {
     shouldExtend(extensionManager, designerView, designItem) {
         if (designItem.node instanceof SVGRectElement) {
-            return true;
+            return isVisualSvgElement(designItem.node);
+            ;
         }
         return false;
     }

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

@@ -1,6 +1,6 @@
 import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
 import { OverlayLayer } from './extensions/OverlayLayer.js';
-import { ServiceContainer } from '../../services/ServiceContainer';
+import { ServiceContainer } from '../../services/ServiceContainer.js';
 export declare class OverlayLayerView extends BaseCustomWebComponentConstructorAppend {
     static readonly template: HTMLTemplateElement;
     static readonly style: CSSStyleSheet;

package/dist/elements/widgets/designerView/tools/DrawElementTool.d.ts

@@ -1,7 +1,7 @@
-import { IElementDefinition } from '../../../services/elementsService/IElementDefinition';
+import { IElementDefinition } from '../../../services/elementsService/IElementDefinition.js';
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 export declare class DrawElementTool implements ITool {
     private _elementDefinition;
     private _createdItem;

package/dist/elements/widgets/designerView/tools/DrawElementTool.js

@@ -1,5 +1,5 @@
-import { EventNames } from '../../../../enums/EventNames';
-import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction';
+import { EventNames } from '../../../../enums/EventNames.js';
+import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction.js';
 import { OverlayLayer } from '../extensions/OverlayLayer.js';
 export class DrawElementTool {
     _elementDefinition;

package/dist/elements/widgets/designerView/tools/DrawEllipsisTool.d.ts

@@ -1,5 +1,5 @@
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
 export declare class DrawEllipsisTool implements ITool {
     readonly cursor = "crosshair";

package/dist/elements/widgets/designerView/tools/DrawEllipsisTool.js

@@ -1,8 +1,8 @@
-import { EventNames } from '../../../../enums/EventNames';
+import { EventNames } from '../../../../enums/EventNames.js';
 import { OverlayLayer } from '../extensions/OverlayLayer.js';
-import { calculateNormLegth } from '../../../helper/PathDataPolyfill';
-import { DesignItem } from '../../../item/DesignItem';
-import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction';
+import { calculateNormLegth } from '../../../helper/PathDataPolyfill.js';
+import { DesignItem } from '../../../item/DesignItem.js';
+import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction.js';
 export class DrawEllipsisTool {
     cursor = 'crosshair';
     _path;

package/dist/elements/widgets/designerView/tools/DrawLineTool.d.ts

@@ -1,5 +1,5 @@
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
 export declare class DrawLineTool implements ITool {
     readonly cursor = "crosshair";

package/dist/elements/widgets/designerView/tools/DrawLineTool.js

@@ -1,8 +1,8 @@
-import { EventNames } from '../../../../enums/EventNames';
+import { EventNames } from '../../../../enums/EventNames.js';
 import { OverlayLayer } from '../extensions/OverlayLayer.js';
-import { straightenLine } from '../../../helper/PathDataPolyfill';
-import { DesignItem } from '../../../item/DesignItem';
-import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction';
+import { straightenLine } from '../../../helper/PathDataPolyfill.js';
+import { DesignItem } from '../../../item/DesignItem.js';
+import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction.js';
 export class DrawLineTool {
     cursor = 'crosshair';
     _path;

package/dist/elements/widgets/designerView/tools/DrawPathTool.d.ts

@@ -1,5 +1,5 @@
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
 export declare class DrawPathTool implements ITool {
     readonly cursor = "crosshair";

package/dist/elements/widgets/designerView/tools/DrawPathTool.js

@@ -1,7 +1,7 @@
-import { EventNames } from '../../../../enums/EventNames';
-import { moveSVGPath, straightenLine } from '../../../helper/PathDataPolyfill';
-import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction';
-import { DesignItem } from '../../../item/DesignItem';
+import { EventNames } from '../../../../enums/EventNames.js';
+import { moveSVGPath, straightenLine } from '../../../helper/PathDataPolyfill.js';
+import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction.js';
+import { DesignItem } from '../../../item/DesignItem.js';
 import { OverlayLayer } from '../extensions/OverlayLayer.js';
 export class DrawPathTool {
     cursor = 'crosshair';

package/dist/elements/widgets/designerView/tools/DrawRectTool.d.ts

@@ -1,5 +1,5 @@
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
 export declare class DrawRectTool implements ITool {
     readonly cursor = "crosshair";

package/dist/elements/widgets/designerView/tools/DrawRectTool.js

@@ -1,8 +1,8 @@
-import { EventNames } from '../../../../enums/EventNames';
+import { EventNames } from '../../../../enums/EventNames.js';
 import { OverlayLayer } from '../extensions/OverlayLayer.js';
-import { calculateNormLegth } from '../../../helper/PathDataPolyfill';
-import { DesignItem } from '../../../item/DesignItem';
-import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction';
+import { calculateNormLegth } from '../../../helper/PathDataPolyfill.js';
+import { DesignItem } from '../../../item/DesignItem.js';
+import { InsertAction } from '../../../services/undoService/transactionItems/InsertAction.js';
 export class DrawRectTool {
     cursor = 'crosshair';
     _path;

package/dist/elements/widgets/designerView/tools/ITool.d.ts

@@ -1,6 +1,6 @@
-import { IDisposable } from "../../../../interfaces/IDisposable";
+import { IDisposable } from '../../../../interfaces/IDisposable.js';
 import { ServiceContainer } from "../../../services/ServiceContainer.js";
-import { IDesignerCanvas } from "../IDesignerCanvas";
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
 export interface ITool extends IDisposable {
     readonly cursor: string;
     activated(serviceContainer: ServiceContainer): any;

package/dist/elements/widgets/designerView/tools/MagicWandSelectorTool.d.ts

@@ -1,6 +1,6 @@
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 export declare class MagicWandSelectorTool implements ITool {
     cursor: string;
     private _pathD;

package/dist/elements/widgets/designerView/tools/MagicWandSelectorTool.js

@@ -1,5 +1,5 @@
-import { EventNames } from '../../../../enums/EventNames';
-import { DesignItem } from '../../../item/DesignItem';
+import { EventNames } from '../../../../enums/EventNames.js';
+import { DesignItem } from '../../../item/DesignItem.js';
 import { OverlayLayer } from '../extensions/OverlayLayer.js';
 export class MagicWandSelectorTool {
     cursor = 'progress';

package/dist/elements/widgets/designerView/tools/PanTool.d.ts

@@ -1,6 +1,6 @@
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 export declare class PanTool implements ITool {
     readonly cursor: string;
     pointerEventHandler(designerCanvas: IDesignerCanvas, event: PointerEvent, currentElement: Element): void;

package/dist/elements/widgets/designerView/tools/PickColorTool.d.ts

@@ -1,6 +1,6 @@
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
-import { ServiceContainer } from '../../../services/ServiceContainer';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
+import { ServiceContainer } from '../../../services/ServiceContainer.js';
 export declare class PickColorTool implements ITool {
     readonly cursor = "crosshair";
     activated(serviceContainer: ServiceContainer): Promise<void>;

package/dist/elements/widgets/designerView/tools/PointerTool.d.ts

@@ -1,8 +1,8 @@
-import { IPoint } from "../../../../interfaces/IPoint";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IPlacementService } from "../../../services/placementService/IPlacementService";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { ITool } from "./ITool";
+import { IPoint } from '../../../../interfaces/IPoint.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IPlacementService } from '../../../services/placementService/IPlacementService.js';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 import { ServiceContainer } from "../../../services/ServiceContainer.js";
 export declare class PointerTool implements ITool {
     cursor: string;

package/dist/elements/widgets/designerView/tools/PointerTool.js

@@ -1,8 +1,8 @@
-import { EventNames } from "../../../../enums/EventNames";
-import { PointerActionType } from "../../../../enums/PointerActionType";
-import { DesignItem } from "../../../item/DesignItem";
-import { ExtensionType } from "../extensions/ExtensionType";
-import { NamedTools } from './NamedTools';
+import { EventNames } from '../../../../enums/EventNames.js';
+import { PointerActionType } from '../../../../enums/PointerActionType.js';
+import { DesignItem } from '../../../item/DesignItem.js';
+import { ExtensionType } from '../extensions/ExtensionType.js';
+import { NamedTools } from './NamedTools.js';
 export class PointerTool {
     cursor = 'default';
     _movedSinceStartedAction = false;
@@ -213,12 +213,14 @@ export class PointerTool {
                         for (let i = 0; i < this._clonedItems.length; i++) {
                             this._actionStartedDesignItems[i].insertAdjacentElement(this._clonedItems[i], 'beforebegin');
                         }
+                        designerCanvas.instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'added', designItems: this._clonedItems });
                     }
                     else if (!event.ctrlKey && this._copiedItemsInserted) {
                         for (let d of this._clonedItems) {
                             d.remove();
                         }
                         this._copiedItemsInserted = false;
+                        designerCanvas.instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'removed', designItems: this._clonedItems });
                     }
                     // *** End Copy Items Part ***
                     const elementMoved = currentPoint.x != this._initialPoint.x || currentPoint.y != this._initialPoint.y;

package/dist/elements/widgets/designerView/tools/RectangleSelectorTool.d.ts

@@ -1,6 +1,6 @@
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 export declare class RectangleSelectorTool implements ITool {
     cursor: string;
     private _rect;

package/dist/elements/widgets/designerView/tools/RectangleSelectorTool.js

@@ -1,5 +1,5 @@
-import { EventNames } from '../../../../enums/EventNames';
-import { DesignItem } from '../../../item/DesignItem';
+import { EventNames } from '../../../../enums/EventNames.js';
+import { DesignItem } from '../../../item/DesignItem.js';
 import { OverlayLayer } from '../extensions/OverlayLayer.js';
 export class RectangleSelectorTool {
     cursor = 'progress';

package/dist/elements/widgets/designerView/tools/TextTool.d.ts

@@ -1,6 +1,6 @@
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 export declare class TextTool implements ITool {
     private _textEditExtensions;
     constructor(editExistingText?: boolean);

package/dist/elements/widgets/designerView/tools/ZoomTool.d.ts

@@ -1,6 +1,6 @@
 import { ServiceContainer } from '../../../services/ServiceContainer.js';
-import { IDesignerCanvas } from '../IDesignerCanvas';
-import { ITool } from './ITool';
+import { IDesignerCanvas } from '../IDesignerCanvas.js';
+import { ITool } from './ITool.js';
 export declare class ZoomTool implements ITool {
     cursor: string;
     private _rect;

package/dist/elements/widgets/designerView/tools/ZoomTool.js

@@ -1,4 +1,5 @@
-import { EventNames, OverlayLayer } from '../../../../index.js';
+import { EventNames } from '../../../../enums/EventNames.js';
+import { OverlayLayer } from '../extensions/OverlayLayer.js';
 export class ZoomTool {
     cursor = 'zoom-in';
     _rect;

package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbar.d.ts

@@ -1,7 +1,7 @@
 import { BaseCustomWebComponentConstructorAppend } from "@node-projects/base-custom-webcomponent";
 import { ServiceContainer } from "../../../../services/ServiceContainer.js";
 import { DesignerView } from "../../designerView.js";
-import { DesignerToolbarButton } from './DesignerToolbarButton';
+import { DesignerToolbarButton } from './DesignerToolbarButton.js';
 export declare class DesignerToolbar extends BaseCustomWebComponentConstructorAppend {
     static readonly style: CSSStyleSheet;
     static readonly template: HTMLTemplateElement;

package/dist/elements/widgets/designerView/tools/toolBar/DesignerToolbar.js

@@ -5,7 +5,7 @@ import { CommandType } from "../../../../../commandHandling/CommandType.js";
 //import "../designerToolbarGenerics/designerToolsButtons.js";
 //import "./popups/DrawToolPopup.js";
 //import "./popups/SelectorToolsPopup.js";
-import { DesignerToolbarButton } from './DesignerToolbarButton';
+import { DesignerToolbarButton } from './DesignerToolbarButton.js';
 export class DesignerToolbar extends BaseCustomWebComponentConstructorAppend {
     static style = css `
         node-projects-designer-tools-buttons {

package/dist/elements/widgets/miniatureView/html-2-canvas-miniature-view.d.ts

@@ -1,6 +1,6 @@
 import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
-import { IDesignerCanvas } from "../designerView/IDesignerCanvas";
-import { IMiniatureView } from "./IMiniatureView";
+import { IDesignerCanvas } from '../designerView/IDesignerCanvas.js';
+import { IMiniatureView } from './IMiniatureView.js';
 export declare class Html2CanvasMiniatureView extends BaseCustomWebComponentLazyAppend implements IMiniatureView {
     static readonly style: CSSStyleSheet;
     static readonly template: HTMLTemplateElement;

package/dist/elements/widgets/paletteView/paletteElements.d.ts

@@ -1,6 +1,6 @@
-import { IElementDefinition } from '../../services/elementsService/IElementDefinition';
+import { IElementDefinition } from '../../services/elementsService/IElementDefinition.js';
 import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
-import { ServiceContainer } from '../../services/ServiceContainer';
+import { ServiceContainer } from '../../services/ServiceContainer.js';
 export declare class PaletteElements extends BaseCustomWebComponentLazyAppend {
     static readonly style: CSSStyleSheet;
     static readonly template: HTMLTemplateElement;

package/dist/elements/widgets/paletteView/paletteElements.js

@@ -1,6 +1,6 @@
-import { dragDropFormatNameElementDefinition } from '../../../Constants';
+import { dragDropFormatNameElementDefinition } from '../../../Constants.js';
 import { BaseCustomWebComponentLazyAppend, css, html } from '@node-projects/base-custom-webcomponent';
-import { DrawElementTool } from '../designerView/tools/DrawElementTool';
+import { DrawElementTool } from '../designerView/tools/DrawElementTool.js';
 export class PaletteElements extends BaseCustomWebComponentLazyAppend {
     static style = css `
     :host {

package/dist/elements/widgets/paletteView/paletteTreeView.d.ts

@@ -1,6 +1,6 @@
 import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-import { ServiceContainer } from '../../services/ServiceContainer';
-import { IElementsService } from '../../services/elementsService/IElementsService';
+import { ServiceContainer } from '../../services/ServiceContainer.js';
+import { IElementsService } from '../../services/elementsService/IElementsService.js';
 export declare class PaletteTreeView extends BaseCustomWebComponentConstructorAppend {
     private _treeDiv;
     private _tree;

package/dist/elements/widgets/paletteView/paletteTreeView.js

@@ -1,5 +1,5 @@
 import { css, html, BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-import { dragDropFormatNameElementDefinition } from '../../../Constants';
+import { dragDropFormatNameElementDefinition } from '../../../Constants.js';
 export class PaletteTreeView extends BaseCustomWebComponentConstructorAppend {
     _treeDiv;
     _tree;

package/dist/elements/widgets/paletteView/paletteView.d.ts

@@ -1,7 +1,7 @@
 import '../../controls/DesignerTabControl.js';
-import { IElementsService } from '../../services/elementsService/IElementsService';
+import { IElementsService } from '../../services/elementsService/IElementsService.js';
 import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
-import { ServiceContainer } from '../../services/ServiceContainer';
+import { ServiceContainer } from '../../services/ServiceContainer.js';
 export declare class PaletteView extends BaseCustomWebComponentLazyAppend {
     selected: string;
     private _designerTabControl;

package/dist/elements/widgets/paletteView/paletteView.js

@@ -1,6 +1,6 @@
 import '../../controls/DesignerTabControl.js';
-import { PaletteElements } from './paletteElements';
-import { DesignerTabControl } from '../../controls/DesignerTabControl';
+import { PaletteElements } from './paletteElements.js';
+import { DesignerTabControl } from '../../controls/DesignerTabControl.js';
 import { BaseCustomWebComponentLazyAppend, css } from '@node-projects/base-custom-webcomponent';
 export class PaletteView extends BaseCustomWebComponentLazyAppend {
     selected = 'native';