@node-projects/web-component-designer 0.0.66 → 0.0.70

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

@@ -1,40 +1,40 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ImageButtonListSelector } from "../../../controls/ImageButtonListSelector.js";
-import { PropertiesHelper } from "../services/PropertiesHelper.js";
-import { assetsPath } from "../../../../Constants.js";
-export class ImageButtonListPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        const selector = new ImageButtonListSelector();
-        selector.property = property.name;
-        selector.unsetValue = property.defaultValue;
-        const propName = PropertiesHelper.camelToDashCase(property.name);
-        if (property.type == 'enum') {
-            for (let v of property.enumValues) {
-                let button = document.createElement("button");
-                button.dataset.value = v[1];
-                let img = document.createElement("img");
-                img.title = v[1];
-                img.src = assetsPath + 'images/chromeDevtools/' + propName + '-' + v[1] + '-icon.svg';
-                button.appendChild(img);
-                selector.appendChild(button);
-            }
-        }
-        else {
-            for (let v of property.values) {
-                let button = document.createElement("button");
-                button.dataset.value = v;
-                let img = document.createElement("img");
-                img.title = v;
-                img.src = assetsPath + 'images/chromeDevtools/' + propName + '-' + v + '-icon.svg';
-                button.appendChild(img);
-                selector.appendChild(button);
-            }
-        }
-        selector.valueChanged.on((e) => this._valueChanged(e.newValue));
-        this.element = selector;
-    }
-    refreshValue(valueType, value) {
-        this.element.value = value;
-    }
-}
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ImageButtonListSelector } from "../../../controls/ImageButtonListSelector.js";
+import { PropertiesHelper } from "../services/PropertiesHelper.js";
+import { assetsPath } from "../../../../Constants.js";
+export class ImageButtonListPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        const selector = new ImageButtonListSelector();
+        selector.property = property.name;
+        selector.unsetValue = property.defaultValue;
+        const propName = PropertiesHelper.camelToDashCase(property.name);
+        if (property.type == 'enum') {
+            for (let v of property.enumValues) {
+                let button = document.createElement("button");
+                button.dataset.value = v[1];
+                let img = document.createElement("img");
+                img.title = v[1];
+                img.src = assetsPath + 'images/chromeDevtools/' + propName + '-' + v[1] + '-icon.svg';
+                button.appendChild(img);
+                selector.appendChild(button);
+            }
+        }
+        else {
+            for (let v of property.values) {
+                let button = document.createElement("button");
+                button.dataset.value = v;
+                let img = document.createElement("img");
+                img.title = v;
+                img.src = assetsPath + 'images/chromeDevtools/' + propName + '-' + v + '-icon.svg';
+                button.appendChild(img);
+                selector.appendChild(button);
+            }
+        }
+        selector.valueChanged.on((e) => this._valueChanged(e.newValue));
+        this.element = selector;
+    }
+    refreshValue(valueType, value) {
+        this.element.value = value;
+    }
+}

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

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

@@ -1,21 +1,21 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { html } from '@node-projects/base-custom-webcomponent';
-export class JsonPropertyEditor extends BasePropertyEditor {
+import { BasePropertyEditor } from './BasePropertyEditor';
+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;
-    }
-}
+  `;
+    _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;
+    }
+}

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

@@ -1,5 +1,5 @@
-import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-export declare class JsonPropertyPopupEditor extends BaseCustomWebComponentConstructorAppend {
-    static template: HTMLTemplateElement;
-    constructor();
-}
+import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
+export declare class JsonPropertyPopupEditor extends BaseCustomWebComponentConstructorAppend {
+    static template: HTMLTemplateElement;
+    constructor();
+}

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

@@ -1,13 +1,13 @@
-import { html, BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-export class JsonPropertyPopupEditor extends BaseCustomWebComponentConstructorAppend {
+import { html, BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
+export class JsonPropertyPopupEditor extends BaseCustomWebComponentConstructorAppend {
     static template = html `
     <div style="display: flex;">
       <input id="input" type="text">
       <button style="width: 30px;">...</button>
     </div>
-  `;
-    constructor() {
-        super();
-        //codeview
-    }
-}
+  `;
+    constructor() {
+        super();
+        //codeview
+    }
+}

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

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

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

@@ -1,16 +1,16 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-export class NumberPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        let element = document.createElement('input');
-        element.type = "number";
-        element.min = property.min;
-        element.max = property.max;
-        element.step = property.step;
-        element.onchange = (e) => this._valueChanged(element.value);
-        this.element = element;
-    }
-    refreshValue(valueType, value) {
-        this.element.value = value === undefined ? null : value;
-    }
-}
+import { BasePropertyEditor } from './BasePropertyEditor';
+export class NumberPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        let element = document.createElement('input');
+        element.type = "number";
+        element.min = property.min;
+        element.max = property.max;
+        element.step = property.step;
+        element.onchange = (e) => this._valueChanged(element.value);
+        this.element = element;
+    }
+    refreshValue(valueType, value) {
+        this.element.value = value === undefined ? null : value;
+    }
+}

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

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

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

@@ -1,28 +1,28 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-export class SelectPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        let element = document.createElement("select");
-        if (property.type == 'enum') {
-            for (let v of property.enumValues) {
-                let option = document.createElement("option");
-                option.value = v[1];
-                option.text = v[0];
-                element.appendChild(option);
-            }
-        }
-        else {
-            for (let v of property.values) {
-                let option = document.createElement("option");
-                option.value = v;
-                option.text = v;
-                element.appendChild(option);
-            }
-        }
-        element.onchange = (e) => this._valueChanged(element.value);
-        this.element = element;
-    }
-    refreshValue(valueType, value) {
-        this.element.value = value;
-    }
-}
+import { BasePropertyEditor } from './BasePropertyEditor';
+export class SelectPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        let element = document.createElement("select");
+        if (property.type == 'enum') {
+            for (let v of property.enumValues) {
+                let option = document.createElement("option");
+                option.value = v[1];
+                option.text = v[0];
+                element.appendChild(option);
+            }
+        }
+        else {
+            for (let v of property.values) {
+                let option = document.createElement("option");
+                option.value = v;
+                option.text = v;
+                element.appendChild(option);
+            }
+        }
+        element.onchange = (e) => this._valueChanged(element.value);
+        this.element = element;
+    }
+    refreshValue(valueType, value) {
+        this.element.value = value;
+    }
+}

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

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

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

@@ -1,20 +1,20 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-export class TextPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        let element = document.createElement('input');
-        element.type = "text";
-        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;
-    }
-}
+import { BasePropertyEditor } from './BasePropertyEditor';
+export class TextPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        let element = document.createElement('input');
+        element.type = "text";
+        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;
+    }
+}

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

@@ -1,8 +1,8 @@
-import { IProperty } from "../IProperty";
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ValueType } from "../ValueType";
-import { ThicknessEditor } from '../../../controls/ThicknessEditor';
-export declare class ThicknessPropertyEditor extends BasePropertyEditor<ThicknessEditor> {
-    constructor(property: IProperty);
-    refreshValue(valueType: ValueType, value: any): void;
-}
+import { IProperty } from "../IProperty";
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ValueType } from "../ValueType";
+import { ThicknessEditor } from '../../../controls/ThicknessEditor';
+export declare class ThicknessPropertyEditor extends BasePropertyEditor<ThicknessEditor> {
+    constructor(property: IProperty);
+    refreshValue(valueType: ValueType, value: any): void;
+}

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

@@ -1,14 +1,14 @@
-import { BasePropertyEditor } from './BasePropertyEditor';
-import { ThicknessEditor } from '../../../controls/ThicknessEditor';
-export class ThicknessPropertyEditor extends BasePropertyEditor {
-    constructor(property) {
-        super(property);
-        const selector = new ThicknessEditor();
-        selector.property = property.name;
-        selector.valueLeftChanged.on((e) => this._valueChanged(e.newValue));
-        this.element = selector;
-    }
-    refreshValue(valueType, value) {
-        this.element.valueLeft = value;
-    }
-}
+import { BasePropertyEditor } from './BasePropertyEditor';
+import { ThicknessEditor } from '../../../controls/ThicknessEditor';
+export class ThicknessPropertyEditor extends BasePropertyEditor {
+    constructor(property) {
+        super(property);
+        const selector = new ThicknessEditor();
+        selector.property = property.name;
+        selector.valueLeftChanged.on((e) => this._valueChanged(e.newValue));
+        this.element = selector;
+    }
+    refreshValue(valueType, value) {
+        this.element.valueLeft = value;
+    }
+}

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

@@ -1,7 +1,7 @@
-import { IProperty } from '../IProperty';
-import { IDesignItem } from '../../../item/IDesignItem';
-import { UnkownElementPropertiesService } from "./UnkownElementPropertiesService";
-export declare abstract class AbstractBasePropertiesService extends UnkownElementPropertiesService {
-    getProperties(designItem: IDesignItem): IProperty[];
-    protected parseProperties(list: any): IProperty[];
-}
+import { IProperty } from '../IProperty';
+import { IDesignItem } from '../../../item/IDesignItem';
+import { UnkownElementPropertiesService } from "./UnkownElementPropertiesService";
+export declare abstract class AbstractBasePropertiesService extends UnkownElementPropertiesService {
+    getProperties(designItem: IDesignItem): IProperty[];
+    protected parseProperties(list: any): IProperty[];
+}

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

@@ -1,43 +1,43 @@
-import { PropertiesHelper } from './PropertiesHelper';
-import { UnkownElementPropertiesService } from "./UnkownElementPropertiesService";
-export class AbstractBasePropertiesService extends UnkownElementPropertiesService {
-    getProperties(designItem) {
-        if (!this.isHandledElement(designItem))
-            return null;
-        return this.parseProperties(designItem.element.constructor.properties);
-    }
-    parseProperties(list) {
-        let properties = [];
-        for (const name in list) {
-            const polymerProperty = list[name];
-            let type = polymerProperty;
-            if (polymerProperty.type)
-                type = polymerProperty.type;
-            if (type === String) {
-                let property = { name: name, type: "string", service: this };
-                properties.push(property);
-            }
-            else if (type === Object) {
-                let property = { name: name, type: "object", service: this };
-                properties.push(property);
-            }
-            else if (type === Number) {
-                let property = { name: name, type: "number", service: this };
-                properties.push(property);
-            }
-            else if (type === Date) {
-                let property = { name: name, type: "date", service: this };
-                properties.push(property);
-            }
-            else if (type === Boolean) {
-                let property = { name: name, type: "boolean", service: this };
-                properties.push(property);
-            }
-            else if (PropertiesHelper.isTypescriptEnum(type)) {
-                let property = { name: name, type: "enum", enumValues: PropertiesHelper.getTypescriptEnumEntries(type), service: this };
-                properties.push(property);
-            }
-        }
-        return properties;
-    }
-}
+import { PropertiesHelper } from './PropertiesHelper';
+import { UnkownElementPropertiesService } from "./UnkownElementPropertiesService";
+export class AbstractBasePropertiesService extends UnkownElementPropertiesService {
+    getProperties(designItem) {
+        if (!this.isHandledElement(designItem))
+            return null;
+        return this.parseProperties(designItem.element.constructor.properties);
+    }
+    parseProperties(list) {
+        let properties = [];
+        for (const name in list) {
+            const polymerProperty = list[name];
+            let type = polymerProperty;
+            if (polymerProperty.type)
+                type = polymerProperty.type;
+            if (type === String) {
+                let property = { name: name, type: "string", service: this };
+                properties.push(property);
+            }
+            else if (type === Object) {
+                let property = { name: name, type: "object", service: this };
+                properties.push(property);
+            }
+            else if (type === Number) {
+                let property = { name: name, type: "number", service: this };
+                properties.push(property);
+            }
+            else if (type === Date) {
+                let property = { name: name, type: "date", service: this };
+                properties.push(property);
+            }
+            else if (type === Boolean) {
+                let property = { name: name, type: "boolean", service: this };
+                properties.push(property);
+            }
+            else if (PropertiesHelper.isTypescriptEnum(type)) {
+                let property = { name: name, type: "enum", enumValues: PropertiesHelper.getTypescriptEnumEntries(type), service: this };
+                properties.push(property);
+            }
+        }
+        return properties;
+    }
+}

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

@@ -1,15 +1,15 @@
-import { IPropertiesService } from "../IPropertiesService";
-import { IProperty } from '../IProperty';
-import { IDesignItem } from '../../../item/IDesignItem';
-import { ValueType } from "../ValueType";
-export declare class AttributesPropertiesService implements IPropertiesService {
-    name: string;
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[];
-    setValue(designItems: IDesignItem[], property: IProperty, value: any): void;
-    clearValue(designItems: IDesignItem[], property: IProperty): void;
-    isSet(designItems: IDesignItem[], property: IProperty): ValueType;
-    getValue(designItems: IDesignItem[], property: IProperty): string;
-    getUnsetValue(designItems: IDesignItem[], property: IProperty): any;
-}
+import { IPropertiesService } from "../IPropertiesService";
+import { IProperty } from '../IProperty';
+import { IDesignItem } from '../../../item/IDesignItem';
+import { ValueType } from "../ValueType";
+export declare class AttributesPropertiesService implements IPropertiesService {
+    name: string;
+    isHandledElement(designItem: IDesignItem): boolean;
+    getProperty(designItem: IDesignItem, name: string): IProperty;
+    getProperties(designItem: IDesignItem): IProperty[];
+    setValue(designItems: IDesignItem[], property: IProperty, value: any): void;
+    clearValue(designItems: IDesignItem[], property: IProperty): void;
+    isSet(designItems: IDesignItem[], property: IProperty): ValueType;
+    getValue(designItems: IDesignItem[], property: IProperty): string;
+    getUnsetValue(designItems: IDesignItem[], property: IProperty): any;
+}