@node-projects/web-component-designer 0.0.281 → 0.0.283

package/dist/elements/services/BaseServiceContainer.d.ts

@@ -11,4 +11,5 @@ export declare class BaseServiceContainer<NameMap> {
     registerMultiple<K extends keyof NameMap>(names: K[], service: NameMap[K]): void;
     forSomeServicesTillResult<K extends keyof NameMap, Y>(service: K, callback: (service: NameMap[K]) => Y): Y;
     getLastServiceWhere<K extends keyof NameMap, Y>(service: K, callback: (service: NameMap[K]) => Y): NameMap[K];
+    getLastServiceWhereAsync<K extends keyof NameMap, Y>(service: K, callback: (service: NameMap[K]) => Promise<Y>): Promise<NameMap[K]>;
 }

package/dist/elements/services/BaseServiceContainer.js

@@ -51,4 +51,17 @@ export class BaseServiceContainer {
         }
         return null;
     }
+    async getLastServiceWhereAsync(service, callback) {
+        let services = this.getServices(service);
+        if (services == null) {
+            return null;
+        }
+        for (let index = services.length - 1; index >= 0; index--) {
+            const currentService = services[index];
+            let result = await callback(currentService);
+            if (result)
+                return currentService;
+        }
+        return null;
+    }
 }

package/dist/elements/services/GlobalContext.d.ts

@@ -1,6 +1,7 @@
 import { PropertyChangedArgs, TypedEvent } from "@node-projects/base-custom-webcomponent";
 import { ITool } from '../widgets/designerView/tools/ITool.js';
 import { ServiceContainer } from './ServiceContainer.js';
+import { IDesignItem } from "../item/IDesignItem.js";
 export declare class GlobalContext {
     private _serviceContainer;
     private _tool;
@@ -24,4 +25,8 @@ export declare class GlobalContext {
     set fillBrush(fillBrush: string);
     get fillBrush(): string;
     readonly onFillBrushChanged: TypedEvent<PropertyChangedArgs<string>>;
+    readonly showConfigClicked: TypedEvent<{
+        configUi: Element;
+        designItem: IDesignItem;
+    }>;
 }

package/dist/elements/services/GlobalContext.js

@@ -65,4 +65,5 @@ export class GlobalContext {
         return this._fillBrush;
     }
     onFillBrushChanged = new TypedEvent();
+    showConfigClicked = new TypedEvent();
 }

package/dist/elements/services/ServiceContainer.d.ts

@@ -43,8 +43,10 @@ import { IDragDropService } from './dragDropService/IDragDropService.js';
 import { IDesignItemService } from './designItemService/IDesignItemService.js';
 import { IEventsService } from './eventsService/IEventsService.js';
 import { IPropertyGridDragDropService } from './dragDropService/IPropertyGridDragDropService.js';
+import { IConfigUiService } from './configUiService/IConfigUiService.js';
 interface ServiceNameMap {
     "propertyService": IPropertiesService;
+    "attachedPropertyService": IPropertiesService;
     "containerService": IPlacementService;
     "snaplinesProviderService": ISnaplinesProviderService;
     "elementsService": IElementsService;
@@ -67,6 +69,7 @@ interface ServiceNameMap {
     "designItemService": IDesignItemService;
     "eventsService": IEventsService;
     "propertyGridDragDropService": IPropertyGridDragDropService;
+    "configUiService": IConfigUiService;
     "undoService": (designerCanvas: IDesignerCanvas) => IUndoService;
     "selectionService": (designerCanvas: IDesignerCanvas) => ISelectionService;
     "contentService": (designerCanvas: IDesignerCanvas) => IContentService;
@@ -97,6 +100,7 @@ export declare class ServiceContainer extends BaseServiceContainer<ServiceNameMa
     get dragDropService(): IDragDropService;
     get elementInteractionServices(): IElementInteractionService[];
     get propertiesServices(): IPropertiesService[];
+    get attachedPropertyServices(): IPropertiesService[];
     get propertyGroupService(): IPropertyTabsService;
     get containerServices(): IPlacementService[];
     get snaplinesProviderService(): ISnaplinesProviderService;
@@ -113,5 +117,6 @@ export declare class ServiceContainer extends BaseServiceContainer<ServiceNameMa
     get modelCommandService(): IModelCommandService;
     get demoProviderService(): IDemoProviderService;
     get designItemService(): IDesignItemService;
+    get configUiServices(): IConfigUiService[];
 }
 export {};

package/dist/elements/services/ServiceContainer.js

@@ -46,6 +46,9 @@ export class ServiceContainer extends BaseServiceContainer {
     get propertiesServices() {
         return this.getServices('propertyService');
     }
+    get attachedPropertyServices() {
+        return this.getServices('attachedPropertyService');
+    }
     get propertyGroupService() {
         return this.getLastService('propertyGroupsService');
     }
@@ -94,4 +97,7 @@ export class ServiceContainer extends BaseServiceContainer {
     get designItemService() {
         return this.getLastService('designItemService');
     }
+    get configUiServices() {
+        return this.getServices('configUiService');
+    }
 }

package/dist/elements/services/configUiService/IConfigUiService.d.ts

@@ -0,0 +1,5 @@
+import { IDesignItem } from "../../item/IDesignItem.js";
+export interface IConfigUiService {
+    hasConfigUi(designItem: IDesignItem): Promise<boolean>;
+    getConfigUi(designItem: IDesignItem): Promise<HTMLElement>;
+}

package/dist/elements/services/configUiService/IConfigUiService.js

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

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

@@ -1,7 +1,9 @@
 import { IDesignItem } from '../../item/IDesignItem.js';
 import { IPropertiesService } from './IPropertiesService.js';
 import { IPropertyTabsService } from './IPropertyTabsService.js';
+import { AttachedPropertiesService } from './services/AttachedPropertiesService.js';
 export declare class PropertyTabsService implements IPropertyTabsService {
+    protected _attachedPropertiesService: AttachedPropertiesService;
     protected _pgList: {
         name: string;
         propertiesService: IPropertiesService;

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

@@ -1,10 +1,13 @@
+import { AttachedPropertiesService } from './services/AttachedPropertiesService.js';
 import { AttributesPropertiesService } from './services/AttributesPropertiesService.js';
 import { CommonPropertiesService } from './services/CommonPropertiesService.js';
 import { CssCurrentPropertiesService } from './services/CssCurrentPropertiesService.js';
 import { CssPropertiesService } from './services/CssPropertiesService.js';
 export class PropertyTabsService {
+    _attachedPropertiesService = new AttachedPropertiesService();
     _pgList = [
         { name: 'properties', propertiesService: null },
+        { name: 'attached', propertiesService: this._attachedPropertiesService },
         { name: 'attributes', propertiesService: new AttributesPropertiesService() },
         { name: 'common', propertiesService: new CommonPropertiesService() },
         { name: 'styles', propertiesService: new CssCurrentPropertiesService() },
@@ -14,6 +17,7 @@ export class PropertyTabsService {
     ];
     _svgPgList = [
         { name: 'properties', propertiesService: null },
+        { name: 'attached', propertiesService: this._attachedPropertiesService },
         { name: 'attributes', propertiesService: new AttributesPropertiesService() },
         { name: 'styles', propertiesService: new CssCurrentPropertiesService() },
         { name: 'layout', propertiesService: new CssPropertiesService("layout") },

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

@@ -0,0 +1,11 @@
+import { IProperty } from '../IProperty.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { AbstractPropertiesService } from './AbstractPropertiesService.js';
+import { RefreshMode } from '../IPropertiesService.js';
+import { IPropertyGroup } from '../IPropertyGroup.js';
+export declare class AttachedPropertiesService extends AbstractPropertiesService {
+    name: string;
+    getRefreshMode(designItem: IDesignItem): RefreshMode;
+    isHandledElement(designItem: IDesignItem): boolean;
+    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+}

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

@@ -0,0 +1,22 @@
+import { AbstractPropertiesService } from './AbstractPropertiesService.js';
+import { RefreshMode } from '../IPropertiesService.js';
+export class AttachedPropertiesService extends AbstractPropertiesService {
+    name = "attached";
+    getRefreshMode(designItem) {
+        return RefreshMode.full;
+    }
+    isHandledElement(designItem) {
+        return designItem.serviceContainer.forSomeServicesTillResult('attachedPropertyService', x => x.isHandledElement(designItem));
+    }
+    getProperties(designItem) {
+        let p = [];
+        if (designItem.serviceContainer.attachedPropertyServices) {
+            for (let s of designItem.serviceContainer.attachedPropertyServices) {
+                if (s.isHandledElement(designItem)) {
+                    p.push(...s.getProperties(designItem));
+                }
+            }
+        }
+        return p;
+    }
+}

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

@@ -2,6 +2,7 @@ import { RefreshMode } from '../IPropertiesService.js';
 import { ValueType } from '../ValueType.js';
 import { BindingTarget } from '../../../item/BindingTarget.js';
 import { PropertyType } from '../PropertyType.js';
+import { PropertiesHelper } from './PropertiesHelper.js';
 export class AttributesPropertiesService {
     name = "attributes";
     getRefreshMode(designItem) {
@@ -11,13 +12,13 @@ export class AttributesPropertiesService {
         return true;
     }
     getProperty(designItem, name) {
-        return { name: name, type: 'string', service: this, propertyType: PropertyType.propertyAndAttribute };
+        return { name: name, type: 'string', service: this, propertyType: PropertyType.attribute };
     }
     getProperties(designItem) {
         if (designItem) {
             let p = [];
             for (let a of designItem.attributes()) {
-                p.push({ name: a[0], renamable: true, type: 'string', service: this, propertyType: PropertyType.propertyAndAttribute });
+                p.push({ name: a[0], renamable: true, type: 'string', service: this, propertyType: PropertyType.attribute });
             }
             p.push({ name: '', type: 'addNew', service: this, propertyType: PropertyType.complex });
             return p;
@@ -48,12 +49,19 @@ export class AttributesPropertiesService {
         if (designItems != null && designItems.length !== 0) {
             if (designItems.length == 1 && typeof designItems[0].getAttribute(property.name) == 'object')
                 return ValueType.bound;
+            let propName = PropertiesHelper.dashToCamelCase(property.name);
             let attributeName = property.name;
             designItems.forEach((x) => {
                 let has = x.hasAttribute(attributeName);
                 all = all && has;
                 some = some || has;
             });
+            //todo: optimize perf, do not call bindings service for each property. 
+            const bindings = designItems[0].serviceContainer.forSomeServicesTillResult('bindingService', (s) => {
+                return s.getBindings(designItems[0]);
+            });
+            if (bindings && bindings.find(x => x.target == BindingTarget.attribute && x.targetName == propName))
+                return ValueType.bound;
         }
         else
             return ValueType.none;

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

@@ -6,7 +6,11 @@ import { RefreshMode } from '../IPropertiesService.js';
 import { IPropertyGroup } from '../IPropertyGroup.js';
 export declare class CssPropertiesService extends CommonPropertiesService {
     getRefreshMode(designItem: IDesignItem): RefreshMode;
-    layout: string[];
+    layout: {
+        common: string[];
+        font: string[];
+        layout: string[];
+    };
     grid: string[];
     gridChild: string[];
     flex: string[];

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

@@ -23,25 +23,31 @@ export class CssPropertiesService extends CommonPropertiesService {
         return RefreshMode.none;
     }
     //metrics
-    layout = [
-        "display",
-        "color",
-        "background-color",
-        "box-sizing",
-        "border",
-        "box-shadow",
-        "opacity",
-        "position",
-        "font-family",
-        "font-size",
-        "font-weight",
-        "inset",
-        "margin",
-        "border",
-        "padding",
-        "overflow",
-        "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",
@@ -95,8 +101,18 @@ export class CssPropertiesService extends CommonPropertiesService {
     }
     getProperties(designItem) {
         const propNames = this[this.name];
-        const propertiesList = propNames.map(x => this._getPropertyDef(x));
-        return propertiesList;
+        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);

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

@@ -0,0 +1,8 @@
+import { IProperty } from '../IProperty.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
+export declare class PolymerPropertiesService extends AbstractPolymerLikePropertiesService {
+    name: string;
+    isHandledElement(designItem: IDesignItem): boolean;
+    protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
+}

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

@@ -0,0 +1,10 @@
+import { AbstractPolymerLikePropertiesService } from './AbstractPolymerLikePropertiesService.js';
+export class PolymerPropertiesService extends AbstractPolymerLikePropertiesService {
+    name = "polymer";
+    isHandledElement(designItem) {
+        return designItem.element.constructor.polymerElementVersion != null;
+    }
+    _notifyChangedProperty(designItem, property, value) {
+        designItem.element.set(property.name, value);
+    }
+}

package/dist/elements/widgets/paletteView/paletteTreeView.js

@@ -5,6 +5,10 @@ export class PaletteTreeView extends BaseCustomWebComponentConstructorAppend {
     _tree;
     _filter;
     static style = css `
+      :host {
+        display: block;
+      }
+
       * {
           touch-action: none;
       }
@@ -48,7 +52,7 @@ export class PaletteTreeView extends BaseCustomWebComponentConstructorAppend {
     `;
     static template = html `
   <div style="height: 100%;">
-    <input id="input" style="width: 100%; height:21px;" placeholder="Filter..." autocomplete="off">
+    <input id="input" style="width: 100%; height: 25px; box-sizing: border-box;" placeholder="Filter..." autocomplete="off">
     <div style="height: calc(100% - 26px); overflow: auto;">
       <div id="treetable" style="min-width: 100%;"></div>
     </div>

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

@@ -78,8 +78,8 @@ export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
                     this._propertyGridPropertyListsDict[p.name] = lst;
                 }
                 lst.setPropertiesService(p.propertiesService);
-                lst.createElements(items[0]);
-                visibleDict.add(p.name);
+                if (lst.createElements(items[0]))
+                    visibleDict.add(p.name);
             }
             for (let p of this._propertyGridPropertyLists) {
                 if (visibleDict.has(p.title))

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

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

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

@@ -126,9 +126,12 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
                         this.createPropertyGroups(properties);
                     else
                         this.createPropertyEditors(properties);
+                    return true;
                 }
             }
+            return false;
         }
+        return true;
     }
     createPropertyGroups(groups) {
         for (const g of groups) {
@@ -137,7 +140,7 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
             header.className = 'group-header';
             this._div.appendChild(header);
             let desc = document.createElement('span');
-            desc.innerHTML = g.description;
+            desc.innerHTML = g.description ?? '';
             desc.className = 'group-desc';
             this._div.appendChild(desc);
             this.createPropertyEditors(g.properties);

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

@@ -14,6 +14,7 @@ export declare class PropertyGridWithHeader extends BaseCustomWebComponentLazyAp
     private _contentRect;
     private _innerRect;
     private _propertiesService;
+    private _configButton;
     constructor();
     set serviceContainer(value: ServiceContainer);
     set instanceServiceContainer(value: InstanceServiceContainer);

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

@@ -15,7 +15,7 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
     }
     div.root {
       display: grid;
-      grid-template-columns: 11px 11px auto 1fr;
+      grid-template-columns: 11px 11px auto 1fr auto;
       padding: 3px 6px;
       font-family: monospace; 
       align-items: center;
@@ -45,14 +45,14 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
     static template = html `
   <div class="root">
     <span style="grid-column: span 3;" class="desc">Type:</span><span id="type"></span>
-    <div title="id" id="idRect" style="width: 7px; height: 7px; border: 1px solid white;"></div>
+    <button id="config" style="display: none; grid-column: 5; grid-row: span 3; height: calc(100% - 10px); margin-left: 10px;">config</button>
+    <div title="id" id="idRect" style="grid-column: 1; width: 7px; height: 7px; border: 1px solid white;"></div>
     <span style="grid-column: span 2;" class="desc">Id:</span><input type="text" id="id">
-    <div title="innerHTML" id="innerRect" style="width: 7px; height: 7px; border: 1px solid white;"></div>
+    <div title="innerHTML" id="innerRect" style="grid-column: 1; width: 7px; height: 7px; border: 1px solid white;"></div>
     <div title="textContent" id="contentRect" style="width: 7px; height: 7px; border: 1px solid white;"></div>
     <span class="desc">Content:</span><input type="text" id="content">
   </div>
-  <node-projects-property-grid id="pg"></node-projects-property-grid>
-  `;
+  <node-projects-property-grid id="pg"></node-projects-property-grid>`;
     _type;
     _id;
     _content;
@@ -63,6 +63,7 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
     _contentRect;
     _innerRect;
     _propertiesService;
+    _configButton;
     constructor() {
         super();
         this._restoreCachedInititalValues();
@@ -73,6 +74,12 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
         this._idRect = this._getDomElement('idRect');
         this._contentRect = this._getDomElement('contentRect');
         this._innerRect = this._getDomElement('innerRect');
+        this._configButton = this._getDomElement('config');
+        this._configButton.onclick = async () => {
+            const srv = await this.serviceContainer?.getLastServiceWhereAsync('configUiService', async (x) => await x.hasConfigUi(this._instanceServiceContainer.selectionService.primarySelection));
+            const ui = await srv.getConfigUi(this._instanceServiceContainer.selectionService.primarySelection);
+            this.serviceContainer.globalContext.showConfigClicked.emit({ designItem: this._instanceServiceContainer.selectionService.primarySelection, configUi: ui });
+        };
         this._propertiesService = new ContentAndIdPropertiesService();
         this._idRect.oncontextmenu = (event) => {
             event.preventDefault();
@@ -123,6 +130,13 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
         this._selectionChangedHandler = this._instanceServiceContainer.selectionService.onSelectionChanged.on(async (e) => {
             this._pg.instanceServiceContainer = value;
             await sleep(20); // delay assignment a little bit, so onblur above could still set the value.
+            const srv = await this.serviceContainer?.getLastServiceWhereAsync('configUiService', x => x.hasConfigUi(this._instanceServiceContainer.selectionService.primarySelection));
+            if (srv) {
+                this._configButton.style.display = 'block';
+            }
+            else {
+                this._configButton.style.display = 'none';
+            }
             if (this._instanceServiceContainer.selectionService.primarySelection?.nodeType == NodeType.Element)
                 this._type.innerText = this._instanceServiceContainer.selectionService.primarySelection?.name ?? '';
             else

package/dist/index.d.ts

@@ -46,6 +46,7 @@ export * from "./elements/services/demoProviderService/SimpleDemoProviderService
 export type { IDemoProviderService } from "./elements/services/demoProviderService/IDemoProviderService.js";
 export * from "./elements/services/designItemDocumentPositionService/DesignItemDocumentPositionService.js";
 export type { IDesignItemDocumentPositionService } from "./elements/services/designItemDocumentPositionService/IDesignItemDocumentPositionService.js";
+export type { IConfigUiService } from "./elements/services/configUiService/IConfigUiService.js";
 export * from "./elements/services/designItemService/DesignItemService.js";
 export type { IDesignItemService } from "./elements/services/designItemService/IDesignItemService.js";
 export * from "./elements/services/dragDropService/ExternalDragDropService.js";
@@ -65,6 +66,7 @@ export type { IEventsService } from "./elements/services/eventsService/IEventsSe
 export * from "./elements/services/eventsService/EventsService.js";
 export type { IHtmlWriterService } from "./elements/services/htmlWriterService/IHtmlWriterService.js";
 export type { IHtmlWriterOptions } from "./elements/services/htmlWriterService/IHtmlWriterOptions.js";
+export type { IStringPosition } from "./elements/services/htmlWriterService/IStringPosition.js";
 export * from "./elements/services/htmlWriterService/AbstractHtmlWriterService.js";
 export * from "./elements/services/htmlWriterService/FormatingHtmlWriterService.js";
 export * from "./elements/services/htmlWriterService/HtmlWriterService.js";
@@ -102,6 +104,7 @@ export * from "./elements/services/propertiesService/propertyEditors/ThicknessPr
 export * from "./elements/services/propertiesService/propertyEditors/special/MetricsPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/special/GridAssignedRowColumnPropertyEditor.js";
 export * from "./elements/services/propertiesService/services/PropertiesHelper.js";
+export * from "./elements/services/propertiesService/services/AttachedPropertiesService.js";
 export * from "./elements/services/propertiesService/services/BaseCustomWebComponentPropertiesService.js";
 export * from "./elements/services/propertiesService/services/CommonPropertiesService.js";
 export * from "./elements/services/propertiesService/services/ContentAndIdPropertiesService.js";

package/dist/index.js

@@ -64,6 +64,7 @@ export * from "./elements/services/propertiesService/propertyEditors/ThicknessPr
 export * from "./elements/services/propertiesService/propertyEditors/special/MetricsPropertyEditor.js";
 export * from "./elements/services/propertiesService/propertyEditors/special/GridAssignedRowColumnPropertyEditor.js";
 export * from "./elements/services/propertiesService/services/PropertiesHelper.js";
+export * from "./elements/services/propertiesService/services/AttachedPropertiesService.js";
 export * from "./elements/services/propertiesService/services/BaseCustomWebComponentPropertiesService.js";
 export * from "./elements/services/propertiesService/services/CommonPropertiesService.js";
 export * from "./elements/services/propertiesService/services/ContentAndIdPropertiesService.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.281",
+  "version": "0.0.283",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",
@@ -13,27 +13,27 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@node-projects/base-custom-webcomponent": "^0.15.0"
+    "@node-projects/base-custom-webcomponent": "^0.17.2"
   },
   "devDependencies": {
     "@adobe/css-tools": "4.3.1",
     "@node-projects/lean-he-esm": "^3.3.0",
     "@node-projects/node-html-parser-esm": "^6.1.5",
     "@papyrs/stylo": "^0.0.45",
-    "@types/codemirror": "^5.60.9",
-    "@types/css-tree": "^2.3.1",
-    "@types/jquery": "^3.5.17",
+    "@types/codemirror": "^5.60.10",
+    "@types/css-tree": "^2.3.2",
+    "@types/jquery": "^3.5.18",
     "@types/jquery.fancytree": "0.0.7",
-    "@types/node": "^20.5.6",
+    "@types/node": "^20.5.9",
     "ace-builds": "^1.24.1",
     "codemirror": "^5.0.0",
     "css-tree": "^2.3.1",
     "esprima-next": "^5.8.4",
     "html2canvas": "*",
     "jest": "^29.6.4",
-    "jquery": "^3.7.0",
+    "jquery": "^3.7.1",
     "jquery.fancytree": "^2.38.3",
-    "mdn-data": "^2.0.33",
+    "mdn-data": "^2.1.0",
     "monaco-editor": "^0.41.0",
     "ts-jest": "^29.1.1",
     "typescript": "^5.2.2",

package/debug.log

@@ -1,8 +0,0 @@
-[0823/112712.281:ERROR:registration_protocol_win.cc(103)] CreateFile: Das System kann die angegebene Datei nicht finden. (0x2)
-[0907/074645.949:ERROR:registration_protocol_win.cc(103)] CreateFile: Das System kann die angegebene Datei nicht finden. (0x2)
-[0910/083941.590:ERROR:registration_protocol_win.cc(103)] CreateFile: Das System kann die angegebene Datei nicht finden. (0x2)
-[0919/084817.864:ERROR:registration_protocol_win.cc(103)] CreateFile: Das System kann die angegebene Datei nicht finden. (0x2)
-[0928/190147.234:ERROR:registration_protocol_win.cc(103)] CreateFile: Das System kann die angegebene Datei nicht finden. (0x2)
-[0930/210040.588:ERROR:registration_protocol_win.cc(103)] CreateFile: Das System kann die angegebene Datei nicht finden. (0x2)
-[0107/215230.051:ERROR:registration_protocol_win.cc(102)] CreateFile: Das System kann die angegebene Datei nicht finden. (0x2)
-[0108/121546.570:ERROR:registration_protocol_win.cc(102)] CreateFile: Das System kann die angegebene Datei nicht finden. (0x2)