diff --git a/custom_components/houseplan/const.py b/custom_components/houseplan/const.py index 88a531a..962f8f1 100755 --- a/custom_components/houseplan/const.py +++ b/custom_components/houseplan/const.py @@ -10,7 +10,7 @@ PLANS_DIR = "houseplan/plans" # относительно каталога ко FILES_URL = "/houseplan_files/files" FILES_DIR = "houseplan/files" CONF_ADMIN_ONLY = "admin_only" -VERSION = "1.8.1" +VERSION = "1.8.2" DEFAULT_CONFIG: dict = { "spaces": [], diff --git a/custom_components/houseplan/frontend/houseplan-card.js b/custom_components/houseplan/frontend/houseplan-card.js index ed2c750..9a23422 100755 --- a/custom_components/houseplan/frontend/houseplan-card.js +++ b/custom_components/houseplan/frontend/houseplan-card.js @@ -1,10 +1,10 @@ -const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),s=new WeakMap;let a=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const i=this.t;if(e&&void 0===t){const e=void 0!==i&&1===i.length;e&&(t=s.get(i)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&s.set(i,t))}return t}toString(){return this.cssText}};const o=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,i))(e)})(t):t,{is:n,defineProperty:r,getOwnPropertyDescriptor:l,getOwnPropertyNames:c,getOwnPropertySymbols:h,getPrototypeOf:d}=Object,p=globalThis,u=p.trustedTypes,_=u?u.emptyScript:"",m=p.reactiveElementPolyfillSupport,g=(t,e)=>t,f={toAttribute(t,e){switch(e){case Boolean:t=t?_:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},v=(t,e)=>!n(t,e),b={attribute:!0,type:String,converter:f,reflect:!1,useDefault:!1,hasChanged:v};Symbol.metadata??=Symbol("metadata"),p.litPropertyMetadata??=new WeakMap;let y=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=b){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&r(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:a}=l(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:s,set(e){const o=s?.call(this);a?.call(this,e),this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const t=d(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const t=this.properties,e=[...c(t),...h(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(o(t))}else void 0!==t&&e.push(o(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const i=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((i,s)=>{if(e)i.adoptedStyleSheets=s.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of s){const s=document.createElement("style"),a=t.litNonce;void 0!==a&&s.setAttribute("nonce",a),s.textContent=e.cssText,i.appendChild(s)}})(i,this.constructor.elementStyles),i}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,i);if(void 0!==s&&!0===i.reflect){const a=(void 0!==i.converter?.toAttribute?i.converter:f).toAttribute(e,i.type);this._$Em=t,null==a?this.removeAttribute(s):this.setAttribute(s,a),this._$Em=null}}_$AK(t,e){const i=this.constructor,s=i._$Eh.get(t);if(void 0!==s&&this._$Em!==s){const t=i.getPropertyOptions(s),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:f;this._$Em=s;const o=a.fromAttribute(e,t.type);this[s]=o??this._$Ej?.get(s)??o,this._$Em=null}}requestUpdate(t,e,i,s=!1,a){if(void 0!==t){const o=this.constructor;if(!1===s&&(a=this[t]),i??=o.getPropertyOptions(t),!((i.hasChanged??v)(a,e)||i.useDefault&&i.reflect&&a===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:s,wrapped:a},o){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),!0!==a||void 0!==o)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===s&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,s=this[e];!0!==t||this._$AL.has(e)||void 0===s||this.C(e,void 0,i,s)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[g("elementProperties")]=new Map,y[g("finalized")]=new Map,m?.({ReactiveElement:y}),(p.reactiveElementVersions??=[]).push("2.1.2");const x=globalThis,$=t=>t,w=x.trustedTypes,k=w?w.createPolicy("lit-html",{createHTML:t=>t}):void 0,S="$lit$",C=`lit$${Math.random().toFixed(9).slice(2)}$`,A="?"+C,z=`<${A}>`,D=document,P=()=>D.createComment(""),M=t=>null===t||"object"!=typeof t&&"function"!=typeof t,E=Array.isArray,R="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,U=/-->/g,O=/>/g,I=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),H=/'/g,N=/"/g,q=/^(?:script|style|textarea|title)$/i,F=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),j=F(1),L=F(2),B=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),K=new WeakMap,Y=D.createTreeWalker(D,129);function Z(t,e){if(!E(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==k?k.createHTML(e):e}const X=(t,e)=>{const i=t.length-1,s=[];let a,o=2===e?"":3===e?"":"",n=T;for(let e=0;e"===l[0]?(n=a??T,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,r=l[1],n=void 0===l[3]?I:'"'===l[3]?N:H):n===N||n===H?n=I:n===U||n===O?n=T:(n=I,a=void 0);const d=n===I&&t[e+1].startsWith("/>")?" ":"";o+=n===T?i+z:c>=0?(s.push(r),i.slice(0,c)+S+i.slice(c)+C+d):i+C+(-2===c?e:d)}return[Z(t,o+(t[i]||"")+(2===e?"":3===e?"":"")),s]};class G{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let a=0,o=0;const n=t.length-1,r=this.parts,[l,c]=X(t,e);if(this.el=G.createElement(l,i),Y.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(s=Y.nextNode())&&r.length0){s.textContent=w?w.emptyScript:"";for(let i=0;iE(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==W&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(D.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,s="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=G.createElement(Z(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===s)this._$AH.p(e);else{const t=new V(s,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new G(t)),e}k(t){E(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const a of t)s===e.length?e.push(i=new Q(this.O(P()),this.O(P()),this,this.options)):i=e[s],i._$AI(a),s++;s2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=W}_$AI(t,e=this,i,s){const a=this.strings;let o=!1;if(void 0===a)t=J(this,t,e,0),o=!M(t)||t!==this._$AH&&t!==B,o&&(this._$AH=t);else{const s=t;let n,r;for(t=a[0],n=0;n{const s=i?.renderBefore??e;let a=s._$litPart$;if(void 0===a){const t=i?.renderBefore??null;s._$litPart$=a=new Q(e.insertBefore(P(),t),t,void 0,i??{})}return a._$AI(t),a})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return B}}rt._$litElement$=!0,rt.finalized=!0,nt.litElementHydrateSupport?.({LitElement:rt});const lt=nt.litElementPolyfillSupport;lt?.({LitElement:rt}),(nt.litElementVersions??=[]).push("4.2.2");const ct=new Set(["hacs","sun","backup","hassio","met","telegram_bot","mobile_app","systemmonitor","better_thermostat","adaptive_lighting","yandex_pogoda","upnp_serial_number"]),ht=[["протечк","mdi:water-alert"],["клапан","mdi:pipe-valve"],["дым","mdi:smoke-detector"],["термоголов","mdi:radiator"],["температ","mdi:thermometer"],["qingping|air monitor|молекул","mdi:air-filter"],["штор","mdi:roller-shade"],["розетк|plug","mdi:power-socket-de"],["выключат|switch","mdi:light-switch"],["лампа|лампочк|bulb|gx53|светильник|rgb","mdi:lightbulb"],["камер|camera","mdi:cctv"],["замок|ttlock|lock|sn609|sn9161","mdi:lock"],["ворота|garage","mdi:garage-variant"],["калитк|door|открыт","mdi:door"],["счётчик|счетчик|kws|meter","mdi:meter-electric"],["вводный автомат|breaker|wifimcbn","mdi:electric-switch"],["myheat|котёл|котел|boiler|отоплен","mdi:water-boiler"],["холодильник|fridge","mdi:fridge"],["стиральн|washer","mdi:washing-machine"],["сушилк|dryer","mdi:tumble-dryer"],["пылесос|vacuum|dreame","mdi:robot-vacuum"],["soundbar|колонк|станц","mdi:soundbar"],["tv|телевизор|hyundaitv|mitv","mdi:television"],["keenetic|роутер|router","mdi:router-wireless"],["ибп|ups|kirpich","mdi:battery-charging-high"],["slzb|координат|zigbee","mdi:zigbee"]];function dt(t,e){const i=((t||"")+" "+(e||"")).toLowerCase();for(const[t,e]of ht)if(new RegExp(t).test(i))return e;return"mdi:chip"}const pt=["light","switch","cover","valve","lock","climate","fan","media_player","camera","vacuum","humidifier","water_heater","alarm_control_panel","sensor","binary_sensor","event","button","number","select","update"];function ut(t){const e=Math.max(0,Math.min(120,(t-40)/140*120));return`hsl(${Math.round(e)}, 85%, 55%)`}function _t(t,e){return Math.round(t/e)*e}const mt=[{name:"title",selector:{text:{}}},{name:"default_floor",selector:{select:{mode:"dropdown",options:[{value:"f1",label:"1 этаж"},{value:"f2",label:"2 этаж"},{value:"yard",label:"Двор"}]}}},{name:"icon_size",selector:{number:{min:1,max:6,step:.1,mode:"box"}}},{name:"show_temperature",selector:{boolean:{}}},{name:"live_states",selector:{boolean:{}}},{name:"show_signal",selector:{boolean:{}}}],gt={title:"Заголовок",default_floor:"Этаж по умолчанию",icon_size:"Размер иконок, % ширины плана",show_temperature:"Показывать температуру",live_states:"Живые состояния (вкл/выкл, открыто…)",show_signal:"Показывать сигнал zigbee (LQI)"};class ft extends rt{setConfig(t){this._config=t}render(){return this.hass&&this._config?j`t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,i))(e)})(t):t,{is:n,defineProperty:r,getOwnPropertyDescriptor:l,getOwnPropertyNames:c,getOwnPropertySymbols:h,getPrototypeOf:d}=Object,p=globalThis,u=p.trustedTypes,_=u?u.emptyScript:"",m=p.reactiveElementPolyfillSupport,g=(t,e)=>t,f={toAttribute(t,e){switch(e){case Boolean:t=t?_:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},v=(t,e)=>!n(t,e),b={attribute:!0,type:String,converter:f,reflect:!1,useDefault:!1,hasChanged:v};Symbol.metadata??=Symbol("metadata"),p.litPropertyMetadata??=new WeakMap;let y=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=b){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&r(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:a}=l(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:s,set(e){const o=s?.call(this);a?.call(this,e),this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const t=d(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const t=this.properties,e=[...c(t),...h(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(o(t))}else void 0!==t&&e.push(o(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const i=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((i,s)=>{if(e)i.adoptedStyleSheets=s.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of s){const s=document.createElement("style"),a=t.litNonce;void 0!==a&&s.setAttribute("nonce",a),s.textContent=e.cssText,i.appendChild(s)}})(i,this.constructor.elementStyles),i}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,i);if(void 0!==s&&!0===i.reflect){const a=(void 0!==i.converter?.toAttribute?i.converter:f).toAttribute(e,i.type);this._$Em=t,null==a?this.removeAttribute(s):this.setAttribute(s,a),this._$Em=null}}_$AK(t,e){const i=this.constructor,s=i._$Eh.get(t);if(void 0!==s&&this._$Em!==s){const t=i.getPropertyOptions(s),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:f;this._$Em=s;const o=a.fromAttribute(e,t.type);this[s]=o??this._$Ej?.get(s)??o,this._$Em=null}}requestUpdate(t,e,i,s=!1,a){if(void 0!==t){const o=this.constructor;if(!1===s&&(a=this[t]),i??=o.getPropertyOptions(t),!((i.hasChanged??v)(a,e)||i.useDefault&&i.reflect&&a===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:s,wrapped:a},o){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),!0!==a||void 0!==o)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===s&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,s=this[e];!0!==t||this._$AL.has(e)||void 0===s||this.C(e,void 0,i,s)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[g("elementProperties")]=new Map,y[g("finalized")]=new Map,m?.({ReactiveElement:y}),(p.reactiveElementVersions??=[]).push("2.1.2");const $=globalThis,x=t=>t,w=$.trustedTypes,k=w?w.createPolicy("lit-html",{createHTML:t=>t}):void 0,S="$lit$",C=`lit$${Math.random().toFixed(9).slice(2)}$`,A="?"+C,z=`<${A}>`,D=document,M=()=>D.createComment(""),E=t=>null===t||"object"!=typeof t&&"function"!=typeof t,P=Array.isArray,R="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,O=/-->/g,U=/>/g,H=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),I=/'/g,N=/"/g,q=/^(?:script|style|textarea|title)$/i,F=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),j=F(1),L=F(2),B=Symbol.for("lit-noChange"),V=Symbol.for("lit-nothing"),W=new WeakMap,K=D.createTreeWalker(D,129);function Y(t,e){if(!P(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==k?k.createHTML(e):e}const Z=(t,e)=>{const i=t.length-1,s=[];let a,o=2===e?"":3===e?"":"",n=T;for(let e=0;e"===l[0]?(n=a??T,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,r=l[1],n=void 0===l[3]?H:'"'===l[3]?N:I):n===N||n===I?n=H:n===O||n===U?n=T:(n=H,a=void 0);const d=n===H&&t[e+1].startsWith("/>")?" ":"";o+=n===T?i+z:c>=0?(s.push(r),i.slice(0,c)+S+i.slice(c)+C+d):i+C+(-2===c?e:d)}return[Y(t,o+(t[i]||"")+(2===e?"":3===e?"":"")),s]};class X{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let a=0,o=0;const n=t.length-1,r=this.parts,[l,c]=Z(t,e);if(this.el=X.createElement(l,i),K.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(s=K.nextNode())&&r.length0){s.textContent=w?w.emptyScript:"";for(let i=0;iP(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==V&&E(this._$AH)?this._$AA.nextSibling.data=t:this.T(D.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,s="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=X.createElement(Y(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===s)this._$AH.p(e);else{const t=new J(s,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=W.get(t.strings);return void 0===e&&W.set(t.strings,e=new X(t)),e}k(t){P(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const a of t)s===e.length?e.push(i=new Q(this.O(M()),this.O(M()),this,this.options)):i=e[s],i._$AI(a),s++;s2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=V}_$AI(t,e=this,i,s){const a=this.strings;let o=!1;if(void 0===a)t=G(this,t,e,0),o=!E(t)||t!==this._$AH&&t!==B,o&&(this._$AH=t);else{const s=t;let n,r;for(t=a[0],n=0;n{const s=i?.renderBefore??e;let a=s._$litPart$;if(void 0===a){const t=i?.renderBefore??null;s._$litPart$=a=new Q(e.insertBefore(M(),t),t,void 0,i??{})}return a._$AI(t),a})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return B}}rt._$litElement$=!0,rt.finalized=!0,nt.litElementHydrateSupport?.({LitElement:rt});const lt=nt.litElementPolyfillSupport;lt?.({LitElement:rt}),(nt.litElementVersions??=[]).push("4.2.2");const ct=new Set(["hacs","sun","backup","hassio","met","telegram_bot","mobile_app","systemmonitor","better_thermostat","adaptive_lighting","yandex_pogoda","upnp_serial_number"]),ht=[["протечк","mdi:water-alert"],["клапан","mdi:pipe-valve"],["дым","mdi:smoke-detector"],["термоголов","mdi:radiator"],["температ","mdi:thermometer"],["qingping|air monitor|молекул","mdi:air-filter"],["штор","mdi:roller-shade"],["розетк|plug","mdi:power-socket-de"],["выключат|switch","mdi:light-switch"],["лампа|лампочк|bulb|gx53|светильник|rgb","mdi:lightbulb"],["камер|camera","mdi:cctv"],["замок|ttlock|lock|sn609|sn9161","mdi:lock"],["ворота|garage","mdi:garage-variant"],["калитк|door|открыт","mdi:door"],["счётчик|счетчик|kws|meter","mdi:meter-electric"],["вводный автомат|breaker|wifimcbn","mdi:electric-switch"],["myheat|котёл|котел|boiler|отоплен","mdi:water-boiler"],["холодильник|fridge","mdi:fridge"],["стиральн|washer","mdi:washing-machine"],["сушилк|dryer","mdi:tumble-dryer"],["пылесос|vacuum|dreame","mdi:robot-vacuum"],["soundbar|колонк|станц","mdi:soundbar"],["tv|телевизор|hyundaitv|mitv","mdi:television"],["keenetic|роутер|router","mdi:router-wireless"],["ибп|ups|kirpich","mdi:battery-charging-high"],["slzb|координат|zigbee","mdi:zigbee"]];function dt(t,e){const i=((t||"")+" "+(e||"")).toLowerCase();for(const[t,e]of ht)if(new RegExp(t).test(i))return e;return"mdi:chip"}const pt=["light","switch","cover","valve","lock","climate","fan","media_player","camera","vacuum","humidifier","water_heater","alarm_control_panel","sensor","binary_sensor","event","button","number","select","update"];function ut(t){const e=Math.max(0,Math.min(120,(t-40)/140*120));return`hsl(${Math.round(e)}, 85%, 55%)`}function _t(t,e){return Math.round(t/e)*e}const mt=[{name:"title",selector:{text:{}}},{name:"default_floor",selector:{select:{mode:"dropdown",options:[{value:"f1",label:"1 этаж"},{value:"f2",label:"2 этаж"},{value:"yard",label:"Двор"}]}}},{name:"icon_size",selector:{number:{min:1,max:6,step:.1,mode:"box"}}},{name:"show_temperature",selector:{boolean:{}}},{name:"live_states",selector:{boolean:{}}},{name:"show_signal",selector:{boolean:{}}}],gt={title:"Заголовок",default_floor:"Этаж по умолчанию",icon_size:"Размер иконок, % ширины плана",show_temperature:"Показывать температуру",live_states:"Живые состояния (вкл/выкл, открыто…)",show_signal:"Показывать сигнал zigbee (LQI)"};class ft extends rt{setConfig(t){this._config=t}render(){return this.hass&&this._config?j`gt[t.name]||t.name} @value-changed=${this._valueChanged} - >`:W}_valueChanged(t){const e={...this._config,...t.detail.value},i=new Event("config-changed",{bubbles:!0,composed:!0});i.detail={config:e},this.dispatchEvent(i)}}ft.properties={hass:{attribute:!1},_config:{state:!0}},customElements.get("houseplan-card-editor")||customElements.define("houseplan-card-editor",ft);const vt="houseplan_card_layout_v1",bt="houseplan_card_zoom_v1",yt=1e3,xt=(t,e,i)=>{const s=new Event(e,{bubbles:!0,composed:!0});s.detail=i??{},t.dispatchEvent(s)},$t=(t,e)=>{let i;return(...s)=>{clearTimeout(i),i=window.setTimeout(()=>t(...s),e)}};class wt extends rt{constructor(){super(...arguments),this._space="f1",this._edit=!1,this._layout={},this._serverStorage=!1,this._loadOk=!1,this._loading=!1,this._loadTries=0,this._serverCfg=null,this._cfgRev=0,this._unsubCfg=null,this._devices=[],this._regSignature="",this._defPos={},this._tip=null,this._selId=null,this._toast="",this._markup=!1,this._tool="draw",this._path=[],this._pathSegs=[],this._cursorPt=null,this._areaSel="",this._nameSel="",this._roomDialog=!1,this._zoom=1,this._pan={x:0,y:0},this._zoomBySpace={},this._pointers=new Map,this._panStart=null,this._pinchStart=null,this._suppressClick=!1,this._infoCard=null,this._markerDialog=null,this._spaceDialog=null,this._keyHandler=t=>this._onKey(t),this._drag=null,this._dirtyPos=new Set,this._persistLayout=$t(()=>{if(this._serverStorage){const t=[...this._dirtyPos];this._dirtyPos.clear();for(const e of t){const t=this._layout[e];t&&this.hass.callWS({type:"houseplan/layout/update",device_id:e,pos:t}).catch(t=>this._showToast("Не удалось сохранить позицию: "+(t?.message||t)))}}else localStorage.setItem(vt,JSON.stringify(this._layout))},600),this._saveConfig=$t(()=>{this._serverCfg&&this.hass.callWS({type:"houseplan/config/set",config:this._serverCfg,expected_rev:this._cfgRev}).then(t=>{this._cfgRev=t?.rev??this._cfgRev+1}).catch(t=>{"conflict"===t?.code?(this._showToast("Конфиг изменён в другом окне — данные обновлены, повторите последнее действие"),this._cancelPath(),this._reloadConfigOnly()):this._showToast("Не удалось сохранить конфиг: "+(t?.message||t))})},500)}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._keyHandler)}disconnectedCallback(){window.removeEventListener("keydown",this._keyHandler),this._unsubCfg&&(this._unsubCfg(),this._unsubCfg=null),super.disconnectedCallback()}_onKey(t){if("Escape"===t.key){if(this._infoCard)return void(this._infoCard=null);if(this._markerDialog)return void(this._markerDialog=null)}if(!this._markup)return;return"Escape"===t.key||(t.ctrlKey||t.metaKey)&&"z"===t.key.toLowerCase()?this._roomDialog?(t.preventDefault(),void this._roomDialogCancel()):void("draw"===this._tool&&this._path.length&&(t.preventDefault(),this._undoPoint())):void 0}_undoPoint(){if(!this._path.length)return;if(1===this._path.length)return this._path=[],void(this._pathSegs=[]);const t=this._pathSegs[this._pathSegs.length-1];this._pathSegs=this._pathSegs.slice(0,-1),t&&this._removeSegmentByKey(t),this._path=this._path.slice(0,-1)}_removeSegmentByKey(t){const e=this._curSpaceCfg;if(!e?.segments)return;const i=this._segments.findIndex(e=>this._segKey([e[0],e[1]],[e[2],e[3]])===t);i>=0&&(e.segments.splice(i,1),this._saveConfig())}static getConfigElement(){return document.createElement("houseplan-card-editor")}static getStubConfig(){return{type:"custom:houseplan-card",title:"План дома"}}setConfig(t){this._config={icon_size:2.5,show_temperature:!0,live_states:!0,show_signal:!0,...t},t.default_floor&&(this._space=t.default_floor);try{this._zoomBySpace=JSON.parse(localStorage.getItem(bt)||"{}")||{}}catch{this._zoomBySpace={}}}getCardSize(){return 12}get _norm(){return!(!this._serverCfg||!this._serverCfg.spaces.length)}get _model(){return this._serverCfg?this._serverCfg.spaces.map(t=>{const e=yt/t.aspect;return{id:t.id,title:t.title,vb:[t.view_box[0]*yt,t.view_box[1]*e,t.view_box[2]*yt,t.view_box[3]*e],bg:t.plan_url?{href:t.plan_url,x:0,y:0,w:yt,h:e}:null,rooms:t.rooms.map(t=>({id:t.id,name:t.name,area:t.area??null,x:null!=t.x?t.x*yt:void 0,y:null!=t.y?t.y*e:void 0,w:null!=t.w?t.w*yt:void 0,h:null!=t.h?t.h*e:void 0,poly:t.poly?t.poly.map(t=>[t[0]*yt,t[1]*e]):void 0}))}}):[]}_spaceModel(t){const e=this._model;return e.find(e=>e.id===(t??this._space))||e[0]}get _areaToSpace(){const t={};for(const e of this._model)for(const i of e.rooms)i.area&&(t[i.area]={space:e.id,room:i});return t}get _settings(){return this._serverCfg?.settings||{}}get _excluded(){const t=this._settings.exclude_integrations;return t?new Set(t):ct}willUpdate(t){t.has("hass")&&this.hass&&(!this._loadOk&&!this._loading&&this._loadTries<8&&this._loadFromServer(),this._maybeRebuildDevices())}async _loadFromServer(){this._loading=!0,this._loadTries++;try{const[t,e]=await Promise.all([this.hass.callWS({type:"houseplan/config/get"}),this.hass.callWS({type:"houseplan/layout/get"})]);this._loadOk=!0,this._serverStorage=!0;const i=t?.config;this._serverCfg=i&&Array.isArray(i.spaces)?i:null,this._cfgRev=t?.rev||0,this._layout=e?.layout||{},this._unsubCfg||(this._unsubCfg=await this.hass.connection.subscribeEvents(t=>{(t?.data?.rev??-1)!==this._cfgRev&&this._reloadConfigOnly()},"houseplan_config_updated")),this._norm&&!this._model.find(t=>t.id===this._space)&&(this._space=this._model[0]?.id||this._space),this._restoreZoom()}catch(t){if(this._loadTries>=8){this._serverStorage=!1,this._serverCfg=null;try{this._layout=JSON.parse(localStorage.getItem(vt)||"{}")||{}}catch{this._layout={}}}}finally{this._loading=!1}this._regSignature="",this.requestUpdate()}async _reloadConfigOnly(){try{const t=await this.hass.callWS({type:"houseplan/config/get"}),e=t?.config;this._serverCfg=e&&Array.isArray(e.spaces)?e:null,this._cfgRev=t?.rev||0,this._regSignature="",this._maybeRebuildDevices(),this.requestUpdate()}catch{}}_maybeRebuildDevices(){const t=this.hass;if(!t?.devices||!t?.entities||!t?.areas)return;const e=Object.keys(t.devices).length+":"+Object.keys(t.entities).length+":"+Object.keys(t.areas).length+":"+(this._norm?"n":"l");e===this._regSignature&&this._devices.length||(this._regSignature=e,this._devices=this._buildDevices(),this._defPos=this._defaultPositions())}_entitiesByDevice(){const t={};for(const[e,i]of Object.entries(this.hass.entities))i?.device_id&&(t[i.device_id]=t[i.device_id]||[]).push(e);return t}_domainOfDevice(t,e){if(t.identifiers?.[0]?.[0])return t.identifiers[0][0];for(const t of e){const e=this.hass.entities[t]?.platform;if(e)return e}return""}_primaryEntity(t,e){const i=t.map(t=>({eid:t,reg:this.hass.entities[t],st:this.hass.states[t]})).filter(t=>t.reg&&!t.reg.hidden),s=i.filter(t=>!t.reg.entity_category),a=s.length?s:i;if("mdi:thermometer"===e||"mdi:air-filter"===e){const t=a.find(t=>this._isTempEntity(t.eid));if(t)return t.eid}for(const t of pt){const e=a.find(e=>e.eid.split(".")[0]===t);if(e)return e.eid}return a[0]?.eid}_isTempEntity(t){const e=this.hass.states[t];if(!e)return/_temperature$/.test(t);const i=e.attributes||{};return"temperature"===i.device_class||/°C|°F/.test(i.unit_of_measurement||"")||/_temperature$/.test(t)}_lqiFor(t){const e=[];for(const i of t){const t=this.hass.states[i];if(!(/_linkquality$/.test(i)||"lqi"===(t?.attributes?.unit_of_measurement||""))||!t)continue;const s=parseFloat(t.state);isNaN(s)||e.push(s)}return e.length?Math.round(e.reduce((t,e)=>t+e,0)/e.length):null}_roomLqi(t){if(!t)return null;const e=[];for(const i of this._devices){if(i.area!==t||i.virtual)continue;const s=this._lqiFor(i.entities);null!=s&&e.push(s)}return e.length?Math.round(e.reduce((t,e)=>t+e,0)/e.length):null}_tempFor(t){for(const e of t){if(!this._isTempEntity(e))continue;const t=this.hass.states[e];if(!t)continue;const i=parseFloat(t.state);if(!isNaN(i))return Math.round(10*i)/10}return null}_lightGroups(){if(!1===this._settings.group_lights)return[];const t=this.hass,e=[];for(const[i,s]of Object.entries(t.entities)){if(!i.startsWith("light.")||s.hidden)continue;let a=null;if("group"===s.platform)a=s.area_id||null;else{if(!s.device_id)continue;{const e=t.devices[s.device_id];if("Group"!==e?.model)continue;a=e.area_id||s.area_id||null}}if(!a)continue;const o=t.states[i];e.push({eid:i,name:s.name||o?.attributes?.friendly_name||i,area:a})}return e}_groupedLightAreas(){return new Set(this._lightGroups().map(t=>t.area))}get _markers(){return this._serverCfg?.markers||[]}_markerFor(t,e){return this._markers.find(i=>i.binding===t+":"+e)}get _claimed(){const t=new Set;for(const e of this._markers){const[i,s]=e.binding.split(":");"device"!==i&&"entity"!==i||!s||t.add(e.binding)}return t}_applyMarker(t,e){t.marker=e,e.name&&(t.name=e.name),e.icon&&(t.icon=e.icon),null!=e.model&&(t.model=e.model),t.link=e.link??null,t.description=e.description??null,t.pdfs=e.pdfs||[]}_buildDevices(){const t=this.hass,e=this._areaToSpace,i=!1!==this._settings.group_lights,s=this._groupedLightAreas(),a=this._excluded,o=this._entitiesByDevice(),n=this._claimed,r={},l=[];for(const c of Object.values(t.devices)){const t=c.area_id;if(!t||!e[t])continue;if("service"===c.entry_type)continue;if(n.has("device:"+c.id))continue;const h=this._markerFor("device",c.id);if(h&&h.hidden)continue;const d=o[c.id]||[],p=this._domainOfDevice(c,d);if(a.has(p))continue;if("Group"===c.model)continue;if(/scene/i.test(c.model||""))continue;if(/bridge/i.test((c.model||"")+(c.name||"")))continue;if("myheat"===p&&c.via_device_id)continue;const u=(c.name_by_user||c.name||"без имени").trim(),_=u+"|"+t;if(r[_])continue;r[_]=1;let m=dt(u,c.model);if(d.some(t=>t.startsWith("lock."))&&(m="mdi:lock"),i&&"mdi:lightbulb"===m&&s.has(t))continue;const g={id:c.id,name:u,model:c.model||"",area:t,space:e[t].space,icon:m,entities:d,bindingKind:"device",bindingRef:c.id,pdfs:[]};g.primary=this._primaryEntity(d,m),"mdi:thermometer"!==m&&"mdi:air-filter"!==m||(g.temp=this._tempFor(d)),l.push(g)}for(const t of this._lightGroups())e[t.area]&&(n.has("entity:"+t.eid)||l.push({id:"lg_"+t.eid,name:t.name,model:"группа света",area:t.area,space:e[t.area].space,icon:"mdi:lightbulb-group",entities:[t.eid],primary:t.eid,bindingKind:"entity",bindingRef:t.eid,pdfs:[]}));for(const i of this._markers){if(i.hidden)continue;const[s,a]=i.binding.split(":");if("device"===s){const s=t.devices[a],n=i.area||s?.area_id||"",r=n&&e[n]?.space||i.space||this._model[0]?.id||"",c=s&&o[s.id]||[];let h=s?dt(s.name_by_user||s.name||"",s.model):"mdi:help-circle";c.some(t=>t.startsWith("lock."))&&(h="mdi:lock");const d={id:i.id,name:s?.name_by_user||s?.name||"устройство",model:s?.model||"",area:n,space:r,icon:h,entities:c,bindingKind:"device",bindingRef:a};d.primary=this._primaryEntity(c,h),"mdi:thermometer"!==h&&"mdi:air-filter"!==h||(d.temp=this._tempFor(c)),this._applyMarker(d,i),l.push(d)}else if("entity"===s){const s=t.entities[a],o=i.area||s?.area_id||s?.device_id&&t.devices[s.device_id]?.area_id||"",n=o&&e[o]?.space||i.space||this._model[0]?.id||"",r=t.states[a],c={id:i.id,name:s?.name||r?.attributes?.friendly_name||a,model:"",area:o,space:n,icon:"mdi:shape-outline",entities:[a],primary:a,bindingKind:"entity",bindingRef:a};this._applyMarker(c,i),l.push(c)}else{const t=i.area||"",s=i.space||t&&e[t]?.space||this._model[0]?.id||"",a={id:i.id,name:i.name||"виртуальное устройство",model:i.model||"",area:t,space:s,icon:i.icon||"mdi:map-marker",entities:[],bindingKind:"virtual",virtual:!0};this._applyMarker(a,i),l.push(a)}}return l}_roomBounds(t){if(t.poly&&t.poly.length){const e=t.poly.map(t=>t[0]),i=t.poly.map(t=>t[1]),s=Math.min(...e),a=Math.min(...i);return{x:s,y:a,w:Math.max(...e)-s,h:Math.max(...i)-a}}return{x:t.x??0,y:t.y??0,w:t.w??0,h:t.h??0}}_defaultPositions(){const t={};for(const e of this._model)for(const i of e.rooms){if(!i.area)continue;const s=this._devices.filter(t=>t.area===i.area&&t.space===e.id);if(!s.length)continue;const a=this._roomBounds(i),o=.12*Math.min(a.w,a.h),n=a.w-2*o,r=a.h-2*o,l=Math.max(1,Math.round(Math.sqrt(s.length*n/Math.max(r,1)))),c=Math.ceil(s.length/l),h=n/l,d=r/Math.max(c,1);s.forEach((e,i)=>{const s=i%l,n=Math.floor(i/l);t[e.id]={x:a.x+o+h*(s+.5),y:a.y+o+d*(n+.5)}})}return t}_pos(t){const e=this._spaceModel(t.space),i=this._layout[t.id];if(i)if(this._norm){if(i.s===t.space){const e=this._serverCfg.spaces.find(e=>e.id===t.space)?.aspect||1;return{x:i.x*yt,y:i.y*(yt/e)}}}else if(void 0===i.s)return{x:i.x,y:i.y};if(this._defPos[t.id])return this._defPos[t.id];const s=e.vb;return{x:s[0]+s[2]/2,y:s[1]+s[3]/2}}_savePos(t,e,i){if(this._norm){const s=this._gridPitch,a=Math.round(e/s)*s,o=Math.round(i/s)*s,n=this._serverCfg.spaces.find(e=>e.id===t.space)?.aspect||1;this._layout={...this._layout,[t.id]:{s:t.space,x:a/yt,y:o/(yt/n)}}}else this._layout={...this._layout,[t.id]:{x:Math.round(e),y:Math.round(i)}};this._dirtyPos.add(t.id),this._persistLayout()}_stateClass(t){if(!this._config?.live_states)return"";const e=t.primary?this.hass.states[t.primary]:void 0;if(!e)return"";if("unavailable"===e.state)return"unavail";const i=e.entity_id.split(".")[0];if(["light","switch","fan","humidifier"].includes(i))return"on"===e.state?"on":"";if("cover"===i||"valve"===i)return["open","opening"].includes(e.state)?"open":"";if("lock"===i)return["unlocked","open"].includes(e.state)?"open":"";if("binary_sensor"===i){const t=e.attributes?.device_class;if(["door","window","garage_door","opening","gas","smoke","moisture","problem"].includes(t))return"on"===e.state?"open":""}return"media_player"===i?["playing","on"].includes(e.state)?"on":"":"vacuum"===i&&["cleaning","returning"].includes(e.state)?"on":""}_liveTemp(t){return this._config?.show_temperature?"mdi:thermometer"!==t.icon&&"mdi:air-filter"!==t.icon?null:this._tempFor(t.entities):null}_openMoreInfo(t){t?xt(this,"hass-more-info",{entityId:t}):this._showToast("У устройства нет подходящей сущности")}_clickDevice(t,e){if(t.stopPropagation(),!this._drag?.moved&&!this._suppressClick&&!this._markup)return this._edit?(this._selId=e.id,void this._openMarkerDialog(e)):void(this._infoCard=e)}get _stageEl(){return this.renderRoot.querySelector(".stage")}_clampPan(){const t=this._stageEl;if(!t)return;const e=t.clientWidth,i=t.clientHeight,s=e*(1-this._zoom),a=i*(1-this._zoom);this._pan={x:Math.min(0,Math.max(s,this._pan.x)),y:Math.min(0,Math.max(a,this._pan.y))}}_zoomAt(t,e,i){const s=Math.min(8,Math.max(1,i)),a=(t-this._pan.x)/this._zoom,o=(e-this._pan.y)/this._zoom;this._pan={x:t-a*s,y:e-o*s},this._zoom=s,this._clampPan()}_onWheel(t){const e=this._stageEl;if(!e)return;t.preventDefault();const i=e.getBoundingClientRect(),s=t.deltaY<0?1.15:1/1.15;this._zoomAt(t.clientX-i.left,t.clientY-i.top,this._zoom*s),this._saveZoom()}_stepZoom(t){const e=this._stageEl;e&&(this._zoomAt(e.clientWidth/2,e.clientHeight/2,this._zoom*(t>0?1.4:1/1.4)),this._saveZoom())}_resetZoom(){this._zoom=1,this._pan={x:0,y:0},this._saveZoom()}_saveZoom(){this._zoomBySpace={...this._zoomBySpace,[this._space]:this._zoom};try{localStorage.setItem(bt,JSON.stringify(this._zoomBySpace))}catch{}}_restoreZoom(){this._zoom=this._zoomBySpace[this._space]||1,this._pan={x:0,y:0},requestAnimationFrame(()=>{const t=this._stageEl;t&&(this._pan={x:t.clientWidth*(1-this._zoom)/2,y:t.clientHeight*(1-this._zoom)/2},this._clampPan(),this.requestUpdate())})}_stagePointerDown(t){if(!this._drag&&!this._markup&&!t.target.closest(".dev"))if(this._pointers.set(t.pointerId,{x:t.clientX,y:t.clientY}),1===this._pointers.size)this._panStart={sx:t.clientX,sy:t.clientY,ox:this._pan.x,oy:this._pan.y},this._suppressClick=!1;else if(2===this._pointers.size){const t=[...this._pointers.values()],e=Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y),i=this._stageEl.getBoundingClientRect();this._pinchStart={dist:e,zoom:this._zoom,cx:(t[0].x+t[1].x)/2-i.left,cy:(t[0].y+t[1].y)/2-i.top,px:this._pan.x,py:this._pan.y},this._panStart=null}}_stagePointerMove(t){if(this._pointers.has(t.pointerId)){if(this._pointers.set(t.pointerId,{x:t.clientX,y:t.clientY}),this._pinchStart&&this._pointers.size>=2){const t=[...this._pointers.values()],e=Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y)/(this._pinchStart.dist||1),i=Math.min(8,Math.max(1,this._pinchStart.zoom*e)),s=(this._pinchStart.cx-this._pinchStart.px)/this._pinchStart.zoom,a=(this._pinchStart.cy-this._pinchStart.py)/this._pinchStart.zoom;this._pan={x:this._pinchStart.cx-s*i,y:this._pinchStart.cy-a*i},this._zoom=i,this._clampPan(),this._suppressClick=!0,this._saveZoom()}else if(this._panStart){const e=t.clientX-this._panStart.sx,i=t.clientY-this._panStart.sy;Math.abs(e)+Math.abs(i)>4&&(this._suppressClick=!0),this._zoom>1&&(this._pan={x:this._panStart.ox+e,y:this._panStart.oy+i},this._clampPan())}}else this._markupMove(t)}_stagePointerUp(t){this._pointers.delete(t.pointerId),this._pointers.size<2&&(this._pinchStart=null),0===this._pointers.size&&(this._panStart=null,setTimeout(()=>this._suppressClick=!1,0))}_clickRoom(t){var e;this._suppressClick||this._edit||!t.area||(e="/config/areas/area/"+t.area,history.pushState(null,"",e),xt(window,"location-changed",{replace:!1}))}_pointerDown(t,e){if(!this._edit)return;t.preventDefault();const i=this._pos(e);this._drag={id:e.id,sx:t.clientX,sy:t.clientY,ox:i.x,oy:i.y,moved:!1},t.target.setPointerCapture(t.pointerId),this._tip=null}_pointerMove(t,e){if(!this._drag||this._drag.id!==e.id)return;const i=this.renderRoot.querySelector(".stage");if(!i)return;const s=this._spaceModel().vb,a=i.getBoundingClientRect(),o=(t.clientX-this._drag.sx)/(a.width*this._zoom)*s[2],n=(t.clientY-this._drag.sy)/(a.height*this._zoom)*s[3];Math.abs(t.clientX-this._drag.sx)+Math.abs(t.clientY-this._drag.sy)>3&&(this._drag.moved=!0);const r=.008*Math.min(s[2],s[3]),l=Math.max(s[0]+r,Math.min(s[0]+s[2]-r,this._drag.ox+o)),c=Math.max(s[1]+r,Math.min(s[1]+s[3]-r,this._drag.oy+n));this._savePos(e,l,c)}_pointerUp(t,e){if(!this._drag||this._drag.id!==e.id)return;const i=this._drag.moved;this._drag=i?this._drag:null,i&&(this._selId=e.id,window.setTimeout(()=>this._drag=null,0))}_applyXY(t,e){if(!this._selId)return;const i=parseFloat(e);if(isNaN(i))return;const s=this._devices.find(t=>t.id===this._selId);if(!s||s.virtual)return;const a={...this._pos(s)};a[t]=i,this._savePos(s,a.x,a.y)}_resetLayout(){confirm("Сбросить позиции всех иконок к авто-раскладке?")&&(this._layout={},this._persistLayout())}_showToast(t){this._toast=t,clearTimeout(this._toastTimer),this._toastTimer=window.setTimeout(()=>{this._toast=""},3500)}_showTip(t,e,i,s){this._drag||(this._tip={x:t.clientX,y:t.clientY,title:e,meta:i,lqi:s})}get _gridPitch(){return yt/120}get _curSpaceCfg(){return this._serverCfg?.spaces.find(t=>t.id===this._space)}get _spaceH(){const t=this._curSpaceCfg;return t?yt/t.aspect:yt}get _segments(){const t=this._curSpaceCfg,e=this._spaceH;return(t?.segments||[]).map(t=>[t[0]*yt,t[1]*e,t[2]*yt,t[3]*e])}_toggleMarkup(){this._norm?(this._markup=!this._markup,this._edit=!1,this._path=[],this._cursorPt=null,this._tool="draw"):this._showToast("Разметка доступна после переноса конфига на сервер (режим правки → «На сервер»)")}_svgPoint(t){const e=this.renderRoot.querySelector(".stage"),i=this._spaceModel().vb,s=e.getBoundingClientRect(),a=(t.clientX-s.left-this._pan.x)/this._zoom,o=(t.clientY-s.top-this._pan.y)/this._zoom;return[i[0]+a/s.width*i[2],i[1]+o/s.height*i[3]]}_snap(t){const e=this._gridPitch;return[_t(t[0],e),_t(t[1],e)]}_samePt(t,e){return function(t,e,i=.001){return Math.abs(t[0]-e[0])this._segKey([t[0],t[1]],[t[2],t[3]])===a);return!o&&(i.segments=i.segments||[],i.segments.push([t[0]/yt,t[1]/s,e[0]/yt,e[1]/s]),this._saveConfig(),!0)}_distToSeg(t,e){const[i,s]=t,[a,o,n,r]=e,l=n-a,c=r-o;let h=((i-a)*l+(s-o)*c)/(l*l+c*c||1);h=Math.max(0,Math.min(1,h));const d=a+h*l,p=o+h*c;return Math.hypot(i-d,s-p)}_pointInRoom(t,e){return e.poly?function(t,e){let i=!1;for(let s=0,a=e.length-1;st[1]!=l>t[1]&&t[0]<(r-o)*(t[1]-n)/(l-n)+o&&(i=!i)}return i}(t,e.poly):null!=e.x&&t[0]>=e.x&&t[0]<=e.x+e.w&&t[1]>=e.y&&t[1]<=e.y+e.h}_markupClick(t){if(!this._markup)return;const e=this._svgPoint(t);if("erase"===this._tool){const t=this._curSpaceCfg;if(!t?.segments?.length)return;const i=this._segments;let s=-1,a=.5*this._gridPitch;return i.forEach((t,i)=>{const o=this._distToSeg(e,t);o=0&&(t.segments.splice(s,1),this._saveConfig(),this.requestUpdate()))}if("delroom"===this._tool){const t=[...this._spaceModel().rooms].reverse().find(t=>this._pointInRoom(e,t));if(!t)return;if(!confirm(`Удалить комнату «${t.name}»?`))return;const i=this._curSpaceCfg;return i.rooms=i.rooms.filter(e=>e.id!==t.id),this._saveConfig(),this._regSignature="",this._maybeRebuildDevices(),void this.requestUpdate()}const i=this._snap(e);if(!this._path.length)return this._path=[i],void(this._pathSegs=[]);const s=this._path[this._path.length-1];if(this._samePt(i,s))return;const a=this._addSegment(s,i);this._pathSegs=[...this._pathSegs,a?this._segKey(s,i):null],this._path=[...this._path,i],this._path.length>=4&&this._samePt(i,this._path[0])&&(this._cursorPt=null,this._nameSel="",this._areaSel="",this._roomDialog=!0)}get _contourClosed(){return this._path.length>=4&&this._samePt(this._path[0],this._path[this._path.length-1])}_markupMove(t){this._markup&&"draw"===this._tool&&this._path.length&&!this._contourClosed&&(this._cursorPt=this._snap(this._svgPoint(t)))}_saveRoom(){if(!this._contourClosed||!this._areaSel&&!this._nameSel)return;const t=this._curSpaceCfg;if(!t)return;const e=this._spaceH,i=this._path.slice(0,-1),s=this._areaSel?this.hass.areas[this._areaSel]?.name:"";t.rooms.push({id:"r"+Date.now().toString(36),name:this._nameSel||s||"Комната",area:this._areaSel||null,poly:i.map(t=>[t[0]/yt,t[1]/e])}),this._saveConfig(),this._path=[],this._pathSegs=[],this._areaSel="",this._nameSel="",this._roomDialog=!1,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Комната сохранена")}_cancelPath(){this._path=[],this._pathSegs=[],this._cursorPt=null,this._roomDialog=!1}_roomDialogCancel(){this._roomDialog=!1,this._undoPoint()}get _freeAreas(){const t=new Set;for(const e of this._serverCfg?.spaces||[])for(const i of e.rooms||[])i.area&&t.add(i.area);return Object.values(this.hass?.areas||{}).filter(e=>!t.has(e.area_id)).sort((t,e)=>(t.name||"").localeCompare(e.name||""))}_openMarkerDialog(t){this._norm?this._markerDialog=t?{devId:t.id,name:t.name,binding:"virtual"===t.bindingKind?"virtual":t.bindingKind+":"+t.bindingRef,bindingFilter:"",icon:t.marker?.icon||"",model:t.model||"",link:t.link||"",description:t.description||"",pdfs:[...t.pdfs||[]],room:t.space&&t.area?t.space+"#"+t.area:"",busy:!1}:{name:"",binding:"virtual",bindingFilter:"",icon:"",model:"",link:"",description:"",pdfs:[],room:"",busy:!1}:this._showToast("Редактирование устройств доступно после переноса конфига на сервер")}_bindingCandidates(){const t=this.hass,e=new Set;for(const t of this._devices)t.id!==this._markerDialog?.devId&&("device"===t.bindingKind&&t.bindingRef&&e.add("device:"+t.bindingRef),"entity"===t.bindingKind&&t.bindingRef&&e.add("entity:"+t.bindingRef));const i=new Set;for(const t of this._devices)"device"===t.bindingKind&&t.name&&i.add(t.name.trim()+"|"+(t.area||""));const s=[];for(const a of Object.values(t.devices)){if("service"===a.entry_type)continue;const t="device:"+a.id;if(e.has(t))continue;const o=(a.name_by_user||a.name||a.id).trim();t!==this._markerDialog?.binding&&i.has(o+"|"+(a.area_id||""))||s.push({value:t,label:o,sub:(a.model||"устройство")+("Group"===a.model?" · Z2M-группа":"")})}const a=new Set(["group","template","derivative","min_max","threshold","integration","statistics","trend","utility_meter","tod","switch_as_x","schedule"]);for(const[i,o]of Object.entries(t.entities)){const n="entity:"+i;if(e.has(n))continue;const r=a.has(o.platform),l="group"===o.platform;if(!r&&!l)continue;if(o.hidden)continue;const c=t.states[i];s.push({value:n,label:o.name||c?.attributes?.friendly_name||i,sub:i.split(".")[0]+" · "+("group"===o.platform?"группа":"хелпер")})}const o=(this._markerDialog?.bindingFilter||"").toLowerCase().trim(),n=o?s.filter(t=>(t.label+" "+t.sub+" "+t.value).toLowerCase().includes(o)):s;return n.sort((t,e)=>t.label.localeCompare(e.label)),n.slice(0,200)}_allRoomsFlat(){const t=[];for(const e of this._serverCfg?.spaces||[])for(const i of e.rooms||[])i.area&&t.push({value:e.id+"#"+i.area,label:(e.title||e.id)+" · "+i.name});return t}_errText(t){if(!t)return"неизвестная ошибка";if("string"==typeof t)return t;if(t.message)return t.message;if(t.error)return t.error;if(null!=t.code)return"код "+t.code;try{return JSON.stringify(t)}catch{return String(t)}}async _pickMarkerFiles(t){const e=t.target,i=e.files?[...e.files]:[];if(e.value="",!i.length||!this._markerDialog)return;const s=this._markerDialog.devId||"new",a=this.hass?.auth?.data?.access_token,o=[];for(const t of i)try{const e=new FormData;e.append("marker_id",s),e.append("file",t,t.name);const i=await fetch("/api/houseplan/upload",{method:"POST",body:e,headers:a?{authorization:`Bearer ${a}`}:{}}),n=await i.json().catch(()=>({}));if(!i.ok||n.error){const t={too_large:"файл больше "+(n.max_mb||25)+" МБ",bad_ext:"недопустимый тип (нужен PDF/изображение)",unauthorized:"нужны права администратора"};throw new Error(t[n.error]||n.error||"HTTP "+i.status)}o.push({name:n.name||t.name,url:n.url})}catch(e){this._showToast("Файл «"+t.name+"» не загружен: "+this._errText(e))}o.length&&this._markerDialog&&(this._markerDialog={...this._markerDialog,pdfs:[...this._markerDialog.pdfs,...o]},this._showToast("Прикреплено файлов: "+o.length))}_removeMarkerPdf(t){this._markerDialog&&(this._markerDialog={...this._markerDialog,pdfs:this._markerDialog.pdfs.filter(e=>e.url!==t)})}async _saveMarker(){const t=this._markerDialog;if(t&&!t.busy)if("virtual"!==t.binding||t.name.trim()){this._markerDialog={...t,busy:!0};try{const e=this._serverCfg;let i;e.markers=e.markers||[];const[s,a]=t.room?t.room.split("#"):["",""];let o=s||null,n=a||null;"virtual"!==t.binding||o||(o=this._space),i=function(t,e,i){const[s,a]=t.split(":");return"device"===s?a:"entity"===s?"lg_"+a:e&&e.startsWith("v_")?e:i()}(t.binding,t.devId,()=>"v_"+Date.now().toString(36));const r=t.devId,l={id:i,binding:t.binding,name:t.name.trim()||null,icon:t.icon||null,model:t.model.trim()||null,link:t.link.trim()||null,description:t.description.trim()||null,pdfs:t.pdfs};("virtual"===t.binding||t.room)&&(l.space=o,l.area=n);const c=r?this._devices.find(t=>t.id===r):null,h=!!t.room&&null!=c&&(c.space!==o||c.area!==n);if(e.markers=e.markers.filter(t=>t.id!==i&&t.id!==r),e.markers.push(l),!this._layout[i]||h){const t=this._spaceModel(o||void 0);let e=t.vb[0]+t.vb[2]/2,s=t.vb[1]+t.vb[3]/2;if(n){const i=t.rooms.find(t=>t.area===n);i&&([e,s]=this._roomCenter(i))}this._layout[i]=this._normPos(o||this._space,e,s)}await this._saveConfigNow(),await this.hass.callWS({type:"houseplan/layout/set",layout:this._layout}),this._markerDialog=null,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Устройство сохранено")}catch(t){this._markerDialog={...this._markerDialog,busy:!1},this._showToast("Ошибка: "+(t?.message||t))}}else this._showToast("Укажите имя виртуального устройства")}async _deleteMarker(){const t=this._markerDialog;if(!t)return;const e=t.devId?this._devices.find(e=>e.id===t.devId):null,i=t.name||"устройство";if(!confirm(`Убрать «${i}» с плана?`))return;const s=this._serverCfg;s.markers=s.markers||[],e&&"virtual"===e.bindingKind?s.markers=s.markers.filter(t=>t.id!==e.id):e&&e.marker?(s.markers=s.markers.filter(t=>t.id!==e.id),"device"===e.bindingKind&&e.bindingRef?s.markers.push({id:e.id,binding:"device:"+e.bindingRef,hidden:!0}):"entity"===e.bindingKind&&e.bindingRef&&s.markers.push({id:e.id,binding:"entity:"+e.bindingRef,hidden:!0})):e&&"device"===e.bindingKind&&e.bindingRef?s.markers.push({id:e.id,binding:"device:"+e.bindingRef,hidden:!0}):e&&"entity"===e.bindingKind&&e.bindingRef&&s.markers.push({id:e.id,binding:"entity:"+e.bindingRef,hidden:!0});try{await this._saveConfigNow(),this._markerDialog=null,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Устройство убрано с плана")}catch(t){this._showToast("Ошибка: "+(t?.message||t))}}_normPos(t,e,i){const s=this._serverCfg.spaces.find(e=>e.id===t)?.aspect||1;return{s:t,x:e/yt,y:i/(yt/s)}}_openSpaceDialog(t,e){if(this._serverStorage&&this._serverCfg)if("edit"===t){const i=this._serverCfg.spaces.find(t=>t.id===e);if(!i)return;this._spaceDialog={mode:t,spaceId:e,title:i.title,planUrl:i.plan_url||null,planFile:null,busy:!1}}else this._spaceDialog={mode:t,title:"",planUrl:null,planFile:null,busy:!1};else this._showToast("Интеграция House Plan не установлена — управление недоступно")}async _pickPlanFile(t){const e=t.target,i=e.files?.[0];if(!i||!this._spaceDialog)return;const s={"image/svg+xml":"svg","image/png":"png","image/jpeg":"jpg","image/webp":"webp"}[i.type]||(i.name.toLowerCase().endsWith(".svg")?"svg":"");if(!s)return void this._showToast("Поддерживаются SVG, PNG, JPG, WebP");const a=new Uint8Array(await i.arrayBuffer());let o="";for(let t=0;t{const e=new Image;e.onload=()=>t(e.naturalWidth&&e.naturalHeight?e.naturalWidth/e.naturalHeight:1.414),e.onerror=()=>t(1.414),e.src=r});URL.revokeObjectURL(r),this._spaceDialog={...this._spaceDialog,planFile:{ext:s,b64:n,aspect:l,name:i.name}}}async _saveSpaceDialog(){const t=this._spaceDialog;if(t&&!t.busy&&t.title.trim()){this._spaceDialog={...t,busy:!0};try{const e=this._serverCfg;let i;if("create"===t.mode?(i={id:"s"+Date.now().toString(36),title:t.title.trim(),plan_url:null,aspect:1.414,view_box:[0,0,1,1],rooms:[],segments:[]},e.spaces.push(i)):(i=e.spaces.find(e=>e.id===t.spaceId),i.title=t.title.trim()),t.planFile){const e=await this.hass.callWS({type:"houseplan/plan/set",space_id:i.id,ext:t.planFile.ext,data:t.planFile.b64});i.plan_url=e.url,i.aspect=t.planFile.aspect}await this._saveConfigNow(),this._spaceDialog=null,"create"===t.mode&&(this._space=i.id),this._regSignature="",this._maybeRebuildDevices(),this._showToast("create"===t.mode?"Пространство добавлено":"Пространство сохранено")}catch(t){this._spaceDialog={...this._spaceDialog,busy:!1},this._showToast("Ошибка: "+(t?.message||t))}}}async _deleteSpace(){const t=this._spaceDialog;if(!t||"edit"!==t.mode)return;const e=this._serverCfg.spaces.find(e=>e.id===t.spaceId);if(confirm(`Удалить пространство «${e.title}» со всеми комнатами и разметкой?`)){this._serverCfg.spaces=this._serverCfg.spaces.filter(e=>e.id!==t.spaceId);try{await this._saveConfigNow(),this._spaceDialog=null,this._space===t.spaceId&&(this._space=this._serverCfg.spaces[0]?.id||""),this._regSignature="",this._maybeRebuildDevices(),this._showToast("Пространство удалено")}catch(t){this._showToast("Ошибка удаления: "+(t?.message||t))}}}async _saveConfigNow(){const t=await this.hass.callWS({type:"houseplan/config/set",config:this._serverCfg,expected_rev:this._cfgRev});this._cfgRev=t?.rev??this._cfgRev+1}render(){if(!this._config||!this.hass)return W;const t=this._model;if(!t.length)return j` + >`:V}_valueChanged(t){const e={...this._config,...t.detail.value},i=new Event("config-changed",{bubbles:!0,composed:!0});i.detail={config:e},this.dispatchEvent(i)}}ft.properties={hass:{attribute:!1},_config:{state:!0}},customElements.get("houseplan-card-editor")||customElements.define("houseplan-card-editor",ft);const vt="houseplan_card_layout_v1",bt="houseplan_card_zoom_v1",yt=1e3,$t=(t,e,i)=>{const s=new Event(e,{bubbles:!0,composed:!0});s.detail=i??{},t.dispatchEvent(s)},xt=(t,e)=>{let i;return(...s)=>{clearTimeout(i),i=window.setTimeout(()=>t(...s),e)}};class wt extends rt{constructor(){super(...arguments),this._space="f1",this._edit=!1,this._layout={},this._serverStorage=!1,this._loadOk=!1,this._loading=!1,this._loadTries=0,this._serverCfg=null,this._cfgRev=0,this._unsubCfg=null,this._devices=[],this._regSignature="",this._defPos={},this._tip=null,this._selId=null,this._toast="",this._markup=!1,this._tool="draw",this._path=[],this._pathSegs=[],this._cursorPt=null,this._areaSel="",this._nameSel="",this._roomDialog=!1,this._zoom=1,this._view=null,this._zoomBySpace={},this._pointers=new Map,this._panStart=null,this._pinchStart=null,this._suppressClick=!1,this._infoCard=null,this._markerDialog=null,this._spaceDialog=null,this._keyHandler=t=>this._onKey(t),this._drag=null,this._dirtyPos=new Set,this._persistLayout=xt(()=>{if(this._serverStorage){const t=[...this._dirtyPos];this._dirtyPos.clear();for(const e of t){const t=this._layout[e];t&&this.hass.callWS({type:"houseplan/layout/update",device_id:e,pos:t}).catch(t=>this._showToast("Не удалось сохранить позицию: "+(t?.message||t)))}}else localStorage.setItem(vt,JSON.stringify(this._layout))},600),this._saveConfig=xt(()=>{this._serverCfg&&this.hass.callWS({type:"houseplan/config/set",config:this._serverCfg,expected_rev:this._cfgRev}).then(t=>{this._cfgRev=t?.rev??this._cfgRev+1}).catch(t=>{"conflict"===t?.code?(this._showToast("Конфиг изменён в другом окне — данные обновлены, повторите последнее действие"),this._cancelPath(),this._reloadConfigOnly()):this._showToast("Не удалось сохранить конфиг: "+(t?.message||t))})},500)}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._keyHandler)}disconnectedCallback(){window.removeEventListener("keydown",this._keyHandler),this._roViewport?.disconnect(),this._roViewport=void 0,this._unsubCfg&&(this._unsubCfg(),this._unsubCfg=null),super.disconnectedCallback()}_onKey(t){if("Escape"===t.key){if(this._infoCard)return void(this._infoCard=null);if(this._markerDialog)return void(this._markerDialog=null)}if(!this._markup)return;return"Escape"===t.key||(t.ctrlKey||t.metaKey)&&"z"===t.key.toLowerCase()?this._roomDialog?(t.preventDefault(),void this._roomDialogCancel()):void("draw"===this._tool&&this._path.length&&(t.preventDefault(),this._undoPoint())):void 0}_undoPoint(){if(!this._path.length)return;if(1===this._path.length)return this._path=[],void(this._pathSegs=[]);const t=this._pathSegs[this._pathSegs.length-1];this._pathSegs=this._pathSegs.slice(0,-1),t&&this._removeSegmentByKey(t),this._path=this._path.slice(0,-1)}_removeSegmentByKey(t){const e=this._curSpaceCfg;if(!e?.segments)return;const i=this._segments.findIndex(e=>this._segKey([e[0],e[1]],[e[2],e[3]])===t);i>=0&&(e.segments.splice(i,1),this._saveConfig())}static getConfigElement(){return document.createElement("houseplan-card-editor")}static getStubConfig(){return{type:"custom:houseplan-card",title:"План дома"}}setConfig(t){this._config={icon_size:2.5,show_temperature:!0,live_states:!0,show_signal:!0,...t},t.default_floor&&(this._space=t.default_floor);try{this._zoomBySpace=JSON.parse(localStorage.getItem(bt)||"{}")||{}}catch{this._zoomBySpace={}}}getCardSize(){return 12}get _norm(){return!(!this._serverCfg||!this._serverCfg.spaces.length)}get _model(){return this._serverCfg?this._serverCfg.spaces.map(t=>{const e=yt/t.aspect;return{id:t.id,title:t.title,vb:[t.view_box[0]*yt,t.view_box[1]*e,t.view_box[2]*yt,t.view_box[3]*e],bg:t.plan_url?{href:t.plan_url,x:0,y:0,w:yt,h:e}:null,rooms:t.rooms.map(t=>({id:t.id,name:t.name,area:t.area??null,x:null!=t.x?t.x*yt:void 0,y:null!=t.y?t.y*e:void 0,w:null!=t.w?t.w*yt:void 0,h:null!=t.h?t.h*e:void 0,poly:t.poly?t.poly.map(t=>[t[0]*yt,t[1]*e]):void 0}))}}):[]}_spaceModel(t){const e=this._model;return e.find(e=>e.id===(t??this._space))||e[0]}get _areaToSpace(){const t={};for(const e of this._model)for(const i of e.rooms)i.area&&(t[i.area]={space:e.id,room:i});return t}get _settings(){return this._serverCfg?.settings||{}}get _excluded(){const t=this._settings.exclude_integrations;return t?new Set(t):ct}willUpdate(t){t.has("hass")&&this.hass&&(!this._loadOk&&!this._loading&&this._loadTries<8&&this._loadFromServer(),this._maybeRebuildDevices())}updated(){const t=this._stageEl;t&&!this._roViewport&&(this._roViewport=new ResizeObserver(()=>this._refitView()),this._roViewport.observe(t)),t&&!this._view&&this._refitView()}async _loadFromServer(){this._loading=!0,this._loadTries++;try{const[t,e]=await Promise.all([this.hass.callWS({type:"houseplan/config/get"}),this.hass.callWS({type:"houseplan/layout/get"})]);this._loadOk=!0,this._serverStorage=!0;const i=t?.config;this._serverCfg=i&&Array.isArray(i.spaces)?i:null,this._cfgRev=t?.rev||0,this._layout=e?.layout||{},this._unsubCfg||(this._unsubCfg=await this.hass.connection.subscribeEvents(t=>{(t?.data?.rev??-1)!==this._cfgRev&&this._reloadConfigOnly()},"houseplan_config_updated")),this._norm&&!this._model.find(t=>t.id===this._space)&&(this._space=this._model[0]?.id||this._space),this._restoreZoom()}catch(t){if(this._loadTries>=8){this._serverStorage=!1,this._serverCfg=null;try{this._layout=JSON.parse(localStorage.getItem(vt)||"{}")||{}}catch{this._layout={}}}}finally{this._loading=!1}this._regSignature="",this.requestUpdate()}async _reloadConfigOnly(){try{const t=await this.hass.callWS({type:"houseplan/config/get"}),e=t?.config;this._serverCfg=e&&Array.isArray(e.spaces)?e:null,this._cfgRev=t?.rev||0,this._regSignature="",this._maybeRebuildDevices(),this.requestUpdate()}catch{}}_maybeRebuildDevices(){const t=this.hass;if(!t?.devices||!t?.entities||!t?.areas)return;const e=Object.keys(t.devices).length+":"+Object.keys(t.entities).length+":"+Object.keys(t.areas).length+":"+(this._norm?"n":"l");e===this._regSignature&&this._devices.length||(this._regSignature=e,this._devices=this._buildDevices(),this._defPos=this._defaultPositions())}_entitiesByDevice(){const t={};for(const[e,i]of Object.entries(this.hass.entities))i?.device_id&&(t[i.device_id]=t[i.device_id]||[]).push(e);return t}_domainOfDevice(t,e){if(t.identifiers?.[0]?.[0])return t.identifiers[0][0];for(const t of e){const e=this.hass.entities[t]?.platform;if(e)return e}return""}_primaryEntity(t,e){const i=t.map(t=>({eid:t,reg:this.hass.entities[t],st:this.hass.states[t]})).filter(t=>t.reg&&!t.reg.hidden),s=i.filter(t=>!t.reg.entity_category),a=s.length?s:i;if("mdi:thermometer"===e||"mdi:air-filter"===e){const t=a.find(t=>this._isTempEntity(t.eid));if(t)return t.eid}for(const t of pt){const e=a.find(e=>e.eid.split(".")[0]===t);if(e)return e.eid}return a[0]?.eid}_isTempEntity(t){const e=this.hass.states[t];if(!e)return/_temperature$/.test(t);const i=e.attributes||{};return"temperature"===i.device_class||/°C|°F/.test(i.unit_of_measurement||"")||/_temperature$/.test(t)}_lqiFor(t){const e=[];for(const i of t){const t=this.hass.states[i];if(!(/_linkquality$/.test(i)||"lqi"===(t?.attributes?.unit_of_measurement||""))||!t)continue;const s=parseFloat(t.state);isNaN(s)||e.push(s)}return e.length?Math.round(e.reduce((t,e)=>t+e,0)/e.length):null}_roomLqi(t){if(!t)return null;const e=[];for(const i of this._devices){if(i.area!==t||i.virtual)continue;const s=this._lqiFor(i.entities);null!=s&&e.push(s)}return e.length?Math.round(e.reduce((t,e)=>t+e,0)/e.length):null}_tempFor(t){for(const e of t){if(!this._isTempEntity(e))continue;const t=this.hass.states[e];if(!t)continue;const i=parseFloat(t.state);if(!isNaN(i))return Math.round(10*i)/10}return null}_lightGroups(){if(!1===this._settings.group_lights)return[];const t=this.hass,e=[];for(const[i,s]of Object.entries(t.entities)){if(!i.startsWith("light.")||s.hidden)continue;let a=null;if("group"===s.platform)a=s.area_id||null;else{if(!s.device_id)continue;{const e=t.devices[s.device_id];if("Group"!==e?.model)continue;a=e.area_id||s.area_id||null}}if(!a)continue;const o=t.states[i];e.push({eid:i,name:s.name||o?.attributes?.friendly_name||i,area:a})}return e}_groupedLightAreas(){return new Set(this._lightGroups().map(t=>t.area))}get _markers(){return this._serverCfg?.markers||[]}_markerFor(t,e){return this._markers.find(i=>i.binding===t+":"+e)}get _claimed(){const t=new Set;for(const e of this._markers){const[i,s]=e.binding.split(":");"device"!==i&&"entity"!==i||!s||t.add(e.binding)}return t}_applyMarker(t,e){t.marker=e,e.name&&(t.name=e.name),e.icon&&(t.icon=e.icon),null!=e.model&&(t.model=e.model),t.link=e.link??null,t.description=e.description??null,t.pdfs=e.pdfs||[]}_buildDevices(){const t=this.hass,e=this._areaToSpace,i=!1!==this._settings.group_lights,s=this._groupedLightAreas(),a=this._excluded,o=this._entitiesByDevice(),n=this._claimed,r={},l=[];for(const c of Object.values(t.devices)){const t=c.area_id;if(!t||!e[t])continue;if("service"===c.entry_type)continue;if(n.has("device:"+c.id))continue;const h=this._markerFor("device",c.id);if(h&&h.hidden)continue;const d=o[c.id]||[],p=this._domainOfDevice(c,d);if(a.has(p))continue;if("Group"===c.model)continue;if(/scene/i.test(c.model||""))continue;if(/bridge/i.test((c.model||"")+(c.name||"")))continue;if("myheat"===p&&c.via_device_id)continue;const u=(c.name_by_user||c.name||"без имени").trim(),_=u+"|"+t;if(r[_])continue;r[_]=1;let m=dt(u,c.model);if(d.some(t=>t.startsWith("lock."))&&(m="mdi:lock"),i&&"mdi:lightbulb"===m&&s.has(t))continue;const g={id:c.id,name:u,model:c.model||"",area:t,space:e[t].space,icon:m,entities:d,bindingKind:"device",bindingRef:c.id,pdfs:[]};g.primary=this._primaryEntity(d,m),"mdi:thermometer"!==m&&"mdi:air-filter"!==m||(g.temp=this._tempFor(d)),l.push(g)}for(const t of this._lightGroups())e[t.area]&&(n.has("entity:"+t.eid)||l.push({id:"lg_"+t.eid,name:t.name,model:"группа света",area:t.area,space:e[t.area].space,icon:"mdi:lightbulb-group",entities:[t.eid],primary:t.eid,bindingKind:"entity",bindingRef:t.eid,pdfs:[]}));for(const i of this._markers){if(i.hidden)continue;const[s,a]=i.binding.split(":");if("device"===s){const s=t.devices[a],n=i.area||s?.area_id||"",r=n&&e[n]?.space||i.space||this._model[0]?.id||"",c=s&&o[s.id]||[];let h=s?dt(s.name_by_user||s.name||"",s.model):"mdi:help-circle";c.some(t=>t.startsWith("lock."))&&(h="mdi:lock");const d={id:i.id,name:s?.name_by_user||s?.name||"устройство",model:s?.model||"",area:n,space:r,icon:h,entities:c,bindingKind:"device",bindingRef:a};d.primary=this._primaryEntity(c,h),"mdi:thermometer"!==h&&"mdi:air-filter"!==h||(d.temp=this._tempFor(c)),this._applyMarker(d,i),l.push(d)}else if("entity"===s){const s=t.entities[a],o=i.area||s?.area_id||s?.device_id&&t.devices[s.device_id]?.area_id||"",n=o&&e[o]?.space||i.space||this._model[0]?.id||"",r=t.states[a],c={id:i.id,name:s?.name||r?.attributes?.friendly_name||a,model:"",area:o,space:n,icon:"mdi:shape-outline",entities:[a],primary:a,bindingKind:"entity",bindingRef:a};this._applyMarker(c,i),l.push(c)}else{const t=i.area||"",s=i.space||t&&e[t]?.space||this._model[0]?.id||"",a={id:i.id,name:i.name||"виртуальное устройство",model:i.model||"",area:t,space:s,icon:i.icon||"mdi:map-marker",entities:[],bindingKind:"virtual",virtual:!0};this._applyMarker(a,i),l.push(a)}}return l}_roomBounds(t){if(t.poly&&t.poly.length){const e=t.poly.map(t=>t[0]),i=t.poly.map(t=>t[1]),s=Math.min(...e),a=Math.min(...i);return{x:s,y:a,w:Math.max(...e)-s,h:Math.max(...i)-a}}return{x:t.x??0,y:t.y??0,w:t.w??0,h:t.h??0}}_defaultPositions(){const t={};for(const e of this._model)for(const i of e.rooms){if(!i.area)continue;const s=this._devices.filter(t=>t.area===i.area&&t.space===e.id);if(!s.length)continue;const a=this._roomBounds(i),o=.12*Math.min(a.w,a.h),n=a.w-2*o,r=a.h-2*o,l=Math.max(1,Math.round(Math.sqrt(s.length*n/Math.max(r,1)))),c=Math.ceil(s.length/l),h=n/l,d=r/Math.max(c,1);s.forEach((e,i)=>{const s=i%l,n=Math.floor(i/l);t[e.id]={x:a.x+o+h*(s+.5),y:a.y+o+d*(n+.5)}})}return t}_pos(t){const e=this._spaceModel(t.space),i=this._layout[t.id];if(i)if(this._norm){if(i.s===t.space){const e=this._serverCfg.spaces.find(e=>e.id===t.space)?.aspect||1;return{x:i.x*yt,y:i.y*(yt/e)}}}else if(void 0===i.s)return{x:i.x,y:i.y};if(this._defPos[t.id])return this._defPos[t.id];const s=e.vb;return{x:s[0]+s[2]/2,y:s[1]+s[3]/2}}_savePos(t,e,i){if(this._norm){const s=this._gridPitch,a=Math.round(e/s)*s,o=Math.round(i/s)*s,n=this._serverCfg.spaces.find(e=>e.id===t.space)?.aspect||1;this._layout={...this._layout,[t.id]:{s:t.space,x:a/yt,y:o/(yt/n)}}}else this._layout={...this._layout,[t.id]:{x:Math.round(e),y:Math.round(i)}};this._dirtyPos.add(t.id),this._persistLayout()}_stateClass(t){if(!this._config?.live_states)return"";const e=t.primary?this.hass.states[t.primary]:void 0;if(!e)return"";if("unavailable"===e.state)return"unavail";const i=e.entity_id.split(".")[0];if(["light","switch","fan","humidifier"].includes(i))return"on"===e.state?"on":"";if("cover"===i||"valve"===i)return["open","opening"].includes(e.state)?"open":"";if("lock"===i)return["unlocked","open"].includes(e.state)?"open":"";if("binary_sensor"===i){const t=e.attributes?.device_class;if(["door","window","garage_door","opening","gas","smoke","moisture","problem"].includes(t))return"on"===e.state?"open":""}return"media_player"===i?["playing","on"].includes(e.state)?"on":"":"vacuum"===i&&["cleaning","returning"].includes(e.state)?"on":""}_liveTemp(t){return this._config?.show_temperature?"mdi:thermometer"!==t.icon&&"mdi:air-filter"!==t.icon?null:this._tempFor(t.entities):null}_openMoreInfo(t){t?$t(this,"hass-more-info",{entityId:t}):this._showToast("У устройства нет подходящей сущности")}_clickDevice(t,e){if(t.stopPropagation(),!this._drag?.moved&&!this._suppressClick&&!this._markup)return this._edit?(this._selId=e.id,void this._openMarkerDialog(e)):void(this._infoCard=e)}get _stageEl(){return this.renderRoot.querySelector(".stage")}_stageAspect(){const t=this._stageEl,e=this._spaceModel().vb;return t&&t.clientHeight?t.clientWidth/t.clientHeight:e[2]/e[3]}_fitView(t,e){if(e>t[2]/t[3]){const i=t[3],s=t[3]*e;return{x:t[0]-(s-t[2])/2,y:t[1],w:s,h:i}}const i=t[2],s=t[2]/e;return{x:t[0],y:t[1]-(s-t[3])/2,w:i,h:s}}_viewOr(t){return this._view&&this._view.w?this._view:this._fitView(t,this._stageAspect())}_screenToVb(t,e){const i=this._stageEl,s=this._viewOr(this._spaceModel().vb),a=i?.clientWidth||1,o=i?.clientHeight||1;return[s.x+t/a*s.w,s.y+e/o*s.h]}_clampView(t,e){return{w:t.w,h:t.h,x:Math.max(e.x,Math.min(e.x+e.w-t.w,t.x)),y:Math.max(e.y,Math.min(e.y+e.h-t.h,t.y))}}_applyView(t,e,i){const s=this._spaceModel().vb,a=this._fitView(s,this._stageAspect()),o=Math.min(8,Math.max(1,t)),n=a.w/o,r=a.h/o,l=this._viewOr(s),c=e??l.x+l.w/2,h=i??l.y+l.h/2;this._zoom=o,this._view=this._clampView({x:c-n/2,y:h-r/2,w:n,h:r},a)}_refitView(){if(!this._stageEl)return;const t=this._view;this._applyView(this._zoom,t?t.x+t.w/2:void 0,t?t.y+t.h/2:void 0),this.requestUpdate()}_zoomAt(t,e,i){const s=this._stageEl;if(!s)return;const a=this._spaceModel().vb,o=this._fitView(a,this._stageAspect()),n=Math.min(8,Math.max(1,i)),r=s.clientWidth,l=s.clientHeight,c=this._screenToVb(t,e),h=o.w/n,d=o.h/n;this._zoom=n,this._view=this._clampView({x:c[0]-t/r*h,y:c[1]-e/l*d,w:h,h:d},o)}_onWheel(t){const e=this._stageEl;if(!e)return;t.preventDefault();const i=e.getBoundingClientRect(),s=t.deltaY<0?1.15:1/1.15;this._zoomAt(t.clientX-i.left,t.clientY-i.top,this._zoom*s),this._saveZoom()}_stepZoom(t){const e=this._stageEl;e&&(this._zoomAt(e.clientWidth/2,e.clientHeight/2,this._zoom*(t>0?1.4:1/1.4)),this._saveZoom())}_resetZoom(){const t=this._spaceModel().vb;this._zoom=1,this._view=this._fitView(t,this._stageAspect()),this._saveZoom()}_saveZoom(){this._zoomBySpace={...this._zoomBySpace,[this._space]:this._zoom};try{localStorage.setItem(bt,JSON.stringify(this._zoomBySpace))}catch{}}_restoreZoom(){const t=this._zoomBySpace[this._space]||1;this._zoom=t,this._view=null,requestAnimationFrame(()=>{if(!this._stageEl)return;const e=this._spaceModel().vb;this._applyView(t,e[0]+e[2]/2,e[1]+e[3]/2),this.requestUpdate()})}_stagePointerDown(t){if(this._drag||this._markup)return;if(t.target.closest(".dev"))return;this._pointers.set(t.pointerId,{x:t.clientX,y:t.clientY});const e=this._viewOr(this._spaceModel().vb);if(1===this._pointers.size)this._panStart={sx:t.clientX,sy:t.clientY,vx:e.x,vy:e.y},this._suppressClick=!1;else if(2===this._pointers.size){const t=[...this._pointers.values()],e=Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y);this._pinchStart={dist:e,zoom:this._zoom},this._panStart=null}}_stagePointerMove(t){if(this._pointers.has(t.pointerId)){if(this._pointers.set(t.pointerId,{x:t.clientX,y:t.clientY}),this._pinchStart&&this._pointers.size>=2){const t=[...this._pointers.values()],e=Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y)/(this._pinchStart.dist||1),i=this._stageEl.getBoundingClientRect(),s=(t[0].x+t[1].x)/2-i.left,a=(t[0].y+t[1].y)/2-i.top;this._zoomAt(s,a,this._pinchStart.zoom*e),this._suppressClick=!0,this._saveZoom()}else if(this._panStart){const e=t.clientX-this._panStart.sx,i=t.clientY-this._panStart.sy;if(Math.abs(e)+Math.abs(i)>4&&(this._suppressClick=!0),this._zoom>1&&this._view){const t=this._stageEl,s=this._view,a=this._fitView(this._spaceModel().vb,this._stageAspect());this._view=this._clampView({x:this._panStart.vx-e/t.clientWidth*s.w,y:this._panStart.vy-i/t.clientHeight*s.h,w:s.w,h:s.h},a)}}}else this._markupMove(t)}_stagePointerUp(t){this._pointers.delete(t.pointerId),this._pointers.size<2&&(this._pinchStart=null),0===this._pointers.size&&(this._panStart=null,setTimeout(()=>this._suppressClick=!1,0))}_clickRoom(t){var e;this._suppressClick||this._edit||!t.area||(e="/config/areas/area/"+t.area,history.pushState(null,"",e),$t(window,"location-changed",{replace:!1}))}_pointerDown(t,e){if(!this._edit)return;t.preventDefault();const i=this._pos(e);this._drag={id:e.id,sx:t.clientX,sy:t.clientY,ox:i.x,oy:i.y,moved:!1},t.target.setPointerCapture(t.pointerId),this._tip=null}_pointerMove(t,e){if(!this._drag||this._drag.id!==e.id)return;const i=this.renderRoot.querySelector(".stage");if(!i)return;const s=this._spaceModel().vb,a=i.getBoundingClientRect(),o=this._viewOr(s),n=(t.clientX-this._drag.sx)/a.width*o.w,r=(t.clientY-this._drag.sy)/a.height*o.h;Math.abs(t.clientX-this._drag.sx)+Math.abs(t.clientY-this._drag.sy)>3&&(this._drag.moved=!0);const l=.008*Math.min(s[2],s[3]),c=Math.max(s[0]+l,Math.min(s[0]+s[2]-l,this._drag.ox+n)),h=Math.max(s[1]+l,Math.min(s[1]+s[3]-l,this._drag.oy+r));this._savePos(e,c,h)}_pointerUp(t,e){if(!this._drag||this._drag.id!==e.id)return;const i=this._drag.moved;this._drag=i?this._drag:null,i&&(this._selId=e.id,window.setTimeout(()=>this._drag=null,0))}_applyXY(t,e){if(!this._selId)return;const i=parseFloat(e);if(isNaN(i))return;const s=this._devices.find(t=>t.id===this._selId);if(!s||s.virtual)return;const a={...this._pos(s)};a[t]=i,this._savePos(s,a.x,a.y)}_resetLayout(){confirm("Сбросить позиции всех иконок к авто-раскладке?")&&(this._layout={},this._persistLayout())}_showToast(t){this._toast=t,clearTimeout(this._toastTimer),this._toastTimer=window.setTimeout(()=>{this._toast=""},3500)}_showTip(t,e,i,s){this._drag||(this._tip={x:t.clientX,y:t.clientY,title:e,meta:i,lqi:s})}get _gridPitch(){return yt/120}get _curSpaceCfg(){return this._serverCfg?.spaces.find(t=>t.id===this._space)}get _spaceH(){const t=this._curSpaceCfg;return t?yt/t.aspect:yt}get _segments(){const t=this._curSpaceCfg,e=this._spaceH;return(t?.segments||[]).map(t=>[t[0]*yt,t[1]*e,t[2]*yt,t[3]*e])}_toggleMarkup(){this._norm?(this._markup=!this._markup,this._edit=!1,this._path=[],this._cursorPt=null,this._tool="draw"):this._showToast("Разметка доступна после переноса конфига на сервер (режим правки → «На сервер»)")}_svgPoint(t){const e=this.renderRoot.querySelector(".stage").getBoundingClientRect();return this._screenToVb(t.clientX-e.left,t.clientY-e.top)}_snap(t){const e=this._gridPitch;return[_t(t[0],e),_t(t[1],e)]}_samePt(t,e){return function(t,e,i=.001){return Math.abs(t[0]-e[0])this._segKey([t[0],t[1]],[t[2],t[3]])===a);return!o&&(i.segments=i.segments||[],i.segments.push([t[0]/yt,t[1]/s,e[0]/yt,e[1]/s]),this._saveConfig(),!0)}_distToSeg(t,e){const[i,s]=t,[a,o,n,r]=e,l=n-a,c=r-o;let h=((i-a)*l+(s-o)*c)/(l*l+c*c||1);h=Math.max(0,Math.min(1,h));const d=a+h*l,p=o+h*c;return Math.hypot(i-d,s-p)}_pointInRoom(t,e){return e.poly?function(t,e){let i=!1;for(let s=0,a=e.length-1;st[1]!=l>t[1]&&t[0]<(r-o)*(t[1]-n)/(l-n)+o&&(i=!i)}return i}(t,e.poly):null!=e.x&&t[0]>=e.x&&t[0]<=e.x+e.w&&t[1]>=e.y&&t[1]<=e.y+e.h}_markupClick(t){if(!this._markup)return;const e=this._svgPoint(t);if("erase"===this._tool){const t=this._curSpaceCfg;if(!t?.segments?.length)return;const i=this._segments;let s=-1,a=.5*this._gridPitch;return i.forEach((t,i)=>{const o=this._distToSeg(e,t);o=0&&(t.segments.splice(s,1),this._saveConfig(),this.requestUpdate()))}if("delroom"===this._tool){const t=[...this._spaceModel().rooms].reverse().find(t=>this._pointInRoom(e,t));if(!t)return;if(!confirm(`Удалить комнату «${t.name}»?`))return;const i=this._curSpaceCfg;return i.rooms=i.rooms.filter(e=>e.id!==t.id),this._saveConfig(),this._regSignature="",this._maybeRebuildDevices(),void this.requestUpdate()}const i=this._snap(e);if(!this._path.length)return this._path=[i],void(this._pathSegs=[]);const s=this._path[this._path.length-1];if(this._samePt(i,s))return;const a=this._addSegment(s,i);this._pathSegs=[...this._pathSegs,a?this._segKey(s,i):null],this._path=[...this._path,i],this._path.length>=4&&this._samePt(i,this._path[0])&&(this._cursorPt=null,this._nameSel="",this._areaSel="",this._roomDialog=!0)}get _contourClosed(){return this._path.length>=4&&this._samePt(this._path[0],this._path[this._path.length-1])}_markupMove(t){this._markup&&"draw"===this._tool&&this._path.length&&!this._contourClosed&&(this._cursorPt=this._snap(this._svgPoint(t)))}_saveRoom(){if(!this._contourClosed||!this._areaSel&&!this._nameSel)return;const t=this._curSpaceCfg;if(!t)return;const e=this._spaceH,i=this._path.slice(0,-1),s=this._areaSel?this.hass.areas[this._areaSel]?.name:"";t.rooms.push({id:"r"+Date.now().toString(36),name:this._nameSel||s||"Комната",area:this._areaSel||null,poly:i.map(t=>[t[0]/yt,t[1]/e])}),this._saveConfig(),this._path=[],this._pathSegs=[],this._areaSel="",this._nameSel="",this._roomDialog=!1,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Комната сохранена")}_cancelPath(){this._path=[],this._pathSegs=[],this._cursorPt=null,this._roomDialog=!1}_roomDialogCancel(){this._roomDialog=!1,this._undoPoint()}get _freeAreas(){const t=new Set;for(const e of this._serverCfg?.spaces||[])for(const i of e.rooms||[])i.area&&t.add(i.area);return Object.values(this.hass?.areas||{}).filter(e=>!t.has(e.area_id)).sort((t,e)=>(t.name||"").localeCompare(e.name||""))}_openMarkerDialog(t){this._norm?this._markerDialog=t?{devId:t.id,name:t.name,binding:"virtual"===t.bindingKind?"virtual":t.bindingKind+":"+t.bindingRef,bindingFilter:"",icon:t.marker?.icon||"",model:t.model||"",link:t.link||"",description:t.description||"",pdfs:[...t.pdfs||[]],room:t.space&&t.area?t.space+"#"+t.area:"",busy:!1}:{name:"",binding:"virtual",bindingFilter:"",icon:"",model:"",link:"",description:"",pdfs:[],room:"",busy:!1}:this._showToast("Редактирование устройств доступно после переноса конфига на сервер")}_bindingCandidates(){const t=this.hass,e=new Set;for(const t of this._devices)t.id!==this._markerDialog?.devId&&("device"===t.bindingKind&&t.bindingRef&&e.add("device:"+t.bindingRef),"entity"===t.bindingKind&&t.bindingRef&&e.add("entity:"+t.bindingRef));const i=new Set;for(const t of this._devices)"device"===t.bindingKind&&t.name&&i.add(t.name.trim()+"|"+(t.area||""));const s=[];for(const a of Object.values(t.devices)){if("service"===a.entry_type)continue;const t="device:"+a.id;if(e.has(t))continue;const o=(a.name_by_user||a.name||a.id).trim();t!==this._markerDialog?.binding&&i.has(o+"|"+(a.area_id||""))||s.push({value:t,label:o,sub:(a.model||"устройство")+("Group"===a.model?" · Z2M-группа":"")})}const a=new Set(["group","template","derivative","min_max","threshold","integration","statistics","trend","utility_meter","tod","switch_as_x","schedule"]);for(const[i,o]of Object.entries(t.entities)){const n="entity:"+i;if(e.has(n))continue;const r=a.has(o.platform),l="group"===o.platform;if(!r&&!l)continue;if(o.hidden)continue;const c=t.states[i];s.push({value:n,label:o.name||c?.attributes?.friendly_name||i,sub:i.split(".")[0]+" · "+("group"===o.platform?"группа":"хелпер")})}const o=(this._markerDialog?.bindingFilter||"").toLowerCase().trim(),n=o?s.filter(t=>(t.label+" "+t.sub+" "+t.value).toLowerCase().includes(o)):s;return n.sort((t,e)=>t.label.localeCompare(e.label)),n.slice(0,200)}_allRoomsFlat(){const t=[];for(const e of this._serverCfg?.spaces||[])for(const i of e.rooms||[])i.area&&t.push({value:e.id+"#"+i.area,label:(e.title||e.id)+" · "+i.name});return t}_errText(t){if(!t)return"неизвестная ошибка";if("string"==typeof t)return t;if(t.message)return t.message;if(t.error)return t.error;if(null!=t.code)return"код "+t.code;try{return JSON.stringify(t)}catch{return String(t)}}async _pickMarkerFiles(t){const e=t.target,i=e.files?[...e.files]:[];if(e.value="",!i.length||!this._markerDialog)return;const s=this._markerDialog.devId||"new",a=this.hass?.auth?.data?.access_token,o=[];for(const t of i)try{const e=new FormData;e.append("marker_id",s),e.append("file",t,t.name);const i=await fetch("/api/houseplan/upload",{method:"POST",body:e,headers:a?{authorization:`Bearer ${a}`}:{}}),n=await i.json().catch(()=>({}));if(!i.ok||n.error){const t={too_large:"файл больше "+(n.max_mb||25)+" МБ",bad_ext:"недопустимый тип (нужен PDF/изображение)",unauthorized:"нужны права администратора"};throw new Error(t[n.error]||n.error||"HTTP "+i.status)}o.push({name:n.name||t.name,url:n.url})}catch(e){this._showToast("Файл «"+t.name+"» не загружен: "+this._errText(e))}o.length&&this._markerDialog&&(this._markerDialog={...this._markerDialog,pdfs:[...this._markerDialog.pdfs,...o]},this._showToast("Прикреплено файлов: "+o.length))}_removeMarkerPdf(t){this._markerDialog&&(this._markerDialog={...this._markerDialog,pdfs:this._markerDialog.pdfs.filter(e=>e.url!==t)})}async _saveMarker(){const t=this._markerDialog;if(t&&!t.busy)if("virtual"!==t.binding||t.name.trim()){this._markerDialog={...t,busy:!0};try{const e=this._serverCfg;let i;e.markers=e.markers||[];const[s,a]=t.room?t.room.split("#"):["",""];let o=s||null,n=a||null;"virtual"!==t.binding||o||(o=this._space),i=function(t,e,i){const[s,a]=t.split(":");return"device"===s?a:"entity"===s?"lg_"+a:e&&e.startsWith("v_")?e:i()}(t.binding,t.devId,()=>"v_"+Date.now().toString(36));const r=t.devId,l={id:i,binding:t.binding,name:t.name.trim()||null,icon:t.icon||null,model:t.model.trim()||null,link:t.link.trim()||null,description:t.description.trim()||null,pdfs:t.pdfs};("virtual"===t.binding||t.room)&&(l.space=o,l.area=n);const c=r?this._devices.find(t=>t.id===r):null,h=!!t.room&&null!=c&&(c.space!==o||c.area!==n);if(e.markers=e.markers.filter(t=>t.id!==i&&t.id!==r),e.markers.push(l),!this._layout[i]||h){const t=this._spaceModel(o||void 0);let e=t.vb[0]+t.vb[2]/2,s=t.vb[1]+t.vb[3]/2;if(n){const i=t.rooms.find(t=>t.area===n);i&&([e,s]=this._roomCenter(i))}this._layout[i]=this._normPos(o||this._space,e,s)}await this._saveConfigNow(),await this.hass.callWS({type:"houseplan/layout/set",layout:this._layout}),this._markerDialog=null,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Устройство сохранено")}catch(t){this._markerDialog={...this._markerDialog,busy:!1},this._showToast("Ошибка: "+(t?.message||t))}}else this._showToast("Укажите имя виртуального устройства")}async _deleteMarker(){const t=this._markerDialog;if(!t)return;const e=t.devId?this._devices.find(e=>e.id===t.devId):null,i=t.name||"устройство";if(!confirm(`Убрать «${i}» с плана?`))return;const s=this._serverCfg;s.markers=s.markers||[],e&&"virtual"===e.bindingKind?s.markers=s.markers.filter(t=>t.id!==e.id):e&&e.marker?(s.markers=s.markers.filter(t=>t.id!==e.id),"device"===e.bindingKind&&e.bindingRef?s.markers.push({id:e.id,binding:"device:"+e.bindingRef,hidden:!0}):"entity"===e.bindingKind&&e.bindingRef&&s.markers.push({id:e.id,binding:"entity:"+e.bindingRef,hidden:!0})):e&&"device"===e.bindingKind&&e.bindingRef?s.markers.push({id:e.id,binding:"device:"+e.bindingRef,hidden:!0}):e&&"entity"===e.bindingKind&&e.bindingRef&&s.markers.push({id:e.id,binding:"entity:"+e.bindingRef,hidden:!0});try{await this._saveConfigNow(),this._markerDialog=null,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Устройство убрано с плана")}catch(t){this._showToast("Ошибка: "+(t?.message||t))}}_normPos(t,e,i){const s=this._serverCfg.spaces.find(e=>e.id===t)?.aspect||1;return{s:t,x:e/yt,y:i/(yt/s)}}_openSpaceDialog(t,e){if(this._serverStorage&&this._serverCfg)if("edit"===t){const i=this._serverCfg.spaces.find(t=>t.id===e);if(!i)return;this._spaceDialog={mode:t,spaceId:e,title:i.title,planUrl:i.plan_url||null,planFile:null,busy:!1}}else this._spaceDialog={mode:t,title:"",planUrl:null,planFile:null,busy:!1};else this._showToast("Интеграция House Plan не установлена — управление недоступно")}async _pickPlanFile(t){const e=t.target,i=e.files?.[0];if(!i||!this._spaceDialog)return;const s={"image/svg+xml":"svg","image/png":"png","image/jpeg":"jpg","image/webp":"webp"}[i.type]||(i.name.toLowerCase().endsWith(".svg")?"svg":"");if(!s)return void this._showToast("Поддерживаются SVG, PNG, JPG, WebP");const a=new Uint8Array(await i.arrayBuffer());let o="";for(let t=0;t{const e=new Image;e.onload=()=>t(e.naturalWidth&&e.naturalHeight?e.naturalWidth/e.naturalHeight:1.414),e.onerror=()=>t(1.414),e.src=r});URL.revokeObjectURL(r),this._spaceDialog={...this._spaceDialog,planFile:{ext:s,b64:n,aspect:l,name:i.name}}}async _saveSpaceDialog(){const t=this._spaceDialog;if(t&&!t.busy&&t.title.trim()){this._spaceDialog={...t,busy:!0};try{const e=this._serverCfg;let i;if("create"===t.mode?(i={id:"s"+Date.now().toString(36),title:t.title.trim(),plan_url:null,aspect:1.414,view_box:[0,0,1,1],rooms:[],segments:[]},e.spaces.push(i)):(i=e.spaces.find(e=>e.id===t.spaceId),i.title=t.title.trim()),t.planFile){const e=await this.hass.callWS({type:"houseplan/plan/set",space_id:i.id,ext:t.planFile.ext,data:t.planFile.b64});i.plan_url=e.url,i.aspect=t.planFile.aspect}await this._saveConfigNow(),this._spaceDialog=null,"create"===t.mode&&(this._space=i.id),this._regSignature="",this._maybeRebuildDevices(),this._showToast("create"===t.mode?"Пространство добавлено":"Пространство сохранено")}catch(t){this._spaceDialog={...this._spaceDialog,busy:!1},this._showToast("Ошибка: "+(t?.message||t))}}}async _deleteSpace(){const t=this._spaceDialog;if(!t||"edit"!==t.mode)return;const e=this._serverCfg.spaces.find(e=>e.id===t.spaceId);if(confirm(`Удалить пространство «${e.title}» со всеми комнатами и разметкой?`)){this._serverCfg.spaces=this._serverCfg.spaces.filter(e=>e.id!==t.spaceId);try{await this._saveConfigNow(),this._spaceDialog=null,this._space===t.spaceId&&(this._space=this._serverCfg.spaces[0]?.id||""),this._regSignature="",this._maybeRebuildDevices(),this._showToast("Пространство удалено")}catch(t){this._showToast("Ошибка удаления: "+(t?.message||t))}}}async _saveConfigNow(){const t=await this.hass.callWS({type:"houseplan/config/set",config:this._serverCfg,expected_rev:this._cfgRev});this._cfgRev=t?.rev??this._cfgRev+1}render(){if(!this._config||!this.hass)return V;const t=this._model;if(!t.length)return j`
${this._config.title||"План дома"}
@@ -16,9 +16,9 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow Добавить пространство `:j`

Установите интеграцию House Plan и добавьте запись в «Устройства и службы».

`} - ${this._spaceDialog?this._renderSpaceDialog():W} - ${this._toast?j`
${this._toast}
`:W} - `;const e=this._spaceModel(),i=e.vb,s=this._devices.filter(t=>t.space===e.id),a=this._config.icon_size??2.5,o=a>8?2.5:a;return j` + ${this._spaceDialog?this._renderSpaceDialog():V} + ${this._toast?j`
${this._toast}
`:V} + `;const e=this._spaceModel(),i=e.vb,s=this._devices.filter(t=>t.space===e.id),a=this._config.icon_size??2.5,o=a>8?2.5:a,n=this._viewOr(i);return j`
@@ -33,12 +33,12 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow > ${t.title}${this._norm?j`{e.stopPropagation(),this._openSpaceDialog("edit",t.id)}}>`:W} + @click=${e=>{e.stopPropagation(),this._openSpaceDialog("edit",t.id)}}>`:V} `)} ${this._norm?j``:W} + `:V}
${s.length} устр. @@ -51,7 +51,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow ${this._norm?j``:W} + `:V} @@ -60,49 +60,49 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
- ${this._edit?this._renderEditbar():W} - ${this._markup?this._renderMarkupBar():W} + ${this._edit?this._renderEditbar():V} + ${this._markup?this._renderMarkupBar():V}
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._markup?this._renderMarkupDefs(i):W} - ${e.bg?L``:W} +
+ + ${this._markup?this._renderMarkupDefs(i):V} + ${e.bg?L``:V} ${e.rooms.filter(t=>t.area||this._markup).map(t=>{const i="room "+(e.bg?"overlay":"yard")+(this._markup?" outlined":""),s=e=>this._showTip(e,t.name,"комната — открыть зону",this._config?.show_signal?this._roomLqi(t.area):null),a=!e.bg||this._markup,o=this._roomCenter(t),n=t.poly?L`this._clickRoom(t)} @mousemove=${s} @mouseleave=${()=>this._tip=null}>`:L`this._clickRoom(t)} @mousemove=${s} - @mouseleave=${()=>this._tip=null}>`;return L`${n}${a?L`${t.name}`:W}`})} - ${this._markup?this._renderMarkupLayer(i):W} + @mouseleave=${()=>this._tip=null}>`;return L`${n}${a?L`${t.name}`:V}`})} + ${this._markup?this._renderMarkupLayer(i):V} -
- ${s.map(t=>this._renderDevice(t,i))} +
+ ${s.map(t=>this._renderDevice(t,n))}
- ${this._zoom>1?j`
${Math.round(100*this._zoom)}%
`:W} + ${this._zoom>1?j`
${Math.round(100*this._zoom)}%
`:V}
- ${this._roomDialog?this._renderRoomDialog():W} - ${this._spaceDialog?this._renderSpaceDialog():W} - ${this._markerDialog?this._renderMarkerDialog():W} - ${this._infoCard?this._renderInfoCard():W} + ${this._roomDialog?this._renderRoomDialog():V} + ${this._spaceDialog?this._renderSpaceDialog():V} + ${this._markerDialog?this._renderMarkerDialog():V} + ${this._infoCard?this._renderInfoCard():V} ${this._tip?j`
- ${this._tip.title}${this._tip.meta?j`${this._tip.meta}`:W} + ${this._tip.title}${this._tip.meta?j`${this._tip.meta}`:V} ${null!=this._tip.lqi?j`средний сигнал zigbee: - ${this._tip.lqi}`:W} -
`:W} - ${this._toast?j`
${this._toast}
`:W} + ${this._tip.lqi}`:V} +
`:V} + ${this._toast?j`
${this._toast}
`:V} - `}_renderDevice(t,e){const i=this._pos(t),s=(i.x-e[0])/e[2]*100,a=(i.y-e[1])/e[3]*100,o=this._stateClass(t),n=this._liveTemp(t),r=this._config?.show_signal&&!t.virtual?this._lqiFor(t.entities):null;return j`
this._clickDevice(e,t)} @@ -113,8 +113,8 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow @pointerup=${e=>this._pointerUp(e,t)} > - ${null!=n?j`${n}°`:W} - ${null!=r?j`${r}`:W} + ${null!=n?j`${n}°`:V} + ${null!=r?j`${r}`:V}
`}_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 L` @@ -125,9 +125,9 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow `}_renderMarkupLayer(t){const e=this._segments,i=this._path,s=this._gridPitch;return L` ${e.map(t=>L``)} - ${i.length>1?L``:W} + ${i.length>1?L``:V} ${i.length&&this._cursorPt&&"draw"===this._tool&&!this._contourClosed?L``:W} + x2="${this._cursorPt[0]}" y2="${this._cursorPt[1]}">`:V} ${i.map((t,e)=>L``)} `}_renderMarkupBar(){return j`
@@ -145,20 +145,20 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow ${"draw"===this._tool?j`${this._path.length?"точек: "+this._path.length+" · Esc/Ctrl+Z — убрать точку · замкните контур кликом по первой":"кликните точку сетки, чтобы начать контур"} - ${this._path.length?j``:W}`:W} + ${this._path.length?j``:V}`:V}
`}_renderInfoCard(){const t=this._infoCard,e=t.primary?this.hass.states[t.primary]:void 0,i=e?this.hass.formatEntityState?.(e)??e.state:null;return j`
this._infoCard=null}>
t.stopPropagation()}>
${t.name}
- ${t.model?j`
Модель${t.model}
`:W} - ${i?j`
Состояние${i}
`:W} + ${t.model?j`
Модель${t.model}
`:V} + ${i?j`
Состояние${i}
`:V} ${t.link?j`
Ссылка - ${t.link}
`:W} - ${t.description?j`
${t.description}
`:W} + ${t.link}
`:V} + ${t.description?j`
${t.description}
`:V} ${t.pdfs&&t.pdfs.length?j`
Инструкции ${t.pdfs.map(t=>j` - ${t.name}`)}
`:W} - ${t.model||i||t.link||t.description||t.pdfs&&t.pdfs.length?W:j`
Нет дополнительной информации
`} + ${t.name}`)}
`:V} + ${t.model||i||t.link||t.description||t.pdfs&&t.pdfs.length?V:j`
Нет дополнительной информации
`}
${t.primary?j``:W} + `:V}
@@ -187,7 +187,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow @click=${()=>this._markerDialog={...t,binding:"virtual"}}> Виртуальное устройство (без привязки) - ${e?W:j`
+ ${e?V:j`
${s}${t.binding}
`} this._markerDialog={...t,binding:e.value}}> ${e.label}${e.sub}
`)} - ${i.length?W:j`
ничего не найдено
`} + ${i.length?V:j`
ничего не найдено
`}
@@ -244,7 +244,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
${t.devId?j``:W} + `:V} `:W} + `:V} -
`}}wt.properties={hass:{attribute:!1},_config:{state:!0},_space:{state:!0},_edit:{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},_areaSel:{state:!0},_nameSel:{state:!0},_roomDialog:{state:!0},_spaceDialog:{state:!0},_infoCard:{state:!0},_markerDialog:{state:!0},_zoom:{state:!0},_pan:{state:!0}},wt.styles=((t,...e)=>{const s=1===t.length?t[0]:e.reduce((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1],t[0]);return new a(s,t,i)})` + `}}wt.properties={hass:{attribute:!1},_config:{state:!0},_space:{state:!0},_edit:{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},_areaSel:{state:!0},_nameSel:{state:!0},_roomDialog:{state:!0},_spaceDialog:{state:!0},_infoCard:{state:!0},_markerDialog:{state:!0},_zoom:{state:!0},_view:{state:!0}},wt.styles=((t,...e)=>{const s=1===t.length?t[0]:e.reduce((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1],t[0]);return new a(s,t,i)})` :host { --hp-bg: var(--card-background-color, #16212e); --hp-line: var(--divider-color, #2b3d4f); @@ -447,17 +447,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow } .stage { position: relative; - max-width: 100%; - margin: 0 auto; /* центрировать, когда ширина ограничена высотой экрана */ + width: 100%; container-type: inline-size; overflow: hidden; touch-action: none; /* свои жесты pinch/pan */ + background: var(--ha-card-background, var(--card-background-color, #111)); } .zoomwrap { position: absolute; inset: 0; - transform-origin: 0 0; - will-change: transform; } .zoomctl { display: inline-flex; @@ -1036,4 +1034,4 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow z-index: 120; max-width: 90vw; } - `,customElements.get("houseplan-card")||customElements.define("houseplan-card",wt),window.customCards=window.customCards||[],window.customCards.find(t=>"houseplan-card"===t.type)||window.customCards.push({type:"houseplan-card",name:"House Plan Card",description:"Интерактивный план дома: пространства, комнаты, устройства с живыми состояниями и drag-раскладкой."}),console.info("%c HOUSEPLAN-CARD %c v1.8.1 ","background:#3ea6ff;color:#04121f;font-weight:700",""); + `,customElements.get("houseplan-card")||customElements.define("houseplan-card",wt),window.customCards=window.customCards||[],window.customCards.find(t=>"houseplan-card"===t.type)||window.customCards.push({type:"houseplan-card",name:"House Plan Card",description:"Интерактивный план дома: пространства, комнаты, устройства с живыми состояниями и drag-раскладкой."}),console.info("%c HOUSEPLAN-CARD %c v1.8.2 ","background:#3ea6ff;color:#04121f;font-weight:700",""); diff --git a/custom_components/houseplan/manifest.json b/custom_components/houseplan/manifest.json index e97a07f..21fbd37 100755 --- a/custom_components/houseplan/manifest.json +++ b/custom_components/houseplan/manifest.json @@ -15,5 +15,5 @@ "iot_class": "local_push", "issue_tracker": "https://github.com/justbusiness/houseplan-card/issues", "requirements": [], - "version": "1.8.1" + "version": "1.8.2" } \ No newline at end of file diff --git a/dist/houseplan-card.js b/dist/houseplan-card.js index ed2c750..9a23422 100755 --- a/dist/houseplan-card.js +++ b/dist/houseplan-card.js @@ -1,10 +1,10 @@ -const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),s=new WeakMap;let a=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const i=this.t;if(e&&void 0===t){const e=void 0!==i&&1===i.length;e&&(t=s.get(i)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&s.set(i,t))}return t}toString(){return this.cssText}};const o=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,i))(e)})(t):t,{is:n,defineProperty:r,getOwnPropertyDescriptor:l,getOwnPropertyNames:c,getOwnPropertySymbols:h,getPrototypeOf:d}=Object,p=globalThis,u=p.trustedTypes,_=u?u.emptyScript:"",m=p.reactiveElementPolyfillSupport,g=(t,e)=>t,f={toAttribute(t,e){switch(e){case Boolean:t=t?_:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},v=(t,e)=>!n(t,e),b={attribute:!0,type:String,converter:f,reflect:!1,useDefault:!1,hasChanged:v};Symbol.metadata??=Symbol("metadata"),p.litPropertyMetadata??=new WeakMap;let y=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=b){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&r(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:a}=l(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:s,set(e){const o=s?.call(this);a?.call(this,e),this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const t=d(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const t=this.properties,e=[...c(t),...h(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(o(t))}else void 0!==t&&e.push(o(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const i=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((i,s)=>{if(e)i.adoptedStyleSheets=s.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of s){const s=document.createElement("style"),a=t.litNonce;void 0!==a&&s.setAttribute("nonce",a),s.textContent=e.cssText,i.appendChild(s)}})(i,this.constructor.elementStyles),i}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,i);if(void 0!==s&&!0===i.reflect){const a=(void 0!==i.converter?.toAttribute?i.converter:f).toAttribute(e,i.type);this._$Em=t,null==a?this.removeAttribute(s):this.setAttribute(s,a),this._$Em=null}}_$AK(t,e){const i=this.constructor,s=i._$Eh.get(t);if(void 0!==s&&this._$Em!==s){const t=i.getPropertyOptions(s),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:f;this._$Em=s;const o=a.fromAttribute(e,t.type);this[s]=o??this._$Ej?.get(s)??o,this._$Em=null}}requestUpdate(t,e,i,s=!1,a){if(void 0!==t){const o=this.constructor;if(!1===s&&(a=this[t]),i??=o.getPropertyOptions(t),!((i.hasChanged??v)(a,e)||i.useDefault&&i.reflect&&a===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:s,wrapped:a},o){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),!0!==a||void 0!==o)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===s&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,s=this[e];!0!==t||this._$AL.has(e)||void 0===s||this.C(e,void 0,i,s)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[g("elementProperties")]=new Map,y[g("finalized")]=new Map,m?.({ReactiveElement:y}),(p.reactiveElementVersions??=[]).push("2.1.2");const x=globalThis,$=t=>t,w=x.trustedTypes,k=w?w.createPolicy("lit-html",{createHTML:t=>t}):void 0,S="$lit$",C=`lit$${Math.random().toFixed(9).slice(2)}$`,A="?"+C,z=`<${A}>`,D=document,P=()=>D.createComment(""),M=t=>null===t||"object"!=typeof t&&"function"!=typeof t,E=Array.isArray,R="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,U=/-->/g,O=/>/g,I=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),H=/'/g,N=/"/g,q=/^(?:script|style|textarea|title)$/i,F=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),j=F(1),L=F(2),B=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),K=new WeakMap,Y=D.createTreeWalker(D,129);function Z(t,e){if(!E(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==k?k.createHTML(e):e}const X=(t,e)=>{const i=t.length-1,s=[];let a,o=2===e?"":3===e?"":"",n=T;for(let e=0;e"===l[0]?(n=a??T,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,r=l[1],n=void 0===l[3]?I:'"'===l[3]?N:H):n===N||n===H?n=I:n===U||n===O?n=T:(n=I,a=void 0);const d=n===I&&t[e+1].startsWith("/>")?" ":"";o+=n===T?i+z:c>=0?(s.push(r),i.slice(0,c)+S+i.slice(c)+C+d):i+C+(-2===c?e:d)}return[Z(t,o+(t[i]||"")+(2===e?"":3===e?"":"")),s]};class G{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let a=0,o=0;const n=t.length-1,r=this.parts,[l,c]=X(t,e);if(this.el=G.createElement(l,i),Y.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(s=Y.nextNode())&&r.length0){s.textContent=w?w.emptyScript:"";for(let i=0;iE(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==W&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(D.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,s="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=G.createElement(Z(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===s)this._$AH.p(e);else{const t=new V(s,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=K.get(t.strings);return void 0===e&&K.set(t.strings,e=new G(t)),e}k(t){E(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const a of t)s===e.length?e.push(i=new Q(this.O(P()),this.O(P()),this,this.options)):i=e[s],i._$AI(a),s++;s2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=W}_$AI(t,e=this,i,s){const a=this.strings;let o=!1;if(void 0===a)t=J(this,t,e,0),o=!M(t)||t!==this._$AH&&t!==B,o&&(this._$AH=t);else{const s=t;let n,r;for(t=a[0],n=0;n{const s=i?.renderBefore??e;let a=s._$litPart$;if(void 0===a){const t=i?.renderBefore??null;s._$litPart$=a=new Q(e.insertBefore(P(),t),t,void 0,i??{})}return a._$AI(t),a})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return B}}rt._$litElement$=!0,rt.finalized=!0,nt.litElementHydrateSupport?.({LitElement:rt});const lt=nt.litElementPolyfillSupport;lt?.({LitElement:rt}),(nt.litElementVersions??=[]).push("4.2.2");const ct=new Set(["hacs","sun","backup","hassio","met","telegram_bot","mobile_app","systemmonitor","better_thermostat","adaptive_lighting","yandex_pogoda","upnp_serial_number"]),ht=[["протечк","mdi:water-alert"],["клапан","mdi:pipe-valve"],["дым","mdi:smoke-detector"],["термоголов","mdi:radiator"],["температ","mdi:thermometer"],["qingping|air monitor|молекул","mdi:air-filter"],["штор","mdi:roller-shade"],["розетк|plug","mdi:power-socket-de"],["выключат|switch","mdi:light-switch"],["лампа|лампочк|bulb|gx53|светильник|rgb","mdi:lightbulb"],["камер|camera","mdi:cctv"],["замок|ttlock|lock|sn609|sn9161","mdi:lock"],["ворота|garage","mdi:garage-variant"],["калитк|door|открыт","mdi:door"],["счётчик|счетчик|kws|meter","mdi:meter-electric"],["вводный автомат|breaker|wifimcbn","mdi:electric-switch"],["myheat|котёл|котел|boiler|отоплен","mdi:water-boiler"],["холодильник|fridge","mdi:fridge"],["стиральн|washer","mdi:washing-machine"],["сушилк|dryer","mdi:tumble-dryer"],["пылесос|vacuum|dreame","mdi:robot-vacuum"],["soundbar|колонк|станц","mdi:soundbar"],["tv|телевизор|hyundaitv|mitv","mdi:television"],["keenetic|роутер|router","mdi:router-wireless"],["ибп|ups|kirpich","mdi:battery-charging-high"],["slzb|координат|zigbee","mdi:zigbee"]];function dt(t,e){const i=((t||"")+" "+(e||"")).toLowerCase();for(const[t,e]of ht)if(new RegExp(t).test(i))return e;return"mdi:chip"}const pt=["light","switch","cover","valve","lock","climate","fan","media_player","camera","vacuum","humidifier","water_heater","alarm_control_panel","sensor","binary_sensor","event","button","number","select","update"];function ut(t){const e=Math.max(0,Math.min(120,(t-40)/140*120));return`hsl(${Math.round(e)}, 85%, 55%)`}function _t(t,e){return Math.round(t/e)*e}const mt=[{name:"title",selector:{text:{}}},{name:"default_floor",selector:{select:{mode:"dropdown",options:[{value:"f1",label:"1 этаж"},{value:"f2",label:"2 этаж"},{value:"yard",label:"Двор"}]}}},{name:"icon_size",selector:{number:{min:1,max:6,step:.1,mode:"box"}}},{name:"show_temperature",selector:{boolean:{}}},{name:"live_states",selector:{boolean:{}}},{name:"show_signal",selector:{boolean:{}}}],gt={title:"Заголовок",default_floor:"Этаж по умолчанию",icon_size:"Размер иконок, % ширины плана",show_temperature:"Показывать температуру",live_states:"Живые состояния (вкл/выкл, открыто…)",show_signal:"Показывать сигнал zigbee (LQI)"};class ft extends rt{setConfig(t){this._config=t}render(){return this.hass&&this._config?j`t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,i))(e)})(t):t,{is:n,defineProperty:r,getOwnPropertyDescriptor:l,getOwnPropertyNames:c,getOwnPropertySymbols:h,getPrototypeOf:d}=Object,p=globalThis,u=p.trustedTypes,_=u?u.emptyScript:"",m=p.reactiveElementPolyfillSupport,g=(t,e)=>t,f={toAttribute(t,e){switch(e){case Boolean:t=t?_:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},v=(t,e)=>!n(t,e),b={attribute:!0,type:String,converter:f,reflect:!1,useDefault:!1,hasChanged:v};Symbol.metadata??=Symbol("metadata"),p.litPropertyMetadata??=new WeakMap;let y=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=b){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),s=this.getPropertyDescriptor(t,i,e);void 0!==s&&r(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){const{get:s,set:a}=l(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:s,set(e){const o=s?.call(this);a?.call(this,e),this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const t=d(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const t=this.properties,e=[...c(t),...h(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(o(t))}else void 0!==t&&e.push(o(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const i=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((i,s)=>{if(e)i.adoptedStyleSheets=s.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of s){const s=document.createElement("style"),a=t.litNonce;void 0!==a&&s.setAttribute("nonce",a),s.textContent=e.cssText,i.appendChild(s)}})(i,this.constructor.elementStyles),i}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,i);if(void 0!==s&&!0===i.reflect){const a=(void 0!==i.converter?.toAttribute?i.converter:f).toAttribute(e,i.type);this._$Em=t,null==a?this.removeAttribute(s):this.setAttribute(s,a),this._$Em=null}}_$AK(t,e){const i=this.constructor,s=i._$Eh.get(t);if(void 0!==s&&this._$Em!==s){const t=i.getPropertyOptions(s),a="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:f;this._$Em=s;const o=a.fromAttribute(e,t.type);this[s]=o??this._$Ej?.get(s)??o,this._$Em=null}}requestUpdate(t,e,i,s=!1,a){if(void 0!==t){const o=this.constructor;if(!1===s&&(a=this[t]),i??=o.getPropertyOptions(t),!((i.hasChanged??v)(a,e)||i.useDefault&&i.reflect&&a===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:s,wrapped:a},o){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),!0!==a||void 0!==o)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===s&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,s=this[e];!0!==t||this._$AL.has(e)||void 0===s||this.C(e,void 0,i,s)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[g("elementProperties")]=new Map,y[g("finalized")]=new Map,m?.({ReactiveElement:y}),(p.reactiveElementVersions??=[]).push("2.1.2");const $=globalThis,x=t=>t,w=$.trustedTypes,k=w?w.createPolicy("lit-html",{createHTML:t=>t}):void 0,S="$lit$",C=`lit$${Math.random().toFixed(9).slice(2)}$`,A="?"+C,z=`<${A}>`,D=document,M=()=>D.createComment(""),E=t=>null===t||"object"!=typeof t&&"function"!=typeof t,P=Array.isArray,R="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,O=/-->/g,U=/>/g,H=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),I=/'/g,N=/"/g,q=/^(?:script|style|textarea|title)$/i,F=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),j=F(1),L=F(2),B=Symbol.for("lit-noChange"),V=Symbol.for("lit-nothing"),W=new WeakMap,K=D.createTreeWalker(D,129);function Y(t,e){if(!P(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==k?k.createHTML(e):e}const Z=(t,e)=>{const i=t.length-1,s=[];let a,o=2===e?"":3===e?"":"",n=T;for(let e=0;e"===l[0]?(n=a??T,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,r=l[1],n=void 0===l[3]?H:'"'===l[3]?N:I):n===N||n===I?n=H:n===O||n===U?n=T:(n=H,a=void 0);const d=n===H&&t[e+1].startsWith("/>")?" ":"";o+=n===T?i+z:c>=0?(s.push(r),i.slice(0,c)+S+i.slice(c)+C+d):i+C+(-2===c?e:d)}return[Y(t,o+(t[i]||"")+(2===e?"":3===e?"":"")),s]};class X{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let a=0,o=0;const n=t.length-1,r=this.parts,[l,c]=Z(t,e);if(this.el=X.createElement(l,i),K.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(s=K.nextNode())&&r.length0){s.textContent=w?w.emptyScript:"";for(let i=0;iP(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==V&&E(this._$AH)?this._$AA.nextSibling.data=t:this.T(D.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,s="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=X.createElement(Y(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===s)this._$AH.p(e);else{const t=new J(s,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=W.get(t.strings);return void 0===e&&W.set(t.strings,e=new X(t)),e}k(t){P(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const a of t)s===e.length?e.push(i=new Q(this.O(M()),this.O(M()),this,this.options)):i=e[s],i._$AI(a),s++;s2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=V}_$AI(t,e=this,i,s){const a=this.strings;let o=!1;if(void 0===a)t=G(this,t,e,0),o=!E(t)||t!==this._$AH&&t!==B,o&&(this._$AH=t);else{const s=t;let n,r;for(t=a[0],n=0;n{const s=i?.renderBefore??e;let a=s._$litPart$;if(void 0===a){const t=i?.renderBefore??null;s._$litPart$=a=new Q(e.insertBefore(M(),t),t,void 0,i??{})}return a._$AI(t),a})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return B}}rt._$litElement$=!0,rt.finalized=!0,nt.litElementHydrateSupport?.({LitElement:rt});const lt=nt.litElementPolyfillSupport;lt?.({LitElement:rt}),(nt.litElementVersions??=[]).push("4.2.2");const ct=new Set(["hacs","sun","backup","hassio","met","telegram_bot","mobile_app","systemmonitor","better_thermostat","adaptive_lighting","yandex_pogoda","upnp_serial_number"]),ht=[["протечк","mdi:water-alert"],["клапан","mdi:pipe-valve"],["дым","mdi:smoke-detector"],["термоголов","mdi:radiator"],["температ","mdi:thermometer"],["qingping|air monitor|молекул","mdi:air-filter"],["штор","mdi:roller-shade"],["розетк|plug","mdi:power-socket-de"],["выключат|switch","mdi:light-switch"],["лампа|лампочк|bulb|gx53|светильник|rgb","mdi:lightbulb"],["камер|camera","mdi:cctv"],["замок|ttlock|lock|sn609|sn9161","mdi:lock"],["ворота|garage","mdi:garage-variant"],["калитк|door|открыт","mdi:door"],["счётчик|счетчик|kws|meter","mdi:meter-electric"],["вводный автомат|breaker|wifimcbn","mdi:electric-switch"],["myheat|котёл|котел|boiler|отоплен","mdi:water-boiler"],["холодильник|fridge","mdi:fridge"],["стиральн|washer","mdi:washing-machine"],["сушилк|dryer","mdi:tumble-dryer"],["пылесос|vacuum|dreame","mdi:robot-vacuum"],["soundbar|колонк|станц","mdi:soundbar"],["tv|телевизор|hyundaitv|mitv","mdi:television"],["keenetic|роутер|router","mdi:router-wireless"],["ибп|ups|kirpich","mdi:battery-charging-high"],["slzb|координат|zigbee","mdi:zigbee"]];function dt(t,e){const i=((t||"")+" "+(e||"")).toLowerCase();for(const[t,e]of ht)if(new RegExp(t).test(i))return e;return"mdi:chip"}const pt=["light","switch","cover","valve","lock","climate","fan","media_player","camera","vacuum","humidifier","water_heater","alarm_control_panel","sensor","binary_sensor","event","button","number","select","update"];function ut(t){const e=Math.max(0,Math.min(120,(t-40)/140*120));return`hsl(${Math.round(e)}, 85%, 55%)`}function _t(t,e){return Math.round(t/e)*e}const mt=[{name:"title",selector:{text:{}}},{name:"default_floor",selector:{select:{mode:"dropdown",options:[{value:"f1",label:"1 этаж"},{value:"f2",label:"2 этаж"},{value:"yard",label:"Двор"}]}}},{name:"icon_size",selector:{number:{min:1,max:6,step:.1,mode:"box"}}},{name:"show_temperature",selector:{boolean:{}}},{name:"live_states",selector:{boolean:{}}},{name:"show_signal",selector:{boolean:{}}}],gt={title:"Заголовок",default_floor:"Этаж по умолчанию",icon_size:"Размер иконок, % ширины плана",show_temperature:"Показывать температуру",live_states:"Живые состояния (вкл/выкл, открыто…)",show_signal:"Показывать сигнал zigbee (LQI)"};class ft extends rt{setConfig(t){this._config=t}render(){return this.hass&&this._config?j`gt[t.name]||t.name} @value-changed=${this._valueChanged} - >`:W}_valueChanged(t){const e={...this._config,...t.detail.value},i=new Event("config-changed",{bubbles:!0,composed:!0});i.detail={config:e},this.dispatchEvent(i)}}ft.properties={hass:{attribute:!1},_config:{state:!0}},customElements.get("houseplan-card-editor")||customElements.define("houseplan-card-editor",ft);const vt="houseplan_card_layout_v1",bt="houseplan_card_zoom_v1",yt=1e3,xt=(t,e,i)=>{const s=new Event(e,{bubbles:!0,composed:!0});s.detail=i??{},t.dispatchEvent(s)},$t=(t,e)=>{let i;return(...s)=>{clearTimeout(i),i=window.setTimeout(()=>t(...s),e)}};class wt extends rt{constructor(){super(...arguments),this._space="f1",this._edit=!1,this._layout={},this._serverStorage=!1,this._loadOk=!1,this._loading=!1,this._loadTries=0,this._serverCfg=null,this._cfgRev=0,this._unsubCfg=null,this._devices=[],this._regSignature="",this._defPos={},this._tip=null,this._selId=null,this._toast="",this._markup=!1,this._tool="draw",this._path=[],this._pathSegs=[],this._cursorPt=null,this._areaSel="",this._nameSel="",this._roomDialog=!1,this._zoom=1,this._pan={x:0,y:0},this._zoomBySpace={},this._pointers=new Map,this._panStart=null,this._pinchStart=null,this._suppressClick=!1,this._infoCard=null,this._markerDialog=null,this._spaceDialog=null,this._keyHandler=t=>this._onKey(t),this._drag=null,this._dirtyPos=new Set,this._persistLayout=$t(()=>{if(this._serverStorage){const t=[...this._dirtyPos];this._dirtyPos.clear();for(const e of t){const t=this._layout[e];t&&this.hass.callWS({type:"houseplan/layout/update",device_id:e,pos:t}).catch(t=>this._showToast("Не удалось сохранить позицию: "+(t?.message||t)))}}else localStorage.setItem(vt,JSON.stringify(this._layout))},600),this._saveConfig=$t(()=>{this._serverCfg&&this.hass.callWS({type:"houseplan/config/set",config:this._serverCfg,expected_rev:this._cfgRev}).then(t=>{this._cfgRev=t?.rev??this._cfgRev+1}).catch(t=>{"conflict"===t?.code?(this._showToast("Конфиг изменён в другом окне — данные обновлены, повторите последнее действие"),this._cancelPath(),this._reloadConfigOnly()):this._showToast("Не удалось сохранить конфиг: "+(t?.message||t))})},500)}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._keyHandler)}disconnectedCallback(){window.removeEventListener("keydown",this._keyHandler),this._unsubCfg&&(this._unsubCfg(),this._unsubCfg=null),super.disconnectedCallback()}_onKey(t){if("Escape"===t.key){if(this._infoCard)return void(this._infoCard=null);if(this._markerDialog)return void(this._markerDialog=null)}if(!this._markup)return;return"Escape"===t.key||(t.ctrlKey||t.metaKey)&&"z"===t.key.toLowerCase()?this._roomDialog?(t.preventDefault(),void this._roomDialogCancel()):void("draw"===this._tool&&this._path.length&&(t.preventDefault(),this._undoPoint())):void 0}_undoPoint(){if(!this._path.length)return;if(1===this._path.length)return this._path=[],void(this._pathSegs=[]);const t=this._pathSegs[this._pathSegs.length-1];this._pathSegs=this._pathSegs.slice(0,-1),t&&this._removeSegmentByKey(t),this._path=this._path.slice(0,-1)}_removeSegmentByKey(t){const e=this._curSpaceCfg;if(!e?.segments)return;const i=this._segments.findIndex(e=>this._segKey([e[0],e[1]],[e[2],e[3]])===t);i>=0&&(e.segments.splice(i,1),this._saveConfig())}static getConfigElement(){return document.createElement("houseplan-card-editor")}static getStubConfig(){return{type:"custom:houseplan-card",title:"План дома"}}setConfig(t){this._config={icon_size:2.5,show_temperature:!0,live_states:!0,show_signal:!0,...t},t.default_floor&&(this._space=t.default_floor);try{this._zoomBySpace=JSON.parse(localStorage.getItem(bt)||"{}")||{}}catch{this._zoomBySpace={}}}getCardSize(){return 12}get _norm(){return!(!this._serverCfg||!this._serverCfg.spaces.length)}get _model(){return this._serverCfg?this._serverCfg.spaces.map(t=>{const e=yt/t.aspect;return{id:t.id,title:t.title,vb:[t.view_box[0]*yt,t.view_box[1]*e,t.view_box[2]*yt,t.view_box[3]*e],bg:t.plan_url?{href:t.plan_url,x:0,y:0,w:yt,h:e}:null,rooms:t.rooms.map(t=>({id:t.id,name:t.name,area:t.area??null,x:null!=t.x?t.x*yt:void 0,y:null!=t.y?t.y*e:void 0,w:null!=t.w?t.w*yt:void 0,h:null!=t.h?t.h*e:void 0,poly:t.poly?t.poly.map(t=>[t[0]*yt,t[1]*e]):void 0}))}}):[]}_spaceModel(t){const e=this._model;return e.find(e=>e.id===(t??this._space))||e[0]}get _areaToSpace(){const t={};for(const e of this._model)for(const i of e.rooms)i.area&&(t[i.area]={space:e.id,room:i});return t}get _settings(){return this._serverCfg?.settings||{}}get _excluded(){const t=this._settings.exclude_integrations;return t?new Set(t):ct}willUpdate(t){t.has("hass")&&this.hass&&(!this._loadOk&&!this._loading&&this._loadTries<8&&this._loadFromServer(),this._maybeRebuildDevices())}async _loadFromServer(){this._loading=!0,this._loadTries++;try{const[t,e]=await Promise.all([this.hass.callWS({type:"houseplan/config/get"}),this.hass.callWS({type:"houseplan/layout/get"})]);this._loadOk=!0,this._serverStorage=!0;const i=t?.config;this._serverCfg=i&&Array.isArray(i.spaces)?i:null,this._cfgRev=t?.rev||0,this._layout=e?.layout||{},this._unsubCfg||(this._unsubCfg=await this.hass.connection.subscribeEvents(t=>{(t?.data?.rev??-1)!==this._cfgRev&&this._reloadConfigOnly()},"houseplan_config_updated")),this._norm&&!this._model.find(t=>t.id===this._space)&&(this._space=this._model[0]?.id||this._space),this._restoreZoom()}catch(t){if(this._loadTries>=8){this._serverStorage=!1,this._serverCfg=null;try{this._layout=JSON.parse(localStorage.getItem(vt)||"{}")||{}}catch{this._layout={}}}}finally{this._loading=!1}this._regSignature="",this.requestUpdate()}async _reloadConfigOnly(){try{const t=await this.hass.callWS({type:"houseplan/config/get"}),e=t?.config;this._serverCfg=e&&Array.isArray(e.spaces)?e:null,this._cfgRev=t?.rev||0,this._regSignature="",this._maybeRebuildDevices(),this.requestUpdate()}catch{}}_maybeRebuildDevices(){const t=this.hass;if(!t?.devices||!t?.entities||!t?.areas)return;const e=Object.keys(t.devices).length+":"+Object.keys(t.entities).length+":"+Object.keys(t.areas).length+":"+(this._norm?"n":"l");e===this._regSignature&&this._devices.length||(this._regSignature=e,this._devices=this._buildDevices(),this._defPos=this._defaultPositions())}_entitiesByDevice(){const t={};for(const[e,i]of Object.entries(this.hass.entities))i?.device_id&&(t[i.device_id]=t[i.device_id]||[]).push(e);return t}_domainOfDevice(t,e){if(t.identifiers?.[0]?.[0])return t.identifiers[0][0];for(const t of e){const e=this.hass.entities[t]?.platform;if(e)return e}return""}_primaryEntity(t,e){const i=t.map(t=>({eid:t,reg:this.hass.entities[t],st:this.hass.states[t]})).filter(t=>t.reg&&!t.reg.hidden),s=i.filter(t=>!t.reg.entity_category),a=s.length?s:i;if("mdi:thermometer"===e||"mdi:air-filter"===e){const t=a.find(t=>this._isTempEntity(t.eid));if(t)return t.eid}for(const t of pt){const e=a.find(e=>e.eid.split(".")[0]===t);if(e)return e.eid}return a[0]?.eid}_isTempEntity(t){const e=this.hass.states[t];if(!e)return/_temperature$/.test(t);const i=e.attributes||{};return"temperature"===i.device_class||/°C|°F/.test(i.unit_of_measurement||"")||/_temperature$/.test(t)}_lqiFor(t){const e=[];for(const i of t){const t=this.hass.states[i];if(!(/_linkquality$/.test(i)||"lqi"===(t?.attributes?.unit_of_measurement||""))||!t)continue;const s=parseFloat(t.state);isNaN(s)||e.push(s)}return e.length?Math.round(e.reduce((t,e)=>t+e,0)/e.length):null}_roomLqi(t){if(!t)return null;const e=[];for(const i of this._devices){if(i.area!==t||i.virtual)continue;const s=this._lqiFor(i.entities);null!=s&&e.push(s)}return e.length?Math.round(e.reduce((t,e)=>t+e,0)/e.length):null}_tempFor(t){for(const e of t){if(!this._isTempEntity(e))continue;const t=this.hass.states[e];if(!t)continue;const i=parseFloat(t.state);if(!isNaN(i))return Math.round(10*i)/10}return null}_lightGroups(){if(!1===this._settings.group_lights)return[];const t=this.hass,e=[];for(const[i,s]of Object.entries(t.entities)){if(!i.startsWith("light.")||s.hidden)continue;let a=null;if("group"===s.platform)a=s.area_id||null;else{if(!s.device_id)continue;{const e=t.devices[s.device_id];if("Group"!==e?.model)continue;a=e.area_id||s.area_id||null}}if(!a)continue;const o=t.states[i];e.push({eid:i,name:s.name||o?.attributes?.friendly_name||i,area:a})}return e}_groupedLightAreas(){return new Set(this._lightGroups().map(t=>t.area))}get _markers(){return this._serverCfg?.markers||[]}_markerFor(t,e){return this._markers.find(i=>i.binding===t+":"+e)}get _claimed(){const t=new Set;for(const e of this._markers){const[i,s]=e.binding.split(":");"device"!==i&&"entity"!==i||!s||t.add(e.binding)}return t}_applyMarker(t,e){t.marker=e,e.name&&(t.name=e.name),e.icon&&(t.icon=e.icon),null!=e.model&&(t.model=e.model),t.link=e.link??null,t.description=e.description??null,t.pdfs=e.pdfs||[]}_buildDevices(){const t=this.hass,e=this._areaToSpace,i=!1!==this._settings.group_lights,s=this._groupedLightAreas(),a=this._excluded,o=this._entitiesByDevice(),n=this._claimed,r={},l=[];for(const c of Object.values(t.devices)){const t=c.area_id;if(!t||!e[t])continue;if("service"===c.entry_type)continue;if(n.has("device:"+c.id))continue;const h=this._markerFor("device",c.id);if(h&&h.hidden)continue;const d=o[c.id]||[],p=this._domainOfDevice(c,d);if(a.has(p))continue;if("Group"===c.model)continue;if(/scene/i.test(c.model||""))continue;if(/bridge/i.test((c.model||"")+(c.name||"")))continue;if("myheat"===p&&c.via_device_id)continue;const u=(c.name_by_user||c.name||"без имени").trim(),_=u+"|"+t;if(r[_])continue;r[_]=1;let m=dt(u,c.model);if(d.some(t=>t.startsWith("lock."))&&(m="mdi:lock"),i&&"mdi:lightbulb"===m&&s.has(t))continue;const g={id:c.id,name:u,model:c.model||"",area:t,space:e[t].space,icon:m,entities:d,bindingKind:"device",bindingRef:c.id,pdfs:[]};g.primary=this._primaryEntity(d,m),"mdi:thermometer"!==m&&"mdi:air-filter"!==m||(g.temp=this._tempFor(d)),l.push(g)}for(const t of this._lightGroups())e[t.area]&&(n.has("entity:"+t.eid)||l.push({id:"lg_"+t.eid,name:t.name,model:"группа света",area:t.area,space:e[t.area].space,icon:"mdi:lightbulb-group",entities:[t.eid],primary:t.eid,bindingKind:"entity",bindingRef:t.eid,pdfs:[]}));for(const i of this._markers){if(i.hidden)continue;const[s,a]=i.binding.split(":");if("device"===s){const s=t.devices[a],n=i.area||s?.area_id||"",r=n&&e[n]?.space||i.space||this._model[0]?.id||"",c=s&&o[s.id]||[];let h=s?dt(s.name_by_user||s.name||"",s.model):"mdi:help-circle";c.some(t=>t.startsWith("lock."))&&(h="mdi:lock");const d={id:i.id,name:s?.name_by_user||s?.name||"устройство",model:s?.model||"",area:n,space:r,icon:h,entities:c,bindingKind:"device",bindingRef:a};d.primary=this._primaryEntity(c,h),"mdi:thermometer"!==h&&"mdi:air-filter"!==h||(d.temp=this._tempFor(c)),this._applyMarker(d,i),l.push(d)}else if("entity"===s){const s=t.entities[a],o=i.area||s?.area_id||s?.device_id&&t.devices[s.device_id]?.area_id||"",n=o&&e[o]?.space||i.space||this._model[0]?.id||"",r=t.states[a],c={id:i.id,name:s?.name||r?.attributes?.friendly_name||a,model:"",area:o,space:n,icon:"mdi:shape-outline",entities:[a],primary:a,bindingKind:"entity",bindingRef:a};this._applyMarker(c,i),l.push(c)}else{const t=i.area||"",s=i.space||t&&e[t]?.space||this._model[0]?.id||"",a={id:i.id,name:i.name||"виртуальное устройство",model:i.model||"",area:t,space:s,icon:i.icon||"mdi:map-marker",entities:[],bindingKind:"virtual",virtual:!0};this._applyMarker(a,i),l.push(a)}}return l}_roomBounds(t){if(t.poly&&t.poly.length){const e=t.poly.map(t=>t[0]),i=t.poly.map(t=>t[1]),s=Math.min(...e),a=Math.min(...i);return{x:s,y:a,w:Math.max(...e)-s,h:Math.max(...i)-a}}return{x:t.x??0,y:t.y??0,w:t.w??0,h:t.h??0}}_defaultPositions(){const t={};for(const e of this._model)for(const i of e.rooms){if(!i.area)continue;const s=this._devices.filter(t=>t.area===i.area&&t.space===e.id);if(!s.length)continue;const a=this._roomBounds(i),o=.12*Math.min(a.w,a.h),n=a.w-2*o,r=a.h-2*o,l=Math.max(1,Math.round(Math.sqrt(s.length*n/Math.max(r,1)))),c=Math.ceil(s.length/l),h=n/l,d=r/Math.max(c,1);s.forEach((e,i)=>{const s=i%l,n=Math.floor(i/l);t[e.id]={x:a.x+o+h*(s+.5),y:a.y+o+d*(n+.5)}})}return t}_pos(t){const e=this._spaceModel(t.space),i=this._layout[t.id];if(i)if(this._norm){if(i.s===t.space){const e=this._serverCfg.spaces.find(e=>e.id===t.space)?.aspect||1;return{x:i.x*yt,y:i.y*(yt/e)}}}else if(void 0===i.s)return{x:i.x,y:i.y};if(this._defPos[t.id])return this._defPos[t.id];const s=e.vb;return{x:s[0]+s[2]/2,y:s[1]+s[3]/2}}_savePos(t,e,i){if(this._norm){const s=this._gridPitch,a=Math.round(e/s)*s,o=Math.round(i/s)*s,n=this._serverCfg.spaces.find(e=>e.id===t.space)?.aspect||1;this._layout={...this._layout,[t.id]:{s:t.space,x:a/yt,y:o/(yt/n)}}}else this._layout={...this._layout,[t.id]:{x:Math.round(e),y:Math.round(i)}};this._dirtyPos.add(t.id),this._persistLayout()}_stateClass(t){if(!this._config?.live_states)return"";const e=t.primary?this.hass.states[t.primary]:void 0;if(!e)return"";if("unavailable"===e.state)return"unavail";const i=e.entity_id.split(".")[0];if(["light","switch","fan","humidifier"].includes(i))return"on"===e.state?"on":"";if("cover"===i||"valve"===i)return["open","opening"].includes(e.state)?"open":"";if("lock"===i)return["unlocked","open"].includes(e.state)?"open":"";if("binary_sensor"===i){const t=e.attributes?.device_class;if(["door","window","garage_door","opening","gas","smoke","moisture","problem"].includes(t))return"on"===e.state?"open":""}return"media_player"===i?["playing","on"].includes(e.state)?"on":"":"vacuum"===i&&["cleaning","returning"].includes(e.state)?"on":""}_liveTemp(t){return this._config?.show_temperature?"mdi:thermometer"!==t.icon&&"mdi:air-filter"!==t.icon?null:this._tempFor(t.entities):null}_openMoreInfo(t){t?xt(this,"hass-more-info",{entityId:t}):this._showToast("У устройства нет подходящей сущности")}_clickDevice(t,e){if(t.stopPropagation(),!this._drag?.moved&&!this._suppressClick&&!this._markup)return this._edit?(this._selId=e.id,void this._openMarkerDialog(e)):void(this._infoCard=e)}get _stageEl(){return this.renderRoot.querySelector(".stage")}_clampPan(){const t=this._stageEl;if(!t)return;const e=t.clientWidth,i=t.clientHeight,s=e*(1-this._zoom),a=i*(1-this._zoom);this._pan={x:Math.min(0,Math.max(s,this._pan.x)),y:Math.min(0,Math.max(a,this._pan.y))}}_zoomAt(t,e,i){const s=Math.min(8,Math.max(1,i)),a=(t-this._pan.x)/this._zoom,o=(e-this._pan.y)/this._zoom;this._pan={x:t-a*s,y:e-o*s},this._zoom=s,this._clampPan()}_onWheel(t){const e=this._stageEl;if(!e)return;t.preventDefault();const i=e.getBoundingClientRect(),s=t.deltaY<0?1.15:1/1.15;this._zoomAt(t.clientX-i.left,t.clientY-i.top,this._zoom*s),this._saveZoom()}_stepZoom(t){const e=this._stageEl;e&&(this._zoomAt(e.clientWidth/2,e.clientHeight/2,this._zoom*(t>0?1.4:1/1.4)),this._saveZoom())}_resetZoom(){this._zoom=1,this._pan={x:0,y:0},this._saveZoom()}_saveZoom(){this._zoomBySpace={...this._zoomBySpace,[this._space]:this._zoom};try{localStorage.setItem(bt,JSON.stringify(this._zoomBySpace))}catch{}}_restoreZoom(){this._zoom=this._zoomBySpace[this._space]||1,this._pan={x:0,y:0},requestAnimationFrame(()=>{const t=this._stageEl;t&&(this._pan={x:t.clientWidth*(1-this._zoom)/2,y:t.clientHeight*(1-this._zoom)/2},this._clampPan(),this.requestUpdate())})}_stagePointerDown(t){if(!this._drag&&!this._markup&&!t.target.closest(".dev"))if(this._pointers.set(t.pointerId,{x:t.clientX,y:t.clientY}),1===this._pointers.size)this._panStart={sx:t.clientX,sy:t.clientY,ox:this._pan.x,oy:this._pan.y},this._suppressClick=!1;else if(2===this._pointers.size){const t=[...this._pointers.values()],e=Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y),i=this._stageEl.getBoundingClientRect();this._pinchStart={dist:e,zoom:this._zoom,cx:(t[0].x+t[1].x)/2-i.left,cy:(t[0].y+t[1].y)/2-i.top,px:this._pan.x,py:this._pan.y},this._panStart=null}}_stagePointerMove(t){if(this._pointers.has(t.pointerId)){if(this._pointers.set(t.pointerId,{x:t.clientX,y:t.clientY}),this._pinchStart&&this._pointers.size>=2){const t=[...this._pointers.values()],e=Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y)/(this._pinchStart.dist||1),i=Math.min(8,Math.max(1,this._pinchStart.zoom*e)),s=(this._pinchStart.cx-this._pinchStart.px)/this._pinchStart.zoom,a=(this._pinchStart.cy-this._pinchStart.py)/this._pinchStart.zoom;this._pan={x:this._pinchStart.cx-s*i,y:this._pinchStart.cy-a*i},this._zoom=i,this._clampPan(),this._suppressClick=!0,this._saveZoom()}else if(this._panStart){const e=t.clientX-this._panStart.sx,i=t.clientY-this._panStart.sy;Math.abs(e)+Math.abs(i)>4&&(this._suppressClick=!0),this._zoom>1&&(this._pan={x:this._panStart.ox+e,y:this._panStart.oy+i},this._clampPan())}}else this._markupMove(t)}_stagePointerUp(t){this._pointers.delete(t.pointerId),this._pointers.size<2&&(this._pinchStart=null),0===this._pointers.size&&(this._panStart=null,setTimeout(()=>this._suppressClick=!1,0))}_clickRoom(t){var e;this._suppressClick||this._edit||!t.area||(e="/config/areas/area/"+t.area,history.pushState(null,"",e),xt(window,"location-changed",{replace:!1}))}_pointerDown(t,e){if(!this._edit)return;t.preventDefault();const i=this._pos(e);this._drag={id:e.id,sx:t.clientX,sy:t.clientY,ox:i.x,oy:i.y,moved:!1},t.target.setPointerCapture(t.pointerId),this._tip=null}_pointerMove(t,e){if(!this._drag||this._drag.id!==e.id)return;const i=this.renderRoot.querySelector(".stage");if(!i)return;const s=this._spaceModel().vb,a=i.getBoundingClientRect(),o=(t.clientX-this._drag.sx)/(a.width*this._zoom)*s[2],n=(t.clientY-this._drag.sy)/(a.height*this._zoom)*s[3];Math.abs(t.clientX-this._drag.sx)+Math.abs(t.clientY-this._drag.sy)>3&&(this._drag.moved=!0);const r=.008*Math.min(s[2],s[3]),l=Math.max(s[0]+r,Math.min(s[0]+s[2]-r,this._drag.ox+o)),c=Math.max(s[1]+r,Math.min(s[1]+s[3]-r,this._drag.oy+n));this._savePos(e,l,c)}_pointerUp(t,e){if(!this._drag||this._drag.id!==e.id)return;const i=this._drag.moved;this._drag=i?this._drag:null,i&&(this._selId=e.id,window.setTimeout(()=>this._drag=null,0))}_applyXY(t,e){if(!this._selId)return;const i=parseFloat(e);if(isNaN(i))return;const s=this._devices.find(t=>t.id===this._selId);if(!s||s.virtual)return;const a={...this._pos(s)};a[t]=i,this._savePos(s,a.x,a.y)}_resetLayout(){confirm("Сбросить позиции всех иконок к авто-раскладке?")&&(this._layout={},this._persistLayout())}_showToast(t){this._toast=t,clearTimeout(this._toastTimer),this._toastTimer=window.setTimeout(()=>{this._toast=""},3500)}_showTip(t,e,i,s){this._drag||(this._tip={x:t.clientX,y:t.clientY,title:e,meta:i,lqi:s})}get _gridPitch(){return yt/120}get _curSpaceCfg(){return this._serverCfg?.spaces.find(t=>t.id===this._space)}get _spaceH(){const t=this._curSpaceCfg;return t?yt/t.aspect:yt}get _segments(){const t=this._curSpaceCfg,e=this._spaceH;return(t?.segments||[]).map(t=>[t[0]*yt,t[1]*e,t[2]*yt,t[3]*e])}_toggleMarkup(){this._norm?(this._markup=!this._markup,this._edit=!1,this._path=[],this._cursorPt=null,this._tool="draw"):this._showToast("Разметка доступна после переноса конфига на сервер (режим правки → «На сервер»)")}_svgPoint(t){const e=this.renderRoot.querySelector(".stage"),i=this._spaceModel().vb,s=e.getBoundingClientRect(),a=(t.clientX-s.left-this._pan.x)/this._zoom,o=(t.clientY-s.top-this._pan.y)/this._zoom;return[i[0]+a/s.width*i[2],i[1]+o/s.height*i[3]]}_snap(t){const e=this._gridPitch;return[_t(t[0],e),_t(t[1],e)]}_samePt(t,e){return function(t,e,i=.001){return Math.abs(t[0]-e[0])this._segKey([t[0],t[1]],[t[2],t[3]])===a);return!o&&(i.segments=i.segments||[],i.segments.push([t[0]/yt,t[1]/s,e[0]/yt,e[1]/s]),this._saveConfig(),!0)}_distToSeg(t,e){const[i,s]=t,[a,o,n,r]=e,l=n-a,c=r-o;let h=((i-a)*l+(s-o)*c)/(l*l+c*c||1);h=Math.max(0,Math.min(1,h));const d=a+h*l,p=o+h*c;return Math.hypot(i-d,s-p)}_pointInRoom(t,e){return e.poly?function(t,e){let i=!1;for(let s=0,a=e.length-1;st[1]!=l>t[1]&&t[0]<(r-o)*(t[1]-n)/(l-n)+o&&(i=!i)}return i}(t,e.poly):null!=e.x&&t[0]>=e.x&&t[0]<=e.x+e.w&&t[1]>=e.y&&t[1]<=e.y+e.h}_markupClick(t){if(!this._markup)return;const e=this._svgPoint(t);if("erase"===this._tool){const t=this._curSpaceCfg;if(!t?.segments?.length)return;const i=this._segments;let s=-1,a=.5*this._gridPitch;return i.forEach((t,i)=>{const o=this._distToSeg(e,t);o=0&&(t.segments.splice(s,1),this._saveConfig(),this.requestUpdate()))}if("delroom"===this._tool){const t=[...this._spaceModel().rooms].reverse().find(t=>this._pointInRoom(e,t));if(!t)return;if(!confirm(`Удалить комнату «${t.name}»?`))return;const i=this._curSpaceCfg;return i.rooms=i.rooms.filter(e=>e.id!==t.id),this._saveConfig(),this._regSignature="",this._maybeRebuildDevices(),void this.requestUpdate()}const i=this._snap(e);if(!this._path.length)return this._path=[i],void(this._pathSegs=[]);const s=this._path[this._path.length-1];if(this._samePt(i,s))return;const a=this._addSegment(s,i);this._pathSegs=[...this._pathSegs,a?this._segKey(s,i):null],this._path=[...this._path,i],this._path.length>=4&&this._samePt(i,this._path[0])&&(this._cursorPt=null,this._nameSel="",this._areaSel="",this._roomDialog=!0)}get _contourClosed(){return this._path.length>=4&&this._samePt(this._path[0],this._path[this._path.length-1])}_markupMove(t){this._markup&&"draw"===this._tool&&this._path.length&&!this._contourClosed&&(this._cursorPt=this._snap(this._svgPoint(t)))}_saveRoom(){if(!this._contourClosed||!this._areaSel&&!this._nameSel)return;const t=this._curSpaceCfg;if(!t)return;const e=this._spaceH,i=this._path.slice(0,-1),s=this._areaSel?this.hass.areas[this._areaSel]?.name:"";t.rooms.push({id:"r"+Date.now().toString(36),name:this._nameSel||s||"Комната",area:this._areaSel||null,poly:i.map(t=>[t[0]/yt,t[1]/e])}),this._saveConfig(),this._path=[],this._pathSegs=[],this._areaSel="",this._nameSel="",this._roomDialog=!1,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Комната сохранена")}_cancelPath(){this._path=[],this._pathSegs=[],this._cursorPt=null,this._roomDialog=!1}_roomDialogCancel(){this._roomDialog=!1,this._undoPoint()}get _freeAreas(){const t=new Set;for(const e of this._serverCfg?.spaces||[])for(const i of e.rooms||[])i.area&&t.add(i.area);return Object.values(this.hass?.areas||{}).filter(e=>!t.has(e.area_id)).sort((t,e)=>(t.name||"").localeCompare(e.name||""))}_openMarkerDialog(t){this._norm?this._markerDialog=t?{devId:t.id,name:t.name,binding:"virtual"===t.bindingKind?"virtual":t.bindingKind+":"+t.bindingRef,bindingFilter:"",icon:t.marker?.icon||"",model:t.model||"",link:t.link||"",description:t.description||"",pdfs:[...t.pdfs||[]],room:t.space&&t.area?t.space+"#"+t.area:"",busy:!1}:{name:"",binding:"virtual",bindingFilter:"",icon:"",model:"",link:"",description:"",pdfs:[],room:"",busy:!1}:this._showToast("Редактирование устройств доступно после переноса конфига на сервер")}_bindingCandidates(){const t=this.hass,e=new Set;for(const t of this._devices)t.id!==this._markerDialog?.devId&&("device"===t.bindingKind&&t.bindingRef&&e.add("device:"+t.bindingRef),"entity"===t.bindingKind&&t.bindingRef&&e.add("entity:"+t.bindingRef));const i=new Set;for(const t of this._devices)"device"===t.bindingKind&&t.name&&i.add(t.name.trim()+"|"+(t.area||""));const s=[];for(const a of Object.values(t.devices)){if("service"===a.entry_type)continue;const t="device:"+a.id;if(e.has(t))continue;const o=(a.name_by_user||a.name||a.id).trim();t!==this._markerDialog?.binding&&i.has(o+"|"+(a.area_id||""))||s.push({value:t,label:o,sub:(a.model||"устройство")+("Group"===a.model?" · Z2M-группа":"")})}const a=new Set(["group","template","derivative","min_max","threshold","integration","statistics","trend","utility_meter","tod","switch_as_x","schedule"]);for(const[i,o]of Object.entries(t.entities)){const n="entity:"+i;if(e.has(n))continue;const r=a.has(o.platform),l="group"===o.platform;if(!r&&!l)continue;if(o.hidden)continue;const c=t.states[i];s.push({value:n,label:o.name||c?.attributes?.friendly_name||i,sub:i.split(".")[0]+" · "+("group"===o.platform?"группа":"хелпер")})}const o=(this._markerDialog?.bindingFilter||"").toLowerCase().trim(),n=o?s.filter(t=>(t.label+" "+t.sub+" "+t.value).toLowerCase().includes(o)):s;return n.sort((t,e)=>t.label.localeCompare(e.label)),n.slice(0,200)}_allRoomsFlat(){const t=[];for(const e of this._serverCfg?.spaces||[])for(const i of e.rooms||[])i.area&&t.push({value:e.id+"#"+i.area,label:(e.title||e.id)+" · "+i.name});return t}_errText(t){if(!t)return"неизвестная ошибка";if("string"==typeof t)return t;if(t.message)return t.message;if(t.error)return t.error;if(null!=t.code)return"код "+t.code;try{return JSON.stringify(t)}catch{return String(t)}}async _pickMarkerFiles(t){const e=t.target,i=e.files?[...e.files]:[];if(e.value="",!i.length||!this._markerDialog)return;const s=this._markerDialog.devId||"new",a=this.hass?.auth?.data?.access_token,o=[];for(const t of i)try{const e=new FormData;e.append("marker_id",s),e.append("file",t,t.name);const i=await fetch("/api/houseplan/upload",{method:"POST",body:e,headers:a?{authorization:`Bearer ${a}`}:{}}),n=await i.json().catch(()=>({}));if(!i.ok||n.error){const t={too_large:"файл больше "+(n.max_mb||25)+" МБ",bad_ext:"недопустимый тип (нужен PDF/изображение)",unauthorized:"нужны права администратора"};throw new Error(t[n.error]||n.error||"HTTP "+i.status)}o.push({name:n.name||t.name,url:n.url})}catch(e){this._showToast("Файл «"+t.name+"» не загружен: "+this._errText(e))}o.length&&this._markerDialog&&(this._markerDialog={...this._markerDialog,pdfs:[...this._markerDialog.pdfs,...o]},this._showToast("Прикреплено файлов: "+o.length))}_removeMarkerPdf(t){this._markerDialog&&(this._markerDialog={...this._markerDialog,pdfs:this._markerDialog.pdfs.filter(e=>e.url!==t)})}async _saveMarker(){const t=this._markerDialog;if(t&&!t.busy)if("virtual"!==t.binding||t.name.trim()){this._markerDialog={...t,busy:!0};try{const e=this._serverCfg;let i;e.markers=e.markers||[];const[s,a]=t.room?t.room.split("#"):["",""];let o=s||null,n=a||null;"virtual"!==t.binding||o||(o=this._space),i=function(t,e,i){const[s,a]=t.split(":");return"device"===s?a:"entity"===s?"lg_"+a:e&&e.startsWith("v_")?e:i()}(t.binding,t.devId,()=>"v_"+Date.now().toString(36));const r=t.devId,l={id:i,binding:t.binding,name:t.name.trim()||null,icon:t.icon||null,model:t.model.trim()||null,link:t.link.trim()||null,description:t.description.trim()||null,pdfs:t.pdfs};("virtual"===t.binding||t.room)&&(l.space=o,l.area=n);const c=r?this._devices.find(t=>t.id===r):null,h=!!t.room&&null!=c&&(c.space!==o||c.area!==n);if(e.markers=e.markers.filter(t=>t.id!==i&&t.id!==r),e.markers.push(l),!this._layout[i]||h){const t=this._spaceModel(o||void 0);let e=t.vb[0]+t.vb[2]/2,s=t.vb[1]+t.vb[3]/2;if(n){const i=t.rooms.find(t=>t.area===n);i&&([e,s]=this._roomCenter(i))}this._layout[i]=this._normPos(o||this._space,e,s)}await this._saveConfigNow(),await this.hass.callWS({type:"houseplan/layout/set",layout:this._layout}),this._markerDialog=null,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Устройство сохранено")}catch(t){this._markerDialog={...this._markerDialog,busy:!1},this._showToast("Ошибка: "+(t?.message||t))}}else this._showToast("Укажите имя виртуального устройства")}async _deleteMarker(){const t=this._markerDialog;if(!t)return;const e=t.devId?this._devices.find(e=>e.id===t.devId):null,i=t.name||"устройство";if(!confirm(`Убрать «${i}» с плана?`))return;const s=this._serverCfg;s.markers=s.markers||[],e&&"virtual"===e.bindingKind?s.markers=s.markers.filter(t=>t.id!==e.id):e&&e.marker?(s.markers=s.markers.filter(t=>t.id!==e.id),"device"===e.bindingKind&&e.bindingRef?s.markers.push({id:e.id,binding:"device:"+e.bindingRef,hidden:!0}):"entity"===e.bindingKind&&e.bindingRef&&s.markers.push({id:e.id,binding:"entity:"+e.bindingRef,hidden:!0})):e&&"device"===e.bindingKind&&e.bindingRef?s.markers.push({id:e.id,binding:"device:"+e.bindingRef,hidden:!0}):e&&"entity"===e.bindingKind&&e.bindingRef&&s.markers.push({id:e.id,binding:"entity:"+e.bindingRef,hidden:!0});try{await this._saveConfigNow(),this._markerDialog=null,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Устройство убрано с плана")}catch(t){this._showToast("Ошибка: "+(t?.message||t))}}_normPos(t,e,i){const s=this._serverCfg.spaces.find(e=>e.id===t)?.aspect||1;return{s:t,x:e/yt,y:i/(yt/s)}}_openSpaceDialog(t,e){if(this._serverStorage&&this._serverCfg)if("edit"===t){const i=this._serverCfg.spaces.find(t=>t.id===e);if(!i)return;this._spaceDialog={mode:t,spaceId:e,title:i.title,planUrl:i.plan_url||null,planFile:null,busy:!1}}else this._spaceDialog={mode:t,title:"",planUrl:null,planFile:null,busy:!1};else this._showToast("Интеграция House Plan не установлена — управление недоступно")}async _pickPlanFile(t){const e=t.target,i=e.files?.[0];if(!i||!this._spaceDialog)return;const s={"image/svg+xml":"svg","image/png":"png","image/jpeg":"jpg","image/webp":"webp"}[i.type]||(i.name.toLowerCase().endsWith(".svg")?"svg":"");if(!s)return void this._showToast("Поддерживаются SVG, PNG, JPG, WebP");const a=new Uint8Array(await i.arrayBuffer());let o="";for(let t=0;t{const e=new Image;e.onload=()=>t(e.naturalWidth&&e.naturalHeight?e.naturalWidth/e.naturalHeight:1.414),e.onerror=()=>t(1.414),e.src=r});URL.revokeObjectURL(r),this._spaceDialog={...this._spaceDialog,planFile:{ext:s,b64:n,aspect:l,name:i.name}}}async _saveSpaceDialog(){const t=this._spaceDialog;if(t&&!t.busy&&t.title.trim()){this._spaceDialog={...t,busy:!0};try{const e=this._serverCfg;let i;if("create"===t.mode?(i={id:"s"+Date.now().toString(36),title:t.title.trim(),plan_url:null,aspect:1.414,view_box:[0,0,1,1],rooms:[],segments:[]},e.spaces.push(i)):(i=e.spaces.find(e=>e.id===t.spaceId),i.title=t.title.trim()),t.planFile){const e=await this.hass.callWS({type:"houseplan/plan/set",space_id:i.id,ext:t.planFile.ext,data:t.planFile.b64});i.plan_url=e.url,i.aspect=t.planFile.aspect}await this._saveConfigNow(),this._spaceDialog=null,"create"===t.mode&&(this._space=i.id),this._regSignature="",this._maybeRebuildDevices(),this._showToast("create"===t.mode?"Пространство добавлено":"Пространство сохранено")}catch(t){this._spaceDialog={...this._spaceDialog,busy:!1},this._showToast("Ошибка: "+(t?.message||t))}}}async _deleteSpace(){const t=this._spaceDialog;if(!t||"edit"!==t.mode)return;const e=this._serverCfg.spaces.find(e=>e.id===t.spaceId);if(confirm(`Удалить пространство «${e.title}» со всеми комнатами и разметкой?`)){this._serverCfg.spaces=this._serverCfg.spaces.filter(e=>e.id!==t.spaceId);try{await this._saveConfigNow(),this._spaceDialog=null,this._space===t.spaceId&&(this._space=this._serverCfg.spaces[0]?.id||""),this._regSignature="",this._maybeRebuildDevices(),this._showToast("Пространство удалено")}catch(t){this._showToast("Ошибка удаления: "+(t?.message||t))}}}async _saveConfigNow(){const t=await this.hass.callWS({type:"houseplan/config/set",config:this._serverCfg,expected_rev:this._cfgRev});this._cfgRev=t?.rev??this._cfgRev+1}render(){if(!this._config||!this.hass)return W;const t=this._model;if(!t.length)return j` + >`:V}_valueChanged(t){const e={...this._config,...t.detail.value},i=new Event("config-changed",{bubbles:!0,composed:!0});i.detail={config:e},this.dispatchEvent(i)}}ft.properties={hass:{attribute:!1},_config:{state:!0}},customElements.get("houseplan-card-editor")||customElements.define("houseplan-card-editor",ft);const vt="houseplan_card_layout_v1",bt="houseplan_card_zoom_v1",yt=1e3,$t=(t,e,i)=>{const s=new Event(e,{bubbles:!0,composed:!0});s.detail=i??{},t.dispatchEvent(s)},xt=(t,e)=>{let i;return(...s)=>{clearTimeout(i),i=window.setTimeout(()=>t(...s),e)}};class wt extends rt{constructor(){super(...arguments),this._space="f1",this._edit=!1,this._layout={},this._serverStorage=!1,this._loadOk=!1,this._loading=!1,this._loadTries=0,this._serverCfg=null,this._cfgRev=0,this._unsubCfg=null,this._devices=[],this._regSignature="",this._defPos={},this._tip=null,this._selId=null,this._toast="",this._markup=!1,this._tool="draw",this._path=[],this._pathSegs=[],this._cursorPt=null,this._areaSel="",this._nameSel="",this._roomDialog=!1,this._zoom=1,this._view=null,this._zoomBySpace={},this._pointers=new Map,this._panStart=null,this._pinchStart=null,this._suppressClick=!1,this._infoCard=null,this._markerDialog=null,this._spaceDialog=null,this._keyHandler=t=>this._onKey(t),this._drag=null,this._dirtyPos=new Set,this._persistLayout=xt(()=>{if(this._serverStorage){const t=[...this._dirtyPos];this._dirtyPos.clear();for(const e of t){const t=this._layout[e];t&&this.hass.callWS({type:"houseplan/layout/update",device_id:e,pos:t}).catch(t=>this._showToast("Не удалось сохранить позицию: "+(t?.message||t)))}}else localStorage.setItem(vt,JSON.stringify(this._layout))},600),this._saveConfig=xt(()=>{this._serverCfg&&this.hass.callWS({type:"houseplan/config/set",config:this._serverCfg,expected_rev:this._cfgRev}).then(t=>{this._cfgRev=t?.rev??this._cfgRev+1}).catch(t=>{"conflict"===t?.code?(this._showToast("Конфиг изменён в другом окне — данные обновлены, повторите последнее действие"),this._cancelPath(),this._reloadConfigOnly()):this._showToast("Не удалось сохранить конфиг: "+(t?.message||t))})},500)}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this._keyHandler)}disconnectedCallback(){window.removeEventListener("keydown",this._keyHandler),this._roViewport?.disconnect(),this._roViewport=void 0,this._unsubCfg&&(this._unsubCfg(),this._unsubCfg=null),super.disconnectedCallback()}_onKey(t){if("Escape"===t.key){if(this._infoCard)return void(this._infoCard=null);if(this._markerDialog)return void(this._markerDialog=null)}if(!this._markup)return;return"Escape"===t.key||(t.ctrlKey||t.metaKey)&&"z"===t.key.toLowerCase()?this._roomDialog?(t.preventDefault(),void this._roomDialogCancel()):void("draw"===this._tool&&this._path.length&&(t.preventDefault(),this._undoPoint())):void 0}_undoPoint(){if(!this._path.length)return;if(1===this._path.length)return this._path=[],void(this._pathSegs=[]);const t=this._pathSegs[this._pathSegs.length-1];this._pathSegs=this._pathSegs.slice(0,-1),t&&this._removeSegmentByKey(t),this._path=this._path.slice(0,-1)}_removeSegmentByKey(t){const e=this._curSpaceCfg;if(!e?.segments)return;const i=this._segments.findIndex(e=>this._segKey([e[0],e[1]],[e[2],e[3]])===t);i>=0&&(e.segments.splice(i,1),this._saveConfig())}static getConfigElement(){return document.createElement("houseplan-card-editor")}static getStubConfig(){return{type:"custom:houseplan-card",title:"План дома"}}setConfig(t){this._config={icon_size:2.5,show_temperature:!0,live_states:!0,show_signal:!0,...t},t.default_floor&&(this._space=t.default_floor);try{this._zoomBySpace=JSON.parse(localStorage.getItem(bt)||"{}")||{}}catch{this._zoomBySpace={}}}getCardSize(){return 12}get _norm(){return!(!this._serverCfg||!this._serverCfg.spaces.length)}get _model(){return this._serverCfg?this._serverCfg.spaces.map(t=>{const e=yt/t.aspect;return{id:t.id,title:t.title,vb:[t.view_box[0]*yt,t.view_box[1]*e,t.view_box[2]*yt,t.view_box[3]*e],bg:t.plan_url?{href:t.plan_url,x:0,y:0,w:yt,h:e}:null,rooms:t.rooms.map(t=>({id:t.id,name:t.name,area:t.area??null,x:null!=t.x?t.x*yt:void 0,y:null!=t.y?t.y*e:void 0,w:null!=t.w?t.w*yt:void 0,h:null!=t.h?t.h*e:void 0,poly:t.poly?t.poly.map(t=>[t[0]*yt,t[1]*e]):void 0}))}}):[]}_spaceModel(t){const e=this._model;return e.find(e=>e.id===(t??this._space))||e[0]}get _areaToSpace(){const t={};for(const e of this._model)for(const i of e.rooms)i.area&&(t[i.area]={space:e.id,room:i});return t}get _settings(){return this._serverCfg?.settings||{}}get _excluded(){const t=this._settings.exclude_integrations;return t?new Set(t):ct}willUpdate(t){t.has("hass")&&this.hass&&(!this._loadOk&&!this._loading&&this._loadTries<8&&this._loadFromServer(),this._maybeRebuildDevices())}updated(){const t=this._stageEl;t&&!this._roViewport&&(this._roViewport=new ResizeObserver(()=>this._refitView()),this._roViewport.observe(t)),t&&!this._view&&this._refitView()}async _loadFromServer(){this._loading=!0,this._loadTries++;try{const[t,e]=await Promise.all([this.hass.callWS({type:"houseplan/config/get"}),this.hass.callWS({type:"houseplan/layout/get"})]);this._loadOk=!0,this._serverStorage=!0;const i=t?.config;this._serverCfg=i&&Array.isArray(i.spaces)?i:null,this._cfgRev=t?.rev||0,this._layout=e?.layout||{},this._unsubCfg||(this._unsubCfg=await this.hass.connection.subscribeEvents(t=>{(t?.data?.rev??-1)!==this._cfgRev&&this._reloadConfigOnly()},"houseplan_config_updated")),this._norm&&!this._model.find(t=>t.id===this._space)&&(this._space=this._model[0]?.id||this._space),this._restoreZoom()}catch(t){if(this._loadTries>=8){this._serverStorage=!1,this._serverCfg=null;try{this._layout=JSON.parse(localStorage.getItem(vt)||"{}")||{}}catch{this._layout={}}}}finally{this._loading=!1}this._regSignature="",this.requestUpdate()}async _reloadConfigOnly(){try{const t=await this.hass.callWS({type:"houseplan/config/get"}),e=t?.config;this._serverCfg=e&&Array.isArray(e.spaces)?e:null,this._cfgRev=t?.rev||0,this._regSignature="",this._maybeRebuildDevices(),this.requestUpdate()}catch{}}_maybeRebuildDevices(){const t=this.hass;if(!t?.devices||!t?.entities||!t?.areas)return;const e=Object.keys(t.devices).length+":"+Object.keys(t.entities).length+":"+Object.keys(t.areas).length+":"+(this._norm?"n":"l");e===this._regSignature&&this._devices.length||(this._regSignature=e,this._devices=this._buildDevices(),this._defPos=this._defaultPositions())}_entitiesByDevice(){const t={};for(const[e,i]of Object.entries(this.hass.entities))i?.device_id&&(t[i.device_id]=t[i.device_id]||[]).push(e);return t}_domainOfDevice(t,e){if(t.identifiers?.[0]?.[0])return t.identifiers[0][0];for(const t of e){const e=this.hass.entities[t]?.platform;if(e)return e}return""}_primaryEntity(t,e){const i=t.map(t=>({eid:t,reg:this.hass.entities[t],st:this.hass.states[t]})).filter(t=>t.reg&&!t.reg.hidden),s=i.filter(t=>!t.reg.entity_category),a=s.length?s:i;if("mdi:thermometer"===e||"mdi:air-filter"===e){const t=a.find(t=>this._isTempEntity(t.eid));if(t)return t.eid}for(const t of pt){const e=a.find(e=>e.eid.split(".")[0]===t);if(e)return e.eid}return a[0]?.eid}_isTempEntity(t){const e=this.hass.states[t];if(!e)return/_temperature$/.test(t);const i=e.attributes||{};return"temperature"===i.device_class||/°C|°F/.test(i.unit_of_measurement||"")||/_temperature$/.test(t)}_lqiFor(t){const e=[];for(const i of t){const t=this.hass.states[i];if(!(/_linkquality$/.test(i)||"lqi"===(t?.attributes?.unit_of_measurement||""))||!t)continue;const s=parseFloat(t.state);isNaN(s)||e.push(s)}return e.length?Math.round(e.reduce((t,e)=>t+e,0)/e.length):null}_roomLqi(t){if(!t)return null;const e=[];for(const i of this._devices){if(i.area!==t||i.virtual)continue;const s=this._lqiFor(i.entities);null!=s&&e.push(s)}return e.length?Math.round(e.reduce((t,e)=>t+e,0)/e.length):null}_tempFor(t){for(const e of t){if(!this._isTempEntity(e))continue;const t=this.hass.states[e];if(!t)continue;const i=parseFloat(t.state);if(!isNaN(i))return Math.round(10*i)/10}return null}_lightGroups(){if(!1===this._settings.group_lights)return[];const t=this.hass,e=[];for(const[i,s]of Object.entries(t.entities)){if(!i.startsWith("light.")||s.hidden)continue;let a=null;if("group"===s.platform)a=s.area_id||null;else{if(!s.device_id)continue;{const e=t.devices[s.device_id];if("Group"!==e?.model)continue;a=e.area_id||s.area_id||null}}if(!a)continue;const o=t.states[i];e.push({eid:i,name:s.name||o?.attributes?.friendly_name||i,area:a})}return e}_groupedLightAreas(){return new Set(this._lightGroups().map(t=>t.area))}get _markers(){return this._serverCfg?.markers||[]}_markerFor(t,e){return this._markers.find(i=>i.binding===t+":"+e)}get _claimed(){const t=new Set;for(const e of this._markers){const[i,s]=e.binding.split(":");"device"!==i&&"entity"!==i||!s||t.add(e.binding)}return t}_applyMarker(t,e){t.marker=e,e.name&&(t.name=e.name),e.icon&&(t.icon=e.icon),null!=e.model&&(t.model=e.model),t.link=e.link??null,t.description=e.description??null,t.pdfs=e.pdfs||[]}_buildDevices(){const t=this.hass,e=this._areaToSpace,i=!1!==this._settings.group_lights,s=this._groupedLightAreas(),a=this._excluded,o=this._entitiesByDevice(),n=this._claimed,r={},l=[];for(const c of Object.values(t.devices)){const t=c.area_id;if(!t||!e[t])continue;if("service"===c.entry_type)continue;if(n.has("device:"+c.id))continue;const h=this._markerFor("device",c.id);if(h&&h.hidden)continue;const d=o[c.id]||[],p=this._domainOfDevice(c,d);if(a.has(p))continue;if("Group"===c.model)continue;if(/scene/i.test(c.model||""))continue;if(/bridge/i.test((c.model||"")+(c.name||"")))continue;if("myheat"===p&&c.via_device_id)continue;const u=(c.name_by_user||c.name||"без имени").trim(),_=u+"|"+t;if(r[_])continue;r[_]=1;let m=dt(u,c.model);if(d.some(t=>t.startsWith("lock."))&&(m="mdi:lock"),i&&"mdi:lightbulb"===m&&s.has(t))continue;const g={id:c.id,name:u,model:c.model||"",area:t,space:e[t].space,icon:m,entities:d,bindingKind:"device",bindingRef:c.id,pdfs:[]};g.primary=this._primaryEntity(d,m),"mdi:thermometer"!==m&&"mdi:air-filter"!==m||(g.temp=this._tempFor(d)),l.push(g)}for(const t of this._lightGroups())e[t.area]&&(n.has("entity:"+t.eid)||l.push({id:"lg_"+t.eid,name:t.name,model:"группа света",area:t.area,space:e[t.area].space,icon:"mdi:lightbulb-group",entities:[t.eid],primary:t.eid,bindingKind:"entity",bindingRef:t.eid,pdfs:[]}));for(const i of this._markers){if(i.hidden)continue;const[s,a]=i.binding.split(":");if("device"===s){const s=t.devices[a],n=i.area||s?.area_id||"",r=n&&e[n]?.space||i.space||this._model[0]?.id||"",c=s&&o[s.id]||[];let h=s?dt(s.name_by_user||s.name||"",s.model):"mdi:help-circle";c.some(t=>t.startsWith("lock."))&&(h="mdi:lock");const d={id:i.id,name:s?.name_by_user||s?.name||"устройство",model:s?.model||"",area:n,space:r,icon:h,entities:c,bindingKind:"device",bindingRef:a};d.primary=this._primaryEntity(c,h),"mdi:thermometer"!==h&&"mdi:air-filter"!==h||(d.temp=this._tempFor(c)),this._applyMarker(d,i),l.push(d)}else if("entity"===s){const s=t.entities[a],o=i.area||s?.area_id||s?.device_id&&t.devices[s.device_id]?.area_id||"",n=o&&e[o]?.space||i.space||this._model[0]?.id||"",r=t.states[a],c={id:i.id,name:s?.name||r?.attributes?.friendly_name||a,model:"",area:o,space:n,icon:"mdi:shape-outline",entities:[a],primary:a,bindingKind:"entity",bindingRef:a};this._applyMarker(c,i),l.push(c)}else{const t=i.area||"",s=i.space||t&&e[t]?.space||this._model[0]?.id||"",a={id:i.id,name:i.name||"виртуальное устройство",model:i.model||"",area:t,space:s,icon:i.icon||"mdi:map-marker",entities:[],bindingKind:"virtual",virtual:!0};this._applyMarker(a,i),l.push(a)}}return l}_roomBounds(t){if(t.poly&&t.poly.length){const e=t.poly.map(t=>t[0]),i=t.poly.map(t=>t[1]),s=Math.min(...e),a=Math.min(...i);return{x:s,y:a,w:Math.max(...e)-s,h:Math.max(...i)-a}}return{x:t.x??0,y:t.y??0,w:t.w??0,h:t.h??0}}_defaultPositions(){const t={};for(const e of this._model)for(const i of e.rooms){if(!i.area)continue;const s=this._devices.filter(t=>t.area===i.area&&t.space===e.id);if(!s.length)continue;const a=this._roomBounds(i),o=.12*Math.min(a.w,a.h),n=a.w-2*o,r=a.h-2*o,l=Math.max(1,Math.round(Math.sqrt(s.length*n/Math.max(r,1)))),c=Math.ceil(s.length/l),h=n/l,d=r/Math.max(c,1);s.forEach((e,i)=>{const s=i%l,n=Math.floor(i/l);t[e.id]={x:a.x+o+h*(s+.5),y:a.y+o+d*(n+.5)}})}return t}_pos(t){const e=this._spaceModel(t.space),i=this._layout[t.id];if(i)if(this._norm){if(i.s===t.space){const e=this._serverCfg.spaces.find(e=>e.id===t.space)?.aspect||1;return{x:i.x*yt,y:i.y*(yt/e)}}}else if(void 0===i.s)return{x:i.x,y:i.y};if(this._defPos[t.id])return this._defPos[t.id];const s=e.vb;return{x:s[0]+s[2]/2,y:s[1]+s[3]/2}}_savePos(t,e,i){if(this._norm){const s=this._gridPitch,a=Math.round(e/s)*s,o=Math.round(i/s)*s,n=this._serverCfg.spaces.find(e=>e.id===t.space)?.aspect||1;this._layout={...this._layout,[t.id]:{s:t.space,x:a/yt,y:o/(yt/n)}}}else this._layout={...this._layout,[t.id]:{x:Math.round(e),y:Math.round(i)}};this._dirtyPos.add(t.id),this._persistLayout()}_stateClass(t){if(!this._config?.live_states)return"";const e=t.primary?this.hass.states[t.primary]:void 0;if(!e)return"";if("unavailable"===e.state)return"unavail";const i=e.entity_id.split(".")[0];if(["light","switch","fan","humidifier"].includes(i))return"on"===e.state?"on":"";if("cover"===i||"valve"===i)return["open","opening"].includes(e.state)?"open":"";if("lock"===i)return["unlocked","open"].includes(e.state)?"open":"";if("binary_sensor"===i){const t=e.attributes?.device_class;if(["door","window","garage_door","opening","gas","smoke","moisture","problem"].includes(t))return"on"===e.state?"open":""}return"media_player"===i?["playing","on"].includes(e.state)?"on":"":"vacuum"===i&&["cleaning","returning"].includes(e.state)?"on":""}_liveTemp(t){return this._config?.show_temperature?"mdi:thermometer"!==t.icon&&"mdi:air-filter"!==t.icon?null:this._tempFor(t.entities):null}_openMoreInfo(t){t?$t(this,"hass-more-info",{entityId:t}):this._showToast("У устройства нет подходящей сущности")}_clickDevice(t,e){if(t.stopPropagation(),!this._drag?.moved&&!this._suppressClick&&!this._markup)return this._edit?(this._selId=e.id,void this._openMarkerDialog(e)):void(this._infoCard=e)}get _stageEl(){return this.renderRoot.querySelector(".stage")}_stageAspect(){const t=this._stageEl,e=this._spaceModel().vb;return t&&t.clientHeight?t.clientWidth/t.clientHeight:e[2]/e[3]}_fitView(t,e){if(e>t[2]/t[3]){const i=t[3],s=t[3]*e;return{x:t[0]-(s-t[2])/2,y:t[1],w:s,h:i}}const i=t[2],s=t[2]/e;return{x:t[0],y:t[1]-(s-t[3])/2,w:i,h:s}}_viewOr(t){return this._view&&this._view.w?this._view:this._fitView(t,this._stageAspect())}_screenToVb(t,e){const i=this._stageEl,s=this._viewOr(this._spaceModel().vb),a=i?.clientWidth||1,o=i?.clientHeight||1;return[s.x+t/a*s.w,s.y+e/o*s.h]}_clampView(t,e){return{w:t.w,h:t.h,x:Math.max(e.x,Math.min(e.x+e.w-t.w,t.x)),y:Math.max(e.y,Math.min(e.y+e.h-t.h,t.y))}}_applyView(t,e,i){const s=this._spaceModel().vb,a=this._fitView(s,this._stageAspect()),o=Math.min(8,Math.max(1,t)),n=a.w/o,r=a.h/o,l=this._viewOr(s),c=e??l.x+l.w/2,h=i??l.y+l.h/2;this._zoom=o,this._view=this._clampView({x:c-n/2,y:h-r/2,w:n,h:r},a)}_refitView(){if(!this._stageEl)return;const t=this._view;this._applyView(this._zoom,t?t.x+t.w/2:void 0,t?t.y+t.h/2:void 0),this.requestUpdate()}_zoomAt(t,e,i){const s=this._stageEl;if(!s)return;const a=this._spaceModel().vb,o=this._fitView(a,this._stageAspect()),n=Math.min(8,Math.max(1,i)),r=s.clientWidth,l=s.clientHeight,c=this._screenToVb(t,e),h=o.w/n,d=o.h/n;this._zoom=n,this._view=this._clampView({x:c[0]-t/r*h,y:c[1]-e/l*d,w:h,h:d},o)}_onWheel(t){const e=this._stageEl;if(!e)return;t.preventDefault();const i=e.getBoundingClientRect(),s=t.deltaY<0?1.15:1/1.15;this._zoomAt(t.clientX-i.left,t.clientY-i.top,this._zoom*s),this._saveZoom()}_stepZoom(t){const e=this._stageEl;e&&(this._zoomAt(e.clientWidth/2,e.clientHeight/2,this._zoom*(t>0?1.4:1/1.4)),this._saveZoom())}_resetZoom(){const t=this._spaceModel().vb;this._zoom=1,this._view=this._fitView(t,this._stageAspect()),this._saveZoom()}_saveZoom(){this._zoomBySpace={...this._zoomBySpace,[this._space]:this._zoom};try{localStorage.setItem(bt,JSON.stringify(this._zoomBySpace))}catch{}}_restoreZoom(){const t=this._zoomBySpace[this._space]||1;this._zoom=t,this._view=null,requestAnimationFrame(()=>{if(!this._stageEl)return;const e=this._spaceModel().vb;this._applyView(t,e[0]+e[2]/2,e[1]+e[3]/2),this.requestUpdate()})}_stagePointerDown(t){if(this._drag||this._markup)return;if(t.target.closest(".dev"))return;this._pointers.set(t.pointerId,{x:t.clientX,y:t.clientY});const e=this._viewOr(this._spaceModel().vb);if(1===this._pointers.size)this._panStart={sx:t.clientX,sy:t.clientY,vx:e.x,vy:e.y},this._suppressClick=!1;else if(2===this._pointers.size){const t=[...this._pointers.values()],e=Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y);this._pinchStart={dist:e,zoom:this._zoom},this._panStart=null}}_stagePointerMove(t){if(this._pointers.has(t.pointerId)){if(this._pointers.set(t.pointerId,{x:t.clientX,y:t.clientY}),this._pinchStart&&this._pointers.size>=2){const t=[...this._pointers.values()],e=Math.hypot(t[0].x-t[1].x,t[0].y-t[1].y)/(this._pinchStart.dist||1),i=this._stageEl.getBoundingClientRect(),s=(t[0].x+t[1].x)/2-i.left,a=(t[0].y+t[1].y)/2-i.top;this._zoomAt(s,a,this._pinchStart.zoom*e),this._suppressClick=!0,this._saveZoom()}else if(this._panStart){const e=t.clientX-this._panStart.sx,i=t.clientY-this._panStart.sy;if(Math.abs(e)+Math.abs(i)>4&&(this._suppressClick=!0),this._zoom>1&&this._view){const t=this._stageEl,s=this._view,a=this._fitView(this._spaceModel().vb,this._stageAspect());this._view=this._clampView({x:this._panStart.vx-e/t.clientWidth*s.w,y:this._panStart.vy-i/t.clientHeight*s.h,w:s.w,h:s.h},a)}}}else this._markupMove(t)}_stagePointerUp(t){this._pointers.delete(t.pointerId),this._pointers.size<2&&(this._pinchStart=null),0===this._pointers.size&&(this._panStart=null,setTimeout(()=>this._suppressClick=!1,0))}_clickRoom(t){var e;this._suppressClick||this._edit||!t.area||(e="/config/areas/area/"+t.area,history.pushState(null,"",e),$t(window,"location-changed",{replace:!1}))}_pointerDown(t,e){if(!this._edit)return;t.preventDefault();const i=this._pos(e);this._drag={id:e.id,sx:t.clientX,sy:t.clientY,ox:i.x,oy:i.y,moved:!1},t.target.setPointerCapture(t.pointerId),this._tip=null}_pointerMove(t,e){if(!this._drag||this._drag.id!==e.id)return;const i=this.renderRoot.querySelector(".stage");if(!i)return;const s=this._spaceModel().vb,a=i.getBoundingClientRect(),o=this._viewOr(s),n=(t.clientX-this._drag.sx)/a.width*o.w,r=(t.clientY-this._drag.sy)/a.height*o.h;Math.abs(t.clientX-this._drag.sx)+Math.abs(t.clientY-this._drag.sy)>3&&(this._drag.moved=!0);const l=.008*Math.min(s[2],s[3]),c=Math.max(s[0]+l,Math.min(s[0]+s[2]-l,this._drag.ox+n)),h=Math.max(s[1]+l,Math.min(s[1]+s[3]-l,this._drag.oy+r));this._savePos(e,c,h)}_pointerUp(t,e){if(!this._drag||this._drag.id!==e.id)return;const i=this._drag.moved;this._drag=i?this._drag:null,i&&(this._selId=e.id,window.setTimeout(()=>this._drag=null,0))}_applyXY(t,e){if(!this._selId)return;const i=parseFloat(e);if(isNaN(i))return;const s=this._devices.find(t=>t.id===this._selId);if(!s||s.virtual)return;const a={...this._pos(s)};a[t]=i,this._savePos(s,a.x,a.y)}_resetLayout(){confirm("Сбросить позиции всех иконок к авто-раскладке?")&&(this._layout={},this._persistLayout())}_showToast(t){this._toast=t,clearTimeout(this._toastTimer),this._toastTimer=window.setTimeout(()=>{this._toast=""},3500)}_showTip(t,e,i,s){this._drag||(this._tip={x:t.clientX,y:t.clientY,title:e,meta:i,lqi:s})}get _gridPitch(){return yt/120}get _curSpaceCfg(){return this._serverCfg?.spaces.find(t=>t.id===this._space)}get _spaceH(){const t=this._curSpaceCfg;return t?yt/t.aspect:yt}get _segments(){const t=this._curSpaceCfg,e=this._spaceH;return(t?.segments||[]).map(t=>[t[0]*yt,t[1]*e,t[2]*yt,t[3]*e])}_toggleMarkup(){this._norm?(this._markup=!this._markup,this._edit=!1,this._path=[],this._cursorPt=null,this._tool="draw"):this._showToast("Разметка доступна после переноса конфига на сервер (режим правки → «На сервер»)")}_svgPoint(t){const e=this.renderRoot.querySelector(".stage").getBoundingClientRect();return this._screenToVb(t.clientX-e.left,t.clientY-e.top)}_snap(t){const e=this._gridPitch;return[_t(t[0],e),_t(t[1],e)]}_samePt(t,e){return function(t,e,i=.001){return Math.abs(t[0]-e[0])this._segKey([t[0],t[1]],[t[2],t[3]])===a);return!o&&(i.segments=i.segments||[],i.segments.push([t[0]/yt,t[1]/s,e[0]/yt,e[1]/s]),this._saveConfig(),!0)}_distToSeg(t,e){const[i,s]=t,[a,o,n,r]=e,l=n-a,c=r-o;let h=((i-a)*l+(s-o)*c)/(l*l+c*c||1);h=Math.max(0,Math.min(1,h));const d=a+h*l,p=o+h*c;return Math.hypot(i-d,s-p)}_pointInRoom(t,e){return e.poly?function(t,e){let i=!1;for(let s=0,a=e.length-1;st[1]!=l>t[1]&&t[0]<(r-o)*(t[1]-n)/(l-n)+o&&(i=!i)}return i}(t,e.poly):null!=e.x&&t[0]>=e.x&&t[0]<=e.x+e.w&&t[1]>=e.y&&t[1]<=e.y+e.h}_markupClick(t){if(!this._markup)return;const e=this._svgPoint(t);if("erase"===this._tool){const t=this._curSpaceCfg;if(!t?.segments?.length)return;const i=this._segments;let s=-1,a=.5*this._gridPitch;return i.forEach((t,i)=>{const o=this._distToSeg(e,t);o=0&&(t.segments.splice(s,1),this._saveConfig(),this.requestUpdate()))}if("delroom"===this._tool){const t=[...this._spaceModel().rooms].reverse().find(t=>this._pointInRoom(e,t));if(!t)return;if(!confirm(`Удалить комнату «${t.name}»?`))return;const i=this._curSpaceCfg;return i.rooms=i.rooms.filter(e=>e.id!==t.id),this._saveConfig(),this._regSignature="",this._maybeRebuildDevices(),void this.requestUpdate()}const i=this._snap(e);if(!this._path.length)return this._path=[i],void(this._pathSegs=[]);const s=this._path[this._path.length-1];if(this._samePt(i,s))return;const a=this._addSegment(s,i);this._pathSegs=[...this._pathSegs,a?this._segKey(s,i):null],this._path=[...this._path,i],this._path.length>=4&&this._samePt(i,this._path[0])&&(this._cursorPt=null,this._nameSel="",this._areaSel="",this._roomDialog=!0)}get _contourClosed(){return this._path.length>=4&&this._samePt(this._path[0],this._path[this._path.length-1])}_markupMove(t){this._markup&&"draw"===this._tool&&this._path.length&&!this._contourClosed&&(this._cursorPt=this._snap(this._svgPoint(t)))}_saveRoom(){if(!this._contourClosed||!this._areaSel&&!this._nameSel)return;const t=this._curSpaceCfg;if(!t)return;const e=this._spaceH,i=this._path.slice(0,-1),s=this._areaSel?this.hass.areas[this._areaSel]?.name:"";t.rooms.push({id:"r"+Date.now().toString(36),name:this._nameSel||s||"Комната",area:this._areaSel||null,poly:i.map(t=>[t[0]/yt,t[1]/e])}),this._saveConfig(),this._path=[],this._pathSegs=[],this._areaSel="",this._nameSel="",this._roomDialog=!1,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Комната сохранена")}_cancelPath(){this._path=[],this._pathSegs=[],this._cursorPt=null,this._roomDialog=!1}_roomDialogCancel(){this._roomDialog=!1,this._undoPoint()}get _freeAreas(){const t=new Set;for(const e of this._serverCfg?.spaces||[])for(const i of e.rooms||[])i.area&&t.add(i.area);return Object.values(this.hass?.areas||{}).filter(e=>!t.has(e.area_id)).sort((t,e)=>(t.name||"").localeCompare(e.name||""))}_openMarkerDialog(t){this._norm?this._markerDialog=t?{devId:t.id,name:t.name,binding:"virtual"===t.bindingKind?"virtual":t.bindingKind+":"+t.bindingRef,bindingFilter:"",icon:t.marker?.icon||"",model:t.model||"",link:t.link||"",description:t.description||"",pdfs:[...t.pdfs||[]],room:t.space&&t.area?t.space+"#"+t.area:"",busy:!1}:{name:"",binding:"virtual",bindingFilter:"",icon:"",model:"",link:"",description:"",pdfs:[],room:"",busy:!1}:this._showToast("Редактирование устройств доступно после переноса конфига на сервер")}_bindingCandidates(){const t=this.hass,e=new Set;for(const t of this._devices)t.id!==this._markerDialog?.devId&&("device"===t.bindingKind&&t.bindingRef&&e.add("device:"+t.bindingRef),"entity"===t.bindingKind&&t.bindingRef&&e.add("entity:"+t.bindingRef));const i=new Set;for(const t of this._devices)"device"===t.bindingKind&&t.name&&i.add(t.name.trim()+"|"+(t.area||""));const s=[];for(const a of Object.values(t.devices)){if("service"===a.entry_type)continue;const t="device:"+a.id;if(e.has(t))continue;const o=(a.name_by_user||a.name||a.id).trim();t!==this._markerDialog?.binding&&i.has(o+"|"+(a.area_id||""))||s.push({value:t,label:o,sub:(a.model||"устройство")+("Group"===a.model?" · Z2M-группа":"")})}const a=new Set(["group","template","derivative","min_max","threshold","integration","statistics","trend","utility_meter","tod","switch_as_x","schedule"]);for(const[i,o]of Object.entries(t.entities)){const n="entity:"+i;if(e.has(n))continue;const r=a.has(o.platform),l="group"===o.platform;if(!r&&!l)continue;if(o.hidden)continue;const c=t.states[i];s.push({value:n,label:o.name||c?.attributes?.friendly_name||i,sub:i.split(".")[0]+" · "+("group"===o.platform?"группа":"хелпер")})}const o=(this._markerDialog?.bindingFilter||"").toLowerCase().trim(),n=o?s.filter(t=>(t.label+" "+t.sub+" "+t.value).toLowerCase().includes(o)):s;return n.sort((t,e)=>t.label.localeCompare(e.label)),n.slice(0,200)}_allRoomsFlat(){const t=[];for(const e of this._serverCfg?.spaces||[])for(const i of e.rooms||[])i.area&&t.push({value:e.id+"#"+i.area,label:(e.title||e.id)+" · "+i.name});return t}_errText(t){if(!t)return"неизвестная ошибка";if("string"==typeof t)return t;if(t.message)return t.message;if(t.error)return t.error;if(null!=t.code)return"код "+t.code;try{return JSON.stringify(t)}catch{return String(t)}}async _pickMarkerFiles(t){const e=t.target,i=e.files?[...e.files]:[];if(e.value="",!i.length||!this._markerDialog)return;const s=this._markerDialog.devId||"new",a=this.hass?.auth?.data?.access_token,o=[];for(const t of i)try{const e=new FormData;e.append("marker_id",s),e.append("file",t,t.name);const i=await fetch("/api/houseplan/upload",{method:"POST",body:e,headers:a?{authorization:`Bearer ${a}`}:{}}),n=await i.json().catch(()=>({}));if(!i.ok||n.error){const t={too_large:"файл больше "+(n.max_mb||25)+" МБ",bad_ext:"недопустимый тип (нужен PDF/изображение)",unauthorized:"нужны права администратора"};throw new Error(t[n.error]||n.error||"HTTP "+i.status)}o.push({name:n.name||t.name,url:n.url})}catch(e){this._showToast("Файл «"+t.name+"» не загружен: "+this._errText(e))}o.length&&this._markerDialog&&(this._markerDialog={...this._markerDialog,pdfs:[...this._markerDialog.pdfs,...o]},this._showToast("Прикреплено файлов: "+o.length))}_removeMarkerPdf(t){this._markerDialog&&(this._markerDialog={...this._markerDialog,pdfs:this._markerDialog.pdfs.filter(e=>e.url!==t)})}async _saveMarker(){const t=this._markerDialog;if(t&&!t.busy)if("virtual"!==t.binding||t.name.trim()){this._markerDialog={...t,busy:!0};try{const e=this._serverCfg;let i;e.markers=e.markers||[];const[s,a]=t.room?t.room.split("#"):["",""];let o=s||null,n=a||null;"virtual"!==t.binding||o||(o=this._space),i=function(t,e,i){const[s,a]=t.split(":");return"device"===s?a:"entity"===s?"lg_"+a:e&&e.startsWith("v_")?e:i()}(t.binding,t.devId,()=>"v_"+Date.now().toString(36));const r=t.devId,l={id:i,binding:t.binding,name:t.name.trim()||null,icon:t.icon||null,model:t.model.trim()||null,link:t.link.trim()||null,description:t.description.trim()||null,pdfs:t.pdfs};("virtual"===t.binding||t.room)&&(l.space=o,l.area=n);const c=r?this._devices.find(t=>t.id===r):null,h=!!t.room&&null!=c&&(c.space!==o||c.area!==n);if(e.markers=e.markers.filter(t=>t.id!==i&&t.id!==r),e.markers.push(l),!this._layout[i]||h){const t=this._spaceModel(o||void 0);let e=t.vb[0]+t.vb[2]/2,s=t.vb[1]+t.vb[3]/2;if(n){const i=t.rooms.find(t=>t.area===n);i&&([e,s]=this._roomCenter(i))}this._layout[i]=this._normPos(o||this._space,e,s)}await this._saveConfigNow(),await this.hass.callWS({type:"houseplan/layout/set",layout:this._layout}),this._markerDialog=null,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Устройство сохранено")}catch(t){this._markerDialog={...this._markerDialog,busy:!1},this._showToast("Ошибка: "+(t?.message||t))}}else this._showToast("Укажите имя виртуального устройства")}async _deleteMarker(){const t=this._markerDialog;if(!t)return;const e=t.devId?this._devices.find(e=>e.id===t.devId):null,i=t.name||"устройство";if(!confirm(`Убрать «${i}» с плана?`))return;const s=this._serverCfg;s.markers=s.markers||[],e&&"virtual"===e.bindingKind?s.markers=s.markers.filter(t=>t.id!==e.id):e&&e.marker?(s.markers=s.markers.filter(t=>t.id!==e.id),"device"===e.bindingKind&&e.bindingRef?s.markers.push({id:e.id,binding:"device:"+e.bindingRef,hidden:!0}):"entity"===e.bindingKind&&e.bindingRef&&s.markers.push({id:e.id,binding:"entity:"+e.bindingRef,hidden:!0})):e&&"device"===e.bindingKind&&e.bindingRef?s.markers.push({id:e.id,binding:"device:"+e.bindingRef,hidden:!0}):e&&"entity"===e.bindingKind&&e.bindingRef&&s.markers.push({id:e.id,binding:"entity:"+e.bindingRef,hidden:!0});try{await this._saveConfigNow(),this._markerDialog=null,this._regSignature="",this._maybeRebuildDevices(),this._showToast("Устройство убрано с плана")}catch(t){this._showToast("Ошибка: "+(t?.message||t))}}_normPos(t,e,i){const s=this._serverCfg.spaces.find(e=>e.id===t)?.aspect||1;return{s:t,x:e/yt,y:i/(yt/s)}}_openSpaceDialog(t,e){if(this._serverStorage&&this._serverCfg)if("edit"===t){const i=this._serverCfg.spaces.find(t=>t.id===e);if(!i)return;this._spaceDialog={mode:t,spaceId:e,title:i.title,planUrl:i.plan_url||null,planFile:null,busy:!1}}else this._spaceDialog={mode:t,title:"",planUrl:null,planFile:null,busy:!1};else this._showToast("Интеграция House Plan не установлена — управление недоступно")}async _pickPlanFile(t){const e=t.target,i=e.files?.[0];if(!i||!this._spaceDialog)return;const s={"image/svg+xml":"svg","image/png":"png","image/jpeg":"jpg","image/webp":"webp"}[i.type]||(i.name.toLowerCase().endsWith(".svg")?"svg":"");if(!s)return void this._showToast("Поддерживаются SVG, PNG, JPG, WebP");const a=new Uint8Array(await i.arrayBuffer());let o="";for(let t=0;t{const e=new Image;e.onload=()=>t(e.naturalWidth&&e.naturalHeight?e.naturalWidth/e.naturalHeight:1.414),e.onerror=()=>t(1.414),e.src=r});URL.revokeObjectURL(r),this._spaceDialog={...this._spaceDialog,planFile:{ext:s,b64:n,aspect:l,name:i.name}}}async _saveSpaceDialog(){const t=this._spaceDialog;if(t&&!t.busy&&t.title.trim()){this._spaceDialog={...t,busy:!0};try{const e=this._serverCfg;let i;if("create"===t.mode?(i={id:"s"+Date.now().toString(36),title:t.title.trim(),plan_url:null,aspect:1.414,view_box:[0,0,1,1],rooms:[],segments:[]},e.spaces.push(i)):(i=e.spaces.find(e=>e.id===t.spaceId),i.title=t.title.trim()),t.planFile){const e=await this.hass.callWS({type:"houseplan/plan/set",space_id:i.id,ext:t.planFile.ext,data:t.planFile.b64});i.plan_url=e.url,i.aspect=t.planFile.aspect}await this._saveConfigNow(),this._spaceDialog=null,"create"===t.mode&&(this._space=i.id),this._regSignature="",this._maybeRebuildDevices(),this._showToast("create"===t.mode?"Пространство добавлено":"Пространство сохранено")}catch(t){this._spaceDialog={...this._spaceDialog,busy:!1},this._showToast("Ошибка: "+(t?.message||t))}}}async _deleteSpace(){const t=this._spaceDialog;if(!t||"edit"!==t.mode)return;const e=this._serverCfg.spaces.find(e=>e.id===t.spaceId);if(confirm(`Удалить пространство «${e.title}» со всеми комнатами и разметкой?`)){this._serverCfg.spaces=this._serverCfg.spaces.filter(e=>e.id!==t.spaceId);try{await this._saveConfigNow(),this._spaceDialog=null,this._space===t.spaceId&&(this._space=this._serverCfg.spaces[0]?.id||""),this._regSignature="",this._maybeRebuildDevices(),this._showToast("Пространство удалено")}catch(t){this._showToast("Ошибка удаления: "+(t?.message||t))}}}async _saveConfigNow(){const t=await this.hass.callWS({type:"houseplan/config/set",config:this._serverCfg,expected_rev:this._cfgRev});this._cfgRev=t?.rev??this._cfgRev+1}render(){if(!this._config||!this.hass)return V;const t=this._model;if(!t.length)return j`
${this._config.title||"План дома"}
@@ -16,9 +16,9 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow Добавить пространство `:j`

Установите интеграцию House Plan и добавьте запись в «Устройства и службы».

`} - ${this._spaceDialog?this._renderSpaceDialog():W} - ${this._toast?j`
${this._toast}
`:W} - `;const e=this._spaceModel(),i=e.vb,s=this._devices.filter(t=>t.space===e.id),a=this._config.icon_size??2.5,o=a>8?2.5:a;return j` + ${this._spaceDialog?this._renderSpaceDialog():V} + ${this._toast?j`
${this._toast}
`:V} + `;const e=this._spaceModel(),i=e.vb,s=this._devices.filter(t=>t.space===e.id),a=this._config.icon_size??2.5,o=a>8?2.5:a,n=this._viewOr(i);return j`
@@ -33,12 +33,12 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow > ${t.title}${this._norm?j`{e.stopPropagation(),this._openSpaceDialog("edit",t.id)}}>`:W} + @click=${e=>{e.stopPropagation(),this._openSpaceDialog("edit",t.id)}}>`:V} `)} ${this._norm?j``:W} + `:V}
${s.length} устр. @@ -51,7 +51,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow ${this._norm?j``:W} + `:V} @@ -60,49 +60,49 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
- ${this._edit?this._renderEditbar():W} - ${this._markup?this._renderMarkupBar():W} + ${this._edit?this._renderEditbar():V} + ${this._markup?this._renderMarkupBar():V}
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._markup?this._renderMarkupDefs(i):W} - ${e.bg?L``:W} +
+ + ${this._markup?this._renderMarkupDefs(i):V} + ${e.bg?L``:V} ${e.rooms.filter(t=>t.area||this._markup).map(t=>{const i="room "+(e.bg?"overlay":"yard")+(this._markup?" outlined":""),s=e=>this._showTip(e,t.name,"комната — открыть зону",this._config?.show_signal?this._roomLqi(t.area):null),a=!e.bg||this._markup,o=this._roomCenter(t),n=t.poly?L`this._clickRoom(t)} @mousemove=${s} @mouseleave=${()=>this._tip=null}>`:L`this._clickRoom(t)} @mousemove=${s} - @mouseleave=${()=>this._tip=null}>`;return L`${n}${a?L`${t.name}`:W}`})} - ${this._markup?this._renderMarkupLayer(i):W} + @mouseleave=${()=>this._tip=null}>`;return L`${n}${a?L`${t.name}`:V}`})} + ${this._markup?this._renderMarkupLayer(i):V} -
- ${s.map(t=>this._renderDevice(t,i))} +
+ ${s.map(t=>this._renderDevice(t,n))}
- ${this._zoom>1?j`
${Math.round(100*this._zoom)}%
`:W} + ${this._zoom>1?j`
${Math.round(100*this._zoom)}%
`:V}
- ${this._roomDialog?this._renderRoomDialog():W} - ${this._spaceDialog?this._renderSpaceDialog():W} - ${this._markerDialog?this._renderMarkerDialog():W} - ${this._infoCard?this._renderInfoCard():W} + ${this._roomDialog?this._renderRoomDialog():V} + ${this._spaceDialog?this._renderSpaceDialog():V} + ${this._markerDialog?this._renderMarkerDialog():V} + ${this._infoCard?this._renderInfoCard():V} ${this._tip?j`
- ${this._tip.title}${this._tip.meta?j`${this._tip.meta}`:W} + ${this._tip.title}${this._tip.meta?j`${this._tip.meta}`:V} ${null!=this._tip.lqi?j`средний сигнал zigbee: - ${this._tip.lqi}`:W} -
`:W} - ${this._toast?j`
${this._toast}
`:W} + ${this._tip.lqi}`:V} +
`:V} + ${this._toast?j`
${this._toast}
`:V} - `}_renderDevice(t,e){const i=this._pos(t),s=(i.x-e[0])/e[2]*100,a=(i.y-e[1])/e[3]*100,o=this._stateClass(t),n=this._liveTemp(t),r=this._config?.show_signal&&!t.virtual?this._lqiFor(t.entities):null;return j`
this._clickDevice(e,t)} @@ -113,8 +113,8 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow @pointerup=${e=>this._pointerUp(e,t)} > - ${null!=n?j`${n}°`:W} - ${null!=r?j`${r}`:W} + ${null!=n?j`${n}°`:V} + ${null!=r?j`${r}`:V}
`}_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 L` @@ -125,9 +125,9 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow `}_renderMarkupLayer(t){const e=this._segments,i=this._path,s=this._gridPitch;return L` ${e.map(t=>L``)} - ${i.length>1?L``:W} + ${i.length>1?L``:V} ${i.length&&this._cursorPt&&"draw"===this._tool&&!this._contourClosed?L``:W} + x2="${this._cursorPt[0]}" y2="${this._cursorPt[1]}">`:V} ${i.map((t,e)=>L``)} `}_renderMarkupBar(){return j`
@@ -145,20 +145,20 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow ${"draw"===this._tool?j`${this._path.length?"точек: "+this._path.length+" · Esc/Ctrl+Z — убрать точку · замкните контур кликом по первой":"кликните точку сетки, чтобы начать контур"} - ${this._path.length?j``:W}`:W} + ${this._path.length?j``:V}`:V}
`}_renderInfoCard(){const t=this._infoCard,e=t.primary?this.hass.states[t.primary]:void 0,i=e?this.hass.formatEntityState?.(e)??e.state:null;return j`
this._infoCard=null}>
t.stopPropagation()}>
${t.name}
- ${t.model?j`
Модель${t.model}
`:W} - ${i?j`
Состояние${i}
`:W} + ${t.model?j`
Модель${t.model}
`:V} + ${i?j`
Состояние${i}
`:V} ${t.link?j`
Ссылка - ${t.link}
`:W} - ${t.description?j`
${t.description}
`:W} + ${t.link}
`:V} + ${t.description?j`
${t.description}
`:V} ${t.pdfs&&t.pdfs.length?j`
Инструкции ${t.pdfs.map(t=>j` - ${t.name}`)}
`:W} - ${t.model||i||t.link||t.description||t.pdfs&&t.pdfs.length?W:j`
Нет дополнительной информации
`} + ${t.name}`)}
`:V} + ${t.model||i||t.link||t.description||t.pdfs&&t.pdfs.length?V:j`
Нет дополнительной информации
`}
${t.primary?j``:W} + `:V}
@@ -187,7 +187,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow @click=${()=>this._markerDialog={...t,binding:"virtual"}}> Виртуальное устройство (без привязки) - ${e?W:j`
+ ${e?V:j`
${s}${t.binding}
`} this._markerDialog={...t,binding:e.value}}> ${e.label}${e.sub}
`)} - ${i.length?W:j`
ничего не найдено
`} + ${i.length?V:j`
ничего не найдено
`}
@@ -244,7 +244,7 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
${t.devId?j``:W} + `:V} `:W} + `:V} -
`}}wt.properties={hass:{attribute:!1},_config:{state:!0},_space:{state:!0},_edit:{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},_areaSel:{state:!0},_nameSel:{state:!0},_roomDialog:{state:!0},_spaceDialog:{state:!0},_infoCard:{state:!0},_markerDialog:{state:!0},_zoom:{state:!0},_pan:{state:!0}},wt.styles=((t,...e)=>{const s=1===t.length?t[0]:e.reduce((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1],t[0]);return new a(s,t,i)})` + `}}wt.properties={hass:{attribute:!1},_config:{state:!0},_space:{state:!0},_edit:{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},_areaSel:{state:!0},_nameSel:{state:!0},_roomDialog:{state:!0},_spaceDialog:{state:!0},_infoCard:{state:!0},_markerDialog:{state:!0},_zoom:{state:!0},_view:{state:!0}},wt.styles=((t,...e)=>{const s=1===t.length?t[0]:e.reduce((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1],t[0]);return new a(s,t,i)})` :host { --hp-bg: var(--card-background-color, #16212e); --hp-line: var(--divider-color, #2b3d4f); @@ -447,17 +447,15 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow } .stage { position: relative; - max-width: 100%; - margin: 0 auto; /* центрировать, когда ширина ограничена высотой экрана */ + width: 100%; container-type: inline-size; overflow: hidden; touch-action: none; /* свои жесты pinch/pan */ + background: var(--ha-card-background, var(--card-background-color, #111)); } .zoomwrap { position: absolute; inset: 0; - transform-origin: 0 0; - will-change: transform; } .zoomctl { display: inline-flex; @@ -1036,4 +1034,4 @@ const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow z-index: 120; max-width: 90vw; } - `,customElements.get("houseplan-card")||customElements.define("houseplan-card",wt),window.customCards=window.customCards||[],window.customCards.find(t=>"houseplan-card"===t.type)||window.customCards.push({type:"houseplan-card",name:"House Plan Card",description:"Интерактивный план дома: пространства, комнаты, устройства с живыми состояниями и drag-раскладкой."}),console.info("%c HOUSEPLAN-CARD %c v1.8.1 ","background:#3ea6ff;color:#04121f;font-weight:700",""); + `,customElements.get("houseplan-card")||customElements.define("houseplan-card",wt),window.customCards=window.customCards||[],window.customCards.find(t=>"houseplan-card"===t.type)||window.customCards.push({type:"houseplan-card",name:"House Plan Card",description:"Интерактивный план дома: пространства, комнаты, устройства с живыми состояниями и drag-раскладкой."}),console.info("%c HOUSEPLAN-CARD %c v1.8.2 ","background:#3ea6ff;color:#04121f;font-weight:700",""); diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md index 81fea7c..8b9fc56 100644 --- a/docs/CHANGELOG.md +++ b/docs/CHANGELOG.md @@ -1,5 +1,19 @@ # Changelog +## v1.8.2 — 2026-07-04 (векторно-чёткий зум через viewBox + полная ширина сцены) +- Зум переведён с CSS `transform: scale()` на манипуляцию `viewBox` SVG. Раньше слой + растрировался и потом масштабировался — при приближении всё «мылилось». Теперь браузер + перерисовывает вектор в целевом разрешении: иконки, подписи комнат, линии, штриховка и + векторная подложка остаются чёткими на любом масштабе (проверено на 274%). +- Слой иконок (HTML) позиционируется и масштабируется по тому же `view`, а не общим + transform — иконки чёткие и растут вместе с планом. +- Сцена теперь занимает всю ширину вьюпорта (модель «contain» по аспекту сцены): при + зум-ине контент заполняет ширину без чёрных полей по бокам. При полном отдалении виден + весь план (по ширине и высоте), поля вокруг залиты фоном карточки, а не чёрным. +- Вся координатная математика (клик разметки `_svgPoint`, drag иконок, pan, pinch) переписана + в единых `view`-координатах — редактирование корректно на любом зуме. ResizeObserver сцены + пересчитывает `view` при изменении размеров (сайдбар, поворот). Пан/зум ограничены `fit`. + ## v1.8.1 — 2026-07-04 (fit-to-viewport + сохранение зума по пространствам) - Уменьшение масштаба до полного вида: нижний предел зума = 100% совпадает с полностью видимым планом. `.stage` теперь ограничена по высоте вьюпорта diff --git a/package.json b/package.json index 0744a57..1cdc900 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "houseplan-card", - "version": "1.8.1", + "version": "1.8.2", "description": "Interactive house plan Lovelace card for Home Assistant (dacha Kirillovskoe)", "license": "MIT", "type": "module", diff --git a/src/houseplan-card.ts b/src/houseplan-card.ts index 457dd6f..2e8a84c 100755 --- a/src/houseplan-card.ts +++ b/src/houseplan-card.ts @@ -13,7 +13,7 @@ import { } from './logic'; import './editor'; -const CARD_VERSION = '1.8.1'; +const CARD_VERSION = '1.8.2'; const LS_KEY = 'houseplan_card_layout_v1'; const LS_ZOOM = 'houseplan_card_zoom_v1'; const NORM_W = 1000; // ширина рендер-пространства для нормированных конфигов @@ -147,12 +147,13 @@ class HouseplanCard extends LitElement { private _roomDialog = false; // зум/панорама плана (зум сохраняется по пространству локально) private _zoom = 1; - private _pan = { x: 0, y: 0 }; + private _view: { x: number; y: number; w: number; h: number } | null = null; // текущий viewBox SVG (vb-координаты) private _zoomBySpace: Record = {}; private _pointers = new Map(); - private _panStart: { sx: number; sy: number; ox: number; oy: number } | null = null; - private _pinchStart: { dist: number; zoom: number; cx: number; cy: number; px: number; py: number } | null = null; + private _panStart: { sx: number; sy: number; vx: number; vy: number } | null = null; + private _pinchStart: { dist: number; zoom: number } | null = null; private _suppressClick = false; + private _roViewport?: ResizeObserver; private _infoCard: DevItem | null = null; private _markerDialog: { @@ -202,7 +203,7 @@ class HouseplanCard extends LitElement { _infoCard: { state: true }, _markerDialog: { state: true }, _zoom: { state: true }, - _pan: { state: true }, + _view: { state: true }, }; public connectedCallback(): void { @@ -212,6 +213,8 @@ class HouseplanCard extends LitElement { public disconnectedCallback(): void { window.removeEventListener('keydown', this._keyHandler); + this._roViewport?.disconnect(); + this._roViewport = undefined; if (this._unsubCfg) { this._unsubCfg(); this._unsubCfg = null; @@ -347,6 +350,15 @@ class HouseplanCard extends LitElement { } } + protected updated(): void { + const stage = this._stageEl; + if (stage && !this._roViewport) { + this._roViewport = new ResizeObserver(() => this._refitView()); + this._roViewport.observe(stage); + } + if (stage && !this._view) this._refitView(); + } + // ================= сервер: конфиг + раскладка ================= private async _loadFromServer(): Promise { @@ -842,29 +854,83 @@ class HouseplanCard extends LitElement { return this.renderRoot.querySelector('.stage') as HTMLElement | null; } - /** Ограничить пан так, чтобы контент покрывал сцену (без «дыр» по краям). */ - private _clampPan(): void { - const stage = this._stageEl; - if (!stage) return; - const w = stage.clientWidth; - const h = stage.clientHeight; - const minX = w * (1 - this._zoom); - const minY = h * (1 - this._zoom); - this._pan = { - x: Math.min(0, Math.max(minX, this._pan.x)), - y: Math.min(0, Math.max(minY, this._pan.y)), + /** Соотношение сторон сцены (ширина/высота, px). */ + private _stageAspect(): number { + const s = this._stageEl; + const vb = this._spaceModel().vb; + return s && s.clientHeight ? s.clientWidth / s.clientHeight : vb[2] / vb[3]; + } + + /** Прямоугольник «contain» с аспектом сцены, вмещающий весь план (vb). */ + private _fitView(vb: number[], aspect: number): { x: number; y: number; w: number; h: number } { + const planA = vb[2] / vb[3]; + if (aspect > planA) { + const h = vb[3], w = vb[3] * aspect; + return { x: vb[0] - (w - vb[2]) / 2, y: vb[1], w, h }; + } + const w = vb[2], h = vb[2] / aspect; + return { x: vb[0], y: vb[1] - (h - vb[3]) / 2, w, h }; + } + + /** Текущий view с фолбэком на полный fit. */ + private _viewOr(vb: number[]): { x: number; y: number; w: number; h: number } { + return this._view && this._view.w ? this._view : this._fitView(vb, this._stageAspect()); + } + + /** Экран (sx,sy относительно сцены, px) → координаты vb по текущему view. */ + private _screenToVb(sx: number, sy: number): number[] { + const s = this._stageEl; + const v = this._viewOr(this._spaceModel().vb); + const w = s?.clientWidth || 1, h = s?.clientHeight || 1; + return [v.x + (sx / w) * v.w, v.y + (sy / h) * v.h]; + } + + /** Ограничить view пределами fit (контент всегда покрывает сцену). */ + private _clampView( + v: { x: number; y: number; w: number; h: number }, + fit: { x: number; y: number; w: number; h: number }, + ): { x: number; y: number; w: number; h: number } { + return { + w: v.w, + h: v.h, + x: Math.max(fit.x, Math.min(fit.x + fit.w - v.w, v.x)), + y: Math.max(fit.y, Math.min(fit.y + fit.h - v.h, v.y)), }; } - /** Изменить зум с центром в точке (sx,sy) относительно сцены. */ - private _zoomAt(sx: number, sy: number, newZoom: number): void { - const z = Math.min(8, Math.max(1, newZoom)); - // точка под курсором остаётся на месте: pan' = s - (s - pan)/zoom * z - const lx = (sx - this._pan.x) / this._zoom; - const ly = (sy - this._pan.y) / this._zoom; - this._pan = { x: sx - lx * z, y: sy - ly * z }; + /** Установить зум (центр — точка vb cx,cy либо центр текущего view). */ + private _applyView(zoom: number, cx?: number, cy?: number): void { + const vb = this._spaceModel().vb; + const fit = this._fitView(vb, this._stageAspect()); + const z = Math.min(8, Math.max(1, zoom)); + const w = fit.w / z, h = fit.h / z; + const cur = this._viewOr(vb); + const ccx = cx ?? cur.x + cur.w / 2; + const ccy = cy ?? cur.y + cur.h / 2; this._zoom = z; - this._clampPan(); + this._view = this._clampView({ x: ccx - w / 2, y: ccy - h / 2, w, h }, fit); + } + + /** Пересчитать view под новый размер сцены, сохранив зум и центр. */ + private _refitView(): void { + if (!this._stageEl) return; + const cur = this._view; + this._applyView(this._zoom, cur ? cur.x + cur.w / 2 : undefined, cur ? cur.y + cur.h / 2 : undefined); + this.requestUpdate(); + } + + /** Изменить зум, удерживая точку (sx,sy относительно сцены) на месте. */ + private _zoomAt(sx: number, sy: number, newZoom: number): void { + const stage = this._stageEl; + if (!stage) return; + const vb = this._spaceModel().vb; + const fit = this._fitView(vb, this._stageAspect()); + const z = Math.min(8, Math.max(1, newZoom)); + const w = stage.clientWidth, h = stage.clientHeight; + const pt = this._screenToVb(sx, sy); + const nw = fit.w / z, nh = fit.h / z; + this._zoom = z; + this._view = this._clampView({ x: pt[0] - (sx / w) * nw, y: pt[1] - (sy / h) * nh, w: nw, h: nh }, fit); } private _onWheel(ev: WheelEvent): void { @@ -885,8 +951,9 @@ class HouseplanCard extends LitElement { } private _resetZoom(): void { + const vb = this._spaceModel().vb; this._zoom = 1; - this._pan = { x: 0, y: 0 }; + this._view = this._fitView(vb, this._stageAspect()); this._saveZoom(); } @@ -900,21 +967,16 @@ class HouseplanCard extends LitElement { } } - /** Восстановить сохранённый зум пространства и центрировать. */ + /** Восстановить сохранённый зум пространства и центрировать план. */ private _restoreZoom(): void { - this._zoom = this._zoomBySpace[this._space] || 1; - this._pan = { x: 0, y: 0 }; - // центрировать после применения размеров + const z = this._zoomBySpace[this._space] || 1; + this._zoom = z; + this._view = null; requestAnimationFrame(() => { - const stage = this._stageEl; - if (stage) { - this._pan = { - x: (stage.clientWidth * (1 - this._zoom)) / 2, - y: (stage.clientHeight * (1 - this._zoom)) / 2, - }; - this._clampPan(); - this.requestUpdate(); - } + if (!this._stageEl) return; + const vb = this._spaceModel().vb; + this._applyView(z, vb[0] + vb[2] / 2, vb[1] + vb[3] / 2); + this.requestUpdate(); }); } @@ -923,21 +985,14 @@ class HouseplanCard extends LitElement { if (this._drag || this._markup) return; if ((ev.target as HTMLElement).closest('.dev')) return; this._pointers.set(ev.pointerId, { x: ev.clientX, y: ev.clientY }); + const v = this._viewOr(this._spaceModel().vb); if (this._pointers.size === 1) { - this._panStart = { sx: ev.clientX, sy: ev.clientY, ox: this._pan.x, oy: this._pan.y }; + this._panStart = { sx: ev.clientX, sy: ev.clientY, vx: v.x, vy: v.y }; this._suppressClick = false; } else if (this._pointers.size === 2) { const pts = [...this._pointers.values()]; const dist = Math.hypot(pts[0].x - pts[1].x, pts[0].y - pts[1].y); - const r = this._stageEl!.getBoundingClientRect(); - this._pinchStart = { - dist, - zoom: this._zoom, - cx: (pts[0].x + pts[1].x) / 2 - r.left, - cy: (pts[0].y + pts[1].y) / 2 - r.top, - px: this._pan.x, - py: this._pan.y, - }; + this._pinchStart = { dist, zoom: this._zoom }; this._panStart = null; } } @@ -952,22 +1007,29 @@ class HouseplanCard extends LitElement { const pts = [...this._pointers.values()]; const dist = Math.hypot(pts[0].x - pts[1].x, pts[0].y - pts[1].y); const scale = dist / (this._pinchStart.dist || 1); - // зум относительно исходной середины щипка - const z = Math.min(8, Math.max(1, this._pinchStart.zoom * scale)); - const lx = (this._pinchStart.cx - this._pinchStart.px) / this._pinchStart.zoom; - const ly = (this._pinchStart.cy - this._pinchStart.py) / this._pinchStart.zoom; - this._pan = { x: this._pinchStart.cx - lx * z, y: this._pinchStart.cy - ly * z }; - this._zoom = z; - this._clampPan(); + const r = this._stageEl!.getBoundingClientRect(); + const cx = (pts[0].x + pts[1].x) / 2 - r.left; + const cy = (pts[0].y + pts[1].y) / 2 - r.top; + this._zoomAt(cx, cy, this._pinchStart.zoom * scale); this._suppressClick = true; this._saveZoom(); } else if (this._panStart) { const ddx = ev.clientX - this._panStart.sx; const ddy = ev.clientY - this._panStart.sy; if (Math.abs(ddx) + Math.abs(ddy) > 4) this._suppressClick = true; - if (this._zoom > 1) { - this._pan = { x: this._panStart.ox + ddx, y: this._panStart.oy + ddy }; - this._clampPan(); + if (this._zoom > 1 && this._view) { + const stage = this._stageEl!; + const v = this._view; + const fit = this._fitView(this._spaceModel().vb, this._stageAspect()); + this._view = this._clampView( + { + x: this._panStart.vx - (ddx / stage.clientWidth) * v.w, + y: this._panStart.vy - (ddy / stage.clientHeight) * v.h, + w: v.w, + h: v.h, + }, + fit, + ); } } } @@ -1002,8 +1064,9 @@ class HouseplanCard extends LitElement { if (!stage) return; const vb = this._spaceModel().vb; const rect = stage.getBoundingClientRect(); - const dx = ((ev.clientX - this._drag.sx) / (rect.width * this._zoom)) * vb[2]; - const dy = ((ev.clientY - this._drag.sy) / (rect.height * this._zoom)) * vb[3]; + const v = this._viewOr(vb); + const dx = ((ev.clientX - this._drag.sx) / rect.width) * v.w; + const dy = ((ev.clientY - this._drag.sy) / rect.height) * v.h; if (Math.abs(ev.clientX - this._drag.sx) + Math.abs(ev.clientY - this._drag.sy) > 3) this._drag.moved = true; const m = Math.min(vb[2], vb[3]) * 0.008; const nx = Math.max(vb[0] + m, Math.min(vb[0] + vb[2] - m, this._drag.ox + dx)); @@ -1087,12 +1150,8 @@ class HouseplanCard extends LitElement { private _svgPoint(ev: MouseEvent): number[] { const stage = this.renderRoot.querySelector('.stage') as HTMLElement; - const vb = this._spaceModel().vb; const r = stage.getBoundingClientRect(); - // экран → локальные координаты (отмена transform: translate(pan) scale(zoom)) - const lx = (ev.clientX - r.left - this._pan.x) / this._zoom; - const ly = (ev.clientY - r.top - this._pan.y) / this._zoom; - return [vb[0] + (lx / r.width) * vb[2], vb[1] + (ly / r.height) * vb[3]]; + return this._screenToVb(ev.clientX - r.left, ev.clientY - r.top); } private _snap(p: number[]): number[] { @@ -1677,6 +1736,7 @@ class HouseplanCard extends LitElement { const devs = this._devices.filter((d) => d.space === space.id); const cfgSize = this._config.icon_size ?? 2.5; const iconPct = cfgSize > 8 ? 2.5 : cfgSize; + const view = this._viewOr(vb); return html` @@ -1744,15 +1804,15 @@ class HouseplanCard extends LitElement {
this._markupClick(e)} @wheel=${(e: WheelEvent) => this._onWheel(e)} @pointerdown=${(e: PointerEvent) => this._stagePointerDown(e)} @pointermove=${(e: PointerEvent) => this._stagePointerMove(e)} @pointerup=${(e: PointerEvent) => this._stagePointerUp(e)} @pointercancel=${(e: PointerEvent) => this._stagePointerUp(e)}> -
- +
+ ${this._markup ? this._renderMarkupDefs(vb) : nothing} ${space.bg ? svg`` @@ -1776,8 +1836,8 @@ class HouseplanCard extends LitElement { })} ${this._markup ? this._renderMarkupLayer(vb) : nothing} -
- ${devs.map((d) => this._renderDevice(d, vb))} +
+ ${devs.map((d) => this._renderDevice(d, view))}
${this._zoom > 1 @@ -1803,10 +1863,10 @@ class HouseplanCard extends LitElement { `; } - private _renderDevice(d: DevItem, vb: number[]): TemplateResult { + private _renderDevice(d: DevItem, view: { x: number; y: number; w: number; h: number }): TemplateResult { const p = this._pos(d); - const left = ((p.x - vb[0]) / vb[2]) * 100; - const top = ((p.y - vb[1]) / vb[3]) * 100; + const left = ((p.x - view.x) / view.w) * 100; + const top = ((p.y - view.y) / view.h) * 100; const cls = this._stateClass(d); const temp = this._liveTemp(d); const lqi = this._config?.show_signal && !d.virtual ? this._lqiFor(d.entities) : null; @@ -2272,17 +2332,15 @@ class HouseplanCard extends LitElement { } .stage { position: relative; - max-width: 100%; - margin: 0 auto; /* центрировать, когда ширина ограничена высотой экрана */ + width: 100%; container-type: inline-size; overflow: hidden; touch-action: none; /* свои жесты pinch/pan */ + background: var(--ha-card-background, var(--card-background-color, #111)); } .zoomwrap { position: absolute; inset: 0; - transform-origin: 0 0; - will-change: transform; } .zoomctl { display: inline-flex;