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

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

@@ -1,16 +1,16 @@
-import { PropertyGridPropertyList } from './PropertyGridPropertyList.js';
-import { DesignerTabControl } from '../../controls/DesignerTabControl.js';
-import { BaseCustomWebComponentLazyAppend, css } from '@node-projects/base-custom-webcomponent';
-import { RefreshMode } from '../../services/propertiesService/IPropertiesService.js';
-export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
-    _serviceContainer;
-    _designerTabControl;
-    _selectedItems;
-    _propertyGridPropertyLists;
-    _propertyGridPropertyListsDict;
-    _itemsObserver;
-    _instanceServiceContainer;
-    _selectionChangedHandler;
+import { PropertyGridPropertyList } from './PropertyGridPropertyList.js';
+import { DesignerTabControl } from '../../controls/DesignerTabControl.js';
+import { BaseCustomWebComponentLazyAppend, css } from '@node-projects/base-custom-webcomponent';
+import { RefreshMode } from '../../services/propertiesService/IPropertiesService.js';
+class PropertyGrid extends BaseCustomWebComponentLazyAppend {
+    _serviceContainer;
+    _designerTabControl;
+    _selectedItems;
+    _propertyGridPropertyLists;
+    _propertyGridPropertyListsDict;
+    _itemsObserver;
+    _instanceServiceContainer;
+    _selectionChangedHandler;
     static style = css `
     :host {
       display: block;
@@ -24,89 +24,90 @@ export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
     button:focus {
       box-shadow: inset 0 3px 0 var(--highlight-pink, #e91e63);
     }
-    `;
-    constructor() {
-        super();
-        this._restoreCachedInititalValues();
-        this._designerTabControl = new DesignerTabControl();
-        this.shadowRoot.appendChild(this._designerTabControl);
-        this.addEventListener('contextmenu', (e) => {
-            if (e.composedPath()[0].localName != 'input')
-                e.preventDefault();
-        });
-        this._itemsObserver = new MutationObserver((m) => {
-            for (const a of this._propertyGridPropertyLists) {
-                if (a.propertiesService?.getRefreshMode(this._selectedItems[0]) == RefreshMode.fullOnValueChange) {
-                    a.createElements(this._selectedItems[0]);
-                    a.designItemsChanged(this._selectedItems);
-                }
-                a.refreshForDesignItems(this._selectedItems);
-            }
-        });
-    }
-    set serviceContainer(value) {
-        this._serviceContainer = value;
-        this._propertyGridPropertyLists = [];
-        this._propertyGridPropertyListsDict = {};
-    }
-    get serviceContainer() {
-        return this._serviceContainer;
-    }
-    set instanceServiceContainer(value) {
-        this._instanceServiceContainer = value;
-        this._selectionChangedHandler?.dispose();
-        this._selectionChangedHandler = this._instanceServiceContainer.selectionService.onSelectionChanged.on(e => {
-            this.selectedItems = e.selectedElements;
-        });
-        this.selectedItems = this._instanceServiceContainer.selectionService.selectedElements;
-    }
-    get selectedItems() {
-        return this._selectedItems;
-    }
-    set 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;
-                this._designerTabControl.appendChild(lst);
-                this._propertyGridPropertyLists.push(lst);
-                this._propertyGridPropertyListsDict[p.name] = lst;
-            }
-            lst.setPropertiesService(p.propertiesService);
-            lst.createElements(items[0]);
-            visibleDict.add(p.name);
-        }
-        this._designerTabControl.refreshItems();
-        if (this._designerTabControl.selectedIndex < 0)
-            this._designerTabControl.selectedIndex = 0;
-        for (let p of this._propertyGridPropertyLists) {
-            if (visibleDict.has(p.title))
-                p.style.display = 'block';
-            else
-                p.style.display = 'none';
-        }
-        for (const a of this._propertyGridPropertyLists) {
-            a.designItemsChanged(items);
-        }
-        if (items) {
-            if (items.length == 1) {
-                for (const a of this._propertyGridPropertyLists) {
-                    a.refreshForDesignItems(items);
-                }
-                this._observeItems();
-            }
-        }
-        else {
-            this._itemsObserver.disconnect();
-        }
-    }
-    _observeItems() {
-        this._itemsObserver.disconnect();
-        this._itemsObserver.observe(this._selectedItems[0].element, { attributes: true, childList: false, characterData: false });
-    }
-}
-customElements.define('node-projects-property-grid', PropertyGrid);
+    `;
+    constructor() {
+        super();
+        this._restoreCachedInititalValues();
+        this._designerTabControl = new DesignerTabControl();
+        this.shadowRoot.appendChild(this._designerTabControl);
+        this.addEventListener('contextmenu', (e) => {
+            if (e.composedPath()[0].localName != 'input')
+                e.preventDefault();
+        });
+        this._itemsObserver = new MutationObserver((m) => {
+            for (const a of this._propertyGridPropertyLists) {
+                if (a.propertiesService?.getRefreshMode(this._selectedItems[0]) == RefreshMode.fullOnValueChange) {
+                    a.createElements(this._selectedItems[0]);
+                    a.designItemsChanged(this._selectedItems);
+                }
+                a.refreshForDesignItems(this._selectedItems);
+            }
+        });
+    }
+    set serviceContainer(value) {
+        this._serviceContainer = value;
+        this._propertyGridPropertyLists = [];
+        this._propertyGridPropertyListsDict = {};
+    }
+    get serviceContainer() {
+        return this._serviceContainer;
+    }
+    set instanceServiceContainer(value) {
+        this._instanceServiceContainer = value;
+        this._selectionChangedHandler?.dispose();
+        this._selectionChangedHandler = this._instanceServiceContainer.selectionService.onSelectionChanged.on(e => {
+            this.selectedItems = e.selectedElements;
+        });
+        this.selectedItems = this._instanceServiceContainer.selectionService.selectedElements;
+    }
+    get selectedItems() {
+        return this._selectedItems;
+    }
+    set 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;
+                this._designerTabControl.appendChild(lst);
+                this._propertyGridPropertyLists.push(lst);
+                this._propertyGridPropertyListsDict[p.name] = lst;
+            }
+            lst.setPropertiesService(p.propertiesService);
+            lst.createElements(items[0]);
+            visibleDict.add(p.name);
+        }
+        this._designerTabControl.refreshItems();
+        if (this._designerTabControl.selectedIndex < 0)
+            this._designerTabControl.selectedIndex = 0;
+        for (let p of this._propertyGridPropertyLists) {
+            if (visibleDict.has(p.title))
+                p.style.display = 'block';
+            else
+                p.style.display = 'none';
+        }
+        for (const a of this._propertyGridPropertyLists) {
+            a.designItemsChanged(items);
+        }
+        if (items) {
+            if (items.length == 1) {
+                for (const a of this._propertyGridPropertyLists) {
+                    a.refreshForDesignItems(items);
+                }
+                this._observeItems();
+            }
+        }
+        else {
+            this._itemsObserver.disconnect();
+        }
+    }
+    _observeItems() {
+        this._itemsObserver.disconnect();
+        this._itemsObserver.observe(this._selectedItems[0].element, { attributes: true, childList: false, characterData: false });
+    }
+}
+export { PropertyGrid };
+customElements.define('node-projects-property-grid', PropertyGrid);

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

@@ -1,22 +1,22 @@
-import { IProperty } from '../../services/propertiesService/IProperty.js';
-import { ServiceContainer } from '../../services/ServiceContainer.js';
-import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
-import { IDesignItem } from '../../item/IDesignItem.js';
-import { IPropertiesService } from '../../services/propertiesService/IPropertiesService.js';
-export declare class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
-    private _div;
-    private _propertyMap;
-    private _serviceContainer;
-    private _propertiesService;
-    private _designItems;
-    get propertiesService(): IPropertiesService;
-    static get style(): CSSStyleSheet;
-    constructor(serviceContainer: ServiceContainer);
-    setPropertiesService(propertiesService: IPropertiesService): void;
-    createElements(designItem: IDesignItem): void;
-    private createPropertyGroups;
-    private createPropertyEditors;
-    openContextMenu(event: MouseEvent, property: IProperty): void;
-    designItemsChanged(designItems: IDesignItem[]): void;
-    refreshForDesignItems(items: IDesignItem[]): void;
-}
+import { IProperty } from '../../services/propertiesService/IProperty.js';
+import { ServiceContainer } from '../../services/ServiceContainer.js';
+import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
+import { IDesignItem } from '../../item/IDesignItem.js';
+import { IPropertiesService } from '../../services/propertiesService/IPropertiesService.js';
+export declare class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
+    private _div;
+    private _propertyMap;
+    private _serviceContainer;
+    private _propertiesService;
+    private _designItems;
+    get propertiesService(): IPropertiesService;
+    static get style(): CSSStyleSheet;
+    constructor(serviceContainer: ServiceContainer);
+    setPropertiesService(propertiesService: IPropertiesService): void;
+    createElements(designItem: IDesignItem): void;
+    private createPropertyGroups;
+    private createPropertyEditors;
+    openContextMenu(event: MouseEvent, property: IProperty): void;
+    designItemsChanged(designItems: IDesignItem[]): void;
+    refreshForDesignItems(items: IDesignItem[]): void;
+}

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

@@ -1,18 +1,18 @@
-import { BaseCustomWebComponentLazyAppend, css, DomHelper } from '@node-projects/base-custom-webcomponent';
-import { RefreshMode } from '../../services/propertiesService/IPropertiesService.js';
-import { ValueType } from '../../services/propertiesService/ValueType.js';
-import { ContextMenu } from '../../helper/contextMenu/ContextMenu.js';
-import { PropertyType } from '../../services/propertiesService/PropertyType.js';
-export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
-    _div;
-    _propertyMap = new Map();
-    _serviceContainer;
-    _propertiesService;
-    _designItems;
-    get propertiesService() {
-        return this._propertiesService;
-    }
-    static get style() {
+import { BaseCustomWebComponentLazyAppend, css, DomHelper } from '@node-projects/base-custom-webcomponent';
+import { RefreshMode } from '../../services/propertiesService/IPropertiesService.js';
+import { ValueType } from '../../services/propertiesService/ValueType.js';
+import { ContextMenu } from '../../helper/contextMenu/ContextMenu.js';
+import { PropertyType } from '../../services/propertiesService/PropertyType.js';
+export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
+    _div;
+    _propertyMap = new Map();
+    _serviceContainer;
+    _propertiesService;
+    _designItems;
+    get propertiesService() {
+        return this._propertiesService;
+    }
+    static get style() {
         return css `
     :host{
       display: block;
@@ -90,169 +90,169 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
       font-size: 10px;
       text-decoration: underline;
     }
-    `;
-    }
-    constructor(serviceContainer) {
-        super();
-        this._restoreCachedInititalValues();
-        this._serviceContainer = serviceContainer;
-        this._div = document.createElement("div");
-        this._div.className = "content-wrapper";
-        this.shadowRoot.appendChild(this._div);
-    }
-    setPropertiesService(propertiesService) {
-        if (this._propertiesService != propertiesService) {
-            this._propertiesService = propertiesService;
-            DomHelper.removeAllChildnodes(this._div);
-            this._propertyMap.clear();
-        }
-    }
-    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);
-                if (properties?.length) {
-                    if ('properties' in properties[0])
-                        this.createPropertyGroups(properties);
-                    else
-                        this.createPropertyEditors(properties);
-                }
-            }
-        }
-    }
-    createPropertyGroups(groups) {
-        for (const g of groups) {
-            let header = document.createElement('span');
-            header.innerHTML = g.name.replaceAll("\n", "<br>");
-            header.className = 'group-header';
-            this._div.appendChild(header);
-            let desc = document.createElement('span');
-            desc.innerHTML = g.description;
-            desc.className = 'group-desc';
-            this._div.appendChild(desc);
-            this.createPropertyEditors(g.properties);
-        }
-    }
-    createPropertyEditors(properties) {
-        for (const p of properties) {
-            let editor;
-            if (p.createEditor)
-                editor = p.createEditor(p);
-            else {
-                editor = this._serviceContainer.forSomeServicesTillResult("editorTypesService", x => x.getEditorForProperty(p));
-            }
-            if (editor) {
-                let rectContainer = document.createElement("div");
-                rectContainer.style.width = '20px';
-                rectContainer.style.height = '20px';
-                rectContainer.style.display = 'flex';
-                rectContainer.style.alignItems = 'center';
-                let rect = document.createElement("div");
-                rect.style.width = '7px';
-                rect.style.height = '7px';
-                rect.style.border = '1px white solid';
-                if (p.propertyType != PropertyType.complex)
-                    rectContainer.appendChild(rect);
-                this._div.appendChild(rectContainer);
-                rect.oncontextmenu = (event) => {
-                    event.preventDefault();
-                    this.openContextMenu(event, p);
-                };
-                if (p.type == 'addNew') {
-                    let input = editor.element;
-                    input.disabled = true;
-                    let label = document.createElement("input");
-                    label.value = p.name;
-                    label.onkeyup = e => {
-                        if (e.key == 'Enter' && label.value) {
-                            p.name = label.value;
-                            label.disabled = true;
-                            input.disabled = false;
-                            input.focus();
-                        }
-                    };
-                    this._div.appendChild(label);
-                }
-                else {
-                    if (!p.renamable) {
-                        let label = document.createElement("label");
-                        label.htmlFor = p.name;
-                        label.textContent = p.name;
-                        label.title = p.name;
-                        this._div.appendChild(label);
-                    }
-                    else {
-                        let label = document.createElement("input");
-                        let input = editor.element;
-                        label.value = p.name;
-                        label.onkeyup = e => {
-                            if (e.key == 'Enter' && label.value) {
-                                const pg = this._designItems[0].openGroup("rename property name from '" + p.name + "' to '" + label.value + "'");
-                                p.service.clearValue(this._designItems, p);
-                                p.name = label.value;
-                                p.service.setValue(this._designItems, p, input.value);
-                                pg.commit();
-                                this._designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this._designItems);
-                            }
-                        };
-                        this._div.appendChild(label);
-                    }
-                }
-                editor.element.id = p.name;
-                this._div.appendChild(editor.element);
-                this._propertyMap.set(p, { isSetElement: rect, editor: editor });
-            }
-        }
-    }
-    openContextMenu(event, property) {
-        const ctxMenu = [
-            {
-                title: 'clear', action: (e) => {
-                    property.service.clearValue(this._designItems, property);
-                    this._designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this._designItems);
-                }
-            },
-        ];
-        if (this._serviceContainer.config.openBindingsEditor) {
-            ctxMenu.push(...[
-                { title: '-' },
-                {
-                    title: 'edit binding', action: () => {
-                        let target = this._propertiesService.getPropertyTarget(this._designItems[0], property);
-                        let binding = this._propertiesService.getBinding(this._designItems, property);
-                        this._serviceContainer.config.openBindingsEditor(property, this._designItems, binding, target);
-                    }
-                }
-            ]);
-        }
-        ;
-        ContextMenu.show(ctxMenu, event);
-    }
-    designItemsChanged(designItems) {
-        this._designItems = designItems;
-        for (let m of this._propertyMap) {
-            m[1].editor.designItemsChanged(designItems);
-        }
-    }
-    refreshForDesignItems(items) {
-        for (let m of this._propertyMap) {
-            let s = this._propertiesService.isSet(items, m[0]);
-            let v = this._propertiesService.getValue(items, m[0]);
-            m[1].isSetElement.title = s;
-            if (s == ValueType.none) {
-                m[1].isSetElement.style.background = '';
-                v = this._propertiesService.getUnsetValue(items, m[0]);
-            }
-            else if (s == ValueType.all)
-                m[1].isSetElement.style.background = 'white';
-            else if (s == ValueType.some)
-                m[1].isSetElement.style.background = 'gray';
-            else if (s == ValueType.bound)
-                m[1].isSetElement.style.background = 'orange';
-            m[1].editor.refreshValueWithoutNotification(s, v);
-        }
-    }
-}
-customElements.define('node-projects-property-grid-property-list', PropertyGridPropertyList);
+    `;
+    }
+    constructor(serviceContainer) {
+        super();
+        this._restoreCachedInititalValues();
+        this._serviceContainer = serviceContainer;
+        this._div = document.createElement("div");
+        this._div.className = "content-wrapper";
+        this.shadowRoot.appendChild(this._div);
+    }
+    setPropertiesService(propertiesService) {
+        if (this._propertiesService != propertiesService) {
+            this._propertiesService = propertiesService;
+            DomHelper.removeAllChildnodes(this._div);
+            this._propertyMap.clear();
+        }
+    }
+    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);
+                if (properties?.length) {
+                    if ('properties' in properties[0])
+                        this.createPropertyGroups(properties);
+                    else
+                        this.createPropertyEditors(properties);
+                }
+            }
+        }
+    }
+    createPropertyGroups(groups) {
+        for (const g of groups) {
+            let header = document.createElement('span');
+            header.innerHTML = g.name.replaceAll("\n", "<br>");
+            header.className = 'group-header';
+            this._div.appendChild(header);
+            let desc = document.createElement('span');
+            desc.innerHTML = g.description;
+            desc.className = 'group-desc';
+            this._div.appendChild(desc);
+            this.createPropertyEditors(g.properties);
+        }
+    }
+    createPropertyEditors(properties) {
+        for (const p of properties) {
+            let editor;
+            if (p.createEditor)
+                editor = p.createEditor(p);
+            else {
+                editor = this._serviceContainer.forSomeServicesTillResult("editorTypesService", x => x.getEditorForProperty(p));
+            }
+            if (editor) {
+                let rectContainer = document.createElement("div");
+                rectContainer.style.width = '20px';
+                rectContainer.style.height = '20px';
+                rectContainer.style.display = 'flex';
+                rectContainer.style.alignItems = 'center';
+                let rect = document.createElement("div");
+                rect.style.width = '7px';
+                rect.style.height = '7px';
+                rect.style.border = '1px white solid';
+                if (p.propertyType != PropertyType.complex)
+                    rectContainer.appendChild(rect);
+                this._div.appendChild(rectContainer);
+                rect.oncontextmenu = (event) => {
+                    event.preventDefault();
+                    this.openContextMenu(event, p);
+                };
+                if (p.type == 'addNew') {
+                    let input = editor.element;
+                    input.disabled = true;
+                    let label = document.createElement("input");
+                    label.value = p.name;
+                    label.onkeyup = e => {
+                        if (e.key == 'Enter' && label.value) {
+                            p.name = label.value;
+                            label.disabled = true;
+                            input.disabled = false;
+                            input.focus();
+                        }
+                    };
+                    this._div.appendChild(label);
+                }
+                else {
+                    if (!p.renamable) {
+                        let label = document.createElement("label");
+                        label.htmlFor = p.name;
+                        label.textContent = p.name;
+                        label.title = p.name;
+                        this._div.appendChild(label);
+                    }
+                    else {
+                        let label = document.createElement("input");
+                        let input = editor.element;
+                        label.value = p.name;
+                        label.onkeyup = e => {
+                            if (e.key == 'Enter' && label.value) {
+                                const pg = this._designItems[0].openGroup("rename property name from '" + p.name + "' to '" + label.value + "'");
+                                p.service.clearValue(this._designItems, p);
+                                p.name = label.value;
+                                p.service.setValue(this._designItems, p, input.value);
+                                pg.commit();
+                                this._designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this._designItems);
+                            }
+                        };
+                        this._div.appendChild(label);
+                    }
+                }
+                editor.element.id = p.name;
+                this._div.appendChild(editor.element);
+                this._propertyMap.set(p, { isSetElement: rect, editor: editor });
+            }
+        }
+    }
+    openContextMenu(event, property) {
+        const ctxMenu = [
+            {
+                title: 'clear', action: (e) => {
+                    property.service.clearValue(this._designItems, property);
+                    this._designItems[0].instanceServiceContainer.designerCanvas.extensionManager.refreshAllExtensions(this._designItems);
+                }
+            },
+        ];
+        if (this._serviceContainer.config.openBindingsEditor) {
+            ctxMenu.push(...[
+                { title: '-' },
+                {
+                    title: 'edit binding', action: () => {
+                        let target = this._propertiesService.getPropertyTarget(this._designItems[0], property);
+                        let binding = this._propertiesService.getBinding(this._designItems, property);
+                        this._serviceContainer.config.openBindingsEditor(property, this._designItems, binding, target);
+                    }
+                }
+            ]);
+        }
+        ;
+        ContextMenu.show(ctxMenu, event);
+    }
+    designItemsChanged(designItems) {
+        this._designItems = designItems;
+        for (let m of this._propertyMap) {
+            m[1].editor.designItemsChanged(designItems);
+        }
+    }
+    refreshForDesignItems(items) {
+        for (let m of this._propertyMap) {
+            let s = this._propertiesService.isSet(items, m[0]);
+            let v = this._propertiesService.getValue(items, m[0]);
+            m[1].isSetElement.title = s;
+            if (s == ValueType.none) {
+                m[1].isSetElement.style.background = '';
+                v = this._propertiesService.getUnsetValue(items, m[0]);
+            }
+            else if (s == ValueType.all)
+                m[1].isSetElement.style.background = 'white';
+            else if (s == ValueType.some)
+                m[1].isSetElement.style.background = 'gray';
+            else if (s == ValueType.bound)
+                m[1].isSetElement.style.background = 'orange';
+            m[1].editor.refreshValueWithoutNotification(s, v);
+        }
+    }
+}
+customElements.define('node-projects-property-grid-property-list', PropertyGridPropertyList);

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

@@ -1,16 +1,16 @@
-import { ServiceContainer } from '../../services/ServiceContainer.js';
-import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
-import { InstanceServiceContainer } from '../../services/InstanceServiceContainer.js';
-export declare class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    private _type;
-    private _id;
-    private _content;
-    private _pg;
-    private _selectionChangedHandler;
-    private _instanceServiceContainer;
-    constructor();
-    set serviceContainer(value: ServiceContainer);
-    set instanceServiceContainer(value: InstanceServiceContainer);
-}
+import { ServiceContainer } from '../../services/ServiceContainer.js';
+import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
+import { InstanceServiceContainer } from '../../services/InstanceServiceContainer.js';
+export declare class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
+    static readonly style: CSSStyleSheet;
+    static readonly template: HTMLTemplateElement;
+    private _type;
+    private _id;
+    private _content;
+    private _pg;
+    private _selectionChangedHandler;
+    private _instanceServiceContainer;
+    constructor();
+    set serviceContainer(value: ServiceContainer);
+    set instanceServiceContainer(value: InstanceServiceContainer);
+}