iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 2.49 kB
JavaScript
export const __rspack_esm_id=48285;export const __rspack_esm_ids=[48285];export const __webpack_modules__={90476(t,n,i){i.a(t,async function(t,o){try{i.r(n),i.d(n,{HuiEmptyStateCard:()=>_});i(18111),i(61701);var a=i(62826),e=i(5124),c=i(22441),s=i(6412),r=i(89784),h=i(63672),d=i(78870),l=(i(76776),i(18350)),p=(i(47680),i(22064)),g=t([l]);l=(g.then?(await g)():g)[0];class _ extends e.WF{static async getConfigElement(){return await i.e(15718).then(i.bind(i,8293)),document.createElement("hui-empty-state-card-editor")}static getStubConfig(){return{type:"empty-state",title:"Welcome Home",content:"This is an empty state card."}}getCardSize(){return 2}setConfig(t){this._config=t}render(){return this.hass&&this._config?e.qy` <ha-card class="${(0,s.H)({"content-only":this._config.content_only??!1})}"> <div class="container"> ${this._config.icon?e.qy` <ha-icon class="card-icon" .icon="${this._config.icon}" style="${(0,r.W)({color:this._config.icon_color?(0,d.MP)(this._config.icon_color):void 0})}"></ha-icon> `:e.s6} ${this._config.title?e.qy`<h1>${this._config.title}</h1>`:e.s6} ${this._config.content?e.qy`<p>${this._config.content}</p>`:e.s6} ${this._config.buttons?.length?e.qy` <div class="buttons"> ${this._config.buttons.map((t,n)=>e.qy` <ha-button .index="${n}" @click="${this._handleButtonAction}" appearance="${(0,h.J)(t.appearance)}" variant="${(0,h.J)(t.variant)}"> ${t.icon?e.qy`<ha-icon slot="start" .icon="${t.icon}"></ha-icon>`:e.s6} ${t.text} </ha-button> `)} </div> `:e.s6} </div> </ha-card> `:e.s6}_handleButtonAction(t){const n=t.currentTarget.index,i=this._config?.buttons?.[n];this.hass&&i&&(0,p.$)(this,this.hass,{tap_action:i.tap_action},"tap")}}_.styles=e.AH`:host{display:block;height:100%}ha-card{height:100%}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:var(--ha-space-8) var(--ha-space-4);box-sizing:border-box;gap:var(--ha-space-4);max-width:640px;margin:0 auto}.card-icon{--mdc-icon-size:var(--ha-space-16);color:var(--secondary-text-color)}h1{margin:0;font-size:var(--ha-font-size-xl);font-weight:500}p{margin:0;color:var(--secondary-text-color)}.buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ha-space-2)}.content-only{background:0 0;box-shadow:none;border:none}`,(0,a.Cg)([(0,c.MZ)({attribute:!1})],_.prototype,"hass",void 0),(0,a.Cg)([(0,c.wk)()],_.prototype,"_config",void 0),_=(0,a.Cg)([(0,c.EM)("hui-empty-state-card")],_),o()}catch(t){o(t)}})}};