iobroker.mywebui 1.37.67 → 1.37.68

package/io-package.json

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

package/package.json

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

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

@@ -906,7 +906,8 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
 
         const effectSel = sel([
             ['','— none —'],['opacity','Opacity'],['rotation','Rotation'],['scale','Scale'],
-            ['translate','Translate XY'],['translateX','Translate X'],['translateY','Translate Y'],
+            ['translateX','Move X (relative)'],['translateY','Move Y (relative)'],['translate','Move XY (relative)'],
+            ['left','Move Left (absolute)'],['top','Move Top (absolute)'],
             ['skew','Skew'],['fill','Fill Color'],['transform','Transform (CSS)'],
             ['svg','SVG Attribute'],['morphSVG','MorphSVG'],['motionPath','Motion Path']
         ], cfg.effect || '');

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

@@ -95,17 +95,39 @@ function buildTweenConfig(cfg, value) {
         case 'translateX':
             config.x = cfg.valueTo != null ? parseFloat(cfg.valueTo)
                 : (typeof normalVal === 'boolean' ? (normalVal ? 100 : 0) : numVal);
+            if (cfg.valueFrom != null) config.startAt = { x: parseFloat(cfg.valueFrom) };
             break;
         case 'translateY':
             config.y = cfg.valueTo != null ? parseFloat(cfg.valueTo)
                 : (typeof normalVal === 'boolean' ? (normalVal ? 100 : 0) : numVal);
+            if (cfg.valueFrom != null) config.startAt = { y: parseFloat(cfg.valueFrom) };
             break;
         case 'translate': {
-            const tv = cfg.valueTo != null ? parseFloat(cfg.valueTo)
-                : (typeof normalVal === 'boolean' ? (normalVal ? 100 : 0) : numVal);
-            config.x = tv; config.y = tv;
+            // valueTo / valueFrom: "x,y" or single number (used for x, y=0)
+            const parseXY = (v, defVal) => {
+                if (v == null) return { x: defVal, y: 0 };
+                const s = String(v);
+                const parts = s.split(',');
+                return { x: parseFloat(parts[0]) || 0, y: parts.length > 1 ? parseFloat(parts[1]) || 0 : 0 };
+            };
+            const to = parseXY(cfg.valueTo, typeof normalVal === 'boolean' ? (normalVal ? 100 : 0) : numVal);
+            config.x = to.x; config.y = to.y;
+            if (cfg.valueFrom != null) {
+                const from = parseXY(cfg.valueFrom, 0);
+                config.startAt = { x: from.x, y: from.y };
+            }
             break;
         }
+        case 'left':
+            config.left = cfg.valueTo != null ? cfg.valueTo
+                : (typeof normalVal === 'boolean' ? (normalVal ? '100px' : '0px') : (numVal + 'px'));
+            if (cfg.valueFrom != null) config.startAt = { left: isNaN(cfg.valueFrom) ? cfg.valueFrom : cfg.valueFrom + 'px' };
+            break;
+        case 'top':
+            config.top = cfg.valueTo != null ? cfg.valueTo
+                : (typeof normalVal === 'boolean' ? (normalVal ? '100px' : '0px') : (numVal + 'px'));
+            if (cfg.valueFrom != null) config.startAt = { top: isNaN(cfg.valueFrom) ? cfg.valueFrom : cfg.valueFrom + 'px' };
+            break;
         case 'skew': {
             const sv = cfg.valueTo != null ? parseFloat(cfg.valueTo)
                 : (typeof normalVal === 'boolean' ? (normalVal ? 45 : 0) : numVal);