iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 4.07 kB
JavaScript
export const __rspack_esm_id=85911;export const __rspack_esm_ids=[85911];export const __webpack_modules__={48458(t,e,a){a.a(t,async function(t,i){try{a.r(e),a.d(e,{HuiShortcutCardEditor:()=>k});var o=a(62826),n=a(5124),c=a(22441),s=a(22786),l=a(63533),r=a(1087),h=a(52763),_=a(96779),d=a(56505),p=a(53034),u=a(91408),m=a(84698),f=a(7382),v=t([h,d]);[h,d]=v.then?(await v)():v;const g="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M11,5A4,4 0 0,1 15,9C15,10.5 14.2,11.77 13,12.46V11.24C13.61,10.69 14,9.89 14,9A3,3 0 0,0 11,6A3,3 0 0,0 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9A4,4 0 0,1 11,5Z",y="M4,9H20V11H4V9M4,13H14V15H4V13Z",b=["navigate","url","assist","perform-action","none"],C=(0,l.kp)(m.H,(0,l.Ik)({label:(0,l.lq)((0,l.Yj)()),description:(0,l.lq)((0,l.Yj)()),icon:(0,l.lq)((0,l.Yj)()),color:(0,l.lq)((0,l.Yj)()),vertical:(0,l.lq)((0,l.zM)()),tap_action:(0,l.lq)(u.kn),hold_action:(0,l.lq)(u.kn),double_tap_action:(0,l.lq)(u.kn)}));class k extends n.WF{setConfig(t){(0,l.vA)(t,C),this._config=t}willUpdate(t){if((t.has("hass")||t.has("_config"))&&this.hass){const t=this._config?.tap_action;this._navInfo.update(this.hass,"navigate"===t?.action?t.navigation_path:void 0),this._serviceInfo.updateService("perform-action"===t?.action||"call-service"===t?.action?t.perform_action||t.service:void 0)}}render(){if(!this.hass||!this._config)return n.s6;const t=(0,p.J)(this.hass,this._config.tap_action,this._navInfo.info,this._serviceInfo.info),e={...this._config,content_layout:this._config.vertical?"vertical":"horizontal"};return n.qy` <ha-form .hass="${this.hass}" .data="${e}" .schema="${this._schema(this.hass.localize,t.label,t.icon)}" .computeLabel="${this._computeLabelCallback}" -changed="${this._valueChanged}"></ha-form> `}_valueChanged(t){if(t.stopPropagation(),!this._config||!this.hass)return;const e={...t.detail.value};e.content_layout&&(e.vertical="vertical"===e.content_layout,delete e.content_layout),(0,r.r)(this,"config-changed",{config:e})}constructor(...t){super(...t),this._navInfo=new _.q(this),this._serviceInfo=new d.G(this),this._schema=(0,s.A)((t,e,a)=>[{name:"tap_action",required:!0,selector:{ui_action:{actions:b}}},{name:"content",flatten:!0,type:"expandable",expanded:!0,iconPath:y,schema:[{name:"",type:"grid",schema:[{name:"label",selector:{text:{placeholder:e}}},{name:"description",selector:{text:{}}}]},{name:"",type:"grid",schema:[{name:"icon",selector:{icon:{placeholder:a||"mdi:link"}}},{name:"color",selector:{ui_color:{default_color:"primary"}}}]},{name:"content_layout",required:!0,selector:{select:{mode:"box",options:["horizontal","vertical"].map(e=>({label:t(`ui.panel.lovelace.editor.card.tile.content_layout_options.${e}`),value:e,image:{src:`/static/images/form/tile_content_layout_${e}.svg`,src_dark:`/static/images/form/tile_content_layout_${e}_dark.svg`,flip_rtl:!0}}))}}}]},{name:"additional_interactions",type:"expandable",flatten:!0,iconPath:g,schema:[{name:"hold_action",selector:{ui_action:{default_action:"none",actions:b}}},{name:"double_tap_action",selector:{ui_action:{default_action:"none",actions:b}}}]}]),this._computeLabelCallback=t=>{switch(t.name){case"label":case"content_layout":case"additional_interactions":return this.hass.localize(`ui.panel.lovelace.editor.card.shortcut.${t.name}`);case"description":return this.hass.localize("ui.panel.lovelace.editor.card.shortcut.card_description");default:return this.hass.localize(`ui.panel.lovelace.editor.card.generic.${t.name}`)}}}}k.styles=f.U,(0,o.Cg)([(0,c.MZ)({attribute:!1})],k.prototype,"hass",void 0),(0,o.Cg)([(0,c.wk)()],k.prototype,"_config",void 0),k=(0,o.Cg)([(0,c.EM)("hui-shortcut-card-editor")],k),i()}catch(t){i(t)}})},84698(t,e,a){a.d(e,{H:()=>o});var i=a(63533);const o=(0,i.Ik)({type:(0,i.Yj)(),view_layout:(0,i.bz)(),layout_options:(0,i.bz)(),grid_options:(0,i.bz)(),visibility:(0,i.bz)(),disabled:(0,i.lq)((0,i.zM)())})}};