@node-projects/web-component-designer 0.0.251 → 0.0.252

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

@@ -17,6 +17,7 @@ export class PropertyTabsService {
         { name: 'attributes', propertiesService: new AttributesPropertiesService() },
         { name: 'styles', propertiesService: new CssCurrentPropertiesService() },
         { name: 'layout', propertiesService: new CssPropertiesService("layout") },
+        { name: 'svg', propertiesService: new CssPropertiesService("svg") },
     ];
     getPropertygroups(designItems) {
         if (designItems == null || designItems.length == 0)

package/dist/elements/services/propertiesService/services/CssProperties.json

@@ -242,7 +242,9 @@
     "dominantBaseline": {},
     "emptyCells": {},
     "fallback": {},
-    "fill": {},
+    "fill": {
+        "type": "color"
+    },
     "fillOpacity": {},
     "fillRule": {},
     "filter": {},
@@ -413,12 +415,39 @@
     "outlineOffset": {},
     "outlineStyle": {},
     "outlineWidth": {},
-    "overflow": {},
+    "overflow": {
+        "type": "list",
+        "values": [
+            "visible",
+            "hidden",
+            "clip",
+            "scoll",
+            "auto"
+        ]
+    },
     "overflowAnchor": {},
     "overflowClipMargin": {},
     "overflowWrap": {},
-    "overflowX": {},
-    "overflowY": {},
+    "overflowX": {
+        "type": "list",
+        "values": [
+            "visible",
+            "hidden",
+            "clip",
+            "scoll",
+            "auto"
+        ]
+    },
+    "overflowY": {
+        "type": "list",
+        "values": [
+            "visible",
+            "hidden",
+            "clip",
+            "scoll",
+            "auto"
+        ]
+    },
     "overrideColors": {},
     "overscrollBehavior": {},
     "overscrollBehaviorBlock": {},
@@ -509,14 +538,18 @@
         "type": "color"
     },
     "stopOpacity": {},
-    "stroke": {},
+    "stroke": {
+        "type": "color"
+    },
     "strokeDasharray": {},
     "strokeDashoffset": {},
     "strokeLinecap": {},
     "strokeLinejoin": {},
     "strokeMiterlimit": {},
     "strokeOpacity": {},
-    "strokeWidth": {},
+    "strokeWidth": {
+        "type": "number"
+    },
     "suffix": {},
     "symbols": {},
     "syntax": {},

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

@@ -9,7 +9,8 @@ export declare class CssPropertiesService extends CommonPropertiesService {
     layout: string[];
     grid: string[];
     flex: string[];
-    constructor(name: 'layout' | 'grid' | 'flex');
+    svg: string[];
+    constructor(name: 'layout' | 'grid' | 'flex' | 'svg');
     isHandledElement(designItem: IDesignItem): boolean;
     getProperty(designItem: IDesignItem, name: string): IProperty;
     getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];

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

@@ -59,6 +59,15 @@ export class CssPropertiesService extends CommonPropertiesService {
         "justify-content",
         "align-items"
     ];
+    svg = [
+        "fill",
+        "fill-rule",
+        "fill-opacity",
+        "stroke",
+        "stroke-width",
+        "stroke-dash-array",
+        "stroke-opacity"
+    ];
     constructor(name) {
         super();
         this.name = name;

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

@@ -77,12 +77,16 @@ export class DrawEllipsisTool {
                 svg.appendChild(this._path);
                 this._path.setAttribute("cx", (this._cx - mvX).toString());
                 this._path.setAttribute("cy", (this._cy - mvY).toString());
+                this._path.removeAttribute("stroke");
+                this._path.removeAttribute("stroke-width");
                 svg.style.left = (mvX) + 'px';
                 svg.style.top = (mvY) + 'px';
                 svg.style.position = 'absolute';
                 svg.style.width = Math.round(coords.width + 2 * offset) + 'px';
                 svg.style.height = Math.round(coords.height + 2 * offset) + 'px';
                 svg.style.overflow = 'visible';
+                svg.style.stroke = designerCanvas.serviceContainer.globalContext.strokeColor;
+                svg.style.strokeWidth = designerCanvas.serviceContainer.globalContext.strokeThickness;
                 this._path = null;
                 const di = DesignItem.createDesignItemFromInstance(svg, designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer);
                 designerCanvas.instanceServiceContainer.undoService.execute(new InsertAction(designerCanvas.rootDesignItem, designerCanvas.rootDesignItem.childCount, di));

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

@@ -61,6 +61,8 @@ export class DrawLineTool {
                 this._path.setAttribute("y1", (this._startPoint.y - mvY).toString());
                 this._path.setAttribute("x2", (this._endPoint.x - mvX).toString());
                 this._path.setAttribute("y2", (this._endPoint.y - mvY).toString());
+                this._path.removeAttribute("stroke");
+                this._path.removeAttribute("stroke-width");
                 svg.appendChild(this._path);
                 svg.style.left = (mvX) + 'px';
                 svg.style.top = (mvY) + 'px';
@@ -68,6 +70,8 @@ export class DrawLineTool {
                 svg.style.width = Math.round(coords.width + 2 * offset) + 'px';
                 svg.style.height = Math.round(coords.height + 2 * offset) + 'px';
                 svg.style.overflow = 'visible';
+                svg.style.stroke = designerCanvas.serviceContainer.globalContext.strokeColor;
+                svg.style.strokeWidth = designerCanvas.serviceContainer.globalContext.strokeThickness;
                 this._path = null;
                 const di = DesignItem.createDesignItemFromInstance(svg, designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer);
                 designerCanvas.instanceServiceContainer.undoService.execute(new InsertAction(designerCanvas.rootDesignItem, designerCanvas.rootDesignItem.childCount, di));

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

@@ -103,6 +103,8 @@ export class DrawPathTool {
                     const mvY = coords.y - offset;
                     const d = moveSVGPath(this._path, mvX, mvY);
                     this._path.setAttribute("d", d);
+                    this._path.removeAttribute("stroke");
+                    this._path.removeAttribute("stroke-width");
                     svg.appendChild(this._path);
                     svg.style.left = (mvX) + 'px';
                     svg.style.top = (mvY) + 'px';
@@ -110,6 +112,8 @@ export class DrawPathTool {
                     svg.style.width = Math.round(coords.width + 2 * offset) + 'px';
                     svg.style.height = Math.round(coords.height + 2 * offset) + 'px';
                     svg.style.overflow = 'visible';
+                    svg.style.stroke = designerCanvas.serviceContainer.globalContext.strokeColor;
+                    svg.style.strokeWidth = designerCanvas.serviceContainer.globalContext.strokeThickness;
                     //designerView.rootDesignItem.element.appendChild(svg);
                     this._path = null;
                     this._pathD = null;

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

@@ -91,6 +91,8 @@ export class DrawRectTool {
                 const mvY = coords.y - offset;
                 this._path.setAttribute("x", (this._px - mvX).toString());
                 this._path.setAttribute("y", (this._py - mvY).toString());
+                this._path.removeAttribute("stroke");
+                this._path.removeAttribute("stroke-width");
                 svg.appendChild(this._path);
                 svg.style.left = (mvX) + 'px';
                 svg.style.top = (mvY) + 'px';
@@ -98,6 +100,8 @@ export class DrawRectTool {
                 svg.style.width = Math.round(coords.width + 2 * offset) + 'px';
                 svg.style.height = Math.round(coords.height + 2 * offset) + 'px';
                 svg.style.overflow = 'visible';
+                svg.style.stroke = designerCanvas.serviceContainer.globalContext.strokeColor;
+                svg.style.strokeWidth = designerCanvas.serviceContainer.globalContext.strokeThickness;
                 this._path = null;
                 const di = DesignItem.createDesignItemFromInstance(svg, designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer);
                 designerCanvas.instanceServiceContainer.undoService.execute(new InsertAction(designerCanvas.rootDesignItem, designerCanvas.rootDesignItem.childCount, di));

package/dist/index.d.ts

@@ -260,7 +260,6 @@ export type { IDisposable } from "./interfaces/IDisposable.js";
 export type { IPoint } from "./interfaces/IPoint.js";
 export type { IRect } from "./interfaces/IRect.js";
 export type { ISize } from "./interfaces/ISize.js";
-export type { ICommandHandler } from "./interfaces/ICommandHandler.js";
 export * from "./commandHandling/CommandType.js";
 export type { IUiCommand } from "./commandHandling/IUiCommand.js";
 export type { IUiCommandHandler } from "./commandHandling/IUiCommandHandler.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.251",
+  "version": "0.0.252",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",
@@ -16,7 +16,7 @@
     "@node-projects/base-custom-webcomponent": "^0.13.0"
   },
   "devDependencies": {
-    "@adobe/css-tools": "4.3.0-rc.1",
+    "@adobe/css-tools": "4.3.0",
     "@node-projects/lean-he-esm": "^3.3.0",
     "@node-projects/node-html-parser-esm": "^6.1.5",
     "@papyrs/stylo": "^0.0.45",
@@ -24,7 +24,7 @@
     "@types/css-tree": "^2.3.1",
     "@types/jquery": "^3.5.16",
     "@types/jquery.fancytree": "0.0.7",
-    "@types/node": "^20.4.5",
+    "@types/node": "^20.4.8",
     "ace-builds": "^1.23.4",
     "codemirror": "^5.0.0",
     "css-tree": "^2.3.1",
@@ -34,7 +34,7 @@
     "jquery": "^3.7.0",
     "jquery.fancytree": "^2.38.3",
     "mdn-data": "^2.0.32",
-    "monaco-editor": "^0.40.0",
+    "monaco-editor": "^0.41.0",
     "ts-jest": "^29.1.1",
     "typescript": "^5.1.6",
     "typescript-lit-html-plugin": "^0.9.0"

package/dist/elements/services/dragDropService/ExternalDragDropService copy.d.ts

@@ -1,6 +0,0 @@
-import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
-import { IExternalDragDropService } from "./IExternalDragDropService.js";
-export declare class ExternalDragDropService implements IExternalDragDropService {
-    dragOver(event: DragEvent): 'none' | 'copy' | 'link' | 'move';
-    drop(designerView: IDesignerCanvas, event: DragEvent): void;
-}

package/dist/elements/services/dragDropService/ExternalDragDropService copy.js

@@ -1,28 +0,0 @@
-import { DesignItem } from '../../item/DesignItem.js';
-import { InsertAction } from "../undoService/transactionItems/InsertAction.js";
-export class ExternalDragDropService {
-    dragOver(event) {
-        if (event.dataTransfer.items[0].type.startsWith('image/'))
-            return 'copy';
-        return 'none';
-    }
-    drop(designerView, event) {
-        if (event.dataTransfer.files[0].type.startsWith('image/')) {
-            let reader = new FileReader();
-            reader.onloadend = () => {
-                const img = document.createElement('img');
-                img.src = reader.result;
-                const di = DesignItem.createDesignItemFromInstance(img, designerView.serviceContainer, designerView.instanceServiceContainer);
-                let grp = di.openGroup("Insert of <img>");
-                di.setStyle('position', 'absolute');
-                const targetRect = event.target.getBoundingClientRect();
-                di.setStyle('top', event.offsetY + targetRect.top - designerView.containerBoundingRect.y + 'px');
-                di.setStyle('left', event.offsetX + targetRect.left - designerView.containerBoundingRect.x + 'px');
-                designerView.instanceServiceContainer.undoService.execute(new InsertAction(designerView.rootDesignItem, designerView.rootDesignItem.childCount, di));
-                grp.commit();
-                requestAnimationFrame(() => designerView.instanceServiceContainer.selectionService.setSelectedElements([di]));
-            };
-            reader.readAsDataURL(event.dataTransfer.files[0]);
-        }
-    }
-}

package/dist/elements/services/dragDropService/IExternalDragDropService copy.d.ts

@@ -1,5 +0,0 @@
-import { IDesignerCanvas } from "../../widgets/designerView/IDesignerCanvas.js";
-export interface IExternalDragDropService {
-    dragOver(event: DragEvent): 'none' | 'copy' | 'link' | 'move';
-    drop(designerCanvas: IDesignerCanvas, event: DragEvent): any;
-}

package/dist/elements/services/dragDropService/IExternalDragDropService copy.js

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

package/dist/elements/services/htmlParserService/AbstractClassElementParserService.d.ts

@@ -1,9 +0,0 @@
-import { InstanceServiceContainer } from '../InstanceServiceContainer.js';
-import { ServiceContainer } from '../ServiceContainer.js';
-import { IHtmlParserService } from './IHtmlParserService.js';
-import { IDesignItem } from '../../item/IDesignItem.js';
-export declare class AbstractClassElementParserService implements IHtmlParserService {
-    private htmlParser;
-    constructor(htmlParser: IHtmlParserService);
-    parse(code: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, parseSnippet: boolean): Promise<IDesignItem[]>;
-}

package/dist/elements/services/htmlParserService/AbstractClassElementParserService.js

@@ -1,46 +0,0 @@
-function* findAllNodesOfKind(node, kind) {
-    if (node.kind == kind)
-        yield node;
-    for (const c of node.getChildren())
-        yield* findAllNodesOfKind(c, kind);
-}
-export class AbstractClassElementParserService {
-    htmlParser;
-    constructor(htmlParser) {
-        this.htmlParser = htmlParser;
-    }
-    async parse(code, serviceContainer, instanceServiceContainer, parseSnippet) {
-        const compilerHost /*: ts.CompilerHost*/ = {
-            fileExists: () => true,
-            getCanonicalFileName: filename => filename,
-            getCurrentDirectory: () => '',
-            getDefaultLibFileName: () => 'lib.d.ts',
-            getNewLine: () => '\n',
-            getSourceFile: filename => {
-                //@ts-ignore
-                return ts.createSourceFile(filename, code, ts.ScriptTarget.Latest, true);
-            },
-            readFile: () => null,
-            useCaseSensitiveFileNames: () => true,
-            writeFile: () => null,
-        };
-        const filename = 'aa.ts';
-        //@ts-ignore
-        const program = ts.createProgram([filename], {
-            noResolve: true,
-            //@ts-ignore
-            target: ts.ScriptTarget.Latest,
-        }, compilerHost);
-        const sourceFile = program.getSourceFile(filename);
-        let htmlCode = "";
-        let cssStyle = "";
-        const nodes = findAllNodesOfKind(sourceFile, 212);
-        for (let nd of nodes) {
-            if (nd.tag.escapedText == 'html' && nd.parent.name.escapedText == "template")
-                htmlCode = nd.template.rawText;
-            if (nd.tag.escapedText == 'css' && nd.parent.name.escapedText == "style")
-                cssStyle = nd.template.rawText;
-        }
-        return this.htmlParser.parse(htmlCode, serviceContainer, instanceServiceContainer, parseSnippet);
-    }
-}

package/dist/elements/services/htmlParserService/BaseCustomWebcomponentParserService copy.d.ts

@@ -1,11 +0,0 @@
-import { InstanceServiceContainer } from '../InstanceServiceContainer.js';
-import { ServiceContainer } from '../ServiceContainer.js';
-import { IHtmlParserService } from './IHtmlParserService.js';
-import { IDesignItem } from '../../item/IDesignItem.js';
-export declare class BaseCustomWebcomponentParserService implements IHtmlParserService {
-    private htmlParser;
-    constructor(htmlParser: IHtmlParserService);
-    parse(code: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, parseSnippet: boolean): Promise<IDesignItem[]>;
-    writeBack(code: string, html: string, css: string, newLineCrLf: boolean): string;
-    private parseTypescriptFile;
-}

package/dist/elements/services/htmlParserService/BaseCustomWebcomponentParserService copy.js

@@ -1,90 +0,0 @@
-function* findAllNodesOfKind(node, kind) {
-    if (node.kind == kind)
-        yield node;
-    for (const c of node.getChildren())
-        yield* findAllNodesOfKind(c, kind);
-}
-export class BaseCustomWebcomponentParserService {
-    htmlParser;
-    constructor(htmlParser) {
-        this.htmlParser = htmlParser;
-    }
-    async parse(code, serviceContainer, instanceServiceContainer, parseSnippet) {
-        const sourceFile = this.parseTypescriptFile(code);
-        let htmlCode = "";
-        let cssStyle = "";
-        //@ts-ignore
-        const nodes = findAllNodesOfKind(sourceFile, ts.SyntaxKind.TaggedTemplateExpression);
-        for (let nd of nodes) {
-            if (nd.tag.escapedText == 'html' && nd.parent.name.escapedText == "template")
-                htmlCode = nd.template.rawText;
-            if (nd.tag.escapedText == 'css' && nd.parent.name.escapedText == "style")
-                cssStyle = nd.template.rawText;
-        }
-        if (cssStyle)
-            instanceServiceContainer.stylesheetService.setStylesheets([{ name: 'css', content: cssStyle }]);
-        return this.htmlParser.parse(htmlCode, serviceContainer, instanceServiceContainer, parseSnippet);
-    }
-    writeBack(code, html, css, newLineCrLf) {
-        const sourceFile = this.parseTypescriptFile(code);
-        const transformTemplateLiterals = (context) => (rootNode) => {
-            function visit(node) {
-                //@ts-ignore
-                if (ts.isTemplateLiteral(node) &&
-                    //@ts-ignore
-                    ts.isTaggedTemplateExpression(node.parent) &&
-                    node.parent.tag.escapedText == 'html' &&
-                    node.parent.parent.name.escapedText == "template") {
-                    //@ts-ignore
-                    return ts.factory.createNoSubstitutionTemplateLiteral(html.replaceAll('\n', '\r\n'), html.replaceAll('\n', '\r\n'));
-                }
-                else if (css &&
-                    //@ts-ignore
-                    ts.isTemplateLiteral(node) &&
-                    //@ts-ignore
-                    ts.isTaggedTemplateExpression(node.parent) &&
-                    node.parent.tag.escapedText == 'css' &&
-                    node.parent.parent.name.escapedText == "style") {
-                    //@ts-ignore
-                    return ts.factory.createNoSubstitutionTemplateLiteral(css.replaceAll('\n', '\r\n'), css.replaceAll('\n', '\r\n'));
-                }
-                //@ts-ignore
-                return ts.visitEachChild(node, visit, context);
-            }
-            //@ts-ignore
-            return ts.visitNode(rootNode, visit);
-        };
-        //@ts-ignore
-        let transformed = ts.transform(sourceFile, [transformTemplateLiterals]).transformed[0];
-        //@ts-ignore
-        const printer = ts.createPrinter({ newLine: newLineCrLf ? ts.NewLineKind.CarriageReturnLineFeed : ts.NewLineKind.LineFeed });
-        //@ts-ignore
-        const result = printer.printNode(ts.EmitHint.Unspecified, transformed, transformed);
-        return result;
-    }
-    parseTypescriptFile(code) {
-        const compilerHost = {
-            fileExists: () => true,
-            getCanonicalFileName: filename => filename,
-            getCurrentDirectory: () => '',
-            getDefaultLibFileName: () => 'lib.d.ts',
-            getNewLine: () => '\n',
-            getSourceFile: filename => {
-                //@ts-ignore
-                return ts.createSourceFile(filename, code, ts.ScriptTarget.Latest, true);
-            },
-            readFile: () => null,
-            useCaseSensitiveFileNames: () => true,
-            writeFile: () => null,
-        };
-        const filename = 'aa.ts';
-        //@ts-ignore
-        const program = ts.createProgram([filename], {
-            noResolve: true,
-            //@ts-ignore
-            target: ts.ScriptTarget.Latest,
-        }, compilerHost);
-        const sourceFile = program.getSourceFile(filename);
-        return sourceFile;
-    }
-}

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

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

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

@@ -1,64 +0,0 @@
-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 { MetricsPropertyEditor } from './propertyEditors/MetricsPropertyEditor.js';
-export class DefaultEditorTypesService {
-    getEditorForProperty(property) {
-        if (property.createEditor)
-            return property.createEditor(property);
-        switch (property.type) {
-            case "json":
-                {
-                    return new JsonPropertyEditor(property);
-                }
-            case "color":
-                {
-                    return new ColorPropertyEditor(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 "metrics":
-                {
-                    return new MetricsPropertyEditor(property);
-                }
-            case "css-length":
-            case "string":
-            default:
-                {
-                    return new TextPropertyEditor(property);
-                }
-        }
-    }
-}

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

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

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

@@ -1,64 +0,0 @@
-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 { MetricsPropertyEditor } from './propertyEditors/MetricsPropertyEditor.js';
-export class DefaultEditorTypesService {
-    getEditorForProperty(property) {
-        if (property.createEditor)
-            return property.createEditor(property);
-        switch (property.type) {
-            case "json":
-                {
-                    return new JsonPropertyEditor(property);
-                }
-            case "color":
-                {
-                    return new ColorPropertyEditor(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 "metrics":
-                {
-                    return new MetricsPropertyEditor(property);
-                }
-            case "css-length":
-            case "string":
-            default:
-                {
-                    return new TextPropertyEditor(property);
-                }
-        }
-    }
-}

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

@@ -1,9 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { ValueType } from '../ValueType.js';
-export declare class GridCellPropertyEditor extends BasePropertyEditor<HTMLDivElement> {
-    static template: HTMLTemplateElement;
-    _input: HTMLInputElement;
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}

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

@@ -1,16 +0,0 @@
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { html } from '@node-projects/base-custom-webcomponent';
-export class GridCellPropertyEditor extends BasePropertyEditor {
-    static template = html `
-    <div style="display: flex;">
-      
-    </div>
-  `;
-    _input;
-    constructor(property) {
-        super(property);
-    }
-    refreshValue(valueType, value) {
-        debugger;
-    }
-}

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

@@ -1,9 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { ValueType } from '../ValueType.js';
-export declare class JsonPropertyEditor extends BasePropertyEditor<HTMLDivElement> {
-    static template: HTMLTemplateElement;
-    _input: HTMLInputElement;
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}

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

@@ -1,21 +0,0 @@
-import { BasePropertyEditor } from './BasePropertyEditor.js';
-import { html } from '@node-projects/base-custom-webcomponent';
-export class JsonPropertyEditor extends BasePropertyEditor {
-    static template = html `
-    <div style="display: flex;">
-      <input id="input" type="text">
-      <button style="width: 30px;">...</button>
-    </div>
-  `;
-    _input;
-    constructor(property) {
-        super(property);
-        let el = JsonPropertyEditor.template.content.cloneNode(true);
-        this._input = el.getElementById('input');
-        this._input.onchange = (e) => this._valueChanged(this._input.value);
-        this.element = el;
-    }
-    refreshValue(valueType, value) {
-        this._input.value = value;
-    }
-}