iobroker.mywebui 1.37.52 → 1.37.54

package/io-package.json

@@ -1,7 +1,7 @@
 {
   "common": {
     "name": "mywebui",
-    "version": "1.37.52",
+    "version": "1.37.54",
     "titleLang": {
       "en": "mywebui",
       "de": "mywebui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.mywebui",
-  "version": "1.37.52",
+  "version": "1.37.54",
   "description": "ioBroker mywebui - Custom edited mywebui by gokturk413",
   "type": "module",
   "main": "dist/backend/main.js",

package/www/dist/frontend/common/IobrokerHandler.js

@@ -785,11 +785,13 @@ export class IobrokerHandler {
             // Group check — server-side via sendTo (ioBroker DB-dən oxuyur, manipulate edilə bilməz)
             if (visibilityConfig.groups && visibilityConfig.groups.length > 0) {
                 const username = this.userName || await this.connection.getCurrentUser();
-                const result = await this.connection.sendTo(
+                const _timeout = new Promise(r => setTimeout(() => r({ visible: true, enabled: true }), 4000));
+                const _sendTo = this.connection.sendTo(
                     this.namespace,
                     'checkVisibility',
                     { username, allowedGroups: visibilityConfig.groups, action: visibilityConfig.action || 'hide' }
                 );
+                const result = await Promise.race([_sendTo, _timeout]);
                 if (!result.visible || !result.enabled) {
                     return result;
                 }

package/www/dist/frontend/runtime/ScreenViewer.js

@@ -365,6 +365,17 @@ let ScreenViewer = class ScreenViewer extends BaseCustomWebComponentConstructorA
                 }
             }
         }
+        // Custom bind-prop:hidden handler — uses inline style instead of hidden attribute
+        // because web components with :host{display:block} override the UA [hidden]{display:none}
+        for (const el of this._rootShadow.querySelectorAll('[bind-prop\\:hidden]')) {
+            Object.defineProperty(el, 'hidden', {
+                configurable: true,
+                set(val) {
+                    el.style.display = val ? 'none' : '';
+                },
+                get() { return el.style.display === 'none'; }
+            });
+        }
         // Custom bind-prop:disable handler — sets pointer-events+opacity when value is truthy
         for (const el of this._rootShadow.querySelectorAll('[bind-prop\\:disable]')) {
             Object.defineProperty(el, 'disable', {