iobroker.mywebui 1.100.0 → 1.103.0

package/default-controls/controls/plantpax/ain-faceplate.control

@@ -0,0 +1,23 @@
+{
+ "properties": {
+  "root": {
+   "type": "signal",
+   "default": ""
+  },
+  "type": {
+   "type": "string",
+   "default": "P_AIn"
+  },
+  "unit": {
+   "type": "string",
+   "default": ""
+  }
+ },
+ "settings": {
+  "width": "400px",
+  "height": "460px"
+ },
+ "html": "<div class=\"fp\"><div class=\"fp-hdr\"><span class=\"fp-title\">[[this.root]]</span><button class=\"fp-adv-btn\" title=\"Advanced\" @click=\"[[this._adv()]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M4 6h10M4 12h16M4 18h7\"/><circle cx=\"17\" cy=\"6\" r=\"2\"/><circle cx=\"14\" cy=\"18\" r=\"2\"/></svg></button><button class=\"fp-x\" @click=\"[[window.IOB.closeFaceplate()]]\">✕</button></div><div class=\"fp-tabs\" data-group=\"main\"><button class=\"fp-tab\" data-tab=\"Operator\" title=\"Operator\" @click=\"[[this._tab('Operator')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M3 11l9-8 9 8\"/><path d=\"M5 10v10h14V10\"/></svg></button><button class=\"fp-tab\" data-tab=\"Maintenance\" title=\"Maintenance\" @click=\"[[this._tab('Maintenance')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M14 6a3.5 3.5 0 00-4.8 4.2l-5 5 1.4 1.4 5-5A3.5 3.5 0 0014 6z\"/><circle cx=\"16.5\" cy=\"7.5\" r=\"1.2\"/></svg></button><button class=\"fp-tab\" data-tab=\"Trends\" title=\"Trends\" @click=\"[[this._tab('Trends')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M3 17l5-6 4 3 6-8\"/><path d=\"M3 21h18\"/></svg></button><button class=\"fp-tab\" data-tab=\"Diagnostics\" title=\"Diagnostics\" @click=\"[[this._tab('Diagnostics')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M6 3v6a4 4 0 008 0V3\"/><path d=\"M10 15v2a4 4 0 008 0v-1\"/><circle cx=\"18\" cy=\"14\" r=\"2\"/></svg></button><button class=\"fp-tab\" data-tab=\"Alarms\" title=\"Alarms\" @click=\"[[this._tab('Alarms')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M18 8a6 6 0 10-12 0c0 7-3 9-3 9h18s-3-2-3-9\"/><path d=\"M13.7 21a2 2 0 01-3.4 0\"/></svg><span class=\"fp-tab-badge\" bind-css:display=\"[[this.anyAlarm?'':'none']]\"></span></button></div><div class=\"fp-tabs hidden\" data-group=\"advanced\"><button class=\"fp-tab\" data-tab=\"Main\" title=\"Back to Main\" @click=\"[[this._main()]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M15 6l-6 6 6 6\"/></svg></button><button class=\"fp-tab\" data-tab=\"Engineering\" title=\"Engineering\" @click=\"[[this._tab('Engineering')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><circle cx=\"12\" cy=\"12\" r=\"3\"/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1\"/></svg></button><button class=\"fp-tab\" data-tab=\"HMI\" title=\"HMI Config\" @click=\"[[this._tab('HMI')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"1\"/><path d=\"M3 8h18\"/></svg></button><button class=\"fp-tab\" data-tab=\"Faults\" title=\"Faults\" @click=\"[[this._tab('Faults')]]\"><svg viewBox=\"0 0 24 24\" class=\"fp-ic\"><path d=\"M12 4v10\"/><circle cx=\"12\" cy=\"19\" r=\"0.6\"/></svg></button></div><div class=\"fp-body\"><div data-pane=\"Operator\"><webui-plantpax-components-level-bar id=\"lbar\"></webui-plantpax-components-level-bar><div class=\"fp-sec\" style=\"margin-top:8px\">Trend</div><webui-plantpax-components-sparkline id=\"spark\" style=\"display:block;height:44px\"></webui-plantpax-components-sparkline><div class=\"fp-row\"><span class=\"lbl\">PV Quality</span><span bind-attr:class=\"[[this.pvBad?'qual bad':(this.pvUncertain?'qual unc':'qual good')]]\">[[this.pvBad?'BAD':(this.pvUncertain?'UNCERTAIN':'GOOD')]]</span></div><div class=\"fp-row\"><span class=\"lbl\">PV Source</span><span>[[this.substActive?'Substitute (manual)':'Input (process)']]</span></div></div><div data-pane=\"Maintenance\" class=\"hidden\"><div class=\"fp-mrow head\"><span class=\"mnm\"></span><span class=\"mh\">Threshold</span><span class=\"mh\">Deadband</span></div><div class=\"fp-mrow\"><span class=\"mnm\">HiHi</span><input type=\"number\" class=\"mnum\" data-field=\"hiHiLim\" bind-prop:value=\"[[this.hiHiLim]]\" placeholder=\"limit\"><input type=\"number\" class=\"mnum\" data-field=\"hiHiDB\" bind-prop:value=\"[[this.hiHiDB]]\" placeholder=\"db\"></div><div class=\"fp-mrow\"><span class=\"mnm\">Hi</span><input type=\"number\" class=\"mnum\" data-field=\"hiLim\" bind-prop:value=\"[[this.hiLim]]\" placeholder=\"limit\"><input type=\"number\" class=\"mnum\" data-field=\"hiDB\" bind-prop:value=\"[[this.hiDB]]\" placeholder=\"db\"></div><div class=\"fp-mrow\"><span class=\"mnm\">Lo</span><input type=\"number\" class=\"mnum\" data-field=\"loLim\" bind-prop:value=\"[[this.loLim]]\" placeholder=\"limit\"><input type=\"number\" class=\"mnum\" data-field=\"loDB\" bind-prop:value=\"[[this.loDB]]\" placeholder=\"db\"></div><div class=\"fp-mrow\"><span class=\"mnm\">LoLo</span><input type=\"number\" class=\"mnum\" data-field=\"loLoLim\" bind-prop:value=\"[[this.loLoLim]]\" placeholder=\"limit\"><input type=\"number\" class=\"mnum\" data-field=\"loLoDB\" bind-prop:value=\"[[this.loLoDB]]\" placeholder=\"db\"></div><div class=\"fp-row\" style=\"margin-top:10px\"><span class=\"lbl\">Substitute PV</span><button class=\"fp-btn\" data-subst=\"1\">[[this.substActive?'Use Input':'Use Substitute']]</button></div></div><div data-pane=\"Engineering\" class=\"hidden\"><div class=\"fp-sec\">Raw Input Scaling</div><div class=\"fp-row\"><span class=\"lbl\">Input Max</span><input type=\"number\" data-field=\"inpRawMax\" bind-prop:value=\"[[this.inpRawMax]]\"></div><div class=\"fp-row\"><span class=\"lbl\">Input Min</span><input type=\"number\" data-field=\"inpRawMin\" bind-prop:value=\"[[this.inpRawMin]]\"></div><div class=\"fp-row\"><span class=\"lbl\">Scaled Max (EU)</span><input type=\"number\" data-field=\"pvEuMax\" bind-prop:value=\"[[this.pvEuMax]]\"></div><div class=\"fp-row\"><span class=\"lbl\">Scaled Min (EU)</span><input type=\"number\" data-field=\"pvEuMin\" bind-prop:value=\"[[this.pvEuMin]]\"></div><div class=\"fp-sec\">PV Source and Quality</div><label class=\"fp-chk\"><input type=\"checkbox\" data-fieldb=\"noSubstPV\"><span>Disable selection of Substitute PV</span></label><div class=\"fp-row\"><span class=\"lbl\">PV Filter Time Constant (sec)</span><input type=\"number\" data-field=\"filtTC\" bind-prop:value=\"[[this.filtTC]]\"></div></div><div data-pane=\"Trends\" class=\"hidden\"><div class=\"fp-sec\">PV Trend</div><webui-plantpax-components-sparkline id=\"sparkbig\" style=\"display:block;height:160px\" bind-prop:points=\"120\"></webui-plantpax-components-sparkline><div class=\"fp-row\" style=\"margin-top:6px\"><span class=\"lbl\">Current</span><span>[[this.pv==null?'--':this.pv]] [[this.unit||'']]</span></div></div><div data-pane=\"Diagnostics\" class=\"hidden\"><div class=\"fp-sec\">Signal Chain</div><div class=\"fp-row\"><span class=\"lbl\">Raw / Scaled Input</span><span>[[this.valInpPV==null?'--':this.valInpPV]]</span></div><div class=\"fp-row\"><span class=\"lbl\">Scaled PV (EU)</span><span>[[this.pv==null?'--':this.pv]] [[this.unit||'']]</span></div><div class=\"fp-row\"><span class=\"lbl\">PV Quality</span><span bind-attr:class=\"[[this.pvBad?'qual bad':(this.pvUncertain?'qual unc':'qual good')]]\">[[this.pvBad?'BAD':(this.pvUncertain?'UNCERTAIN':'GOOD')]]</span></div><div class=\"fp-row\"><span class=\"lbl\">Substitute Active</span><span>[[this.substActive?'YES':'no']]</span></div></div><div data-pane=\"Alarms\" class=\"hidden\"><button class=\"fp-btn\" data-ackall=\"1\" style=\"margin-bottom:8px\">Ack All</button><div class=\"fp-alm\" bind-attr:class=\"[[this.hiHiAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">HiHi</span><button class=\"fp-btn\" data-ack=\"hiHiAck\">ACK</button></div><div class=\"fp-alm\" bind-attr:class=\"[[this.hiAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Hi</span><button class=\"fp-btn\" data-ack=\"hiAck\">ACK</button></div><div class=\"fp-alm\" bind-attr:class=\"[[this.loAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Lo</span><button class=\"fp-btn\" data-ack=\"loAck\">ACK</button></div><div class=\"fp-alm\" bind-attr:class=\"[[this.loLoAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">LoLo</span><button class=\"fp-btn\" data-ack=\"loLoAck\">ACK</button></div><div class=\"fp-alm\" bind-attr:class=\"[[this.failAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Fail</span><button class=\"fp-btn\" data-ack=\"failAck\">ACK</button></div></div><div data-pane=\"HMI\" class=\"hidden\"><div class=\"fp-sec\">HMI Configuration</div><div class=\"fp-row\"><span class=\"lbl\">Instance</span><span style=\"font-size:11px;word-break:break-all\">[[this.root]]</span></div><div class=\"fp-row\"><span class=\"lbl\">Type</span><span>[[this.type]]</span></div><div class=\"fp-row\"><span class=\"lbl\">EU Units</span><span>[[this.unit||'—']]</span></div></div><div data-pane=\"Faults\" class=\"hidden\"><div class=\"fp-sec\">Faults &amp; Status</div><div class=\"fp-alm\" bind-attr:class=\"[[this.failAlarm?'fp-alm active':'fp-alm']]\"><span class=\"fp-chip\"></span><span class=\"nm\">Input Fail</span></div><div class=\"fp-row\"><span class=\"lbl\">PV Bad</span><span>[[this.pvBad?'YES':'no']]</span></div><div class=\"fp-row\"><span class=\"lbl\">PV Uncertain</span><span>[[this.pvUncertain?'YES':'no']]</span></div></div></div></div>",
+ "style": ":host{display:block;font-family:'Segoe UI',sans-serif;color:var(--ui-text,#e8e8ea);}.fp{display:flex;flex-direction:column;min-width:320px;}.fp-hdr{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--ui-border,#4a5570);}.fp-title{font-weight:700;flex:1;font-size:13px;}.fp-x{cursor:pointer;background:none;border:none;color:var(--ui-text,#e8e8ea);font-size:16px;}.fp-adv-btn{cursor:pointer;background:none;border:none;color:var(--ui-dim,#9aa3b0);padding:2px;display:flex;}.fp-adv-btn:hover{color:var(--accent,#2680eb);}.fp-tabs{display:flex;gap:4px;padding:6px 8px 0;background:var(--ui-surface-2,#2f3545);border-bottom:1px solid var(--ui-border,#4a5570);}.fp-tab{position:relative;padding:7px 12px;cursor:pointer;background:none;border:none;color:var(--ui-dim,#9aa3b0);border-bottom:2px solid transparent;display:flex;align-items:center;}.fp-tab:hover{color:var(--ui-text,#e8e8ea);}.fp-tab.sel{color:var(--accent,#2680eb);border-bottom-color:var(--accent,#2680eb);}.fp-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.fp-tab-badge{position:absolute;top:4px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--ui-error,#e5484d);}.fp-body{padding:12px;}.fp-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}.fp-row .lbl{width:120px;opacity:.75;font-size:12px;}.fp-row input{flex:1;padding:4px;background:var(--ui-surface-2,#2f3545);color:var(--ui-text,#e8e8ea);border:1px solid var(--ui-border,#4a5570);border-radius:3px;}.fp-btn{padding:5px 10px;background:var(--accent,#2680eb);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;}.fp-alm{display:flex;align-items:center;gap:8px;margin-bottom:6px;}.fp-chip{width:12px;height:12px;border-radius:50%;background:var(--ui-ok,#30a46c);}.fp-alm.active .fp-chip{background:var(--ui-error,#e5484d);}.fp-alm .nm{width:60px;font-size:12px;}.pv-big{font-size:34px;font-weight:700;}.fp-sec{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent,#2680eb);margin:12px 0 6px;border-bottom:1px solid var(--ui-border,#4a5570);padding-bottom:3px;}.fp-mrow{display:flex;align-items:center;gap:8px;margin-bottom:5px;}.fp-mrow .mnm{width:44px;font-size:12px;opacity:.8;}.fp-mrow .mh{flex:1;text-align:center;font-size:10px;opacity:.6;text-transform:uppercase;}.fp-mrow.head{margin-bottom:6px;}.fp-mrow input.mnum{flex:1;width:0;padding:4px;background:var(--ui-surface-2,#2f3545);color:var(--ui-text,#e8e8ea);border:1px solid var(--ui-border,#4a5570);border-radius:3px;font-size:12px;}.fp-chk{display:flex;align-items:center;gap:6px;font-size:12px;margin:6px 0;cursor:pointer;}.qual{font-weight:700;font-size:12px;}.qual.good{color:var(--ui-ok,#30a46c);}.qual.unc{color:var(--ui-warn,#f6b73c);}.qual.bad{color:var(--ui-error,#e5484d);}.hidden{display:none!important;}",
+ "script": "\nfunction ppResolve(instance,field){ try{ return window.IOB.resolvePlantPaxField(instance.type,instance.root,field); }catch(e){ return null; } }\nfunction ppSubscribe(instance,field,onVal){\n  const id=ppResolve(instance,field); if(!id) return;\n  instance.__ppSubs=instance.__ppSubs||[];\n  const cb=(_i,s)=>{ onVal(s&&s.val); try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){} };\n  try{ window.IOB.getState(id).then(function(s){ onVal(s&&s.val); try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){} }).catch(function(){}); }catch(e){}\n  try{ window.IOB.subscribeState(id,cb); instance.__ppSubs.push([id,cb]); }catch(e){}\n}\nfunction ppCleanup(instance){\n  for(const pair of (instance.__ppSubs||[])){ try{ window.IOB.unsubscribeState(pair[0],pair[1]); }catch(e){} }\n  instance.__ppSubs=[];\n}\nasync function ppWrite(instance,field,val,action){\n  const id=ppResolve(instance,field); if(!id) return;\n  try{ await window.IOB.secWriteState(id,val,{action:action,element:instance}); }catch(e){ console.warn('[plantpax] write failed',field,e); }\n}\n\nexport function init(instance){\n  if(!instance || typeof instance._getDomElement!=='function' || typeof instance._getDomElements!=='function') return;\n  instance.pv=null; instance.pvBad=false; instance.pvUncertain=false; instance.substActive=false;\n  instance.anyAlarm=false;\n  const ALM=[\"hiHiAlarm\", \"hiAlarm\", \"loAlarm\", \"loLoAlarm\", \"failAlarm\"];\n  const recomputeAlm=function(){ let any=false; for(const a of ALM){ if(instance[a]===true||instance[a]==='true'||instance[a]===1){ any=true; break; } } instance.anyAlarm=any; try{ instance._bindingsRefresh&&instance._bindingsRefresh(); }catch(e){} };\n  const subs=[\"pv\", \"pvBad\", \"pvUncertain\", \"substActive\", \"valInpPV\", \"hiHiLim\", \"hiHiDB\", \"hiLim\", \"hiDB\", \"loLim\", \"loDB\", \"loLoLim\", \"loLoDB\", \"inpRawMax\", \"inpRawMin\", \"pvEuMax\", \"pvEuMin\", \"filtTC\", \"noSubstPV\", \"hiHiAlarm\", \"hiAlarm\", \"loAlarm\", \"loLoAlarm\", \"failAlarm\"];\n  for(const f of subs){ (function(field){ ppSubscribe(instance,field,function(v){\n    if(field==='pvBad'||field==='pvUncertain'||field==='substActive'){ instance[field]=(v===true||v==='true'||v===1); }\n    else { instance[field]=v; }\n    if(field==='pv') instance.pv=v;\n    if(ALM.indexOf(field)>=0){ instance[field]=(v===true||v==='true'||v===1); recomputeAlm(); }\n  }); })(f); }\n  // reflect boolean checkbox states from live values\n  const setChecks=function(){ for(const cb of instance._getDomElements('[data-fieldb]')){ const f=cb.getAttribute('data-fieldb'); cb.checked=(instance[f]===true||instance[f]==='true'||instance[f]===1); } };\n  instance._tab=function(name){\n    for(const p of instance._getDomElements('[data-pane]')) p.classList.toggle('hidden', p.getAttribute('data-pane')!==name);\n    for(const t of instance._getDomElements('.fp-tab')) t.classList.toggle('sel', t.getAttribute('data-tab')===name);\n    if(name==='Engineering') setChecks();\n  };\n  // switch to the Advanced icon-strip (Engineering/HMI/Faults) and back to Main\n  instance._adv=function(){\n    for(const g of instance._getDomElements('[data-group]')) g.classList.toggle('hidden', g.getAttribute('data-group')!=='advanced');\n    instance._tab('Engineering');\n  };\n  instance._main=function(){\n    for(const g of instance._getDomElements('[data-group]')) g.classList.toggle('hidden', g.getAttribute('data-group')!=='main');\n    instance._tab('Operator');\n  };\n  instance._tab('Operator');\n  // wire the nested components: pass instance root/type then (re)start their subscriptions\n  (function(){ for(const cid of ['lbar','spark','sparkbig']){ const c=instance._getDomElement(cid); if(c){ c.root=instance.root; c.type=instance.type; c.unit=instance.unit;\n    if(typeof c._ppReinit==='function'){ c._ppReinit(); } else { (function(cc){ setTimeout(function(){ cc._ppReinit&&cc._ppReinit(); },200); })(c); } } } })();\n  const can=function(action){ return (window.IOB && typeof window.IOB.secCan==='function') ? window.IOB.secCan(action,instance) : true; };\n  const gate=function(){\n    const cfg=can('configure'), mnt=can('maintenance'), ack=can('ackAlarm');\n    for(const i of instance._getDomElements('[data-field],[data-fieldb]')) i.disabled=!cfg;\n    for(const b of instance._getDomElements('[data-subst]')) b.classList.toggle('hidden',!mnt);\n    for(const b of instance._getDomElements('[data-ack],[data-ackall]')) b.classList.toggle('hidden',!ack);\n    for(const i of instance._getDomElements('.fp-mrow input')) i.disabled=!mnt;\n  };\n  gate();\n  try{ window.IOB && window.IOB.securityChanged && window.IOB.securityChanged.on && window.IOB.securityChanged.on(gate); }catch(e){}\n  // numeric config writes\n  for(const i of instance._getDomElements('[data-field]')){\n    (function(inp){ inp.addEventListener('change',function(){ ppWrite(instance,inp.getAttribute('data-field'),Number(inp.value),'configure'); }); })(i);\n  }\n  // boolean checkbox writes\n  for(const cb of instance._getDomElements('[data-fieldb]')){\n    (function(box){ box.addEventListener('change',function(){ ppWrite(instance,box.getAttribute('data-fieldb'),box.checked,'configure'); }); })(cb);\n  }\n  // substitute PV source toggle (maintenance)\n  for(const b of instance._getDomElements('[data-subst]')){\n    b.addEventListener('click',function(){ if(instance.substActive){ ppWrite(instance,'cmdInpPV',1,'maintenance'); } else { ppWrite(instance,'cmdSubstPV',1,'maintenance'); } });\n  }\n  // alarm ack\n  const ackMap={\"HiHi\": \"hiHiAck\", \"Hi\": \"hiAck\", \"Lo\": \"loAck\", \"LoLo\": \"loLoAck\", \"Fail\": \"failAck\"};\n  for(const b of instance._getDomElements('[data-ack]')){\n    (function(btn){ btn.addEventListener('click',function(){ const nm=btn.closest('.fp-alm').querySelector('.nm').textContent; ppWrite(instance,ackMap[nm]||btn.getAttribute('data-ack'),1,'ackAlarm'); }); })(b);\n  }\n  for(const b of instance._getDomElements('[data-ackall]')){\n    b.addEventListener('click',function(){ for(const k in ackMap) ppWrite(instance,ackMap[k],1,'ackAlarm'); });\n  }\n}\nexport function disconnectedCallback(instance){ ppCleanup(instance); }\n"
+}

package/default-controls/controls/plantpax/ain-symbol.control

@@ -0,0 +1,23 @@
+{
+ "properties": {
+  "root": {
+   "type": "signal",
+   "default": ""
+  },
+  "type": {
+   "type": "string",
+   "default": "P_AIn"
+  },
+  "unit": {
+   "type": "string",
+   "default": ""
+  }
+ },
+ "settings": {
+  "width": "96px",
+  "height": "48px"
+ },
+ "html": "<div id=\"sym\" class=\"pp-sym\" @click=\"[[window.IOB.openFaceplate(this.type,this.root)]]\"><span class=\"pp-pv\">[[this.pv==null?'--':this.pv]]</span><span class=\"pp-unit\">[[this.unit||'']]</span><span class=\"pp-badge\" css:display=\"[[this.unacked?'':'none']]\"></span></div>",
+ "style": ":host{display:block;width:100%;height:100%;font-family:'Segoe UI',sans-serif;}.pp-sym{position:relative;display:flex;align-items:baseline;gap:4px;justify-content:center;height:100%;box-sizing:border-box;padding:4px 8px;border-radius:4px;cursor:pointer;background:var(--pp-bg,var(--ui-surface-2,#2f3545));color:var(--ui-text,#e8e8ea);border:1px solid var(--ui-border,#4a5570);}.pp-pv{font-size:18px;font-weight:700;}.pp-unit{font-size:11px;opacity:.7;}.pp-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--ui-warn,#f6b73c);}",
+ "script": "\nfunction ppResolve(instance,field){ try{ return window.IOB.resolvePlantPaxField(instance.type,instance.root,field); }catch(e){ return null; } }\nfunction ppSubscribe(instance,field,onVal){\n  const id=ppResolve(instance,field); if(!id) return;\n  instance.__ppSubs=instance.__ppSubs||[];\n  const cb=(_i,s)=>{ onVal(s&&s.val); try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){} };\n  try{ window.IOB.getState(id).then(function(s){ onVal(s&&s.val); try{instance._bindingsRefresh&&instance._bindingsRefresh();}catch(e){} }).catch(function(){}); }catch(e){}\n  try{ window.IOB.subscribeState(id,cb); instance.__ppSubs.push([id,cb]); }catch(e){}\n}\nfunction ppCleanup(instance){\n  for(const pair of (instance.__ppSubs||[])){ try{ window.IOB.unsubscribeState(pair[0],pair[1]); }catch(e){} }\n  instance.__ppSubs=[];\n}\nasync function ppWrite(instance,field,val,action){\n  const id=ppResolve(instance,field); if(!id) return;\n  try{ await window.IOB.secWriteState(id,val,{action:action,element:instance}); }catch(e){ console.warn('[plantpax] write failed',field,e); }\n}\n\nexport function init(instance){\n  if(!instance || typeof instance._getDomElement!=='function' || typeof instance._getDomElements!=='function') return;\n  instance.pv=null; instance.unacked=0; instance.__alm={};\n  ppSubscribe(instance,'pv',function(v){ instance.pv=v; });\n  const alarms=[\"hiHiAlarm\", \"hiAlarm\", \"loAlarm\", \"loLoAlarm\", \"failAlarm\"];\n  for(const a of alarms){ (function(name){ ppSubscribe(instance,name,function(v){ instance.__alm[name]=(v===true||v==='true'||v===1); ppSymColor(instance); }); })(a); }\n}\nfunction ppSymColor(instance){\n  const A=instance.__alm||{};\n  const hi2=A.hiHiAlarm||A.loLoAlarm, hi1=A.hiAlarm||A.loAlarm, fail=A.failAlarm;\n  const el=instance._getDomElement('sym');\n  const c=(hi2||fail)?'var(--ui-error,#e5484d)':(hi1?'var(--ui-warn,#f6b73c)':'var(--ui-ok,#30a46c)');\n  if(el) el.style.setProperty('--pp-bg', c);\n  instance.unacked=(hi2||hi1||fail)?1:0;\n  try{ instance._bindingsRefresh&&instance._bindingsRefresh(); }catch(e){}\n}\nexport function disconnectedCallback(instance){ ppCleanup(instance); }\n"
+}

package/default-controls/controls/plantpax/components/level-bar.control

@@ -0,0 +1,27 @@
+{
+ "properties": {
+  "root": {
+   "type": "string",
+   "default": ""
+  },
+  "type": {
+   "type": "string",
+   "default": "P_AIn"
+  },
+  "unit": {
+   "type": "string",
+   "default": ""
+  },
+  "decimals": {
+   "type": "number",
+   "default": 2
+  }
+ },
+ "settings": {
+  "width": "280px",
+  "height": "70px"
+ },
+ "html": "<div id=\"lb\" class=\"lb\"><div class=\"lb-head\"><span id=\"pvtext\" class=\"lb-pv\">--</span><span id=\"euunit\" class=\"lb-eu\"></span></div><div id=\"scale\" class=\"lb-scale\"><div id=\"fill\" class=\"lb-fill\"></div><div id=\"mk-lolo\" class=\"lb-mk lolo\"><span>LL</span></div><div id=\"mk-lo\" class=\"lb-mk lo\"><span>L</span></div><div id=\"mk-hi\" class=\"lb-mk hi\"><span>H</span></div><div id=\"mk-hihi\" class=\"lb-mk hihi\"><span>HH</span></div><div id=\"ptr\" class=\"lb-ptr\"></div></div><div class=\"lb-axis\"><span id=\"axmin\">0</span><span id=\"axmax\">100</span></div></div>",
+ "style": ":host{display:block;width:100%;font-family:'Segoe UI',sans-serif;color:var(--ui-text,#e8e8ea);}.lb{display:flex;flex-direction:column;gap:4px;padding:4px 2px;}.lb-head{display:flex;align-items:baseline;gap:6px;}.lb-pv{font-size:26px;font-weight:700;line-height:1;}.lb-eu{font-size:12px;opacity:.65;}.lb-scale{position:relative;height:22px;border-radius:4px;background:var(--ui-surface-2,#2f3545);border:1px solid var(--ui-border,#4a5570);overflow:visible;}.lb-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:4px 0 0 4px;background:var(--lb-col,var(--ui-ok,#30a46c));transition:width .25s,background .25s;}.lb-mk{position:absolute;top:-3px;bottom:-3px;width:2px;left:0%;transform:translateX(-1px);}.lb-mk span{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:8px;opacity:.8;}.lb-mk.hihi,.lb-mk.lolo{background:var(--ui-error,#e5484d);}.lb-mk.hi,.lb-mk.lo{background:var(--ui-warn,#f6b73c);}.lb-ptr{position:absolute;top:-4px;bottom:-4px;width:3px;left:0%;transform:translateX(-1.5px);background:var(--ui-text,#e8e8ea);box-shadow:0 0 3px rgba(0,0,0,.5);transition:left .25s;}.lb-axis{display:flex;justify-content:space-between;font-size:10px;opacity:.6;}.lb-mk.off{display:none;}",
+ "script": "\nfunction ppResolve(instance,field){ try{ return window.IOB.resolvePlantPaxField(instance.type,instance.root,field); }catch(e){ return null; } }\nfunction ppSubscribe(instance,field,onVal){\n  const id=ppResolve(instance,field); if(!id) return;\n  instance.__ppSubs=instance.__ppSubs||[];\n  const cb=(_i,s)=>{ onVal(s&&s.val); };\n  try{ window.IOB.getState(id).then(function(s){ onVal(s&&s.val); }).catch(function(){}); }catch(e){}\n  try{ window.IOB.subscribeState(id,cb); instance.__ppSubs.push([id,cb]); }catch(e){}\n}\nfunction ppCleanup(instance){\n  for(const pair of (instance.__ppSubs||[])){ try{ window.IOB.unsubscribeState(pair[0],pair[1]); }catch(e){} }\n  instance.__ppSubs=[];\n}\nfunction ppNum(v){ v=Number(v); return isFinite(v)&&Math.abs(v)<1e30 ? v : null; }\n\nfunction lbApply(instance){\n  if(typeof instance._getDomElement!=='function') return;\n  const min=ppNum(instance.pvEuMin), max=ppNum(instance.pvEuMax);\n  const pv=ppNum(instance.pv);\n  const span=(min!=null&&max!=null&&max>min)?(max-min):null;\n  const pct=(v)=>{ if(v==null||span==null) return null; return Math.max(0,Math.min(100,(v-min)/span*100)); };\n  const set=(id,v,key)=>{ const el=instance._getDomElement(id); if(!el) return; const p=pct(v);\n    if(p==null){ el.classList.add('off'); } else { el.classList.remove('off'); el.style.left=p+'%'; if(key) el.dataset.lim=key; } };\n  // fill + pointer\n  const fp=pct(pv); const fill=instance._getDomElement('fill'), ptr=instance._getDomElement('ptr');\n  if(fill&&fp!=null) fill.style.width=fp+'%';\n  if(ptr&&fp!=null) ptr.style.left=fp+'%';\n  // limit markers (hidden when limit is unused ±inf or outside EU)\n  set('mk-hihi', ppNum(instance.hiHiLim)); set('mk-hi', ppNum(instance.hiLim));\n  set('mk-lo', ppNum(instance.loLim)); set('mk-lolo', ppNum(instance.loLoLim));\n  // color by highest active alarm\n  const A=instance.__alm||{};\n  const col=(A.hiHiAlarm||A.loLoAlarm||A.failAlarm)?'var(--ui-error,#e5484d)':\n            ((A.hiAlarm||A.loAlarm)?'var(--ui-warn,#f6b73c)':'var(--ui-ok,#30a46c)');\n  const sc=instance._getDomElement('lb'); if(sc) sc.style.setProperty('--lb-col',col);\n  // texts\n  const dp=(instance.decimals!=null)?Number(instance.decimals):2;\n  const pvt=instance._getDomElement('pvtext'); if(pvt) pvt.textContent=(pv==null)?'--':pv.toFixed(dp);\n  const eu=instance._getDomElement('euunit'); if(eu) eu.textContent=instance.unit||'';\n  const axmin=instance._getDomElement('axmin'), axmax=instance._getDomElement('axmax');\n  if(axmin&&min!=null) axmin.textContent=min.toFixed(0);\n  if(axmax&&max!=null) axmax.textContent=max.toFixed(0);\n}\nfunction lbStart(instance){\n  ppCleanup(instance);\n  instance.__alm={};\n  if(!instance.root) { lbApply(instance); return; }\n  const F=['pv','pvEuMin','pvEuMax','hiHiLim','hiLim','loLim','loLoLim'];\n  for(const f of F){ (function(field){ ppSubscribe(instance,field,function(v){ instance[field]=v; lbApply(instance); }); })(f); }\n  const AL=['hiHiAlarm','hiAlarm','loAlarm','loLoAlarm','failAlarm'];\n  for(const a of AL){ (function(name){ ppSubscribe(instance,name,function(v){ instance.__alm[name]=(v===true||v==='true'||v===1); lbApply(instance); }); })(a); }\n  lbApply(instance);\n}\nexport function init(instance){\n  if(!instance || typeof instance._getDomElement!=='function' || typeof instance._getDomElements!=='function') return;\n  // parent faceplate sets root/type then calls instance._ppReinit(); also self-start if root already set.\n  instance._ppReinit=function(){ lbStart(instance); };\n  lbStart(instance);\n}\nexport function disconnectedCallback(instance){ ppCleanup(instance); }\n"
+}

package/default-controls/controls/plantpax/components/sparkline.control

@@ -0,0 +1,27 @@
+{
+ "properties": {
+  "root": {
+   "type": "string",
+   "default": ""
+  },
+  "type": {
+   "type": "string",
+   "default": "P_AIn"
+  },
+  "field": {
+   "type": "string",
+   "default": "pv"
+  },
+  "points": {
+   "type": "number",
+   "default": 60
+  }
+ },
+ "settings": {
+  "width": "280px",
+  "height": "40px"
+ },
+ "html": "<div id=\"sp\" class=\"sp\"><svg id=\"svg\" class=\"sp-svg\" preserveAspectRatio=\"none\" viewBox=\"0 0 100 30\"><polyline id=\"pl\" class=\"sp-line\" points=\"\"></polyline></svg></div>",
+ "style": ":host{display:block;width:100%;height:100%;}.sp{width:100%;height:100%;min-height:34px;background:var(--ui-surface-2,#2f3545);border:1px solid var(--ui-border,#4a5570);border-radius:4px;box-sizing:border-box;padding:2px;}.sp-svg{width:100%;height:100%;display:block;}.sp-line{fill:none;stroke:var(--sp-col,var(--accent,#2680eb));stroke-width:1.5;vector-effect:non-scaling-stroke;}",
+ "script": "\nfunction ppResolve(instance,field){ try{ return window.IOB.resolvePlantPaxField(instance.type,instance.root,field); }catch(e){ return null; } }\nfunction ppSubscribe(instance,field,onVal){\n  const id=ppResolve(instance,field); if(!id) return;\n  instance.__ppSubs=instance.__ppSubs||[];\n  const cb=(_i,s)=>{ onVal(s&&s.val); };\n  try{ window.IOB.getState(id).then(function(s){ onVal(s&&s.val); }).catch(function(){}); }catch(e){}\n  try{ window.IOB.subscribeState(id,cb); instance.__ppSubs.push([id,cb]); }catch(e){}\n}\nfunction ppCleanup(instance){\n  for(const pair of (instance.__ppSubs||[])){ try{ window.IOB.unsubscribeState(pair[0],pair[1]); }catch(e){} }\n  instance.__ppSubs=[];\n}\nfunction ppNum(v){ v=Number(v); return isFinite(v)&&Math.abs(v)<1e30 ? v : null; }\n\nfunction spDraw(instance){\n  const buf=instance.__buf||[]; if(!buf.length) return;\n  const pl=instance._getDomElement('pl'); if(!pl) return;\n  let lo=Math.min.apply(null,buf), hi=Math.max.apply(null,buf);\n  if(hi<=lo) hi=lo+1;\n  const n=buf.length, W=100, H=30;\n  const pts=buf.map(function(v,i){ const x=(n<2)?0:(i/(n-1)*W); const y=H-((v-lo)/(hi-lo)*H); return x.toFixed(2)+','+y.toFixed(2); });\n  pl.setAttribute('points', pts.join(' '));\n}\nfunction spStart(instance){\n  ppCleanup(instance); instance.__buf=[];\n  if(!instance.root) return;\n  const cap=Number(instance.points)||60;\n  ppSubscribe(instance,instance.field||'pv',function(v){\n    v=Number(v); if(!isFinite(v)) return;\n    instance.__buf.push(v); if(instance.__buf.length>cap) instance.__buf.shift();\n    spDraw(instance);\n  });\n}\nexport function init(instance){\n  if(!instance || typeof instance._getDomElement!=='function') return;\n  instance._ppReinit=function(){ spStart(instance); };\n  spStart(instance);\n}\nexport function disconnectedCallback(instance){ ppCleanup(instance); }\n"
+}