- ${i.map(e=>this._renderDevice(e,t))}
+
+ ${T.map(M=>this._renderDevice(M,I))}
- ${this._edit?this._renderEditbar():z}
- ${this._menuDev?this._renderMenu():z}
- ${this._tip?U`
`:z}
+ ${this._edit?this._renderEditbar():v}
+ ${this._menuDev?this._renderMenu():v}
+ ${this._tip?o`
`:v}
- `}_renderDevice(t,e){const o=this._pos(t),i=(o.x-e[0])/e[2]*100,r=(o.y-e[1])/e[3]*100,s=this._stateClass(t),d=this._liveTemp(t);return U`
this._clickDevice(e,t)}
- @mousemove=${e=>this._showTip(e,t.name,t.model+(null!=d?" · "+d+"°":""))}
+ `}_renderDevice(I,M){const i=this._pos(I),N=(i.x-M[0])/M[2]*100,T=(i.y-M[1])/M[3]*100,D=this._stateClass(I),j=this._liveTemp(I);return o`
this._clickDevice(M,I)}
+ @mousemove=${M=>this._showTip(M,I.name,I.model+(null!=j?" · "+j+"°":""))}
@mouseleave=${()=>this._tip=null}
- @pointerdown=${e=>this._pointerDown(e,t)}
- @pointermove=${e=>this._pointerMove(e,t)}
- @pointerup=${e=>this._pointerUp(e,t)}
+ @pointerdown=${M=>this._pointerDown(M,I)}
+ @pointermove=${M=>this._pointerMove(M,I)}
+ @pointerup=${M=>this._pointerUp(M,I)}
>
-
- ${null!=d?U`${d}°`:z}
-
`}_renderEditbar(){const t=this._selId?this._devices.find(t=>t.id===this._selId):null,e=t?this._pos(t):null;return U`
+
+ ${null!=j?o`${j}°`:v}
+
`}_renderEditbar(){const I=this._selId?this._devices.find(I=>I.id===this._selId):null,M=I?this._pos(I):null;return o`
- ${t?t.name:"Режим правки — тащите иконки мышью"}
- ${t&&e?U`this._applyXY("x",t.target.value)} />
- this._applyXY("y",t.target.value)} />`:z}
+ ${I?I.name:"Режим правки — тащите иконки мышью"}
+ ${I&&M?o`this._applyXY("x",I.target.value)} />
+ this._applyXY("y",I.target.value)} />`:v}
${this._serverStorage?"сохранение: сервер (для всех)":"сохранение: этот браузер"}
-
`}_renderMenu(){const t=this._menuDev;return U`