@node-projects/web-component-designer 0.1.194 → 0.1.197

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

@@ -1,21 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { CommonPropertiesService } from './CommonPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-import { IPropertyGroup } from '../IPropertyGroup.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[] | IPropertyGroup[];
-}

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

@@ -1,243 +0,0 @@
-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
-        }, {
-            name: "valueAsDate",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.property
-        },
-        {
-            name: "valueAsNumber",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.property
-        }
-    ];
-    textareaProperties = [
-        {
-            name: "value",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.property
-        },
-        {
-            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':
-            case 'h1':
-            case 'h2':
-            case 'h3':
-            case 'h4':
-            case 'h5':
-            case 'h6':
-            case 'p':
-                return true;
-        }
-        return false;
-    }
-    getProperty(designItem, name) {
-        return this.getProperties(designItem).find(x => x.name == 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;
-            case 'h1':
-            case 'h2':
-            case 'h3':
-            case 'h4':
-            case 'h5':
-            case 'h6':
-            case 'p':
-                return [];
-        }
-        return null;
-    }
-}

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

@@ -1,25 +0,0 @@
-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: {
-        common: string[];
-        font: string[];
-        layout: string[];
-    };
-    grid: string[];
-    gridChild: string[];
-    flex: string[];
-    flexChild: string[];
-    svg: string[];
-    constructor(name: 'layout' | 'grid' | 'gridChild' | 'flex' | 'flexChild' | 'svg');
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-    _getPropertyDef(name: string): IProperty;
-    getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
-}

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

@@ -1,126 +0,0 @@
-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';
-import { GridAssignedRowColumnPropertyEditor } from '../propertyEditors/special/GridAssignedRowColumnPropertyEditor.js';
-import { MetricsPropertyEditor } from '../propertyEditors/special/MetricsPropertyEditor.js';
-import cssProperties from "./CssProperties.json" with { type: 'json' };
-export class CssPropertiesService extends CommonPropertiesService {
-    getRefreshMode(designItem) {
-        return RefreshMode.none;
-    }
-    //metrics
-    layout = {
-        "common": [
-            "display",
-            "color",
-            "background-color",
-            "box-sizing",
-            "border",
-            "box-shadow",
-            "opacity",
-            "position",
-        ],
-        "font": [
-            "font-family",
-            "font-size",
-            "font-weight",
-        ],
-        "layout": [
-            "inset",
-            "margin",
-            "border",
-            "padding",
-            "overflow",
-            "metrics"
-        ]
-    };
-    grid = [
-        "display",
-        "position",
-        "grid-template-columns",
-        "grid-template-rows",
-        "column-gap",
-        "row-gap",
-        "align-content",
-        "justify-content",
-        "align-items",
-        "justify-items",
-    ];
-    gridChild = [
-        "grid-row",
-        "grid-column",
-        "assigned-row-column",
-        "align-self",
-        "justify-self"
-    ];
-    flex = [
-        "display",
-        "position",
-        "flex-direction",
-        "flex-wrap",
-        "align-content",
-        "justify-content",
-        "align-items"
-    ];
-    flexChild = [
-        "align-self",
-        "justify-self"
-    ];
-    svg = [
-        "fill",
-        "fill-rule",
-        "fill-opacity",
-        "stroke",
-        "stroke-width",
-        "stroke-dasharray",
-        "stroke-dashoffset",
-        "stroke-opacity"
-    ];
-    constructor(name) {
-        super(false);
-        this.name = name;
-    }
-    isHandledElement(designItem) {
-        return true;
-    }
-    getProperty(designItem, name) {
-        return this._getPropertyDef(name);
-    }
-    getProperties(designItem) {
-        const propNames = this[this.name];
-        if (Array.isArray(propNames)) {
-            const propertiesList = propNames.map(x => this._getPropertyDef(x));
-            return propertiesList;
-        }
-        else {
-            let grps = [];
-            for (let g in propNames) {
-                let grp = { name: g, properties: propNames[g].map(x => this._getPropertyDef(x)) };
-                grps.push(grp);
-            }
-            return grps;
-        }
-    }
-    _getPropertyDef(name) {
-        const camelName = PropertiesHelper.dashToCamelCase(name);
-        switch (camelName) {
-            case 'assignedRowColumn':
-                return { name, service: this, propertyType: PropertyType.complex, createEditor: (p) => new GridAssignedRowColumnPropertyEditor(p) };
-            case 'metrics':
-                return { name, service: this, propertyType: PropertyType.complex, createEditor: (p) => new MetricsPropertyEditor(p) };
-            default:
-                return {
-                    name,
-                    type: cssProperties[camelName]?.type ?? 'string',
-                    values: cssProperties[camelName]?.values ? [...cssProperties[camelName]?.values, 'initial', 'inherit', 'unset'] : ['initial', 'inherit', 'unset'],
-                    service: this,
-                    propertyType: PropertyType.cssValue
-                };
-        }
-    }
-    getPropertyTarget(designItem, property) {
-        return BindingTarget.css;
-    }
-}

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

@@ -1,21 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { CommonPropertiesService } from './CommonPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-import { IPropertyGroup } from '../IPropertyGroup.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[] | IPropertyGroup[];
-}

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

@@ -1,243 +0,0 @@
-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
-        }, {
-            name: "valueAsDate",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.property
-        },
-        {
-            name: "valueAsNumber",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.property
-        }
-    ];
-    textareaProperties = [
-        {
-            name: "value",
-            type: "string",
-            service: this,
-            propertyType: PropertyType.property
-        },
-        {
-            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':
-            case 'h1':
-            case 'h2':
-            case 'h3':
-            case 'h4':
-            case 'h5':
-            case 'h6':
-            case 'p':
-                return true;
-        }
-        return false;
-    }
-    getProperty(designItem, name) {
-        return this.getProperties(designItem).find(x => x.name == 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;
-            case 'h1':
-            case 'h2':
-            case 'h3':
-            case 'h4':
-            case 'h5':
-            case 'h6':
-            case 'p':
-                return [];
-        }
-        return null;
-    }
-}

package/dist/elements/services/selectionService/ISelectionChangedEvent copy.d.ts

@@ -1,6 +0,0 @@
-import { IDesignItem } from '../../item/IDesignItem.js';
-export interface ISelectionChangedEvent {
-    oldSelectedElements: IDesignItem[];
-    selectedElements: IDesignItem[];
-    event?: Event;
-}

package/dist/elements/services/selectionService/ISelectionChangedEvent copy.js

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

package/dist/elements/services/stylesheetService/ISpecifity.js

@@ -1 +0,0 @@
-"use strict";