iobroker.webui 1.20.0 → 1.20.1

package/README.md

@@ -129,6 +129,9 @@ runtime.html?screenName=screen2
 	Placeholder for next versions:
 	### __WORK IN PROGRESS__
 -->
+### 1.20.1 (2024-12-03)
+- fix in designer with svgs
+
 ### 1.20.0 (2024-12-03)
 - add a few packages
 - run simple script cmd and update get parent screen

package/io-package.json

@@ -1,7 +1,7 @@
 {
   "common": {
     "name": "webui",
-    "version": "1.20.0",
+    "version": "1.20.1",
     "titleLang": {
       "en": "webui",
       "de": "webui",
@@ -29,6 +29,19 @@
       "zh-cn": "使用万维网传送器的高锰用户接口"
     },
     "news": {
+      "1.20.1": {
+        "en": "fix in designer with svgs",
+        "de": "fix in designer mit svgs",
+        "ru": "исправить в дизайнере с svgs",
+        "pt": "corrigir no designer com svgs",
+        "nl": "fix in ontwerper met svgs",
+        "fr": "fixer en concepteur avec svgs",
+        "it": "fix in designer con svgs",
+        "es": "fijado en diseñador con svgs",
+        "pl": "fix in designer with svgs",
+        "uk": "фіксація в дизайнеру з кс",
+        "zh-cn": "使用 svgs 在设计器中固定"
+      },
       "1.20.0": {
         "en": "add a few packages\nrun simple script cmd and update get parent screen\nupdate packages, downgrade monaco\nfix backup",
         "de": "ein paar pakete hinzufügen\neinfaches skript cmd und aktualisieren erhalten elternbildschirm\nupdate pakete, downgrade monaco\nwiederherstellen",
@@ -106,19 +119,6 @@
         "pl": "naprawić błąd w systemie skryptu",
         "uk": "виправлено помилку в системі скриптів",
         "zh-cn": "修补脚本系统错误"
-      },
-      "1.18.5": {
-        "en": "compile fix",
-        "de": "kompilator fix",
-        "ru": "исправление",
-        "pt": "conserto de compilação",
-        "nl": "compileer fix",
-        "fr": "compiler la correction",
-        "it": "compilazione correzione",
-        "es": "compilado",
-        "pl": "fix kompilacji",
-        "uk": "фіксатор",
-        "zh-cn": "编译修正"
       }
     },
     "icon": "logo.png",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.webui",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "description": "ioBroker webui",
   "type": "module",
   "main": "dist/backend/main.js",
@@ -59,7 +59,7 @@
     "@node-projects/node-html-parser-esm": "^6.2.0",
     "@node-projects/propertygrid.webcomponent": "^1.2.3",
     "@node-projects/splitview.webcomponent": "^1.0.1",
-    "@node-projects/web-component-designer": "^0.1.235",
+    "@node-projects/web-component-designer": "^0.1.236",
     "@node-projects/web-component-designer-codeview-monaco": "^0.1.32",
     "@node-projects/web-component-designer-htmlparserservice-nodehtmlparser": "^0.1.11",
     "@node-projects/web-component-designer-stylesheetservice-css-tools": "^0.1.10",

package/www/index.html

@@ -213,7 +213,7 @@
     </button>
     <button data-command="save" title="save" disabled><img src="./node_modules/@node-projects/web-component-designer/assets/icons/save.svg"></button>
     <div style="margin-left: 30px;">
-      webui - 1.20.0 - 69235ce
+      webui - 1.20.1 - 9a38de0
     </div>
     <button style="margin-left: 30px;" data-command="paste" title="paste" disabled><img
         src="./node_modules/@node-projects/web-component-designer/assets/icons/paste.svg"></button>

package/www/node_modules/@node-projects/web-component-designer/dist/elements/helper/getBoxQuads.js

@@ -142,9 +142,9 @@ export function getBoxQuads(node, options) {
         if (q)
             return q;
     }
+    /** @type {DOMMatrix} */
     let originalElementAndAllParentsMultipliedMatrix = getResultingTransformationBetweenElementAndAllAncestors(node, options?.relativeTo ?? document.body, options.iframes);
     let { width, height } = getElementSize(node, originalElementAndAllParentsMultipliedMatrix);
-    /** @type {DOMMatrix} */
     let arr = [{ x: 0, y: 0 }, { x: width, y: 0 }, { x: width, y: height }, { x: 0, y: height }];
     /** @type { [DOMPoint, DOMPoint, DOMPoint, DOMPoint] } */
     //@ts-ignore
@@ -244,6 +244,8 @@ function getElementOffsetsInContainer(node, iframes) {
         const range = document.createRange();
         range.selectNodeContents(node);
         const r1 = range.getBoundingClientRect();
+        /** @type {HTMLElement} */
+        //@ts-ignore
         const parent = getParentElementIncludingSlots(node, iframes);
         const r2 = parent.getBoundingClientRect();
         const zX = parent.offsetWidth / r2.width;
@@ -259,10 +261,11 @@ function getElementOffsetsInContainer(node, iframes) {
         if (cs.position === 'absolute') {
             return new DOMPoint(parseFloat(cs.left), parseFloat(cs.top));
         }
-        const m = getResultingTransformationBetweenElementAndAllAncestors(node.parentNode, document.body, iframes);
+        const par = getParentElementIncludingSlots(node, iframes);
+        const m = getResultingTransformationBetweenElementAndAllAncestors(par, document.body, iframes);
         const r1 = node.getBoundingClientRect();
         const r1t = m.inverse().transformPoint(r1);
-        const r2 = getParentElementIncludingSlots(node, iframes).getBoundingClientRect();
+        const r2 = par.getBoundingClientRect();
         const r2t = m.inverse().transformPoint(r2);
         return new DOMPoint(r1t.x - r2t.x, r1t.y - r2t.y);
     }
@@ -444,12 +447,14 @@ function getElementPerspectiveTransform(element, iframes) {
             let p = parseFloat(s.perspective);
             m.m34 = -1.0 / p;
             //https://drafts.csswg.org/css-transforms-2/#PerspectiveDefined
-            const origin = s.perspectiveOrigin.split(' ');
-            const originX = parseFloat(origin[0]) - element.offsetLeft;
-            const originY = parseFloat(origin[1]) - element.offsetTop;
-            const mOri = new DOMMatrix().translate(originX, originY);
-            const mOriInv = new DOMMatrix().translate(-originX, -originY);
-            return mOri.multiply(m.multiply(mOriInv));
+            if (s.perspectiveOrigin) {
+                const origin = s.perspectiveOrigin.split(' ');
+                const originX = parseFloat(origin[0]) - element.offsetLeft;
+                const originY = parseFloat(origin[1]) - element.offsetTop;
+                const mOri = new DOMMatrix().translate(originX, originY);
+                const mOriInv = new DOMMatrix().translate(-originX, -originY);
+                return mOri.multiply(m.multiply(mOriInv));
+            }
         }
     }
     return null;

package/www/node_modules/@node-projects/web-component-designer/dist/elements/services/DefaultServiceBootstrap.ts.BASE.js

@@ -1,216 +0,0 @@
-import { ServiceContainer } from './ServiceContainer.js';
-import { PolymerPropertiesService } from './propertiesService/services/PolymerPropertiesService.js';
-import { LitElementPropertiesService } from './propertiesService/services/LitElementPropertiesService.js';
-import { NativeElementsPropertiesService } from './propertiesService/services/NativeElementsPropertiesService.js';
-import { SVGElementsPropertiesService } from './propertiesService/services/SVGElementsPropertiesService.js';
-import { DefaultInstanceService } from './instanceService/DefaultInstanceService.js';
-import { DefaultEditorTypesService } from './propertiesService/DefaultEditorTypesService.js';
-import { BaseCustomWebComponentPropertiesService } from './propertiesService/services/BaseCustomWebComponentPropertiesService.js';
-import { DefaultPlacementService } from './placementService/DefaultPlacementService.js';
-import { DefaultHtmlParserService } from './htmlParserService/DefaultHtmlParserService.js';
-import { Lit2PropertiesService } from './propertiesService/services/Lit2PropertiesService.js';
-import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType.js';
-import { ElementDragTitleExtensionProvider } from '../widgets/designerView/extensions/ElementDragTitleExtensionProvider.js';
-import { TransformOriginExtensionProvider } from '../widgets/designerView/extensions/TransformOriginExtensionProvider.js';
-import { MarginExtensionProvider } from '../widgets/designerView/extensions/MarginExtensionProvider.js';
-import { PositionExtensionProvider } from '../widgets/designerView/extensions/PositionExtensionProvider.js';
-import { HighlightElementExtensionProvider } from '../widgets/designerView/extensions/HighlightElementExtensionProvider.js';
-import { NamedTools } from '../widgets/designerView/tools/NamedTools.js';
-import { PointerTool } from '../widgets/designerView/tools/PointerTool.js';
-import { DrawPathTool } from '../widgets/designerView/tools/DrawPathTool.js';
-import { SelectionDefaultExtensionProvider } from '../widgets/designerView/extensions/SelectionDefaultExtensionProvider.js';
-import { ResizeExtensionProvider } from '../widgets/designerView/extensions/ResizeExtensionProvider.js';
-import { RotateExtensionProvider } from '../widgets/designerView/extensions/RotateExtensionProvider.js';
-import { ZoomTool } from '../widgets/designerView/tools/ZoomTool.js';
-import { PanTool } from '../widgets/designerView/tools/PanTool.js';
-import { CopyPasteContextMenu } from '../widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js';
-import { ZMoveContextMenu } from '../widgets/designerView/extensions/contextMenu/ZMoveContextMenu.js';
-import { MultipleItemsSelectedContextMenu } from '../widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.js';
-import { RectangleSelectorTool } from '../widgets/designerView/tools/RectangleSelectorTool.js';
-import { MagicWandSelectorTool } from '../widgets/designerView/tools/MagicWandSelectorTool.js';
-import { PickColorTool } from '../widgets/designerView/tools/PickColorTool.js';
-import { TextTool } from '../widgets/designerView/tools/TextTool.js';
-import { GrayOutExtensionProvider } from '../widgets/designerView/extensions/GrayOutExtensionProvider.js';
-import { AltToEnterContainerExtensionProvider } from '../widgets/designerView/extensions/AltToEnterContainerExtensionProvider.js';
-import { InvisibleElementExtensionProvider } from '../widgets/designerView/extensions/InvisibleElementExtensionProvider.js';
-import { ItemsBelowContextMenu } from '../widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js';
-import { GridPlacementService } from './placementService/GridPlacementService.js';
-import { ElementAtPointService } from './elementAtPointService/ElementAtPointService.js';
-import { FlexBoxPlacementService } from './placementService/FlexBoxPlacementService.js';
-import { SnaplinesProviderService } from './placementService/SnaplinesProviderService.js';
-import { ExternalDragDropService } from './dragDropService/ExternalDragDropService.js';
-import { EditTextExtensionProvider } from '../widgets/designerView/extensions/EditText/EditTextExtensionProvider.js';
-import { CopyPasteService } from './copyPasteService/CopyPasteService.js';
-import { DefaultModelCommandService } from './modelCommandService/DefaultModelCommandService.js';
-import { ButtonSeperatorProvider } from '../widgets/designerView/extensions/buttons/ButtonSeperatorProvider.js';
-import { GridExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/GridExtensionDesignViewConfigButtons.js';
-import { DrawRectTool } from '../widgets/designerView/tools/DrawRectTool.js';
-import { DrawEllipsisTool } from '../widgets/designerView/tools/DrawEllipsisTool.js';
-import { DrawLineTool } from '../widgets/designerView/tools/DrawLineTool.js';
-import { HtmlWriterService } from './htmlWriterService/HtmlWriterService.js';
-import { RectContextMenu } from '../widgets/designerView/extensions/contextMenu/RectContextMenu.js';
-import { PathContextMenu } from '../widgets/designerView/extensions/contextMenu/PathContextMenu.js';
-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.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';
-import { DrawToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/DrawToolButtonProvider.js';
-import { TextToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/TextToolButtonProvider.js';
-import { SelectorToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/SelectorToolButtonProvider.js';
-import { GrayOutDragOverContainerExtensionProvider } from '../widgets/designerView/extensions/GrayOutDragOverContainerExtensionProvider.js';
-import { PropertyGroupsService } from './propertiesService/PropertyGroupsService.js';
-import { PlacementExtensionProvider } from '../widgets/designerView/extensions/PlacementExtensionProvider.js';
-import { FlexboxExtensionProvider } from '../widgets/designerView/extensions/FlexboxExtensionProvider.js';
-import { FlexboxExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/FlexboxExtensionDesignViewConfigButtons.js';
-import { InvisibleElementExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/InvisibleElementExtensionDesignViewConfigButtons.js';
-import { UndoService } from './undoService/UndoService.js';
-import { SelectionService } from './selectionService/SelectionService.js';
-import { ContentService } from './contentService/ContentService.js';
-import { StylesheetServiceDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/StylesheetServiceDesignViewConfigButtons.js';
-import { JumpToElementContextMenu } from '../widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js';
-import { EditGridColumnRowSizesExtensionProvider } from '../widgets/designerView/extensions/grid/EditGridColumnRowSizesExtensionProvider.js';
-import { DisplayGridExtensionProvider } from '../widgets/designerView/extensions/grid/DisplayGridExtensionProvider.js';
-import { ApplyFirstMachingExtensionProvider } from '../widgets/designerView/extensions/logic/ApplyFirstMachingExtensionProvider.js';
-import { DesignItemDocumentPositionService } from './designItemDocumentPositionService/DesignItemDocumentPositionService.js';
-import { TransformToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/TransformToolButtonProvider.js';
-import { MultipleSelectionRectExtensionProvider } from '../widgets/designerView/extensions/MultipleSelectionRectExtensionProvider.js';
-import { DragDropService } from './dragDropService/DragDropService.js';
-import { EventsService } from './eventsService/EventsService.js';
-import { SimpleDemoProviderService } from './demoProviderService/SimpleDemoProviderService.js';
-import { DrawElementTool } from '../widgets/designerView/tools/DrawElementTool.js';
-import { RoundPixelsDesignViewConfigButton } from '../widgets/designerView/extensions/buttons/RoundPixelsDesignViewConfigButton.js';
-import { MathMLElementsPropertiesService } from './propertiesService/services/MathMLElementsPropertiesService.js';
-import { SvgElementExtensionProvider } from '../widgets/designerView/extensions/svg/SvgElementExtensionProvider.js';
-import { ConditionExtensionProvider } from '../widgets/designerView/extensions/logic/ConditionExtensionProvider.js';
-import { GridToolbarExtensionProvider } from '../widgets/designerView/extensions/grid/GridToolbarExtensionProvider.js';
-import { FlexToolbarExtensionProvider } from '../widgets/designerView/extensions/flex/FlexToolbarExtensionProvider.js';
-import { BlockToolbarExtensionProvider } from '../widgets/designerView/extensions/block/BlockToolbarExtensionProvider.js';
-import { ChildContextMenu } from '../widgets/designerView/extensions/contextMenu/ChildContextMenu.js';
-import { GridChildToolbarExtensionProvider } from '../widgets/designerView/extensions/grid/GridChildToolbarExtensionProvider.js';
-import { ToolbarExtensionsDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/ToolbarExtensionsDesignViewConfigButtons.js';
-import { PaddingExtensionProvider } from '../widgets/designerView/extensions/PaddingExtensionProvider.js';
-import { GridChildResizeExtensionProvider } from '../widgets/designerView/extensions/grid/GridChildResizeExtensionProvider.js';
-import { AlignItemsContextMenu } from '../widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js';
-import { BasicWebcomponentPropertiesService } from './propertiesService/services/BasicWebcomponentPropertiesService.js';
-export function createDefaultServiceContainer() {
-    let serviceContainer = new ServiceContainer();
-    let defaultPlacementService = new DefaultPlacementService();
-    serviceContainer.register("containerService", defaultPlacementService);
-    serviceContainer.register("containerService", new GridPlacementService(defaultPlacementService));
-    serviceContainer.register("containerService", new FlexBoxPlacementService(defaultPlacementService));
-    serviceContainer.register("propertyService", new BasicWebcomponentPropertiesService());
-    serviceContainer.register("propertyService", new PolymerPropertiesService());
-    serviceContainer.register("propertyService", new LitElementPropertiesService());
-    serviceContainer.register("propertyService", new NativeElementsPropertiesService());
-    serviceContainer.register("propertyService", new SVGElementsPropertiesService());
-    serviceContainer.register("propertyService", new MathMLElementsPropertiesService());
-    serviceContainer.register("propertyService", new Lit2PropertiesService());
-    serviceContainer.register("propertyService", new BaseCustomWebComponentPropertiesService());
-    serviceContainer.register("propertyGroupsService", new PropertyGroupsService());
-    serviceContainer.register("instanceService", new DefaultInstanceService());
-    serviceContainer.register("editorTypesService", new DefaultEditorTypesService());
-    serviceContainer.register("htmlWriterService", new HtmlWriterService());
-    serviceContainer.register("snaplinesProviderService", new SnaplinesProviderService());
-    serviceContainer.register("htmlParserService", new DefaultHtmlParserService());
-    serviceContainer.register("elementAtPointService", new ElementAtPointService());
-    serviceContainer.register("externalDragDropService", new ExternalDragDropService());
-    serviceContainer.register("dragDropService", new DragDropService());
-    serviceContainer.register("copyPasteService", new CopyPasteService());
-    serviceContainer.register("modelCommandService", new DefaultModelCommandService());
-    serviceContainer.register("demoProviderService", new SimpleDemoProviderService());
-    serviceContainer.register("eventsService", new EventsService());
-    serviceContainer.register("undoService", (designerCanvas) => new UndoService(designerCanvas));
-    serviceContainer.register("selectionService", (designerCanvas) => new SelectionService(designerCanvas, false));
-    serviceContainer.register("contentService", (designerCanvas) => new ContentService(designerCanvas.rootDesignItem));
-    serviceContainer.register("designItemDocumentPositionService", (designerCanvas) => new DesignItemDocumentPositionService(designerCanvas));
-    serviceContainer.designerExtensions.set(ExtensionType.Permanent, [
-        new InvisibleElementExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelection, [
-        new ConditionExtensionProvider(new ElementDragTitleExtensionProvider(), item => !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-        new TransformOriginExtensionProvider(true),
-        new MarginExtensionProvider(),
-        new PaddingExtensionProvider(),
-        new PositionExtensionProvider(),
-        new SvgElementExtensionProvider(),
-        new ApplyFirstMachingExtensionProvider(new GridChildResizeExtensionProvider(), new ResizeExtensionProvider(true)),
-        new RotateExtensionProvider(),
-        new ConditionExtensionProvider(new MultipleSelectionRectExtensionProvider(), item => !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionRefreshed, [
-        new GridChildToolbarExtensionProvider(),
-        new GridToolbarExtensionProvider(),
-        new FlexToolbarExtensionProvider(),
-        new BlockToolbarExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionAndCanBeEntered, [
-        new DisplayGridExtensionProvider(),
-        new EditGridColumnRowSizesExtensionProvider(),
-        new FlexboxExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Selection, [
-        new ConditionExtensionProvider(new SelectionDefaultExtensionProvider(), item => !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionContainerAndCanBeEntered, [
-        new DisplayGridExtensionProvider('lightgray', '#8080802b'),
-        new EditGridColumnRowSizesExtensionProvider(),
-        new FlexboxExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.MouseOver, [
-        new HighlightElementExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Placement, [
-        new PlacementExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerDrag, [
-        new GrayOutExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerDragOverAndCanBeEntered, [
-        new ApplyFirstMachingExtensionProvider(new DisplayGridExtensionProvider(), new GrayOutDragOverContainerExtensionProvider()),
-        new AltToEnterContainerExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerExternalDragOverAndCanBeEntered, [
-        new ApplyFirstMachingExtensionProvider(new DisplayGridExtensionProvider(), new GrayOutDragOverContainerExtensionProvider()),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Doubleclick, [
-        new EditTextExtensionProvider()
-    ]);
-    serviceContainer.designerTools.set(NamedTools.Pointer, new PointerTool());
-    serviceContainer.designerTools.set(NamedTools.DrawSelection, new RectangleSelectorTool());
-    serviceContainer.designerTools.set(NamedTools.DrawPath, new DrawPathTool());
-    serviceContainer.designerTools.set(NamedTools.DrawRect, new DrawRectTool());
-    serviceContainer.designerTools.set(NamedTools.DrawEllipsis, new DrawEllipsisTool());
-    serviceContainer.designerTools.set(NamedTools.DrawLine, new DrawLineTool());
-    serviceContainer.designerTools.set(NamedTools.Zoom, new ZoomTool());
-    serviceContainer.designerTools.set(NamedTools.Pan, new PanTool());
-    serviceContainer.designerTools.set(NamedTools.RectangleSelector, new RectangleSelectorTool());
-    serviceContainer.designerTools.set(NamedTools.MagicWandSelector, new MagicWandSelectorTool());
-    serviceContainer.designerTools.set(NamedTools.PickColor, new PickColorTool());
-    serviceContainer.designerTools.set(NamedTools.Text, new TextTool());
-    serviceContainer.designerTools.set(NamedTools.DrawElementTool, DrawElementTool);
-    serviceContainer.designerPointerExtensions.push(
-    //new CursorLinePointerExtensionProvider()
-    );
-    serviceContainer.designViewConfigButtons.push(new ButtonSeperatorProvider(20), new GridExtensionDesignViewConfigButtons(), new FlexboxExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new InvisibleElementExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new StylesheetServiceDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new ToolbarExtensionsDesignViewConfigButtons(), new ButtonSeperatorProvider(30), new RoundPixelsDesignViewConfigButton());
-    serviceContainer.designViewToolbarButtons.push(new PointerToolButtonProvider(), new SeperatorToolProvider(22), new SelectorToolButtonProvider(), new SeperatorToolProvider(22), new ZoomToolButtonProvider(), new SeperatorToolProvider(22), new DrawToolButtonProvider(), new SeperatorToolProvider(22), new TextToolButtonProvider(), new SeperatorToolProvider(22), new TransformToolButtonProvider());
-    serviceContainer.designerContextMenuExtensions = [
-        new ChildContextMenu('edit', new CopyPasteContextMenu()),
-        new SeperatorContextMenu(),
-        new ChildContextMenu('modify', new RotateLeftAndRight(), new SeperatorContextMenu(), new ZMoveContextMenu(), new SeperatorContextMenu(), new AlignItemsContextMenu()),
-        new SeperatorContextMenu(),
-        new ChildContextMenu('view', new JumpToElementContextMenu(), new ZoomToElementContextMenu()),
-        new SeperatorContextMenu(),
-        new MultipleItemsSelectedContextMenu(),
-        new PathContextMenu(),
-        new RectContextMenu(),
-        new SeperatorContextMenu(),
-        new SelectAllChildrenContextMenu(),
-        new SeperatorContextMenu(),
-        new ItemsBelowContextMenu(),
-    ];
-    return serviceContainer;
-}
-export default createDefaultServiceContainer;

package/www/node_modules/@node-projects/web-component-designer/dist/elements/services/DefaultServiceBootstrap.ts.LOCAL.js

@@ -1,220 +0,0 @@
-import { ServiceContainer } from './ServiceContainer.js';
-import { PolymerPropertiesService } from './propertiesService/services/PolymerPropertiesService.js';
-import { LitElementPropertiesService } from './propertiesService/services/LitElementPropertiesService.js';
-import { NativeElementsPropertiesService } from './propertiesService/services/NativeElementsPropertiesService.js';
-import { SVGElementsPropertiesService } from './propertiesService/services/SVGElementsPropertiesService.js';
-import { DefaultInstanceService } from './instanceService/DefaultInstanceService.js';
-import { DefaultEditorTypesService } from './propertiesService/DefaultEditorTypesService.js';
-import { BaseCustomWebComponentPropertiesService } from './propertiesService/services/BaseCustomWebComponentPropertiesService.js';
-import { DefaultPlacementService } from './placementService/DefaultPlacementService.js';
-import { DefaultHtmlParserService } from './htmlParserService/DefaultHtmlParserService.js';
-import { Lit2PropertiesService } from './propertiesService/services/Lit2PropertiesService.js';
-import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType.js';
-import { ElementDragTitleExtensionProvider } from '../widgets/designerView/extensions/ElementDragTitleExtensionProvider.js';
-import { TransformOriginExtensionProvider } from '../widgets/designerView/extensions/TransformOriginExtensionProvider.js';
-import { MarginExtensionProvider } from '../widgets/designerView/extensions/MarginExtensionProvider.js';
-import { PositionExtensionProvider } from '../widgets/designerView/extensions/PositionExtensionProvider.js';
-import { HighlightElementExtensionProvider } from '../widgets/designerView/extensions/HighlightElementExtensionProvider.js';
-import { NamedTools } from '../widgets/designerView/tools/NamedTools.js';
-import { PointerTool } from '../widgets/designerView/tools/PointerTool.js';
-import { DrawPathTool } from '../widgets/designerView/tools/DrawPathTool.js';
-import { SelectionDefaultExtensionProvider } from '../widgets/designerView/extensions/SelectionDefaultExtensionProvider.js';
-import { ResizeExtensionProvider } from '../widgets/designerView/extensions/ResizeExtensionProvider.js';
-import { RotateExtensionProvider } from '../widgets/designerView/extensions/RotateExtensionProvider.js';
-import { ZoomTool } from '../widgets/designerView/tools/ZoomTool.js';
-import { PanTool } from '../widgets/designerView/tools/PanTool.js';
-import { CopyPasteContextMenu } from '../widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js';
-import { ZMoveContextMenu } from '../widgets/designerView/extensions/contextMenu/ZMoveContextMenu.js';
-import { MultipleItemsSelectedContextMenu } from '../widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.js';
-import { RectangleSelectorTool } from '../widgets/designerView/tools/RectangleSelectorTool.js';
-import { MagicWandSelectorTool } from '../widgets/designerView/tools/MagicWandSelectorTool.js';
-import { PickColorTool } from '../widgets/designerView/tools/PickColorTool.js';
-import { TextTool } from '../widgets/designerView/tools/TextTool.js';
-import { GrayOutExtensionProvider } from '../widgets/designerView/extensions/GrayOutExtensionProvider.js';
-import { AltToEnterContainerExtensionProvider } from '../widgets/designerView/extensions/AltToEnterContainerExtensionProvider.js';
-import { InvisibleElementExtensionProvider } from '../widgets/designerView/extensions/InvisibleElementExtensionProvider.js';
-import { ItemsBelowContextMenu } from '../widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js';
-import { GridPlacementService } from './placementService/GridPlacementService.js';
-import { ElementAtPointService } from './elementAtPointService/ElementAtPointService.js';
-import { FlexBoxPlacementService } from './placementService/FlexBoxPlacementService.js';
-import { SnaplinesProviderService } from './placementService/SnaplinesProviderService.js';
-import { ExternalDragDropService } from './dragDropService/ExternalDragDropService.js';
-import { EditTextExtensionProvider } from '../widgets/designerView/extensions/EditText/EditTextExtensionProvider.js';
-import { CopyPasteService } from './copyPasteService/CopyPasteService.js';
-import { DefaultModelCommandService } from './modelCommandService/DefaultModelCommandService.js';
-import { ButtonSeperatorProvider } from '../widgets/designerView/extensions/buttons/ButtonSeperatorProvider.js';
-import { GridExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/GridExtensionDesignViewConfigButtons.js';
-import { DrawRectTool } from '../widgets/designerView/tools/DrawRectTool.js';
-import { DrawEllipsisTool } from '../widgets/designerView/tools/DrawEllipsisTool.js';
-import { DrawLineTool } from '../widgets/designerView/tools/DrawLineTool.js';
-import { HtmlWriterService } from './htmlWriterService/HtmlWriterService.js';
-import { RectContextMenu } from '../widgets/designerView/extensions/contextMenu/RectContextMenu.js';
-import { PathContextMenu } from '../widgets/designerView/extensions/contextMenu/PathContextMenu.js';
-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.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';
-import { DrawToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/DrawToolButtonProvider.js';
-import { TextToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/TextToolButtonProvider.js';
-import { SelectorToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/SelectorToolButtonProvider.js';
-import { GrayOutDragOverContainerExtensionProvider } from '../widgets/designerView/extensions/GrayOutDragOverContainerExtensionProvider.js';
-import { PropertyGroupsService } from './propertiesService/PropertyGroupsService.js';
-import { PlacementExtensionProvider } from '../widgets/designerView/extensions/PlacementExtensionProvider.js';
-import { FlexboxExtensionProvider } from '../widgets/designerView/extensions/FlexboxExtensionProvider.js';
-import { FlexboxExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/FlexboxExtensionDesignViewConfigButtons.js';
-import { InvisibleElementExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/InvisibleElementExtensionDesignViewConfigButtons.js';
-import { UndoService } from './undoService/UndoService.js';
-import { SelectionService } from './selectionService/SelectionService.js';
-import { ContentService } from './contentService/ContentService.js';
-import { StylesheetServiceDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/StylesheetServiceDesignViewConfigButtons.js';
-import { JumpToElementContextMenu } from '../widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js';
-import { EditGridColumnRowSizesExtensionProvider } from '../widgets/designerView/extensions/grid/EditGridColumnRowSizesExtensionProvider.js';
-import { DisplayGridExtensionProvider } from '../widgets/designerView/extensions/grid/DisplayGridExtensionProvider.js';
-import { ApplyFirstMachingExtensionProvider } from '../widgets/designerView/extensions/logic/ApplyFirstMachingExtensionProvider.js';
-import { DesignItemDocumentPositionService } from './designItemDocumentPositionService/DesignItemDocumentPositionService.js';
-import { TransformToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/TransformToolButtonProvider.js';
-import { MultipleSelectionRectExtensionProvider } from '../widgets/designerView/extensions/MultipleSelectionRectExtensionProvider.js';
-import { DragDropService } from './dragDropService/DragDropService.js';
-import { EventsService } from './eventsService/EventsService.js';
-import { SimpleDemoProviderService } from './demoProviderService/SimpleDemoProviderService.js';
-import { DrawElementTool } from '../widgets/designerView/tools/DrawElementTool.js';
-import { RoundPixelsDesignViewConfigButton } from '../widgets/designerView/extensions/buttons/RoundPixelsDesignViewConfigButton.js';
-import { MathMLElementsPropertiesService } from './propertiesService/services/MathMLElementsPropertiesService.js';
-import { SvgElementExtensionProvider } from '../widgets/designerView/extensions/svg/SvgElementExtensionProvider.js';
-import { ConditionExtensionProvider } from '../widgets/designerView/extensions/logic/ConditionExtensionProvider.js';
-import { GridToolbarExtensionProvider } from '../widgets/designerView/extensions/grid/GridToolbarExtensionProvider.js';
-import { FlexToolbarExtensionProvider } from '../widgets/designerView/extensions/flex/FlexToolbarExtensionProvider.js';
-import { BlockToolbarExtensionProvider } from '../widgets/designerView/extensions/block/BlockToolbarExtensionProvider.js';
-import { ChildContextMenu } from '../widgets/designerView/extensions/contextMenu/ChildContextMenu.js';
-import { GridChildToolbarExtensionProvider } from '../widgets/designerView/extensions/grid/GridChildToolbarExtensionProvider.js';
-import { ToolbarExtensionsDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/ToolbarExtensionsDesignViewConfigButtons.js';
-import { PaddingExtensionProvider } from '../widgets/designerView/extensions/PaddingExtensionProvider.js';
-import { GridChildResizeExtensionProvider } from '../widgets/designerView/extensions/grid/GridChildResizeExtensionProvider.js';
-import { AlignItemsContextMenu } from '../widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js';
-import { BasicWebcomponentPropertiesService } from './propertiesService/services/BasicWebcomponentPropertiesService.js';
-import { ForceCssContextMenu } from '../widgets/designerView/extensions/contextMenu/ForceCssContextMenu.js';
-import { OptionsContextMenuButton } from '../widgets/designerView/extensions/buttons/OptionsContextMenuButton.js';
-export function createDefaultServiceContainer() {
-    let serviceContainer = new ServiceContainer();
-    let defaultPlacementService = new DefaultPlacementService();
-    serviceContainer.register("containerService", defaultPlacementService);
-    serviceContainer.register("containerService", new GridPlacementService(defaultPlacementService));
-    serviceContainer.register("containerService", new FlexBoxPlacementService(defaultPlacementService));
-    serviceContainer.register("propertyService", new BasicWebcomponentPropertiesService());
-    serviceContainer.register("propertyService", new PolymerPropertiesService());
-    serviceContainer.register("propertyService", new LitElementPropertiesService());
-    serviceContainer.register("propertyService", new NativeElementsPropertiesService());
-    serviceContainer.register("propertyService", new SVGElementsPropertiesService());
-    serviceContainer.register("propertyService", new MathMLElementsPropertiesService());
-    serviceContainer.register("propertyService", new Lit2PropertiesService());
-    serviceContainer.register("propertyService", new BaseCustomWebComponentPropertiesService());
-    serviceContainer.register("propertyGroupsService", new PropertyGroupsService());
-    serviceContainer.register("instanceService", new DefaultInstanceService());
-    serviceContainer.register("editorTypesService", new DefaultEditorTypesService());
-    serviceContainer.register("htmlWriterService", new HtmlWriterService());
-    serviceContainer.register("snaplinesProviderService", new SnaplinesProviderService());
-    serviceContainer.register("htmlParserService", new DefaultHtmlParserService());
-    serviceContainer.register("elementAtPointService", new ElementAtPointService());
-    serviceContainer.register("externalDragDropService", new ExternalDragDropService());
-    serviceContainer.register("dragDropService", new DragDropService());
-    serviceContainer.register("copyPasteService", new CopyPasteService());
-    serviceContainer.register("modelCommandService", new DefaultModelCommandService());
-    serviceContainer.register("demoProviderService", new SimpleDemoProviderService());
-    serviceContainer.register("eventsService", new EventsService());
-    serviceContainer.register("undoService", (designerCanvas) => new UndoService(designerCanvas));
-    serviceContainer.register("selectionService", (designerCanvas) => new SelectionService(designerCanvas, false));
-    serviceContainer.register("contentService", (designerCanvas) => new ContentService(designerCanvas.rootDesignItem));
-    serviceContainer.register("designItemDocumentPositionService", (designerCanvas) => new DesignItemDocumentPositionService(designerCanvas));
-    serviceContainer.designerExtensions.set(ExtensionType.Permanent, [
-        new InvisibleElementExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelection, [
-        new ConditionExtensionProvider(new ElementDragTitleExtensionProvider(), item => !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-        new TransformOriginExtensionProvider(true),
-        new MarginExtensionProvider(),
-        new PaddingExtensionProvider(),
-        new PositionExtensionProvider(),
-        new SvgElementExtensionProvider(),
-        new ApplyFirstMachingExtensionProvider(new GridChildResizeExtensionProvider(), new ResizeExtensionProvider(true)),
-        new RotateExtensionProvider(),
-        new ConditionExtensionProvider(new MultipleSelectionRectExtensionProvider(), item => !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionRefreshed, [
-        new GridChildToolbarExtensionProvider(),
-        new GridToolbarExtensionProvider(),
-        new FlexToolbarExtensionProvider(),
-        new BlockToolbarExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionAndCanBeEntered, [
-        new DisplayGridExtensionProvider(),
-        new EditGridColumnRowSizesExtensionProvider(),
-        new FlexboxExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Selection, [
-        new ConditionExtensionProvider(new SelectionDefaultExtensionProvider(), item => !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionContainerAndCanBeEntered, [
-        new DisplayGridExtensionProvider('lightgray', '#8080802b'),
-        new EditGridColumnRowSizesExtensionProvider(),
-        new FlexboxExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.MouseOver, [
-        new HighlightElementExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Placement, [
-        new PlacementExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerDrag, [
-        new GrayOutExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerDragOverAndCanBeEntered, [
-        new ApplyFirstMachingExtensionProvider(new DisplayGridExtensionProvider(), new GrayOutDragOverContainerExtensionProvider()),
-        new AltToEnterContainerExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerExternalDragOverAndCanBeEntered, [
-        new ApplyFirstMachingExtensionProvider(new DisplayGridExtensionProvider(), new GrayOutDragOverContainerExtensionProvider()),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Doubleclick, [
-        new EditTextExtensionProvider()
-    ]);
-    serviceContainer.designerTools.set(NamedTools.Pointer, new PointerTool());
-    serviceContainer.designerTools.set(NamedTools.DrawSelection, new RectangleSelectorTool());
-    serviceContainer.designerTools.set(NamedTools.DrawPath, new DrawPathTool());
-    serviceContainer.designerTools.set(NamedTools.DrawRect, new DrawRectTool());
-    serviceContainer.designerTools.set(NamedTools.DrawEllipsis, new DrawEllipsisTool());
-    serviceContainer.designerTools.set(NamedTools.DrawLine, new DrawLineTool());
-    serviceContainer.designerTools.set(NamedTools.Zoom, new ZoomTool());
-    serviceContainer.designerTools.set(NamedTools.Pan, new PanTool());
-    serviceContainer.designerTools.set(NamedTools.RectangleSelector, new RectangleSelectorTool());
-    serviceContainer.designerTools.set(NamedTools.MagicWandSelector, new MagicWandSelectorTool());
-    serviceContainer.designerTools.set(NamedTools.PickColor, new PickColorTool());
-    serviceContainer.designerTools.set(NamedTools.Text, new TextTool());
-    serviceContainer.designerTools.set(NamedTools.DrawElementTool, DrawElementTool);
-    serviceContainer.designerPointerExtensions.push(
-    //new CursorLinePointerExtensionProvider()
-    );
-    serviceContainer.designViewConfigButtons.push(new ButtonSeperatorProvider(20), new GridExtensionDesignViewConfigButtons(), new FlexboxExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new InvisibleElementExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new StylesheetServiceDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new ToolbarExtensionsDesignViewConfigButtons(), new ButtonSeperatorProvider(30), new RoundPixelsDesignViewConfigButton(), new ButtonSeperatorProvider(30), new OptionsContextMenuButton());
-    serviceContainer.designViewToolbarButtons.push(new PointerToolButtonProvider(), new SeperatorToolProvider(22), new SelectorToolButtonProvider(), new SeperatorToolProvider(22), new ZoomToolButtonProvider(), new SeperatorToolProvider(22), new DrawToolButtonProvider(), new SeperatorToolProvider(22), new TextToolButtonProvider(), new SeperatorToolProvider(22), new TransformToolButtonProvider());
-    serviceContainer.designerContextMenuExtensions = [
-        new ChildContextMenu('edit', new CopyPasteContextMenu()),
-        new SeperatorContextMenu(),
-        new ChildContextMenu('modify', new RotateLeftAndRight(), new SeperatorContextMenu(), new ZMoveContextMenu(), new SeperatorContextMenu(), new AlignItemsContextMenu()),
-        new SeperatorContextMenu(),
-        new ChildContextMenu('view', new JumpToElementContextMenu(), new ZoomToElementContextMenu()),
-        new SeperatorContextMenu(),
-        new ChildContextMenu('force', new ForceCssContextMenu()),
-        new SeperatorContextMenu(),
-        new MultipleItemsSelectedContextMenu(),
-        new PathContextMenu(),
-        new RectContextMenu(),
-        new SeperatorContextMenu(),
-        new SelectAllChildrenContextMenu(),
-        new SeperatorContextMenu(),
-        new ItemsBelowContextMenu(),
-    ];
-    return serviceContainer;
-}
-export default createDefaultServiceContainer;

package/www/node_modules/@node-projects/web-component-designer/dist/elements/services/DefaultServiceBootstrap.ts.REMOTE.js

@@ -1,220 +0,0 @@
-import { ServiceContainer } from './ServiceContainer.js';
-import { PolymerPropertiesService } from './propertiesService/services/PolymerPropertiesService.js';
-import { LitElementPropertiesService } from './propertiesService/services/LitElementPropertiesService.js';
-import { NativeElementsPropertiesService } from './propertiesService/services/NativeElementsPropertiesService.js';
-import { SVGElementsPropertiesService } from './propertiesService/services/SVGElementsPropertiesService.js';
-import { DefaultInstanceService } from './instanceService/DefaultInstanceService.js';
-import { DefaultEditorTypesService } from './propertiesService/DefaultEditorTypesService.js';
-import { BaseCustomWebComponentPropertiesService } from './propertiesService/services/BaseCustomWebComponentPropertiesService.js';
-import { DefaultPlacementService } from './placementService/DefaultPlacementService.js';
-import { DefaultHtmlParserService } from './htmlParserService/DefaultHtmlParserService.js';
-import { Lit2PropertiesService } from './propertiesService/services/Lit2PropertiesService.js';
-import { ExtensionType } from '../widgets/designerView/extensions/ExtensionType.js';
-import { ElementDragTitleExtensionProvider } from '../widgets/designerView/extensions/ElementDragTitleExtensionProvider.js';
-import { TransformOriginExtensionProvider } from '../widgets/designerView/extensions/TransformOriginExtensionProvider.js';
-import { MarginExtensionProvider } from '../widgets/designerView/extensions/MarginExtensionProvider.js';
-import { PositionExtensionProvider } from '../widgets/designerView/extensions/PositionExtensionProvider.js';
-import { HighlightElementExtensionProvider } from '../widgets/designerView/extensions/HighlightElementExtensionProvider.js';
-import { NamedTools } from '../widgets/designerView/tools/NamedTools.js';
-import { PointerTool } from '../widgets/designerView/tools/PointerTool.js';
-import { DrawPathTool } from '../widgets/designerView/tools/DrawPathTool.js';
-import { SelectionDefaultExtensionProvider } from '../widgets/designerView/extensions/SelectionDefaultExtensionProvider.js';
-import { ResizeExtensionProvider } from '../widgets/designerView/extensions/ResizeExtensionProvider.js';
-import { RotateExtensionProvider } from '../widgets/designerView/extensions/RotateExtensionProvider.js';
-import { ZoomTool } from '../widgets/designerView/tools/ZoomTool.js';
-import { PanTool } from '../widgets/designerView/tools/PanTool.js';
-import { CopyPasteContextMenu } from '../widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js';
-import { ZMoveContextMenu } from '../widgets/designerView/extensions/contextMenu/ZMoveContextMenu.js';
-import { MultipleItemsSelectedContextMenu } from '../widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.js';
-import { RectangleSelectorTool } from '../widgets/designerView/tools/RectangleSelectorTool.js';
-import { MagicWandSelectorTool } from '../widgets/designerView/tools/MagicWandSelectorTool.js';
-import { PickColorTool } from '../widgets/designerView/tools/PickColorTool.js';
-import { TextTool } from '../widgets/designerView/tools/TextTool.js';
-import { GrayOutExtensionProvider } from '../widgets/designerView/extensions/GrayOutExtensionProvider.js';
-import { AltToEnterContainerExtensionProvider } from '../widgets/designerView/extensions/AltToEnterContainerExtensionProvider.js';
-import { InvisibleElementExtensionProvider } from '../widgets/designerView/extensions/InvisibleElementExtensionProvider.js';
-import { ItemsBelowContextMenu } from '../widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js';
-import { GridPlacementService } from './placementService/GridPlacementService.js';
-import { ElementAtPointService } from './elementAtPointService/ElementAtPointService.js';
-import { FlexBoxPlacementService } from './placementService/FlexBoxPlacementService.js';
-import { SnaplinesProviderService } from './placementService/SnaplinesProviderService.js';
-import { ExternalDragDropService } from './dragDropService/ExternalDragDropService.js';
-import { EditTextExtensionProvider } from '../widgets/designerView/extensions/EditText/EditTextExtensionProvider.js';
-import { CopyPasteService } from './copyPasteService/CopyPasteService.js';
-import { DefaultModelCommandService } from './modelCommandService/DefaultModelCommandService.js';
-import { ButtonSeperatorProvider } from '../widgets/designerView/extensions/buttons/ButtonSeperatorProvider.js';
-import { GridExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/GridExtensionDesignViewConfigButtons.js';
-import { DrawRectTool } from '../widgets/designerView/tools/DrawRectTool.js';
-import { DrawEllipsisTool } from '../widgets/designerView/tools/DrawEllipsisTool.js';
-import { DrawLineTool } from '../widgets/designerView/tools/DrawLineTool.js';
-import { HtmlWriterService } from './htmlWriterService/HtmlWriterService.js';
-import { RectContextMenu } from '../widgets/designerView/extensions/contextMenu/RectContextMenu.js';
-import { PathContextMenu } from '../widgets/designerView/extensions/contextMenu/PathContextMenu.js';
-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.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';
-import { DrawToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/DrawToolButtonProvider.js';
-import { TextToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/TextToolButtonProvider.js';
-import { SelectorToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/SelectorToolButtonProvider.js';
-import { GrayOutDragOverContainerExtensionProvider } from '../widgets/designerView/extensions/GrayOutDragOverContainerExtensionProvider.js';
-import { PropertyGroupsService } from './propertiesService/PropertyGroupsService.js';
-import { PlacementExtensionProvider } from '../widgets/designerView/extensions/PlacementExtensionProvider.js';
-import { FlexboxExtensionProvider } from '../widgets/designerView/extensions/FlexboxExtensionProvider.js';
-import { FlexboxExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/FlexboxExtensionDesignViewConfigButtons.js';
-import { InvisibleElementExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/InvisibleElementExtensionDesignViewConfigButtons.js';
-import { UndoService } from './undoService/UndoService.js';
-import { SelectionService } from './selectionService/SelectionService.js';
-import { ContentService } from './contentService/ContentService.js';
-import { StylesheetServiceDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/StylesheetServiceDesignViewConfigButtons.js';
-import { JumpToElementContextMenu } from '../widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js';
-import { EditGridColumnRowSizesExtensionProvider } from '../widgets/designerView/extensions/grid/EditGridColumnRowSizesExtensionProvider.js';
-import { DisplayGridExtensionProvider } from '../widgets/designerView/extensions/grid/DisplayGridExtensionProvider.js';
-import { ApplyFirstMachingExtensionProvider } from '../widgets/designerView/extensions/logic/ApplyFirstMachingExtensionProvider.js';
-import { DesignItemDocumentPositionService } from './designItemDocumentPositionService/DesignItemDocumentPositionService.js';
-import { TransformToolButtonProvider } from '../widgets/designerView/tools/toolBar/buttons/TransformToolButtonProvider.js';
-import { MultipleSelectionRectExtensionProvider } from '../widgets/designerView/extensions/MultipleSelectionRectExtensionProvider.js';
-import { DragDropService } from './dragDropService/DragDropService.js';
-import { EventsService } from './eventsService/EventsService.js';
-import { SimpleDemoProviderService } from './demoProviderService/SimpleDemoProviderService.js';
-import { DrawElementTool } from '../widgets/designerView/tools/DrawElementTool.js';
-import { RoundPixelsDesignViewConfigButton } from '../widgets/designerView/extensions/buttons/RoundPixelsDesignViewConfigButton.js';
-import { MathMLElementsPropertiesService } from './propertiesService/services/MathMLElementsPropertiesService.js';
-import { SvgElementExtensionProvider } from '../widgets/designerView/extensions/svg/SvgElementExtensionProvider.js';
-import { ConditionExtensionProvider } from '../widgets/designerView/extensions/logic/ConditionExtensionProvider.js';
-import { GridToolbarExtensionProvider } from '../widgets/designerView/extensions/grid/GridToolbarExtensionProvider.js';
-import { FlexToolbarExtensionProvider } from '../widgets/designerView/extensions/flex/FlexToolbarExtensionProvider.js';
-import { BlockToolbarExtensionProvider } from '../widgets/designerView/extensions/block/BlockToolbarExtensionProvider.js';
-import { ChildContextMenu } from '../widgets/designerView/extensions/contextMenu/ChildContextMenu.js';
-import { GridChildToolbarExtensionProvider } from '../widgets/designerView/extensions/grid/GridChildToolbarExtensionProvider.js';
-import { ToolbarExtensionsDesignViewConfigButtons } from '../widgets/designerView/extensions/buttons/ToolbarExtensionsDesignViewConfigButtons.js';
-import { PaddingExtensionProvider } from '../widgets/designerView/extensions/PaddingExtensionProvider.js';
-import { GridChildResizeExtensionProvider } from '../widgets/designerView/extensions/grid/GridChildResizeExtensionProvider.js';
-import { AlignItemsContextMenu } from '../widgets/designerView/extensions/contextMenu/AlignItemsContextMenu.js';
-import { BasicWebcomponentPropertiesService } from './propertiesService/services/BasicWebcomponentPropertiesService.js';
-import { PreviousElementSelectExtensionProvider } from '../widgets/designerView/extensions/PreviousElementSelectExtensionProvider.js';
-export function createDefaultServiceContainer() {
-    let serviceContainer = new ServiceContainer();
-    let defaultPlacementService = new DefaultPlacementService();
-    serviceContainer.register("containerService", defaultPlacementService);
-    serviceContainer.register("containerService", new GridPlacementService(defaultPlacementService));
-    serviceContainer.register("containerService", new FlexBoxPlacementService(defaultPlacementService));
-    serviceContainer.register("propertyService", new BasicWebcomponentPropertiesService());
-    serviceContainer.register("propertyService", new PolymerPropertiesService());
-    serviceContainer.register("propertyService", new LitElementPropertiesService());
-    serviceContainer.register("propertyService", new NativeElementsPropertiesService());
-    serviceContainer.register("propertyService", new SVGElementsPropertiesService());
-    serviceContainer.register("propertyService", new MathMLElementsPropertiesService());
-    serviceContainer.register("propertyService", new Lit2PropertiesService());
-    serviceContainer.register("propertyService", new BaseCustomWebComponentPropertiesService());
-    serviceContainer.register("propertyGroupsService", new PropertyGroupsService());
-    serviceContainer.register("instanceService", new DefaultInstanceService());
-    serviceContainer.register("editorTypesService", new DefaultEditorTypesService());
-    serviceContainer.register("htmlWriterService", new HtmlWriterService());
-    serviceContainer.register("snaplinesProviderService", new SnaplinesProviderService());
-    serviceContainer.register("htmlParserService", new DefaultHtmlParserService());
-    serviceContainer.register("elementAtPointService", new ElementAtPointService());
-    serviceContainer.register("externalDragDropService", new ExternalDragDropService());
-    serviceContainer.register("dragDropService", new DragDropService());
-    serviceContainer.register("copyPasteService", new CopyPasteService());
-    serviceContainer.register("modelCommandService", new DefaultModelCommandService());
-    serviceContainer.register("demoProviderService", new SimpleDemoProviderService());
-    serviceContainer.register("eventsService", new EventsService());
-    serviceContainer.register("undoService", (designerCanvas) => new UndoService(designerCanvas));
-    serviceContainer.register("selectionService", (designerCanvas) => new SelectionService(designerCanvas, false));
-    serviceContainer.register("contentService", (designerCanvas) => new ContentService(designerCanvas.rootDesignItem));
-    serviceContainer.register("designItemDocumentPositionService", (designerCanvas) => new DesignItemDocumentPositionService(designerCanvas));
-    serviceContainer.designerExtensions.set(ExtensionType.Permanent, [
-        new InvisibleElementExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelection, [
-        new ConditionExtensionProvider(new ElementDragTitleExtensionProvider(), item => !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-        new PreviousElementSelectExtensionProvider(),
-        new TransformOriginExtensionProvider(true),
-        new MarginExtensionProvider(),
-        new PaddingExtensionProvider(),
-        new PositionExtensionProvider(),
-        new SvgElementExtensionProvider(),
-        new ApplyFirstMachingExtensionProvider(new GridChildResizeExtensionProvider(), new ResizeExtensionProvider(true)),
-        new RotateExtensionProvider(),
-        new ConditionExtensionProvider(new MultipleSelectionRectExtensionProvider(), item => !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionRefreshed, [
-        new GridChildToolbarExtensionProvider(),
-        new GridToolbarExtensionProvider(),
-        new FlexToolbarExtensionProvider(),
-        new BlockToolbarExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionAndCanBeEntered, [
-        new DisplayGridExtensionProvider(),
-        new EditGridColumnRowSizesExtensionProvider(),
-        new FlexboxExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Selection, [
-        new ConditionExtensionProvider(new SelectionDefaultExtensionProvider(), item => !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionContainerAndCanBeEntered, [
-        new DisplayGridExtensionProvider('lightgray', '#8080802b'),
-        new EditGridColumnRowSizesExtensionProvider(),
-        new FlexboxExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.MouseOver, [
-        new HighlightElementExtensionProvider(),
-        new ConditionExtensionProvider(new ElementDragTitleExtensionProvider(), item => item.instanceServiceContainer.selectionService.primarySelection !== item && !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-        new ConditionExtensionProvider(new PreviousElementSelectExtensionProvider(), item => item.instanceServiceContainer.selectionService.primarySelection !== item && !(item.node instanceof SVGElement) || item.node instanceof SVGSVGElement),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Placement, [
-        new PlacementExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerDrag, [
-        new GrayOutExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerDragOverAndCanBeEntered, [
-        new ApplyFirstMachingExtensionProvider(new DisplayGridExtensionProvider(), new GrayOutDragOverContainerExtensionProvider()),
-        new AltToEnterContainerExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerExternalDragOverAndCanBeEntered, [
-        new ApplyFirstMachingExtensionProvider(new DisplayGridExtensionProvider(), new GrayOutDragOverContainerExtensionProvider()),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Doubleclick, [
-        new EditTextExtensionProvider()
-    ]);
-    serviceContainer.designerTools.set(NamedTools.Pointer, new PointerTool());
-    serviceContainer.designerTools.set(NamedTools.DrawSelection, new RectangleSelectorTool());
-    serviceContainer.designerTools.set(NamedTools.DrawPath, new DrawPathTool());
-    serviceContainer.designerTools.set(NamedTools.DrawRect, new DrawRectTool());
-    serviceContainer.designerTools.set(NamedTools.DrawEllipsis, new DrawEllipsisTool());
-    serviceContainer.designerTools.set(NamedTools.DrawLine, new DrawLineTool());
-    serviceContainer.designerTools.set(NamedTools.Zoom, new ZoomTool());
-    serviceContainer.designerTools.set(NamedTools.Pan, new PanTool());
-    serviceContainer.designerTools.set(NamedTools.RectangleSelector, new RectangleSelectorTool());
-    serviceContainer.designerTools.set(NamedTools.MagicWandSelector, new MagicWandSelectorTool());
-    serviceContainer.designerTools.set(NamedTools.PickColor, new PickColorTool());
-    serviceContainer.designerTools.set(NamedTools.Text, new TextTool());
-    serviceContainer.designerTools.set(NamedTools.DrawElementTool, DrawElementTool);
-    serviceContainer.designerPointerExtensions.push(
-    //new CursorLinePointerExtensionProvider()
-    );
-    serviceContainer.designViewConfigButtons.push(new ButtonSeperatorProvider(20), new GridExtensionDesignViewConfigButtons(), new FlexboxExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new InvisibleElementExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new StylesheetServiceDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new ToolbarExtensionsDesignViewConfigButtons(), new ButtonSeperatorProvider(30), new RoundPixelsDesignViewConfigButton());
-    serviceContainer.designViewToolbarButtons.push(new PointerToolButtonProvider(), new SeperatorToolProvider(22), new SelectorToolButtonProvider(), new SeperatorToolProvider(22), new ZoomToolButtonProvider(), new SeperatorToolProvider(22), new DrawToolButtonProvider(), new SeperatorToolProvider(22), new TextToolButtonProvider(), new SeperatorToolProvider(22), new TransformToolButtonProvider());
-    serviceContainer.designerContextMenuExtensions = [
-        new ChildContextMenu('edit', new CopyPasteContextMenu()),
-        new SeperatorContextMenu(),
-        new ChildContextMenu('modify', new RotateLeftAndRight(), new SeperatorContextMenu(), new ZMoveContextMenu(), new SeperatorContextMenu(), new AlignItemsContextMenu()),
-        new SeperatorContextMenu(),
-        new ChildContextMenu('view', new JumpToElementContextMenu(), new ZoomToElementContextMenu()),
-        new SeperatorContextMenu(),
-        new MultipleItemsSelectedContextMenu(),
-        new PathContextMenu(),
-        new RectContextMenu(),
-        new SeperatorContextMenu(),
-        new SelectAllChildrenContextMenu(),
-        new SeperatorContextMenu(),
-        new ItemsBelowContextMenu(),
-    ];
-    return serviceContainer;
-}
-export default createDefaultServiceContainer;

package/www/node_modules/@node-projects/web-component-designer/dist/elements/services/designItemService/DesignItemService copy.js

@@ -1,6 +0,0 @@
-import { DesignItem } from "../../item/DesignItem.js";
-export class DesignItemService {
-    createDesignItem(node, parsedNode, serviceContainer, instanceServiceContainer) {
-        return new DesignItem(node, parsedNode, serviceContainer, instanceServiceContainer);
-    }
-}

package/www/node_modules/@node-projects/web-component-designer/dist/elements/services/placementService/AbsolutePlacementService copy.js

@@ -1,155 +0,0 @@
-import { DomConverter } from '../../widgets/designerView/DomConverter.js';
-import { combineTransforms, extractTranslationFromDOMMatrix, getResultingTransformationBetweenElementAndAllAncestors } from '../../helper/TransformHelper.js';
-import { filterChildPlaceItems, getDesignItemCurrentPos, placeDesignItem } from '../../helper/LayoutHelper.js';
-import { ExtensionType } from '../../widgets/designerView/extensions/ExtensionType.js';
-import { straightenLine } from '../../helper/PathDataPolyfill.js';
-export class AbsolutePlacementService {
-    serviceForContainer(container, containerStyle, mode, item, event) {
-        if (item != null && (item.getComputedStyle()?.position == 'absolute' || item.getComputedStyle()?.position == 'relative'))
-            return true;
-        /*if (containerStyle.display === 'grid' || containerStyle.display === 'inline-grid' ||
-          containerStyle.display === 'flex' || containerStyle.display === 'inline-flex')
-          return false;*/
-        return mode == 'drop' && event.ctrlKey;
-    }
-    isEnterableContainer(container) {
-        if (DomConverter.IsSelfClosingElement(container.element.localName))
-            return false;
-        if (!container.isRootItem && container.element.shadowRoot && container.element.shadowRoot.querySelector('slot') == null)
-            return false;
-        return true;
-    }
-    canEnter(container, items) {
-        if (!this.isEnterableContainer(container))
-            return false;
-        if (!items.every(x => !x.element.contains(container.element) && x !== container))
-            return false;
-        return true;
-    }
-    canLeave(container, items) {
-        return true;
-    }
-    getElementOffset(container, designItem) {
-        return container.instanceServiceContainer.designerCanvas.getNormalizedElementCoordinates(container.element);
-    }
-    calculateTrack(event, designerCanvas, startPoint, offsetInControl, newPoint, item) {
-        let trackX = newPoint.x - startPoint.x;
-        let trackY = newPoint.y - startPoint.y;
-        if (!event.ctrlKey) {
-            if (designerCanvas.alignOnGrid) {
-                let p = getDesignItemCurrentPos(item, 'position');
-                p.x = p.x % designerCanvas.gridSize;
-                p.y = p.y % designerCanvas.gridSize;
-                trackX = Math.round(trackX / designerCanvas.gridSize) * designerCanvas.gridSize - p.x;
-                trackY = Math.round(trackY / designerCanvas.gridSize) * designerCanvas.gridSize - p.y;
-            }
-            else if (designerCanvas.alignOnSnap) {
-                let rect = item.element.getBoundingClientRect();
-                let newPos = designerCanvas.snapLines.snapToPosition({ x: (newPoint.x - offsetInControl.x), y: (newPoint.y - offsetInControl.y) }, { width: rect.width / designerCanvas.scaleFactor, height: rect.height / designerCanvas.scaleFactor }, { x: trackX > 0 ? 1 : -1, y: trackY > 0 ? 1 : -1 });
-                if (newPos.x !== null) {
-                    trackX = newPos.x - Math.round(startPoint.x) + Math.round(offsetInControl.x);
-                }
-                else {
-                    trackX = Math.round(trackX);
-                }
-                if (newPos.y !== null) {
-                    trackY = newPos.y - Math.round(startPoint.y) + Math.round(offsetInControl.y);
-                }
-                else {
-                    trackY = Math.round(trackY);
-                }
-            }
-        }
-        return { x: trackX, y: trackY };
-    }
-    placePoint(event, designerCanvas, container, startPoint, offsetInControl, newPoint, items) {
-        let trackX = newPoint.x;
-        let trackY = newPoint.y;
-        if (!event.ctrlKey) {
-            if (designerCanvas.alignOnGrid) {
-                trackX = Math.round(trackX / designerCanvas.gridSize) * designerCanvas.gridSize;
-                trackY = Math.round(trackY / designerCanvas.gridSize) * designerCanvas.gridSize;
-            }
-            else if (designerCanvas.alignOnSnap) {
-                let newPos = designerCanvas.snapLines.snapToPosition({ x: newPoint.x - offsetInControl.x, y: newPoint.y - offsetInControl.y }, null, { x: trackX > 0 ? 1 : -1, y: trackY > 0 ? 1 : -1 });
-                if (newPos.x !== null) {
-                    trackX = newPos.x;
-                }
-                else {
-                    trackX = Math.round(trackX);
-                }
-                if (newPos.y !== null) {
-                    trackY = newPos.y;
-                }
-                else {
-                    trackY = Math.round(trackY);
-                }
-            }
-        }
-        return { x: trackX, y: trackY };
-    }
-    startPlace(event, designerCanvas, container, startPoint, offsetInControl, newPoint, items) {
-    }
-    place(event, designerCanvas, container, startPoint, offsetInControl, newPoint, items) {
-        //TODO: this should revert all undo actions while active
-        //maybe a undo actions returns itself or an id so it could be changed?
-        let track = this.calculateTrack(event, designerCanvas, startPoint, offsetInControl, newPoint, items[0]);
-        if (event.shiftKey) {
-            track = straightenLine({ x: 0, y: 0 }, track, true);
-        }
-        let filteredItems = filterChildPlaceItems(items);
-        for (const designItem of filteredItems) {
-            const canvas = designItem.instanceServiceContainer.designerCanvas.rootDesignItem.element;
-            let originalElementAndAllAncestorsMultipliedMatrix = getResultingTransformationBetweenElementAndAllAncestors(designItem.parent.element, canvas, true);
-            let transformMatrixParentTransformsCompensated = null;
-            if (originalElementAndAllAncestorsMultipliedMatrix) {
-                transformMatrixParentTransformsCompensated = new DOMPoint(track.x, track.y, 0, 0).matrixTransform(originalElementAndAllAncestorsMultipliedMatrix.inverse());
-            }
-            else {
-                transformMatrixParentTransformsCompensated = new DOMPoint(track.x, track.y, 0, 0);
-            }
-            const translationMatrix = new DOMMatrix().translate(transformMatrixParentTransformsCompensated.x, transformMatrixParentTransformsCompensated.y);
-            combineTransforms(designItem.element, designItem.getStyle('transform'), translationMatrix.toString());
-        }
-    }
-    moveElements(designItems, position, absolute) {
-        //TODO: Check if we set left or right
-        //TODO: Use CSS units
-        for (let d of designItems) {
-            if (position.x)
-                d.setStyle('left', parseInt(d.element.style.left) - position.x + 'px');
-            if (position.y)
-                d.setStyle('top', parseInt(d.element.style.top) - position.y + 'px');
-        }
-        designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshExtensions(designItems);
-    }
-    enterContainer(container, items, mode) {
-        let filterdItems = filterChildPlaceItems(items);
-        for (let i of filterdItems) {
-            if (mode == 'drop')
-                i.setStyle('position', 'absolute');
-            container.insertChild(i);
-            if (i.lastContainerSize) {
-                if (!i.hasStyle('width'))
-                    i.setStyle('width', i.lastContainerSize.width + 'px');
-                if (!i.hasStyle('height'))
-                    i.setStyle('height', i.lastContainerSize.height + 'px');
-            }
-        }
-    }
-    leaveContainer(container, items) {
-    }
-    finishPlace(event, designerCanvas, container, startPoint, offsetInControl, newPoint, items) {
-        let filterdItems = filterChildPlaceItems(items);
-        for (const designItem of filterdItems) {
-            let translation = extractTranslationFromDOMMatrix(new DOMMatrix(designItem.element.style.transform));
-            const stylesMapOffset = extractTranslationFromDOMMatrix(new DOMMatrix(designItem.getStyle('transform') ?? ''));
-            designItem.element.style.transform = designItem.getStyle('transform') ?? '';
-            let track = { x: translation.x, y: translation.y };
-            placeDesignItem(container, designItem, { x: track.x - stylesMapOffset.x, y: track.y - stylesMapOffset.y }, 'position');
-        }
-        for (const item of items) {
-            designerCanvas.extensionManager.removeExtension(item, ExtensionType.Placement);
-        }
-    }
-}

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/bindings/BindingsEditor.js

@@ -1,54 +0,0 @@
-import { css, BaseCustomWebComponentConstructorAppend, html } from '@node-projects/base-custom-webcomponent';
-export var targetType;
-(function (targetType) {
-    targetType["property"] = "property";
-    targetType["style"] = "style";
-    targetType["attribute"] = "attribute";
-    targetType["event"] = "event";
-})(targetType || (targetType = {}));
-export var valueType;
-(function (valueType) {
-    valueType["string"] = "string";
-    valueType["number"] = "number";
-    valueType["boolean"] = "boolean";
-})(valueType || (valueType = {}));
-export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
-    static style = css `
-    * { font-size: 16px; }
-    .list { 
-      display: flex;
-      flex-direction: column;
-      gap: 5px;
-    }
-    `;
-    static template = html `
-   <div class="list" style="">
-    <span>Expression</span>
-    <div>
-      <input style="width:100%;">
-      <button>...</button>
-    </div>
-    <!--<span>Target</span>
-    <select id="target">
-        <option>Property</option>
-        <option>Attribute</option>
-        <option>Style</option>
-        <option>Event</option>
-    </select>-->
-    <div>
-      <input id="mode" type="checkbox"><label for="mode">Two Way</label>    
-    </div>
-    <div>
-      <input id="inverted" type="checkbox"><label for="inverted">Inverted</label>   
-    </div>
-    <div>
-      <input id="nullSafe" type="checkbox"><label for="nullSafe">Null Safe</label>   
-    </div>
-</div>
-  `;
-    constructor(targetType) {
-        super();
-    }
-}
-customElements.define('node-projects-bindings-editor', BindingsEditor);
-//# sourceMappingURL=BindingsEditor.js.map

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/extensions/CanvasExtension.js

@@ -1,31 +0,0 @@
-import { AbstractExtension } from './AbstractExtension.js';
-export class CanvasExtension extends AbstractExtension {
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        this.refresh();
-    }
-    refresh() {
-        const itemRect = this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);
-        const computedStyle = getComputedStyle(this.extendedItem.element);
-        if (computedStyle.margin !== '0px') {
-            const left = Number.parseFloat(computedStyle.marginLeft.replace('px', ''));
-            const top = Number.parseFloat(computedStyle.marginTop.replace('px', ''));
-            const right = Number.parseFloat(computedStyle.marginRight.replace('px', ''));
-            const bottom = Number.parseFloat(computedStyle.marginBottom.replace('px', ''));
-            if (!isNaN(left) && !isNaN(top) && !isNaN(right) && !isNaN(bottom)) {
-                if (this._valuesHaveChanges(left, top, right, bottom, itemRect.x, itemRect.y, itemRect.width, itemRect.height)) {
-                    this._removeAllOverlays();
-                    this._drawRect(itemRect.x - left, itemRect.y - top, left + itemRect.width + right, top, 'svg-margin');
-                    this._drawRect(itemRect.x - left, itemRect.y, left, itemRect.height, 'svg-margin');
-                    this._drawRect(itemRect.x + itemRect.width, itemRect.y, right, itemRect.height, 'svg-margin');
-                    this._drawRect(itemRect.x - left, itemRect.y + itemRect.height, left + itemRect.width + right, bottom, 'svg-margin');
-                }
-            }
-        }
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/extensions/CanvasExtensionProvider.js

@@ -1,16 +0,0 @@
-import { CanvasExtension } from './CanvasExtension.js';
-import { css } from "@node-projects/base-custom-webcomponent";
-import { NodeType } from '../../../item/NodeType.js';
-export class CanvasExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (designItem.nodeType == NodeType.Element)
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new CanvasExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-margin { fill: #ff944766; }
-  `;
-}

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/extensions/MarginExtension copy.js

@@ -1,32 +0,0 @@
-import { AbstractExtension } from './AbstractExtension.js';
-import { OverlayLayer } from './OverlayLayer.js';
-export class MarginExtension extends AbstractExtension {
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        this.refresh();
-    }
-    refresh() {
-        const itemRect = this.designerCanvas.getNormalizedElementCoordinates(this.extendedItem.element);
-        const computedStyle = getComputedStyle(this.extendedItem.element);
-        if (computedStyle.margin !== '0px') {
-            const left = Number.parseFloat(computedStyle.marginLeft.replace('px', ''));
-            const top = Number.parseFloat(computedStyle.marginTop.replace('px', ''));
-            const right = Number.parseFloat(computedStyle.marginRight.replace('px', ''));
-            const bottom = Number.parseFloat(computedStyle.marginBottom.replace('px', ''));
-            if (!isNaN(left) && !isNaN(top) && !isNaN(right) && !isNaN(bottom)) {
-                if (this._valuesHaveChanges(left, top, right, bottom, itemRect.x, itemRect.y, itemRect.width, itemRect.height)) {
-                    this._removeAllOverlays();
-                    this._drawRect(itemRect.x - left, itemRect.y - top, left + itemRect.width + right, top, 'svg-margin', null, OverlayLayer.Background);
-                    this._drawRect(itemRect.x - left, itemRect.y, left, itemRect.height, 'svg-margin', null, OverlayLayer.Background);
-                    this._drawRect(itemRect.x + itemRect.width, itemRect.y, right, itemRect.height, 'svg-margin', null, OverlayLayer.Background);
-                    this._drawRect(itemRect.x - left, itemRect.y + itemRect.height, left + itemRect.width + right, bottom, 'svg-margin', null, OverlayLayer.Background);
-                }
-            }
-        }
-    }
-    dispose() {
-        this._removeAllOverlays();
-    }
-}

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/extensions/MarginExtensionProvider copy.js

@@ -1,16 +0,0 @@
-import { MarginExtension } from './MarginExtension.js';
-import { css } from "@node-projects/base-custom-webcomponent";
-import { NodeType } from '../../../item/NodeType.js';
-export class MarginExtensionProvider {
-    shouldExtend(extensionManager, designerView, designItem) {
-        if (designItem.nodeType == NodeType.Element)
-            return true;
-        return false;
-    }
-    getExtension(extensionManager, designerView, designItem) {
-        return new MarginExtension(extensionManager, designerView, designItem);
-    }
-    style = css `
-    .svg-margin { fill: #ff944766; }
-  `;
-}

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/extensions/buttons/AbstractDesignViewConfigButton copy.js

@@ -1,46 +0,0 @@
-import { ContextMenu } from "../../../../helper/contextMenu/ContextMenu.js";
-export class AbstractDesignViewConfigButton {
-    settingName;
-    content;
-    tooltp;
-    contextmenu;
-    constructor(settingName, content, tooltip, contextmenu) {
-        this.settingName = settingName;
-        this.content = content;
-        this.tooltp = tooltip;
-        this.contextmenu = contextmenu;
-    }
-    provideButtons(designerView, designerCanvas) {
-        const btn = document.createElement('div');
-        if (typeof this.content == 'string')
-            btn.innerHTML = this.content;
-        else
-            btn.appendChild(this.content);
-        btn.title = this.tooltp;
-        btn.className = 'toolbar-control';
-        designerCanvas.instanceServiceContainer.designContext.extensionOptionsChanged.on(() => {
-            if (extensionOptions[this.settingName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-        });
-        const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
-        if (extensionOptions[this.settingName] !== false)
-            btn.classList.add('selected');
-        btn.onclick = () => {
-            const val = extensionOptions[this.settingName];
-            extensionOptions[this.settingName] = val === false ? true : false;
-            if (extensionOptions[this.settingName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-        };
-        btn.oncontextmenu = (e) => {
-            e.preventDefault();
-            if (this.contextmenu) {
-                ContextMenu.show(this.contextmenu, e);
-            }
-        };
-        return [btn];
-    }
-}

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/extensions/buttons/GridExtensionDesignViewConfigButtons copy.js

@@ -1,7 +0,0 @@
-import { gridExtensionShowOverlayOptionName } from "../grid/DisplayGridExtensionProvider.js";
-import { AbstractDesignViewConfigButton } from "./AbstractDesignViewConfigButton.js";
-export class GridExtensionDesignViewConfigButtons extends AbstractDesignViewConfigButton {
-    constructor() {
-        super(gridExtensionShowOverlayOptionName, "G", "show grid overlay");
-    }
-}

package/www/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/extensions/buttons/OptionsConfigButton.js

@@ -1,46 +0,0 @@
-import { ContextMenu } from "../../../../helper/contextMenu/ContextMenu.js";
-export class AbstractDesignViewConfigButton {
-    settingName;
-    content;
-    tooltp;
-    contextmenu;
-    constructor(settingName, content, tooltip, contextmenu) {
-        this.settingName = settingName;
-        this.content = content;
-        this.tooltp = tooltip;
-        this.contextmenu = contextmenu;
-    }
-    provideButtons(designerView, designerCanvas) {
-        const btn = document.createElement('div');
-        if (typeof this.content == 'string')
-            btn.innerHTML = this.content;
-        else
-            btn.appendChild(this.content);
-        btn.title = this.tooltp;
-        btn.className = 'toolbar-control';
-        designerCanvas.instanceServiceContainer.designContext.extensionOptionsChanged.on(() => {
-            if (extensionOptions[this.settingName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-        });
-        const extensionOptions = designerCanvas.instanceServiceContainer.designContext.extensionOptions;
-        if (extensionOptions[this.settingName] !== false)
-            btn.classList.add('selected');
-        btn.onclick = () => {
-            const val = extensionOptions[this.settingName];
-            extensionOptions[this.settingName] = val === false ? true : false;
-            if (extensionOptions[this.settingName] !== false)
-                btn.classList.add('selected');
-            else
-                btn.classList.remove('selected');
-        };
-        btn.oncontextmenu = (e) => {
-            e.preventDefault();
-            if (this.contextmenu) {
-                ContextMenu.show(this.contextmenu, e);
-            }
-        };
-        return [btn];
-    }
-}