${e.name}
`}):[];return H`
${m}${_}
${t}
${ri(this._lang,"space_card.loading")}
${o}
`:W}
${i}
${n?H`${this._t("empty.no_spaces")}
${this._serverStorage?H`${this._t("empty.add_first")}
`:H`${this._t("empty.install")}
`}${this._toast}
`:W}
${t.map(t=>H``)}
${this._norm?H``:W}
${this._t("count.devices",{n:s.length})}
this._markupClick(t)}
@wheel=${t=>this._onWheel(t)}
@pointerdown=${t=>this._stagePointerDown(t)}
@pointermove=${t=>this._stagePointerMove(t)}
@pointerup=${t=>this._stagePointerUp(t)}
@pointercancel=${t=>this._stagePointerUp(t)}>
${this._zoom>1?H`
${this._roomDialog?this._renderRoomDialog():W}
${this._mergeDialog?this._renderMergeDialog():W}
${this._spaceDialog?this._renderSpaceDialog():W}
${this._markerDialog?this._renderMarkerDialog():W}
${this._infoCard?this._renderInfoCard():W}
${this._rulesDialog?this._renderRulesDialog():W}
${this._importDialog?this._renderImportDialog():W}
${this._tip?H`
${s.map(t=>this._renderDevice(t,a))}
${o.showNames&&!this._markup?e.rooms.map(t=>this._renderRoomLabel(t,e,a,o)):W}
${this._measureAnchor?H`${this._renderMeasureLabel(a)}
`:W}
${Math.round(100*this._zoom)}%
`:W}
${this._tip.title}${this._tip.meta?H`${this._tip.meta}`:W}
${null!=this._tip.temp?H`${this._t("tip.temp_avg")} ${this._tip.temp}°`:W}
${null!=this._tip.lqi?H`${this._t("tip.lqi")}
${this._tip.lqi}`:W}
`:W}
${this._toast?H`${this._toast}
`:W}
this._clickDevice(e,t)}
@mousemove=${e=>this._showTip(e,t.name,t.model+(null!=r?" · "+r+"°":"")+(null!=a?" · "+a+"%":"")+(null!=l?" · LQI "+l:""))}
@mouseleave=${()=>this._tip=null}
@pointerdown=${e=>this._pointerDown(e,t)}
@pointermove=${e=>this._pointerMove(e,t)}
@pointerup=${e=>this._pointerUp(e,t)}
@pointercancel=${e=>this._pointerUp(e,t)}
>
`}_labelPos(t,e){const i=this._layout["rl_"+(t.id||"")];if(i&&i.s===e){const t=this._serverCfg.spaces.find(t=>t.id===e)?.aspect||1;return{x:i.x*Ei,y:i.y*(Ei/t)}}const s=this._roomCenter(t);return{x:s[0],y:s[1]}}_labelDown(t,e,i){if(this._markup)return;t.preventDefault(),t.stopPropagation();const s=this._labelPos(e,i);this._drag={id:"rl_"+(e.id||""),sx:t.clientX,sy:t.clientY,ox:s.x,oy:s.y,moved:!1},t.target.setPointerCapture(t.pointerId),this._tip=null}_labelMove(t,e,i){const s="rl_"+(e.id||"");if(!this._drag||this._drag.id!==s)return;const o=this._stageEl;if(!o)return;const n=this._spaceModel(i).vb,r=o.getBoundingClientRect(),a=this._viewOr(n),l=(t.clientX-this._drag.sx)/r.width*a.w,c=(t.clientY-this._drag.sy)/r.height*a.h;Math.abs(t.clientX-this._drag.sx)+Math.abs(t.clientY-this._drag.sy)>3&&(this._drag.moved=!0);const h=.008*Math.min(n[2],n[3]),p=Math.max(n[0]+h,Math.min(n[0]+n[2]-h,this._drag.ox+l)),d=Math.max(n[1]+h,Math.min(n[1]+n[3]-h,this._drag.oy+c));this._savePos({id:s,space:i},p,d)}_labelUp(t){const e="rl_"+(t.id||"");if(!this._drag||this._drag.id!==e)return;const i=this._drag.moved;this._drag=i?this._drag:null,i&&window.setTimeout(()=>this._drag=null,0)}_renderRoomLabel(t,e,i,s){if(!t.name)return W;const o=this._labelPos(t,e.id),n=(o.x-i.x)/i.w*100,r=(o.y-i.y)/i.h*100,a=Math.min(1,s.opacity+.25);return H`this._labelDown(i,t,e.id)}
@pointermove=${i=>this._labelMove(i,t,e.id)}
@pointerup=${()=>this._labelUp(t)}
@pointercancel=${()=>this._labelUp(t)}
>${t.name}
`}get _measureAnchor(){return this._markup&&this._cursorPt?"draw"===this._tool&&this._path.length&&!this._contourClosed?this._path[this._path.length-1]:"split"===this._tool&&this._splitSel?.a?this._splitSel.a:null:null}_renderMeasureLabel(t){const e=this._measureAnchor,i=this._cursorPt,s=(i[0]-t.x)/t.w*100,o=(i[1]-t.y)/t.h*100;return H`${this._fmtLen(e,i)}
`}_roomCenter(t){if(t.poly){const e=t.poly.length;return[t.poly.reduce((t,e)=>t+e[0],0)/e,t.poly.reduce((t,e)=>t+e[1],0)/e]}return[t.x+t.w/2,t.y+.1*Math.min(t.w,t.h)]}_renderMarkupDefs(t){const e=this._gridPitch,i=.14*e;return j`t.stopPropagation()}>
`}_renderMergeDialog(){const t=this._mergeDialog,e=this._spaceModel().rooms,i=(i,s)=>{const o=e.find(t=>t.id===i),n=o?.area?this.hass.areas[o.area]?.name:null;return H``};return H``}_renderRoomDialog(){const t=this._freeAreas;return H``}}Mi.properties={hass:{attribute:!1},_config:{state:!0},_space:{state:!0},_layout:{state:!0},_devices:{state:!0},_tip:{state:!0},_selId:{state:!0},_toast:{state:!0},_serverCfg:{state:!0},_markup:{state:!0},_tool:{state:!0},_path:{state:!0},_cursorPt:{state:!0},_mergeSel:{state:!0},_mergeDialog:{state:!0},_splitSel:{state:!0},_areaSel:{state:!0},_nameSel:{state:!0},_roomDialog:{state:!0},_spaceDialog:{state:!0},_infoCard:{state:!0},_rulesDialog:{state:!0},_importDialog:{state:!0},_markerDialog:{state:!0},_zoom:{state:!0},_view:{state:!0}},Mi.styles=li,customElements.get("houseplan-card")||customElements.define("houseplan-card",Mi),window.customCards=window.customCards||[],window.customCards.find(t=>"houseplan-card"===t.type)||window.customCards.push({type:"houseplan-card",name:"House Plan Card",description:"Interactive house plan: spaces, rooms and devices with live states and drag layout."}),console.info("%c HOUSEPLAN-CARD %c v1.21.2 ","background:#3ea6ff;color:#04121f;font-weight:700","");
t.stopPropagation()}>
this._spaceDialog={...t,title:e.target.value}} />
${"file"===t.source?H`
${t.planFile?H`${t.planFile.name}`:t.planUrl?H`
`:H`${this._t("space.no_plan")}`}
`:W}
${"draw"===t.source&&"create"===t.mode?H`
`:W}
{const i=parseFloat(e.target.value);this._spaceDialog={...t,cellCm:Number.isFinite(i)&&i>0?i:t.cellCm}}} />
${this._t("space.scale_unit")}
this._spaceDialog={...t,roomColor:e.target.value}} />
${this._t("space.opacity")}
this._spaceDialog={...t,roomOpacity:Number(e.target.value)/100}} />
${Math.round(100*t.roomOpacity)}%
${[["none","fill.none"],["lqi","fill.lqi"],["light","fill.light"],["temp","fill.temp"]].map(([e,i])=>H``)}
${"edit"===t.mode?H``:W}
${this._importTotal>0&&"create"===t.mode?H``:W}