iobroker.mywebui 1.37.91 → 1.37.92

package/io-package.json

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

package/package.json

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

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

@@ -388,6 +388,10 @@ let ScreenViewer = class ScreenViewer extends BaseCustomWebComponentConstructorA
         if (window.location.href.includes('runtime.html')) return;
         const shouldPause = window.appShell?._editorAnimationsEnabled === true;
         if (shouldPause) {
+            // Stop GSAP-driven animations and effects (background-color, effects, etc.)
+            cleanupAnimations(this._rootShadow);
+            cleanupEffects(this._rootShadow);
+            // Also pause any remaining CSS @keyframes animations
             if (!this._editorPauseSheet) {
                 this._editorPauseSheet = new CSSStyleSheet();
                 this._editorPauseSheet.replaceSync('*, ::before, ::after { animation-play-state: paused !important; transition: none !important; }');
@@ -395,8 +399,14 @@ let ScreenViewer = class ScreenViewer extends BaseCustomWebComponentConstructorA
             if (!this._rootShadow.adoptedStyleSheets.includes(this._editorPauseSheet))
                 this._rootShadow.adoptedStyleSheets = [...this._rootShadow.adoptedStyleSheets, this._editorPauseSheet];
         } else {
+            // Remove CSS pause sheet
             if (this._editorPauseSheet)
                 this._rootShadow.adoptedStyleSheets = this._rootShadow.adoptedStyleSheets.filter(s => s !== this._editorPauseSheet);
+            // Restart GSAP animations if screen content is present
+            if (this._rootShadow.childElementCount > 0) {
+                scanAndApplyAnimations(this._rootShadow).catch(() => {});
+                scanAndApplyEffects(this._rootShadow).catch(() => {});
+            }
         }
     }
     _onEditorAnimationsChanged = (e) => this._applyEditorAnimationState();