@node-projects/web-component-designer 0.0.182 → 0.0.184

package/dist/elements/helper/Helper.d.ts

@@ -4,3 +4,5 @@ export declare function sleep(ms: any): Promise<unknown>;
 export declare function exportData(blob: Blob, fileName: string): Promise<void>;
 export declare function dataURItoBlob(dataURI: any): Blob;
 export declare function pointInRect(point: IPoint, rect: IRect): boolean;
+export declare function removeTrailing(text: string, char: string): string;
+export declare function removeLeading(text: string, char: string): string;

package/dist/elements/helper/Helper.js

@@ -24,3 +24,13 @@ export function dataURItoBlob(dataURI) {
 export function pointInRect(point, rect) {
     return point.x >= rect.x && point.x <= rect.x + rect.width && point.y >= rect.y && point.y <= rect.y + rect.height;
 }
+export function removeTrailing(text, char) {
+    if (text.endsWith('/'))
+        return text.substring(0, text.length - 1);
+    return text;
+}
+export function removeLeading(text, char) {
+    if (text.startsWith('/'))
+        return text.substring(1);
+    return text;
+}

package/dist/elements/services/elementsService/WebcomponentManifestElementsService.js

@@ -1,3 +1,4 @@
+import { removeLeading, removeTrailing } from "../../helper/Helper.js";
 export class WebcomponentManifestElementsService {
     _name;
     get name() { return this._name; }
@@ -15,7 +16,7 @@ export class WebcomponentManifestElementsService {
         for (let m of manifest.modules) {
             for (let e of m.exports) {
                 if (e.kind == 'custom-element-definition') {
-                    let elDef = { tag: e.name, import: this._importPrefix + (this._importPrefix.endsWith('/') ? '' : '/') + e.declaration.module, defaultWidth: "200px", defaultHeight: "200px", className: e.declaration.name };
+                    let elDef = { tag: e.name, import: removeTrailing(this._importPrefix, '/') + '/' + removeLeading(e.declaration.module, '/'), defaultWidth: "200px", defaultHeight: "200px", className: e.declaration.name };
                     this._elementList.push(elDef);
                 }
             }

package/dist/elements/services/manifestParsers/WebcomponentManifestParserService.js

@@ -2,6 +2,7 @@ import { BindingTarget } from '../../item/BindingTarget.js';
 import { RefreshMode } from '../propertiesService/IPropertiesService.js';
 import { PropertyType } from '../propertiesService/PropertyType.js';
 import { AbstractPropertiesService } from '../propertiesService/services/AbstractPropertiesService.js';
+import { removeLeading, removeTrailing } from '../../helper/Helper.js';
 export class WebcomponentManifestParserService extends AbstractPropertiesService {
     getRefreshMode(designItem) {
         return RefreshMode.none;
@@ -42,7 +43,7 @@ export class WebcomponentManifestParserService extends AbstractPropertiesService
         for (let m of this._packageData.modules) {
             for (let e of m.exports) {
                 if (e.kind == 'custom-element-definition') {
-                    this._elementList.push({ tag: e.name, import: this._importPrefix + (this._importPrefix.endsWith('/') ? '' : '/') + e.declaration.module });
+                    this._elementList.push({ tag: e.name, import: removeTrailing(this._importPrefix, '/') + '/' + removeLeading(e.declaration.module, '/') });
                     let properties = [];
                     let declaration = m.declarations.find(x => x.name == e.declaration.name);
                     for (let d of declaration.members) {
@@ -50,7 +51,8 @@ export class WebcomponentManifestParserService extends AbstractPropertiesService
                             let pType = PropertyType.property;
                             if (declaration.attributes)
                                 pType = declaration.attributes.find(x => x.fieldName == d.name) != null ? PropertyType.propertyAndAttribute : PropertyType.property;
-                            properties.push({ name: d.name, service: this, propertyType: pType, type: this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text) });
+                            const p = this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text);
+                            properties.push({ name: d.name, service: this, propertyType: pType, type: p[0], values: p[1] });
                         }
                     }
                     this._propertiesList[e.name] = properties;
@@ -66,11 +68,17 @@ export class WebcomponentManifestParserService extends AbstractPropertiesService
     manifestClassPropertyTypeToEditorPropertyType(type) {
         if (type) {
             if (type.toLowerCase() === 'boolean')
-                return 'boolean';
+                return ['boolean'];
             if (type.toLowerCase() === 'number')
-                return 'number';
+                return ['number'];
+            if (type.toLowerCase() === 'string')
+                return ['string'];
+            if (type.startsWith("'") && type.includes("|")) {
+                const values = type.split("|").map(x => x.trim()).map(x => x.substring(1, x.length - 1));
+                return ['list', values];
+            }
         }
-        return type;
+        return [type];
     }
     async getElements() {
         if (this._packageData)

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

@@ -33,7 +33,8 @@ export class WebcomponentManifestPropertiesService extends AbstractPropertiesSer
                                     let pType = PropertyType.property;
                                     if (declaration.attributes)
                                         pType = declaration.attributes.find(x => x.fieldName == d.name) != null ? PropertyType.propertyAndAttribute : PropertyType.property;
-                                    properties.push({ name: d.name, service: this, propertyType: pType, type: this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text) });
+                                    const p = this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text);
+                                    properties.push({ name: d.name, service: this, propertyType: pType, type: p[0], values: p[1] });
                                 }
                             }
                             this._propertiesList[e.name] = properties;
@@ -49,11 +50,17 @@ export class WebcomponentManifestPropertiesService extends AbstractPropertiesSer
     manifestClassPropertyTypeToEditorPropertyType(type) {
         if (type) {
             if (type.toLowerCase() === 'boolean')
-                return 'boolean';
+                return ['boolean'];
             if (type.toLowerCase() === 'number')
-                return 'number';
+                return ['number'];
+            if (type.toLowerCase() === 'string')
+                return ['string'];
+            if (type.startsWith("'") && type.includes("|")) {
+                const values = type.split("|").map(x => x.trim()).map(x => x.substring(1, x.length - 1));
+                return ['list', values];
+            }
         }
-        return type;
+        return [type];
     }
     isHandledElement(designItem) {
         return this._propertiesList[designItem.name] != null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.182",
+  "version": "0.0.184",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",