iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 2.78 kB
JavaScript
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[19910],{20325:function(a,t,o){o.a(a,async function(a,s){try{o.r(t),o.d(t,{DialogEditShortcut:function(){return f}});o(62953);var e=o(40445),i=o(5124),l=o(67576),h=o(22786),n=o(1087),r=o(18350),c=(o(93444),o(72554)),d=o(52763),p=o(96779),u=o(14503),_=a([r,c,d]);[r,c,d]=_.then?(await _)():_;let m,g,v=a=>a;class f extends i.WF{showDialog(a){this._params=a,this._data=Object.assign({},a.item),this._open=!0}willUpdate(a){var t;(a.has("_data")||a.has("hass"))&&this.hass&&this._navInfo.update(this.hass,null===(t=this._data)||void 0===t?void 0:t.path)}closeDialog(){return this._open=!1,!0}_dialogClosed(){this._params=void 0,this._data=void 0,(0,n.r)(this,"dialog-closed",{dialog:this.localName})}render(){if(!this._params||!this._data)return i.s6;const a=this._navInfo.info,t=a.label||"",o=a.icon||"mdi:link";return(0,i.qy)(m||(m=v` <ha-dialog .open="${0}" .headerTitle="${0}" width="small" ="${0}"> <ha-form .hass="${0}" .data="${0}" .schema="${0}" .computeLabel="${0}" -changed="${0}"></ha-form> <ha-dialog-footer slot="footer"> <ha-button appearance="plain" slot="secondaryAction" ="${0}"> ${0} </ha-button> <ha-button slot="primaryAction" ="${0}"> ${0} </ha-button> </ha-dialog-footer> </ha-dialog> `),this._open,this.hass.localize("ui.panel.home.editor.edit_shortcut"),this._dialogClosed,this.hass,this._data,this._schema(t,o),this._computeLabel,this._valueChanged,this.closeDialog,this.hass.localize("ui.common.cancel"),this._save,this.hass.localize("ui.common.save"))}_valueChanged(a){a.stopPropagation(),this._data=a.detail.value}_save(){var a;if(!this._params||null===(a=this._data)||void 0===a||!a.path)return;const{path:t,label:o,icon:s,color:e}=this._data;this._params.saveCallback({type:"custom",path:t,label:o||void 0,icon:s||void 0,color:e||void 0}),this.closeDialog()}constructor(...a){super(...a),this._open=!1,this._navInfo=new p.q(this),this._schema=(0,h.A)((a,t)=>[{name:"path",required:!0,selector:{navigation:{}}},{name:"label",selector:{text:{placeholder:a}}},{name:"icon",selector:{icon:{placeholder:t}}},{name:"color",selector:{ui_color:{default_color:"primary"}}}]),this._computeLabel=a=>this.hass.localize(`ui.panel.home.editor.shortcut.${a.name}`)||this.hass.localize(`ui.panel.lovelace.editor.card.generic.${a.name}`)}}f.styles=[u.nA,(0,i.AH)(g||(g=v`ha-dialog{--dialog-content-padding:var(--ha-space-6)}ha-form{display:block}`))],(0,e.Cg)([(0,l.MZ)({attribute:!1})],f.prototype,"hass",void 0),(0,e.Cg)([(0,l.wk)()],f.prototype,"_params",void 0),(0,e.Cg)([(0,l.wk)()],f.prototype,"_data",void 0),(0,e.Cg)([(0,l.wk)()],f.prototype,"_open",void 0),f=(0,e.Cg)([(0,l.EM)("dialog-edit-shortcut")],f),s()}catch(m){s(m)}})}}]);