@node-projects/web-component-designer 0.2.5 → 0.2.7

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

@@ -2,7 +2,7 @@ import { IPropertiesService } from './propertiesService/IPropertiesService.js';
 import { IPlacementService } from './placementService/IPlacementService.js';
 import { IElementsService } from './elementsService/IElementsService.js';
 import { IInstanceService } from './instanceService/IInstanceService.js';
-import { IEditorTypesService } from './propertiesService/IEditorTypesService.js';
+import { IPropertyEditorTypesService } from './propertiesService/IPropertyEditorTypesService.js';
 import { BaseServiceContainer } from './BaseServiceContainer.js';
 import { IHtmlWriterService } from './htmlWriterService/IHtmlWriterService.js';
 import { ICodeView } from '../widgets/codeView/ICodeView.js';
@@ -51,6 +51,7 @@ import { IMiniatureViewService } from './miniatureViewService/IMiniatureViewServ
 import { IPngCreatorService } from './pngCreatorService/IPngCreatorService.js';
 import { ISearchService } from './searchService/ISearchService.js';
 import { ICollaborationService } from './collaborationService/ICollaborationService.js';
+import { IEditorTypeService } from './propertiesService/IEditorTypeService.js';
 interface ServiceNameMap {
     "propertyService": IPropertiesService;
     "attachedPropertyService": IPropertiesService;
@@ -58,7 +59,7 @@ interface ServiceNameMap {
     "snaplinesProviderService": ISnaplinesProviderService;
     "elementsService": IElementsService;
     "instanceService": IInstanceService;
-    "editorTypesService": IEditorTypesService;
+    "propertyEditorTypesService": IPropertyEditorTypesService;
     "htmlWriterService": IHtmlWriterService;
     "htmlParserService": IHtmlParserService;
     "intializationService": IIntializationService;
@@ -83,6 +84,7 @@ interface ServiceNameMap {
     "miniatureViewService": IMiniatureViewService;
     "pngCreatorService": IPngCreatorService;
     "searchService": ISearchService;
+    "editorTypeService": IEditorTypeService;
     "undoService": (designerCanvas: IDesignerCanvas) => IUndoService;
     "selectionService": (designerCanvas: IDesignerCanvas) => ISelectionService;
     "stylesheetService": (designerCanvas: IDesignerCanvas) => IStylesheetService;
@@ -124,7 +126,7 @@ export declare class ServiceContainer extends BaseServiceContainer<ServiceNameMa
     get elementsServices(): IElementsService[];
     get eventsService(): IEventsService[];
     get instanceServices(): IInstanceService[];
-    get editorTypesServices(): IEditorTypesService[];
+    get propertyEditorTypesServices(): IPropertyEditorTypesService[];
     get htmlWriterService(): IHtmlWriterService;
     get htmlParserService(): IHtmlParserService;
     get intializationService(): IIntializationService;
@@ -141,5 +143,6 @@ export declare class ServiceContainer extends BaseServiceContainer<ServiceNameMa
     get miniatureViewService(): IMiniatureViewService;
     get pngCreatorService(): IPngCreatorService;
     get searchService(): ISearchService;
+    get editorTypesServices(): IEditorTypeService[];
 }
 export {};

package/dist/elements/services/ServiceContainer.js

@@ -72,8 +72,8 @@ export class ServiceContainer extends BaseServiceContainer {
     get instanceServices() {
         return this.getServices('instanceService');
     }
-    get editorTypesServices() {
-        return this.getServices('editorTypesService');
+    get propertyEditorTypesServices() {
+        return this.getServices('propertyEditorTypesService');
     }
     get htmlWriterService() {
         return this.getLastService('htmlWriterService');
@@ -123,5 +123,8 @@ export class ServiceContainer extends BaseServiceContainer {
     get searchService() {
         return this.getLastService('searchService');
     }
+    get editorTypesServices() {
+        return this.getServices('editorTypeService');
+    }
 }
 //# sourceMappingURL=ServiceContainer.js.map

package/dist/elements/services/ServiceContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceContainer.js","sourceRoot":"","sources":["../../../src/elements/services/ServiceContainer.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAMjE,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAM3D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAmBnD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AA6DzE,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,IAAI,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;AAElI,MAAM,OAAO,gBAAiB,SAAQ,oBAAoC;IAE/D,MAAM,GAIX;QACA,cAAc,EAAE,cAAc;QAC9B,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEY,kBAAkB,GAAgE,IAAI,GAAG,EAAE,CAAC;IAE5G,6BAA6B,CAAC,SAAmC,EAAE,MAA0D;QAC3H,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAC5D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,WAAW,KAAK,MAAM,EAAE,CAAC;gBAC3C,YAAY,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;IACH,CAAC;IAEe,wCAAwC,GAAqE,EAAE,CAAC;IAEhH,uBAAuB,GAAuC,EAAE,CAAC;IAEjE,wBAAwB,GAAuC,EAAE,CAAC;IAElE,yBAAyB,GAAwC,EAAE,CAAC;IAE7E,6BAA6B,CAA0B;IAE9C,gCAAgC,GAAoB,EAAE,CAAC;IAEvD,aAAa,GAAkB,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvD,OAAO,GAAG;QACxB,sBAAsB,EAAE,IAAI;QAC5B,0BAA0B,EAAE,CAAC;QAC7B,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACnC,CAAC;IAEc,aAAa,GAA0E,IAAI,GAAG,EAAE,CAAC;IAEjH,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI,uBAAuB;QACzB,OAAO,IAAI,CAAC,WAAW,CAAC,wBAAwB,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,6BAA6B;QAC/B,OAAO,IAAI,CAAC,cAAc,CAAC,+BAA+B,CAAC,CAAC;IAC9D,CAAC;IAED,IAAI,2BAA2B;QAC7B,OAAO,IAAI,CAAC,cAAc,CAAC,6BAA6B,CAAC,CAAC;IAC5D,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAChD,CAAC;IAED,IAAI,0BAA0B;QAC5B,OAAO,IAAI,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,wBAAwB;QAC1B,OAAO,IAAI,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,wBAAwB;QAC1B,OAAO,IAAI,CAAC,cAAc,CAAC,0BAA0B,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAChD,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,qBAAqB;QACvB,OAAO,IAAI,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,uBAAuB;QACzB,OAAO,IAAI,CAAC,cAAc,CAAC,yBAAyB,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,IAAI,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,IAAI,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAChD,CAAC;IAED,IAAI,wBAAwB;QAC1B,OAAO,IAAI,CAAC,cAAc,CAAC,0BAA0B,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAC9C,CAAC;CACF"}
+{"version":3,"file":"ServiceContainer.js","sourceRoot":"","sources":["../../../src/elements/services/ServiceContainer.ts"],"names":[],"mappings":"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"}

package/dist/elements/services/propertiesService/DefaultEditorTypeService.d.ts

@@ -0,0 +1,11 @@
+import { IEditorTypeService } from "./IEditorTypeService";
+export declare class DefaultEditorTypeService implements IEditorTypeService {
+    getEditor(type: string, additional: {
+        changedCallback: (newValue: any) => void;
+        [key: string]: any;
+    }): {
+        element: HTMLElement;
+        getValue: () => any;
+        setValue: (value: any) => void;
+    };
+}

package/dist/elements/services/propertiesService/DefaultEditorTypeService.js

@@ -0,0 +1,29 @@
+export class DefaultEditorTypeService {
+    getEditor(type, additional) {
+        if (type === 'color') {
+            const input = document.createElement('input');
+            input.type = 'color';
+            input.addEventListener('change', (event) => additional.changedCallback(event.target.value));
+            return {
+                element: input,
+                getValue: () => input.value,
+                setValue: (value) => { input.value = value; }
+            };
+        }
+        const input = document.createElement('input');
+        input.type = type;
+        if (additional.min !== undefined)
+            input.min = additional.min;
+        if (additional.max !== undefined)
+            input.max = additional.max;
+        if (additional.step !== undefined)
+            input.step = additional.step;
+        input.addEventListener('change', (event) => additional.changedCallback(event.target.value));
+        return {
+            element: input,
+            getValue: () => input.value,
+            setValue: (value) => { input.value = value; }
+        };
+    }
+}
+//# sourceMappingURL=DefaultEditorTypeService.js.map

package/dist/elements/services/propertiesService/DefaultEditorTypeService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultEditorTypeService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/DefaultEditorTypeService.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,wBAAwB;IACjC,SAAS,CAAC,IAAY,EAAE,UAA4E;QAChG,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC9C,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;YACrB,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,eAAe,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC,CAAC;YAClH,OAAO;gBACH,OAAO,EAAE,KAAK;gBACd,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK;gBAC3B,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;aACrD,CAAC;QACN,CAAC;QAED,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;QAClB,IAAI,UAAU,CAAC,GAAG,KAAK,SAAS;YAAE,KAAK,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;QAC7D,IAAI,UAAU,CAAC,GAAG,KAAK,SAAS;YAAE,KAAK,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;QAC7D,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS;YAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAChE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,eAAe,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC,CAAC;QAClH,OAAO;YACH,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK;YAC3B,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;SACrD,CAAC;IACN,CAAC;CACJ"}

package/dist/elements/services/propertiesService/DefaultEditorTypesService.d.ts

@@ -1,4 +1,4 @@
-import { IEditorTypesService } from './IEditorTypesService.js';
+import { IEditorTypesService } from './IPropertyEditorTypesService.js';
 import { IProperty } from './IProperty.js';
 import { IPropertyEditor } from './IPropertyEditor.js';
 export declare class DefaultEditorTypesService implements IEditorTypesService {

package/dist/elements/services/propertiesService/DefaultInputTypeElementService.d.ts

@@ -0,0 +1,7 @@
+import { IInputTypeElementService } from "./IInputTypeElementService";
+export declare class DefaultInputTypeElementService implements IInputTypeElementService {
+    getEditor(type: string, changedCallback: () => void): {
+        element: HTMLElement;
+        getValue: () => any;
+    };
+}

package/dist/elements/services/propertiesService/DefaultInputTypeElementService.js

@@ -0,0 +1,21 @@
+export class DefaultInputTypeElementService {
+    getEditor(type, changedCallback) {
+        if (type === 'color') {
+            const input = document.createElement('input');
+            input.type = 'color';
+            input.addEventListener('change', changedCallback);
+            return {
+                element: input,
+                getValue: () => input.value
+            };
+        }
+        const input = document.createElement('input');
+        input.type = type;
+        input.addEventListener('change', changedCallback);
+        return {
+            element: input,
+            getValue: () => input.value
+        };
+    }
+}
+//# sourceMappingURL=DefaultInputTypeElementService.js.map

package/dist/elements/services/propertiesService/DefaultInputTypeElementService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultInputTypeElementService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/DefaultInputTypeElementService.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,8BAA8B;IACvC,SAAS,CAAC,IAAY,EAAE,eAA2B;QAC/C,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC9C,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;YACrB,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;YAClD,OAAO;gBACH,OAAO,EAAE,KAAK;gBACd,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK;aAC9B,CAAC;QACN,CAAC;QAED,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;QAClB,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QAClD,OAAO;YACH,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK;SAC9B,CAAC;IACN,CAAC;CACJ"}

package/dist/elements/services/propertiesService/DefaultPropertyEditorTypesService.d.ts

@@ -0,0 +1,6 @@
+import { IPropertyEditorTypesService } from './IPropertyEditorTypesService.js';
+import { IProperty } from './IProperty.js';
+import { IPropertyEditor } from './IPropertyEditor.js';
+export declare class DefaultPropertyEditorTypesService implements IPropertyEditorTypesService {
+    getEditorForProperty(property: IProperty): IPropertyEditor;
+}

package/dist/elements/services/propertiesService/DefaultPropertyEditorTypesService.js

@@ -0,0 +1,68 @@
+import { ColorPropertyEditor } from './propertyEditors/ColorPropertyEditor.js';
+import { DatePropertyEditor } from './propertyEditors/DatePropertyEditor.js';
+import { JsonPropertyEditor } from './propertyEditors/JsonPropertyEditor.js';
+import { NumberPropertyEditor } from './propertyEditors/NumberPropertyEditor.js';
+import { SelectPropertyEditor } from './propertyEditors/SelectPropertyEditor.js';
+import { TextPropertyEditor } from './propertyEditors/TextPropertyEditor.js';
+import { BooleanPropertyEditor } from './propertyEditors/BooleanPropertyEditor.js';
+import { ImageButtonListPropertyEditor } from './propertyEditors/ImageButtonListPropertyEditor.js';
+import { ThicknessPropertyEditor } from "./propertyEditors/ThicknessPropertyEditor.js";
+import { FontPropertyEditor } from './propertyEditors/FontPropertyEditor.js';
+import { UnitPropertyEditor } from './propertyEditors/UnitPropertyEditor.js';
+import { isUnitPropertyType } from './propertyEditors/UnitPropertyEditorConfig.js';
+export class DefaultPropertyEditorTypesService {
+    getEditorForProperty(property) {
+        if (property.createEditor)
+            return property.createEditor(property);
+        if (isUnitPropertyType(property.type, property.name))
+            return new UnitPropertyEditor(property);
+        switch (property.type) {
+            case "json":
+                {
+                    return new JsonPropertyEditor(property);
+                }
+            case "color":
+                {
+                    return new ColorPropertyEditor(property);
+                }
+            case "font":
+                {
+                    return new FontPropertyEditor(property);
+                }
+            case "date":
+                {
+                    return new DatePropertyEditor(property);
+                }
+            case "number":
+                {
+                    return new NumberPropertyEditor(property);
+                }
+            case "list":
+                {
+                    return new SelectPropertyEditor(property);
+                }
+            case "enum":
+                {
+                    return new SelectPropertyEditor(property);
+                }
+            case "boolean":
+                {
+                    return new BooleanPropertyEditor(property);
+                }
+            case "img-list":
+                {
+                    return new ImageButtonListPropertyEditor(property);
+                }
+            case "thickness":
+                {
+                    return new ThicknessPropertyEditor(property);
+                }
+            case "string":
+            default:
+                {
+                    return new TextPropertyEditor(property);
+                }
+        }
+    }
+}
+//# sourceMappingURL=DefaultPropertyEditorTypesService.js.map

package/dist/elements/services/propertiesService/DefaultPropertyEditorTypesService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPropertyEditorTypesService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/DefaultPropertyEditorTypesService.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AACnG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAEnF,MAAM,OAAO,iCAAiC;IAC5C,oBAAoB,CAAC,QAAmB;QACtC,IAAI,QAAQ,CAAC,YAAY;YACvB,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAEzC,IAAI,kBAAkB,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;YAClD,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAE1C,QAAqB,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC;YACH,KAAK,OAAO;gBACV,CAAC;oBACC,OAAO,IAAI,mBAAmB,CAAC,QAAQ,CAAC,CAAC;gBAC3C,CAAC;YACH,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC;YACH,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC;YACH,KAAK,QAAQ;gBACX,CAAC;oBACC,OAAO,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;gBAC5C,CAAC;YACH,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;gBAC5C,CAAC;YACH,KAAK,MAAM;gBACT,CAAC;oBACC,OAAO,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAC;gBAC5C,CAAC;YACH,KAAK,SAAS;gBACZ,CAAC;oBACC,OAAO,IAAI,qBAAqB,CAAC,QAAQ,CAAC,CAAC;gBAC7C,CAAC;YACH,KAAK,UAAU;gBACb,CAAC;oBACC,OAAO,IAAI,6BAA6B,CAAC,QAAQ,CAAC,CAAC;gBACrD,CAAC;YACH,KAAK,WAAW;gBACd,CAAC;oBACC,OAAO,IAAI,uBAAuB,CAAC,QAAQ,CAAC,CAAC;gBAC/C,CAAC;YACH,KAAK,QAAQ,CAAC;YACd;gBACE,CAAC;oBACC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC;QACL,CAAC;IACH,CAAC;CACF"}

package/dist/elements/services/propertiesService/IEditorATypesService.d.ts

@@ -0,0 +1,5 @@
+export interface IInputTypeElementService {
+    getEditor(type: string): HTMLElement & {
+        value: any;
+    };
+}

package/dist/elements/services/propertiesService/IEditorATypesService.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IEditorATypesService.js.map

package/dist/elements/services/propertiesService/IEditorATypesService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IEditorATypesService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IEditorATypesService.ts"],"names":[],"mappings":""}

package/dist/elements/services/propertiesService/IEditorTypeService.d.ts

@@ -0,0 +1,9 @@
+export interface IEditorTypeService {
+    getEditor(type: string, additional: {
+        changedCallback: (newValue: any) => void;
+    }): {
+        element: HTMLElement;
+        getValue: () => any;
+        setValue: (value: any) => void;
+    };
+}

package/dist/elements/services/propertiesService/IEditorTypeService.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IEditorTypeService.js.map

package/dist/elements/services/propertiesService/IEditorTypeService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IEditorTypeService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IEditorTypeService.ts"],"names":[],"mappings":""}

package/dist/elements/services/propertiesService/IEditorTypesService copy.d.ts

@@ -0,0 +1,5 @@
+import { IProperty } from './IProperty.js';
+import { IPropertyEditor } from './IPropertyEditor.js';
+export interface IEditorTypesService {
+    getEditorForProperty(type: IProperty): IPropertyEditor | null;
+}

package/dist/elements/services/propertiesService/IEditorTypesService copy.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IEditorTypesService%20copy.js.map

package/dist/elements/services/propertiesService/IEditorTypesService copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IEditorTypesService copy.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IEditorTypesService copy.ts"],"names":[],"mappings":""}

package/dist/elements/services/propertiesService/IEditorTypesService.d.ts

@@ -1,5 +1,5 @@
 import { IProperty } from './IProperty.js';
 import { IPropertyEditor } from './IPropertyEditor.js';
 export interface IEditorTypesService {
-    getEditorForProperty(type: IProperty): IPropertyEditor | null;
+    getEditorForProperty(property: IProperty): IPropertyEditor | null;
 }

package/dist/elements/services/propertiesService/IIEditorTypeService.d.ts

@@ -0,0 +1,6 @@
+export interface IEditorTypeService {
+    getEditor(type: string, changedCallback: () => void): {
+        element: HTMLElement;
+        getValue: () => any;
+    };
+}

package/dist/elements/services/propertiesService/IIEditorTypeService.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IIEditorTypeService.js.map

package/dist/elements/services/propertiesService/IIEditorTypeService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IIEditorTypeService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IIEditorTypeService.ts"],"names":[],"mappings":""}

package/dist/elements/services/propertiesService/IInputTypeElementService.d.ts

@@ -0,0 +1,6 @@
+export interface IInputTypeElementService {
+    getEditor(type: string, changedCallback: () => void): {
+        element: HTMLElement;
+        getValue: () => any;
+    };
+}

package/dist/elements/services/propertiesService/IInputTypeElementService.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IInputTypeElementService.js.map

package/dist/elements/services/propertiesService/IInputTypeElementService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IInputTypeElementService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IInputTypeElementService.ts"],"names":[],"mappings":""}

package/dist/elements/services/propertiesService/IPropertyEditorTypesService.d.ts

@@ -0,0 +1,5 @@
+import { IProperty } from './IProperty.js';
+import { IPropertyEditor } from './IPropertyEditor.js';
+export interface IPropertyEditorTypesService {
+    getEditorForProperty(property: IProperty): IPropertyEditor | null;
+}

package/dist/elements/services/propertiesService/IPropertyEditorTypesService.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IPropertyEditorTypesService.js.map

package/dist/elements/services/propertiesService/IPropertyEditorTypesService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPropertyEditorTypesService.js","sourceRoot":"","sources":["../../../../src/elements/services/propertiesService/IPropertyEditorTypesService.ts"],"names":[],"mappings":""}

package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.d.ts

@@ -0,0 +1,7 @@
+import { IProperty } from '../IProperty.js';
+import { BasePropertyEditor } from './BasePropertyEditor.js';
+import { ValueType } from '../ValueType.js';
+export declare class ColorPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
+    constructor(property: IProperty);
+    refreshValue(valueType: ValueType, value: any): void;
+}

package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.js

@@ -0,0 +1,30 @@
+import { BasePropertyEditor } from './BasePropertyEditor.js';
+import { w3color } from '../../../helper/w3color.js';
+export class ColorPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        let element = document.createElement('input');
+        element.type = 'color';
+        if (property.readonly)
+            element.readOnly = true;
+        element.onchange = async (e) => {
+            let w3Col = w3color.toColorObject(element.value);
+            await this.property.service.removePreviewValue?.(this.designItems, this.property);
+            this._valueChanged(w3Col.toNameOrHexString());
+        };
+        element.oninput = async (e) => {
+            let w3Col = w3color.toColorObject(element.value);
+            await this.property.service.previewValue?.(this.designItems, this.property, w3Col.toNameOrHexString());
+        };
+        this.element = element;
+    }
+    refreshValue(valueType, value) {
+        if (!value)
+            this.element.value = '#000000';
+        else {
+            let w3Col = w3color.toColorObject(value);
+            this.element.value = w3Col.toHexString();
+        }
+    }
+}
+//# sourceMappingURL=ColorPropertyEditor%20copy.js.map

package/dist/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPropertyEditor copy.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/propertyEditors/ColorPropertyEditor copy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,OAAO,mBAAoB,SAAQ,kBAAoC;IAC3E,YAAY,QAAmB;QAC7B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,OAAO,CAAC,IAAI,GAAG,OAAO,CAAA;QACtB,IAAI,QAAQ,CAAC,QAAQ;YACnB,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC1B,OAAO,CAAC,QAAQ,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC7B,IAAI,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAClF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC;QAChD,CAAC,CAAC;QACF,OAAO,CAAC,OAAO,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;YAC5B,IAAI,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC;QACzG,CAAC,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,YAAY,CAAC,SAAoB,EAAE,KAAU;QAC3C,IAAI,CAAC,KAAK;YACR,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;aAC5B,CAAC;YACJ,IAAI,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACzC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAC3C,CAAC;IACH,CAAC;CACF"}

package/dist/elements/services/propertiesService/propertyEditors/DefaultPropertyEditor.d.ts

@@ -0,0 +1,10 @@
+import { IProperty } from '../IProperty.js';
+import { BasePropertyEditor } from './BasePropertyEditor.js';
+import { ValueType } from '../ValueType.js';
+import { ServiceContainer } from '../../ServiceContainer.js';
+import { IEditorTypeService } from '../IEditorTypeService.js';
+export declare class TextPropertyEditor extends BasePropertyEditor<HTMLElement> {
+    editor: ReturnType<IEditorTypeService['getEditor']>;
+    constructor(property: IProperty, serviceContainer: ServiceContainer);
+    refreshValue(valueType: ValueType, value: any): void;
+}

package/dist/elements/services/propertiesService/propertyEditors/DefaultPropertyEditor.js

@@ -0,0 +1,16 @@
+import { BasePropertyEditor } from './BasePropertyEditor.js';
+export class TextPropertyEditor extends BasePropertyEditor {
+    editor;
+    constructor(property, serviceContainer) {
+        super(property);
+        const editor = serviceContainer.forSomeServicesTillResult('editorTypeService', x => x.getEditor(property.type, {
+            changedCallback: (newValue) => this._valueChanged(newValue)
+        }));
+        this.editor = editor;
+        this.element = editor.element;
+    }
+    refreshValue(valueType, value) {
+        this.editor.setValue(value);
+    }
+}
+//# sourceMappingURL=DefaultPropertyEditor.js.map

package/dist/elements/services/propertiesService/propertyEditors/DefaultPropertyEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPropertyEditor.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/propertyEditors/DefaultPropertyEditor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAK7D,MAAM,OAAO,kBAAmB,SAAQ,kBAA+B;IAErE,MAAM,CAA8C;IAEpD,YAAY,QAAmB,EAAE,gBAAkC;QACjE,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,MAAM,MAAM,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,mBAAmB,EAC3E,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE;YAC9B,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;SAC5D,CAAC,CAAC,CAAC;QACN,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,YAAY,CAAC,SAAoB,EAAE,KAAU;QAC3C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;CACF"}

package/dist/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.d.ts

@@ -0,0 +1,7 @@
+import { IProperty } from '../IProperty.js';
+import { BasePropertyEditor } from './BasePropertyEditor.js';
+import { ValueType } from '../ValueType.js';
+export declare class TextPropertyEditor extends BasePropertyEditor<HTMLInputElement> {
+    constructor(property: IProperty);
+    refreshValue(valueType: ValueType, value: any): void;
+}

package/dist/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.js

@@ -0,0 +1,23 @@
+import { BasePropertyEditor } from './BasePropertyEditor.js';
+export class TextPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        let element = document.createElement('input');
+        element.type = "text";
+        if (property.readonly)
+            element.readOnly = true;
+        element.onchange = (e) => this._valueChanged(element.value);
+        element.onfocus = (e) => {
+            element.selectionStart = 0;
+            element.selectionEnd = element.value?.length;
+        };
+        this.element = element;
+    }
+    refreshValue(valueType, value) {
+        if (value == null)
+            this.element.value = "";
+        else
+            this.element.value = value;
+    }
+}
+//# sourceMappingURL=TextPropertyEditor%20copy.js.map

package/dist/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextPropertyEditor copy.js","sourceRoot":"","sources":["../../../../../src/elements/services/propertiesService/propertyEditors/TextPropertyEditor copy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,MAAM,OAAO,kBAAmB,SAAQ,kBAAoC;IAE1E,YAAY,QAAmB;QAC7B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC;QACtB,IAAI,QAAQ,CAAC,QAAQ;YACnB,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC1B,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5D,OAAO,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;YACtB,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC;YAC3B,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC;QAC/C,CAAC,CAAA;QACD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,YAAY,CAAC,SAAoB,EAAE,KAAU;QAC3C,IAAI,KAAK,IAAI,IAAI;YACf,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;;YAExB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IAC/B,CAAC;CACF"}

package/dist/elements/widgets/codeView/ICodeView.d.ts

@@ -4,10 +4,10 @@ import { InstanceServiceContainer } from '../../services/InstanceServiceContaine
 import { IStringPosition } from '../../services/htmlWriterService/IStringPosition.js';
 import { TypedEvent } from '@node-projects/base-custom-webcomponent';
 export interface ICodeView extends IUiCommandHandler, IDisposable, HTMLElement {
-    update(code: string, instanceServiceContainer?: InstanceServiceContainer): any;
-    getText(): any;
-    setSelection(position: IStringPosition): any;
-    focusEditor(): any;
+    update(code: string, instanceServiceContainer?: InstanceServiceContainer): void;
+    getText(): string;
+    setSelection(position: IStringPosition): void;
+    focusEditor(): void;
     onTextChanged: TypedEvent<string>;
     readOnly?: boolean;
 }

package/dist/elements/widgets/debugView/debug-view.js

@@ -129,11 +129,11 @@ export class DebugView extends BaseCustomWebComponentConstructorAppend {
         <div>
             <table>
                     <tr><th colspan="2">Styling</th></tr>
-                    <tr><td>display</td><td>[[?this.computedStyle.display]]</td></tr>
-                    <tr><td>position</td><td>[[?this.computedStyle.position]]</td></tr>
-                    <tr><td>visibility</td><td>[[?this.computedStyle.visibility]]</td></tr>
-                    <tr><td>pointerEvents</td><td>[[?this.computedStyle.pointerEvents]]</td></tr>
-                    <tr><td>zIndex</td><td>[[?this.computedStyle.zIndex]]</td></tr>
+                    <tr><td>display</td><td>[[?this.computedStyle?.display]]</td></tr>
+                    <tr><td>position</td><td>[[?this.computedStyle?.position]]</td></tr>
+                    <tr><td>visibility</td><td>[[?this.computedStyle?.visibility]]</td></tr>
+                    <tr><td>pointerEvents</td><td>[[?this.computedStyle?.pointerEvents]]</td></tr>
+                    <tr><td>zIndex</td><td>[[?this.computedStyle?.zIndex]]</td></tr>
                     <tr><th colspan="2">Context</th></tr>
                     <tr><td>offsetParent</td><td class="lnk" @click="[[this._clickLink(event, 'offsetParent')]]">[[?this.selectedElementOffsetParentText]]</td></tr>
                     <tr><td>createsStackingContext</td><td>[[this.createsStackingContext]]</td></tr>

package/dist/elements/widgets/designerView/DomConverter.d.ts

@@ -2,6 +2,6 @@ import { IDesignItem } from "../../item/IDesignItem.js";
 export declare class DomConverter {
     static normalizeAttributeValue(value: string | number, useSingleQuotes?: boolean): string;
     static normalizeContentValue(value: string): string;
-    static IsSelfClosingElement(tag: string): tag is "input" | "area" | "base" | "br" | "col" | "embed" | "hr" | "img" | "keygen" | "link" | "meta" | "param" | "source" | "track" | "wbr";
+    static IsSelfClosingElement(tag: string): tag is "img" | "area" | "base" | "br" | "col" | "embed" | "hr" | "input" | "keygen" | "link" | "meta" | "param" | "source" | "track" | "wbr";
     static ConvertToString(designItems: IDesignItem[], beautifyOutput?: boolean, updatePositions?: boolean): string;
 }

package/dist/elements/widgets/designerView/extensions/svg/UnifiedGeometryExtension.d.ts

@@ -25,14 +25,16 @@ export declare class UnifiedGeometryExtension extends AbstractExtension {
     private _getOverlayStructureSignature;
     private _hasOverlayStructureMismatch;
     private _getRefreshValues;
-    /** Convert an SVG-element-local coordinate to overlay (canvas) coordinate
-     *  using the getBoxQuads polyfill convertPointFromNode */
+    /** Convert an SVG user-space coordinate to overlay (canvas) coordinates. */
     private _toOverlay;
-    /** Convert overlay (canvas) coordinate back to SVG-element-local coordinate */
+    /** Convert overlay (canvas) coordinates back to SVG user-space. */
     private _fromOverlay;
     private _getSvgOverlayTransform;
     private _mapSvgPointToOverlay;
     private _mapOverlayPointToSvg;
+    private _createProjectiveMatrixForQuad;
+    private _applyProjectiveMatrix;
+    private _invertProjectiveMatrix;
     private _toElementReferenceBoxPoint;
     private _fromElementReferenceBoxPoint;
     private _getSvgGeometryBBoxOffset;