@node-projects/web-component-designer 0.0.63 → 0.0.67

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

@@ -1,5 +1,5 @@
-export declare enum NodeType {
-    Element = 1,
-    TextNode = 3,
-    Comment = 8
-}
+export declare enum NodeType {
+    Element = 1,
+    TextNode = 3,
+    Comment = 8
+}

package/dist/elements/item/NodeType.js

@@ -1,6 +1,6 @@
-export var NodeType;
-(function (NodeType) {
-    NodeType[NodeType["Element"] = 1] = "Element";
-    NodeType[NodeType["TextNode"] = 3] = "TextNode";
-    NodeType[NodeType["Comment"] = 8] = "Comment";
-})(NodeType || (NodeType = {}));
+export var NodeType;
+(function (NodeType) {
+    NodeType[NodeType["Element"] = 1] = "Element";
+    NodeType[NodeType["TextNode"] = 3] = "TextNode";
+    NodeType[NodeType["Comment"] = 8] = "Comment";
+})(NodeType || (NodeType = {}));

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

@@ -1,24 +1,24 @@
-export interface IOldCustomElementsManifest {
-    version: string;
-    tags: IOldCustomElementsManifestTag[];
-}
-export interface IOldCustomElementsManifestTag {
-    name: string;
-    path: string;
-    description?: string;
-    attributes?: IOldCustomElementsManifestAttribute[];
-    properties?: IOldCustomElementsManifestProperty[];
-}
-export interface IOldCustomElementsManifestAttribute {
-    name: string;
-    description?: string;
-    type: string;
-    default?: string;
-}
-export interface IOldCustomElementsManifestProperty {
-    name: string;
-    attribute?: string;
-    description?: string;
-    type: string;
-    default?: string;
-}
+export interface IOldCustomElementsManifest {
+    version: string;
+    tags: IOldCustomElementsManifestTag[];
+}
+export interface IOldCustomElementsManifestTag {
+    name: string;
+    path: string;
+    description?: string;
+    attributes?: IOldCustomElementsManifestAttribute[];
+    properties?: IOldCustomElementsManifestProperty[];
+}
+export interface IOldCustomElementsManifestAttribute {
+    name: string;
+    description?: string;
+    type: string;
+    default?: string;
+}
+export interface IOldCustomElementsManifestProperty {
+    name: string;
+    attribute?: string;
+    description?: string;
+    type: string;
+    default?: string;
+}

package/dist/elements/loader/IOldCustomElementsManifest.js

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

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

@@ -1,8 +1,8 @@
-import { ServiceContainer } from '../services/ServiceContainer';
-export declare class OldCustomElementsManifestLoader {
-    static loadManifest(serviceContainer: ServiceContainer, nodeModule: string, options?: {
-        name?: string;
-        dontLoadWidgets?: boolean;
-        dontLoadProperties?: boolean;
-    }): Promise<void>;
-}
+import { ServiceContainer } from '../services/ServiceContainer';
+export declare class OldCustomElementsManifestLoader {
+    static loadManifest(serviceContainer: ServiceContainer, nodeModule: string, options?: {
+        name?: string;
+        dontLoadWidgets?: boolean;
+        dontLoadProperties?: boolean;
+    }): Promise<void>;
+}

package/dist/elements/loader/OldCustomElementsManifestLoader.js

@@ -1,45 +1,45 @@
-import { LazyLoader } from '@node-projects/base-custom-webcomponent';
-import { PreDefinedElementsService } from '../services/elementsService/PreDefinedElementsService';
-import { ListPropertiesService } from '../services/propertiesService/services/ListPropertiesService';
-export class OldCustomElementsManifestLoader {
-    static async loadManifest(serviceContainer, nodeModule, options) {
-        const nodePath = './node_modules/';
-        const packageJson = JSON.parse(await LazyLoader.LoadText(nodePath + nodeModule + '/package.json'));
-        let jsModule = nodePath + nodeModule + '/' + packageJson.main;
-        if (packageJson.module)
-            jsModule = nodePath + nodeModule + '/' + packageJson.module;
-        const manifest = JSON.parse(await LazyLoader.LoadText(nodePath + nodeModule + '/' + packageJson.customElementsManifest));
-        let name = nodeModule;
-        if (options && options.name)
-            name = options.name;
-        if (!options || !options.dontLoadWidgets) {
-            const elementDefinitions = [];
-            for (const tag of manifest.tags) {
-                const elementDefinition = { tag: tag.name, import: jsModule, description: tag.description };
-                elementDefinitions.push(elementDefinition);
-            }
-            const service = new PreDefinedElementsService(name, { elements: elementDefinitions });
-            serviceContainer.register('elementsService', service);
-        }
-        if (!options || !options.dontLoadProperties) {
-            const propertyDefinitions = {};
-            for (const tag of manifest.tags) {
-                const attributes = [];
-                for (const attr of tag.attributes) {
-                    let propertyDefinition = { name: attr.name, default: attr.default, description: attr.description };
-                    if (attr.type && attr.type.startsWith('"')) {
-                        propertyDefinition.type = 'list';
-                        propertyDefinition.values = attr.type.split('|');
-                    }
-                    else {
-                        propertyDefinition.type = attr.type;
-                    }
-                    attributes.push(propertyDefinition);
-                }
-                propertyDefinitions[tag.name] = attributes;
-            }
-            const service = new ListPropertiesService(propertyDefinitions);
-            serviceContainer.register('propertyService', service);
-        }
-    }
-}
+import { LazyLoader } from '@node-projects/base-custom-webcomponent';
+import { PreDefinedElementsService } from '../services/elementsService/PreDefinedElementsService';
+import { ListPropertiesService } from '../services/propertiesService/services/ListPropertiesService';
+export class OldCustomElementsManifestLoader {
+    static async loadManifest(serviceContainer, nodeModule, options) {
+        const nodePath = './node_modules/';
+        const packageJson = JSON.parse(await LazyLoader.LoadText(nodePath + nodeModule + '/package.json'));
+        let jsModule = nodePath + nodeModule + '/' + packageJson.main;
+        if (packageJson.module)
+            jsModule = nodePath + nodeModule + '/' + packageJson.module;
+        const manifest = JSON.parse(await LazyLoader.LoadText(nodePath + nodeModule + '/' + packageJson.customElementsManifest));
+        let name = nodeModule;
+        if (options && options.name)
+            name = options.name;
+        if (!options || !options.dontLoadWidgets) {
+            const elementDefinitions = [];
+            for (const tag of manifest.tags) {
+                const elementDefinition = { tag: tag.name, import: jsModule, description: tag.description };
+                elementDefinitions.push(elementDefinition);
+            }
+            const service = new PreDefinedElementsService(name, { elements: elementDefinitions });
+            serviceContainer.register('elementsService', service);
+        }
+        if (!options || !options.dontLoadProperties) {
+            const propertyDefinitions = {};
+            for (const tag of manifest.tags) {
+                const attributes = [];
+                for (const attr of tag.attributes) {
+                    let propertyDefinition = { name: attr.name, default: attr.default, description: attr.description };
+                    if (attr.type && attr.type.startsWith('"')) {
+                        propertyDefinition.type = 'list';
+                        propertyDefinition.values = attr.type.split('|');
+                    }
+                    else {
+                        propertyDefinition.type = attr.type;
+                    }
+                    attributes.push(propertyDefinition);
+                }
+                propertyDefinitions[tag.name] = attributes;
+            }
+            const service = new ListPropertiesService(propertyDefinitions);
+            serviceContainer.register('propertyService', service);
+        }
+    }
+}

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

@@ -1,9 +1,9 @@
-import { IService } from './IService';
-export declare class BaseServiceContainer<NameMap> {
-    protected _services: Map<string, IService[]>;
-    getLastService<K extends keyof NameMap>(service: K): NameMap[K];
-    getServices<K extends keyof NameMap>(service: K): NameMap[K][];
-    register<K extends keyof NameMap>(name: K, service: NameMap[K]): void;
-    forSomeServicesTillResult<K extends keyof NameMap, Y>(service: K, callback: (service: NameMap[K]) => Y): Y;
-    getLastServiceWhere<K extends keyof NameMap, Y>(service: K, callback: (service: NameMap[K]) => Y): NameMap[K];
-}
+import { IService } from './IService';
+export declare class BaseServiceContainer<NameMap> {
+    protected _services: Map<string, IService[]>;
+    getLastService<K extends keyof NameMap>(service: K): NameMap[K];
+    getServices<K extends keyof NameMap>(service: K): NameMap[K][];
+    register<K extends keyof NameMap>(name: K, service: NameMap[K]): void;
+    forSomeServicesTillResult<K extends keyof NameMap, Y>(service: K, callback: (service: NameMap[K]) => Y): Y;
+    getLastServiceWhere<K extends keyof NameMap, Y>(service: K, callback: (service: NameMap[K]) => Y): NameMap[K];
+}

package/dist/elements/services/BaseServiceContainer.js

@@ -1,43 +1,43 @@
-export class BaseServiceContainer {
-    _services = new Map();
-    getLastService(service) {
-        let list = this._services.get(service);
-        if (list && list.length)
-            return list[list.length - 1];
-        return null;
-    }
-    getServices(service) {
-        return this._services.get(service);
-    }
-    register(name, service) {
-        if (!this._services.has(name))
-            this._services.set(name, []);
-        this._services.get(name).push(service);
-    }
-    forSomeServicesTillResult(service, callback) {
-        let services = this.getServices(service);
-        if (services == null) {
-            return null;
-        }
-        for (let index = services.length - 1; index >= 0; index--) {
-            const currentService = services[index];
-            let result = callback(currentService);
-            if (result != null)
-                return result;
-        }
-        return null;
-    }
-    getLastServiceWhere(service, callback) {
-        let services = this.getServices(service);
-        if (services == null) {
-            return null;
-        }
-        for (let index = services.length - 1; index >= 0; index--) {
-            const currentService = services[index];
-            let result = callback(currentService);
-            if (result)
-                return currentService;
-        }
-        return null;
-    }
-}
+export class BaseServiceContainer {
+    _services = new Map();
+    getLastService(service) {
+        let list = this._services.get(service);
+        if (list && list.length)
+            return list[list.length - 1];
+        return null;
+    }
+    getServices(service) {
+        return this._services.get(service);
+    }
+    register(name, service) {
+        if (!this._services.has(name))
+            this._services.set(name, []);
+        this._services.get(name).push(service);
+    }
+    forSomeServicesTillResult(service, callback) {
+        let services = this.getServices(service);
+        if (services == null) {
+            return null;
+        }
+        for (let index = services.length - 1; index >= 0; index--) {
+            const currentService = services[index];
+            let result = callback(currentService);
+            if (result != null)
+                return result;
+        }
+        return null;
+    }
+    getLastServiceWhere(service, callback) {
+        let services = this.getServices(service);
+        if (services == null) {
+            return null;
+        }
+        for (let index = services.length - 1; index >= 0; index--) {
+            const currentService = services[index];
+            let result = callback(currentService);
+            if (result)
+                return currentService;
+        }
+        return null;
+    }
+}

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

@@ -1,3 +1,3 @@
-import { ServiceContainer } from './ServiceContainer.js';
-export declare function createDefaultServiceContainer(): ServiceContainer;
-export default createDefaultServiceContainer;
+import { ServiceContainer } from './ServiceContainer.js';
+export declare function createDefaultServiceContainer(): ServiceContainer;
+export default createDefaultServiceContainer;

package/dist/elements/services/DefaultServiceBootstrap.js

@@ -1,122 +1,132 @@
-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 { DefaultInstanceService } from './instanceService/DefaultInstanceService.js';
-import { DefaultEditorTypesService } from './propertiesService/DefaultEditorTypesService.js';
-import { HtmlWriterService } from './htmlWriterService/HtmlWriterService.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 { PrimarySelectionDefaultExtensionProvider } from '../widgets/designerView/extensions/PrimarySelectionDefaultExtensionProvider.js';
-import { GridExtensionProvider } from '../widgets/designerView/extensions/GridExtensionProvider.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/PathExtensionProvider.js';
-import { MouseOverExtensionProvider } from '../widgets/designerView/extensions/MouseOverExtensionProvider.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 { InvisibleDivExtensionProvider } from '../widgets/designerView/extensions/InvisibleDivExtensionProvider.js';
-import { ItemsBelowContextMenu } from '../widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js';
-import { GridPlacementService } from './placementService/GridPlacementService.js';
-import { ElementAtPointService } from './elementAtPointService/ElementAtPointService';
-import { FlexBoxPlacementService } from './placementService/FlexBoxPlacementService';
-import { SnaplinesProviderService } from './placementService/SnaplinesProviderService';
-import { PrepareElementsForDesignerService } from './instanceService/PrepareElementsForDesignerService';
-import { DragDropService } from './dragDropService/DragDropService';
-import { EditTextExtensionProvider } from '../widgets/designerView/extensions/EditText/EditTextExtensionProvider.js';
-import { CopyPasteService } from './copyPasteService/CopyPasteService';
-import { DefaultModelCommandService } from './modelCommandService/DefaultModelCommandService';
-import { ButtonSeperatorProvider } from '../widgets/designerView/ButtonSeperatorProvider';
-import { GridExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/GridExtensionDesignViewConfigButtons';
-import { DemoProviderService } from './demoProviderService/DemoProviderService';
-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 Lit2PropertiesService());
-    serviceContainer.register("propertyService", new BaseCustomWebComponentPropertiesService());
-    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("prepareElementsForDesignerService", new PrepareElementsForDesignerService());
-    serviceContainer.register("dragDropService", new DragDropService());
-    serviceContainer.register("copyPasteService", new CopyPasteService());
-    serviceContainer.register("modelCommandService", new DefaultModelCommandService());
-    serviceContainer.register("demoProviderService", new DemoProviderService());
-    serviceContainer.designerExtensions.set(ExtensionType.Permanent, [
-        new ResizeExtensionProvider(false),
-        new InvisibleDivExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelection, [
-        new PrimarySelectionDefaultExtensionProvider(),
-        new GridExtensionProvider(),
-        new TransformOriginExtensionProvider(),
-        new CanvasExtensionProvider(),
-        new PositionExtensionProvider(),
-        new PathExtensionProvider(),
-        new ResizeExtensionProvider(true),
-        new RotateExtensionProvider(),
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.Selection, [
-        new SelectionDefaultExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionContainer, [
-        new GridExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.MouseOver, [
-        new MouseOverExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerDrag, [
-        new GrayOutExtensionProvider()
-    ]);
-    serviceContainer.designerExtensions.set(ExtensionType.ContainerDragOver, [
-        new AltToEnterContainerExtensionProvider()
-    ]);
-    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.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.designViewConfigButtons.push(new ButtonSeperatorProvider(20), new GridExtensionDesignViewConfigButtons());
-    serviceContainer.designerContextMenuExtensions = [
-        new CopyPasteContextMenu(),
-        new ZMoveContextMenu(),
-        new MultipleItemsSelectedContextMenu(),
-        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 { DefaultInstanceService } from './instanceService/DefaultInstanceService.js';
+import { DefaultEditorTypesService } from './propertiesService/DefaultEditorTypesService.js';
+import { HtmlWriterService } from './htmlWriterService/HtmlWriterService.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 { PrimarySelectionDefaultExtensionProvider } from '../widgets/designerView/extensions/PrimarySelectionDefaultExtensionProvider.js';
+import { GridExtensionProvider } from '../widgets/designerView/extensions/GridExtensionProvider.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/PathExtensionProvider.js';
+import { MouseOverExtensionProvider } from '../widgets/designerView/extensions/MouseOverExtensionProvider.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 { InvisibleDivExtensionProvider } from '../widgets/designerView/extensions/InvisibleDivExtensionProvider.js';
+import { ItemsBelowContextMenu } from '../widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js';
+import { GridPlacementService } from './placementService/GridPlacementService.js';
+import { ElementAtPointService } from './elementAtPointService/ElementAtPointService';
+import { FlexBoxPlacementService } from './placementService/FlexBoxPlacementService';
+import { SnaplinesProviderService } from './placementService/SnaplinesProviderService';
+import { PrepareElementsForDesignerService } from './instanceService/PrepareElementsForDesignerService';
+import { DragDropService } from './dragDropService/DragDropService';
+import { EditTextExtensionProvider } from '../widgets/designerView/extensions/EditText/EditTextExtensionProvider.js';
+import { CopyPasteService } from './copyPasteService/CopyPasteService';
+import { DefaultModelCommandService } from './modelCommandService/DefaultModelCommandService';
+import { ButtonSeperatorProvider } from '../widgets/designerView/ButtonSeperatorProvider';
+import { GridExtensionDesignViewConfigButtons } from '../widgets/designerView/extensions/GridExtensionDesignViewConfigButtons';
+import { DemoProviderService } from './demoProviderService/DemoProviderService';
+//import { CursorLinePointerExtensionProvider } from '../widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider.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';
+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 Lit2PropertiesService());
+    serviceContainer.register("propertyService", new BaseCustomWebComponentPropertiesService());
+    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("prepareElementsForDesignerService", new PrepareElementsForDesignerService());
+    serviceContainer.register("dragDropService", new DragDropService());
+    serviceContainer.register("copyPasteService", new CopyPasteService());
+    serviceContainer.register("modelCommandService", new DefaultModelCommandService());
+    serviceContainer.register("demoProviderService", new DemoProviderService());
+    serviceContainer.designerExtensions.set(ExtensionType.Permanent, [
+        new ResizeExtensionProvider(false),
+        new InvisibleDivExtensionProvider()
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelection, [
+        new PrimarySelectionDefaultExtensionProvider(),
+        new GridExtensionProvider(),
+        new TransformOriginExtensionProvider(),
+        new CanvasExtensionProvider(),
+        new PositionExtensionProvider(),
+        new PathExtensionProvider(),
+        new ResizeExtensionProvider(true),
+        new RotateExtensionProvider(),
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.Selection, [
+        new SelectionDefaultExtensionProvider()
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelectionContainer, [
+        new GridExtensionProvider()
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.MouseOver, [
+        new MouseOverExtensionProvider()
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.ContainerDrag, [
+        new GrayOutExtensionProvider()
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.ContainerDragOver, [
+        new AltToEnterContainerExtensionProvider()
+    ]);
+    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());
+    serviceContainer.designerContextMenuExtensions = [
+        new CopyPasteContextMenu(),
+        new ZMoveContextMenu(),
+        new MultipleItemsSelectedContextMenu(),
+        new ItemsBelowContextMenu()
+    ];
+    return serviceContainer;
+}
+export default createDefaultServiceContainer;

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

@@ -1,24 +1,24 @@
-import { PropertyChangedArgs, TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { ITool } from "../widgets/designerView/tools/ITool";
-import { ServiceContainer } from './ServiceContainer';
-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<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";
+import { ServiceContainer } from './ServiceContainer';
+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<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>>;
+}