iobroker.webui 1.35.4 → 1.36.0

package/README.md

@@ -133,6 +133,9 @@ runtime.html?screenName=screen2
 	Placeholder for next versions:
 	### __WORK IN PROGRESS__
 -->
+### 1.36.0 (2025-10-15)
+- fix some boxQuads edge cases
+
 ### 1.35.4 (2025-09-23)
 - clear cache on reload
 

package/io-package.json

@@ -1,7 +1,7 @@
 {
   "common": {
     "name": "webui",
-    "version": "1.35.4",
+    "version": "1.36.0",
     "titleLang": {
       "en": "webui",
       "de": "webui",
@@ -29,6 +29,19 @@
       "zh-cn": "使用万维网传送器的高锰用户接口"
     },
     "news": {
+      "1.36.0": {
+        "en": "fix some boxQuads edge cases",
+        "de": "befestigen Sie einige BoxQuads Randgehäuse",
+        "ru": "исправьте некоторые случаи BoxQuads edge",
+        "pt": "corrigir algumas caixasQuads edge cases",
+        "nl": "fix sommige doosQuads rand gevallen",
+        "fr": "fixer quelques cas de bord de boxQuads",
+        "it": "risolvere alcuni casi di bordo boxQuads",
+        "es": "arreglar algunas cajas de borde Cuads",
+        "pl": "naprawić kilka skrzynek boxQuads krawędzi",
+        "uk": "закріпити якусь коробкуШвидких крайових випадків",
+        "zh-cn": "修补一些框 Quads 边框"
+      },
       "1.35.4": {
         "en": "clear cache on reload",
         "de": "löschen cache auf nachladen",
@@ -106,19 +119,6 @@
         "pl": "kolejna drobna poprawka w obsłudze sygnałów",
         "uk": "ще один невеликий виправлення у керуванні сигналами",
         "zh-cn": "信号处理中的另一个小修复"
-      },
-      "1.34.1": {
-        "en": "script command wrong name fix",
-        "de": "Fehler bei der Namensschreibweise des Skriptbefehls behoben",
-        "ru": "Исправлена ошибка в неправильном названии команды скрипта",
-        "pt": "Corrigido nome incorreto do comando de script",
-        "nl": "Script command foutieve naam opgelost",
-        "fr": "Correction du nom erroné de la commande de script",
-        "it": "Correzione del nome errato del comando di script",
-        "es": "comando de script con nombre incorrecto corregido",
-        "pl": "naprawiono błąd związany z nieprawidłową nazwą polecenia skryptu",
-        "uk": "виправлено неправильну назву команди в скрипті",
-        "zh-cn": "脚本命令名称修复"
       }
     },
     "icon": "logo.png",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.webui",
-  "version": "1.35.4",
+  "version": "1.36.0",
   "description": "ioBroker webui",
   "type": "module",
   "main": "dist/backend/main.js",
@@ -44,40 +44,40 @@
   },
   "dependencies": {
     "@iobroker/adapter-core": "^3.3.2",
-    "@types/node": "^24.5.2"
+    "@types/node": "^24.7.2"
   },
   "devDependencies": {
     "@adobe/css-tools": "4.4.4",
-    "@alcalzone/release-script": "^3.8.0",
-    "@alcalzone/release-script-plugin-iobroker": "^3.7.2",
-    "@alcalzone/release-script-plugin-license": "^3.7.0",
-    "@blockly/zoom-to-fit": "^7.0.2",
+    "@alcalzone/release-script": "^4.0.0",
+    "@alcalzone/release-script-plugin-iobroker": "^4.0.0",
+    "@alcalzone/release-script-plugin-license": "^4.0.0",
+    "@blockly/zoom-to-fit": "^7.0.3",
     "@iobroker/socket-client": "^5.0.2",
     "@iobroker/testing": "^5.1.1",
     "@iobroker/webcomponent-selectid-dialog": "^1.0.12",
-    "@node-projects/base-custom-webcomponent": "0.34.0",
-    "@node-projects/lean-he-esm": "^3.3.0",
-    "@node-projects/node-html-parser-esm": "^6.2.0",
+    "@node-projects/base-custom-webcomponent": "0.41.0",
+    "@node-projects/lean-he-esm": "^3.4.1",
+    "@node-projects/node-html-parser-esm": "^6.4.1",
     "@node-projects/propertygrid.webcomponent": "^1.4.1",
     "@node-projects/splitview.webcomponent": "^1.0.1",
-    "@node-projects/web-component-designer": "^0.1.265",
+    "@node-projects/web-component-designer": "^0.1.288",
     "@node-projects/web-component-designer-codeview-monaco": "^0.1.33",
-    "@node-projects/web-component-designer-htmlparserservice-nodehtmlparser": "^0.1.11",
+    "@node-projects/web-component-designer-htmlparserservice-nodehtmlparser": "^0.1.12",
     "@node-projects/web-component-designer-stylesheetservice-css-tools": "^0.1.11",
-    "@node-projects/web-component-designer-visualization-addons": "^0.1.133",
-    "@node-projects/web-component-designer-widgets-wunderbaum": "^0.1.33",
+    "@node-projects/web-component-designer-visualization-addons": "^0.1.134",
+    "@node-projects/web-component-designer-widgets-wunderbaum": "^0.1.38",
     "@types/json-schema": "^7.0.15",
     "@web/dev-server": "^0.4.6",
     "blockly": "^12.3.1",
     "chai": "^5.3.1",
     "chai-as-promised": "^8.0.2",
     "construct-style-sheets-polyfill": "^3.1.0",
-    "cross-env": "^10.0.0",
+    "cross-env": "^10.1.0",
     "dayjs": "^1.11.18",
     "del": "^8.0.1",
-    "dock-spawn-ts": "^3.7.0",
+    "dock-spawn-ts": "^3.8.3",
     "es-module-shims": "2.6.2",
-    "eslint": "^9.36.0",
+    "eslint": "^9.37.0",
     "esprima-next": "^6.0.3",
     "glob-stream": "^8.0.3",
     "gulp": "^5.0.1",
@@ -85,14 +85,14 @@
     "gulp-replace": "^1.1.4",
     "long": "^5.3.2",
     "mobile-drag-drop": "^3.0.0-rc.0",
-    "mocha": "^11.7.2",
+    "mocha": "^11.7.4",
     "monaco-editor": "^0.50.0",
     "nyc": "^17.1.0",
     "sinon-chai": "^4.0.1",
     "toastify-js": "^1.12.0",
     "ts-node": "^10.9.2",
     "tslib": "^2.8.1",
-    "typescript": "^5.9.2",
+    "typescript": "^5.9.3",
     "typescript-json-schema": "^0.65.1",
     "wunderbaum": "0.13.0"
   }

package/www/dist/frontend/generated/Properties.json

@@ -39,7 +39,7 @@
                 "arguments",
                 "caller",
                 "name",
-                "__@hasInstance@2402"
+                "__@hasInstance@2404"
             ],
             "type": "object"
         },
@@ -79,6 +79,7 @@
                     "type": "array"
                 },
                 "bindToSize": {
+                    "description": "In bindings the properties §width and §height could be used",
                     "type": "boolean"
                 },
                 "height": {

package/www/index.html

@@ -218,7 +218,7 @@
     </button>
     <button data-command="save" title="save" disabled><img src="./node_modules/@node-projects/web-component-designer/assets/icons/save.svg"></button>
     <div style="margin-left: 30px;">
-      webui - 1.35.4 - 4399f18
+      webui - 1.36.0 - 794bf7b
     </div>
     <button style="margin-left: 30px;" data-command="paste" title="paste" disabled><img
         src="./node_modules/@node-projects/web-component-designer/assets/icons/paste.svg"></button>

package/www/node_modules/@blockly/zoom-to-fit/dist/index.js

@@ -1,3 +1,3 @@
 /*! For license information please see index.js.LICENSE.txt */
-!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("blockly/core"));else if("function"==typeof define&&define.amd)define(["blockly/core"],i);else{var o="object"==typeof exports?i(require("blockly/core")):i(t.Blockly);for(var e in o)("object"==typeof exports?exports:t)[e]=o[e]}}(this,(t=>(()=>{"use strict";var i={370:i=>{i.exports=t}},o={};function e(t){var s=o[t];if(void 0!==s)return s.exports;var r=o[t]={exports:{}};return i[t](r,r.exports,e),r.exports}e.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},e.d=(t,i)=>{for(var o in i)e.o(i,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:i[o]})},e.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),e.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var s={};e.r(s),e.d(s,{ZoomToFitControl:()=>n});var r=e(370);class n{constructor(t){this.workspace=t,this.id="zoomToFit",this.svgGroup=null,this.left=0,this.top=0,this.width=32,this.height=32,this.marginVertical=20,this.marginHorizontal=20,this.initialized=!1,this.onZoomToFitWrapper=null}init(){this.workspace.getComponentManager().addComponent({component:this,weight:2,capabilities:[r.ComponentManager.Capability.POSITIONABLE]}),this.createDom(),this.initialized=!0,this.workspace.resize()}dispose(){this.svgGroup&&r.utils.dom.removeNode(this.svgGroup),this.onZoomToFitWrapper&&(r.browserEvents.unbind(this.onZoomToFitWrapper),this.onZoomToFitWrapper=null)}createDom(){this.svgGroup=r.utils.dom.createSvgElement(r.utils.Svg.IMAGE,{height:`${this.height}px`,width:`${this.width}px`,class:"zoomToFit"}),this.svgGroup.setAttributeNS(r.utils.dom.XLINK_NS,"xlink:href",l),r.utils.dom.insertAfter(this.svgGroup,this.workspace.getBubbleCanvas()),this.onZoomToFitWrapper=r.browserEvents.conditionalBind(this.svgGroup,"pointerdown",null,this.onClick.bind(this))}onClick(t){this.workspace.zoomToFit();const i=new(r.Events.get(r.Events.CLICK))(null,this.workspace.id,"zoom_reset_control");r.Events.fire(i),t.stopPropagation(),t.preventDefault()}getBoundingRectangle(){return new r.utils.Rect(this.top,this.top+this.height,this.left,this.left+this.width)}position(t,i){var o;if(!this.initialized)return;const e=this.workspace.scrollbar&&this.workspace.scrollbar.canScrollHorizontally(),s=this.workspace.scrollbar&&this.workspace.scrollbar.canScrollVertically();t.toolboxMetrics.position===r.TOOLBOX_AT_LEFT||this.workspace.horizontalLayout&&!this.workspace.RTL?(this.left=t.absoluteMetrics.left+t.viewMetrics.width-this.width-this.marginHorizontal,e&&!this.workspace.RTL&&(this.left-=r.Scrollbar.scrollbarThickness)):(this.left=this.marginHorizontal,e&&this.workspace.RTL&&(this.left+=r.Scrollbar.scrollbarThickness));const n=t.toolboxMetrics.position!==r.TOOLBOX_AT_BOTTOM;n?(this.top=t.absoluteMetrics.top+t.viewMetrics.height-this.height-this.marginVertical,s&&(this.top-=r.Scrollbar.scrollbarThickness)):this.top=t.absoluteMetrics.top+this.marginVertical;let l=this.getBoundingRectangle();for(let t,o=0;t=i[o];o++)l.intersects(t)&&(this.top=n?t.top-this.height-this.marginVertical:t.bottom+this.marginVertical,l=this.getBoundingRectangle(),o=-1);null===(o=this.svgGroup)||void 0===o||o.setAttribute("transform",`translate(${this.left}, ${this.top})`)}}const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzU0NkU3QSI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgNi40Mkw4LjA5IDkuNSA5LjUgOC4wOSA2LjQxIDVIOVYzSDN2Nmgyem0xMC0zLjQxdjJoMi41N0wxNC41IDguMDlsMS40MSAxLjQxTDE5IDYuNDFWOWgyVjMuMDF6bTQgMTQuNTdsLTMuMDktMy4wOC0xLjQxIDEuNDFMMTcuNTkgMTlIMTV2Mmg2di02aC0yek04LjA5IDE0LjVMNSAxNy41OVYxNUgzdjZoNnYtMkg2LjQybDMuMDgtMy4wOXoiLz48L3N2Zz4=";return r.Css.register("\n.zoomToFit {\n  opacity: 0.4;\n}\n.zoomToFit:hover {\n  opacity: 0.6;\n}\n.zoomToFit:active {\n  opacity: 0.8;\n}\n"),s})()));
+!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("blockly/core"));else if("function"==typeof define&&define.amd)define(["blockly/core"],i);else{var o="object"==typeof exports?i(require("blockly/core")):i(t.Blockly);for(var e in o)("object"==typeof exports?exports:t)[e]=o[e]}}(this,t=>(()=>{"use strict";var i={370:i=>{i.exports=t}},o={};function e(t){var s=o[t];if(void 0!==s)return s.exports;var r=o[t]={exports:{}};return i[t](r,r.exports,e),r.exports}e.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},e.d=(t,i)=>{for(var o in i)e.o(i,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:i[o]})},e.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),e.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var s={};e.r(s),e.d(s,{ZoomToFitControl:()=>n});var r=e(370);class n{constructor(t){this.workspace=t,this.id="zoomToFit",this.svgGroup=null,this.left=0,this.top=0,this.width=32,this.height=32,this.marginVertical=20,this.marginHorizontal=20,this.initialized=!1,this.onZoomToFitWrapper=null}init(){this.workspace.getComponentManager().addComponent({component:this,weight:2,capabilities:[r.ComponentManager.Capability.POSITIONABLE]}),this.createDom(),this.initialized=!0,this.workspace.resize()}dispose(){this.svgGroup&&r.utils.dom.removeNode(this.svgGroup),this.onZoomToFitWrapper&&(r.browserEvents.unbind(this.onZoomToFitWrapper),this.onZoomToFitWrapper=null)}createDom(){this.svgGroup=r.utils.dom.createSvgElement(r.utils.Svg.IMAGE,{height:`${this.height}px`,width:`${this.width}px`,class:"zoomToFit"}),this.svgGroup.setAttributeNS(r.utils.dom.XLINK_NS,"xlink:href",l),r.utils.dom.insertAfter(this.svgGroup,this.workspace.getBubbleCanvas()),this.onZoomToFitWrapper=r.browserEvents.conditionalBind(this.svgGroup,"pointerdown",null,this.onClick.bind(this))}onClick(t){this.workspace.zoomToFit();const i=new(r.Events.get(r.Events.CLICK))(null,this.workspace.id,"zoom_reset_control");r.Events.fire(i),t.stopPropagation(),t.preventDefault()}getBoundingRectangle(){return new r.utils.Rect(this.top,this.top+this.height,this.left,this.left+this.width)}position(t,i){var o;if(!this.initialized)return;const e=this.workspace.scrollbar&&this.workspace.scrollbar.canScrollHorizontally(),s=this.workspace.scrollbar&&this.workspace.scrollbar.canScrollVertically();t.toolboxMetrics.position===r.TOOLBOX_AT_LEFT||this.workspace.horizontalLayout&&!this.workspace.RTL?(this.left=t.absoluteMetrics.left+t.viewMetrics.width-this.width-this.marginHorizontal,e&&!this.workspace.RTL&&(this.left-=r.Scrollbar.scrollbarThickness)):(this.left=this.marginHorizontal,e&&this.workspace.RTL&&(this.left+=r.Scrollbar.scrollbarThickness));const n=t.toolboxMetrics.position!==r.TOOLBOX_AT_BOTTOM;n?(this.top=t.absoluteMetrics.top+t.viewMetrics.height-this.height-this.marginVertical,s&&(this.top-=r.Scrollbar.scrollbarThickness)):this.top=t.absoluteMetrics.top+this.marginVertical;let l=this.getBoundingRectangle();for(let t,o=0;t=i[o];o++)l.intersects(t)&&(this.top=n?t.top-this.height-this.marginVertical:t.bottom+this.marginVertical,l=this.getBoundingRectangle(),o=-1);null===(o=this.svgGroup)||void 0===o||o.setAttribute("transform",`translate(${this.left}, ${this.top})`)}}const l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzU0NkU3QSI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgNi40Mkw4LjA5IDkuNSA5LjUgOC4wOSA2LjQxIDVIOVYzSDN2Nmgyem0xMC0zLjQxdjJoMi41N0wxNC41IDguMDlsMS40MSAxLjQxTDE5IDYuNDFWOWgyVjMuMDF6bTQgMTQuNTdsLTMuMDktMy4wOC0xLjQxIDEuNDFMMTcuNTkgMTlIMTV2Mmg2di02aC0yek04LjA5IDE0LjVMNSAxNy41OVYxNUgzdjZoNnYtMkg2LjQybDMuMDgtMy4wOXoiLz48L3N2Zz4=";return r.Css.register("\n.zoomToFit {\n  opacity: 0.4;\n}\n.zoomToFit:hover {\n  opacity: 0.6;\n}\n.zoomToFit:active {\n  opacity: 0.8;\n}\n"),s})());
 //# sourceMappingURL=index.js.map

package/www/node_modules/@node-projects/base-custom-webcomponent/dist/BaseCustomWebComponent.d.ts

@@ -41,6 +41,7 @@ export declare class BaseCustomWebComponentNoAttachedTemplate extends HTMLElemen
      */
     protected _bindingsParse(node?: Node, removeAttributes?: boolean, host?: any, context?: any, useSignals?: boolean): void;
     private _bindingsInternalParse;
+    private _getNodeValue;
     private _textFragmentBinding;
     private _bindingRunEval;
     private _bindingRunEvalInt;
@@ -58,7 +59,6 @@ export declare class BaseCustomWebComponentNoAttachedTemplate extends HTMLElemen
     protected _restoreCachedInititalValues(): void;
     protected _restoreCachedInititalValue(name: string): void;
     static instanceCreatedCallback: (i: BaseCustomWebComponentNoAttachedTemplate) => void;
-    _hmrCallback(newClass: BaseCustomWebComponentNoAttachedTemplate): void;
     constructor(template?: HTMLTemplateElement, style?: CSSStyleSheet);
 }
 export declare class BaseCustomWebComponentLazyAppend extends BaseCustomWebComponentNoAttachedTemplate {

package/www/node_modules/@node-projects/base-custom-webcomponent/dist/BaseCustomWebComponent.js

@@ -40,14 +40,6 @@ export const cssFromString = function (value) {
 };
 let _bindingRegex = /\[\[.*?\]\]/g;
 export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
-    static style;
-    static template;
-    //todo: bindings map should contain the name of the bound property
-    _bindings;
-    _repeatBindings;
-    _rootDocumentFragment;
-    _initialPropertyCache = new Map();
-    _noWarningOnBindingErrors;
     _getDomElement(id) {
         if (this.shadowRoot.children.length > 1 || (this.shadowRoot.children[0] !== undefined && this.shadowRoot.children[0].localName !== 'style'))
             return this.shadowRoot.getElementById(id);
@@ -191,13 +183,13 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                                 nm = a.name.substring(1, a.name.length);
                             const value = a.value.substring(2, a.value.length - 2).replaceAll('&', '&');
                             if (a.name == "@touch:contextmenu")
-                                addTouchFriendlyContextMenu(node, (e) => this._bindingRunEval(value, repeatBindingItems, e, host, context));
+                                addTouchFriendlyContextMenu(node, (e) => this._bindingRunEval(value, repeatBindingItems, e, host, context, node));
                             else {
                                 if (node[nm] instanceof TypedEvent) {
-                                    node[nm].on((e) => this._bindingRunEval(value, repeatBindingItems, e, host, context));
+                                    node[nm].on((e) => this._bindingRunEval(value, repeatBindingItems, e, host, context, node));
                                 }
                                 else {
-                                    node.addEventListener(nm, (e) => this._bindingRunEval(value, repeatBindingItems, e, host, context));
+                                    node.addEventListener(nm, (e) => this._bindingRunEval(value, repeatBindingItems, e, host, context, node));
                                 }
                             }
                         }
@@ -219,10 +211,10 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                     else if (a.value[0] === '{' && a.value[1] === '{' && a.value[a.value.length - 1] === '}' && a.value[a.value.length - 2] === '}') {
                         const attributeValues = a.value.substring(2, a.value.length - 2).split('::');
                         let nm = a.name;
-                        if (nm[0] == '.')
+                        if (nm[0] == '.' || nm[0] == '$' || nm[0] == '?')
                             nm = nm.substring(1);
                         let value = attributeValues[0];
-                        let event = (node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement) ? 'input' : (node instanceof HTMLSelectElement ? 'change' : nm + '-changed');
+                        let event = (node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement) ? (nm === 'checked' ? 'change' : 'input') : (node instanceof HTMLSelectElement ? 'change' : nm + '-changed');
                         if (attributeValues.length > 1 && attributeValues[1])
                             event = attributeValues[1];
                         const camelCased = nm.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
@@ -237,9 +229,9 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                         if (event) {
                             for (let x of event.split(';')) {
                                 if (node[x] instanceof TypedEvent)
-                                    node[x].on((e) => this._bindingsSetValue(host ?? this, value.replaceAll('?', ''), node[camelCased], context, repeatBindingItems));
+                                    node[x].on((e) => this._bindingsSetValue(host ?? this, value.replaceAll('?', ''), this._getNodeValue(a.name[0], node, camelCased, nm), context, repeatBindingItems));
                                 else
-                                    node.addEventListener(x, (e) => this._bindingsSetValue(host ?? this, value.replaceAll('?', ''), node[camelCased], context, repeatBindingItems));
+                                    node.addEventListener(x, (e) => this._bindingsSetValue(host ?? this, value.replaceAll('?', ''), this._getNodeValue(a.name[0], node, camelCased, nm), context, repeatBindingItems));
                             }
                         }
                     }
@@ -282,6 +274,13 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
             }
         }
     }
+    _getNodeValue(valueType, node, propertyName, attributeName) {
+        if (valueType === '?')
+            return node.hasAttribute(attributeName);
+        if (valueType === '$')
+            return node.getAttribute(attributeName);
+        return node[propertyName];
+    }
     _textFragmentBinding(node, m, repeatBindingItems, removeAttributes, host, context) {
         let value = m[0].substr(2, m[0].length - 4);
         let noNull = false;
@@ -293,13 +292,13 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
         this._bindings.push([b, null]);
         b(true, false);
     }
-    _bindingRunEval(expression, repeatBindingItems, event, host, context) {
+    _bindingRunEval(expression, repeatBindingItems, event, host, context, node) {
         if (host)
-            return this._bindingRunEvalInt.bind(host)(expression, repeatBindingItems, event, context);
-        return this._bindingRunEvalInt(expression, repeatBindingItems, event, context);
+            return this._bindingRunEvalInt.bind(host)(expression, repeatBindingItems, event, context, node);
+        return this._bindingRunEvalInt(expression, repeatBindingItems, event, context, node);
     }
     //This method can not use "this" anywhere, cause it's bound to different host via method above.
-    _bindingRunEvalInt(expression, repeatBindingItems, event, context) {
+    _bindingRunEvalInt(expression, repeatBindingItems, event, context, sender) {
         if (repeatBindingItems) {
             let n = 0;
             let set = new Set();
@@ -313,6 +312,9 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
             if (event) {
                 expression = 'let event = ___event;' + expression;
             }
+            if (sender) {
+                expression = 'let sender = ___sender;' + expression;
+            }
             if (context) {
                 for (let i in context) {
                     expression = 'let ' + i + ' = ___context["' + i + '"];' + expression;
@@ -323,25 +325,47 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
             //@ts-ignore
             var ___event = event;
             //@ts-ignore
+            var ___sender = sender;
+            //@ts-ignore
             var ___context = context;
             let value = eval(expression);
             return value;
         }
         if (context) {
+            if (event) {
+                expression = 'let event = ___event;' + expression;
+            }
+            if (sender) {
+                expression = 'let sender = ___sender;' + expression;
+            }
             for (let i in context) {
                 expression = 'let ' + i + ' = ___context["' + i + '"];' + expression;
             }
             //@ts-ignore
+            var ___event = event;
+            //@ts-ignore
+            var ___sender = sender;
+            //@ts-ignore
             var ___context = context;
             let value = eval(expression);
             return value;
         }
+        if (event) {
+            expression = 'let event = ___event;' + expression;
+        }
+        if (sender) {
+            expression = 'let sender = ___sender;' + expression;
+        }
+        //@ts-ignore
+        var ___event = event;
+        //@ts-ignore
+        var ___sender = sender;
         let value = eval(expression);
         return value;
     }
     _bindingConditional(node, expression, repeatBindingItems, elementsCache, host, context) {
         try {
-            const value = this._bindingRunEval(expression, repeatBindingItems, null, host, context);
+            const value = this._bindingRunEval(expression, repeatBindingItems, null, host, context, node);
             if (!value && elementsCache.length > 0) {
                 for (let c of elementsCache) {
                     c.parentNode.removeChild(c);
@@ -349,7 +373,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                 elementsCache.length = 0;
             }
             if (value && elementsCache.length === 0) {
-                let nd = node.content.cloneNode(true);
+                let nd = document.importNode(node.content, true);
                 elementsCache.push(...nd.children);
                 this._bindingsInternalParse(nd, repeatBindingItems, true, host, context);
                 node.parentNode.insertBefore(nd, node);
@@ -360,10 +384,9 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                 console.warn(error.message, 'Failed to bind Conditional to expression "' + expression + '"', this, node);
         }
     }
-    oldValuesSymbol = Symbol('oldValuesSymbol');
     _bindingRepeat(node, bindingProperty, bindingIndexName, expression, callback, repeatBindingItems, elementsCache, host, context) {
         try {
-            let values = this._bindingRunEval(expression, repeatBindingItems, null, host, context);
+            let values = this._bindingRunEval(expression, repeatBindingItems, null, host, context, node);
             if (values && !Array.isArray(values))
                 values = [...values];
             const oldValue = node[this.oldValuesSymbol];
@@ -383,7 +406,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                         let intRepeatBindingItems = [];
                         intRepeatBindingItems.push({ name: 'nodes', item: [c] });
                         intRepeatBindingItems.push({ name: 'callbackType', item: 'remove' });
-                        this._bindingRunEval(callback, intRepeatBindingItems, null, host, context);
+                        this._bindingRunEval(callback, intRepeatBindingItems, null, host, context, node);
                         const bnds = this._repeatBindings.get(c);
                         if (bnds?.length) {
                             for (const b of bnds) {
@@ -407,7 +430,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                             intRepeatBindingItems = repeatBindingItems.slice();
                         intRepeatBindingItems.push({ name: bindingProperty, item: e });
                         intRepeatBindingItems.push({ name: bindingIndexName, item: i });
-                        let nd = node.content.cloneNode(true);
+                        let nd = document.importNode(node.content, true);
                         elementsCache.push(...nd.children);
                         const bndCount = this._bindings.length;
                         this._bindingsInternalParse(nd, intRepeatBindingItems, true, host, context);
@@ -415,7 +438,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                         if (callback) {
                             intRepeatBindingItems.push({ name: 'nodes', item: [...nd.children] });
                             intRepeatBindingItems.push({ name: 'callbackType', item: 'create' });
-                            let nds = this._bindingRunEval(callback, intRepeatBindingItems, null, host, context);
+                            let nds = this._bindingRunEval(callback, intRepeatBindingItems, null, host, context, node);
                             if (nds === undefined)
                                 nds = nd.children;
                             if (nds) {
@@ -438,7 +461,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
     }
     _bindingSetNodeValue(firstRun, node, attribute, property, expression, repeatBindingItems, removeAttributes, host, context, noNull, onlyWhenChanged) {
         try {
-            const value = this._bindingRunEval(expression, repeatBindingItems, null, host, context);
+            const value = this._bindingRunEval(expression, repeatBindingItems, null, host, context, node);
             if (firstRun || node[property] !== value) {
                 if (removeAttributes && attribute)
                     node.removeAttribute(attribute.name);
@@ -451,7 +474,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                 }
                 else {
                     if (property[0] === '$') {
-                        if (!value && noNull)
+                        if (!!value && noNull)
                             node.setAttribute(property.substring(1), '');
                         else if (!value)
                             node.removeAttribute(property.substring(1));
@@ -459,7 +482,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
                             node.setAttribute(property.substring(1), value);
                     }
                     else if (property[0] === '?') {
-                        if (!value == true)
+                        if (!!value)
                             node.setAttribute(property.substring(1), '');
                         else
                             node.removeAttribute(property.substring(1));
@@ -488,7 +511,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
     }
     _bindingSetElementCssValue(node, property, expression, repeatBindingItems, host, context) {
         try {
-            const value = this._bindingRunEval(expression, repeatBindingItems, null, host, context);
+            const value = this._bindingRunEval(expression, repeatBindingItems, null, host, context, node);
             if (node.style[property] !== value)
                 node.style[property] = value;
         }
@@ -499,7 +522,7 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
     }
     _bindingSetElementClass(node, classname, expression, repeatBindingItems, host, context) {
         try {
-            const value = this._bindingRunEval(expression, repeatBindingItems, null, host, context);
+            const value = this._bindingRunEval(expression, repeatBindingItems, null, host, context, node);
             if (value) {
                 if (!node.classList.contains(classname))
                     node.classList.add(classname);
@@ -556,8 +579,6 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
         }
         target[pathParts[pathParts.length - 1]] = value;
     }
-    //@ts-ignore
-    static _propertiesDictionary;
     _parseAttributesToProperties(noBindings = false) {
         //@ts-ignore
         if (!this.constructor._propertiesDictionary) {
@@ -613,42 +634,21 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
         if (!this._initialPropertyCache.size)
             this._initialPropertyCache = undefined;
     }
-    static instanceCreatedCallback;
-    _hmrCallback(newClass) {
-        let oldIdx = -1;
-        //@ts-ignore
-        if (this.constructor.style) {
-            //@ts-ignore
-            oldIdx = this.shadowRoot.adoptedStyleSheets.indexOf(this.constructor.style);
-            if (oldIdx >= 0) {
-                let newArr = Array.from(this.shadowRoot.adoptedStyleSheets);
-                newArr.splice(oldIdx, 1);
-                this.shadowRoot.adoptedStyleSheets = newArr;
-            }
-        }
-        if (newClass.style) {
-            if (oldIdx >= 0) {
-                let newArr = Array.from(this.shadowRoot.adoptedStyleSheets);
-                //@ts-ignore
-                newArr.splice(oldIdx, 0, newClass.style);
-                this.shadowRoot.adoptedStyleSheets = newArr;
-            }
-        }
-    }
     constructor(template, style) {
         super();
+        this._initialPropertyCache = new Map();
+        this.oldValuesSymbol = Symbol('oldValuesSymbol');
         if (BaseCustomWebComponentNoAttachedTemplate.instanceCreatedCallback)
             BaseCustomWebComponentNoAttachedTemplate.instanceCreatedCallback(this);
         if (!this.shadowRoot)
             this.attachShadow({ mode: 'open' });
-        if (template) {
+        if (!template) {
             //@ts-ignore
-            this._rootDocumentFragment = template.content.cloneNode(true);
+            template = this.constructor.template;
         }
-        //@ts-ignore
-        else if (this.constructor.template) {
+        if (template) {
             //@ts-ignore
-            this._rootDocumentFragment = this.constructor.template.content.cloneNode(true);
+            this._rootDocumentFragment = document.importNode(template.content, true);
         }
         //@ts-ignore
         if (this.templateCloned) {
@@ -739,7 +739,6 @@ export class BaseCustomWebComponentLazyAppendConnectedReady extends BaseCustomWe
                 this.shadowRoot.appendChild(this._rootDocumentFragment);
         });
     }
-    _isReady;
     connectedCallback() {
         //@ts-ignore
         if (this.ready && !this._isReady)
@@ -754,7 +753,6 @@ export class BaseCustomWebComponentConnectedReady extends BaseCustomWebComponent
         if (this._rootDocumentFragment)
             this.shadowRoot.appendChild(this._rootDocumentFragment);
     }
-    _isReady;
     connectedCallback() {
         //@ts-ignore
         if (this.ready && !this._isReady)

package/www/node_modules/@node-projects/base-custom-webcomponent/dist/DeclaritiveBaseCustomWebcomponent.js

@@ -53,15 +53,12 @@ class BaseDeclaritiveWebcomponent extends BaseCustomWebComponentNoAttachedTempla
     }
 }
 class DeclaritiveBaseCustomWebcomponent extends BaseCustomWebComponentNoAttachedTemplate {
-    static style = css `:host{display:none;}`;
-    name;
-    enableBindings;
-    properties;
-    static properties = {
+    static { this.style = css `:host{display:none;}`; }
+    static { this.properties = {
         name: String,
         enableBindings: Boolean,
         properties: String
-    };
+    }; }
     constructor() {
         super();
         this._parseAttributesToProperties();

package/www/node_modules/@node-projects/base-custom-webcomponent/dist/Decorator.js

@@ -8,13 +8,18 @@ export function customElement(tagname) {
 globalThis.baseCustomWebComponentPropertyMetadata ??= new WeakMap();
 const legacyProperty = (par, proto, name) => {
     //@ts-ignore
-    if (!proto.constructor.properties) {
+    if (!Object.hasOwn(proto.constructor, 'properties')) {
         //@ts-ignore
-        proto.constructor.properties = {};
+        if (proto.constructor.properties)
+            //@ts-ignore
+            Object.defineProperty(proto.constructor, 'properties', { value: { ...proto.constructor.properties }, writable: true, configurable: true });
+        else
+            //@ts-ignore
+            proto.constructor.properties = {};
     }
     if (par && par.type != null) {
         //@ts-ignore
-        proto.constructor.properties[name] = par.type ? par.type : String;
+        proto.constructor.properties[name] = par;
     }
     else {
         //@ts-ignore

package/www/node_modules/@node-projects/base-custom-webcomponent/dist/HotModuleReplacement.js

@@ -11,8 +11,12 @@ export function getFunctionType(x) {
         : '';
 }
 export class HotModuleReplacement {
-    static changesFetcher;
-    static instances = [];
+    static { this.instances = []; }
+    static enableHMR() {
+        BaseCustomWebComponentNoAttachedTemplate.instanceCreatedCallback = (i) => {
+            HotModuleReplacement.instances.push(new WeakRef(i));
+        };
+    }
     static initHMR(fetchChangedFiles) {
         HotModuleReplacement.changesFetcher = fetchChangedFiles;
         BaseCustomWebComponentNoAttachedTemplate.instanceCreatedCallback = (i) => {
@@ -28,14 +32,19 @@ export class HotModuleReplacement {
     static async pollForChanges(interval) {
         let changes = await HotModuleReplacement.changesFetcher();
         if (changes != null) {
-            for (let file of changes) {
-                HotModuleReplacement.assertFileType(file);
-            }
+            HotModuleReplacement.assertChangedFiles(changes);
         }
         setTimeout(() => {
             HotModuleReplacement.pollForChanges(interval);
         }, interval);
     }
+    static assertChangedFiles(changes) {
+        if (changes != null) {
+            for (let file of changes) {
+                HotModuleReplacement.assertFileType(file);
+            }
+        }
+    }
     static assertFileType(file) {
         switch (file.trim().toLowerCase().split(".").pop()) {
             case "css":
@@ -61,6 +70,7 @@ export class HotModuleReplacement {
         for (let nameOfexport in newModule) {
             const classExport = newModule[nameOfexport];
             if (getFunctionType(classExport) == 'class') {
+                let oldConstructor = null;
                 let i = HotModuleReplacement.instances.length;
                 while (i--) {
                     let instanceRef = HotModuleReplacement.instances[i];
@@ -69,12 +79,42 @@ export class HotModuleReplacement {
                         if (classExport.name == instance.constructor.name) {
                             if (instance._hmrCallback)
                                 instance._hmrCallback(classExport);
+                            else {
+                                let oldIdx = -1;
+                                oldConstructor = instance.constructor;
+                                if (instance.constructor.style) {
+                                    oldIdx = instance.shadowRoot.adoptedStyleSheets.indexOf(instance.constructor.style);
+                                    if (oldIdx >= 0) {
+                                        let newArr = Array.from(instance.shadowRoot.adoptedStyleSheets);
+                                        newArr.splice(oldIdx, 1);
+                                        instance.shadowRoot.adoptedStyleSheets = newArr;
+                                    }
+                                }
+                                if (classExport.style) {
+                                    if (oldIdx >= 0) {
+                                        let newArr = Array.from(instance.shadowRoot.adoptedStyleSheets);
+                                        //@ts-ignore
+                                        newArr.splice(oldIdx, 0, classExport.style);
+                                        instance.shadowRoot.adoptedStyleSheets = newArr;
+                                    }
+                                }
+                                if (instance._bindings) {
+                                    instance.constructor.template = classExport.template;
+                                    instance._rootDocumentFragment = document.importNode(instance.constructor.template.content, true);
+                                    instance.shadowRoot.innerHTML = '';
+                                    instance.shadowRoot.appendChild(instance._rootDocumentFragment);
+                                    instance._bindings = null;
+                                    instance._bindingsParse();
+                                }
+                            }
                         }
                     }
                     else {
                         HotModuleReplacement.instances.splice(i, 1);
                     }
                 }
+                if (oldConstructor)
+                    oldConstructor.constructor.style = classExport.style;
             }
         }
         for (let nameOfexport in oldModule) {