iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
2 lines • 3.32 kB
JavaScript
export const __webpack_ids__=["84999"];export const __webpack_modules__={68448:function(t,i,e){var s=e(44249),a=e(57243),n=e(15093),r=e(96194);(0,s.Z)([(0,n.Mo)("ha-humidifier-state")],(function(t,i){return{F:class extends i{constructor(...i){super(...i),t(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"stateObj",value:void 0},{kind:"method",key:"render",value:function(){const t=this._computeCurrentStatus();return a.dy`<div class="target"> ${(0,r.rk)(this.stateObj.state)?this._localizeState():a.dy`<span class="state-label"> ${this._localizeState()} ${this.stateObj.attributes.mode?a.dy`- ${this.hass.formatEntityAttributeValue(this.stateObj,"mode")}`:""} </span> <div class="unit">${this._computeTarget()}</div>`} </div> ${t&&!(0,r.rk)(this.stateObj.state)?a.dy`<div class="current"> ${this.hass.localize("ui.card.climate.currently")}: <div class="unit">${t}</div> </div>`:""}`}},{kind:"method",key:"_computeCurrentStatus",value:function(){if(this.hass&&this.stateObj)return null!=this.stateObj.attributes.current_humidity?`${this.hass.formatEntityAttributeValue(this.stateObj,"current_humidity")}`:void 0}},{kind:"method",key:"_computeTarget",value:function(){return this.hass&&this.stateObj&&null!=this.stateObj.attributes.humidity?`${this.hass.formatEntityAttributeValue(this.stateObj,"humidity")}`:""}},{kind:"method",key:"_localizeState",value:function(){if((0,r.rk)(this.stateObj.state))return this.hass.localize(`state.default.${this.stateObj.state}`);const t=this.hass.formatEntityState(this.stateObj);if(this.stateObj.attributes.action&&this.stateObj.state!==r.PX){return`${this.hass.formatEntityAttributeValue(this.stateObj,"action")} (${t})`}return t}},{kind:"field",static:!0,key:"styles",value:()=>a.iv`:host{display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.target{color:var(--primary-text-color)}.current{color:var(--secondary-text-color)}.state-label{font-weight:700}.unit{display:inline-block;direction:ltr}`}]}}),a.oi)},88916:function(t,i,e){e.a(t,(async function(t,s){try{e.r(i);var a=e(44249),n=e(57243),r=e(15093),o=(e(29891),e(68448),e(93331)),u=e(8069),h=e(62577),c=t([u]);u=(c.then?(await c)():c)[0];(0,a.Z)([(0,r.Mo)("hui-humidifier-entity-row")],(function(t,i){return{F:class extends i{constructor(...i){super(...i),t(this)}},d:[{kind:"field",decorators:[(0,r.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,r.SB)()],key:"_config",value:void 0},{kind:"method",key:"setConfig",value:function(t){if(!t||!t.entity)throw new Error("Entity must be specified");this._config=t}},{kind:"method",key:"shouldUpdate",value:function(t){return(0,o.G2)(this,t)}},{kind:"method",key:"render",value:function(){if(!this.hass||!this._config)return n.Ld;const t=this.hass.states[this._config.entity];return t?n.dy` <hui-generic-entity-row .hass="${this.hass}" .config="${this._config}"> <ha-humidifier-state .hass="${this.hass}" .stateObj="${t}"> </ha-humidifier-state> </hui-generic-entity-row> `:n.dy` <hui-warning> ${(0,h.i)(this.hass,this._config.entity)} </hui-warning> `}},{kind:"field",static:!0,key:"styles",value:()=>n.iv`ha-humidifier-state{text-align:right}`}]}}),n.oi);s()}catch(t){s(t)}}))}};
//# sourceMappingURL=84999.bc85af393a3d677f.js.map