@node-projects/web-component-designer 0.1.178 → 0.1.179

package/dist/elements/item/DesignItem.d.ts

@@ -24,7 +24,7 @@ export declare class DesignItem implements IDesignItem {
     nodeReplaced: TypedEvent<void>;
     get window(): Window & typeof globalThis;
     get document(): Document;
-    get usableContainer(): Element | ShadowRoot | Document;
+    get usableContainer(): Element | Document | ShadowRoot;
     clone(): Promise<IDesignItem>;
     allMatching(selectors: string): Generator<IDesignItem, void, undefined>;
     replaceNode(newNode: Node): void;

package/dist/elements/services/manifestParsers/WebcomponentManifestParserService.d.ts

@@ -19,7 +19,7 @@ export declare class WebcomponentManifestParserService extends AbstractPropertie
     private _parseManifest;
     getElements(): Promise<IElementDefinition[]>;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[];
-    getProperty(designItem: IDesignItem, name: string): IProperty;
+    getProperties(designItem: IDesignItem): Promise<IProperty[]>;
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
     getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
 }

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

@@ -88,10 +88,10 @@ export class WebcomponentManifestParserService extends AbstractPropertiesService
             return this._elementList.find(x => x.tag == designItem.name) != null;
         return false;
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         return this._propertiesList[designItem.name];
     }
-    getProperty(designItem, name) {
+    async getProperty(designItem, name) {
         return this._propertiesList[designItem.name].find(x => x.name == name);
     }
     getPropertyTarget(designItem, property) {

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

@@ -14,8 +14,8 @@ export declare enum RefreshMode {
 export interface IPropertiesService extends IService {
     getRefreshMode(designItem: IDesignItem): RefreshMode;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-    getProperty(designItem: IDesignItem, name: string): IProperty;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
     getBinding(designItems: IDesignItem[], property: IProperty): IBinding;
     getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
     setValue(designItems: IDesignItem[], property: IProperty, value: any): Promise<void>;

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

@@ -5,7 +5,7 @@ import { RefreshMode } from '../IPropertiesService.js';
 import { IPropertyGroup } from '../IPropertyGroup.js';
 export declare abstract class AbstractPolymerLikePropertiesService extends AbstractPropertiesService {
     getRefreshMode(designItem: IDesignItem): RefreshMode;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
     protected parseProperties(list: any): IProperty[];
     getUnsetValue(designItems: IDesignItem[], property: IProperty): any;
 }

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

@@ -6,7 +6,7 @@ export class AbstractPolymerLikePropertiesService extends AbstractPropertiesServ
     getRefreshMode(designItem) {
         return RefreshMode.full;
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         if (!this.isHandledElement(designItem))
             return null;
         return this.parseProperties(designItem.element.constructor.properties);

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

@@ -16,8 +16,8 @@ export declare abstract class AbstractPropertiesService implements IPropertiesSe
     abstract getRefreshMode(designItem: IDesignItem): RefreshMode;
     abstract isHandledElement(designItem: IDesignItem): boolean;
     protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    abstract getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    abstract getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
     setValue(designItems: IDesignItem[], property: IProperty, value: any): Promise<void>;
     getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
     clearValue(designItems: IDesignItem[], property: IProperty, clearType: 'all' | 'binding' | 'value'): void;

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

@@ -15,8 +15,8 @@ export class AbstractPropertiesService {
     static _bindingsCacheClearTimer;
     _notifyChangedProperty(designItem, property, value) {
     }
-    getProperty(designItem, name) {
-        let properties = this.getProperties(designItem);
+    async getProperty(designItem, name) {
+        let properties = await this.getProperties(designItem);
         if ('properties' in properties[0]) {
             return properties.flatMap(x => x.properties).find(x => x.name == name);
         }

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

@@ -7,5 +7,5 @@ export declare class AttachedPropertiesService extends AbstractPropertiesService
     name: string;
     getRefreshMode(designItem: IDesignItem): RefreshMode;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
 }

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

@@ -8,7 +8,7 @@ export class AttachedPropertiesService extends AbstractPropertiesService {
     isHandledElement(designItem) {
         return designItem.serviceContainer.forSomeServicesTillResult('attachedPropertyService', x => x.isHandledElement(designItem));
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         let p = [];
         if (designItem.serviceContainer.attachedPropertyServices) {
             for (let s of designItem.serviceContainer.attachedPropertyServices) {

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

@@ -10,8 +10,8 @@ export declare class AttributesPropertiesService extends AbstractPropertiesServi
     name: string;
     getRefreshMode(designItem: IDesignItem): RefreshMode;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
     setValue(designItems: IDesignItem[], property: IProperty, value: any): Promise<void>;
     getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
     clearValue(designItems: IDesignItem[], property: IProperty): void;

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

@@ -12,10 +12,10 @@ export class AttributesPropertiesService extends AbstractPropertiesService {
     isHandledElement(designItem) {
         return !designItem.isRootItem;
     }
-    getProperty(designItem, name) {
+    async getProperty(designItem, name) {
         return { name: name, type: 'string', service: this, propertyType: PropertyType.attribute };
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         if (designItem) {
             let p = [];
             for (let a of designItem.attributes()) {

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

@@ -7,6 +7,6 @@ export declare class BasicWebcomponentPropertiesService extends AbstractProperti
     name: string;
     getRefreshMode(designItem: IDesignItem): RefreshMode;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
 }

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

@@ -15,10 +15,10 @@ export class BasicWebcomponentPropertiesService extends AbstractPropertiesServic
         }
         return false;
     }
-    getProperty(designItem, name) {
-        return this.getProperties(designItem).find(x => x.name == name);
+    async getProperty(designItem, name) {
+        return (await this.getProperties(designItem)).find(x => x.name == name);
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         //@ts-ignore
         const attr = designItem.element.constructor?.observedAttributes;
         return attr.map(x => ({

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

@@ -8,6 +8,6 @@ export declare class CommonPropertiesService extends AbstractPropertiesService {
     private commonProperties;
     name: string;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
 }

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

@@ -35,10 +35,10 @@ export class CommonPropertiesService extends AbstractPropertiesService {
     isHandledElement(designItem) {
         return !designItem.isRootItem;
     }
-    getProperty(designItem, name) {
+    async getProperty(designItem, name) {
         return this.commonProperties.find(x => x.name == name);
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         return this.commonProperties;
     }
 }

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

@@ -11,8 +11,8 @@ export declare class ContentAndIdPropertiesService extends AbstractPropertiesSer
     innerHtmlProperty: IProperty;
     name: string;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
     clearValue(designItems: IDesignItem[], property: IProperty, clearType?: 'all' | 'binding' | 'value'): void;
     isSet(designItems: IDesignItem[], property: IProperty): ValueType;
     getValue(designItems: IDesignItem[], property: IProperty): string | boolean;

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

@@ -29,10 +29,10 @@ export class ContentAndIdPropertiesService extends AbstractPropertiesService {
     isHandledElement(designItem) {
         return true;
     }
-    getProperty(designItem, name) {
+    async getProperty(designItem, name) {
         return name == 'id' ? this.idProperty : this.contentProperty;
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         return [this.idProperty, this.contentProperty, this.innerHtmlProperty];
     }
     clearValue(designItems, property, clearType = 'all') {

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

@@ -10,8 +10,8 @@ export declare class CssCurrentPropertiesService extends AbstractCssPropertiesSe
     getRefreshMode(designItem: IDesignItem): RefreshMode;
     constructor();
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
     setValue(designItems: IDesignItem[], property: (IProperty & {
         styleRule: IStyleRule;
         styleDeclaration: IStyleDeclaration;

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

@@ -17,10 +17,10 @@ export class CssCurrentPropertiesService extends AbstractCssPropertiesService {
     isHandledElement(designItem) {
         return true;
     }
-    getProperty(designItem, name) {
+    async getProperty(designItem, name) {
         return { name: name, type: 'string', service: this, propertyType: PropertyType.cssValue };
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         if (!designItem || designItem.nodeType != NodeType.Element)
             return [];
         let styles = designItem.getAllStyles();

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

@@ -10,8 +10,8 @@ export declare class CssCustomPropertiesService extends AbstractCssPropertiesSer
     constructor(removeInheritedCustomProperties?: boolean);
     getRefreshMode(designItem: IDesignItem): RefreshMode;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
     clearValue(designItems: IDesignItem[], property: IProperty, clearType: 'all' | 'binding' | 'value'): void;
     getValue(designItems: IDesignItem[], property: IProperty): string;
     getUnsetValue(designItems: IDesignItem[], property: IProperty): any;

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

@@ -16,10 +16,10 @@ export class CssCustomPropertiesService extends AbstractCssPropertiesService {
     isHandledElement(designItem) {
         return true;
     }
-    getProperty(designItem, name) {
+    async getProperty(designItem, name) {
         return { name: name, type: 'string', service: this, propertyType: PropertyType.cssValue };
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         if (!designItem?.element?.computedStyleMap)
             return null;
         let rootMap = Array.from(designItem.instanceServiceContainer.designerCanvas.computedStyleMap()).map(x => x[0]).filter(key => key.startsWith("--"));

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

@@ -18,8 +18,8 @@ export declare class CssPropertiesService extends AbstractCssPropertiesService {
     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[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
     _getPropertyDef(name: string): IProperty;
     getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
 }

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

@@ -85,10 +85,10 @@ export class CssPropertiesService extends AbstractCssPropertiesService {
     isHandledElement(designItem) {
         return true;
     }
-    getProperty(designItem, name) {
+    async getProperty(designItem, name) {
         return this._getPropertyDef(name);
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         const propNames = this[this.name];
         if (Array.isArray(propNames)) {
             const propertiesList = propNames.map(x => this._getPropertyDef(x));

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

@@ -11,5 +11,5 @@ export declare class ListPropertiesService extends AbstractPropertiesService {
     constructor(propertyDefinitions: IJsonPropertyDefinitions, recreateElementsOnPropertyChange?: boolean);
     isHandledElement(designItem: IDesignItem): boolean;
     protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
 }

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

@@ -39,7 +39,7 @@ export class ListPropertiesService extends AbstractPropertiesService {
     }
     _notifyChangedProperty(designItem, property, value) {
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         return this._propertys.get(designItem.element.localName);
     }
 }

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

@@ -5,6 +5,6 @@ import { IPropertyGroup } from '../IPropertyGroup.js';
 export declare class Lit2PropertiesService extends AbstractPolymerLikePropertiesService {
     name: string;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
     protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
 }

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

@@ -9,7 +9,7 @@ export class Lit2PropertiesService extends AbstractPolymerLikePropertiesService
             return true;
         return false;
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         if (!this.isHandledElement(designItem))
             return null;
         let properties = [];

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

@@ -10,6 +10,6 @@ export declare class MathMLElementsPropertiesService extends CommonPropertiesSer
     name: string;
     getRefreshMode(designItem: IDesignItem): RefreshMode;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
 }

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

@@ -52,10 +52,10 @@ export class MathMLElementsPropertiesService extends CommonPropertiesService {
     isHandledElement(designItem) {
         return designItem.element instanceof designItem.window.MathMLElement;
     }
-    getProperty(designItem, name) {
-        return this.getProperties(designItem).find(x => x.name == name);
+    async getProperty(designItem, name) {
+        return (await this.getProperties(designItem)).find(x => x.name == name);
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         if (!this.isHandledElement(designItem))
             return null;
         switch (designItem.element.localName) {

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

@@ -16,6 +16,6 @@ export declare class NativeElementsPropertiesService extends AbstractPropertiesS
     name: string;
     getRefreshMode(designItem: IDesignItem): RefreshMode;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
 }

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

@@ -212,10 +212,10 @@ export class NativeElementsPropertiesService extends AbstractPropertiesService {
         }
         return false;
     }
-    getProperty(designItem, name) {
-        return this.getProperties(designItem).find(x => x.name == name);
+    async getProperty(designItem, name) {
+        return (await this.getProperties(designItem)).find(x => x.name == name);
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         if (!this.isHandledElement(designItem))
             return null;
         switch (designItem.element.localName) {

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

@@ -11,6 +11,6 @@ export declare class SVGElementsPropertiesService extends CommonPropertiesServic
     private defaultProperties;
     name: string;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
 }

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

@@ -236,10 +236,10 @@ export class SVGElementsPropertiesService extends CommonPropertiesService {
         }
         return false;
     }
-    getProperty(designItem, name) {
-        return this.getProperties(designItem).find(x => x.name == name);
+    async getProperty(designItem, name) {
+        return (await this.getProperties(designItem)).find(x => x.name == name);
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         if (!this.isHandledElement(designItem))
             return null;
         switch (designItem.element.localName) {

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

@@ -6,5 +6,5 @@ import { RefreshMode } from '../IPropertiesService.js';
 export declare class UnkownElementsPropertiesService extends AbstractPropertiesService {
     getRefreshMode(designItem: IDesignItem): RefreshMode;
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
 }

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

@@ -8,7 +8,7 @@ export class UnkownElementsPropertiesService extends AbstractPropertiesService {
     isHandledElement(designItem) {
         return true;
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         let list = Object.getOwnPropertyNames(Object.getPrototypeOf(designItem.element));
         let props = [];
         for (let p of list) {

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

@@ -13,8 +13,8 @@ export declare class WebcomponentManifestPropertiesService extends AbstractPrope
     private _parseManifest;
     static manifestClassPropertyTypeToEditorPropertyType(type: string, editor: string): [type: string, values?: string[]];
     isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-    getProperty(designItem: IDesignItem, name: string): IProperty;
+    getProperties(designItem: IDesignItem): Promise<IProperty[] | IPropertyGroup[]>;
+    getProperty(designItem: IDesignItem, name: string): Promise<IProperty>;
     getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
     getUnsetValue(designItems: IDesignItem[], property: IProperty): any;
 }

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

@@ -70,10 +70,10 @@ export class WebcomponentManifestPropertiesService extends AbstractPropertiesSer
     isHandledElement(designItem) {
         return this._propertiesList[designItem.name] != null;
     }
-    getProperties(designItem) {
+    async getProperties(designItem) {
         return this._propertiesList[designItem.name];
     }
-    getProperty(designItem, name) {
+    async getProperty(designItem, name) {
         return this._propertiesList[designItem.name].find(x => x.name == name);
     }
     getPropertyTarget(designItem, property) {

package/dist/elements/widgets/propertyGrid/PropertyGrid.d.ts

@@ -33,6 +33,7 @@ export declare class PropertyGrid extends BaseCustomWebComponentLazyAppend {
     set instanceServiceContainer(value: InstanceServiceContainer);
     get selectedItems(): IDesignItem[];
     set selectedItems(items: IDesignItem[]);
+    _selectedItemsSet(): Promise<void>;
     _mutationOccured(): void;
     private _observePrimarySelectionForChanges;
 }

package/dist/elements/widgets/propertyGrid/PropertyGrid.js

@@ -70,60 +70,63 @@ export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
     set selectedItems(items) {
         if (this._selectedItems != items) {
             this._selectedItems = items;
-            const pgGroups = this._serviceContainer.propertyGroupService.getPropertygroups(items);
-            const visibleDict = new Set();
-            for (let p of pgGroups) {
-                let lst = this._propertyGridPropertyListsDict[p.name];
-                if (!lst) {
-                    lst = new PropertyGridPropertyList(this.serviceContainer);
-                    lst.title = p.name;
-                    lst.propertyGroupHover = this.propertyGroupHover;
-                    lst.propertyGroupClick = this.propertyGroupClick;
-                    lst.propertyContextMenuProvider = this.propertyContextMenuProvider;
-                    this._designerTabControl.appendChild(lst);
-                    this._propertyGridPropertyLists.push(lst);
-                    this._propertyGridPropertyListsDict[p.name] = lst;
-                }
-                lst.setPropertiesService(p.propertiesService);
-                if (lst.createElements(items[0]))
-                    visibleDict.add(p.name);
-            }
-            let parentEl = this._designerTabControl;
-            for (const v of visibleDict) {
-                let el = this._propertyGridPropertyListsDict[v];
-                if (parentEl === this._designerTabControl)
-                    parentEl.insertAdjacentElement('afterbegin', el);
-                else
-                    parentEl.insertAdjacentElement('afterend', el);
-                parentEl = el;
-            }
-            for (let p of this._propertyGridPropertyLists) {
-                if (visibleDict.has(p.title))
-                    p.style.display = 'block';
-                else
-                    p.style.display = 'none';
-            }
-            this._designerTabControl.refreshItems();
-            if (this._designerTabControl.selectedIndex < 0)
-                this._designerTabControl.selectedIndex = 0;
-            for (const a of this._propertyGridPropertyLists) {
-                if (visibleDict.has(a.title))
-                    a.designItemsChanged(items);
+            this._selectedItemsSet();
+        }
+    }
+    async _selectedItemsSet() {
+        const pgGroups = this._serviceContainer.propertyGroupService.getPropertygroups(this._selectedItems);
+        const visibleDict = new Set();
+        for (let p of pgGroups) {
+            let lst = this._propertyGridPropertyListsDict[p.name];
+            if (!lst) {
+                lst = new PropertyGridPropertyList(this.serviceContainer);
+                lst.title = p.name;
+                lst.propertyGroupHover = this.propertyGroupHover;
+                lst.propertyGroupClick = this.propertyGroupClick;
+                lst.propertyContextMenuProvider = this.propertyContextMenuProvider;
+                this._designerTabControl.appendChild(lst);
+                this._propertyGridPropertyLists.push(lst);
+                this._propertyGridPropertyListsDict[p.name] = lst;
             }
-            if (items) {
-                if (items.length == 1) {
-                    for (const a of this._propertyGridPropertyLists) {
-                        if (visibleDict.has(a.title))
-                            a.refreshForDesignItems(items);
-                    }
-                    this._observePrimarySelectionForChanges();
+            lst.setPropertiesService(p.propertiesService);
+            if (await lst.createElements(this._selectedItems[0]))
+                visibleDict.add(p.name);
+        }
+        let parentEl = this._designerTabControl;
+        for (const v of visibleDict) {
+            let el = this._propertyGridPropertyListsDict[v];
+            if (parentEl === this._designerTabControl)
+                parentEl.insertAdjacentElement('afterbegin', el);
+            else
+                parentEl.insertAdjacentElement('afterend', el);
+            parentEl = el;
+        }
+        for (let p of this._propertyGridPropertyLists) {
+            if (visibleDict.has(p.title))
+                p.style.display = 'block';
+            else
+                p.style.display = 'none';
+        }
+        this._designerTabControl.refreshItems();
+        if (this._designerTabControl.selectedIndex < 0)
+            this._designerTabControl.selectedIndex = 0;
+        for (const a of this._propertyGridPropertyLists) {
+            if (visibleDict.has(a.title))
+                a.designItemsChanged(this._selectedItems);
+        }
+        if (this._selectedItems) {
+            if (this._selectedItems.length == 1) {
+                for (const a of this._propertyGridPropertyLists) {
+                    if (visibleDict.has(a.title))
+                        a.refreshForDesignItems(this._selectedItems);
                 }
+                this._observePrimarySelectionForChanges();
             }
-            else {
-                this._itemsObserver.disconnect();
-                this._nodeReplacedCb?.dispose();
-                this._nodeReplacedCb = null;
-            }
+        }
+        else {
+            this._itemsObserver.disconnect();
+            this._nodeReplacedCb?.dispose();
+            this._nodeReplacedCb = null;
         }
     }
     _mutationOccured() {

package/dist/elements/widgets/propertyGrid/PropertyGridPropertyList.d.ts

@@ -19,7 +19,7 @@ export declare class PropertyGridPropertyList extends BaseCustomWebComponentLazy
     static get style(): CSSStyleSheet;
     constructor(serviceContainer: ServiceContainer);
     setPropertiesService(propertiesService: IPropertiesService): void;
-    createElements(designItem: IDesignItem): boolean;
+    createElements(designItem: IDesignItem): Promise<boolean>;
     private createPropertyGroups;
     private createPropertyEditors;
     private _onDragLeave;

package/dist/elements/widgets/propertyGrid/PropertyGridPropertyList.js

@@ -125,12 +125,12 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
             this._propertyMap.clear();
         }
     }
-    createElements(designItem) {
+    async createElements(designItem) {
         if (this._propertiesService && (this._propertiesService.getRefreshMode(designItem) != RefreshMode.none) || this._propertyMap.size == 0) {
             DomHelper.removeAllChildnodes(this._div);
             this._propertyMap.clear();
             if (this._propertiesService) {
-                let properties = this._propertiesService.getProperties(designItem);
+                let properties = await this._propertiesService.getProperties(designItem);
                 if (properties?.length) {
                     if ('properties' in properties[0])
                         this.createPropertyGroups(properties);

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A WYSIWYG designer webcomponent for html components",
   "name": "@node-projects/web-component-designer",
-  "version": "0.1.178",
+  "version": "0.1.179",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",