iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
2 lines • 1.85 kB
JavaScript
export const __webpack_ids__=["64167"];export const __webpack_modules__={75142:function(e,i,t){t.r(i),t.d(i,{HuiPictureHeaderFooter:()=>l});var o=t(44249),n=t(57243),a=t(15093),s=t(35359),c=t(20552),d=(t(54977),t(3967)),r=t(1617),h=t(5684);let l=(0,o.Z)([(0,a.Mo)("hui-picture-header-footer")],(function(e,i){return{F:class extends i{constructor(...i){super(...i),e(this)}},d:[{kind:"method",static:!0,key:"getStubConfig",value:function(){return{image:"https://www.home-assistant.io/images/lovelace/header-footer/balloons-header.png",tap_action:{action:"none"},hold_action:{action:"none"}}}},{kind:"field",decorators:[(0,a.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,a.Cb)()],key:"type",value:void 0},{kind:"field",decorators:[(0,a.SB)()],key:"_config",value:void 0},{kind:"method",key:"getCardSize",value:function(){return 3}},{kind:"method",key:"setConfig",value:function(e){if(!e||!e.image)throw new Error("Image required");this._config=e}},{kind:"method",key:"shouldUpdate",value:function(e){return 1!==e.size||!e.has("hass")||!e.get("hass")}},{kind:"method",key:"render",value:function(){if(!this._config||!this.hass)return n.Ld;const e=Boolean(this._config.tap_action||this._config.hold_action);return n.dy` <img alt="${(0,c.o)(this._config?.alt_text)}" @action="${this._handleAction}" .actionHandler="${(0,d.K)({hasHold:(0,h._)(this._config.hold_action),hasDoubleClick:(0,h._)(this._config.double_tap_action)})}" tabindex="${(0,c.o)(e?0:void 0)}" class="${(0,s.$)({clickable:e})}" src="${this.hass.hassUrl(this._config.image)}"> `}},{kind:"field",static:!0,key:"styles",value:()=>n.iv`img.clickable{cursor:pointer}img{display:block;width:100%}`},{kind:"method",key:"_handleAction",value:function(e){(0,r.G)(this,this.hass,this._config,e.detail.action)}}]}}),n.oi)}};
//# sourceMappingURL=64167.297b648ff1918943.js.map