@node-projects/web-component-designer 0.0.216 → 0.0.218

package/dist/elements/services/DefaultServiceBootstrap.js

@@ -1,193 +1,193 @@
-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 { CanvasExtensionProvider } from '../widgets/designerView/extensions/CanvasExtensionProvider.js';
-import { PositionExtensionProvider } from '../widgets/designerView/extensions/PositionExtensionProvider.js';
-import { PathExtensionProvider } from '../widgets/designerView/extensions/svg/PathExtensionProvider.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 { DragDropService } from './dragDropService/DragDropService.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 { DemoProviderService } from './demoProviderService/DemoProviderService.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 { LineExtensionProvider } from '../widgets/designerView/extensions/svg/LineExtensionProvider.js';
-import { RectExtentionProvider } from '../widgets/designerView/extensions/svg/RectExtensionProvider.js';
-import { EllipsisExtensionProvider } from '../widgets/designerView/extensions/svg/EllipsisExtensionProvider.js';
-import { PropertyTabsService } from './propertiesService/PropertyTabsService.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';
-export function createDefaultServiceContainer() {
-    let serviceContainer = new ServiceContainer();
-    serviceContainer.register("propertyService", new PolymerPropertiesService());
-    serviceContainer.register("propertyService", new LitElementPropertiesService());
-    serviceContainer.register("propertyService", new NativeElementsPropertiesService());
-    serviceContainer.register("propertyService", new SVGElementsPropertiesService());
-    serviceContainer.register("propertyService", new Lit2PropertiesService());
-    serviceContainer.register("propertyService", new BaseCustomWebComponentPropertiesService());
-    serviceContainer.register("propertyGroupsService", new PropertyTabsService());
-    serviceContainer.register("instanceService", new DefaultInstanceService());
-    serviceContainer.register("editorTypesService", new DefaultEditorTypesService());
-    serviceContainer.register("htmlWriterService", new HtmlWriterService());
-    serviceContainer.register("containerService", new DefaultPlacementService());
-    serviceContainer.register("containerService", new GridPlacementService());
-    serviceContainer.register("containerService", new FlexBoxPlacementService());
-    serviceContainer.register("snaplinesProviderService", new SnaplinesProviderService());
-    serviceContainer.register("htmlParserService", new DefaultHtmlParserService());
-    serviceContainer.register("elementAtPointService", new ElementAtPointService());
-    serviceContainer.register("dragDropService", new DragDropService());
-    serviceContainer.register("copyPasteService", new CopyPasteService());
-    serviceContainer.register("modelCommandService", new DefaultModelCommandService());
-    serviceContainer.register("demoProviderService", new DemoProviderService());
-    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.register("stylesheetService", new DemoProviderService());
-    serviceContainer.designerExtensions.set(ExtensionType.Permanent, [
-        // new ResizeExtensionProvider(false),
-        new InvisibleElementExtensionProvider(),
-        // new ElementDragTitleExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelection, [
-        new ElementDragTitleExtensionProvider(),
-        new DisplayGridExtensionProvider(),
-        new EditGridColumnRowSizesExtensionProvider(),
-        new FlexboxExtensionProvider(),
-        new TransformOriginExtensionProvider(),
-        new CanvasExtensionProvider(),
-        new PositionExtensionProvider(),
-        new EllipsisExtensionProvider(),
-        new LineExtensionProvider(),
-        new PathExtensionProvider(),
-        new RectExtentionProvider(),
-        new ResizeExtensionProvider(true),
-        new RotateExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Selection, [
-        new SelectionDefaultExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionContainer, [
-        new DisplayGridExtensionProvider(),
-        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.ContainerDragOver, [
-        new ApplyFirstMachingExtensionProvider(new DisplayGridExtensionProvider(), new GrayOutDragOverContainerExtensionProvider()),
-        new AltToEnterContainerExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerExternalDragOver, [
-        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.designerPointerExtensions.push(
-    //new CursorLinePointerExtensionProvider()
-    );
-    serviceContainer.designViewConfigButtons.push(new ButtonSeperatorProvider(20), new GridExtensionDesignViewConfigButtons(), new FlexboxExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new InvisibleElementExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new StylesheetServiceDesignViewConfigButtons());
-    serviceContainer.designViewToolbarButtons.push(new PointerToolButtonProvider(), new SeperatorToolProvider(22), new SelectorToolButtonProvider(), new SeperatorToolProvider(22), new ZoomToolButtonProvider(), new SeperatorToolProvider(22), new DrawToolButtonProvider(), new SeperatorToolProvider(5), new TextToolButtonProvider());
-    serviceContainer.designerContextMenuExtensions = [
-        new CopyPasteContextMenu(),
-        new SeperatorContextMenu(),
-        new RotateLeftAndRight(),
-        new SeperatorContextMenu(),
-        new JumpToElementContextMenu(),
-        new ZoomToElementContextMenu(),
-        new SeperatorContextMenu(),
-        new ZMoveContextMenu(),
-        new MultipleItemsSelectedContextMenu(),
-        new PathContextMenu(),
-        new RectContextMenu(),
-        new SeperatorContextMenu(),
-        new SelectAllChildrenContextMenu(),
-        new SeperatorContextMenu(),
-        new ItemsBelowContextMenu(),
-    ];
-    return serviceContainer;
-}
-export default createDefaultServiceContainer;
+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 { CanvasExtensionProvider } from '../widgets/designerView/extensions/CanvasExtensionProvider.js';
+import { PositionExtensionProvider } from '../widgets/designerView/extensions/PositionExtensionProvider.js';
+import { PathExtensionProvider } from '../widgets/designerView/extensions/svg/PathExtensionProvider.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 { DragDropService } from './dragDropService/DragDropService.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 { DemoProviderService } from './demoProviderService/DemoProviderService.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 { LineExtensionProvider } from '../widgets/designerView/extensions/svg/LineExtensionProvider.js';
+import { RectExtentionProvider } from '../widgets/designerView/extensions/svg/RectExtensionProvider.js';
+import { EllipsisExtensionProvider } from '../widgets/designerView/extensions/svg/EllipsisExtensionProvider.js';
+import { PropertyTabsService } from './propertiesService/PropertyTabsService.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';
+export function createDefaultServiceContainer() {
+    let serviceContainer = new ServiceContainer();
+    serviceContainer.register("propertyService", new PolymerPropertiesService());
+    serviceContainer.register("propertyService", new LitElementPropertiesService());
+    serviceContainer.register("propertyService", new NativeElementsPropertiesService());
+    serviceContainer.register("propertyService", new SVGElementsPropertiesService());
+    serviceContainer.register("propertyService", new Lit2PropertiesService());
+    serviceContainer.register("propertyService", new BaseCustomWebComponentPropertiesService());
+    serviceContainer.register("propertyGroupsService", new PropertyTabsService());
+    serviceContainer.register("instanceService", new DefaultInstanceService());
+    serviceContainer.register("editorTypesService", new DefaultEditorTypesService());
+    serviceContainer.register("htmlWriterService", new HtmlWriterService());
+    serviceContainer.register("containerService", new DefaultPlacementService());
+    serviceContainer.register("containerService", new GridPlacementService());
+    serviceContainer.register("containerService", new FlexBoxPlacementService());
+    serviceContainer.register("snaplinesProviderService", new SnaplinesProviderService());
+    serviceContainer.register("htmlParserService", new DefaultHtmlParserService());
+    serviceContainer.register("elementAtPointService", new ElementAtPointService());
+    serviceContainer.register("dragDropService", new DragDropService());
+    serviceContainer.register("copyPasteService", new CopyPasteService());
+    serviceContainer.register("modelCommandService", new DefaultModelCommandService());
+    serviceContainer.register("demoProviderService", new DemoProviderService());
+    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.register("stylesheetService", new DemoProviderService());
+    serviceContainer.designerExtensions.set(ExtensionType.Permanent, [
+        // new ResizeExtensionProvider(false),
+        new InvisibleElementExtensionProvider(),
+        // new ElementDragTitleExtensionProvider(),
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelection, [
+        new ElementDragTitleExtensionProvider(),
+        new DisplayGridExtensionProvider(),
+        new EditGridColumnRowSizesExtensionProvider(),
+        new FlexboxExtensionProvider(),
+        new TransformOriginExtensionProvider(),
+        new CanvasExtensionProvider(),
+        new PositionExtensionProvider(),
+        new EllipsisExtensionProvider(),
+        new LineExtensionProvider(),
+        new PathExtensionProvider(),
+        new RectExtentionProvider(),
+        new ResizeExtensionProvider(true),
+        new RotateExtensionProvider(),
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.Selection, [
+        new SelectionDefaultExtensionProvider()
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionContainer, [
+        new DisplayGridExtensionProvider(),
+        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.ContainerDragOver, [
+        new ApplyFirstMachingExtensionProvider(new DisplayGridExtensionProvider(), new GrayOutDragOverContainerExtensionProvider()),
+        new AltToEnterContainerExtensionProvider()
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.ContainerExternalDragOver, [
+        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.designerPointerExtensions.push(
+    //new CursorLinePointerExtensionProvider()
+    );
+    serviceContainer.designViewConfigButtons.push(new ButtonSeperatorProvider(20), new GridExtensionDesignViewConfigButtons(), new FlexboxExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new InvisibleElementExtensionDesignViewConfigButtons(), new ButtonSeperatorProvider(10), new StylesheetServiceDesignViewConfigButtons());
+    serviceContainer.designViewToolbarButtons.push(new PointerToolButtonProvider(), new SeperatorToolProvider(22), new SelectorToolButtonProvider(), new SeperatorToolProvider(22), new ZoomToolButtonProvider(), new SeperatorToolProvider(22), new DrawToolButtonProvider(), new SeperatorToolProvider(5), new TextToolButtonProvider());
+    serviceContainer.designerContextMenuExtensions = [
+        new CopyPasteContextMenu(),
+        new SeperatorContextMenu(),
+        new RotateLeftAndRight(),
+        new SeperatorContextMenu(),
+        new JumpToElementContextMenu(),
+        new ZoomToElementContextMenu(),
+        new SeperatorContextMenu(),
+        new ZMoveContextMenu(),
+        new MultipleItemsSelectedContextMenu(),
+        new PathContextMenu(),
+        new RectContextMenu(),
+        new SeperatorContextMenu(),
+        new SelectAllChildrenContextMenu(),
+        new SeperatorContextMenu(),
+        new ItemsBelowContextMenu(),
+    ];
+    return serviceContainer;
+}
+export default createDefaultServiceContainer;

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

@@ -1,27 +1,27 @@
-import { PropertyChangedArgs, TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { ITool } from '../widgets/designerView/tools/ITool.js';
-import { ServiceContainer } from './ServiceContainer.js';
-export declare class GlobalContext {
-    private _serviceContainer;
-    private _tool;
-    private _strokeColor;
-    private _strokeThickness;
-    private _fillBrush;
-    constructor(serviceContainer: ServiceContainer);
-    set tool(tool: ITool);
-    get tool(): ITool;
-    readonly onToolChanged: TypedEvent<PropertyChangedArgs<{
-        name: string;
-        tool: ITool;
-    }>>;
-    finishedWithTool: (tool: ITool) => void;
-    set strokeColor(strokeColor: string);
-    get strokeColor(): string;
-    readonly onStrokeColorChanged: TypedEvent<PropertyChangedArgs<string>>;
-    set strokeThickness(strokeThickness: string);
-    get strokeThickness(): string;
-    readonly onStrokeThicknessChanged: TypedEvent<PropertyChangedArgs<string>>;
-    set fillBrush(fillBrush: string);
-    get fillBrush(): string;
-    readonly onFillBrushChanged: TypedEvent<PropertyChangedArgs<string>>;
-}
+import { PropertyChangedArgs, TypedEvent } from "@node-projects/base-custom-webcomponent";
+import { ITool } from '../widgets/designerView/tools/ITool.js';
+import { ServiceContainer } from './ServiceContainer.js';
+export declare class GlobalContext {
+    private _serviceContainer;
+    private _tool;
+    private _strokeColor;
+    private _strokeThickness;
+    private _fillBrush;
+    constructor(serviceContainer: ServiceContainer);
+    set tool(tool: ITool);
+    get tool(): ITool;
+    readonly onToolChanged: TypedEvent<PropertyChangedArgs<{
+        name: string;
+        tool: ITool;
+    }>>;
+    finishedWithTool: (tool: ITool) => void;
+    set strokeColor(strokeColor: string);
+    get strokeColor(): string;
+    readonly onStrokeColorChanged: TypedEvent<PropertyChangedArgs<string>>;
+    set strokeThickness(strokeThickness: string);
+    get strokeThickness(): string;
+    readonly onStrokeThicknessChanged: TypedEvent<PropertyChangedArgs<string>>;
+    set fillBrush(fillBrush: string);
+    get fillBrush(): string;
+    readonly onFillBrushChanged: TypedEvent<PropertyChangedArgs<string>>;
+}

package/dist/elements/services/GlobalContext.js

@@ -1,68 +1,68 @@
-//Service container should not be something with changeing information, so global context is for tool and color (and maybe more)
-import { PropertyChangedArgs, TypedEvent } from "@node-projects/base-custom-webcomponent";
-export class GlobalContext {
-    _serviceContainer;
-    _tool;
-    _strokeColor = 'black';
-    _strokeThickness = '3';
-    _fillBrush = 'transparent';
-    constructor(serviceContainer) {
-        this._serviceContainer = serviceContainer;
-    }
-    set tool(tool) {
-        if (this._tool !== tool) {
-            const oldTool = this._tool;
-            if (oldTool) {
-                oldTool.dispose();
-            }
-            this._tool = tool;
-            let toolName = null;
-            for (let t of this._serviceContainer.designerTools) {
-                if (t[1] == tool)
-                    toolName = t[0];
-            }
-            this.onToolChanged.emit(new PropertyChangedArgs({ name: toolName, tool: tool }, { name: null, tool: oldTool }));
-            if (this._tool)
-                this._tool.activated(this._serviceContainer);
-        }
-    }
-    get tool() {
-        return this._tool;
-    }
-    onToolChanged = new TypedEvent();
-    finishedWithTool = () => this.tool = null;
-    set strokeColor(strokeColor) {
-        if (this._strokeColor !== strokeColor) {
-            const oldStrokeColor = this._strokeColor;
-            this._strokeColor = strokeColor;
-            this.onStrokeColorChanged.emit(new PropertyChangedArgs(strokeColor, oldStrokeColor));
-        }
-    }
-    get strokeColor() {
-        return this._strokeColor;
-    }
-    onStrokeColorChanged = new TypedEvent();
-    set strokeThickness(strokeThickness) {
-        if (this._strokeThickness !== strokeThickness) {
-            const oldStrokeThickness = this._strokeThickness;
-            this._strokeThickness = strokeThickness;
-            this.onStrokeThicknessChanged.emit(new PropertyChangedArgs(strokeThickness, oldStrokeThickness));
-        }
-    }
-    get strokeThickness() {
-        return this._strokeThickness;
-    }
-    onStrokeThicknessChanged = new TypedEvent();
-    set fillBrush(fillBrush) {
-        this._fillBrush = fillBrush;
-        if (this._fillBrush !== fillBrush) {
-            const oldFillBrush = this._fillBrush;
-            this._fillBrush = fillBrush;
-            this.onFillBrushChanged.emit(new PropertyChangedArgs(fillBrush, oldFillBrush));
-        }
-    }
-    get fillBrush() {
-        return this._fillBrush;
-    }
-    onFillBrushChanged = new TypedEvent();
-}
+//Service container should not be something with changeing information, so global context is for tool and color (and maybe more)
+import { PropertyChangedArgs, TypedEvent } from "@node-projects/base-custom-webcomponent";
+export class GlobalContext {
+    _serviceContainer;
+    _tool;
+    _strokeColor = 'black';
+    _strokeThickness = '3';
+    _fillBrush = 'transparent';
+    constructor(serviceContainer) {
+        this._serviceContainer = serviceContainer;
+    }
+    set tool(tool) {
+        if (this._tool !== tool) {
+            const oldTool = this._tool;
+            if (oldTool) {
+                oldTool.dispose();
+            }
+            this._tool = tool;
+            let toolName = null;
+            for (let t of this._serviceContainer.designerTools) {
+                if (t[1] == tool)
+                    toolName = t[0];
+            }
+            this.onToolChanged.emit(new PropertyChangedArgs({ name: toolName, tool: tool }, { name: null, tool: oldTool }));
+            if (this._tool)
+                this._tool.activated(this._serviceContainer);
+        }
+    }
+    get tool() {
+        return this._tool;
+    }
+    onToolChanged = new TypedEvent();
+    finishedWithTool = () => this.tool = null;
+    set strokeColor(strokeColor) {
+        if (this._strokeColor !== strokeColor) {
+            const oldStrokeColor = this._strokeColor;
+            this._strokeColor = strokeColor;
+            this.onStrokeColorChanged.emit(new PropertyChangedArgs(strokeColor, oldStrokeColor));
+        }
+    }
+    get strokeColor() {
+        return this._strokeColor;
+    }
+    onStrokeColorChanged = new TypedEvent();
+    set strokeThickness(strokeThickness) {
+        if (this._strokeThickness !== strokeThickness) {
+            const oldStrokeThickness = this._strokeThickness;
+            this._strokeThickness = strokeThickness;
+            this.onStrokeThicknessChanged.emit(new PropertyChangedArgs(strokeThickness, oldStrokeThickness));
+        }
+    }
+    get strokeThickness() {
+        return this._strokeThickness;
+    }
+    onStrokeThicknessChanged = new TypedEvent();
+    set fillBrush(fillBrush) {
+        this._fillBrush = fillBrush;
+        if (this._fillBrush !== fillBrush) {
+            const oldFillBrush = this._fillBrush;
+            this._fillBrush = fillBrush;
+            this.onFillBrushChanged.emit(new PropertyChangedArgs(fillBrush, oldFillBrush));
+        }
+    }
+    get fillBrush() {
+        return this._fillBrush;
+    }
+    onFillBrushChanged = new TypedEvent();
+}

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

@@ -1,2 +1,2 @@
-export interface IService {
-}
+export interface IService {
+}

package/dist/elements/services/IService.js

@@ -1 +1 @@
-export {};
+export {};

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

@@ -1,5 +1,5 @@
-export interface IServiceContainer {
-    register(name: string, service: any): any;
-    getLastService(service: string): any;
-    getServices(service: string): any[];
-}
+export interface IServiceContainer {
+    register(name: string, service: any): any;
+    getLastService(service: string): any;
+    getServices(service: string): any[];
+}

package/dist/elements/services/IServiceContainer.js

@@ -1 +1 @@
-export {};
+export {};