iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 8.41 kB
JavaScript
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[55684],{28732:function(t,e,i){var a=i(40445),n=i(27686),s=i(7731),r=i(5124),o=i(67576);let l,c,d,h=t=>t;class p extends n.J{renderRipple(){return this.noninteractive?"":super.renderRipple()}static get styles(){return[s.R,(0,r.AH)(l||(l=h`:host{padding-left:var(--mdc-list-side-padding-left,var(--mdc-list-side-padding,20px));padding-inline-start:var(--mdc-list-side-padding-left,var(--mdc-list-side-padding,20px));padding-right:var(--mdc-list-side-padding-right,var(--mdc-list-side-padding,20px));padding-inline-end:var(--mdc-list-side-padding-right,var(--mdc-list-side-padding,20px))}:host([graphic=avatar]:not([twoLine])),:host([graphic=icon]:not([twoLine])){height:48px}span.material-icons:first-of-type{margin-inline-start:0px!important;margin-inline-end:var(--mdc-list-item-graphic-margin,16px)!important;direction:var(--direction)!important}span.material-icons:last-of-type{margin-inline-start:auto!important;margin-inline-end:0px!important;direction:var(--direction)!important}.mdc-deprecated-list-item__meta{display:var(--mdc-list-item-meta-display);align-items:center;flex-shrink:0}:host([graphic=icon]:not([twoline])) .mdc-deprecated-list-item__graphic{margin-inline-end:var(--mdc-list-item-graphic-margin,20px)!important}:host([multiline-secondary]){height:auto}:host([multiline-secondary]) .mdc-deprecated-list-item__text{padding:8px 0}:host([multiline-secondary]) .mdc-deprecated-list-item__secondary-text{text-overflow:initial;white-space:normal;overflow:auto;display:inline-block;margin-top:10px}:host([multiline-secondary]) .mdc-deprecated-list-item__primary-text{margin-top:10px}:host([multiline-secondary]) .mdc-deprecated-list-item__secondary-text::before{display:none}:host([multiline-secondary]) .mdc-deprecated-list-item__primary-text::before{display:none}:host([disabled]){color:var(--disabled-text-color)}:host([noninteractive]){pointer-events:unset}`)),"rtl"===document.dir?(0,r.AH)(c||(c=h`span.material-icons:first-of-type,span.material-icons:last-of-type{direction:rtl!important;--direction:rtl}`)):(0,r.AH)(d||(d=h``))]}}p=(0,a.Cg)([(0,o.EM)("ha-list-item")],p)},3688:function(t,e,i){var a=i(40445),n=i(5124),s=i(67576),r=i(6412);let o,l,c=t=>t;class d extends n.WF{render(){const t=`items-${this.childElementCount}`;return(0,n.qy)(o||(o=c` <div class="controls"> <div class="controls-scroll ${0}"> <slot></slot> </div> </div> `),(0,r.H)({[t]:!0,multiline:this.childElementCount>=4}))}}d.styles=(0,n.AH)(l||(l=c`.controls{display:flex;flex-direction:row;justify-content:center}.controls-scroll{display:flex;flex-direction:row;justify-content:flex-start;gap:var(--ha-space-3);margin:auto;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;margin:-2px calc(var(--ha-space-6) * -1);padding:2px var(--ha-space-6)}.controls-scroll::-webkit-scrollbar{display:none}::slotted(*){min-width:120px;max-width:160px;flex:none} all and (hover:hover),all and (min-width:600px) and (min-height:501px){.controls-scroll{justify-content:center;flex-wrap:wrap;width:100%;max-width:450px}.controls-scroll.items-4{max-width:300px}.controls-scroll.items-3 ::slotted(*){max-width:140px}.multiline ::slotted(*){width:140px}}`)),d=(0,a.Cg)([(0,s.EM)("ha-more-info-control-select-container")],d)},37863:function(t,e,i){i.d(e,{K:function(){return n}});let a;const n=(0,i(5124).AH)(a||(a=(t=>t)`:host{display:flex;flex-direction:column;flex:1;justify-content:space-between}.controls{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.controls:not(:last-child){margin-bottom:var(--ha-space-6)}.controls>:not(:last-child){margin-bottom:var(--ha-space-6)}.buttons{display:flex;align-items:center;justify-content:center;margin-bottom:var(--ha-space-3)}.buttons>*{margin:var(--ha-space-2)}ha-attributes{display:block;width:100%}ha-more-info-control-select-container+ha-attributes:not([empty]){margin-top:var(--ha-space-4)}`))},1199:function(t,e,i){i.a(t,async function(t,a){try{i.r(e);i(26910),i(18111),i(61701),i(3362),i(62953);var n=i(40445),s=i(5124),r=i(67576),o=i(82286),l=i(36248),c=i(56048),d=(i(28732),i(22675)),h=i(62091),p=i(31515),m=(i(3688),i(37863)),u=t([l,c,p]);[l,c,p]=u.then?(await u)():u;let g,v,f,y,x,b,_=t=>t;const w="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z",$="M18 16H14V18H18V20L21 17L18 14V16M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 14C6.6 14 3 15.8 3 18V20H12.5C12.2 19.2 12 18.4 12 17.5C12 16.3 12.3 15.2 12.9 14.1C12.3 14.1 11.7 14 11 14",C="M8 2C6.89 2 6 2.89 6 4V16C6 17.11 6.89 18 8 18H9V20H6V22H9C10.11 22 11 21.11 11 20V18H13V20C13 21.11 13.89 22 15 22H18V20H15V18H16C17.11 18 18 17.11 18 16V4C18 2.89 17.11 2 16 2H8M12 4.97A2 2 0 0 1 14 6.97A2 2 0 0 1 12 8.97A2 2 0 0 1 10 6.97A2 2 0 0 1 12 4.97M10 14.5H14V16H10V14.5Z";class j extends s.WF{render(){if(!this.stateObj)return s.s6;const t=this.stateObj,e=(0,o.$)(t,h.ic.OPERATION_MODE),i=(0,o.$)(t,h.ic.AWAY_MODE),a=this.stateObj.attributes.current_temperature;return(0,s.qy)(g||(g=_` <div class="current"> ${0} </div> <div class="controls"> <ha-state-control-water_heater-temperature .hass="${0}" .stateObj="${0}"></ha-state-control-water_heater-temperature> </div> <ha-more-info-control-select-container> ${0} ${0} </ha-more-info-control-select-container> `),null!=a?(0,s.qy)(v||(v=_` <div> <p class="label"> ${0} </p> <p class="value"> ${0} </p> </div> `),this.hass.formatEntityAttributeName(this.stateObj,"current_temperature"),this.hass.formatEntityAttributeValue(this.stateObj,"current_temperature")):s.s6,this.hass,this.stateObj,e&&t.attributes.operation_list?(0,s.qy)(f||(f=_` <ha-control-select-menu .hass="${0}" .label="${0}" .value="${0}" .disabled="${0}" -select="${0}" .options="${0}" .renderIcon="${0}"> <ha-svg-icon slot="icon" .path="${0}"></ha-svg-icon> </ha-control-select-menu> `),this.hass,this.hass.localize("ui.card.water_heater.mode"),t.state,t.state===d.Hh,this._handleOperationModeChanged,t.attributes.operation_list.concat().sort(h.im).map(e=>({value:e,label:this.hass.formatEntityState(t,e)})),this._renderOperationModeIcon,C):s.s6,i?(0,s.qy)(y||(y=_` <ha-control-select-menu .label="${0}" .value="${0}" .disabled="${0}" -select="${0}" .options="${0}"> <ha-svg-icon slot="icon" .path="${0}"></ha-svg-icon> </ha-control-select-menu> `),this.hass.formatEntityAttributeName(t,"away_mode"),t.attributes.away_mode,t.state===d.Hh,this._handleAwayModeChanged,["on","off"].map(e=>({value:e,label:this.hass.formatEntityAttributeValue(t,"away_mode",e),iconPath:"on"===e?$:w})),w):s.s6)}_handleOperationModeChanged(t){const e=t.detail.item.value;this._callServiceHelper(this.stateObj.state,e,"set_operation_mode",{operation_mode:e})}_handleAwayModeChanged(t){const e="on"===t.detail.item.value,i="on"===this.stateObj.attributes.away_mode;this._callServiceHelper(i,e,"set_away_mode",{away_mode:e})}async _callServiceHelper(t,e,i,a){if(t===e)return;a.entity_id=this.stateObj.entity_id;const n=this.stateObj;await this.hass.callService("water_heater",i,a),await new Promise(t=>{setTimeout(t,2e3)}),this.stateObj===n&&(this.stateObj=void 0,await this.updateComplete,void 0===this.stateObj&&(this.stateObj=n))}static get styles(){return[m.K,(0,s.AH)(x||(x=_`:host{color:var(--primary-text-color)}.current{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;margin-bottom:var(--ha-space-10)}.current div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1}.current p{margin:0;text-align:center;color:var(--primary-text-color)}.current .label{opacity:.8;font-size:var(--ha-font-size-m);line-height:var(--ha-line-height-condensed);letter-spacing:.4px;margin-bottom:var(--ha-space-1)}.current .value{font-size:var(--ha-font-size-xl);font-weight:var(--ha-font-weight-medium);line-height:var(--ha-line-height-condensed);direction:ltr}`))]}constructor(...t){super(...t),this._renderOperationModeIcon=t=>(0,s.qy)(b||(b=_`<ha-attribute-icon .hass="${0}" .stateObj="${0}" attribute="operation_mode" .attributeValue="${0}"></ha-attribute-icon>`),this.hass,this.stateObj,t)}}(0,n.Cg)([(0,r.MZ)({attribute:!1})],j.prototype,"hass",void 0),(0,n.Cg)([(0,r.MZ)({attribute:!1})],j.prototype,"stateObj",void 0),j=(0,n.Cg)([(0,r.EM)("more-info-water_heater")],j),a()}catch(g){a(g)}})}}]);