@node-projects/web-component-designer 0.0.216 → 0.0.217

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

@@ -1,211 +1,211 @@
-import { CommonPropertiesService } from './CommonPropertiesService.js';
-import { PropertyType } from '../PropertyType.js';
-import { RefreshMode } from '../IPropertiesService.js';
-export class NativeElementsPropertiesService extends CommonPropertiesService {
-    inputProperties = [
-        {
-            name: "type",
-            type: "list",
-            values: ["text", "number", "button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "password", "radio", "range", "reset", "search", "submit", "tel", "time", "url", "week"],
-            service: this,
-            defaultValue: "text",
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "value",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "placeholder",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "checked",
-            type: "boolean",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "min",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "max",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "readonly",
-            type: "boolean",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    textareaProperties = [
-        {
-            name: "placeholder",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "maxlength",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "cols",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "rows",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "readonly",
-            type: "boolean",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "resize",
-            type: "list",
-            values: ["both", "none", "horizontal", "vertical"],
-            service: this,
-            propertyType: PropertyType.cssValue
-        }
-    ];
-    selectProperties = [
-        {
-            name: "value",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.property
-        },
-        {
-            name: "size",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "multiple",
-            type: "boolean",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    buttonProperties = [
-        {
-            name: "type",
-            type: "list",
-            values: ["button", "submit", "reset"],
-            service: this,
-            defaultValue: "button",
-            propertyType: PropertyType.propertyAndAttribute
-        }, {
-            name: "value",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    anchorProperties = [
-        {
-            name: "href",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    divProperties = [
-        {
-            name: "title",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    imgProperties = [
-        {
-            name: "src",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    iframeProperties = [
-        {
-            name: "src",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    formElementProperties = [
-        {
-            name: "autofocus",
-            type: "boolean",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "disabled",
-            type: "boolean",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "required",
-            type: "boolean",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    name = "native";
-    getRefreshMode(designItem) {
-        return RefreshMode.full;
-    }
-    isHandledElement(designItem) {
-        switch (designItem.element.localName) {
-            case 'input':
-            case 'textarea':
-            case 'select':
-            case 'button':
-            case 'a':
-            case 'div':
-            case 'span':
-            case 'br':
-            case 'img':
-            case 'iframe':
-                return true;
-        }
-        return false;
-    }
-    getProperty(designItem, name) {
-        return this.getProperties(designItem)[name];
-    }
-    getProperties(designItem) {
-        if (!this.isHandledElement(designItem))
-            return null;
-        switch (designItem.element.localName) {
-            case 'input':
-                return [...this.inputProperties, ...this.formElementProperties];
-            case 'textarea':
-                return [...this.textareaProperties, ...this.formElementProperties];
-            case 'select':
-                return [...this.selectProperties, ...this.formElementProperties];
-            case 'button':
-                return [...this.buttonProperties, ...this.formElementProperties];
-            case 'a':
-                return this.anchorProperties;
-            case 'div':
-                return this.divProperties;
-            case 'img':
-                return this.imgProperties;
-            case 'iframe':
-                return this.iframeProperties;
-        }
-        return null;
-    }
-}
+import { CommonPropertiesService } from './CommonPropertiesService.js';
+import { PropertyType } from '../PropertyType.js';
+import { RefreshMode } from '../IPropertiesService.js';
+export class NativeElementsPropertiesService extends CommonPropertiesService {
+    inputProperties = [
+        {
+            name: "type",
+            type: "list",
+            values: ["text", "number", "button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "password", "radio", "range", "reset", "search", "submit", "tel", "time", "url", "week"],
+            service: this,
+            defaultValue: "text",
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "value",
+            type: "string",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "placeholder",
+            type: "string",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "checked",
+            type: "boolean",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "min",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "max",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "readonly",
+            type: "boolean",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }
+    ];
+    textareaProperties = [
+        {
+            name: "placeholder",
+            type: "string",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "maxlength",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "cols",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "rows",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "readonly",
+            type: "boolean",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "resize",
+            type: "list",
+            values: ["both", "none", "horizontal", "vertical"],
+            service: this,
+            propertyType: PropertyType.cssValue
+        }
+    ];
+    selectProperties = [
+        {
+            name: "value",
+            type: "string",
+            service: this,
+            propertyType: PropertyType.property
+        },
+        {
+            name: "size",
+            type: "number",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "multiple",
+            type: "boolean",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }
+    ];
+    buttonProperties = [
+        {
+            name: "type",
+            type: "list",
+            values: ["button", "submit", "reset"],
+            service: this,
+            defaultValue: "button",
+            propertyType: PropertyType.propertyAndAttribute
+        }, {
+            name: "value",
+            type: "string",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }
+    ];
+    anchorProperties = [
+        {
+            name: "href",
+            type: "string",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }
+    ];
+    divProperties = [
+        {
+            name: "title",
+            type: "string",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }
+    ];
+    imgProperties = [
+        {
+            name: "src",
+            type: "string",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }
+    ];
+    iframeProperties = [
+        {
+            name: "src",
+            type: "string",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }
+    ];
+    formElementProperties = [
+        {
+            name: "autofocus",
+            type: "boolean",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        },
+        {
+            name: "disabled",
+            type: "boolean",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        },
+        {
+            name: "required",
+            type: "boolean",
+            service: this,
+            propertyType: PropertyType.propertyAndAttribute
+        }
+    ];
+    name = "native";
+    getRefreshMode(designItem) {
+        return RefreshMode.full;
+    }
+    isHandledElement(designItem) {
+        switch (designItem.element.localName) {
+            case 'input':
+            case 'textarea':
+            case 'select':
+            case 'button':
+            case 'a':
+            case 'div':
+            case 'span':
+            case 'br':
+            case 'img':
+            case 'iframe':
+                return true;
+        }
+        return false;
+    }
+    getProperty(designItem, name) {
+        return this.getProperties(designItem)[name];
+    }
+    getProperties(designItem) {
+        if (!this.isHandledElement(designItem))
+            return null;
+        switch (designItem.element.localName) {
+            case 'input':
+                return [...this.inputProperties, ...this.formElementProperties];
+            case 'textarea':
+                return [...this.textareaProperties, ...this.formElementProperties];
+            case 'select':
+                return [...this.selectProperties, ...this.formElementProperties];
+            case 'button':
+                return [...this.buttonProperties, ...this.formElementProperties];
+            case 'a':
+                return this.anchorProperties;
+            case 'div':
+                return this.divProperties;
+            case 'img':
+                return this.imgProperties;
+            case 'iframe':
+                return this.iframeProperties;
+        }
+        return null;
+    }
+}

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

@@ -1,8 +1,8 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
-export declare class PolymerPropertiesService extends AbstractPolymerLikePropertiesService {
-    name: string;
-    isHandledElement(designItem: IDesignItem): boolean;
-    protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
-}
+import { IProperty } from '../IProperty.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
+export declare class PolymerPropertiesService extends AbstractPolymerLikePropertiesService {
+    name: string;
+    isHandledElement(designItem: IDesignItem): boolean;
+    protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
+}

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

@@ -1,10 +1,10 @@
-import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
-export class PolymerPropertiesService extends AbstractPolymerLikePropertiesService {
-    name = "polymer";
-    isHandledElement(designItem) {
-        return designItem.element.constructor.polymerElementVersion != null;
-    }
-    _notifyChangedProperty(designItem, property, value) {
-        designItem.element.set(property.name, value);
-    }
-}
+import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
+export class PolymerPropertiesService extends AbstractPolymerLikePropertiesService {
+    name = "polymer";
+    isHandledElement(designItem) {
+        return designItem.element.constructor.polymerElementVersion != null;
+    }
+    _notifyChangedProperty(designItem, property, value) {
+        designItem.element.set(property.name, value);
+    }
+}

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

@@ -1,6 +1,6 @@
-export declare class PropertiesHelper {
-    static isTypescriptEnum(value: any): boolean;
-    static getTypescriptEnumEntries(value: any): [name: string, value: string | number][];
-    static camelToDashCase(text: string): string;
-    static dashToCamelCase(text: string): string;
-}
+export declare class PropertiesHelper {
+    static isTypescriptEnum(value: any): boolean;
+    static getTypescriptEnumEntries(value: any): [name: string, value: string | number][];
+    static camelToDashCase(text: string): string;
+    static dashToCamelCase(text: string): string;
+}

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

@@ -1,27 +1,27 @@
-export class PropertiesHelper {
-    static isTypescriptEnum(value) {
-        if (value && typeof value === 'object' && value.constructor == Object) {
-            for (let k in value) {
-                const tp = typeof value[k];
-                if (tp !== 'string' && tp !== 'number')
-                    return false;
-            }
-            return true;
-        }
-        return false;
-    }
-    static getTypescriptEnumEntries(value) {
-        let ret = [];
-        for (let k in value) {
-            if (isNaN(k))
-                ret.push([k, value[k]]);
-        }
-        return ret;
-    }
-    static camelToDashCase(text) {
-        return text.replace(/([A-Z])/g, (g) => `-${g[0].toLowerCase()}`);
-    }
-    static dashToCamelCase(text) {
-        return text.replace(/-([a-z])/g, (i) => i[1].toUpperCase());
-    }
-}
+export class PropertiesHelper {
+    static isTypescriptEnum(value) {
+        if (value && typeof value === 'object' && value.constructor == Object) {
+            for (let k in value) {
+                const tp = typeof value[k];
+                if (tp !== 'string' && tp !== 'number')
+                    return false;
+            }
+            return true;
+        }
+        return false;
+    }
+    static getTypescriptEnumEntries(value) {
+        let ret = [];
+        for (let k in value) {
+            if (isNaN(k))
+                ret.push([k, value[k]]);
+        }
+        return ret;
+    }
+    static camelToDashCase(text) {
+        return text.replace(/([A-Z])/g, (g) => `-${g[0].toLowerCase()}`);
+    }
+    static dashToCamelCase(text) {
+        return text.replace(/-([a-z])/g, (i) => i[1].toUpperCase());
+    }
+}

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

@@ -1,15 +1,15 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { CommonPropertiesService } from './CommonPropertiesService.js';
-export declare class SVGElementsPropertiesService extends CommonPropertiesService {
-    private rectProperties;
-    private lineProperties;
-    private ellipseProperties;
-    private pathProperties;
-    private svgProperties;
-    private defaultProperties;
-    name: string;
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[];
-}
+import { IProperty } from '../IProperty.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { CommonPropertiesService } from './CommonPropertiesService.js';
+export declare class SVGElementsPropertiesService extends CommonPropertiesService {
+    private rectProperties;
+    private lineProperties;
+    private ellipseProperties;
+    private pathProperties;
+    private svgProperties;
+    private defaultProperties;
+    name: string;
+    isHandledElement(designItem: IDesignItem): boolean;
+    getProperty(designItem: IDesignItem, name: string): IProperty;
+    getProperties(designItem: IDesignItem): IProperty[];
+}