iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 8.05 kB
JavaScript
export const __rspack_esm_id=55684;export const __rspack_esm_ids=[55684];export const __webpack_modules__={28732(t,e,a){var i=a(62826),n=a(27686),s=a(7731),r=a(5124),o=a(22441);class l extends n.J{renderRipple(){return this.noninteractive?"":super.renderRipple()}static get styles(){return[s.R,r.AH`: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?r.AH`span.material-icons:first-of-type,span.material-icons:last-of-type{direction:rtl!important;--direction:rtl}`:r.AH``]}}l=(0,i.Cg)([(0,o.EM)("ha-list-item")],l)},3688(t,e,a){var i=a(62826),n=a(5124),s=a(22441),r=a(6412);class o extends n.WF{render(){const t=`items-${this.childElementCount}`;return n.qy` <div class="controls"> <div class="controls-scroll ${(0,r.H)({[t]:!0,multiline:this.childElementCount>=4})}"> <slot></slot> </div> </div> `}}o.styles=n.AH`.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}}`,o=(0,i.Cg)([(0,s.EM)("ha-more-info-control-select-container")],o)},37863(t,e,a){a.d(e,{K:()=>i});const i=a(5124).AH`: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(t,e,a){a.a(t,async function(t,i){try{a.r(e);a(18111),a(61701);var n=a(62826),s=a(5124),r=a(22441),o=a(82286),l=a(36248),c=a(56048),d=(a(28732),a(22675)),h=a(62091),p=a(31515),m=(a(3688),a(37863)),u=t([l,c,p]);[l,c,p]=u.then?(await u)():u;const g="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",v="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",y="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 x extends s.WF{render(){if(!this.stateObj)return s.s6;const t=this.stateObj,e=(0,o.$)(t,h.ic.OPERATION_MODE),a=(0,o.$)(t,h.ic.AWAY_MODE),i=this.stateObj.attributes.current_temperature;return s.qy` <div class="current"> ${null!=i?s.qy` <div> <p class="label"> ${this.hass.formatEntityAttributeName(this.stateObj,"current_temperature")} </p> <p class="value"> ${this.hass.formatEntityAttributeValue(this.stateObj,"current_temperature")} </p> </div> `:s.s6} </div> <div class="controls"> <ha-state-control-water_heater-temperature .hass="${this.hass}" .stateObj="${this.stateObj}"></ha-state-control-water_heater-temperature> </div> <ha-more-info-control-select-container> ${e&&t.attributes.operation_list?s.qy` <ha-control-select-menu .hass="${this.hass}" .label="${this.hass.localize("ui.card.water_heater.mode")}" .value="${t.state}" .disabled="${t.state===d.Hh}" -select="${this._handleOperationModeChanged}" .options="${t.attributes.operation_list.concat().sort(h.im).map(e=>({value:e,label:this.hass.formatEntityState(t,e)}))}" .renderIcon="${this._renderOperationModeIcon}"> <ha-svg-icon slot="icon" .path="${y}"></ha-svg-icon> </ha-control-select-menu> `:s.s6} ${a?s.qy` <ha-control-select-menu .label="${this.hass.formatEntityAttributeName(t,"away_mode")}" .value="${t.attributes.away_mode}" .disabled="${t.state===d.Hh}" -select="${this._handleAwayModeChanged}" .options="${["on","off"].map(e=>({value:e,label:this.hass.formatEntityAttributeValue(t,"away_mode",e),iconPath:"on"===e?v:g}))}"> <ha-svg-icon slot="icon" .path="${g}"></ha-svg-icon> </ha-control-select-menu> `:s.s6} </ha-more-info-control-select-container> `}_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,a="on"===this.stateObj.attributes.away_mode;this._callServiceHelper(a,e,"set_away_mode",{away_mode:e})}async _callServiceHelper(t,e,a,i){if(t===e)return;i.entity_id=this.stateObj.entity_id;const n=this.stateObj;await this.hass.callService("water_heater",a,i),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,s.AH`: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=>s.qy`<ha-attribute-icon .hass="${this.hass}" .stateObj="${this.stateObj}" attribute="operation_mode" .attributeValue="${t}"></ha-attribute-icon>`}}(0,n.Cg)([(0,r.MZ)({attribute:!1})],x.prototype,"hass",void 0),(0,n.Cg)([(0,r.MZ)({attribute:!1})],x.prototype,"stateObj",void 0),x=(0,n.Cg)([(0,r.EM)("more-info-water_heater")],x),i()}catch(t){i(t)}})}};