${e.name}
`}):[];return F`
${_}${m}
${t}
${li(this._lang,"space_card.loading")}
${n}
`:W}
${i}
${o?F`${this._t("empty.no_spaces")}
${this._serverStorage?F`${this._t("empty.add_first")}
`:F`${this._t("empty.install")}
`}${this._toast}
`:W}
${t.map(t=>F``)}
${this._norm?F``: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?F`
${this._roomDialog?this._renderRoomDialog():W}
${this._mergeDialog?this._renderMergeDialog():W}
${this._openingDialog?this._renderOpeningDialog():W}
${this._openingInfo?this._renderOpeningInfoCard():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?F`
${s.map(t=>this._renderDevice(t,a))}
${this._renderOpeningLocks(a)}
${n.showNames&&!this._markup?e.rooms.map(t=>this._renderRoomLabel(t,e,a,n)):W}
${this._measureAnchor?F`${this._renderMeasureLabel(a)}
`:W}
${Math.round(100*this._zoom)}%
`:W}
${this._tip.title}${this._tip.meta?F`${this._tip.meta}`:W}
${null!=this._tip.temp?F`${this._t("tip.temp_avg")} ${this._tip.temp}°`:W}
${null!=this._tip.lqi?F`${this._t("tip.lqi")}
${this._tip.lqi}`:W}
`:W}
${this._toast?F`${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)}
>
${p?F``:W}
${"ripple"!==h?F`
`}_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*Ai,y:i.y*(Ai/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 n=this._stageEl;if(!n)return;const o=this._spaceModel(i).vb,r=n.getBoundingClientRect(),a=this._viewOr(o),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(o[2],o[3]),p=Math.max(o[0]+h,Math.min(o[0]+o[2]-h,this._drag.ox+l)),d=Math.max(o[1]+h,Math.min(o[1]+o[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 n=this._labelPos(t,e.id),o=(n.x-i.x)/i.w*100,r=(n.y-i.y)/i.h*100,a=Math.min(1,s.opacity+.25);return F`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,n=(i[1]-t.y)/t.h*100;return F`${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)]}_openingAmt(t){const e=t.contact?this.hass.states[t.contact]?.state:null;return function(t,e,i=!1){return null==e||"unavailable"===e||"unknown"===e?"door"===t?1:0:$e(e)!==!!i?1:0}(t.type,e,!!t.invert)}_renderOpenings(t){const e=this._openingsR;if(!e.length)return j``;const i=t.color;return j`${e.map(t=>{const e=t.rlen/2,s=this._openingAmt(t),n=s>0&&!!t.contact?"var(--hp-open)":i,o=t.flip_h?-1:1,r=t.flip_v?-1:1;let a;if("window"===t.type){const t=Math.PI/2*e;a=j`
{t.stopPropagation(),this._markup||(this._openingInfo=e)}}>
`})}`:F``}_renderOpeningInfoCard(){const t=this._openingInfo,e=t.contact?this.hass.states[t.contact]?.state:null,i=this._openingAmt(t),s=t.lock?this.hass.states[t.lock]?.state:null,n=(t,e,i,s="")=>F`t.stopPropagation()}>
`}_renderMergeDialog(){const t=this._mergeDialog,e=this._spaceModel().rooms,i=(i,s)=>{const n=e.find(t=>t.id===i),o=n?.area?this.hass.areas[n.area]?.name:null;return F``};return F``}_renderRoomDialog(){const t=this._freeAreas;return F``}}zi.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},_openingDialog:{state:!0},_openingInfo:{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}},zi.styles=hi,customElements.get("houseplan-card")||customElements.define("houseplan-card",zi),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.23.0 ","background:#3ea6ff;color:#04121f;font-weight:700","");
t.stopPropagation()}>
this._spaceDialog={...t,title:e.target.value}} />
${"file"===t.source?F`
${t.planFile?F`${t.planFile.name}`:t.planUrl?F`
`:F`${this._t("space.no_plan")}`}
`:W}
${"draw"===t.source&&"create"===t.mode?F`
`: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])=>F``)}
${"edit"===t.mode?F``:W}
${this._importTotal>0&&"create"===t.mode?F``:W}