iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
55 lines • 128 kB
JavaScript
export const __rspack_esm_id=41344;export const __rspack_esm_ids=[41344];export const __webpack_modules__={78536(t,e,i){i.d(e,{h:()=>s});i(18111),i(20116);var a=i(22675);const s=(t,e,i)=>{if(!e||e.state===a.Hh||e.state===a.HV||!i.attribute&&"duration"===e.attributes.device_class)return"";if(i.unit)return i.unit;const s=i.attribute?t.formatEntityAttributeValueToParts(e,i.attribute):t.formatEntityStateToParts(e);return s.find(t=>"unit"===t.type)?.value??""}},78978(t,e,i){i.d(e,{_:()=>s});i(44114),i(33110);var a=i(63533);const s=(t,e)=>{if(!(e instanceof a.C5))return{warnings:[e.message],errors:void 0};const i=[],s=[];for(const a of e.failures())if(void 0===a.value)i.push(t.localize("ui.errors.config.key_missing",{key:a.path.join(".")}));else if("never"===a.type)s.push(t.localize("ui.errors.config.key_not_expected",{key:a.path.join(".")}));else{if("union"===a.type)continue;"enums"===a.type?s.push(t.localize("ui.errors.config.key_wrong_type",{key:a.path.join("."),type_correct:a.message.replace("Expected ","").split(", ")[0],type_wrong:JSON.stringify(a.value)})):s.push(t.localize("ui.errors.config.key_wrong_type",{key:a.path.join("."),type_correct:a.refinement||a.type,type_wrong:JSON.stringify(a.value)}))}return{warnings:s,errors:i}}},63130(t,e,i){i.d(e,{l:()=>s});var a=i(50248);const s=async(t,e)=>{if(navigator.clipboard)try{return void await navigator.clipboard.writeText(t)}catch{}const i=e||(0,a.n)()?.getRootNode()||document.body,s=document.createElement("textarea");s.value=t,s.setAttribute("readonly",""),s.style.position="fixed",s.style.top="0",s.style.left="0",s.style.opacity="0",i.appendChild(s),s.select(),document.execCommand("copy"),i.removeChild(s)}},32074(t,e,i){i.a(t,async function(t,e){try{i(74423);var a=i(62826),s=i(5124),r=i(22441),o=i(6412),n=i(20058),h=i(8549),c=t([n]);n=(c.then?(await c)():c)[0];class l extends s.WF{render(){const t=(0,n.ZV)(this.value,this.hass?.locale,this.formatOptions),[e]=t.includes(".")?t.split("."):t.split(","),i=t.replace(e,""),a=`${this.value}${this.unit?`${(0,h.A)(this.unit,this.hass?.locale)}${this.unit}`:""}`,r="bottom"===this.unitPosition;return s.qy` <p class="value"> <span aria-hidden="true" class="displayed-value"> <span>${e}</span> <span class="addon ${(0,o.H)({bottom:r})}"> <span class="decimal">${i}</span> <span class="unit">${this.unit}</span> </span> </span> <span class="visually-hidden">${a}</span> </p> `}static get styles(){return[s.AH`:host{font-size:57px;line-height:1.12;letter-spacing:-.25px}.value{display:flex;margin:0;direction:ltr}.displayed-value{display:inline-flex;flex-direction:row;align-items:flex-end}.addon{display:flex;flex-direction:column-reverse;padding:4px 0}.addon.bottom{flex-direction:row;align-items:baseline}.addon.bottom .unit{margin-bottom:4px;margin-left:2px}.value .decimal{font-size:.42em;line-height:1.33;min-height:1.33em}.value .unit{font-size:.33em;line-height:var(--ha-line-height-condensed)}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}`]}constructor(...t){super(...t),this.unitPosition="top",this.formatOptions={}}}(0,a.Cg)([(0,r.MZ)({type:Number})],l.prototype,"value",void 0),(0,a.Cg)([(0,r.MZ)()],l.prototype,"unit",void 0),(0,a.Cg)([(0,r.MZ)({attribute:"unit-position"})],l.prototype,"unitPosition",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],l.prototype,"hass",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],l.prototype,"formatOptions",void 0),l=(0,a.Cg)([(0,r.EM)("ha-big-number")],l),e()}catch(t){e(t)}})},97955(t,e,i){i(44114),i(18111),i(7588),i(17642),i(58004),i(33853),i(45876),i(32475),i(15024),i(31698);var a=i(62826),s=i(26183),r=i(5124),o=i(22441),n=i(6412),h=i(63672),c=i(1087),l=i(63004);const d=([[t,e],[i,a]],[s,r])=>[t*s+e*r,i*s+a*r],u=([t,e],[i,a])=>[t+i,e+a],p=t=>t/180*Math.PI,g=t=>{const{x:e,y:i,r:a,start:s,end:r,rotate:o=0}=t,n=e,h=i,c=a,l=a,g=p(s),_=(p(r)-g)%(2*Math.PI),f=p(o),m=(t=>[[Math.cos(t),-Math.sin(t)],[Math.sin(t),Math.cos(t)]])(f),[v,y]=u(d(m,[c*Math.cos(g),l*Math.sin(g)]),[n,h]),[b,w]=u(d(m,[c*Math.cos(g+_),l*Math.sin(g+_)]),[n,h]),x=_>Math.PI?1:0,$=_>0?1:0;return["M",v,y,"A",c,l,f/(2*Math.PI)*360,x,$,b,w].join(" ")};var _=i(88438);const f=270,m=145;const v=new Set(["ArrowRight","ArrowUp","ArrowLeft","ArrowDown","PageUp","PageDown","Home","End"]);class y extends r.WF{_valueToPercentage(t){return((0,l.q)(t,this.min,this.max)-this.min)/(this.max-this.min)}_percentageToValue(t){return(this.max-this.min)*t+this.min}_steppedValue(t){return Math.round(t/this.step)*this.step}_boundedValue(t){const e="high"===this._activeSlider?Math.min(this._localLow??this.max):this.min,i="low"===this._activeSlider?Math.max(this._localHigh??this.min):this.max;return Math.min(Math.max(t,e),i)}updated(t){super.updated(t),this._activeSlider||(t.has("value")&&(this._localValue=this.value),t.has("low")&&(this._localLow=this.low),t.has("high")&&(this._localHigh=this.high)),(t.has("_localValue")&&null==t.get("_localValue")||t.has("_localLow")&&null==t.get("_localLow")||t.has("_localHigh")&&null==t.get("_localHigh")||t.has("preventInteractionOnScroll"))&&(this._destroyListeners(),this._setupListeners())}connectedCallback(){super.connectedCallback(),this._setupListeners()}disconnectedCallback(){super.disconnectedCallback()}_findActiveSlider(t){if(!this.dual)return"value";const e=Math.max(this._localLow??this.min,this.min),i=Math.min(this._localHigh??this.max,this.max);if(e>=t)return"low";if(i<=t)return"high";return Math.abs(t-e)<=Math.abs(t-i)?"low":"high"}_setActiveValue(t){switch(this._activeSlider){case"high":this._localHigh=t;break;case"low":this._localLow=t;break;case"value":this._localValue=t}}_getActiveValue(){switch(this._activeSlider){case"high":return this._localHigh;case"low":return this._localLow;case"value":return this._localValue}}_setupListeners(){this._interactions&&0===this._managers.length&&this._interactions.forEach(t=>{const e=new s.mS(t,{inputClass:s.jh});this._managers.push(e);const i=this.preventInteractionOnScroll&&_.C;e.add(new s.ac({enable:i,pointers:1,time:50}));const a=new s.uq({direction:s.ge,enable:!i,threshold:0});e.add(a),e.add(new s.Cx({event:"singletap"})),e.on("press",t=>{if(t.srcEvent.stopPropagation(),t.srcEvent.preventDefault(),this.disabled||this.readonly)return;const e=this._getPercentageFromEvent(t),i=this._percentageToValue(e);this._activeSlider=this._findActiveSlider(i);const s=this._boundedValue(i);this._setActiveValue(s);const r=this._steppedValue(s);this._activeSlider&&(0,c.r)(this,`${this._activeSlider}-changing`,{value:r}),a.set({enable:!0})}),e.on("pressup",t=>{t.srcEvent.stopPropagation(),t.srcEvent.preventDefault();const e=this._getPercentageFromEvent(t),i=this._percentageToValue(e),a=this._boundedValue(i),s=this._steppedValue(a);this._setActiveValue(s),this._activeSlider&&((0,c.r)(this,`${this._activeSlider}-changing`,{value:void 0}),(0,c.r)(this,`${this._activeSlider}-changed`,{value:s})),this._activeSlider=void 0}),e.on("pan",t=>{t.srcEvent.stopPropagation(),t.srcEvent.preventDefault()}),e.on("panstart",t=>{if(this.disabled||this.readonly)return;const e=this._getPercentageFromEvent(t),i=this._percentageToValue(e);this._activeSlider=this._findActiveSlider(i),this._lastSlider=this._activeSlider,this.shadowRoot?.getElementById("#slider")?.focus()}),e.on("pancancel",()=>{this.disabled||this.readonly||(this._activeSlider=void 0,i&&a.set({enable:!1}))}),e.on("panmove",t=>{if(this.disabled||this.readonly)return;const e=this._getPercentageFromEvent(t),i=this._percentageToValue(e),a=this._boundedValue(i);this._setActiveValue(a);const s=this._steppedValue(a);this._activeSlider&&(0,c.r)(this,`${this._activeSlider}-changing`,{value:s})}),e.on("panend",t=>{if(this.disabled||this.readonly)return;const e=this._getPercentageFromEvent(t),s=this._percentageToValue(e),r=this._boundedValue(s),o=this._steppedValue(r);this._setActiveValue(o),this._activeSlider&&((0,c.r)(this,`${this._activeSlider}-changing`,{value:void 0}),(0,c.r)(this,`${this._activeSlider}-changed`,{value:o})),this._activeSlider=void 0,i&&a.set({enable:!1})}),e.on("singletap",t=>{if(this.disabled||this.readonly)return;const e=this._getPercentageFromEvent(t),s=this._percentageToValue(e);this._activeSlider=this._findActiveSlider(s);const r=this._boundedValue(s),o=this._steppedValue(r);this._setActiveValue(o),this._activeSlider&&((0,c.r)(this,`${this._activeSlider}-changing`,{value:void 0}),(0,c.r)(this,`${this._activeSlider}-changed`,{value:o})),this._lastSlider=this._activeSlider,this.shadowRoot?.getElementById("#slider")?.focus(),this._activeSlider=void 0,i&&a.set({enable:!1})})})}get _tenPercentStep(){return Math.max(this.step,(this.max-this.min)/10)}_handleKeyDown(t){if(!v.has(t.code))return;t.preventDefault(),this._lastSlider&&this.shadowRoot?.getElementById(this._lastSlider)?.focus(),this._activeSlider=this._lastSlider??t.currentTarget.id,this._lastSlider=void 0;const e=this._getActiveValue();switch(t.code){case"ArrowRight":case"ArrowUp":this._setActiveValue(this._boundedValue((e??this.min)+this.step));break;case"ArrowLeft":case"ArrowDown":this._setActiveValue(this._boundedValue((e??this.min)-this.step));break;case"PageUp":this._setActiveValue(this._steppedValue(this._boundedValue((e??this.min)+this._tenPercentStep)));break;case"PageDown":this._setActiveValue(this._steppedValue(this._boundedValue((e??this.min)-this._tenPercentStep)));break;case"Home":this._setActiveValue(this._boundedValue(this.min));break;case"End":this._setActiveValue(this._boundedValue(this.max))}(0,c.r)(this,`${this._activeSlider}-changing`,{value:this._getActiveValue()}),this._activeSlider=void 0}_handleKeyUp(t){v.has(t.code)&&(this._activeSlider=t.currentTarget.id,t.preventDefault(),(0,c.r)(this,`${this._activeSlider}-changing`,{value:void 0}),(0,c.r)(this,`${this._activeSlider}-changed`,{value:this._getActiveValue()}),this._activeSlider=void 0)}_destroyListeners(){this._managers.length>0&&(this._managers.forEach(t=>t.destroy()),this._managers=[])}_strokeCircleDashArc(t){return this._strokeDashArc(t,t)}_strokeDashArc(t,e){const i=this._valueToPercentage(t),a=this._valueToPercentage(e),s=290*Math.PI*f/360,r=Math.max((a-i)*s,0);return[`${r} ${s-r}`,`-${i*s-.5}`]}renderArc(t,e,i){if(this.disabled)return r.s6;const a=g({x:0,y:0,start:0,end:f,r:m}),s=null!=e?this._valueToPercentage(e)*f:void 0,o="end"===i?this.max:this.min,c=this.current??o,l=e??o,d="end"===i?l<=c:"start"===i&&c<=l,u=null!=e,p=u?d?"end"===i?this._strokeDashArc(l,c):this._strokeDashArc(c,l):this._strokeCircleDashArc(l):void 0,v="full"===i?this._strokeDashArc(this.min,this.max):"end"===i?this._strokeDashArc(l,o):this._strokeDashArc(o,l),y=u?this._strokeCircleDashArc(l):void 0,b=null!=this.current&&this.current<=this.max&&this.current>=this.min&&(d||"full"===this.mode)?this._strokeCircleDashArc(this.current):void 0,w=this.preventInteractionOnScroll&&_.C||!1;return r.JW` <g class="${(0,n.H)({inactive:Boolean(this.inactive)})}"> <path class="arc arc-clear" d="${a}" stroke-dasharray="${v[0]}" stroke-dashoffset="${v[1]}"/> <path class="arc arc-colored ${(0,n.H)({[t]:!0})}" d="${a}" stroke-dasharray="${v[0]}" stroke-dashoffset="${v[1]}"/> ${p?r.JW` <path .id="${t}" d="${a}" class="arc arc-active ${(0,n.H)({[t]:!0})}" stroke-dasharray="${p[0]}" stroke-dashoffset="${p[1]}" role="slider" tabindex="0" aria-valuemin="${this.min}" aria-valuemax="${this.max}" aria-valuenow="${null!=this._localValue?this._steppedValue(this._localValue):void 0}" aria-disabled="${this.disabled}" aria-readonly="${this.readonly}" aria-label="${(0,h.J)(this.lowLabel??this.label)}" @keydown="${this._handleKeyDown}" @keyup="${this._handleKeyUp}"/> `:r.s6} ${b?r.JW` <path class="current arc-current" d="${a}" stroke-dasharray="${b[0]}" stroke-dashoffset="${b[1]}"/> `:r.s6} ${y?r.JW` <circle transform="rotate(${s} 0 0)" ?data-interaction="${w}" cx="${m}" cy="0"/> <path d="${a}" stroke-dasharray="${y[0]}" stroke-dashoffset="${y[1]}"/> <path class="target-border ${(0,n.H)({[t]:!0})}" d="${a}" stroke-dasharray="${y[0]}" stroke-dashoffset="${y[1]}"/> <path class="target" d="${a}" stroke-dasharray="${y[0]}" stroke-dashoffset="${y[1]}"/> `:r.s6} </g> `}render(){const t=g({x:0,y:0,start:0,end:f,r:m}),e=this.dual?this._localLow:this._localValue,i=this._localHigh,a=this.current,s=a?this._strokeCircleDashArc(a):void 0,o=this.preventInteractionOnScroll&&_.C||!1;return r.qy` <svg id="slider" viewBox="0 0 320 320" overflow="visible" class="${(0,n.H)({pressed:Boolean(this._activeSlider)})}" @keydown="${this._handleKeyDown}" tabindex="${this._lastSlider?"0":"-1"}"> <g id="container" transform="translate(160 160) rotate(${135})"> <path d="${t}" ?data-interaction="${!o}"/> <path class="background" d="${t}"/> ${s?r.JW` <path class="current" d="${t}" stroke-dasharray="${s[0]}" stroke-dashoffset="${s[1]}"/> `:r.s6} ${null!=e||"full"===this.mode?this.renderArc(this.dual?"low":"value",e,!this.dual&&this.mode||"start"):r.s6} ${this.dual&&null!=i?this.renderArc("high",i,"end"):r.s6} </g> </svg> `}constructor(...t){super(...t),this.disabled=!1,this.readonly=!1,this.dual=!1,this.inactive=!1,this.step=1,this.min=0,this.max=100,this.preventInteractionOnScroll=!1,this._localValue=this.value,this._localLow=this.low,this._localHigh=this.high,this._managers=[],this._getPercentageFromEvent=t=>{const e=this._slider.getBoundingClientRect(),i=2*(t.center.x-e.left-e.width/2)/e.width,a=2*(t.center.y-e.top-e.height/2)/e.height,[,s]=function(t,e){return[Math.sqrt(t*t+e*e),Math.atan2(e,t)]}(i,a),r=(s/(2*Math.PI)*360+45-135+360)%360-45;return Math.max(Math.min(r/f,1),0)}}}y.styles=r.AH`:host{--control-circular-slider-color:var(--primary-color);--control-circular-slider-background:var(--disabled-color);--control-circular-slider-background-opacity:0.3;--control-circular-slider-low-color:var(--control-circular-slider-color);--control-circular-slider-high-color:var(--control-circular-slider-color);--control-circular-slider-interaction-margin:12px;width:320px;display:block}svg{width:100%;display:block;pointer-events:none}g{fill:none}#slider{outline:0}path[data-interaction]{fill:none;cursor:pointer;pointer-events:auto;stroke:transparent;stroke-linecap:round;stroke-width:calc(24px + 2 * var(--control-circular-slider-interaction-margin))}circle[data-interaction]{r:calc(12px + var(--control-circular-slider-interaction-margin));fill:transparent;cursor:pointer;pointer-events:auto}:host([disabled]) [data-interaction],:host([readonly]) [data-interaction]{cursor:initial;pointer-events:none}.background{fill:none;stroke:var(--control-circular-slider-background);opacity:var(--control-circular-slider-background-opacity);transition:stroke 180ms ease-in-out,opacity 180ms ease-in-out;stroke-linecap:round;stroke-width:24px}.arc{fill:none;stroke-linecap:round;stroke-width:24px;transition:stroke-width .3s ease-in-out,stroke-dasharray .3s ease-in-out,stroke-dashoffset .3s ease-in-out,stroke 180ms ease-in-out,opacity 180ms ease-in-out}.target{fill:none;stroke-linecap:round;stroke-width:18px;stroke:white;transition:stroke-width .3s ease-in-out,stroke-dasharray .3s ease-in-out,stroke-dashoffset .3s ease-in-out,stroke 180ms ease-in-out,opacity 180ms ease-in-out}.target-border{fill:none;stroke-linecap:round;stroke-width:24px;stroke:white;transition:stroke-width .3s ease-in-out,stroke-dasharray .3s ease-in-out,stroke-dashoffset .3s ease-in-out,stroke 180ms ease-in-out,opacity 180ms ease-in-out}.current{fill:none;stroke-linecap:round;stroke-width:8px;stroke:var(--primary-text-color);opacity:.5;transition:stroke-width .3s ease-in-out,stroke-dasharray .3s ease-in-out,stroke-dashoffset .3s ease-in-out,stroke 180ms ease-in-out,opacity 180ms ease-in-out}.arc-current{stroke:var(--clear-background-color)}.arc-clear{stroke:var(--clear-background-color)}.arc-colored{opacity:.5}.arc-active{outline:0}.arc-active:focus-visible{stroke-width:28px}.pressed .arc,.pressed .current,.pressed .target,.pressed .target-border{transition:stroke-width .3s ease-in-out,stroke 180ms ease-in-out,opacity 180ms ease-in-out}.inactive .arc,.inactive .arc-current{opacity:0}.value{stroke:var(--control-circular-slider-color)}.low{stroke:var(--control-circular-slider-low-color)}.high{stroke:var(--control-circular-slider-high-color)}`,(0,a.Cg)([(0,o.MZ)({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),(0,a.Cg)([(0,o.MZ)({type:Boolean,reflect:!0})],y.prototype,"readonly",void 0),(0,a.Cg)([(0,o.MZ)({type:Boolean})],y.prototype,"dual",void 0),(0,a.Cg)([(0,o.MZ)({type:String})],y.prototype,"mode",void 0),(0,a.Cg)([(0,o.MZ)({type:Boolean})],y.prototype,"inactive",void 0),(0,a.Cg)([(0,o.MZ)({type:String})],y.prototype,"label",void 0),(0,a.Cg)([(0,o.MZ)({type:String,attribute:"low-label"})],y.prototype,"lowLabel",void 0),(0,a.Cg)([(0,o.MZ)({type:String,attribute:"high-label"})],y.prototype,"highLabel",void 0),(0,a.Cg)([(0,o.MZ)({type:Number})],y.prototype,"value",void 0),(0,a.Cg)([(0,o.MZ)({type:Number})],y.prototype,"low",void 0),(0,a.Cg)([(0,o.MZ)({type:Number})],y.prototype,"high",void 0),(0,a.Cg)([(0,o.MZ)({type:Number})],y.prototype,"current",void 0),(0,a.Cg)([(0,o.MZ)({type:Number})],y.prototype,"step",void 0),(0,a.Cg)([(0,o.MZ)({type:Number})],y.prototype,"min",void 0),(0,a.Cg)([(0,o.MZ)({type:Number})],y.prototype,"max",void 0),(0,a.Cg)([(0,o.MZ)({type:Boolean,attribute:"prevent-interaction-on-scroll"})],y.prototype,"preventInteractionOnScroll",void 0),(0,a.Cg)([(0,o.wk)()],y.prototype,"_localValue",void 0),(0,a.Cg)([(0,o.wk)()],y.prototype,"_localLow",void 0),(0,a.Cg)([(0,o.wk)()],y.prototype,"_localHigh",void 0),(0,a.Cg)([(0,o.wk)()],y.prototype,"_activeSlider",void 0),(0,a.Cg)([(0,o.wk)()],y.prototype,"_lastSlider",void 0),(0,a.Cg)([(0,o.P)("#slider")],y.prototype,"_slider",void 0),(0,a.Cg)([(0,o.YG)("[data-interaction]")],y.prototype,"_interactions",void 0),y=(0,a.Cg)([(0,o.EM)("ha-control-circular-slider")],y)},8889(t,e,i){var a=i(62826),s=i(76013),r=i(17008),o=i(14613),n=i(5124),h=i(22441);class c extends s.K{getRenderClasses(){return{...super.getRenderClasses(),outlined:!0}}}c.styles=[n.AH`.icon-button{border-radius:var(--_container-shape)}`,o.R,r.R,n.AH`:host{--ha-icon-display:block;--md-sys-color-on-surface:var(--secondary-text-color);--md-sys-color-on-surface-variant:var(--secondary-text-color);--md-sys-color-on-surface-rgb:var(--rgb-secondary-text-color);--md-sys-color-outline:var(--secondary-text-color)}:host([no-ripple]) .outlined{--md-ripple-focus-opacity:0;--md-ripple-hover-opacity:0;--md-ripple-pressed-opacity:0}`],c=(0,a.Cg)([(0,h.EM)("ha-outlined-icon-button")],c)},10763(t,e,i){i.a(t,async function(t,e){try{var a=i(62826),s=i(53289),r=i(5124),o=i(22441),n=i(35211),h=i(1087),c=i(63130),l=i(14503),d=i(81619),u=i(18350),p=i(15717),g=i(22792),_=t([u,p]);[u,p]=_.then?(await _)():_;const f=t=>{if("object"!=typeof t||null===t)return!1;for(const e in t)if(Object.prototype.hasOwnProperty.call(t,e))return!1;return!0};class m extends r.WF{setValue(t){try{this._yaml=f(t)?"":(0,s.dump)(t,{schema:this.yamlSchema,quotingType:'"',noRefs:!0})}catch(e){console.error(e,t),alert(`There was an error converting to YAML: ${e}`)}}firstUpdated(){void 0!==this.defaultValue&&this.setValue(this.defaultValue)}willUpdate(t){super.willUpdate(t),this.autoUpdate&&t.has("value")&&this.setValue(this.value)}focus(){this._codeEditor?.codemirror&&this._codeEditor?.codemirror.focus()}disableCodeEditorFullscreen(){this.disableFullscreen=!0,this._codeEditor&&(this._codeEditor.disableFullscreen=!0)}render(){return void 0===this._yaml?r.s6:r.qy` ${this.label?r.qy`<p>${this.label}${this.required?" *":""}</p>`:r.s6} <ha-code-editor .value="${this._yaml}" .readOnly="${this.readOnly}" .disableFullscreen="${this.disableFullscreen}" .inDialog="${this.inDialog}" mode="yaml" lint autocomplete-entities autocomplete-icons .error="${!1===this.isValid}" @value-changed="${this._onChange}" @editor-save="${this._onEditorSave}" dir="ltr"></ha-code-editor> ${this.copyClipboard||this.hasExtraActions?r.qy` <div class="card-actions"> ${this.copyClipboard?r.qy` <ha-button appearance="plain" @click="${this._copyYaml}"> ${this._i18n.localize("ui.components.yaml-editor.copy_to_clipboard")} </ha-button> `:r.s6} <slot name="extra-actions"></slot> </div> `:r.s6} `}_onChange(t){let e;t.stopPropagation(),this._yaml=t.detail.value;let i,a=!0,r=null;if(this._yaml)try{e=(0,s.Hh)(this._yaml,{schema:this.yamlSchema})}catch(t){a=!1,r=t,i=`${this._i18n.localize("ui.components.yaml-editor.error",{reason:t.reason})}${t.mark?` (${this._i18n.localize("ui.components.yaml-editor.error_location",{line:t.mark.line+1,column:t.mark.column+1})})`:""}`}else e={};this._codeEditor?.setYamlError(r),this.value=e,this.isValid=a,(0,h.r)(this,"value-changed",{value:e,isValid:a,errorMsg:i})}get yaml(){return this._yaml}get codemirror(){return this._codeEditor?.codemirror}get hasComments(){return this._codeEditor?.hasComments??!1}_onEditorSave(t){(0,h.r)(this,"editor-save"),t.stopPropagation()}async _copyYaml(){this.yaml&&(await(0,c.l)(this.yaml),(0,d.P)(this,{message:this._i18n.localize("ui.common.copied_clipboard")}))}static get styles(){return[l.RF,r.AH`.card-actions{border-radius:var(--actions-border-radius,var(--ha-border-radius-square) var(--ha-border-radius-square) var(--ha-card-border-radius,var(--ha-border-radius-lg)) var(--ha-card-border-radius,var(--ha-border-radius-lg)));border:1px solid var(--divider-color);padding:5px 16px}ha-code-editor{flex-grow:1;min-height:0}`]}constructor(...t){super(...t),this.yamlSchema=s.my,this.isValid=!0,this.autoUpdate=!1,this.readOnly=!1,this.disableFullscreen=!1,this.inDialog=!1,this.required=!1,this.copyClipboard=!1,this.hasExtraActions=!1,this._yaml=""}}(0,a.Cg)([(0,o.MZ)()],m.prototype,"value",void 0),(0,a.Cg)([(0,o.MZ)({attribute:!1})],m.prototype,"yamlSchema",void 0),(0,a.Cg)([(0,o.MZ)({attribute:!1})],m.prototype,"defaultValue",void 0),(0,a.Cg)([(0,o.MZ)({attribute:"is-valid",type:Boolean})],m.prototype,"isValid",void 0),(0,a.Cg)([(0,o.MZ)()],m.prototype,"label",void 0),(0,a.Cg)([(0,o.MZ)({attribute:"auto-update",type:Boolean})],m.prototype,"autoUpdate",void 0),(0,a.Cg)([(0,o.MZ)({attribute:"read-only",type:Boolean})],m.prototype,"readOnly",void 0),(0,a.Cg)([(0,o.MZ)({type:Boolean,attribute:"disable-fullscreen"})],m.prototype,"disableFullscreen",void 0),(0,a.Cg)([(0,o.MZ)({type:Boolean,attribute:"in-dialog"})],m.prototype,"inDialog",void 0),(0,a.Cg)([(0,o.MZ)({type:Boolean})],m.prototype,"required",void 0),(0,a.Cg)([(0,o.MZ)({attribute:"copy-clipboard",type:Boolean})],m.prototype,"copyClipboard",void 0),(0,a.Cg)([(0,o.MZ)({attribute:"has-extra-actions",type:Boolean})],m.prototype,"hasExtraActions",void 0),(0,a.Cg)([(0,o.wk)()],m.prototype,"_yaml",void 0),(0,a.Cg)([(0,o.wk)(),(0,n.Fg)({context:g.D5,subscribe:!0})],m.prototype,"_i18n",void 0),(0,a.Cg)([(0,o.P)("ha-code-editor")],m.prototype,"_codeEditor",void 0),m=(0,a.Cg)([(0,o.EM)("ha-yaml-editor")],m),e()}catch(t){e(t)}})},22109(t,e,i){var a=i(62826),s=i(5124),r=i(22441);i(47680);class o extends s.WF{render(){return s.qy` <div class="badge"> <slot></slot> </div> `}}o.styles=s.AH`:host{--tile-badge-background-color:var(--primary-color);--tile-badge-icon-color:var(--white-color);--mdc-icon-size:12px}.badge{display:flex;align-items:center;justify-content:center;line-height:0;width:16px;height:16px;border-radius:var(--ha-border-radius-md);background-color:var(--tile-badge-background-color);transition:background-color 280ms ease-in-out}.badge ::slotted(*){color:var(--tile-badge-icon-color)}`,o=(0,a.Cg)([(0,r.EM)("ha-tile-badge")],o)},22573(t,e,i){var a=i(62826),s=i(5124),r=i(22441),o=i(6412),n=i(63672),h=i(57237),c=i(19037);i(54276);class l extends s.WF{_handleFocus(t){t.target.matches(":focus-visible")&&this.setAttribute("focused","")}_handleBlur(){this.removeAttribute("focused")}render(){const t="inline"===this.featurePosition?"horizontal":"",e={vertical:this.vertical};return s.qy` <div class="background" role="${(0,n.J)(this.interactive?"button":void 0)}" tabindex="${(0,n.J)(this.interactive?"0":void 0)}" aria-labelledby="info" .actionHandler="${(0,c.T)(this.actionHandlerOptions)}" @focus="${this._handleFocus}" @blur="${this._handleBlur}"> <ha-ripple .disabled="${!this.interactive}"></ha-ripple> </div> <div class="container ${t}" @action="${h.d}" @click="${h.d}"> <div class="content ${(0,o.H)(e)}"> <slot name="icon"></slot> <slot name="info" id="info"></slot> </div> <slot name="features"></slot> </div> `}constructor(...t){super(...t),this.featurePosition="bottom",this.vertical=!1,this.interactive=!1}}l.styles=s.AH`:host{-webkit-tap-highlight-color:transparent;--ha-ripple-color:var(--tile-color);--ha-ripple-hover-opacity:0.04;--ha-ripple-pressed-opacity:0.12;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.background{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg));margin:calc(-1 * var(--ha-card-border-width,1px));overflow:hidden}.container{margin:calc(-1 * var(--ha-card-border-width,1px));display:flex;flex-direction:column;flex:1}.container.horizontal{flex-direction:row}.content{position:relative;display:flex;flex-direction:row;align-items:center;padding:0 10px;min-height:var(--row-height,56px);flex:1;min-width:0;box-sizing:border-box;pointer-events:none;gap:10px}.vertical{flex-direction:column;text-align:center;justify-content:center;padding:10px 0}.vertical ::slotted([slot=info]){width:100%;flex:none}::slotted([slot=icon]){position:relative;padding:6px;margin:-6px}::slotted([slot=icon]:focus){outline:0}::slotted([slot=info]){position:relative;min-width:0;transition:background-color 180ms ease-in-out;box-sizing:border-box}::slotted([slot=features]){padding:0 var(--ha-space-3) var(--ha-space-3) var(--ha-space-3)}.container.horizontal ::slotted([slot=features]){width:calc(50% - var(--column-gap,0px)/ 2 - var(--ha-space-3));flex:none;--feature-height:var(--ha-space-9);padding:0 var(--ha-space-3);padding-inline-start:0}[role=button]{cursor:pointer;pointer-events:auto}[role=button]:focus{outline:0}`,(0,a.Cg)([(0,r.MZ)({attribute:!1})],l.prototype,"featurePosition",void 0),(0,a.Cg)([(0,r.MZ)({type:Boolean})],l.prototype,"vertical",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],l.prototype,"interactive",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],l.prototype,"actionHandlerOptions",void 0),l=(0,a.Cg)([(0,r.EM)("ha-tile-container")],l)},80933(t,e,i){var a=i(62826),s=i(5124),r=i(22441),o=i(63672),n=i(19037);i(47680),i(67094);class h extends s.WF{_renderIcon(){return this.imageUrl?s.qy`<img alt="" src="${this.imageUrl}">`:this.icon?s.qy`<ha-icon .icon="${this.icon}"></ha-icon>`:this.iconPath?s.qy`<ha-svg-icon .path="${this.iconPath}"></ha-svg-icon>`:s.s6}render(){const t=Boolean(this.imageUrl);return s.qy` <div class="container ${this.interactive&&!t?"background":""}" role="${(0,o.J)(this.interactive?"button":void 0)}" tabindex="${(0,o.J)(this.interactive?"0":void 0)}" .actionHandler="${(0,n.T)(this.actionHandlerOptions)}"> <slot name="icon">${this._renderIcon()}</slot> </div> <slot></slot> `}constructor(...t){super(...t),this.interactive=!1}}h.styles=s.AH`:host{--tile-icon-color:var(--disabled-color);--tile-icon-opacity:0.2;--tile-icon-hover-opacity:0.35;--tile-icon-border-radius:var(
--ha-tile-icon-border-radius,
var(--ha-border-radius-pill)
);--tile-icon-size:36px;--mdc-icon-size:24px;position:relative;user-select:none;transition:transform 180ms ease-in-out;pointer-events:none}:host([interactive]){-webkit-tap-highlight-color:transparent;pointer-events:auto}:host([interactive]:active){transform:scale(1.2)}:host([interactive]:hover){--tile-icon-opacity:var(--tile-icon-hover-opacity)}.container{position:relative;display:flex;align-items:center;justify-content:center;width:var(--tile-icon-size);height:var(--tile-icon-size);border-radius:var(--tile-icon-border-radius);overflow:hidden;transition:box-shadow 180ms ease-in-out}.container:focus-visible{box-shadow:0 0 0 2px var(--tile-icon-color)}.container:focus{outline:0}[role=button]{cursor:pointer;pointer-events:auto}.container.background::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--tile-icon-color);transition:background-color 180ms ease-in-out,opacity 180ms ease-in-out;opacity:var(--tile-icon-opacity)}.container ::slotted([slot=icon]),.container ha-icon,.container ha-svg-icon{display:flex;color:var(--tile-icon-color);transition:color 180ms ease-in-out;pointer-events:none}.container img{width:100%;height:100%;object-fit:cover}`,(0,a.Cg)([(0,r.MZ)({type:Boolean,reflect:!0,attribute:"interactive"})],h.prototype,"interactive",void 0),(0,a.Cg)([(0,r.MZ)({attribute:"image-url",type:String})],h.prototype,"imageUrl",void 0),(0,a.Cg)([(0,r.MZ)({type:String})],h.prototype,"icon",void 0),(0,a.Cg)([(0,r.MZ)({type:String,attribute:"icon-path"})],h.prototype,"iconPath",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"actionHandlerOptions",void 0),h=(0,a.Cg)([(0,r.EM)("ha-tile-icon")],h)},32248(t,e,i){var a=i(62826),s=(i(60201),i(5124)),r=i(22441);class o extends s.WF{render(){return s.qy` <div class="info"> <slot name="primary" class="primary"> <span>${this.primary}</span> </slot> ${this.secondaryLoading?s.qy`<div class="secondary"> <wa-skeleton class="placeholder" effect="pulse"></wa-skeleton> </div>`:s.qy`<slot name="secondary" class="secondary"> <span>${this.secondary}</span> </slot>`} </div> `}constructor(...t){super(...t),this.secondaryLoading=!1}}o.styles=s.AH`:host{display:block;width:100%;min-width:0;--tile-info-primary-font-size:var(
--ha-tile-info-primary-font-size,
var(--ha-font-size-m)
);--tile-info-primary-font-weight:var(
--ha-tile-info-primary-font-weight,
var(--ha-font-weight-medium)
);--tile-info-primary-line-height:var(
--ha-tile-info-primary-line-height,
var(--ha-line-height-normal)
);--tile-info-primary-letter-spacing:var(
--ha-tile-info-primary-letter-spacing,
0.1px
);--tile-info-primary-color:var(
--ha-tile-info-primary-color,
var(--primary-text-color)
);--tile-info-secondary-font-size:var(
--ha-tile-info-secondary-font-size,
var(--ha-font-size-s)
);--tile-info-secondary-font-weight:var(
--ha-tile-info-secondary-font-weight,
var(--ha-font-weight-normal)
);--tile-info-secondary-line-height:var(
--ha-tile-info-secondary-line-height,
var(--ha-line-height-condensed)
);--tile-info-secondary-letter-spacing:var(
--ha-tile-info-secondary-letter-spacing,
0.4px
);--tile-info-secondary-color:var(
--ha-tile-info-secondary-color,
var(--primary-text-color)
)}.info{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}::slotted(*),span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.primary{font-size:var(--tile-info-primary-font-size);font-weight:var(--tile-info-primary-font-weight);line-height:var(--tile-info-primary-line-height);letter-spacing:var(--tile-info-primary-letter-spacing);color:var(--tile-info-primary-color)}.secondary{font-size:var(--tile-info-secondary-font-size);font-weight:var(--tile-info-secondary-font-weight);line-height:var(--tile-info-secondary-line-height);letter-spacing:var(--tile-info-secondary-letter-spacing);color:var(--tile-info-secondary-color);width:100%}.placeholder{width:140px;max-width:100%;height:var(--tile-info-secondary-font-size);--wa-border-radius-pill:var(--ha-border-radius-sm);--color:var(--ha-color-fill-neutral-normal-resting);--sheen-color:var(--ha-color-fill-neutral-loud-resting)}`,(0,a.Cg)([(0,r.MZ)()],o.prototype,"primary",void 0),(0,a.Cg)([(0,r.MZ)()],o.prototype,"secondary",void 0),(0,a.Cg)([(0,r.MZ)({type:Boolean,attribute:"secondary-loading"})],o.prototype,"secondaryLoading",void 0),o=(0,a.Cg)([(0,r.EM)("ha-tile-info")],o)},91263(t,e,i){i.a(t,async function(t,a){try{i.d(e,{M:()=>l});i(44114),i(18111),i(7588);var s=i(62826),r=i(35211),o=i(22441),n=i(43574),h=i(29478),c=t([n]);n=(c.then?(await c)():c)[0];const l=t=>{class e extends t{connectedCallback(){super.connectedCallback(),this.setupConditionalListeners()}disconnectedCallback(){super.disconnectedCallback(),this.clearConditionalListeners()}willUpdate(t){super.willUpdate(t),t.has("_maxColumns")&&(this._conditionContext={...this._conditionContext,max_columns:this._maxColumns})}updated(t){super.updated(t),t.has("_maxColumns")&&this._updateVisibility?.()}clearConditionalListeners(){this.__listeners.forEach(t=>t()),this.__listeners=[]}addConditionalListener(t){this.__listeners.push(t)}setupConditionalListeners(t){const e=this.config||this._config,i=t||e?.visibility;i&&this.hass&&(0,n.Ep)(i,this.hass,t=>this.addConditionalListener(t),t=>{this._updateVisibility?this._updateVisibility(t):this._updateElement&&e&&this._updateElement(e)},()=>this._conditionContext)}constructor(...t){super(...t),this.__listeners=[],this._conditionContext={}}}return(0,s.Cg)([(0,o.wk)(),(0,r.Fg)({context:h.V,subscribe:!0})],e.prototype,"_maxColumns",void 0),e};a()}catch(t){a(t)}})},68370(t,e,i){i.r(e),i.d(e,{lovelaceResourcesTabs:()=>h,lovelaceTabs:()=>n});var a=i(62826),s=i(22441),r=i(324);const o="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z",n=[{path:"/config/lovelace/dashboards",translationKey:"ui.panel.config.lovelace.dashboards.caption",iconPath:o}],h=[{path:"/config/lovelace/resources",translationKey:"ui.panel.config.lovelace.resources.caption",iconPath:o}];class c extends r.a{updatePageEl(t){t.hass=this.hass,t.narrow=this.narrow,t.isWide=this.isWide,t.route=this.routeTail}constructor(...t){super(...t),this.narrow=!1,this.isWide=!1,this.routerOptions={defaultPage:"dashboards",routes:{dashboards:{tag:"ha-config-lovelace-dashboards",load:()=>Promise.all([i.e(4801),i.e(39763),i.e(32450),i.e(46095),i.e(7305),i.e(34995),i.e(83113),i.e(66716),i.e(19112),i.e(30002),i.e(89747),i.e(52487),i.e(94426)]).then(i.bind(i,49406)),cache:!0},resources:{tag:"ha-config-lovelace-resources",load:()=>Promise.all([i.e(4801),i.e(39763),i.e(32450),i.e(46095),i.e(7305),i.e(34995),i.e(83113),i.e(57908),i.e(19112),i.e(30002),i.e(92045)]).then(i.bind(i,89192))}}}}}(0,a.Cg)([(0,s.MZ)({attribute:!1})],c.prototype,"hass",void 0),(0,a.Cg)([(0,s.MZ)({type:Boolean})],c.prototype,"narrow",void 0),(0,a.Cg)([(0,s.MZ)({attribute:"is-wide",type:Boolean})],c.prototype,"isWide",void 0),c=(0,a.Cg)([(0,s.EM)("ha-config-lovelace")],c)},54960(t,e,i){i.a(t,async function(t,e){try{var a=i(62826),s=i(5124),r=i(22441),o=i(13174),n=t([o]);o=(n.then?(await n)():n)[0];class h extends s.WF{_getFeatureElement(t){return this._element||(this._element=(0,o.L)(t)),this._element}render(){if(!this.feature)return s.s6;const t=this._getFeatureElement(this.feature);if(this.hass&&(t.hass=this.hass,t.context=this.context,t.color=this.color,t.position=this.position,this.context.entity_id)){const e=this.hass.states[this.context.entity_id];e&&(t.stateObj=e)}return s.qy`${t}`}}h.styles=s.AH`:host>*{pointer-events:auto}`,(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"hass",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"context",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"feature",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"color",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"position",void 0),h=(0,a.Cg)([(0,r.EM)("hui-card-feature")],h),e()}catch(t){e(t)}})},32359(t,e,i){i.a(t,async function(t,e){try{i(18111),i(61701);var a=i(62826),s=i(5124),r=i(22441),o=i(54960),n=t([o]);o=(n.then?(await n)():n)[0];class h extends s.WF{render(){return this.features?s.qy` ${this.features.map(t=>s.qy` <hui-card-feature .hass="${this.hass}" .context="${this.context}" .color="${this.color}" .feature="${t}" .position="${this.position}"></hui-card-feature> `)} `:s.s6}}h.styles=s.AH`:host{--feature-color:var(--state-icon-color);--feature-height:42px;--feature-border-radius:var(
--ha-card-features-border-radius,
var(--ha-border-radius-lg)
);--feature-button-spacing:12px;pointer-events:none;position:relative;width:100%;display:flex;flex-direction:column;gap:var(--ha-card-feature-gap,12px);width:100%;box-sizing:border-box;justify-content:space-evenly}`,(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"hass",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"context",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"features",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"color",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"position",void 0),h=(0,a.Cg)([(0,r.EM)("hui-card-features")],h),e()}catch(t){e(t)}})},40205(t,e,i){i.a(t,async function(t,a){try{i.d(e,{B:()=>T,N:()=>A});var s=i(62826),r=i(35211),o=i(5124),n=i(22441),h=i(63672),c=i(89784),l=i(78870),d=i(46190),u=i(93421),p=i(32172),g=i(42372),_=i(1087),f=i(71727),m=i(69093),v=i(47129),y=i(52658),b=i(78649),w=i(34470),x=(i(76776),i(54276),i(38279)),$=i(22792),C=i(19037),E=i(13632),k=i(97176),M=i(85979),S=t([M]);M=(S.then?(await S)():S)[0];const z={state:"unavailable",attributes:{friendly_name:""},entity_id:"___.empty",context:{id:"",parent_id:null,user_id:null},last_changed:"",last_updated:""},A=t=>t&&d.FD.has((0,f.m)(t))?"toggle":"more-info";class T extends o.WF{static async getConfigElement(){return await i.e(99117).then(i.bind(i,91484)),document.createElement("hui-button-card-editor")}static getStubConfig(t,e,i){return{type:"button",entity:(0,E.B)(t,1,e,i,["light","switch"])[0]||""}}getCardSize(){return(this._config?.show_icon?4:0)+(this._config?.show_name?1:0)}getGridOptions(){return this._config?.show_icon&&(this._config?.show_name||this._config?.show_state)?{rows:2,columns:6,min_columns:2,min_rows:2}:{rows:1,columns:3,min_columns:2,min_rows:1}}setConfig(t){if(t.entity&&!(0,b.n)(t.entity))throw new Error("Invalid entity");this._config={tap_action:{action:A(t.entity)},hold_action:{action:"more-info"},double_tap_action:{action:"none"},show_icon:!0,show_name:!0,color:t.color??(!1===t.state_color?"none":void 0),...t}}render(){if(!this._config)return o.s6;const t=this._stateObj;if(this._config.entity&&!t)return o.qy` <hui-warning .hass="${this.hass}"> ${(0,M.j)(this.hass,this._config.entity)} </hui-warning> `;const e=this.hass.formatEntityName(t||z,this._config.name);return o.qy` <ha-card @action="${this._handleAction}" .actionHandler="${(0,C.T)({hasHold:(0,k.h)(this._config.hold_action),hasDoubleClick:(0,k.h)(this._config.double_tap_action)})}" role="button" aria-label="${e}" tabindex="${(0,h.J)((0,k.h)(this._config.tap_action)?"0":void 0)}" style="${(0,c.W)({"--state-color":"none"!==this._config.color?this._computeColor(t,this._config):void 0})}"> <ha-ripple></ha-ripple> ${this._config.show_icon?o.qy` <ha-state-icon tabindex="-1" data-domain="${(0,h.J)(t?(0,m.t)(t):void 0)}" data-state="${(0,h.J)(t?.state)}" .icon="${this._config.icon}" .stateObj="${t}" style="${(0,c.W)({filter:t?(0,y.mT)(t):void 0,height:this._config.icon_height?this._config.icon_height:void 0})}"></ha-state-icon> `:o.s6} ${this._config.show_name?o.qy`<span tabindex="-1" .title="${e}">${e}</span>`:o.s6} ${this._config.show_state&&t?o.qy`<span class="state"> ${this.hass.formatEntityState(t)} </span>`:o.s6} </ha-card> `}updated(t){if(super.updated(t),!this._config||!this._themes)return;if(!t.has("_themes")&&!t.has("_config"))return;const e=t.get("_themes"),i=t.get("_config");(!t.has("_themes")||e&&e===this._themes)&&(!t.has("_config")||i&&i.theme===this._config.theme)||(0,g.Q)(this,this._themes,this._config.theme)}static get styles(){return[w.E,o.AH`ha-card{--state-inactive-color:var(--state-icon-color);--state-color:var(--state-icon-color);--ha-ripple-color:var(--state-color);--ha-ripple-hover-opacity:0.04;--ha-ripple-pressed-opacity:0.12;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4% 0;font-size:var(--ha-font-size-l);line-height:var(--ha-line-height-condensed);height:100%;box-sizing:border-box;justify-content:center;position:relative;overflow:hidden}ha-card:focus{outline:0}ha-state-icon{width:40%;height:auto;max-height:80%;color:var(--state-color);--mdc-icon-size:100%;transition:transform 180ms ease-in-out;pointer-events:none}ha-state-icon+span{margin-top:8px}ha-state-icon,span{outline:0}ha-card:focus-visible{--shadow-default:var(--ha-card-box-shadow, 0 0 0 0 transparent);--shadow-focus:0 0 0 1px var(--state-color, var(--state-icon-color));border-color:var(--state-color,var(--state-icon-color));box-shadow:var(--shadow-default),var(--shadow-focus)}:host(:active) ha-state-icon,ha-card:focus-visible ha-state-icon{transform:scale(1.2)}.state{font-size:.9rem;color:var(--secondary-text-color)}`]}_computeColor(t,e){if(e.color)return!t||(0,v.a)(t)?(0,l.MP)(e.color):void 0;if(!t)return;if(t.attributes.rgb_color)return`rgb(${t.attributes.rgb_color.join(",")})`;if(t.attributes.hvac_action){const e=t.attributes.hvac_action;return e in x.sx?(0,y.Se)(t,x.sx[e]):void 0}const i=(0,y.Se)(t);return i||void 0}_handleAction(t){(0,_.r)(this,"hass-action",{config:this._config,action:t.detail.action})}}(0,s.Cg)([(0,n.wk)()],T.prototype,"_config",void 0),(0,s.Cg)([(0,n.wk)(),(0,u.fI)({entityIdPath:["_config","entity"]})],T.prototype,"_stateObj",void 0),(0,s.Cg)([(0,n.wk)(),(0,r.Fg)({context:$.EK,subscribe:!0}),(0,p.p)({transformer:({themes:t})=>t})],T.prototype,"_themes",void 0),(0,s.Cg)([(0,n.wk)(),(0,u.dH)({entityIdPath:["_config","entity"]})],T.prototype,"_entity",void 0),T=(0,s.Cg)([(0,n.EM)("hui-button-card")],T),a()}catch(t){a(t)}})},46856(t,e,i){i.a(t,async function(t,e){try{var a=i(62826),s=i(5124),r=i(22441),o=i(1087),n=(i(67094),i(91263)),h=i(76760),c=i(33121),l=i(42678),d=i(14487),u=i(8349),p=i(34128),g=t([n,u,d]);[n,u,d]=g.then?(await g)():g;class _ extends((0,n.M)(s.mN)){load(){if(!this.config)throw new Error("Cannot build card without config");this._loadElement(this.config)}createRenderRoot(){return this}disconnectedCallback(){super.disconnectedCallback()}connectedCallback(){super.connectedCallback(),this._updateVisibility()}getCardSize(){if(this._element){return(0,c.Z)(this._element)}return 1}getGridOptions(){return{...this.getElementGridOptions(),...this.getConfigGridOptions()}}getElementGridOptions(){if(!this._element)return{};if(this._element.getGridOptions){return this._element.getGridOptions()||{}}if(this._element.getLayoutOptions){return(0,h.l6)(this._element.getLayoutOptions())}return{}}getConfigGridOptions(){return this.config?.grid_options?this.config.grid_options:this.config?.layout_options?(0,h.l6)(this.config.layout_options):{}}_updateElement(t){this._element&&(this._element.setConfig(t),this._elementConfig=t,(0,o.r)(this,"card-updated"))}_loadElement(t){try{this._element=(0,u.MJ)(t)}catch(t){const e=t instanceof Error?t.message:void 0;this._element=(0,p.Ni)({type:"error",message:e})}for(this._elementConfig=t,this.hass&&(this._element.hass=this.hass),this._element.layout=this.layout,this._element.preview=this.preview,this._element.editMode=this.preview,this._element.addEventListener("card-visibility-changed",t=>{t.stopPropagation(),this._updateVisibility()}),this._element.addEventListener("ll-upgrade",t=>{t.stopPropagation(),this.hass&&(this._element.hass=this.hass),(0,o.r)(this,"card-updated")},{once:!0}),this._element.addEventListener("ll-rebuild",e=>{e.stopPropagation(),this._loadElement(t),(0,o.r)(this,"card-updated")},{once:!0});this.lastChild;)this.removeChild(this.lastChild);this._updateVisibility()}willUpdate(t){super.willUpdate(t),t.has("config")&&(this._conditionContext={...this._conditionContext,entity_id:this.config?(0,l.r)(this.config):void 0}),this._element||this.load()}update(t){if(super.update(t),this._element){if(t.has("config")){const t=this._elementConfig;if(this.config!==t&&this.config){this.config?.type!==t?.type||this.preview||this.preview?this._loadElement(this.config):this._updateElement(this.config)}}if(t.has("hass"))try{this.hass&&(this._element.hass=this.hass)}catch(t){console.error(this.config?.type,t),this._loadElement({type:"error"})}if(t.has("preview"))try{this._element.preview=this.preview,this._element.editMode=this.preview,this.hasUpdated&&(0,o.r)(this,"card-updated")}catch(t){console.error(this.config?.type,t),this._loadElement({type:"error"})}if(t.has("layout"))try{this._element.layout=this.layout,this._element.isPanel="panel"===this.layout}catch(t){console.error(this.config?.type,t),this._loadElement({type:"error"})}}(t.has("hass")||t.has("preview"))&&this._updateVisibility()}_updateVisibility(t){if(!this._element||!this.hass)return;if(this._element.hidden)return void this._setElementVisibility(!1);if(this.preview)return void this._setElementVisibility(!0);if(this.config?.disabled)return void this._setElementVisibility(!1);const e=t??(!this.config?.visibility||(0,d.XH)(this.config.visibility,this.hass,this._conditionContext));this._setElementVisibility(e)}_setElementVisibility(t){this._element&&(this.hidden!==!t&&(this.style.setProperty("display",t?"":"none"),this.toggleAttribute("hidden",!t),(0,o.r)(this,"card-visibility-changed",{value:t})),!0===this._element.connectedWhileHidden?this._element.parentElement||this.appendChild(this._element):!t&&this._element.parentElement?this.removeChild(this._element):t&&!this._element.parentElement&&this.appendChild(this._element))}constructor(...t){super(...t),this.preview=!1}}(0,a.Cg)([(0,r.MZ)({type:Boolean})],_.prototype,"preview",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],_.prototype,"config",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],_.prototype,"hass",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],_.prototype,"layout",void 0),_=(0,a.Cg)([(0,r.EM)("hui-card")],_),e()}catch(t){e(t)}})},97735(t,e,i){i.a(t,async function(t,a){try{i.d(e,{y:()=>v});i(18111),i(22489),i(7588),i(61701);var s=i(62826),r=i(5124),o=i(22441),n=i(46190),h=i(42372),c=i(71727),l=(i(76776),i(33121)),d=i(13632),u=i(20939),p=i(95105),g=i(83938),_=i(94225),f=i(14503),m=t([p,_]);[p,_]=m.then?(await m)():m;const v=(t,e)=>{if(void 0!==t.title&&void 0===t.show_header_toggle){let t=0;for(const i of e)if("entity"in i&&(t+=Number(n.FD.has((0,c.m)(i.entity))),2===t))break;return 2===t}return!!t.show_header_toggle};class y extends r.WF{static async getConfigElement(){return await Promise.all([i.e(99143),i.e(66990),i.e(38076),i.e(25529)]).then(i.bind(i,59927)),document.createElement("hui-entities-card-editor")}static getStubConfig(t,e,i){return{type:"entities",entities:(0,d.B)(t,3,e,i,["light","switch","sensor"])}}connectedCallback(){super.connectedCallback(),this.addEventListener("row-visibility-changed",t=>this._updateRowVisibility(t))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("row-visibility-changed",this._updateRowVisibility)}set hass(t){this._hass=t,this._rowElements.forEach(e=>{e.hass=t}),this._headerElement&&(this._headerElement.hass=t),this._footerElement&&(this._footerElement.hass=t),this._entitiesToggle&&(this._entitiesToggle.hass=t)}async getCardSize(){if(!this._config)return 0;let t=(this._config.title||this._showHeaderToggle?2:0)+(this._config.entities.length||1);if(this._headerElement){const e=(0,l.Z)(this._headerElement);t+=e instanceof Promise?await e:e}if(this._footerElement){const e=(0,l.Z)(this._footerElement);t+=e instanceof Promise?await e:e}return t}getGridOptions(){return{columns:12,rows:"auto",min_columns:3}}setConfig(t){if(!t.entities||!Array.isArray(t.entities))throw new Error("Entities must be specified");const e=(0,u.L)(t.entities);this._config=t,this._configEntities=e,this._showHeaderToggle=v(t,e),this._config.header?(this._headerElement=(0,g.x)(this._config.header),this._headerElement.type="header",this._hass&&(this._headerElement.hass=this._hass)):this._headerElement=void 0,this._config.footer?(this._footerElement=(0,g.x)(this._config.footer),this._footerElement.type="footer",this._hass&&(this._footerElement.hass=this._hass)):this._footerElement=void 0}updated(t){if(super.updated(t),!this._config||!this._hass)return;const e=t.get("_hass"),i=t.get("_config");(!t.has("_hass")||e&&e.themes===this._hass.themes)&&(!t.has("_config")||i&&i.theme===this._config.theme)||(0,h.Q)(this,this._hass.themes,this._config.theme)}render(){return this._config&&this._hass?r.qy` <ha-card> ${this._headerElement?r.qy`<div class="header-footer header">${this._headerElement}</div>`:""} ${this._config.title||this._showHeaderToggle||this._config.icon?r.qy` <h1 class="card-header"> <div class="name"> ${this._config.icon?r.qy` <ha-icon class="icon" .icon="${this._config.icon}"></ha-icon> `:""} ${this._config.title} </div> ${this._showHeaderToggle?r.qy` <hui-entities-toggle .hass="${this._hass}" .entities="${this._configEntities.filter(t=>"entity"in t).map(t=>t.entity)}"></hui-entities-toggle> `:r.s6} </h1> `:""} <div id="states" class="card-content ha-scrollbar"> ${this._configEntities.map(t=>this._renderEntity(t))} </div> ${this._footerElement?r.qy`<div class="header-footer footer">${this._footerElement}</div>`:""} </ha-card> `:r.s6}_renderEntity(t){const e=(0,_.T)("type"in t&&"conditional"!==t.type||!("state_color"in this._config)?"perform-action"===t.type?{...t,type:"call-service"}:t:{state_color:this._config.state_color,...t});return this._hass&&(e.hass=this._hass),r.qy`<div ?hidden="${e.hidden}">${e}</div>`}constructor(...t){super(...t),this._updateRowVisibility=t=>{!1===t.detail?.value?t.detail?.row?.parentElement.style.setProperty("display","none"):t.detail?.row?.parentElement.style.setProperty("display","")}}}y.styles=[f.dp,r.AH`ha-card{height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-header{display:flex;justify-content:space-between}.card-header .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#states{flex:1;min-height:0;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--entities-card-row-gap,var(--card-row-gap,8px))}#states>div>*{overflow:clip visible}#states>div{position:relative}.icon{padding:0px 18px 0px 8px}.header{border-top-left-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg));border-top-right-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg));overflow:hidden}.header:not(:has(> hui-buttons-header-footer)){margin-bottom:var(--ha-space-4)}.footer{border-bottom-left-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg));border-bottom-right-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg));margin-top:-16px;overflow:hidden}`],(0,s.Cg)([(0,o.wk)()],y.prototype,"_config",void 0),(0,s.Cg)([(0,o.YG)("#states > div > *")],y.prototype,"_rowElements",void 0),(0,s.Cg)([(0,o.P)("hui-entities-toggle")],y.prototype,"_entitiesToggle",void 0),y=(0,s.Cg)([(0,o.EM)("hui-entities-card")],y),a()}catch(t){a(t)}})},45309(t,e,i){i.a(t,async function(t,e){try{var a=i(62826),s=i(22441),r=i(40205),o=t([r]);r=(o.then?(await o)():o)[0];class n extends r.B{setConfig(t){if(!t.entity)throw new Error("Entity must be specified");super.setConfig(t)}}n=(0,a.Cg)([(0,s.EM)("hui-entity-button-card")],n),e()}catch(t){e(t)}})},85240(t,e,i){i.a(t,async function(t,a){try{i.d(e,{o:()=>M});i(18111),i(22489),i(61701);var s=i(62826),r=i(5124),o=i(22441),n=i(6412),h=i(63672),c=i(89784),l=i(42372),d=i(57237),u=i(78536),p=i(69093),g=i(52658),_=i(78649),f=i(34470),m=(i(44328),i(76776),i(47680),i(38279)),v=i(33121),y=i(19037),b=i(13632),w=i(22064),x=i(97176),$=i(784),C=i(85979),E=i(83938),k=t([C]);C=(k.then?(await k)():k)[0];class M extends r.WF{static getStubConfig(t,e,i){return{entity:(0,b.B)(t,1,e,i,["sensor","light","switch"])[0]||""}}static async getConfigForm(){return(await i.e(59268).then(i.bind(i,85423))).default}_getStateColor(t,e){const i=t?(0,p.t)(t):void 0;return e&&(e.state_color??"light"===i)}setConfig(t){if(!t.entity)throw new Error("Entity must be specified");if(t.entity&&!(0,_.n)(t.entity))throw new Error("Invalid entity");this._config=t,this._config.footer?this._footerElement=(0,E.x)(this._config.footer):this._footerElement&&(this._footerElement=void 0)}async getCardSize(){let t=2;if(this._footerElement){const e=(0,v.Z)(this._footerElement);t+=e instanceof Promise?await e:e}return t}render(){if(!this._config||!this.hass)return r.s6;const t=this.hass.states[this._config.entity];if(!t)return r.qy` <hui-warning .hass="${this.hass}"> ${(0,C.j)(this.hass,this._config.entity)} </hui-warning> `;const e=(0,p.t)(t),i=(0,u.h)(this.hass,t,this._config),a=this.hass.formatEntityStateToParts(t),s=a.findIndex(t=>"unit"===t.type),o=a.reduceRight((t,e,i)=>-1===t&&"value"===e.type?i:t,-1),l=-1!==s&&s<o,_=this.hass.formatEntityName(t,this._config.name),f=t&&this._getStateColor(t,this._config),m="grid"===this.layout&&void 0!==this._footerElement;return r.qy` <ha-card tabindex="${(0,h.J)(!this._config.tap_action||(0,x.h)(this._config.tap_action)?"0":void 0)}" class="${(0,n.H)({"with-fixed-footer":m,action:(0,x.A)(this._config)})}" @action="${this._handleAction}" .actionHandler="${(0,y.T)({hasHold:(0,x.h)(this._config.hold_action),hasDoubleClick:(0,x.h)(this._config.double_tap_action)})}"> <div class="header"> <div class="name" .title="${_}">${_}</div> <div class="icon"> <ha-state-icon .icon="${this._config.icon}" .stateObj="${t}" data-domain="${(0,h.J)(e)}" data-state="${t.state}" style="${(0,c.W)({color:f?this._computeColor(t):void 0,filter:f?(0,g.mT)(t):void 0,height:this._config.icon_height?this._config.icon_height:""})}"></ha-state-icon> </div> </div> <div class="info"> <span class="${(0,n.H)({value:!0,"first-part":!l})}">${"attribute"in this._config?void 0!==t.attributes[this._config.attribute]?r.qy`<ha-attribute-value hide-unit .hass="${this.hass}" .stateObj="${t}" .attribute="${this._config.attribute}"> </ha-attribute-value>`:this.hass.localize("state.default.unknown"):a.filter(t=>"value"===t.type).map(t=>t.value).join("")}</span>${i?r.qy`<span class="${(0,n.H)({measurement:!0,"first-part":l})}">${i}</span>`:r.s6} </div> <div class="footer" @touchcancel="${d.d}" @touchend="${d.d}" @keydown="${d.d}" @click="${d.d}" @action="${d.d}"> ${this._footerElement} </div> </ha-card> `}_computeColor(t){if(t.attributes.hvac_action){const e=t.attributes.hvac_action;return e in m.sx?(0,g.Se)(t,m.sx[e]):void 0}if(t.attributes.rgb_color)return`rgb(${t.attributes.rgb_color.join(",")})`;const e=(0,g.Se)(t);return e||void 0}shouldUpdate(t){return this._footerElement&&(this._footerElement.hass=this.hass),(0,$.LX)(this,t)}updated(t){if(super.updated(t),!this._config||!this.hass)return;const e=t.get("hass"),i=t.get("_config");e&&i&&e.themes===this.hass.themes&&i.theme===this._config.theme||(0,l.Q)(this,this.hass.themes,this._config.theme)}_handleAction(t){(0,w.$)(this,this.hass,this._config,t.detail.action)}getGridOptions(){return{columns:6,rows:2,min_columns:6,min_rows:2}}static get styles(){return[f.E,r.AH`ha-card{height:100%;display:flex;flex-direction:column;justify-content:space-between;outline:0}ha-card.action{cursor:pointer}.footer{cursor:initial}.header{display:flex;padding:8px 16px 0;justify-content:space-between}.name{color:var(--secondary-text-color);line-height:40px;font-size:var(--ha-font-size-l);font-weight:var(--ha-font-weight-medium);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon{color:var(--state-icon-color);--state-inactive-color:var(--state-icon-color);line-height:40px}.info{display:flex;align-items:baseline;padding:0px 16px 16px;margin-top:-4px;line-height:var(--ha-line-height-condensed)}.info>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.value{font-size:var(--ha-font-size-3xl)}.measurement{font-size:var(--ha-font-size-l);color:var(--secondary-text-color)}.first-part{order:-1;margin-right:4px;margin-inline-end:4px;margin-inline-start:initial}.with-fixed-footer{justify-content:flex-start}.with-fixed-footer .footer{position:absolute;right:0;left:0;bottom:0}`]}}(0,s.Cg)([(0,o.MZ)({attribute:!1})],M.prototype,"hass",void 0),(0,s.Cg)([(0,o.MZ)()],M.prototype,"layout",void 0),(0,s.Cg)([(0,o.wk)()],M.prototype,"_config",void 0),M=(0,s.Cg)([(0,o.EM)("hui-entity-card")],M),a()}catch(t){a(t)}})},5253(t,e,i){i.a(t,async function(t,e){try{i(74423),i(18111),i(61701);var a=i(62826),s=i(5124),r=i(22441),o=i(6412),n=i(63672),h=i(42372),c=i(71727),l=i(74281),d=(i(76776),i(47680),i(36158)),u=i(22675),p=i(64808),g=i(19037),_=i(13632),f=i(22064),m=i(97176),v=i(784),y=i(20939),b=i(62688),w=i(85979),x=(i(47046),t([l,d,b,w]));[l,d,b,w]=x.then?(await x)():x;class $ extends s.WF{static async getConfigElement(){return await Promise.all([i.e(99143),i.e(66990),i.e(38076),i.e(73196)]).then(i.bind(i,46708)),document.createElement("hui-glance-card-editor")}static getStubConfig(t,e,i){return{type:"glance",entities:(0,_.B)(t,3,e,i,["sensor"])}}getCardSize(){const t=(this._config.show_icon?1:0)+(this._config.show_name?1:0)+(this._config.show_state?1:0),e=Math.ceil(this._configEntities.length/(this._config.columns||5));return(this._config.title?2:0)+t*e}setConfig(t){this._config={show_name:!0,show_state:!0,show_icon:!0,state_color:!0,...t};const e=(0,y.L)(t.entities).map(t=>({hold_action:{action:"more-info"},...t}));for(const t of e)if(t.tap_action&&"call-service"===t.tap_action.action&&!t.tap_action.service||t.hold_action&&"call-service"===t.hold_action.action&&!t.hold_action.service)throw new Error('Missing required property "service" when tap_action or hold_action is call-service');const i=t.columns||Math.min(t.entities.length,5);this.style.setProperty("--glance-column-width",100/i+"%"),this._configEntities=e,this.hass&&this.requestUpdate()}shouldUpdate(t){return(0,v.pY)(this,t)}render(){if(!this._config||!this.hass)return s.s6;const{title:t}=this._config;return s.qy` <ha-card .header="${t}"> <div class="${(0,o.H)({entities:!0,"no-header":!t})}"> ${this._configEntities.map(t=>this._renderEntity(t))} </div> </ha-card> `}updated(t){if(super.updated(t),!this._config||!this.hass)return;const e=t.get("hass"),i=t.get("_config");e&&i&&e.themes===this.hass.themes&&i.theme===this._config.theme||(0,h.Q)(this,this.hass.themes,this._config.theme)}_renderEntity(t){const e=this.hass.states[t.entity];if(!e)return s.qy`<div class="entity warning"> ${this._config.show_name?s.qy` <div class="name"> ${(0,w.j)(this.hass,t.entity)} </div> `:""} ${this._config.show_icon?s.qy` <hui-warning-element .label="${(0,w.j)(this.hass,t.entity)}"></hui-warning-element>`:""} <div>${this._config.show_state?t.entity:""}</div> </div>`;const i=this.hass.formatEntityName(e,t.name);return s.qy` <div class="${(0,o.H)({entity:!0,action:(0,m.A)(t)})}" .config="${t}" @action="${this._handleAction}" .actionHandler="${(0,g.T)({hasHold:(0,m.h)(t.hold_action),hasDoubleClick:(0,m.h)(t.double_tap_action)})}" tabindex="${(0,n.J)(!t.tap_action||(0,m.h)(t.tap_action)?"0":void 0)}"> ${this._config.show_name?s.qy` <div class="name" .title="${i}">${i}</div> `:""} ${this._config.show_icon?s.qy` <state-badge .hass="${this.hass}" .stateObj="${e}" .overrideIcon="${t.icon}" .overrideImage="${t.image}" .stateColor="${t.state_color??this._config.state_color}"></state-badge> `:""} ${this._config.show_state&&!1!==t.show_state?s.qy` <div> ${"sensor"===(0,c.m)(t.entity)&&p.G6.includes(e.attributes.device_class)&&e.state!==u.Hh&&e.state!==u.HV?s.qy` <hui-timestamp-display .hass="${this.hass}" .ts="${new Date(e.state)}" .format="${t.format??("uptime"===e.attributes.device_class?"total":void 0)}" capitalize></hui-timestamp-display> `:t.show_last_changed?s.qy` <ha-relative-time .hass="${this.hass}" .datetime="${e.last_changed}" capitalize></ha-relative-time> `:this.hass.formatEntityState(e)} </div> `:""} </div> `}_handleAction(t){const{config:e}=t.currentTarget;(0,f.$)(this,this.hass,e,t.detail.action)}}$.styles=s.AH`ha-card{height:100%}.entities{display:flex;padding:0 16px 4px;flex-wrap:wrap;box-sizing:border-box;align-items:center;align-content:center}.entities.no-header{padding-top:16px}.entity{box-sizing:border-box;padding:0 4px;display:flex;flex-direction:column;align-items:center;margin-bottom:12px;width:var(--glance-column-width,20%)}.entity.action{cursor:pointer}.entity:focus{outline:0;background:var(--divider-color);border-radius:var(--ha-border-radius-lg);padding:4px;margin-top:-4px;margin-bottom:8px}.entity div{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name{min-height:var(--ha-line-height-normal)}.warning{cursor:default;position:relative;padding:8px;width:calc(var(--glance-column-width,20%) - 4px);margin:0 2px}.warning::before{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none;content:"";border-radius:var(--ha-border-radius-sm);background-color:var(--warning-color)}state-badge{margin:8px 0}hui-warning-element{padding:8px}`,(0,a.Cg)([(0,r.MZ)({attribute:!1})],$.prototype,"hass",void 0),(0,a.Cg)([(0,r.wk)()],$.prototype,"_config",void 0),$=(0,a.Cg)([(0,r.EM)("hui-glance-card")],$),e()}catch(t){e(t)}})},63577(t,e,i){i.a(t,async function(t,e){try{i(44114);var a=i(62826),s=i(5124),r=i(22441),o=i(33121),n=i(90715),h=t([n]);n=(h.then?(await h)():h)[0];const c=3,l={1:5,2:3,3:2};class d extends n.x{static async getConfigElement(){return await Promise.all([i.e(66432),i.e(91863),i.e(54233),i.e(59457)]).then(i.bind(i,42520)),document.createElement("hui-grid-card-editor")}async getCardSize(){if(!this._cards||!this._config)return 0;if(this.square){const t=l[this.columns]||1;return(this._cards.length<this.columns?t:this._cards.length/this.columns*t)+(this._config.title?1:0)}const t=[];for(const e of this._cards)t.push((0,o.Z)(e));const e=await Promise.all(t);let i=this._config.title?1:0;for(let t=0;t<e.length;t+=this.columns)i+=Math.max(...e.slice(t,t+this.columns));return i}get columns(){return this._config?.columns||c}get square(){return!1!==this._config?.square}setConfig(t){super.setConfig(t),this.style.setProperty("--grid-card-column-count",String(this.columns)),this.square?this.setAttribute("square",""):this.removeAttribute("square")}static get styles(){return[super.sharedStyles,s.AH`:host{display:flex;flex-direction:column;height:100%}#root{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--grid-card-column-count,${c}),minmax(0,1fr));grid-gap:var(--grid-card-gap,8px)}:host([square]) #root{grid-auto-rows:1fr}:host([square]) #root::before{content:"";width:0;padding-bottom:100%;grid-row:1/1;grid-column:1/1}:host([square]) #root>:not([hidden]){display:block;grid-row:1/1;grid-column:1/1}:host([square]) #root>:not([hidden])~:not([hidden]){grid-row:unset;grid-column:unset}`]}}d=(0,a.Cg)([(0,r.EM)("hui-grid-card")],d),e()}catch(t){e(t)}})},75201(t,e,i){i.a(t,async function(t,a){try{i.d(e,{_:()=>m});i(18111),i(61701);var s=i(62826),r=i(5124),o=i(22441),n=i(6412),h=i(63672),c=i(36356),l=(i(76776),i(47680),i(43661),i(93367)),d=i(14020),u=i(19037),p=i(22064),g=i(97176),_=i(45286),f=t([l,d,_]);[l,d,_]=f.then?(await f)():f;const m=t=>{const e={...t};return e.entities&&(e.badges=[...e.badges||[],...e.entities],delete e.entities),e};class v extends r.WF{static async getConfigElement(){return await i.e(80715).then(i.bind(i,44774)),document.createElement("hui-heading-card-editor")}static getStubConfig(t){return{type:"heading",icon:"mdi:fridge",heading:t.localize("ui.panel.lovelace.cards.heading.default_heading")}}setConfig(t){this._config={tap_action:{action:"none"},...m(t)}}willUpdate(t){t.size&&(this._dragScrollController.enabled=!this.preview)}updated(){this._resizeObserver||(this._resizeObserver=new ResizeObserver(()=>{this._measureBadgesOverflow()})),this._observedBadges!==this._badges&&(this._resizeObserver.disconnect(),this._observedBadges=this._badges,this._observedBadges?this._resizeObserver.observe(this._observedBadges):this._badgesOverflowing=!1)}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect()}getCardSize(){return 1}getGridOptions(){return{columns:"full",rows:"auto",min_columns:3}}_handleAction(t){(0,p.$)(this,this.hass,this._config,t.detail.action)}_measureBadgesOverflow(){if(!this._badges)return void(this._badgesOverflowing=!1);const t=this._badgesOverflowing&&parseFloat(getComputedStyle(this._badges).getPropertyValue("--ha-space-4"))||0,e=this._badges.scrollWidth-t>this._badges.clientWidth+1;e!==this._badgesOverflowing&&(this._badgesOverflowing=e)}render(){if(!this._config||!this.hass)return r.s6;const t=(0,g.h)(this._config.tap_action),e=this._config.heading_style||"title",i=this._config.badges,a=this._dragScrollController.scrolling;return r.qy` <ha-card> <div class="container"> <div class="content ${e}" @action="${this._handleAction}" .actionHandler="${(0,u.T)()}" role="${(0,h.J)(t?"button":void 0)}" tabindex="${(0,h.J)(t?"0":void 0)}"> ${this._config.icon?r.qy`<ha-icon .icon="${this._config.icon}"></ha-icon>`:r.s6} ${this._config.heading?r.qy`<p>${this._config.heading}</p>`:r.s6} ${t?r.qy`<ha-icon-next></ha-icon-next>`:r.s6} </div> ${i?.length?r.qy` <div class="${(0,n.H)({badges:!0,draggable:!this.preview,overflowing:this._badgesOverflowing,dragging:a})}"> <div class="badges-row"> ${i.map(t=>r.qy` <hui-heading-badge .config="${t}" .hass="${this.hass}" .preview="${this.preview}"> </hui-heading-badge> `)} </div> </div> `:r.s6} </div> </ha-card> `}constructor(...t){super(...t),this.preview=!1,this._badgesOverflowing=!1,this._dragScrollController=new c.q(this,{selector:".badges",enabled:!1})}}v.styles=r.AH`ha-card{background:0 0;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:24px}[role=button]{cursor:pointer}ha-icon-next{display:inline-block;transition:transform 180ms ease-in-out}.container{padding:0 var(--ha-space-1);display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;align-items:center;overflow:visible;gap:var(--ha-space-2)}.content:hover ha-icon-next{transform:translateX(calc(4px * var(--scale-direction)))}.container .content{flex:0 1 max-content;min-width:0}.container .content:not(:only-child){flex:1 0 var(--ha-heading-card-title-min-width,150px);max-width:max-content;min-width:0}.content{display:flex;flex-direction:row;align-items:center;gap:var(--ha-space-2);color:var(--ha-heading-card-title-color,var(--primary-text-color));font-size:var(--ha-heading-card-title-font-size, var(--ha-font-size-l));font-weight:var(--ha-heading-card-title-font-weight,var(--ha-font-weight-normal));line-height:var(
--ha-heading-card-title-line-height,
var(--ha-line-height-normal)
);letter-spacing:.1px;--mdc-icon-size:18px}.content ha-icon,.content ha-icon-next{display:flex;flex:none}.content p{margin:0;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.content.subtitle{color:var(--ha-heading-card-subtitle-color,var(--secondary-text-color));font-size:var(
--ha-heading-card-subtitle-font-size,
var(--ha-font-size-m)
);font-weight:var(--ha-heading-card-subtitle-font-weight,var(--ha-font-weight-medium));line-height:var(
--ha-heading-card-subtitle-line-height,
var(--ha-line-height-condensed)
)}.badges{position:relative;display:flex;flex:0 1 auto;min-width:0;overflow:auto;max-width:100%;scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:none}.badges.overflowing{mask-image:linear-gradient(90deg,transparent 0%,black var(--ha-space-4),black calc(100% - var(--ha-space-4)),transparent 100%)}.badges.draggable.overflowing{cursor:grab}.badges-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:flex-start;gap:var(--ha-space-2);margin:0}.badges-row::after,.badges-row::before{content:"";position:relative;display:block;min-width:var(--badge-padding,0);height:var(--ha-space-4);background-color:transparent}.badges-row::before{margin-inline-start:calc(var(--ha-space-2) * -1);margin-inline-end:0}.badges-row::after{margin-inline-end:calc(var(--ha-space-2) * -1);margin-inline-start:0}.badges-row>*{min-width:fit-content}.badges.overflowing .badges-row{--badge-padding:var(--ha-space-4)}.badges.overflowing .badges-row>:first-child{margin-inline-start:calc(var(--ha-space-2) * -1)}.badges.overflowing .badges-row>:last-child{margin-inline-end:calc(var(--ha-space-2) * -1)}.badges.dragging{cursor:grabbing;pointer-events:none}`,(0,s.Cg)([(0,o.MZ)({attribute:!1})],v.prototype,"hass",void 0),(0,s.Cg)([(0,o.MZ)({type:Boolean})],v.prototype,"preview",void 0),(0,s.Cg)([(0,o.P)(".badges")],v.prototype,"_badges",void 0),(0,s.Cg)([(0,o.wk)()],v.prototype,"_config",void 0),(0,s.Cg)([(0,o.wk)()],v.prototype,"_badgesOverflowing",void 0),v=(0,s.Cg)([(0,o.EM)("hui-heading-card")],v),a()}catch(t){a(t)}})},17747(t,e,i){i.a(t,async function(t,e){try{var a=i(62826),s=(i(76074),i(5124)),r=i(22441),o=i(6412),n=i(89784),h=i(42372),c=i(1087),l=i(52658),d=(i(76776),i(26300)),u=i(93367),p=i(22675),g=i(57264),_=i(19037),f=i(13632),m=i(22064),v=i(97176),y=i(784),b=i(85979),w=t([d,u,b]);[d,u,b]=w.then?(await w)():w;const x="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z";class $ extends s.WF{static async getConfigElement(){return await i.e(96917).then(i.bind(i,14580)),document.createElement("hui-light-card-editor")}static getStubConfig(t,e,i){return{type:"light",entity:(0,f.B)(t,1,e,i,["light"])[0]||""}}getCardSize(){return 5}setConfig(t){if(!t.entity||"light"!==t.entity.split(".")[0])throw new Error("Specify an entity from within the light domain");this._config={tap_action:{action:"toggle"},hold_action:{action:"more-info"},...t}}render(){if(!this.hass||!this._config)return s.s6;const t=this.hass.states[this._config.entity];if(!t)return s.qy` <hui-warning .hass="${this.hass}"> ${(0,b.j)(this.hass,this._config.entity)} </hui-warning> `;const e=Math.round((t.attributes.brightness||0)/255*100),i=this.hass.formatEntityName(t,this._config.name);return s.qy` <ha-card> <ha-icon-button class="more-info" .label="${this.hass.localize("ui.panel.lovelace.cards.show_more_info")}" .path="${x}" @click="${this._handleMoreInfo}" tabindex="0"></ha-icon-button> <div class="content"> <div id="controls"> <div id="slider"> <round-slider min="1" max="100" .value="${e}" .disabled="${t.state===p.Hh}" @value-changing="${this._dragEvent}" @value-changed="${this._setBrightness}" style="${(0,n.W)({visibility:(0,g.c9)(t)?"visible":"hidden"})}"></round-slider> <ha-icon-button class="light-button ${(0,o.H)({"slider-center":(0,g.c9)(t),"state-on":"on"===t.state,"state-unavailable":t.state===p.Hh})}" .disabled="${t.state===p.Hh}" style="${(0,n.W)({filter:this._computeBrightness(t),color:this._computeColor(t)})}" @action="${this._handleAction}" .actionHandler="${(0,_.T)({hasHold:(0,v.h)(this._config.hold_action),hasDoubleClick:(0,v.h)(this._config.double_tap_action)})}" tabindex="0"> <ha-state-icon .icon="${this._config.icon}" .stateObj="${t}"></ha-state-icon> </ha-icon-button> </div> </div> <div id="info" .title="${i}"> ${t.state===p.Hh||t.state===p.HV?s.qy` <div>${this.hass.formatEntityState(t)}</div> `:s.qy` <div class="brightness">%</div> `} ${i} </div> </div> </ha-card> `}shouldUpdate(t){return(0,y.LX)(this,t)}updated(t){if(super.updated(t),!this._config||!this.hass)return;if(!this.hass.states[this._config.entity])return;const e=t.get("hass"),i=t.get("_config");e&&i&&e.themes===this.hass.themes&&i.theme===this._config.theme||(0,h.Q)(this,this.hass.themes,this._config.theme)}_dragEvent(t){this.shadowRoot.querySelector(".brightness").innerHTML=`${t.detail.value} %`,this._showBrightness(),this._hideBrightness()}_showBrightness(){clearTimeout(this._brightnessTimout),this.shadowRoot.querySelector(".brightness").classList.add("show_brightness")}_hideBrightness(){this._brightnessTimout=window.setTimeout(()=>{this.shadowRoot.querySelector(".brightness").classList.remove("show_brightness")},500)}_setBrightness(t){this.hass.callService("light","turn_on",{entity_id:this._config.entity,brightness_pct:t.detail.value})}_computeBrightness(t){return"off"!==t.state&&t.attributes.brightness?(0,l.mT)(t):""}_computeColor(t){return"off"===t.state?"":t.attributes.rgb_color?`rgb(${t.attributes.rgb_color.join(",")})`:""}_handleAction(t){(0,m.$)(this,this.hass,this._config,t.detail.action)}_handleMoreInfo(){(0,c.r)(this,"hass-more-info",{entityId:this._config.entity})}}$.styles=s.AH`ha-card{height:100%;box-sizing:border-box;position:relative;overflow:hidden;text-align:center;--name-font-size:1.2rem;--brightness-font-size:1.2rem}.more-info{position:absolute;cursor:pointer;top:0;right:0;inset-inline-start:initial;inset-inline-end:0;border-radius:var(--ha-border-radius-pill);color:var(--secondary-text-color);z-index:1;direction:var(--direction)}.content{height:100%;display:flex;flex-direction:column;justify-content:center}#controls{display:flex;justify-content:center;padding:16px;position:relative}#slider{height:100%;width:100%;position:relative;max-width:200px;min-width:100px}round-slider{--round-slider-path-color:var(--slider-track-color);--round-slider-bar-color:var(--primary-color);padding-bottom:10%}.light-button{color:var(--state-icon-color);width:60%;height:auto;position:absolute;max-width:calc(100% - 40px);box-sizing:border-box;border-radius:var(--ha-border-radius-pill);top:50%;left:50%;transform:translate(-50%,-50%);--ha-icon-button-size:100%;--mdc-icon-size:100%}.light-button.state-on{color:var(--state-light-active-color)}.light-button.state-unavailable{color:var(--state-unavailable-color)}#info{text-align:center;margin-top:-56px;padding:16px;font-size:var(--name-font-size)}.brightness{font-size:var(--brightness-font-size);opacity:0;transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out}.show_brightness{opacity:1}`,(0,a.Cg)([(0,r.MZ)({attribute:!1})],$.prototype,"hass",void 0),(0,a.Cg)([(0,r.wk)()],$.prototype,"_config",void 0),$=(0,a.Cg)([(0,r.EM)("hui-light-card")],$),e()}catch(t){e(t)}})},203(t,e,i){i.a(t,async function(t,e){try{i(74423);var a=i(62826),s=i(5124),r=i(22441),o=i(71727),n=i(13632),h=i(85240),c=t([h]);h=(c.then?(await c)():c)[0];const l=["counter","input_number","number","sensor"],d=24;class u extends h.o{static async getConfigElement(){return await i.e(82699).then(i.bind(i,28326)),document.createElement("hui-sensor-card-editor")}static getStubConfig(t,e,i){return{type:"sensor",entity:(0,n.B)(t,1,e,i,l,t=>!isNaN(Number(t.state))&&!!t.attributes.unit_of_measurement)[0]||"",graph:"line"}}setConfig(t){if(!t.entity||!l.includes((0,o.m)(t.entity)))throw new Error("Specify an entity from within the sensor domain");const{graph:e,detail:i,hours_to_show:a,...s}=t,r={...s,type:"entity"};if("line"===e){const e={type:"graph",entity:t.entity,detail:i||1,hours_to_show:a||d,limits:t.limits};r.footer=e}super.setConfig(r)}getGridOptions(){return{columns:6,rows:2,min_columns:6,min_rows:2}}static get styles(){return[h.o.styles,s.AH`ha-card{overflow:hidden}.info{direction:ltr;text-align:var(--float-start)}`]}}u=(0,a.Cg)([(0,r.EM)("hui-sensor-card")],u),e()}catch(t){e(t)}})},90715(t,e,i){i.a(t,async function(t,a){try{i.d(e,{x:()=>d});i(18111),i(7588),i(61701);var s=i(62826),r=i(5124),o=i(22441),n=i(15638),h=i(34128),c=i(46856),l=t([c]);c=(l.then?(await l)():l)[0];class d extends r.WF{static async getConfigElement(){return await Promise.all([i.e(66432),i.e(91863),i.e(54233)]).then(i.bind(i,59008)),document.createElement("hui-stack-card-editor")}static getStubConfig(){return{cards:[]}}getCardSize(){return 1}setConfig(t){if(!t||!t.cards||!Array.isArray(t.cards))throw new Error("Invalid configuration");this._config=t,this._cards=t.cards.map(t=>this._createCardElement(t)),0===this._cards.length?this._errorCard=(0,h.Ni)({type:"error",severity:"warning",message:"Empty card"}):this._errorCard=void 0}update(t){super.update(t),this._cards&&(t.has("hass")&&(this._cards.forEach(t=>{t.hass=this.hass}),this._errorCard&&(this._errorCard.hass=this.hass)),t.has("preview")&&(this._cards.forEach(t=>{t.preview=this.preview}),this._errorCard&&(this._errorCard.preview=this.preview))),t.has("layout")&&this.toggleAttribute("ispanel","panel"===this.layout)}_createCardElement(t){const e=document.createElement("hui-card");return e.hass=this.hass,e.preview=this.preview,e.config=t,e.load(),e}render(){return this._config&&this._cards?r.qy` ${this._config.title?r.qy`<h1 class="card-header">${this._config.title}</h1>`:""} <div id="root" dir="${this.hass?(0,n.Vc)(this.hass):"ltr"}"> ${this._cards} ${this.preview&&this._errorCard?this._errorCard:r.s6} </div> `:r.s6}constructor(...t){super(...t),this.preview=!1}}d.sharedStyles=[r.AH`.card-header{color:var(--ha-card-header-color,var(--primary-text-color));text-align:var(--ha-stack-title-text-align,start);font-family:var(--ha-card-header-font-family, inherit);font-size:var(--ha-card-header-font-size, var(--ha-font-size-2xl));font-weight:var(--ha-font-weight-normal);margin-block-start:0px;margin-block-end:0px;letter-spacing:-.012em;line-height:var(--ha-line-height-condensed);display:block;padding:24px 16px 16px}:host([ispanel]) #root{--ha-card-border-radius:var(--restore-card-border-radius);--ha-card-border-width:var(--restore-card-border-width);--ha-card-box-shadow:var(--restore-card-box-shadow)}`],(0,s.Cg)([(0,o.MZ)({attribute:!1})],d.prototype,"hass",void 0),(0,s.Cg)([(0,o.MZ)({type:Boolean})],d.prototype,"preview",void 0),(0,s.Cg)([(0,o.wk)()],d.prototype,"_cards",void 0),(0,s.Cg)([(0,o.wk)()],d.prototype,"_errorCard",void 0),(0,s.Cg)([(0,o.wk)()],d.prototype,"_config",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],d.prototype,"layout",void 0),a()}catch(t){a(t)}})},68102(t,e,i){i.a(t,async function(t,e){try{i(74423);var a=i(62826),s=i(88696),r=i(5124),o=i(22441),n=i(89784),h=i(42372),c=i(1087),l=i(71727),d=i(52658),u=(i(76776),i(26300)),p=i(74387),g=i(31515),_=i(32359),f=i(13632),m=i(85979),v=t([u,p,g,_,m]);[u,p,g,_,m]=v.then?(await v)():v;const y="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z";class b extends r.WF{static async getConfigElement(){return await Promise.all([i.e(64442),i.e(61242)]).then(i.bind(i,45217)),document.createElement("hui-thermostat-card-editor")}static getStubConfig(t,e,i){return{type:"thermostat",entity:(0,f.B)(t,1,e,i,["climate"])[0]||""}}getCardSize(){return 7}setConfig(t){if(!t.entity||!["climate","water_heater"].includes(t.entity.split(".")[0]))throw new Error("Specify an entity from within the climate or water_heater domain");this._config=t,this._featureContext={entity_id:t.entity}}_handleMoreInfo(){(0,c.r)(this,"hass-more-info",{entityId:this._config.entity})}updated(t){if(super.updated(t),!this._config||!this.hass||!t.has("hass")&&!t.has("_config"))return;const e=t.get("hass"),i=t.get("_config");e&&i&&e.themes===this.hass.themes&&i.theme===this._config.theme||(0,h.Q)(this,this.hass.themes,this._config.theme)}render(){if(!this.hass||!this._config)return r.s6;const t=this.hass.states[this._config.entity];if(!t)return r.qy` <hui-warning .hass="${this.hass}"> ${(0,m.j)(this.hass,this._config.entity)} </hui-warning> `;const e=(0,l.m)(t.entity_id),i=this.hass.formatEntityName(t,this._config.name),a=(0,d.Se)(t),s=this._resizeController.value?`${this._resizeController.value}px`:void 0;return r.qy` <ha-card> <p class="title">${i}</p> <div class="container"> ${"water_heater"===e?r.qy` <ha-state-control-water_heater-temperature style="${(0,n.W)({maxWidth:s})}" prevent-interaction-on-scroll show-current .hass="${this.hass}" .stateObj="${t}"></ha-state-control-water_heater-temperature>`:r.qy` <ha-state-control-climate-temperature style="${(0,n.W)({maxWidth:s})}" prevent-interaction-on-scroll .showCurrentAsPrimary="${this._config.show_current_as_primary}" show-secondary .hass="${this.hass}" .stateObj="${t}"></ha-state-control-climate-temperature>`} </div> <ha-icon-button class="more-info" .label="${this.hass.localize("ui.panel.lovelace.cards.show_more_info")}" .path="${y}" @click="${this._handleMoreInfo}" tabindex="0"></ha-icon-button> ${this._config.features?.length?r.qy`<hui-card-features style="${(0,n.W)({"--feature-color":a})}" .hass="${this.hass}" .context="${this._featureContext}" .features="${this._config.features}"></hui-card-features>`:r.s6} </ha-card> `}getGridOptions(){let t=5,e=2;if(this._config?.features?.length){const i=Math.ceil(2*this._config.features.length/3);t+=i,e+=i}return{columns:12,rows:t,min_columns:6,min_rows:e}}constructor(...t){super(...t),this._resizeController=new s.P(this,{callback:t=>{const e=t[0]?.target.shadowRoot?.querySelector(".container");return e?.clientHeight}}),this._featureContext={}}}b.styles=r.AH`:host{position:relative;display:block;height:100%}ha-card{position:relative;height:100%;width:100%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.title{width:100%;font-size:var(--ha-font-size-l);line-height:var(--ha-line-height-expanded);padding:8px 30px 8px 30px;margin:0;text-align:center;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}.container{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;max-width:100%;box-sizing:border-box;flex:1}.container:before{content:"";display:block;padding-top:100%}.container>*{padding:8px}.more-info{position:absolute;cursor:pointer;top:0;right:0;inset-inline-end:0px;inset-inline-start:initial;border-radius:var(--ha-border-radius-pill);color:var(--secondary-text-color);direction:var(--direction)}hui-card-features{width:100%;flex:none;padding:0 12px 12px 12px}`,(0,a.Cg)([(0,o.MZ)({attribute:!1})],b.prototype,"hass",void 0),(0,a.Cg)([(0,o.wk)()],b.prototype,"_config",void 0),(0,a.Cg)([(0,o.wk)()],b.prototype,"_featureContext",void 0),b=(0,a.Cg)([(0,o.EM)("hui-thermostat-card")],b),e()}catch(t){e(t)}})},89969(t,e,i){i.a(t,async function(t,a){try{i.d(e,{a:()=>S});i(74423);var s=i(62826),r=i(5124),o=i(22441),n=i(6412),h=i(63672),c=i(89784),l=i(22786),d=i(78870),u=i(79468),p=i(46190),g=i(71727),_=i(47129),f=i(52658),m=(i(76776),i(93367)),v=(i(22109),i(22573),i(80933),i(32248),i(10897)),y=i(14020),b=i(32359),w=i(13632),x=i(22064),$=i(97176),C=i(85979),E=i(76239),k=i(51989),M=t([m,y,b,C,E]);[m,y,b,C,E]=M.then?(await M)():M;const S=t=>{const e=(0,g.m)(t);return p.FD.has(e)||["button","input_button","scene"].includes(e)?"toggle":"none"};class z extends r.WF{static async getConfigElement(){return await Promise.all([i.e(64442),i.e(46621)]).then(i.bind(i,17100)),document.createElement("hui-tile-card-editor")}static getStubConfig(t,e,i){return{type:"tile",entity:(0,w.B)(t,1,e,i,["sensor","light","switch"])[0]||""}}setConfig(t){if(!t.entity)throw new Error("Specify an entity");this._config={tap_action:{action:"more-info"},icon_tap_action:{action:S(t.entity)},...t},this._featureContext={entity_id:t.entity}}getCardSize(){const t=this._config&&this._featurePosition(this._config),e=this._config?.features?.length||0;return 1+(this._config?.vertical?1:0)+("inline"===t?0:e)}getGridOptions(){let t=6,e=1;const i=this._config&&this._featurePosition(this._config),a=this._config?.features?.length||0;return a&&("inline"===i?t=12:e+=a),this._config?.vertical&&(e++,t=3),{columns:6,rows:e,min_columns:t,min_rows:e}}_handleAction(t){(0,x.$)(this,this.hass,this._config,t.detail.action)}_handleIconAction(t){t.stopPropagation();const e={entity:this._config.entity,tap_action:this._config.icon_tap_action,hold_action:this._config.icon_hold_action,double_tap_action:this._config.icon_double_tap_action};(0,x.$)(this,this.hass,e,t.detail.action)}_getImageUrl(t){const e=t.attributes.entity_picture_local||t.attributes.entity_picture;if(!e)return;let i=this.hass.hassUrl(e);return"camera"===(0,g.m)(t.entity_id)&&(i=(0,v.su)(i,80,80)),i}get _hasCardAction(){return!this._config?.tap_action||(0,$.h)(this._config?.tap_action)||(0,$.h)(this._config?.hold_action)||(0,$.h)(this._config?.double_tap_action)}get _hasIconAction(){return!this._config?.icon_tap_action||(0,$.h)(this._config?.icon_tap_action)}render(){if(!this._config||!this.hass)return r.s6;const t=this._config.entity,e=t?this.hass.states[t]:void 0;if(!e)return r.qy` <hui-warning .hass="${this.hass}"> ${(0,C.j)(this.hass,this._config.entity)} </hui-warning> `;const i=this.hass.formatEntityName(e,this._config.name),a=(0,_.a)(e),s=this._computeStateColor(e,this._config.color),o=(0,g.m)(e.entity_id),l=this._config.hide_state?r.s6:r.qy` <state-display .stateObj="${e}" .hass="${this.hass}" .content="${this._config.state_content}"> </state-display> `,d={"--tile-color":s},u=this._config.show_entity_picture?this._getImageUrl(e):void 0,p=this._featurePosition(this._config),f=this._displayedFeatures(this._config),m=Boolean(u);return r.qy` <ha-card style="${(0,c.W)(d)}" class="${(0,n.H)({active:a})}"> <ha-tile-container .featurePosition="${p}" .vertical="${Boolean(this._config.vertical)}" .interactive="${this._hasCardAction}" .actionHandlerOptions="${{hasHold:(0,$.h)(this._config.hold_action),hasDoubleClick:(0,$.h)(this._config.double_tap_action)}}" @action="${this._handleAction}"> <ha-tile-icon slot="icon" @action="${this._handleIconAction}" .actionHandlerOptions="${{hasHold:(0,$.h)(this._config.icon_hold_action),hasDoubleClick:(0,$.h)(this._config.icon_double_tap_action)}}" .interactive="${this._hasIconAction}" .imageUrl="${u}" data-domain="${(0,h.J)(o)}" data-state="${(0,h.J)(e?.state)}" class="${(0,n.H)({image:m})}"> ${m?r.s6:r.qy` <ha-state-icon slot="icon" .icon="${this._config.icon}" .stateObj="${e}"></ha-state-icon> `} ${(0,E.y)(e,this.hass)} </ha-tile-icon> <ha-tile-info slot="info"> <span slot="primary" class="primary">${i}</span> ${l?r.qy`<span slot="secondary">${l}</span>`:r.s6} </ha-tile-info> ${f.length>0?r.qy` <hui-card-features slot="features" .hass="${this.hass}" .context="${this._featureContext}" .color="${this._config.color}" .features="${f}"></hui-card-features> `:r.s6} </ha-tile-container> </ha-card> `}constructor(...t){super(...t),this._featureContext={},this._computeStateColor=(0,l.A)((t,e)=>{if(e)return(0,_.a)(t)?(0,d.MP)(e):void 0;if("person"!==(0,g.m)(t.entity_id)&&"device_tracker"!==(0,g.m)(t.entity_id)){if("light"===(0,g.m)(t.entity_id)&&t.attributes.rgb_color){const e=(0,u.bi)(t.attributes.rgb_color);return e[1]<.4&&(e[1]<.1?e[2]=225:e[1]=.4),(0,u.v2)((0,u.hT)(e))}return(0,f.Se)(t)}}),this._featurePosition=(0,l.A)(t=>t.vertical?"bottom":t.features_position||"bottom"),this._displayedFeatures=(0,l.A)(t=>{const e=t.features||[];return"inline"===this._featurePosition(t)?e.slice(0,1):e})}}z.styles=[k.c,r.AH`:host{--tile-color:var(--state-inactive-color)}ha-card.active{--tile-color:var(--state-icon-color)}ha-tile-badge{position:absolute;top:3px;right:3px;inset-inline-end:3px;inset-inline-start:initial}hui-card-features{--feature-color:var(--tile-color)}ha-tile-icon[data-domain=alarm_control_panel][data-state=arming],ha-tile-icon[data-domain=alarm_control_panel][data-state=pending],ha-tile-icon[data-domain=alarm_control_panel][data-state=triggered],ha-tile-icon[data-domain=lock][data-state=jammed]{animation:pulse 1s infinite}ha-tile-icon.image[data-domain=update]{--tile-icon-border-radius:var(--ha-border-radius-square)}ha-tile-icon.image[data-domain=media_player]{--tile-icon-border-radius:min(
var(--ha-tile-icon-border-radius, var(--ha-border-radius-sm)),
var(--ha-border-radius-sm)
)}@keyframes pulse{0%{opacity:1}50%{opacity:0}100%{opacity:1}}`],(0,s.Cg)([(0,o.MZ)({attribute:!1})],z.prototype,"hass",void 0),(0,s.Cg)([(0,o.wk)()],z.prototype,"_config",void 0),(0,s.Cg)([(0,o.wk)()],z.prototype,"_featureContext",void 0),z=(0,s.Cg)([(0,o.EM)("hui-tile-card")],z),a()}catch(t){a(t)}})},81643(t,e,i){i.a(t,async function(t,e){try{i(44114),i(18111),i(7588),i(61701),i(13579),i(45367),i(92731);var a=i(62826),s=i(88696),r=i(5124),o=i(22441),n=i(6412),h=i(63672),c=i(36312),l=i(36356),d=i(72487),u=i(30162),p=i(42372),g=i(78649),_=i(20058),f=i(79791),m=(i(76776),i(67094),i(22675)),v=i(43248),y=i(19037),b=i(13632),w=i(22064),x=i(97176),$=i(784),C=i(85979),E=t([C,u,_,d]);[C,u,_,d]=E.then?(await E)():E;class k extends r.WF{static async getConfigElement(){return await i.e(98231).then(i.bind(i,81610)),document.createElement("hui-weather-forecast-card-editor")}static getStubConfig(t,e,i){return{type:"weather-forecast",entity:(0,b.B)(t,1,e,i,["weather"])[0]||""}}_needForecastSubscription(){return this._config.forecast_type&&"legacy"!==this._config.forecast_type}_unsubscribeForecastEvents(){this._subscribed&&(this._subscribed.then(t=>t()),this._subscribed=void 0)}async _subscribeForecastEvents(){this._unsubscribeForecastEvents(),this.isConnected&&this.hass&&this._config&&this._needForecastSubscription()&&(0,c.x)(this.hass.config,"weather")&&this.hass.states[this._config.entity]&&(this._subscribed=(0,v.Mu)(this.hass.connection,this._config.entity,this._config.forecast_type,t=>{this._forecastEvent=t}).catch(t=>{throw"invalid_entity_id"===t.code&&setTimeout(()=>{this._subscribed=void 0},2e3),t}))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this._config&&this.hass&&this._subscribeForecastEvents()}disconnectedCallback(){super.disconnectedCallback(),this._unsubscribeForecastEvents()}getCardSize(){let t=1;return!1!==this._config?.show_current&&(t+=1),!1!==this._config?.show_forecast&&(t+=1),"daily"===this._config?.forecast_type&&(t+=1),t}setConfig(t){if(!t.entity)throw new Error("Entity must be specified");if(!(0,g.n)(t.entity))throw new Error("Invalid entity");this._config=t}shouldUpdate(t){return(0,$.LX)(this,t)||t.size>1||!t.has("hass")}updated(t){if(super.updated(t),!this._config||!this.hass)return;!t.has("_config")&&this._subscribed||this._subscribeForecastEvents();const e=t.get("hass"),i=t.get("_config");(t.has("hass")&&!e||t.has("_config")&&!i||t.has("hass")&&e.themes!==this.hass.themes||t.has("_config")&&i.theme!==this._config.theme)&&(0,p.Q)(this,this.hass.themes,this._config.theme);const a=this.hass.states[this._config.entity];this._dragScrollController.enabled=Boolean(a&&a.state!==m.Hh&&!1!==this._config.show_forecast&&(0,v.yd)(a.attributes,this._forecastEvent,this._config.forecast_type)?.forecast?.length)}render(){if(!this._config||!this.hass)return r.s6;const t=this.hass.states[this._config.entity];if(!t)return r.qy` <hui-warning .hass="${this.hass}"> ${(0,C.j)(this.hass,this._config.entity)} </hui-warning> `;if(t.state===m.Hh)return r.qy` <ha-card class="unavailable" @click="${this._handleAction}"> ${this.hass.localize("ui.panel.lovelace.warning.entity_unavailable",{entity:`${this.hass.formatEntityName(t,this._config.name)} (${this._config.entity})`})} </ha-card> `;const e=(0,v.yd)(t.attributes,this._forecastEvent,this._config?.forecast_type),i=this._config?.forecast_slots??5,a=!1!==this._config?.show_forecast&&e?.forecast?.length?e.forecast.slice(0,i):void 0,s=!a||!1!==this._config?.show_current,o="hourly"===e?.type,c="twice_daily"===e?.type,l="short"===this._sizeController.value?.height,u=l&&(o||c),p=!l&&(o||c),g=this._dayKeyFromDate(new Date),b=(0,v.L8)(t.state,this,!1,this.hass.auth.accessToken),w=(0,v.N_)(t.state),$=this.hass.formatEntityName(t,this._config.name),E=this._config.round_temperature?0:void 0,k=this._config?.secondary_info_attribute&&v.A.has(this._config.secondary_info_attribute),M=this._config.secondary_info_attribute&&!Number.isNaN(+t.attributes[this._config.secondary_info_attribute]);return r.qy` <ha-card class="${(0,n.H)({[this._sizeController.value?.height]:Boolean(this._sizeController.value),[this._sizeController.value?.width]:Boolean(this._sizeController.value)})}" @action="${this._handleAction}" .actionHandler="${(0,y.T)({hasHold:(0,x.h)(this._config.hold_action),hasDoubleClick:(0,x.h)(this._config.double_tap_action)})}" tabindex="${(0,h.J)((0,x.h)(this._config.tap_action)?"0":void 0)}"> ${s?r.qy` <div class="content"> <div class="icon-image"> ${b||r.qy` <ha-state-icon class="weather-icon" .stateObj="${t}"></ha-state-icon> `} </div> <div class="info"> <div class="name-state"> <div class="state"> ${w?$:this.hass.formatEntityState(t)} </div> </div> <div class="temp-attribute"> <div class="temp"> ${void 0!==t.attributes.temperature&&null!==t.attributes.temperature?r.qy` ${(0,_.ZV)(t.attributes.temperature,this.hass.locale,{maximumFractionDigits:E})} <span>${(0,v.d9)(this.hass.config,t,"temperature")}</span> `:r.qy` `} </div> <div class="attribute"> ${void 0!==this._config.secondary_info_attribute?r.qy` ${this._config.secondary_info_attribute in v.WD?r.qy` <ha-svg-icon class="attr-icon" .path="${v.WD[this._config.secondary_info_attribute]}"></ha-svg-icon> `:this.hass.localize(`ui.card.weather.attributes.${this._config.secondary_info_attribute}`)} ${"wind_speed"===this._config.secondary_info_attribute?(0,v.VU)(this.hass,t,t.attributes.wind_speed,t.attributes.wind_bearing):r.qy` ${this.hass.formatEntityAttributeValue(t,this._config.secondary_info_attribute,0===E&&M&&k?(0,f.L)(t.attributes[this._config.secondary_info_attribute],E):void 0)} `} `:(0,v.nO)(this.hass,t,a,E)} </div> </div> </div> </div> `:""} ${a?r.qy` <div class="${(0,n.H)({forecast:!0,compact:l,dragging:this._dragScrollController.scrolling})}"> ${p?this._groupForecastByDay(a).map(t=>{const e=t[0],i=e?(0,d.gu)(new Date(e.datetime),this.hass.locale,this.hass.config):void 0,a=t.findIndex(t=>this._showValue(t.templow)||this._showValue(t.temperature));return r.qy` <div class="forecast-day"> <div class="forecast-day-content"> ${t.map((t,e)=>this._renderForecastItem(t,o,c,p,E,e===a?i:void 0))} </div> </div> `}):a.map((t,e)=>r.qy` ${u?this._renderInlineDayGroupLabel(t,e,a,c,o,g):r.s6} ${this._renderForecastItem(t,o,c,p,E)} `)} </div> `:""} </ha-card> `}_handleAction(t){this._isForecastInteraction(t)||(0,w.$)(this,this.hass,this._config,t.detail.action)}_isForecastInteraction(t){return t.composedPath().some(t=>t instanceof HTMLElement&&t.classList.contains("forecast"))}_groupForecastByDay(t){const e=new Map;return t.forEach(t=>{const i=new Date(t.datetime),a=`${i.getFullYear()}-${i.getMonth()}-${i.getDate()}`;e.has(a)||e.set(a,[]),e.get(a).push(t)}),Array.from(e.values())}_renderInlineDayGroupLabel(t,e,i,a,s,o){if(!a&&!s)return r.s6;const n=i[e-1],h=this._dayKeyForForecast(t);return(!n||h!==this._dayKeyForForecast(n))&&h!==o?r.qy` <div class="forecast-item label-only"> <div class="forecast-item-label"> ${this._dayLabelForForecast(t)} </div> </div> `:r.s6}_renderForecastItem(t,e,i,a,s,o){return this._showValue(t.templow)||this._showValue(t.temperature)?r.qy` <div class="forecast-item"> ${a?r.qy` <div class="forecast-day-header-slot"> ${o?r.qy`<div class="forecast-day-header">${o}</div>`:r.s6} </div> `:r.s6} <div class="forecast-item-label ${a?"":"no-header"}"> ${i?r.qy`<div class="daynight"> ${!1!==t.is_daytime?this.hass.localize("ui.card.weather.day"):this.hass.localize("ui.card.weather.night")} </div>`:e?(0,u.fU)(new Date(t.datetime),this.hass.locale,this.hass.config):(0,d.gu)(new Date(t.datetime),this.hass.locale,this.hass.config)} </div> ${this._showValue(t.condition)?r.qy` <div class="forecast-image-icon"> ${(0,v.L8)(t.condition,this,!(t.is_daytime||void 0===t.is_daytime),this.hass.auth.accessToken)} </div> `:r.s6} <div class="temp"> ${this._showValue(t.temperature)?r.qy`${(0,_.ZV)(t.temperature,this.hass.locale,{maximumFractionDigits:s})}°`:"—"} </div> <div class="templow"> ${this._showValue(t.templow)?r.qy`${(0,_.ZV)(t.templow,this.hass.locale,{maximumFractionDigits:s})}°`:e?r.s6:"—"} </div> </div> `:r.s6}_dayLabelForForecast(t){return(0,d.gu)(new Date(t.datetime),this.hass.locale,this.hass.config)}_dayKeyForForecast(t){return this._dayKeyFromDate(new Date(t.datetime))}_dayKeyFromDate(t){return`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`}_showValue(t){return null!=t}getGridOptions(){const t=!1!==this._config?.show_current,e=!1!==this._config?.show_forecast;let i=1,a=1;return t&&(i+=1,a+=1),e&&(i+=1,a+=1,"daily"===this._config?.forecast_type&&(i+=1)),{columns:12,rows:i,min_columns:t&&e?5:4,min_rows:a}}static get styles(){return[v.Ry,r.AH`:host{position:relative;display:block;height:100%}ha-card{cursor:pointer;outline:0;height:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:16px 0}.content{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 16px}.content+.forecast{padding-top:16px}.icon-image{display:flex;align-items:center;min-width:64px;margin-right:16px;margin-inline-end:16px;margin-inline-start:initial}.icon-image>*{flex:0 0 64px;height:64px}.weather-icon{--mdc-icon-size:64px}.info{display:flex;justify-content:space-between;flex-grow:1;overflow:hidden}.temp-attribute{text-align:var(--float-end)}.temp-attribute .temp{position:relative;margin-right:24px;direction:ltr}.temp-attribute .temp span{position:absolute;font-size:var(--ha-font-size-2xl);top:1px}.state,.temp-attribute .temp{font-size:var(--ha-font-size-3xl);line-height:var(--ha-line-height-condensed)}.attribute,.name{font-size:var(--ha-font-size-m);line-height:var(--ha-line-height-condensed)}.name-state{overflow:hidden;padding-right:12px;padding-inline-end:12px;padding-inline-start:initial;width:100%}.name,.state{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attribute{white-space:nowrap;direction:ltr}.forecast{display:flex;justify-content:space-around;padding:0 16px;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0%,black 16px,black calc(100% - 16px),transparent 100%);user-select:none;cursor:grab}.forecast.dragging{cursor:grabbing}.forecast.dragging *{pointer-events:none}.forecast.compact{--forecast-icon-size:32px}.forecast::-webkit-scrollbar{display:none}.forecast>div{text-align:center;min-width:48px;flex:0 0 auto}.forecast-day{display:flex;flex-direction:column;flex:0 0 auto}.forecast-day-header-slot{min-height:calc(var(--ha-font-size-s) + var(--ha-space-1))}.forecast-day-header{color:var(--secondary-text-color);font-size:var(--ha-font-size-s);font-weight:var(--ha-font-weight-bold);line-height:1;white-space:nowrap;padding-bottom:var(--ha-space-1)}.forecast-day-content{display:flex}.forecast-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:48px;padding:0 8px;flex:0 0 auto;gap:var(--ha-space-1)}.forecast-item.label-only{justify-content:flex-start}.forecast-item.label-only .forecast-item-label{font-weight:var(--ha-font-weight-bold)}.forecast .temp,.forecast-item-label{line-height:1;white-space:nowrap}.forecast-item-label{color:var(--secondary-text-color);font-size:var(--ha-font-size-s)}.forecast .icon,.forecast .temp{margin:0}.forecast .temp{font-size:var(--ha-font-size-l)}.forecast-image-icon{padding-top:6px;padding-bottom:6px;display:flex;justify-content:center}.forecast-image-icon>*{width:var(--forecast-icon-size,40px);height:var(--forecast-icon-size,40px);--mdc-icon-size:var(--forecast-icon-size, 40px)}.forecast-icon{--mdc-icon-size:40px}.attr-icon{--mdc-icon-size:20px}.attribute,.daynight,.name,.templow{color:var(--secondary-text-color)}.unavailable{height:100px;display:flex;justify-content:center;align-items:center;font-size:var(--ha-font-size-l);padding:10px 20px;text-align:center}[class*=narrow] .icon-image{min-width:52px}[class*=narrow] .weather-image{flex:0 0 52px;width:52px}[class*=narrow] .icon-image .weather-icon{--mdc-icon-size:52px}[class*=narrow] .state,[class*=narrow] .temp-attribute .temp{font-size:var(--ha-font-size-xl)}[class*=narrow] .temp-attribute .temp{margin-right:16px;margin-inline-end:16px;margin-inline-start:initial}[class*=narrow] .temp span{top:1px;font-size:var(--ha-font-size-l)}[class*=very-narrow] .attribute,[class*=very-narrow] .name{display:none}[class*=very-narrow] .info{flex-direction:column;align-items:flex-start}[class*=very-narrow] .name-state{padding-right:0;padding-inline-end:0;padding-inline-start:initial}[class*=very-very-narrow] .info{padding-top:4px;align-items:center}[class*=very-very-narrow] .content{flex-wrap:wrap;justify-content:center;flex-direction:column}[class*=very-very-narrow] .icon-image{min-width:48px}[class*=very-very-narrow] .icon-image>*{flex:0 0 48px;height:48px}[class*=very-very-narrow] .content+.forecast{padding-top:8px}[class*=very-very-narrow] .icon-image{margin-right:0;margin-inline-end:0;margin-inline-start:initial}.short .state,.short .temp-attribute .temp{font-size:24px;line-height:var(--ha-line-height-condensed)}.short .content+.forecast{padding-top:12px}.short .icon-image{min-width:48px}.short .icon-image>*{flex:0 0 48px;height:48px}.short .forecast-image-icon{padding-top:4px;padding-bottom:4px}.short .forecast-image-icon>*{width:32px;height:32px;--mdc-icon-size:32px}.short .forecast-icon{--mdc-icon-size:32px}`]}constructor(...t){super(...t),this._dragScrollController=new l.q(this,{selector:".forecast",enabled:!1}),this._sizeController=new s.P(this,{callback:t=>{const e={width:"regular",height:"tall"},i=t[0]?.contentRect.width;i<180?e.width="very-very-narrow":i<300?e.width="very-narrow":i<375&&(e.width="narrow");const a=t[0]?.contentRect.height;return a<235&&(e.height="short"),e}})}}(0,a.Cg)([(0,o.MZ)({attribute:!1})],k.prototype,"hass",void 0),(0,a.Cg)([(0,o.wk)()],k.prototype,"_config",void 0),(0,a.Cg)([(0,o.wk)()],k.prototype,"_forecastEvent",void 0),(0,a.Cg)([(0,o.wk)()],k.prototype,"_subscribed",void 0),k=(0,a.Cg)([(0,o.EM)("hui-weather-forecast-card")],k),e()}catch(t){e(t)}})},36361(t,e,i){i.a(t,async function(t,a){try{i.d(e,{B:()=>l});var s=i(5124),r=i(89784),o=i(52658),n=i(36248),h=(i(22109),i(38279)),c=t([n]);n=(c.then?(await c)():c)[0];const l=(t,e)=>{const i=t.attributes.hvac_action;return i&&"off"!==i?s.qy` <ha-tile-badge style="${(0,r.W)({"--tile-badge-background-color":(0,o.Se)(t,h.sx[i])})}"> <ha-attribute-icon .hass="${e}" .stateObj="${t}" attribute="hvac_action"> </ha-attribute-icon> </ha-tile-badge> `:s.s6};a()}catch(t){a(t)}})},91639(t,e,i){i.a(t,async function(t,a){try{i.d(e,{Y:()=>l});var s=i(5124),r=i(89784),o=i(52658),n=i(36248),h=(i(22109),i(84610)),c=t([n]);n=(c.then?(await c)():c)[0];const l=(t,e)=>{const i=t.attributes.action;return i&&"off"!==i?s.qy` <ha-tile-badge style="${(0,r.W)({"--tile-badge-background-color":(0,o.Se)(t,h.i5[i])})}"> <ha-attribute-icon .hass="${e}" .stateObj="${t}" attribute="action"> </ha-attribute-icon> </ha-tile-badge> `:s.s6};a()}catch(t){a(t)}})},28629(t,e,i){i.d(e,{D:()=>o});i(18111),i(22489),i(20116);var a=i(5124),s=i(89784),r=i(52658);i(47680),i(67094),i(22109);const o=(t,e)=>{const i=function(t,e){const i=t.state;if("home"===i||"not_home"===i)return;return Object.values(e.states).filter(t=>t.entity_id.startsWith("zone.")).find(t=>i===t.attributes.friendly_name)}(t,e),o=i?.attributes.icon;if(o)return a.qy` <ha-tile-badge style="${(0,s.W)({"--tile-badge-background-color":(0,r.Se)(t)})}"> <ha-icon .icon="${o}"></ha-icon> </ha-tile-badge> `;const n="not_home"===t.state?"M24 13L20 17V14H11V12H20V9L24 13M4 20V12H1L11 3L18 9.3V10H15.79L11 5.69L6 10.19V18H16V16H18V20H4Z":"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z";return a.qy` <ha-tile-badge style="${(0,s.W)({"--tile-badge-background-color":(0,r.Se)(t)})}"> <ha-svg-icon .path="${n}"></ha-svg-icon> </ha-tile-badge> `}},76239(t,e,i){i.a(t,async function(t,a){try{i.d(e,{y:()=>p});var s=i(5124),r=i(89784),o=i(71727),n=(i(67094),i(22109),i(22675)),h=i(36361),c=i(91639),l=i(28629),d=t([h,c]);[h,c]=d.then?(await d)():d;const u="M10 3H14V14H10V3M10 21V17H14V21H10Z",p=(t,e)=>{if(t.state===n.HV)return s.s6;if(t.state===n.Hh)return s.qy` <ha-tile-badge style="${(0,r.W)({"--tile-badge-background-color":"var(--orange-color)"})}"> <ha-svg-icon .path="${u}"></ha-svg-icon> </ha-tile-badge> `;switch((0,o.m)(t.entity_id)){case"person":case"device_tracker":return(0,l.D)(t,e);case"climate":return(0,h.B)(t,e);case"humidifier":return(0,c.Y)(t,e);default:return s.s6}};a()}catch(t){a(t)}})},51989(t,e,i){i.d(e,{c:()=>a});const a=i(5124).AH`ha-card:has(ha-tile-container[focused]){--shadow-default:var(--ha-card-box-shadow, 0 0 0 0 transparent);--shadow-focus:0 0 0 1px var(--tile-color);border-color:var(--tile-color);box-shadow:var(--shadow-default),var(--shadow-focus)}ha-card{height:100%;transition:box-shadow 180ms ease-in-out,border-color 180ms ease-in-out}ha-tile-icon{--tile-icon-color:var(--tile-color)}`},76760(t,e,i){i.d(e,{Ns:()=>h,Z8:()=>n,bF:()=>o,l6:()=>r});var a=i(63004);const s=(t,e)=>"number"==typeof t?t*e:t,r=t=>{const e={columns:s(t.grid_columns,3),max_columns:s(t.grid_max_columns,3),min_columns:s(t.grid_min_columns,3),rows:t.grid_rows,max_rows:t.grid_max_rows,min_rows:t.grid_min_rows};for(const[t,i]of Object.entries(e))void 0===i&&delete e[t];return e},o={columns:12,rows:"auto"},n=t=>"number"==typeof t.columns&&t.columns%3!=0,h=t=>{const e=t.rows??o.rows,i=t.columns??o.columns,s=t.min_rows,r=t.max_rows,n=t.min_columns,h=t.max_columns;return{rows:"string"==typeof e?e:(0,a.O)(e,s,r),columns:"string"==typeof i?i:(0,a.O)(i,n,h)}}},33121(t,e,i){i.d(e,{Z:()=>s});var a=i(7553);const s=t=>{if("function"==typeof t.getCardSize)try{return(0,a.h)(500,t.getCardSize()).catch(()=>1)}catch(t){return 1}return customElements.get(t.localName)?1:customElements.whenDefined(t.localName).then(()=>s(t))}},29478(t,e,i){i.d(e,{V:()=>a});const a=(0,i(35211).q6)("lovelace-max-columns")},67588(t,e,i){i.d(e,{X:()=>r});i(74423),i(44114),i(18111),i(7588);var a=i(46190),s=i(71727);const r=(t,e,i=!0)=>{const r={};e.forEach(e=>{if(a.jj.includes(t.states[e].state)===i){const t=(0,s.m)(e),i=["cover","lock"].includes(t)?t:"homeassistant";i in r||(r[i]=[]),r[i].push(e)}}),Object.keys(r).forEach(e=>{let a;switch(e){case"lock":a=i?"unlock":"lock";break;case"cover":a=i?"open_cover":"close_cover";break;default:a=i?"turn_on":"turn_off"}const s=r[e];t.callService(e,a,{entity_id:s})})}},42678(t,e,i){i.d(e,{r:()=>a});const a=t=>{const e=t?.entity;return"string"==typeof e?e:void 0}},95105(t,e,i){i.a(t,async function(t,e){try{i(18111),i(22489),i(13579);var a=i(62826),s=i(5124),r=i(22441),o=i(46190),n=i(59646),h=i(88360),c=i(67588),l=t([n]);n=(l.then?(await l)():l)[0];class d extends s.WF{willUpdate(t){super.willUpdate(t),t.has("entities")&&(this._toggleEntities=this.entities.filter(t=>t in this.hass.states&&o.FD.has(t.split(".",1)[0])))}render(){return this._toggleEntities?.length?s.qy` <ha-switch aria-label="${this.hass.localize("ui.panel.lovelace.card.entities.toggle")}" .checked="${this._toggleEntities.some(t=>{const e=this.hass.states[t];return e&&"on"===e.state})}" @change="${this._callService}"></ha-switch> `:s.s6}_callService(t){(0,h.j)(this,"light");const e=t.target.checked;(0,c.X)(this.hass,this._toggleEntities,e)}}d.styles=s.AH`:host{display:flex;align-items:center}ha-switch{--ha-switch-width:38px;--ha-switch-size:20px;--ha-switch-thumb-size:14px}`,(0,a.Cg)([(0,r.MZ)({type:Array})],d.prototype,"entities",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],d.prototype,"hass",void 0),(0,a.Cg)([(0,r.wk)()],d.prototype,"_toggleEntities",void 0),d=(0,a.Cg)([(0,r.EM)("hui-entities-toggle")],d),e()}catch(t){e(t)}})},45286(t,e,i){i.a(t,async function(t,e){try{var a=i(62826),s=i(5124),r=i(22441),o=i(1087),n=(i(67094),i(91263)),h=i(14487),c=i(72669),l=i(42678),d=t([n,c,h]);[n,c,h]=d.then?(await d)():d;class u extends((0,n.M)(s.mN)){load(){if(!this.config)throw new Error("Cannot build heading badge without config");this._loadElement(this.config)}createRenderRoot(){return this}disconnectedCallback(){super.disconnectedCallback()}connectedCallback(){super.connectedCallback(),this._updateVisibility()}_updateElement(t){this._element&&(this._element.setConfig(t),this._elementConfig=t,(0,o.r)(this,"heading-badge-updated"))}_loadElement(t){for(this._element=(0,c.E)(t),this._elementConfig=t,this.hass&&(this._element.hass=this.hass),this._element.addEventListener("ll-upgrade",t=>{t.stopPropagation(),this.hass&&(this._element.hass=this.hass),(0,o.r)(this,"heading-badge-updated")},{once:!0}),this._element.addEventListener("ll-rebuild",e=>{e.stopPropagation(),this._loadElement(t),(0,o.r)(this,"heading-badge-updated")},{once:!0});this.lastChild;)this.removeChild(this.lastChild);this._updateVisibility()}willUpdate(t){super.willUpdate(t),t.has("config")&&(this._conditionContext={...this._conditionContext,entity_id:this.config?(0,l.r)(this.config):void 0}),this._element||this.load()}update(t){if(super.update(t),this._element){if(t.has("config")){const t=this._elementConfig;if(this.config!==t&&this.config){this.config?.type!==t?.type?this._loadElement(this.config):this._updateElement(this.config)}}if(t.has("hass"))try{this.hass&&(this._element.hass=this.hass)}catch(t){this._element=void 0,this._elementConfig=void 0}}(t.has("hass")||t.has("preview"))&&this._updateVisibility()}_updateVisibility(t){if(!this._element||!this.hass)return;if(this._element.hidden)return void this._setElementVisibility(!1);if(this.preview)return void this._setElementVisibility(!0);if(this.config?.disabled)return void this._setElementVisibility(!1);const e=t??(!this.config?.visibility||(0,h.XH)(this.config.visibility,this.hass,this._conditionContext));this._setElementVisibility(e)}_setElementVisibility(t){this._element&&(this.hidden!==!t&&(this.style.setProperty("display",t?"":"none"),this.toggleAttribute("hidden",!t),(0,o.r)(this,"heading-badge-visibility-changed",{value:t})),!t&&this._element.parentElement?this.removeChild(this._element):t&&!this._element.parentElement&&this.appendChild(this._element))}constructor(...t){super(...t),this.preview=!1}}(0,a.Cg)([(0,r.MZ)({type:Boolean})],u.prototype,"preview",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],u.prototype,"config",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],u.prototype,"hass",void 0),u=(0,a.Cg)([(0,r.EM)("hui-heading-badge")],u),e()}catch(t){e(t)}})},74387(t,e,i){i.a(t,async function(t,e){try{i(74423),i(18111),i(22489);var a=i(62826),s=i(5124),r=i(22441),o=i(6412),n=i(89784),h=(i(46190),i(47129)),c=i(52658),l=i(82286),d=i(63004),u=i(20058),p=i(8549),g=i(9899),_=i(32074),f=(i(97955),i(8889),i(67094),i(38279)),m=i(22675),v=i(17392),y=t([_,u]);[_,u]=y.then?(await y)():y;const b="M19,13H5V11H19V13Z",w="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z",x="M15 13V5A3 3 0 0 0 9 5V13A5 5 0 1 0 15 13M12 4A1 1 0 0 1 13 5V8H11V5A1 1 0 0 1 12 4Z",$="M16.95,16.95L14.83,14.83C15.55,14.1 16,13.1 16,12C16,11.26 15.79,10.57 15.43,10L17.6,7.81C18.5,9 19,10.43 19,12C19,13.93 18.22,15.68 16.95,16.95M12,5C13.57,5 15,5.5 16.19,6.4L14,8.56C13.43,8.21 12.74,8 12,8A4,4 0 0,0 8,12C8,13.1 8.45,14.1 9.17,14.83L7.05,16.95C5.78,15.68 5,13.93 5,12A7,7 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z",C={auto:"full",cool:"end",dry:"full",fan_only:"full",heat:"start",heat_cool:"full",off:"full"};class E extends s.WF{willUpdate(t){super.willUpdate(t),t.has("stateObj")&&(this._targetTemperature={value:this.stateObj.attributes.temperature,low:this.stateObj.attributes.target_temp_low,high:this.stateObj.attributes.target_temp_high})}get _step(){return this.stateObj.attributes.target_temp_step||("°F"===this.hass.config.unit_system.temperature?1:.5)}get _min(){return this.stateObj.attributes.min_temp}get _max(){return this.stateObj.attributes.max_temp}_valueChanged(t){const{value:e}=t.detail;if("number"!=typeof e||isNaN(e))return;const i=t.type.replace("-changed","");this._targetTemperature={...this._targetTemperature,[i]:e},this._selectTargetTemperature=i,this._callService(i)}_valueChanging(t){const{value:e}=t.detail;if("number"!=typeof e||isNaN(e))return;const i=t.type.replace("-changing","");this._targetTemperature={...this._targetTemperature,[i]:e},this._selectTargetTemperature=i}_callService(t){"high"!==t&&"low"!==t?this.hass.callService("climate","set_temperature",{entity_id:this.stateObj.entity_id,temperature:this._targetTemperature.value}):this.hass.callService("climate","set_temperature",{entity_id:this.stateObj.entity_id,target_temp_low:this._targetTemperature.low,target_temp_high:this._targetTemperature.high})}_handleButton(t){const e=t.currentTarget.target,i=t.currentTarget.step,a="high"===e?this._max:this._min;let s=this._targetTemperature[e]??a;s+=i,s=(0,d.q)(s,this._min,this._max),"high"===e&&null!=this._targetTemperature.low&&(s=(0,d.q)(s,this._targetTemperature.low,this._max)),"low"===e&&null!=this._targetTemperature.high&&(s=(0,d.q)(s,this._min,this._targetTemperature.high)),this._targetTemperature={...this._targetTemperature,[e]:s},this._debouncedCallService(e)}_handleSelectTemp(t){const e=t.currentTarget.target;this._selectTargetTemperature=e}_renderLabel(){if(this.stateObj.state===m.Hh)return s.qy` <p class="label disabled"> ${this.hass.formatEntityState(this.stateObj,m.Hh)} </p> `;const t=this.stateObj.attributes.hvac_action,e=null!=this.stateObj.attributes.current_temperature&&this.showCurrentAsPrimary||(this._supportsTargetTemperature||this._supportsTargetTemperatureRange)&&!this.showCurrentAsPrimary;return s.qy` <p class="label"> ${t&&"off"!==t?this.hass.formatEntityAttributeValue(this.stateObj,"hvac_action"):e?this.hass.formatEntityState(this.stateObj):s.s6} </p> `}_renderTemperatureButtons(t,e){const i=(0,c.Se)(this.stateObj,"heat"),a=(0,c.Se)(this.stateObj,"cool"),r=e&&(0,h.a)(this.stateObj)?"high"===t?a:i:void 0;return s.qy` <div class="buttons"> <ha-outlined-icon-button style="${(0,n.W)({"--md-sys-color-outline":r})}" .target="${t}" .step="${-this._step}" @click="${this._handleButton}"> <ha-svg-icon .path="${b}"></ha-svg-icon> </ha-outlined-icon-button> <ha-outlined-icon-button style="${(0,n.W)({"--md-sys-color-outline":r})}" .target="${t}" .step="${this._step}" @click="${this._handleButton}"> <ha-svg-icon .path="${w}"></ha-svg-icon> </ha-outlined-icon-button> </div> `}_renderTarget(t,e,i){const a=this._step.toString().split(".")?.[1]?.length??0,r={maximumFractionDigits:a,minimumFractionDigits:a},o=i?"":this.hass.config.unit_system.temperature;if("big"===e)return s.qy` <ha-big-number .value="${t}" .unit="${o}" .hass="${this.hass}" .formatOptions="${r}"></ha-big-number> `;const n=(0,u.ZV)(t,this.hass.locale,r);return s.qy`${n}${(0,p.A)(o,this.hass.locale)}${o}`}_renderCurrent(t,e){const i={maximumFractionDigits:1};return"big"===e?s.qy` <ha-big-number .value="${t}" .unit="${this.hass.config.unit_system.temperature}" .hass="${this.hass}" .formatOptions="${i}"></ha-big-number> `:s.qy` ${this.hass.formatEntityAttributeValue(this.stateObj,"current_temperature",t)} `}_renderPrimary(){const t=this.stateObj.attributes.current_temperature;return null!=t&&this.showCurrentAsPrimary?this._renderCurrent(t,"big"):this._supportsTargetTemperature&&!this.showCurrentAsPrimary?this._renderTarget(this._targetTemperature.value,"big"):this._supportsTargetTemperatureRange&&!this.showCurrentAsPrimary?s.qy` <div class="dual"> <button @click="${this._handleSelectTemp}" .target="${"low"}" class="target-button ${(0,o.H)({selected:"low"===this._selectTargetTemperature})}"> ${this._renderTarget(this._targetTemperature.low,"big")} </button> <button @click="${this._handleSelectTemp}" .target="${"high"}" class="target-button ${(0,o.H)({selected:"high"===this._selectTargetTemperature})}"> ${this._renderTarget(this._targetTemperature.high,"big")} </button> </div> `:this.stateObj.state!==m.Hh?s.qy` <p class="primary-state"> ${this.hass.formatEntityState(this.stateObj)} </p> `:s.s6}_renderSecondary(){if(!this.showSecondary)return s.qy`<p class="label secondary"></p>`;const t=this.stateObj.attributes.current_temperature;return t&&!this.showCurrentAsPrimary?s.qy` <p class="label secondary"> <ha-svg-icon .path="${x}"></ha-svg-icon> ${this._renderCurrent(t,"normal")} </p> `:this._supportsTargetTemperature&&this.showCurrentAsPrimary?s.qy` <p class="label secondary"> <ha-svg-icon .path="${$}"></ha-svg-icon> ${this._renderTarget(this._targetTemperature.value,"normal")} </p> `:this._supportsTargetTemperatureRange&&this.showCurrentAsPrimary?s.qy` <p class="label secondary"> <ha-svg-icon class="target-icon" .path="${$}"></ha-svg-icon> <button @click="${this._handleSelectTemp}" .target="${"low"}" class="target-button ${(0,o.H)({selected:"low"===this._selectTargetTemperature})}"> ${this._renderTarget(this._targetTemperature.low,"normal",!0)} </button> <span>·</span> <button @click="${this._handleSelectTemp}" .target="${"high"}" class="target-button ${(0,o.H)({selected:"high"===this._selectTargetTemperature})}"> ${this._renderTarget(this._targetTemperature.high,"normal",!0)} </button> </p> `:s.qy`<p class="label secondary"></p>`}_renderInfo(){return s.qy` <div class="info"> ${this._renderLabel()}${this._renderPrimary()}${this._renderSecondary()} </div> `}get _supportsTargetTemperature(){return(0,l.$)(this.stateObj,f.$2.TARGET_TEMPERATURE)&&null!=this._targetTemperature.value}get _supportsTargetTemperatureRange(){return(0,l.$)(this.stateObj,f.$2.TARGET_TEMPERATURE_RANGE)&&null!=this._targetTemperature.low&&null!=this._targetTemperature.high}render(){const t=this.stateObj.state,e=this.stateObj.attributes.hvac_action,i=(0,h.a)(this.stateObj),a=(0,c.Se)(this.stateObj),r=(0,c.Se)(this.stateObj,i?"heat":"off"),o=(0,c.Se)(this.stateObj,i?"cool":"off");let l;e&&"idle"!==e&&"off"!==e&&i&&(l=(0,c.Se)(this.stateObj,f.sx[e]));const d=this._sizeController.value?` ${this._sizeController.value}`:"";if(this._supportsTargetTemperature&&this.stateObj.state!==m.Hh){const e=this.stateObj.attributes.hvac_modes.filter(t=>["heat","cool","heat_cool"].includes(t)),r=C[1===e.length&&["off","auto"].includes(t)?e[0]:t];return s.qy` <div class="container${d}" style="${(0,n.W)({"--state-color":a,"--action-color":l})}"> <ha-control-circular-slider .preventInteractionOnScroll="${this.preventInteractionOnScroll}" .inactive="${!i}" .mode="${r}" .value="${this._targetTemperature.value}" .min="${this._min}" .max="${this._max}" .step="${this._step}" .current="${this.stateObj.attributes.current_temperature}" @value-changed="${this._valueChanged}" @value-changing="${this._valueChanging}"> </ha-control-circular-slider> ${this._renderInfo()} ${this._renderTemperatureButtons("value")} </div> `}return this._supportsTargetTemperatureRange&&this.stateObj.state!==m.Hh?s.qy` <div class="container${d}" style="${(0,n.W)({"--low-color":r,"--high-color":o,"--action-color":l})}"> <ha-control-circular-slider .preventInteractionOnScroll="${this.preventInteractionOnScroll}" .inactive="${!i}" dual .low="${this._targetTemperature.low}" .high="${this._targetTemperature.high}" .min="${this._min}" .max="${this._max}" .step="${this._step}" .current="${this.stateObj.attributes.current_temperature}" @low-changed="${this._valueChanged}" @low-changing="${this._valueChanging}" @high-changed="${this._valueChanged}" @high-changing="${this._valueChanging}"> </ha-control-circular-slider> ${this._renderInfo()} ${this._renderTemperatureButtons(this._selectTargetTemperature,!0)} </div> `:s.qy` <div class="container${d}" style="${(0,n.W)({"--state-color":a,"--action-color":l})}"> <ha-control-circular-slider .preventInteractionOnScroll="${this.preventInteractionOnScroll}" mode="full" .current="${this.stateObj.attributes.current_temperature}" .min="${this._min}" .max="${this._max}" .step="${this._step}" readonly="readonly" .disabled="${!i}"> </ha-control-circular-slider> ${this._renderInfo()} </div> `}static get styles(){return[v.Y,s.AH`.dual{display:flex;flex-direction:row;gap:var(--ha-space-6)}.target-button{outline:0;background:0 0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-tap-highlight-color:transparent;border:none;opacity:.7;padding:0;transition:opacity 180ms ease-in-out,transform 180ms ease-in-out;cursor:pointer}.target-button:focus-visible{transform:scale(1.1)}.target-button.selected{opacity:1}.container.md .dual{gap:var(--ha-space-4)}.container.sm .dual,.container.xs .dual{gap:var(--ha-space-2)}.container.sm .target-icon{display:none}.secondary{direction:ltr}ha-control-circular-slider{--control-circular-slider-low-color:var(
--low-color,
var(--disabled-color)
);--control-circular-slider-high-color:var(
--high-color,
var(--disabled-color)
)}`]}constructor(...t){super(...t),this.showSecondary=!1,this.showCurrentAsPrimary=!1,this.preventInteractionOnScroll=!1,this._targetTemperature={},this._selectTargetTemperature="low",this._sizeController=(0,v.H)(this),this._debouncedCallService=(0,g.s)(t=>this._callService(t),1e3)}}(0,a.Cg)([(0,r.MZ)({attribute:!1})],E.prototype,"hass",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],E.prototype,"stateObj",void 0),(0,a.Cg)([(0,r.MZ)({attribute:"show-secondary",type:Boolean})],E.prototype,"showSecondary",void 0),(0,a.Cg)([(0,r.MZ)({attribute:"use-current-as-primary",type:Boolean})],E.prototype,"showCurrentAsPrimary",void 0),(0,a.Cg)([(0,r.MZ)({type:Boolean,attribute:"prevent-interaction-on-scroll"})],E.prototype,"preventInteractionOnScroll",void 0),(0,a.Cg)([(0,r.wk)()],E.prototype,"_targetTemperature",void 0),(0,a.Cg)([(0,r.wk)()],E.prototype,"_selectTargetTemperature",void 0),E=(0,a.Cg)([(0,r.EM)("ha-state-control-climate-temperature")],E),e()}catch(t){e(t)}})},17392(t,e,i){i.d(e,{H:()=>r,Y:()=>s});var a=i(88696);const s=i(5124).AH`:host{width:320px}.container{position:relative;container-type:inline-size;container-name:container}.info{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;font-size:var(--ha-font-size-l);line-height:var(--ha-line-height-normal);letter-spacing:.1px;gap:var(--ha-space-2);--mdc-icon-size:16px}.info *{margin:0;pointer-events:auto}.label{width:60%;font-weight:var(--ha-font-weight-medium);text-align:center;color:var(--action-color,inherit);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--ha-line-height-normal);min-height:1.5em;white-space:nowrap}.label span{white-space:nowrap}.label ha-svg-icon{bottom:5%}.label.disabled{color:var(--secondary-text-color)}.buttons{position:absolute;bottom:10px;left:0;right:0;margin:0 auto;gap:var(--ha-space-6);display:flex;flex-direction:row;align-items:center;justify-content:center;pointer-events:none}.buttons>*{pointer-events:auto}.primary-state{font-size:36px}.buttons ha-outlined-icon-button{--md-outlined-icon-button-container-width:48px;--md-outlined-icon-button-container-height:48px;--md-outlined-icon-button-icon-size:24px}.container.md ha-big-number{font-size:44px}.container.md .state{font-size:var(--ha-font-size-3xl)}.container.md .info{margin-top:12px;gap:6px}.container.md .buttons{display:none}.container.md ha-control-circular-slider{margin-bottom:-16px}.container.sm ha-big-number{font-size:var(--ha-font-size-4xl)}.container.sm .state{font-size:var(--ha-font-size-2xl)}.container.sm .info{margin-top:12px;font-size:var(--ha-font-size-m);gap:2px;--mdc-icon-size:14px}.container.sm .buttons{display:none}.container.sm ha-control-circular-slider{margin-bottom:-16px}.container.xs ha-big-number{font-size:var(--ha-font-size-4xl)}.container.xs .state{font-size:var(--ha-font-size-l)}.container.xs .info{margin-top:12px}.container.xs .buttons{display:none}.container.xs ha-control-circular-slider{margin-bottom:-16px}.container.xs .label{display:none}ha-control-circular-slider{width:100%;--control-circular-slider-color:var(--state-color, var(--disabled-color))}ha-control-circular-slider::after{display:block;content:"";position:absolute;top:-10%;left:-10%;right:-10%;bottom:-10%;background:radial-gradient(50% 50% at 50% 50%,var(--action-color,transparent) 0%,transparent 100%);opacity:.15;pointer-events:none}`,r=t=>new a.P(t,{callback:t=>{const e=t[0]?.contentRect.width;return e<130?"xs":e<190?"sm":e<250?"md":"lg"}})},31515(t,e,i){i.a(t,async function(t,e){try{var a=i(62826),s=i(5124),r=i(22441),o=i(89784),n=(i(46190),i(47129)),h=i(52658),c=i(82286),l=i(63004),d=i(9899),u=i(32074),p=(i(97955),i(8889),i(67094),i(22675)),g=i(62091),_=i(17392),f=t([u]);u=(f.then?(await f)():f)[0];const m="M19,13H5V11H19V13Z",v="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";class y extends s.WF{willUpdate(t){super.willUpdate(t),t.has("stateObj")&&(this._targetTemperature=this.stateObj.attributes.temperature)}get _step(){return this.stateObj.attributes.target_temp_step||("°F"===this.hass.config.unit_system.temperature?1:.5)}get _min(){return this.stateObj.attributes.min_temp}get _max(){return this.stateObj.attributes.max_temp}_valueChanged(t){const{value:e}=t.detail;"number"!=typeof e||isNaN(e)||(this._targetTemperature=e,this._callService())}_valueChanging(t){const{value:e}=t.detail;"number"!=typeof e||isNaN(e)||(this._targetTemperature=e)}_callService(){this.hass.callService("water_heater","set_temperature",{entity_id:this.stateObj.entity_id,temperature:this._targetTemperature})}_handleButton(t){const e=t.currentTarget.step;let i=this._targetTemperature??this._min;i+=e,i=(0,l.q)(i,this._min,this._max),this._targetTemperature=i,this._debouncedCallService()}_renderLabel(){return this.stateObj.state===p.Hh?s.qy` <p class="label disabled"> ${this.hass.formatEntityState(this.stateObj,p.Hh)} </p> `:(0,c.$)(this.stateObj,g.ic.TARGET_TEMPERATURE)&&this._targetTemperature?s.qy` <p class="label">${this.hass.localize("ui.card.water_heater.target")}</p> `:s.qy` <p class="label">${this.hass.formatEntityState(this.stateObj)}</p> `}_renderButtons(){return s.qy` <div class="buttons"> <ha-outlined-icon-button .step="${-this._step}" @click="${this._handleButton}"> <ha-svg-icon .path="${m}"></ha-svg-icon> </ha-outlined-icon-button> <ha-outlined-icon-button .step="${this._step}" @click="${this._handleButton}"> <ha-svg-icon .path="${v}"></ha-svg-icon> </ha-outlined-icon-button> </div> `}_renderTargetTemperature(t){const e=this._step.toString().split(".")?.[1]?.length??0,i={maximumFractionDigits:e,minimumFractionDigits:e};return s.qy` <ha-big-number .value="${t}" .unit="${this.hass.config.unit_system.temperature}" .hass="${this.hass}" .formatOptions="${i}"></ha-big-number> `}_renderCurrentTemperature(t){return this.showCurrent&&null!=t?s.qy` <p class="label"> ${this.hass.localize("ui.card.water_heater.currently")} <span> ${this.hass.formatEntityAttributeValue(this.stateObj,"current_temperature",t)} </span> </p> `:s.qy`<p class="label"> </p>`}render(){const t=(0,c.$)(this.stateObj,g.ic.TARGET_TEMPERATURE),e=(0,h.Se)(this.stateObj),i=(0,n.a)(this.stateObj),a=this._sizeController.value?` ${this._sizeController.value}`:"";return t&&null!=this._targetTemperature&&this.stateObj.state!==p.Hh?s.qy` <div class="container${a}" style="${(0,o.W)({"--state-color":e})}"> <ha-control-circular-slider .preventInteractionOnScroll="${this.preventInteractionOnScroll}" .inactive="${!i}" .value="${this._targetTemperature}" .min="${this._min}" .max="${this._max}" .step="${this._step}" .current="${this.stateObj.attributes.current_temperature}" @value-changed="${this._valueChanged}" @value-changing="${this._valueChanging}"> </ha-control-circular-slider> <div class="info"> ${this._renderLabel()} ${this._renderTargetTemperature(this._targetTemperature)} ${this._renderCurrentTemperature(this.stateObj.attributes.current_temperature)} </div> ${this._renderButtons()} </div> `:s.qy` <div class="container${a}" style="${(0,o.W)({"--state-color":e})}"> <ha-control-circular-slider .preventInteractionOnScroll="${this.preventInteractionOnScroll}" mode="full" .current="${this.stateObj.attributes.current_temperature}" .min="${this._min}" .max="${this._max}" .step="${this._step}" readonly="readonly" .disabled="${!i}"> </ha-control-circular-slider> <div class="info"> ${this._renderLabel()} ${this._renderCurrentTemperature(this.stateObj.attributes.current_temperature)} </div> </div> `}static get styles(){return _.Y}constructor(...t){super(...t),this.showCurrent=!1,this.preventInteractionOnScroll=!1,this._sizeController=(0,_.H)(this),this._debouncedCallService=(0,d.s)(()=>this._callService(),1e3)}}(0,a.Cg)([(0,r.MZ)({attribute:!1})],y.prototype,"hass",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],y.prototype,"stateObj",void 0),(0,a.Cg)([(0,r.MZ)({attribute:"show-current",type:Boolean})],y.prototype,"showCurrent",void 0),(0,a.Cg)([(0,r.MZ)({type:Boolean,attribute:"prevent-interaction-on-scroll"})],y.prototype,"preventInteractionOnScroll",void 0),(0,a.Cg)([(0,r.wk)()],y.prototype,"_targetTemperature",void 0),y=(0,a.Cg)([(0,r.EM)("ha-state-control-water_heater-temperature")],y),e()}catch(t){e(t)}})}};