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

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

@@ -1,17 +1,17 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { BindingTarget } from '../../../item/BindingTarget.js';
-import { CommonPropertiesService } from './CommonPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-import { IPropertyGroup } from '../IPropertyGroup.js';
-export declare class CssPropertiesService extends CommonPropertiesService {
-    getRefreshMode(designItem: IDesignItem): RefreshMode;
-    layout: string[];
-    grid: string[];
-    flex: string[];
-    constructor(name: 'layout' | 'grid' | 'flex');
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-    getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
-}
+import { IProperty } from '../IProperty.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { BindingTarget } from '../../../item/BindingTarget.js';
+import { CommonPropertiesService } from './CommonPropertiesService.js';
+import { RefreshMode } from '../IPropertiesService.js';
+import { IPropertyGroup } from '../IPropertyGroup.js';
+export declare class CssPropertiesService extends CommonPropertiesService {
+    getRefreshMode(designItem: IDesignItem): RefreshMode;
+    layout: string[];
+    grid: string[];
+    flex: string[];
+    constructor(name: 'layout' | 'grid' | 'flex');
+    isHandledElement(designItem: IDesignItem): boolean;
+    getProperty(designItem: IDesignItem, name: string): IProperty;
+    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
+}

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

@@ -1,86 +1,86 @@
-import { BindingTarget } from '../../../item/BindingTarget.js';
-import { PropertyType } from '../PropertyType.js';
-import { CommonPropertiesService } from './CommonPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-import { PropertiesHelper } from './PropertiesHelper.js';
-//TODO: remove this code when import asserts are supported
-let cssProperties;
-//@ts-ignore
-if (window.importShim) {
-    const cssPropertiesUrl = import.meta.resolve('./CssProperties.json');
-    //@ts-ignore
-    cssProperties = await importShim(cssPropertiesUrl, { assert: { type: 'json' } });
-}
-else
-    //@ts-ignore
-    cssProperties = await import("./CssProperties.json", { assert: { type: 'json' } });
-export class CssPropertiesService extends CommonPropertiesService {
-    getRefreshMode(designItem) {
-        return RefreshMode.none;
-    }
-    //metrics
-    layout = [
-        "display",
-        "color",
-        "background-color",
-        "box-sizing",
-        "border",
-        "box-shadow",
-        "opacity",
-        "position",
-        "font-size",
-        "font-weight",
-        "inset",
-        "margin",
-        "border",
-        "padding"
-    ];
-    grid = [
-        "display",
-        "position",
-        "grid-template-columns",
-        "grid-template-rows",
-        "column-gap",
-        "row-gap",
-        "align-content",
-        "justify-content",
-        "align-items",
-        "justify-items"
-    ];
-    flex = [
-        "display",
-        "position",
-        "flex-direction",
-        "flex-wrap",
-        "align-content",
-        "justify-content",
-        "align-items"
-    ];
-    constructor(name) {
-        super();
-        this.name = name;
-    }
-    isHandledElement(designItem) {
-        return true;
-    }
-    getProperty(designItem, name) {
-        return this[this.name][name];
-    }
-    getProperties(designItem) {
-        const propNames = this[this.name];
-        const propertiesList = propNames.map(x => {
-            const camelName = PropertiesHelper.dashToCamelCase(x);
-            return {
-                name: x,
-                type: cssProperties[camelName]?.type ?? 'string',
-                values: cssProperties[camelName]?.values ? [...cssProperties[camelName]?.values, 'initial', 'inherit', 'unset'] : ['initial', 'inherit', 'unset'],
-                service: this,
-                propertyType: PropertyType.cssValue
-            };
-        });
-        return propertiesList;
-    }
-    getPropertyTarget(designItem, property) {
-        return BindingTarget.css;
-    }
-}
+import { BindingTarget } from '../../../item/BindingTarget.js';
+import { PropertyType } from '../PropertyType.js';
+import { CommonPropertiesService } from './CommonPropertiesService.js';
+import { RefreshMode } from '../IPropertiesService.js';
+import { PropertiesHelper } from './PropertiesHelper.js';
+//TODO: remove this code when import asserts are supported
+let cssProperties;
+//@ts-ignore
+if (window.importShim) {
+    const cssPropertiesUrl = import.meta.resolve('./CssProperties.json');
+    //@ts-ignore
+    cssProperties = await importShim(cssPropertiesUrl, { assert: { type: 'json' } });
+}
+else
+    //@ts-ignore
+    cssProperties = await import("./CssProperties.json", { assert: { type: 'json' } });
+export class CssPropertiesService extends CommonPropertiesService {
+    getRefreshMode(designItem) {
+        return RefreshMode.none;
+    }
+    //metrics
+    layout = [
+        "display",
+        "color",
+        "background-color",
+        "box-sizing",
+        "border",
+        "box-shadow",
+        "opacity",
+        "position",
+        "font-size",
+        "font-weight",
+        "inset",
+        "margin",
+        "border",
+        "padding"
+    ];
+    grid = [
+        "display",
+        "position",
+        "grid-template-columns",
+        "grid-template-rows",
+        "column-gap",
+        "row-gap",
+        "align-content",
+        "justify-content",
+        "align-items",
+        "justify-items"
+    ];
+    flex = [
+        "display",
+        "position",
+        "flex-direction",
+        "flex-wrap",
+        "align-content",
+        "justify-content",
+        "align-items"
+    ];
+    constructor(name) {
+        super();
+        this.name = name;
+    }
+    isHandledElement(designItem) {
+        return true;
+    }
+    getProperty(designItem, name) {
+        return this[this.name][name];
+    }
+    getProperties(designItem) {
+        const propNames = this[this.name];
+        const propertiesList = propNames.map(x => {
+            const camelName = PropertiesHelper.dashToCamelCase(x);
+            return {
+                name: x,
+                type: cssProperties[camelName]?.type ?? 'string',
+                values: cssProperties[camelName]?.values ? [...cssProperties[camelName]?.values, 'initial', 'inherit', 'unset'] : ['initial', 'inherit', 'unset'],
+                service: this,
+                propertyType: PropertyType.cssValue
+            };
+        });
+        return propertiesList;
+    }
+    getPropertyTarget(designItem, property) {
+        return BindingTarget.css;
+    }
+}

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

@@ -1,17 +1,17 @@
-import { PropertyType } from '../PropertyType.js';
-export interface IJsonPropertyDefinition {
-    name: string;
-    propertyName?: string;
-    attributeName?: string;
-    description?: string;
-    type?: string;
-    default?: any;
-    min?: number;
-    max?: number;
-    step?: number;
-    values?: string[];
-    enumValues?: [name: string, value: string | number][];
-    value?: any;
-    defaultValue?: any;
-    propertyType?: PropertyType.cssValue;
-}
+import { PropertyType } from '../PropertyType.js';
+export interface IJsonPropertyDefinition {
+    name: string;
+    propertyName?: string;
+    attributeName?: string;
+    description?: string;
+    type?: string;
+    default?: any;
+    min?: number;
+    max?: number;
+    step?: number;
+    values?: string[];
+    enumValues?: [name: string, value: string | number][];
+    value?: any;
+    defaultValue?: any;
+    propertyType?: PropertyType.cssValue;
+}

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

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

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

@@ -1,4 +1,4 @@
-import { IJsonPropertyDefinition } from './IJsonPropertyDefinition.js';
-export interface IJsonPropertyDefinitions {
-    [key: string]: IJsonPropertyDefinition[];
-}
+import { IJsonPropertyDefinition } from './IJsonPropertyDefinition.js';
+export interface IJsonPropertyDefinitions {
+    [key: string]: IJsonPropertyDefinition[];
+}

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

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

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

@@ -1,14 +1,14 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IJsonPropertyDefinitions } from './IJsonPropertyDefinitions.js';
-import { AbstractPropertiesService } from './AbstractPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-export declare class ListPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem: IDesignItem): RefreshMode;
-    name: string;
-    private _propertys;
-    constructor(propertyDefinitions: IJsonPropertyDefinitions);
-    isHandledElement(designItem: IDesignItem): boolean;
-    protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
-    getProperties(designItem: IDesignItem): IProperty[];
-}
+import { IProperty } from '../IProperty.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { IJsonPropertyDefinitions } from './IJsonPropertyDefinitions.js';
+import { AbstractPropertiesService } from './AbstractPropertiesService.js';
+import { RefreshMode } from '../IPropertiesService.js';
+export declare class ListPropertiesService extends AbstractPropertiesService {
+    getRefreshMode(designItem: IDesignItem): RefreshMode;
+    name: string;
+    private _propertys;
+    constructor(propertyDefinitions: IJsonPropertyDefinitions);
+    isHandledElement(designItem: IDesignItem): boolean;
+    protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
+    getProperties(designItem: IDesignItem): IProperty[];
+}

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

@@ -1,45 +1,45 @@
-import { AbstractPropertiesService } from './AbstractPropertiesService.js';
-import { PropertyType } from '../PropertyType.js';
-import { RefreshMode } from '../IPropertiesService.js';
-export class ListPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem) {
-        return RefreshMode.full;
-    }
-    name = "list";
-    _propertys = new Map();
-    constructor(propertyDefinitions) {
-        super();
-        for (let e in propertyDefinitions) {
-            let parr = [];
-            this._propertys.set(e, parr);
-            for (let p in propertyDefinitions[e]) {
-                let pdef = propertyDefinitions[e][p];
-                parr.push({
-                    name: pdef.name,
-                    propertyName: pdef.propertyName,
-                    attributeName: pdef.attributeName,
-                    description: pdef.description,
-                    type: pdef.type,
-                    default: pdef.default,
-                    min: pdef.min,
-                    max: pdef.max,
-                    step: pdef.step,
-                    values: pdef.values,
-                    enumValues: pdef.enumValues,
-                    value: pdef.value,
-                    defaultValue: pdef.defaultValue,
-                    service: this,
-                    propertyType: pdef.propertyType ?? PropertyType.propertyAndAttribute
-                });
-            }
-        }
-    }
-    isHandledElement(designItem) {
-        return this._propertys.has(designItem.element.localName);
-    }
-    _notifyChangedProperty(designItem, property, value) {
-    }
-    getProperties(designItem) {
-        return this._propertys.get(designItem.element.localName);
-    }
-}
+import { AbstractPropertiesService } from './AbstractPropertiesService.js';
+import { PropertyType } from '../PropertyType.js';
+import { RefreshMode } from '../IPropertiesService.js';
+export class ListPropertiesService extends AbstractPropertiesService {
+    getRefreshMode(designItem) {
+        return RefreshMode.full;
+    }
+    name = "list";
+    _propertys = new Map();
+    constructor(propertyDefinitions) {
+        super();
+        for (let e in propertyDefinitions) {
+            let parr = [];
+            this._propertys.set(e, parr);
+            for (let p in propertyDefinitions[e]) {
+                let pdef = propertyDefinitions[e][p];
+                parr.push({
+                    name: pdef.name,
+                    propertyName: pdef.propertyName,
+                    attributeName: pdef.attributeName,
+                    description: pdef.description,
+                    type: pdef.type,
+                    default: pdef.default,
+                    min: pdef.min,
+                    max: pdef.max,
+                    step: pdef.step,
+                    values: pdef.values,
+                    enumValues: pdef.enumValues,
+                    value: pdef.value,
+                    defaultValue: pdef.defaultValue,
+                    service: this,
+                    propertyType: pdef.propertyType ?? PropertyType.propertyAndAttribute
+                });
+            }
+        }
+    }
+    isHandledElement(designItem) {
+        return this._propertys.has(designItem.element.localName);
+    }
+    _notifyChangedProperty(designItem, property, value) {
+    }
+    getProperties(designItem) {
+        return this._propertys.get(designItem.element.localName);
+    }
+}

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

@@ -1,9 +1,9 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
-export declare class Lit2PropertiesService extends AbstractPolymerLikePropertiesService {
-    name: string;
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[];
-    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 Lit2PropertiesService extends AbstractPolymerLikePropertiesService {
+    name: string;
+    isHandledElement(designItem: IDesignItem): boolean;
+    getProperties(designItem: IDesignItem): IProperty[];
+    protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
+}

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

@@ -1,51 +1,51 @@
-import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
-import { PropertiesHelper } from './PropertiesHelper.js';
-import { PropertyType } from '../PropertyType.js';
-export class Lit2PropertiesService extends AbstractPolymerLikePropertiesService {
-    name = "lit2";
-    isHandledElement(designItem) {
-        let prop = designItem.element.constructor.elementProperties;
-        if (prop)
-            return true;
-        return false;
-    }
-    getProperties(designItem) {
-        if (!this.isHandledElement(designItem))
-            return null;
-        let properties = [];
-        for (const p of designItem.element.constructor.elementProperties.entries()) {
-            let name = p[0];
-            const litProperty = p[1];
-            let type = litProperty;
-            if (litProperty.type)
-                type = litProperty.type;
-            if (type === String) {
-                let property = { name: name, type: "string", service: this, propertyType: PropertyType.propertyAndAttribute };
-                properties.push(property);
-            }
-            else if (type === Object) {
-                let property = { name: name, type: "string", service: this, propertyType: PropertyType.propertyAndAttribute };
-                properties.push(property);
-            }
-            else if (type === Number) {
-                let property = { name: name, type: "number", service: this, propertyType: PropertyType.propertyAndAttribute };
-                properties.push(property);
-            }
-            else if (type === Date) {
-                let property = { name: name, type: "date", service: this, propertyType: PropertyType.propertyAndAttribute };
-                properties.push(property);
-            }
-            else if (type === Boolean) {
-                let property = { name: name, type: "boolean", service: this, propertyType: PropertyType.propertyAndAttribute };
-                properties.push(property);
-            }
-            else if (PropertiesHelper.isTypescriptEnum(type)) {
-                let property = { name: name, type: "enum", enumValues: PropertiesHelper.getTypescriptEnumEntries(type), service: this, propertyType: PropertyType.propertyAndAttribute };
-                properties.push(property);
-            }
-        }
-        return properties;
-    }
-    _notifyChangedProperty(designItem, property, value) {
-    }
-}
+import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
+import { PropertiesHelper } from './PropertiesHelper.js';
+import { PropertyType } from '../PropertyType.js';
+export class Lit2PropertiesService extends AbstractPolymerLikePropertiesService {
+    name = "lit2";
+    isHandledElement(designItem) {
+        let prop = designItem.element.constructor.elementProperties;
+        if (prop)
+            return true;
+        return false;
+    }
+    getProperties(designItem) {
+        if (!this.isHandledElement(designItem))
+            return null;
+        let properties = [];
+        for (const p of designItem.element.constructor.elementProperties.entries()) {
+            let name = p[0];
+            const litProperty = p[1];
+            let type = litProperty;
+            if (litProperty.type)
+                type = litProperty.type;
+            if (type === String) {
+                let property = { name: name, type: "string", service: this, propertyType: PropertyType.propertyAndAttribute };
+                properties.push(property);
+            }
+            else if (type === Object) {
+                let property = { name: name, type: "string", service: this, propertyType: PropertyType.propertyAndAttribute };
+                properties.push(property);
+            }
+            else if (type === Number) {
+                let property = { name: name, type: "number", service: this, propertyType: PropertyType.propertyAndAttribute };
+                properties.push(property);
+            }
+            else if (type === Date) {
+                let property = { name: name, type: "date", service: this, propertyType: PropertyType.propertyAndAttribute };
+                properties.push(property);
+            }
+            else if (type === Boolean) {
+                let property = { name: name, type: "boolean", service: this, propertyType: PropertyType.propertyAndAttribute };
+                properties.push(property);
+            }
+            else if (PropertiesHelper.isTypescriptEnum(type)) {
+                let property = { name: name, type: "enum", enumValues: PropertiesHelper.getTypescriptEnumEntries(type), service: this, propertyType: PropertyType.propertyAndAttribute };
+                properties.push(property);
+            }
+        }
+        return properties;
+    }
+    _notifyChangedProperty(designItem, property, value) {
+    }
+}

package/dist/elements/services/propertiesService/services/LitElementPropertiesService.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 LitElementPropertiesService 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 LitElementPropertiesService extends AbstractPolymerLikePropertiesService {
+    name: string;
+    isHandledElement(designItem: IDesignItem): boolean;
+    protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
+}

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

@@ -1,17 +1,17 @@
-import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
-export class LitElementPropertiesService extends AbstractPolymerLikePropertiesService {
-    name = "lit";
-    isHandledElement(designItem) {
-        let proto = designItem.element.constructor.__proto__;
-        while (proto != null) {
-            if (proto.name == 'LitElement')
-                return true;
-            if (proto.name == undefined || proto.name == 'HTMLElement' || proto.name == 'Element' || proto.name == 'Node' || proto.name == 'HTMLElement')
-                return false;
-            proto = proto.__proto__;
-        }
-        return false;
-    }
-    _notifyChangedProperty(designItem, property, value) {
-    }
-}
+import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
+export class LitElementPropertiesService extends AbstractPolymerLikePropertiesService {
+    name = "lit";
+    isHandledElement(designItem) {
+        let proto = designItem.element.constructor.__proto__;
+        while (proto != null) {
+            if (proto.name == 'LitElement')
+                return true;
+            if (proto.name == undefined || proto.name == 'HTMLElement' || proto.name == 'Element' || proto.name == 'Node' || proto.name == 'HTMLElement')
+                return false;
+            proto = proto.__proto__;
+        }
+        return false;
+    }
+    _notifyChangedProperty(designItem, property, value) {
+    }
+}

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

@@ -1,20 +1,20 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { CommonPropertiesService } from './CommonPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-export declare class NativeElementsPropertiesService extends CommonPropertiesService {
-    private inputProperties;
-    private textareaProperties;
-    private selectProperties;
-    private buttonProperties;
-    private anchorProperties;
-    private divProperties;
-    private imgProperties;
-    private iframeProperties;
-    private formElementProperties;
-    name: string;
-    getRefreshMode(designItem: IDesignItem): RefreshMode;
-    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';
+import { RefreshMode } from '../IPropertiesService.js';
+export declare class NativeElementsPropertiesService extends CommonPropertiesService {
+    private inputProperties;
+    private textareaProperties;
+    private selectProperties;
+    private buttonProperties;
+    private anchorProperties;
+    private divProperties;
+    private imgProperties;
+    private iframeProperties;
+    private formElementProperties;
+    name: string;
+    getRefreshMode(designItem: IDesignItem): RefreshMode;
+    isHandledElement(designItem: IDesignItem): boolean;
+    getProperty(designItem: IDesignItem, name: string): IProperty;
+    getProperties(designItem: IDesignItem): IProperty[];
+}