iobroker.mywebui 1.37.46 → 1.37.48

package/io-package.json

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

package/package.json

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

package/www/dist/frontend/config/IobrokerWebuiAppShell.js

@@ -486,9 +486,11 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
                         designItem.setAttribute('bind-prop:hidden', JSON.stringify(bnd));
                         designItem.removeAttribute('bind-prop:disable');
                     }
+                    designItem.setAttribute('data-visibility-action', action);
                 } else {
                     designItem.removeAttribute('bind-prop:hidden');
                     designItem.removeAttribute('bind-prop:disable');
+                    designItem.removeAttribute('data-visibility-action');
                 }
                 designItem.removeAttribute('data-visibility-signal');
                 this._updateVisibilityPanel();
@@ -585,7 +587,10 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
         const enableCheck = document.createElement('input');
         enableCheck.type = 'checkbox';
         enableCheck.checked = dataConfig.enabled || false;
-        enableCheck.onchange = () => updateGroupConfig('enabled', enableCheck.checked);
+        enableCheck.onchange = () => {
+            updateGroupConfig('enabled', enableCheck.checked);
+            if (enableCheck.checked) updateGroupConfig('action', actionSelect.value);
+        };
         enableLabel.appendChild(enableCheck);
         enableLabel.appendChild(document.createTextNode('Enable Group Visibility Control'));
         enableDiv.appendChild(enableLabel);

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;