iobroker.mywebui 1.37.47 → 1.37.48

package/io-package.json

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

package/package.json

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

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

@@ -345,6 +345,26 @@ let ScreenViewer = class ScreenViewer extends BaseCustomWebComponentConstructorA
                 fragment.appendChild(n);
             this._rootShadow.appendChild(fragment);
         }
+        // Group visibility SSR: remove/disable elements BEFORE applyAllBindings
+        // so bindings are never initialized for hidden elements
+        const _groupEls = [...this._rootShadow.querySelectorAll('[data-visibility-groups]')];
+        for (const el of _groupEls) {
+            const groups = el.getAttribute('data-visibility-groups')?.split(',').filter(g => g) || [];
+            const action = el.getAttribute('data-visibility-action') || 'hide';
+            if (groups.length > 0) {
+                try {
+                    const result = await iobrokerHandler.checkVisibility({ enabled: true, groups, action });
+                    if (action === 'disable' && !result.enabled) {
+                        el.style.pointerEvents = 'none';
+                        el.style.opacity = '0.5';
+                    } else if (action !== 'disable' && !result.visible) {
+                        el.remove();
+                    }
+                } catch (err) {
+                    console.error('[ScreenViewer] Group visibility check error:', err);
+                }
+            }
+        }
         // 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', {
@@ -386,8 +406,7 @@ let ScreenViewer = class ScreenViewer extends BaseCustomWebComponentConstructorA
             }
         }
         
-        // Apply visibility rules after screen is loaded
-        await visibilityService.scanAndApply(this._rootShadow);
+        // Group visibility is now handled before applyAllBindings (SSR-style, above)
     }
     _stretchView(settings) {
         const stretch = this.stretch ?? settings?.stretch;