iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 3.18 kB
JavaScript
export const __rspack_esm_id=15718;export const __rspack_esm_ids=[15718];export const __webpack_modules__={8293(e,t,a){a.a(e,async function(e,l){try{a.r(t),a.d(t,{HuiEmptyStateCardEditor:()=>v});var n=a(62826),o=a(5124),c=a(22441),s=a(22786),i=a(63533),r=a(1087),d=a(52763),u=a(91408),_=a(84698),p=e([d]);d=(p.then?(await p)():p)[0];const m=(0,i.Ik)({text:(0,i.Yj)(),icon:(0,i.lq)((0,i.Yj)()),appearance:(0,i.lq)((0,i.vP)(["accent","filled","outlined","plain"])),variant:(0,i.lq)((0,i.vP)(["brand","neutral","success","warning","danger"])),tap_action:u.kn}),h=(0,i.kp)(_.H,(0,i.Ik)({content_only:(0,i.lq)((0,i.zM)()),icon:(0,i.lq)((0,i.Yj)()),icon_color:(0,i.lq)((0,i.Yj)()),title:(0,i.lq)((0,i.Yj)()),content:(0,i.lq)((0,i.Yj)()),buttons:(0,i.lq)((0,i.YO)(m))}));class v extends o.WF{setConfig(e){(0,i.vA)(e,h),this._config=e}render(){if(!this.hass||!this._config)return o.s6;const e={...this._config,style:this._config.content_only?"content-only":"card"},t=this._schema(this.hass.localize);return o.qy` <ha-form .hass="${this.hass}" .data="${e}" .schema="${t}" .computeLabel="${this._computeLabelCallback}" @value-changed="${this._valueChanged}"></ha-form> `}_valueChanged(e){const t={...e.detail.value};"content-only"===t.style?t.content_only=!0:delete t.content_only,delete t.style,(0,r.r)(this,"config-changed",{config:t})}constructor(...e){super(...e),this._schema=(0,s.A)(e=>[{name:"style",selector:{select:{mode:"box",options:[{value:"card",image:"card"},{value:"content-only",image:"text_only"}].map(t=>({label:e(`ui.panel.lovelace.editor.card.empty_state.style_options.${t.value}`),image:{src:`/static/images/form/markdown_${t.image}.svg`,src_dark:`/static/images/form/markdown_${t.image}_dark.svg`,flip_rtl:!0},value:t.value}))}}},{name:"icon",selector:{icon:{}}},{name:"icon_color",selector:{ui_color:{}}},{name:"title",selector:{text:{}}},{name:"content",selector:{text:{multiline:!0}}},{name:"buttons",selector:{object:{multiple:!0,label_field:"text",fields:{text:{selector:{text:{}},required:!0},icon:{selector:{icon:{}}},appearance:{selector:{select:{options:[{value:"accent",label:"Accent"},{value:"filled",label:"Filled"},{value:"outlined",label:"Outlined"},{value:"plain",label:"Plain"}],mode:"dropdown"}}},variant:{selector:{select:{options:[{value:"brand",label:"Brand"},{value:"neutral",label:"Neutral"},{value:"success",label:"Success"},{value:"warning",label:"Warning"},{value:"danger",label:"Danger"}],mode:"dropdown"}}},tap_action:{selector:{ui_action:{default_action:"none"}},required:!0}}}}}]),this._computeLabelCallback=e=>{switch(e.name){case"style":case"content":case"buttons":return this.hass.localize(`ui.panel.lovelace.editor.card.empty_state.${e.name}`);default:return this.hass.localize(`ui.panel.lovelace.editor.card.generic.${e.name}`)}}}}(0,n.Cg)([(0,c.MZ)({attribute:!1})],v.prototype,"hass",void 0),(0,n.Cg)([(0,c.wk)()],v.prototype,"_config",void 0),v=(0,n.Cg)([(0,c.EM)("hui-empty-state-card-editor")],v),l()}catch(e){l(e)}})},84698(e,t,a){a.d(t,{H:()=>n});var l=a(63533);const n=(0,l.Ik)({type:(0,l.Yj)(),view_layout:(0,l.bz)(),layout_options:(0,l.bz)(),grid_options:(0,l.bz)(),visibility:(0,l.bz)(),disabled:(0,l.lq)((0,l.zM)())})}};