@node-projects/web-component-designer 0.0.82 → 0.0.86

package/dist/elements/services/DefaultServiceBootstrap.js

@@ -1,136 +1,139 @@
-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 { 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';
-import { HtmlWriterService } from './htmlWriterService/HtmlWriterService.js';
-import { RectContextMenu } from '../widgets/designerView/extensions/contextMenu/RectContextMenu.js';
-import { PathContextMenu } from '../widgets/designerView/extensions/contextMenu/PathContextMenu.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 PathContextMenu(),
-        new RectContextMenu(),
-        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 { 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 { 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';
+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 { IframeExtensionProvider } from '../widgets/designerView/extensions/IframeExtensionProvider.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(),
+        new IframeExtensionProvider(),
+        // new ElementDragTitleExtensionProvider(),
+    ]);
+    serviceContainer.designerExtensions.set(ExtensionType.PrimarySelection, [
+        new ElementDragTitleExtensionProvider(),
+        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 PathContextMenu(),
+        new RectContextMenu(),
+        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>>;
+}

package/dist/elements/services/GlobalContext.js

@@ -1,63 +1,63 @@
-//TODO: global conext not yet used.
-//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;
-            this.onToolChanged.emit(new PropertyChangedArgs(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();
-}
+//TODO: global conext not yet used.
+//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;
+            this.onToolChanged.emit(new PropertyChangedArgs(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 {};

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

@@ -1,20 +1,20 @@
-import { ISelectionService } from './selectionService/ISelectionService';
-import { IUndoService } from './undoService/IUndoService';
-import { BaseServiceContainer } from './BaseServiceContainer';
-import { IContentService } from './contentService/IContentService';
-import { IDesignContext } from '../widgets/designerView/IDesignContext';
-import { IDesignerCanvas } from '../widgets/designerView/IDesignerCanvas.js';
-interface InstanceServiceNameMap {
-    "undoService": IUndoService;
-    "selectionService": ISelectionService;
-    "contentService": IContentService;
-}
-export declare class InstanceServiceContainer extends BaseServiceContainer<InstanceServiceNameMap> {
-    designContext: IDesignContext;
-    readonly designerCanvas: IDesignerCanvas;
-    constructor(designerCanvas: IDesignerCanvas);
-    get undoService(): IUndoService;
-    get selectionService(): ISelectionService;
-    get contentService(): IContentService;
-}
-export {};
+import { ISelectionService } from './selectionService/ISelectionService';
+import { IUndoService } from './undoService/IUndoService';
+import { BaseServiceContainer } from './BaseServiceContainer';
+import { IContentService } from './contentService/IContentService';
+import { IDesignContext } from '../widgets/designerView/IDesignContext';
+import { IDesignerCanvas } from '../widgets/designerView/IDesignerCanvas.js';
+interface InstanceServiceNameMap {
+    "undoService": IUndoService;
+    "selectionService": ISelectionService;
+    "contentService": IContentService;
+}
+export declare class InstanceServiceContainer extends BaseServiceContainer<InstanceServiceNameMap> {
+    designContext: IDesignContext;
+    readonly designerCanvas: IDesignerCanvas;
+    constructor(designerCanvas: IDesignerCanvas);
+    get undoService(): IUndoService;
+    get selectionService(): ISelectionService;
+    get contentService(): IContentService;
+}
+export {};

package/dist/elements/services/InstanceServiceContainer.js

@@ -1,19 +1,19 @@
-import { BaseServiceContainer } from './BaseServiceContainer';
-import { DesignContext } from '../widgets/designerView/DesignContext';
-export class InstanceServiceContainer extends BaseServiceContainer {
-    designContext = new DesignContext();
-    designerCanvas;
-    constructor(designerCanvas) {
-        super();
-        this.designerCanvas = designerCanvas;
-    }
-    get undoService() {
-        return this.getLastService('undoService');
-    }
-    get selectionService() {
-        return this.getLastService('selectionService');
-    }
-    get contentService() {
-        return this.getLastService('contentService');
-    }
-}
+import { BaseServiceContainer } from './BaseServiceContainer';
+import { DesignContext } from '../widgets/designerView/DesignContext';
+export class InstanceServiceContainer extends BaseServiceContainer {
+    designContext = new DesignContext();
+    designerCanvas;
+    constructor(designerCanvas) {
+        super();
+        this.designerCanvas = designerCanvas;
+    }
+    get undoService() {
+        return this.getLastService('undoService');
+    }
+    get selectionService() {
+        return this.getLastService('selectionService');
+    }
+    get contentService() {
+        return this.getLastService('contentService');
+    }
+}