@node-projects/web-component-designer 0.1.52 → 0.1.54

package/dist/elements/helper/ElementHelper.js

@@ -9,7 +9,7 @@ export function newElementFromString(text) {
     const range = document.createRange();
     range.selectNode(document.body);
     //@ts-ignore
-    const fragment = range.createContextualFragment(text, { allowDeclarativeShadowDOM: true });
+    const fragment = range.createContextualFragment(text, { includeShadowRoots: true });
     return fragment.firstChild;
 }
 export var ElementDisplayType;

package/dist/elements/services/DefaultServiceBootstrap.js

@@ -84,6 +84,7 @@ import { MultipleSelectionRectExtensionProvider } from '../widgets/designerView/
 import { DragDropService } from './dragDropService/DragDropService.js';
 import { EventsService } from './eventsService/EventsService.js';
 import { SimpleDemoProviderService } from './demoProviderService/SimpleDemoProviderService.js';
+import { DrawElementTool } from '../widgets/designerView/tools/DrawElementTool.js';
 export function createDefaultServiceContainer() {
     let serviceContainer = new ServiceContainer();
     let defaultPlacementService = new DefaultPlacementService();
@@ -175,6 +176,7 @@ export function createDefaultServiceContainer() {
     serviceContainer.designerTools.set(NamedTools.MagicWandSelector, new MagicWandSelectorTool());
     serviceContainer.designerTools.set(NamedTools.PickColor, new PickColorTool());
     serviceContainer.designerTools.set(NamedTools.Text, new TextTool());
+    serviceContainer.designerTools.set(NamedTools.DrawElementTool, DrawElementTool);
     serviceContainer.designerPointerExtensions.push(
     //new CursorLinePointerExtensionProvider()
     );

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

@@ -94,7 +94,7 @@ export declare class ServiceContainer extends BaseServiceContainer<ServiceNameMa
     readonly options: {
         zoomDesignerBackground: boolean;
     };
-    readonly designerTools: Map<string | NamedTools, ITool>;
+    readonly designerTools: Map<string | NamedTools, ITool | (new (IElementDefinition: any) => ITool)>;
     get bindingService(): IBindingService;
     get bindableObjectsServices(): IBindableObjectsService[];
     get bindableObjectDragDropService(): IBindableObjectDragDropService;

package/dist/elements/widgets/designerView/tools/NamedTools.d.ts

@@ -11,5 +11,5 @@ export declare enum NamedTools {
     RectangleSelector = "RectangleSelector",
     PickColor = "PickColor",
     Text = "Text",
-    TextBoc = "TextBoc"
+    DrawElementTool = "DrawElementTool"
 }

package/dist/elements/widgets/designerView/tools/NamedTools.js

@@ -12,5 +12,5 @@ export var NamedTools;
     NamedTools["RectangleSelector"] = "RectangleSelector";
     NamedTools["PickColor"] = "PickColor";
     NamedTools["Text"] = "Text";
-    NamedTools["TextBoc"] = "TextBoc";
+    NamedTools["DrawElementTool"] = "DrawElementTool";
 })(NamedTools || (NamedTools = {}));

package/dist/elements/widgets/paletteView/paletteElements.js

@@ -1,6 +1,6 @@
 import { dragDropFormatNameElementDefinition } from '../../../Constants.js';
 import { BaseCustomWebComponentLazyAppend, css, html } from '@node-projects/base-custom-webcomponent';
-import { DrawElementTool } from '../designerView/tools/DrawElementTool.js';
+import { NamedTools } from '../designerView/tools/NamedTools.js';
 export class PaletteElements extends BaseCustomWebComponentLazyAppend {
     static style = css `
     :host {
@@ -125,7 +125,10 @@ export class PaletteElements extends BaseCustomWebComponentLazyAppend {
                 e.preventDefault();
             };
             button.onclick = (x) => {
-                serviceContainer.globalContext.tool = new DrawElementTool(elementDefintion);
+                let tool = serviceContainer.designerTools.get(elementDefintion.tool ?? NamedTools.DrawElementTool);
+                if (typeof tool == 'function')
+                    tool = new tool(elementDefintion);
+                serviceContainer.globalContext.tool = tool;
             };
             tdEl.appendChild(button);
             tr.appendChild(tdEl);

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.1.52",
+  "version": "0.1.54",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",