iobroker.mywebui 1.38.4 → 1.38.5

package/io-package.json

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

package/package.json

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

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

@@ -675,9 +675,13 @@ async function _applyEffect(el, cfg) {
                 const gapLen  = parseFloat(cfg.gapLen)  || 20;
                 const flowColor = cfg.color || null;
                 const flowDir = cfg.direction === 'reverse' ? 'reverse' : 'normal';
-                el.style.strokeDasharray = `${dashLen} ${gapLen}`;
-                if (flowColor) el.style.stroke = flowColor;
-                _flowDashAnim = el.animate(
+                // if el is <svg>, animate the inner stroke element
+                const dashTarget = el.tagName.toLowerCase() === 'svg'
+                    ? (el.querySelector('path,line,polyline,polygon,rect,circle,ellipse') || el)
+                    : el;
+                dashTarget.style.strokeDasharray = `${dashLen} ${gapLen}`;
+                if (flowColor) dashTarget.style.stroke = flowColor;
+                _flowDashAnim = dashTarget.animate(
                     [{ strokeDashoffset: dashLen + gapLen }, { strokeDashoffset: 0 }],
                     { duration: dur * 1000, iterations: Infinity, easing: 'linear', direction: flowDir, delay: delay * 1000 }
                 );
@@ -688,10 +692,14 @@ async function _applyEffect(el, cfg) {
                 const shapeType = cfg.shape            || 'triangle';
                 const flowColor = cfg.color            || '#0066ff';
                 const size      = parseFloat(cfg.size) || 8;
-                const svg       = el.ownerSVGElement || el.closest('svg');
+                // if el is <svg>, find the inner stroke element to follow
+                const pathTarget = el.tagName.toLowerCase() === 'svg'
+                    ? (el.querySelector('path,line,polyline,polygon,rect,circle,ellipse') || el)
+                    : el;
+                const svg = pathTarget.ownerSVGElement || pathTarget.closest('svg') || el;
                 if (!svg) break;
                 // Convert line/polyline/circle/rect → <path> so GSAP MotionPath works
-                const { pathEl: motionPathEl, tempEl: tempMotionEl } = ensurePathEl(el);
+                const { pathEl: motionPathEl, tempEl: tempMotionEl } = ensurePathEl(pathTarget);
                 if (tempMotionEl) _pathFlowEls.push(tempMotionEl);
                 const svgNS = 'http://www.w3.org/2000/svg';
                 const makeShape = () => {