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

package/dist/commandHandling/IUiCommand.d.ts

@@ -1,4 +1,4 @@
-import { CommandType } from "./CommandType";
+import { CommandType } from './CommandType.js';
 export interface IUiCommand {
     type: CommandType;
     special?: string;

package/dist/commandHandling/IUiCommandHandler.d.ts

@@ -1,4 +1,4 @@
-import { IUiCommand } from './IUiCommand';
+import { IUiCommand } from './IUiCommand.js';
 export interface IUiCommandHandler {
     executeCommand: (command: IUiCommand) => void;
     canExecuteCommand: (command: IUiCommand) => boolean;

package/dist/elements/documentContainer.d.ts

@@ -1,12 +1,12 @@
 import { BaseCustomWebComponentLazyAppend, TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { DesignerView } from "./widgets/designerView/designerView";
-import { ServiceContainer } from "./services/ServiceContainer";
-import { InstanceServiceContainer } from "./services/InstanceServiceContainer";
-import { ICodeView } from '../elements/widgets/codeView/ICodeView';
-import { IDemoView } from './widgets/demoView/IDemoView';
-import { IUiCommandHandler } from "../commandHandling/IUiCommandHandler";
-import { IUiCommand } from "../commandHandling/IUiCommand";
-import { IDisposable } from "../interfaces/IDisposable";
+import { DesignerView } from './widgets/designerView/designerView.js';
+import { ServiceContainer } from './services/ServiceContainer.js';
+import { InstanceServiceContainer } from './services/InstanceServiceContainer.js';
+import { ICodeView } from './widgets/codeView/ICodeView.js';
+import { IDemoView } from './widgets/demoView/IDemoView.js';
+import { IUiCommandHandler } from '../commandHandling/IUiCommandHandler.js';
+import { IUiCommand } from '../commandHandling/IUiCommand.js';
+import { IDisposable } from '../interfaces/IDisposable.js';
 import { ISelectionChangedEvent } from "./services/selectionService/ISelectionChangedEvent.js";
 export declare class DocumentContainer extends BaseCustomWebComponentLazyAppend implements IUiCommandHandler, IDisposable {
     designerView: DesignerView;

package/dist/elements/documentContainer.js

@@ -1,7 +1,7 @@
 import { BaseCustomWebComponentLazyAppend, css, cssFromString, debounce, TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { DesignerTabControl } from "./controls/DesignerTabControl";
-import { DesignerView } from "./widgets/designerView/designerView";
-import { SimpleSplitView } from './controls/SimpleSplitView';
+import { DesignerTabControl } from './controls/DesignerTabControl.js';
+import { DesignerView } from './widgets/designerView/designerView.js';
+import { SimpleSplitView } from './controls/SimpleSplitView.js';
 export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
     designerView;
     codeView;

package/dist/elements/helper/ArrangeHelper.d.ts

@@ -1,5 +1,6 @@
-import { IDesignerCanvas, IDesignItem } from "../..";
-import { Orientation } from "../../enums/Orientation";
+import { Orientation } from '../../enums/Orientation.js';
+import { IDesignItem } from '../item/IDesignItem.js';
+import { IDesignerCanvas } from '../widgets/designerView/IDesignerCanvas.js';
 export declare abstract class ArrangeHelper {
     static arrangeElements(orientation: Orientation, designerCanvas: IDesignerCanvas, arrangeElements: IDesignItem[]): void;
     private static arrange;

package/dist/elements/helper/ArrangeHelper.js

@@ -1,4 +1,4 @@
-import { Orientation } from "../../enums/Orientation";
+import { Orientation } from '../../enums/Orientation.js';
 export class ArrangeHelper {
     static arrangeElements(orientation, designerCanvas, arrangeElements) {
         switch (orientation) {

package/dist/elements/helper/IndentedTextWriter.d.ts

@@ -1,4 +1,4 @@
-import { ITextWriter } from './ITextWriter';
+import { ITextWriter } from './ITextWriter.js';
 export declare class IndentedTextWriter implements ITextWriter {
     private _textHolder;
     readonly indent: number;

package/dist/elements/helper/SimpleTextWriter.d.ts

@@ -1,4 +1,4 @@
-import { ITextWriter } from './ITextWriter';
+import { ITextWriter } from './ITextWriter.js';
 export declare class SimpleTextWriter implements ITextWriter {
     private _textHolder;
     get position(): number;

package/dist/elements/helper/SwitchContainerHelper.d.ts

@@ -1,2 +1,2 @@
-import { IDesignItem } from "../item/IDesignItem";
+import { IDesignItem } from '../item/IDesignItem.js';
 export declare function switchContainer(items: IDesignItem[], newContainer: IDesignItem, resizeNewContainer?: boolean, newContainerOffset?: number): void;

package/dist/elements/helper/contextMenu/ContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { IContextMenuItem } from "./IContextMenuItem";
+import { IContextMenuItem } from './IContextMenuItem.js';
 export interface IContextMenuOptions {
     defaultIcon?: string;
     subIcon?: string;

package/dist/elements/helper/contextMenu/ContextMenu.js

@@ -1,5 +1,5 @@
 import { css } from "@node-projects/base-custom-webcomponent";
-import { sleep } from "../Helper";
+import { sleep } from '../Helper.js';
 export class ContextMenu {
     static _contextMenuCss = css `
 	  .context_menu {

package/dist/elements/item/DesignItem.d.ts

@@ -1,10 +1,10 @@
-import { ServiceContainer } from '../services/ServiceContainer';
-import { IDesignItem } from './IDesignItem';
-import { InstanceServiceContainer } from '../services/InstanceServiceContainer';
-import { ChangeGroup } from '../services/undoService/ChangeGroup';
-import { NodeType } from './NodeType';
-import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType';
-import { IDesignerExtension } from '../widgets/designerView/extensions/IDesignerExtension';
+import { ServiceContainer } from '../services/ServiceContainer.js';
+import { IDesignItem } from './IDesignItem.js';
+import { InstanceServiceContainer } from '../services/InstanceServiceContainer.js';
+import { ChangeGroup } from '../services/undoService/ChangeGroup.js';
+import { NodeType } from './NodeType.js';
+import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType.js';
+import { IDesignerExtension } from '../widgets/designerView/extensions/IDesignerExtension.js';
 import { ISize } from '../../interfaces/ISize.js';
 export declare class DesignItem implements IDesignItem {
     lastContainerSize: ISize;

package/dist/elements/item/DesignItem.js

@@ -1,12 +1,12 @@
-import { CssStyleChangeAction } from '../services/undoService/transactionItems/CssStyleChangeAction';
-import { NodeType } from './NodeType';
-import { AttributeChangeAction } from '../services/undoService/transactionItems/AttributeChangeAction';
-import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType';
+import { CssStyleChangeAction } from '../services/undoService/transactionItems/CssStyleChangeAction.js';
+import { NodeType } from './NodeType.js';
+import { AttributeChangeAction } from '../services/undoService/transactionItems/AttributeChangeAction.js';
+import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType.js';
 import { CssAttributeParser } from '../helper/CssAttributeParser.js';
 import { PropertiesHelper } from '../services/propertiesService/services/PropertiesHelper.js';
-import { InsertChildAction } from '../services/undoService/transactionItems/InsertChildAction';
-import { DeleteAction } from '../..';
-import { DomConverter } from '../widgets/designerView/DomConverter';
+import { InsertChildAction } from '../services/undoService/transactionItems/InsertChildAction.js';
+import { DomConverter } from '../widgets/designerView/DomConverter.js';
+import { DeleteAction } from '../services/undoService/transactionItems/DeleteAction.js';
 const hideAtDesignTimeAttributeName = 'node-projects-hide-at-design-time';
 const hideAtRunTimeAttributeName = 'node-projects-hide-at-run-time';
 const lockAtDesignTimeAttributeName = 'node-projects-lock-at-design-time';

package/dist/elements/item/IBinding.d.ts

@@ -1,5 +1,5 @@
-import { BindingMode } from "./BindingMode";
-import { BindingTarget } from "./BindingTarget";
+import { BindingMode } from './BindingMode.js';
+import { BindingTarget } from './BindingTarget.js';
 export interface IBinding {
     targetName?: string;
     target?: BindingTarget;

package/dist/elements/item/IDesignItem.d.ts

@@ -1,9 +1,9 @@
-import { ServiceContainer } from "../services/ServiceContainer";
-import { InstanceServiceContainer } from '../services/InstanceServiceContainer';
-import { ChangeGroup } from "../services/undoService/ChangeGroup";
-import { NodeType } from './NodeType';
-import { ExtensionType } from "../widgets/designerView/extensions/ExtensionType";
-import { IDesignerExtension } from "../widgets/designerView/extensions/IDesignerExtension";
+import { ServiceContainer } from '../services/ServiceContainer.js';
+import { InstanceServiceContainer } from '../services/InstanceServiceContainer.js';
+import { ChangeGroup } from '../services/undoService/ChangeGroup.js';
+import { NodeType } from './NodeType.js';
+import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType.js';
+import { IDesignerExtension } from '../widgets/designerView/extensions/IDesignerExtension.js';
 import { ISize } from "../../interfaces/ISize.js";
 export interface IDesignItem {
     lastContainerSize: ISize;

package/dist/elements/loader/OldCustomElementsManifestLoader.d.ts

@@ -1,4 +1,4 @@
-import { ServiceContainer } from '../services/ServiceContainer';
+import { ServiceContainer } from '../services/ServiceContainer.js';
 export declare class OldCustomElementsManifestLoader {
     static loadManifest(serviceContainer: ServiceContainer, nodeModule: string, options?: {
         name?: string;

package/dist/elements/loader/OldCustomElementsManifestLoader.js

@@ -1,6 +1,6 @@
 import { LazyLoader } from '@node-projects/base-custom-webcomponent';
-import { PreDefinedElementsService } from '../services/elementsService/PreDefinedElementsService';
-import { ListPropertiesService } from '../services/propertiesService/services/ListPropertiesService';
+import { PreDefinedElementsService } from '../services/elementsService/PreDefinedElementsService.js';
+import { ListPropertiesService } from '../services/propertiesService/services/ListPropertiesService.js';
 export class OldCustomElementsManifestLoader {
     static async loadManifest(serviceContainer, nodeModule, options) {
         const nodePath = './node_modules/';

package/dist/elements/services/BaseServiceContainer.d.ts

@@ -1,4 +1,4 @@
-import { IService } from './IService';
+import { IService } from './IService.js';
 export declare class BaseServiceContainer<NameMap> {
     protected _services: Map<string, IService[]>;
     getLastService<K extends keyof NameMap>(service: K): NameMap[K];

package/dist/elements/services/DefaultServiceBootstrap.js

@@ -37,16 +37,16 @@ import { AltToEnterContainerExtensionProvider } from '../widgets/designerView/ex
 import { InvisibleDivExtensionProvider } from '../widgets/designerView/extensions/InvisibleDivExtensionProvider.js';
 import { ItemsBelowContextMenu } from '../widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js';
 import { GridPlacementService } from './placementService/GridPlacementService.js';
-import { ElementAtPointService } from './elementAtPointService/ElementAtPointService';
-import { FlexBoxPlacementService } from './placementService/FlexBoxPlacementService';
-import { SnaplinesProviderService } from './placementService/SnaplinesProviderService';
-import { DragDropService } from './dragDropService/DragDropService';
+import { ElementAtPointService } from './elementAtPointService/ElementAtPointService.js';
+import { FlexBoxPlacementService } from './placementService/FlexBoxPlacementService.js';
+import { SnaplinesProviderService } from './placementService/SnaplinesProviderService.js';
+import { DragDropService } from './dragDropService/DragDropService.js';
 import { EditTextExtensionProvider } from '../widgets/designerView/extensions/EditText/EditTextExtensionProvider.js';
-import { CopyPasteService } from './copyPasteService/CopyPasteService';
-import { DefaultModelCommandService } from './modelCommandService/DefaultModelCommandService';
-import { ButtonSeperatorProvider } from '../widgets/designerView/ButtonSeperatorProvider';
-import { GridExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/GridExtensionDesignViewConfigButtons';
-import { DemoProviderService } from './demoProviderService/DemoProviderService';
+import { CopyPasteService } from './copyPasteService/CopyPasteService.js';
+import { DefaultModelCommandService } from './modelCommandService/DefaultModelCommandService.js';
+import { ButtonSeperatorProvider } from '../widgets/designerView/ButtonSeperatorProvider.js';
+import { GridExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/GridExtensionDesignViewConfigButtons.js';
+import { DemoProviderService } from './demoProviderService/DemoProviderService.js';
 //import { CursorLinePointerExtensionProvider } from '../widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider.js';
 import { DrawRectTool } from '../widgets/designerView/tools/DrawRectTool.js';
 import { DrawEllipsisTool } from '../widgets/designerView/tools/DrawEllipsisTool.js';
@@ -57,7 +57,7 @@ import { PathContextMenu } from '../widgets/designerView/extensions/contextMenu/
 import { SeperatorContextMenu } from '../widgets/designerView/extensions/contextMenu/SeperatorContextMenu.js';
 import { ZoomToElementContextMenu } from '../widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.js';
 import { RotateLeftAndRight } from '../widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.js';
-import { SelectAllChildrenContextMenu } from '../widgets/designerView/extensions/contextMenu/SelectAllChildrenContextMenu';
+import { SelectAllChildrenContextMenu } from '../widgets/designerView/extensions/contextMenu/SelectAllChildrenContextMenu.js';
 import { PointerToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/PointerToolButtonProvider.js';
 import { SeperatorToolProvider } from '../widgets/designerView/tools/toolBar/buttons/SeperatorToolProvider.js';
 import { ZoomToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/ZoomToolButtonProvider.js';

package/dist/elements/services/GlobalContext.d.ts

@@ -1,6 +1,6 @@
 import { PropertyChangedArgs, TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { ITool } from "../widgets/designerView/tools/ITool";
-import { ServiceContainer } from './ServiceContainer';
+import { ITool } from '../widgets/designerView/tools/ITool.js';
+import { ServiceContainer } from './ServiceContainer.js';
 export declare class GlobalContext {
     private _serviceContainer;
     private _tool;

package/dist/elements/services/InstanceServiceContainer.d.ts

@@ -1,8 +1,8 @@
-import { ISelectionService } from './selectionService/ISelectionService';
-import { IUndoService } from './undoService/IUndoService';
-import { BaseServiceContainer } from './BaseServiceContainer';
-import { IContentService } from './contentService/IContentService';
-import { IDesignContext } from '../widgets/designerView/IDesignContext';
+import { ISelectionService } from './selectionService/ISelectionService.js';
+import { IUndoService } from './undoService/IUndoService.js';
+import { BaseServiceContainer } from './BaseServiceContainer.js';
+import { IContentService } from './contentService/IContentService.js';
+import { IDesignContext } from '../widgets/designerView/IDesignContext.js';
 import { IDesignerCanvas } from '../widgets/designerView/IDesignerCanvas.js';
 interface InstanceServiceNameMap {
     "undoService": IUndoService;

package/dist/elements/services/InstanceServiceContainer.js

@@ -1,5 +1,5 @@
-import { BaseServiceContainer } from './BaseServiceContainer';
-import { DesignContext } from '../widgets/designerView/DesignContext';
+import { BaseServiceContainer } from './BaseServiceContainer.js';
+import { DesignContext } from '../widgets/designerView/DesignContext.js';
 export class InstanceServiceContainer extends BaseServiceContainer {
     designContext = new DesignContext();
     designerCanvas;

package/dist/elements/services/ServiceContainer.d.ts

@@ -1,24 +1,24 @@
-import { IPropertiesService } from "./propertiesService/IPropertiesService";
-import { IPlacementService } from './placementService/IPlacementService';
-import { IElementsService } from './elementsService/IElementsService';
-import { IInstanceService } from './instanceService/IInstanceService';
-import { IEditorTypesService } from './propertiesService/IEditorTypesService';
-import { BaseServiceContainer } from './BaseServiceContainer';
-import { IHtmlWriterService } from './htmlWriterService/IHtmlWriterService';
-import { ICodeView } from "../widgets/codeView/ICodeView";
-import { IHtmlParserService } from "./htmlParserService/IHtmlParserService";
-import { IIntializationService } from "./initializationService/IIntializationService";
-import { IDemoView } from '../widgets/demoView/IDemoView';
-import { ITool } from "../widgets/designerView/tools/ITool";
-import { ExtensionType } from "../widgets/designerView/extensions/ExtensionType";
-import { IDesignerExtensionProvider } from "../widgets/designerView/extensions/IDesignerExtensionProvider";
-import { NamedTools } from "../widgets/designerView/tools/NamedTools";
-import { IContextMenuExtension } from "../widgets/designerView/extensions/contextMenu/IContextMenuExtension";
-import { GlobalContext } from './GlobalContext';
-import { IBindingService } from "./bindingsService/IBindingService";
-import { IElementAtPointService } from './elementAtPointService/IElementAtPointService';
+import { IPropertiesService } from './propertiesService/IPropertiesService.js';
+import { IPlacementService } from './placementService/IPlacementService.js';
+import { IElementsService } from './elementsService/IElementsService.js';
+import { IInstanceService } from './instanceService/IInstanceService.js';
+import { IEditorTypesService } from './propertiesService/IEditorTypesService.js';
+import { BaseServiceContainer } from './BaseServiceContainer.js';
+import { IHtmlWriterService } from './htmlWriterService/IHtmlWriterService.js';
+import { ICodeView } from '../widgets/codeView/ICodeView.js';
+import { IHtmlParserService } from './htmlParserService/IHtmlParserService.js';
+import { IIntializationService } from './initializationService/IIntializationService.js';
+import { IDemoView } from '../widgets/demoView/IDemoView.js';
+import { ITool } from '../widgets/designerView/tools/ITool.js';
+import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType.js';
+import { IDesignerExtensionProvider } from '../widgets/designerView/extensions/IDesignerExtensionProvider.js';
+import { NamedTools } from '../widgets/designerView/tools/NamedTools.js';
+import { IContextMenuExtension } from '../widgets/designerView/extensions/contextMenu/IContextMenuExtension.js';
+import { GlobalContext } from './GlobalContext.js';
+import { IBindingService } from './bindingsService/IBindingService.js';
+import { IElementAtPointService } from './elementAtPointService/IElementAtPointService.js';
 import { ISnaplinesProviderService } from "./placementService/ISnaplinesProviderService.js";
-import { IDragDropService } from './dragDropService/IDragDropService';
+import { IDragDropService } from './dragDropService/IDragDropService.js';
 import { ICopyPasteService } from "./copyPasteService/ICopyPasteService.js";
 import { IDesignerPointerExtensionProvider } from "../widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtensionProvider.js";
 import { IModelCommandService } from "./modelCommandService/IModelCommandService.js";
@@ -27,12 +27,12 @@ import { IDemoProviderService } from "./demoProviderService/IDemoProviderService
 import { IBindableObjectsService } from "./bindableObjectsService/IBindableObjectsService.js";
 import { IBindableObjectDragDropService } from "./bindableObjectsService/IBindableObjectDragDropService.js";
 import { IDesignViewToolbarButtonProvider } from "../widgets/designerView/tools/toolBar/IDesignViewToolbarButtonProvider.js";
-import { IElementInteractionService } from './elementInteractionService/IElementInteractionService';
+import { IElementInteractionService } from './elementInteractionService/IElementInteractionService.js';
 import { IProperty } from "./propertiesService/IProperty.js";
 import { IDesignItem } from "../item/IDesignItem.js";
-import { IBinding } from "../item/IBinding";
-import { BindingTarget } from "../item/BindingTarget";
-import { IPropertyGroupsService } from "./propertiesService/IPropertyGroupsService";
+import { IBinding } from '../item/IBinding.js';
+import { BindingTarget } from '../item/BindingTarget.js';
+import { IPropertyGroupsService } from './propertiesService/IPropertyGroupsService.js';
 interface ServiceNameMap {
     "propertyService": IPropertiesService;
     "containerService": IPlacementService;
@@ -67,6 +67,9 @@ export declare class ServiceContainer extends BaseServiceContainer<ServiceNameMa
     readonly designerPointerExtensions: IDesignerPointerExtensionProvider[];
     designerContextMenuExtensions: IContextMenuExtension[];
     readonly globalContext: GlobalContext;
+    readonly options: {
+        zoomDesignerBackground: boolean;
+    };
     readonly designerTools: Map<string | NamedTools, ITool>;
     get bindingService(): IBindingService;
     get bindableObjectsServices(): IBindableObjectsService[];

package/dist/elements/services/ServiceContainer.js

@@ -1,7 +1,7 @@
-import { BaseServiceContainer } from './BaseServiceContainer';
-import { DemoView } from '../widgets/demoView/demoView';
-import { GlobalContext } from './GlobalContext';
-import { CodeViewSimple } from "../widgets/codeView/code-view-simple";
+import { BaseServiceContainer } from './BaseServiceContainer.js';
+import { DemoView } from '../widgets/demoView/demoView.js';
+import { GlobalContext } from './GlobalContext.js';
+import { CodeViewSimple } from '../widgets/codeView/code-view-simple.js';
 export class ServiceContainer extends BaseServiceContainer {
     config = {
         codeViewWidget: CodeViewSimple,
@@ -21,6 +21,9 @@ export class ServiceContainer extends BaseServiceContainer {
     designerPointerExtensions = [];
     designerContextMenuExtensions;
     globalContext = new GlobalContext(this);
+    options = {
+        zoomDesignerBackground: true
+    };
     designerTools = new Map();
     get bindingService() {
         return this.getLastService('bindingService');

package/dist/elements/services/bindableObjectsService/IBindableObject.d.ts

@@ -1,4 +1,4 @@
-import { BindableObjectType } from "./BindableObjectType";
+import { BindableObjectType } from './BindableObjectType.js';
 export interface IBindableObject<T> {
     readonly type: BindableObjectType;
     readonly name: string;

package/dist/elements/services/bindableObjectsService/IBindableObjectsService.d.ts

@@ -1,4 +1,4 @@
-import { IBindableObject } from "./IBindableObject";
+import { IBindableObject } from './IBindableObject.js';
 export interface IBindableObjectsService {
     readonly name: string;
     getBindableObject(fullName: string): Promise<IBindableObject<any>>;

package/dist/elements/services/bindingsService/BaseCustomWebcomponentBindingsService.d.ts

@@ -1,6 +1,6 @@
-import { IDesignItem } from "../../item/IDesignItem";
-import { IBinding } from '../../item/IBinding';
-import { IBindingService } from "./IBindingService";
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { IBinding } from '../../item/IBinding.js';
+import { IBindingService } from './IBindingService.js';
 import { BindingTarget } from "../../item/BindingTarget.js";
 export declare class BaseCustomWebcomponentBindingsService implements IBindingService {
     static type: string;

package/dist/elements/services/bindingsService/BaseCustomWebcomponentBindingsService.js

@@ -1,6 +1,6 @@
-import { BindingMode } from '../../item/BindingMode';
+import { BindingMode } from '../../item/BindingMode.js';
 import { BindingTarget } from "../../item/BindingTarget.js";
-import { PropertiesHelper } from "../propertiesService/services/PropertiesHelper";
+import { PropertiesHelper } from '../propertiesService/services/PropertiesHelper.js';
 export class BaseCustomWebcomponentBindingsService {
     static type = 'base-custom-webcomponent-binding';
     getBindings(designItem) {

package/dist/elements/services/bindingsService/IBindingService.d.ts

@@ -1,6 +1,6 @@
-import { IDesignItem } from "../../item/IDesignItem";
-import { IBinding } from "../../item/IBinding";
-import { BindingTarget } from "../../item/BindingTarget";
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { IBinding } from '../../item/IBinding.js';
+import { BindingTarget } from '../../item/BindingTarget.js';
 /**
  * Can be used to parse bindings wich are done via special HTML Attributes or special Elements
  * If your Bindings are to special, or HTML is not valid with them, maybe you need to parse the Bindings already in the

package/dist/elements/services/bindingsService/SpecialTagsBindingService.d.ts

@@ -1,6 +1,6 @@
-import { IDesignItem } from "../../item/IDesignItem";
-import { IBinding } from "../../item/IBinding";
-import { IBindingService } from "./IBindingService";
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { IBinding } from '../../item/IBinding.js';
+import { IBindingService } from './IBindingService.js';
 import { BindingTarget } from "../../item/BindingTarget.js";
 export declare class SpecialTagsBindingService implements IBindingService {
     static type: string;

package/dist/elements/services/contentService/ContentService.d.ts

@@ -1,6 +1,6 @@
-import { IContentService } from './IContentService';
+import { IContentService } from './IContentService.js';
 import { IContentChanged } from './IContentChanged';
-import { IDesignItem } from '../../item/IDesignItem';
+import { IDesignItem } from '../../item/IDesignItem.js';
 import { TypedEvent } from '@node-projects/base-custom-webcomponent';
 export declare class ContentService implements IContentService {
     constructor(rootElement: IDesignItem);

package/dist/elements/services/contentService/IContentChanged.d.ts

@@ -1,5 +1,10 @@
 import { IDesignItem } from "../../item/IDesignItem.js";
-export interface IContentChanged {
-    changeType: "added" | "removed" | "moved" | 'parsed';
-    designItems?: IDesignItem[];
+interface IContentChangedParsed {
+    changeType: 'parsed';
 }
+interface IContentChangedWithDesignItems {
+    changeType: "added" | "removed" | "moved";
+    designItems: IDesignItem[];
+}
+export type IContentChanged = IContentChangedParsed | IContentChangedWithDesignItems;
+export {};

package/dist/elements/services/contentService/IContentService.d.ts

@@ -1,5 +1,5 @@
-import { IContentChanged } from './IContentChanged';
-import { IDesignItem } from '../../item/IDesignItem';
+import { IContentChanged } from './IContentChanged.js';
+import { IDesignItem } from '../../item/IDesignItem.js';
 import { TypedEvent } from '@node-projects/base-custom-webcomponent';
 export interface IContentService {
     readonly onContentChanged: TypedEvent<IContentChanged>;

package/dist/elements/services/copyPasteService/CopyPasteService.d.ts

@@ -1,7 +1,7 @@
 import { IDesignItem } from "../../item/IDesignItem.js";
 import { ICopyPasteService } from "./ICopyPasteService.js";
-import { ServiceContainer } from '../ServiceContainer';
-import { InstanceServiceContainer } from '../InstanceServiceContainer';
+import { ServiceContainer } from '../ServiceContainer.js';
+import { InstanceServiceContainer } from '../InstanceServiceContainer.js';
 import { IRect } from "../../../interfaces/IRect.js";
 export declare const positionsJsonMime = "web text/positions";
 export declare class CopyPasteService implements ICopyPasteService {

package/dist/elements/services/dragDropService/DragDropService.js

@@ -1,4 +1,4 @@
-import { DesignItem } from '../../item/DesignItem';
+import { DesignItem } from '../../item/DesignItem.js';
 import { InsertAction } from "../undoService/transactionItems/InsertAction.js";
 export class DragDropService {
     dragOver(event) {

package/dist/elements/services/elementAtPointService/ElementAtPointService.d.ts

@@ -1,6 +1,6 @@
-import { IElementAtPointService } from './IElementAtPointService';
-import { IDesignerCanvas } from '../../..';
-import { IPoint } from '../../../interfaces/IPoint';
+import { IElementAtPointService } from './IElementAtPointService.js';
+import { IPoint } from '../../../interfaces/IPoint.js';
+import { IDesignerCanvas } from '../../widgets/designerView/IDesignerCanvas.js';
 export declare class ElementAtPointService implements IElementAtPointService {
     getElementAtPoint(designerView: IDesignerCanvas, point: IPoint): any;
 }

package/dist/elements/services/elementAtPointService/IElementAtPointService.d.ts

@@ -1,6 +1,6 @@
-import { IService } from "../IService";
-import { IDesignerCanvas } from '../../widgets/designerView/IDesignerCanvas';
-import { IPoint } from "../../../interfaces/IPoint";
+import { IService } from '../IService.js';
+import { IDesignerCanvas } from '../../widgets/designerView/IDesignerCanvas.js';
+import { IPoint } from '../../../interfaces/IPoint.js';
 export interface IElementAtPointService extends IService {
     getElementAtPoint(designerView: IDesignerCanvas, point: IPoint): any;
 }

package/dist/elements/services/elementInteractionService/IElementInteractionService.d.ts

@@ -1,5 +1,5 @@
 import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
-import { IService } from "../IService";
+import { IService } from '../IService.js';
 export interface IElementInteractionService extends IService {
     stopEventHandling(designerCanvas: IDesignerCanvas, event: PointerEvent, currentElement: Element): boolean;
 }

package/dist/elements/services/elementsService/IElementDefinition.d.ts

@@ -1,4 +1,4 @@
-import { IBinding } from "../../item/IBinding";
+import { IBinding } from '../../item/IBinding.js';
 export interface IElementDefinition {
     tag: string;
     name?: string;

package/dist/elements/services/elementsService/IElementsJson.d.ts

@@ -1,4 +1,4 @@
-import { IElementDefinition } from './IElementDefinition';
+import { IElementDefinition } from './IElementDefinition.js';
 export interface IElementsJson {
     "imports"?: string[];
     "elements": (string | IElementDefinition)[];

package/dist/elements/services/elementsService/IElementsService.d.ts

@@ -1,5 +1,5 @@
-import { IService } from "../IService";
-import { IElementDefinition } from './IElementDefinition';
+import { IService } from '../IService.js';
+import { IElementDefinition } from './IElementDefinition.js';
 export interface IElementsService extends IService {
     readonly name: string;
     getElements(): Promise<IElementDefinition[]>;

package/dist/elements/services/elementsService/JsonFileElementsService.d.ts

@@ -1,5 +1,5 @@
-import { IElementsService } from './IElementsService';
-import { IElementDefinition } from './IElementDefinition';
+import { IElementsService } from './IElementsService.js';
+import { IElementDefinition } from './IElementDefinition.js';
 export declare class JsonFileElementsService implements IElementsService {
     private _name;
     get name(): string;

package/dist/elements/services/elementsService/PreDefinedElementsService.d.ts

@@ -1,6 +1,6 @@
-import { IElementsService } from './IElementsService';
-import { IElementsJson } from './IElementsJson';
-import { IElementDefinition } from './IElementDefinition';
+import { IElementsService } from './IElementsService.js';
+import { IElementsJson } from './IElementsJson.js';
+import { IElementDefinition } from './IElementDefinition.js';
 export declare class PreDefinedElementsService implements IElementsService {
     private _name;
     get name(): string;

package/dist/elements/services/htmlParserService/DefaultHtmlParserService.d.ts

@@ -1,7 +1,7 @@
-import { IDesignItem } from "../../..";
-import { InstanceServiceContainer } from "../InstanceServiceContainer";
-import { ServiceContainer } from "../ServiceContainer";
-import { IHtmlParserService } from "./IHtmlParserService";
+import { InstanceServiceContainer } from '../InstanceServiceContainer.js';
+import { ServiceContainer } from '../ServiceContainer.js';
+import { IHtmlParserService } from './IHtmlParserService.js';
+import { IDesignItem } from '../../item/IDesignItem.js';
 export declare class DefaultHtmlParserService implements IHtmlParserService {
     parse(html: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer): Promise<IDesignItem[]>;
     createDesignItems(elements: NodeListOf<ChildNode> | Node[] | HTMLCollection | HTMLElement[], serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer): IDesignItem[];

package/dist/elements/services/htmlParserService/DefaultHtmlParserService.js

@@ -1,4 +1,4 @@
-import { DesignItem } from '../../item/DesignItem';
+import { DesignItem } from '../../item/DesignItem.js';
 export class DefaultHtmlParserService {
     async parse(html, serviceContainer, instanceServiceContainer) {
         const parser = new DOMParser();

package/dist/elements/services/htmlParserService/IHtmlParserService.d.ts

@@ -1,7 +1,7 @@
-import { IService } from '../IService';
-import type { ServiceContainer } from '../ServiceContainer';
-import type { InstanceServiceContainer } from '../InstanceServiceContainer';
-import { IDesignItem } from '../../item/IDesignItem';
+import { IService } from '../IService.js';
+import type { ServiceContainer } from '../ServiceContainer.js';
+import type { InstanceServiceContainer } from '../InstanceServiceContainer.js';
+import { IDesignItem } from '../../item/IDesignItem.js';
 export interface IHtmlParserService extends IService {
     parse(html: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer): Promise<IDesignItem[]>;
 }