iobroker.mywebui 1.37.65 → 1.37.66

package/io-package.json

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

package/package.json

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

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

@@ -874,22 +874,6 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
             headText.textContent = label;
             head.appendChild(headText);
             wrap.appendChild(head);
-            const oidInp = document.createElement('input');
-            oidInp.type = 'text'; oidInp.value = ctrlCfg.oid || '';
-            oidInp.placeholder = 'OID…';
-            oidInp.style.cssText = 'width:100%;box-sizing:border-box;padding:3px 5px;font-size:11px;border:1px solid #ccc;border-radius:3px;margin-bottom:3px;';
-            oidInp.onchange = save;
-            const pickBtn = document.createElement('button');
-            pickBtn.textContent = '…';
-            pickBtn.style.cssText = 'padding:2px 6px;font-size:11px;cursor:pointer;border:1px solid #aaa;border-radius:3px;margin-left:3px;';
-            pickBtn.onclick = async () => {
-                const picked = await openSelectIdDialog(document.body, { id: oidInp.value });
-                if (picked) { oidInp.value = picked; save(); }
-            };
-            const oidRow2 = document.createElement('div');
-            oidRow2.style.cssText = 'display:flex;margin-bottom:3px;';
-            oidRow2.appendChild(oidInp); oidRow2.appendChild(pickBtn);
-            wrap.appendChild(oidRow2);
             const condSel = sel([
                 ['equal','='],['not_equal','≠'],['less_than','<'],['less_equal','≤'],
                 ['greater_than','>'],['greater_equal','≥'],['exists','exists']
@@ -904,7 +888,7 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
             condRow.appendChild(condSel); condRow.appendChild(valInp);
             wrap.appendChild(condRow);
             wrap._getCtrl = () => {
-                const v = { oid: oidInp.value || undefined, condition: condSel.value, value: valInp.value };
+                const v = { condition: condSel.value, value: valInp.value };
                 if (ctrlCfg.oid_bind) v.oid_bind = ctrlCfg.oid_bind;
                 return v;
             };
@@ -1071,8 +1055,7 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
             if (parseFloat(delayInp.value)) out.delay = parseFloat(delayInp.value);
             if (parseInt(repeatInp.value)) out.repeat = parseInt(repeatInp.value);
             out.ease = easeSel.value || 'power2.out';
-            if (triggerSel.value === 'oid' && (oidInp.value || cfg.oid_bind)) {
-                if (oidInp.value) out.oid = oidInp.value;
+            if (triggerSel.value === 'oid') {
                 out.condition = condSel.value;
                 out.conditionValue = condValInp.value;
             }
@@ -1153,21 +1136,12 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
             ['elastic.out(1,0.3)','elastic.out'],['back.inOut(1.7)','back.inOut'],['none','none']
         ], cfg.ease || 'power2.out');
 
-        const oidInp     = inp(cfg.oid || '');
         const condSel    = sel([['equal','='],['not_equal','≠'],['less_than','<'],['greater_than','>'],['exists','exists']], cfg.condition || 'equal');
         const condValInp = inp(cfg.conditionValue ?? 'true');
         const glowColorInp = inp(cfg.glowColor || 'yellow', 'color');
         const glowSizeInp  = inp(cfg.glowSize || 10, 'number');
         const blurInp      = inp(cfg.blurAmount || 5, 'number');
 
-        const oidPickBtn = document.createElement('button');
-        oidPickBtn.textContent = '…';
-        oidPickBtn.style.cssText = 'padding:2px 6px;font-size:11px;cursor:pointer;border:1px solid #aaa;border-radius:3px;flex-shrink:0;';
-        oidPickBtn.onclick = async () => {
-            const picked = await openSelectIdDialog(document.body, { id: oidInp.value });
-            if (picked) { oidInp.value = picked; save(); }
-        };
-
         // ── Build UI ──────────────────────────────────────────────────────────
         content.innerHTML = '';
 
@@ -1192,14 +1166,10 @@ export class IobrokerWebuiAppShell extends BaseCustomWebComponentConstructorAppe
         const oidLabelText = document.createElement('span');
         oidLabelText.textContent = 'OID';
         oidLabel.appendChild(oidLabelText);
-        const oidRowDiv = document.createElement('div');
-        oidRowDiv.style.cssText = 'display:flex;gap:3px;margin-bottom:4px;padding-left:15px;';
-        oidRowDiv.appendChild(oidInp); oidRowDiv.appendChild(oidPickBtn);
         const condRowDiv = document.createElement('div');
         condRowDiv.style.cssText = 'display:flex;gap:3px;margin-bottom:6px;padding-left:15px;';
         condRowDiv.appendChild(condSel); condRowDiv.appendChild(condValInp);
         oidSection.appendChild(oidLabel);
-        oidSection.appendChild(oidRowDiv);
         oidSection.appendChild(condRowDiv);
         content.appendChild(oidSection);
         triggerSel.addEventListener('change', () => { oidSection.style.display = triggerSel.value === 'oid' ? '' : 'none'; });

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

@@ -200,16 +200,27 @@ class AnimationInstance {
             'fillColorFrom', 'fillColorTo', 'transformOriginX', 'transformOriginY',
             'svgAttr', 'pathId', 'alignToPath', 'orientToPath'
         ];
+        let _restartTimer = null;
         for (const prop of dynamicProps) {
             const bindCfg = this.cfg[prop + '_bind'];
             if (!bindCfg?.signal) continue;
             const propCapture = prop;
             const handler = (id, state) => {
-                if (state?.val != null) {
-                    this.cfg[propCapture] = state.val;
-                    // Rebuild tween if currently playing
-                    if (this.tween && !this.tween.paused()) this._play();
+                if (state?.val == null) return;
+                this.cfg[propCapture] = state.val;
+                if (!this.tween) return;
+                // Duration: adjust timeScale without restarting (smooth for repeat:-1)
+                if (propCapture === 'duration' && this.tween.vars) {
+                    const origDur = parseFloat(this.tween.vars.duration) || 1;
+                    const newDur = parseFloat(state.val) || 1;
+                    this.tween.timeScale(origDur / newDur);
+                    return;
                 }
+                // Other props: debounced restart so rapid changes don't freeze
+                clearTimeout(_restartTimer);
+                _restartTimer = setTimeout(() => {
+                    if (this.tween && !this.tween.paused()) this._play();
+                }, 60);
             };
             try {
                 iobrokerHandler.connection.subscribeState(bindCfg.signal, handler);