iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 3.71 kB
JavaScript
(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[14558],{34370:function(i,e,a){a(18111),a(7588),i.exports=function i(e){return Object.freeze(e),Object.getOwnPropertyNames(e).forEach(function(a){!e.hasOwnProperty(a)||null===e[a]||"object"!=typeof e[a]&&"function"!=typeof e[a]||Object.isFrozen(e[a])||i(e[a])}),e}},69293:function(i,e,a){"use strict";a.a(i,async function(i,t){try{a.r(e),a.d(e,{HuiDialogSuggestBadge:function(){return x}});a(18111),a(61701),a(3362),a(62953);var s=a(40445),o=a(34370),n=a.n(o),r=a(5124),l=a(67576),h=a(1087),d=a(10763),g=a(18350),c=(a(93444),a(72554)),p=a(14503),u=a(92255),_=a(43908),f=a(82360),v=a(75196),m=i([d,g,c,_]);[d,g,c,_]=m.then?(await m)():m;let y,C,b,w,$,k,z=i=>i;class x extends r.WF{showDialog(i){this._params=i,this._badgeConfig=i.badgeConfig,this._open=!0,Object.isFrozen(this._badgeConfig)||(this._badgeConfig=n()(this._badgeConfig)),this._yamlEditor&&this._yamlEditor.setValue(this._badgeConfig)}closeDialog(){this._open=!1}_dialogClosed(){this._open=!1,this._params=void 0,this._badgeConfig=void 0,(0,h.r)(this,"dialog-closed",{dialog:this.localName})}_renderPreview(){return this._badgeConfig?(0,r.qy)(y||(y=z` <div class="element-preview"> ${0} </div> `),this._badgeConfig.map(i=>(0,r.qy)(C||(C=z` <hui-badge .hass="${0}" .config="${0}" preview></hui-badge> `),this.hass,i))):r.s6}render(){return this._params?(0,r.qy)(b||(b=z` <ha-dialog .open="${0}" header-title="${0}" ="${0}"> <div> ${0} ${0} </div> <ha-dialog-footer slot="footer"> <ha-button slot="secondaryAction" appearance="plain" ="${0}" autofocus> ${0} </ha-button> ${0} </ha-dialog-footer> </ha-dialog> `),this._open,this.hass.localize("ui.panel.lovelace.editor.suggest_badge.header"),this._dialogClosed,this._renderPreview(),this._params.yaml&&this._badgeConfig?(0,r.qy)(w||(w=z` <div class="editor"> <ha-yaml-editor .defaultValue="${0}" in-dialog></ha-yaml-editor> </div> `),this._badgeConfig):r.s6,this.closeDialog,this._params.yaml?this.hass.localize("ui.common.close"):this.hass.localize("ui.common.cancel"),this._params.yaml?r.s6:(0,r.qy)($||($=z` <ha-button slot="primaryAction" ="${0}" .loading="${0}"> ${0} </ha-button> `),this._save,this._saving,this.hass.localize("ui.panel.lovelace.editor.suggest_badge.add"))):r.s6}static get styles(){return[p.nA,(0,r.AH)(k||(k=z`ha-dialog{--dialog-z-index:6}.hidden{display:none}.element-preview{position:relative;display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:center;gap:var(--ha-space-2);margin:0}.editor{padding-top:16px}`))]}_computeNewConfig(i,e){const{viewIndex:a}=(0,v.$P)(e),t=this._badgeConfig;return(0,f.En)(i,[a],t)}async _save(){var i,e,a;if(!(null!==(i=this._params)&&void 0!==i&&i.lovelaceConfig&&null!==(e=this._params)&&void 0!==e&&e.path&&null!==(a=this._params)&&void 0!==a&&a.saveConfig&&this._badgeConfig))return;this._saving=!0;const t=this._computeNewConfig(this._params.lovelaceConfig,this._params.path);await this._params.saveConfig(t),this._saving=!1,(0,u.f)(this,this.hass),this.closeDialog()}constructor(...i){super(...i),this._open=!1,this._saving=!1}}(0,s.Cg)([(0,l.MZ)({attribute:!1})],x.prototype,"hass",void 0),(0,s.Cg)([(0,l.wk)()],x.prototype,"_params",void 0),(0,s.Cg)([(0,l.wk)()],x.prototype,"_open",void 0),(0,s.Cg)([(0,l.wk)()],x.prototype,"_badgeConfig",void 0),(0,s.Cg)([(0,l.wk)()],x.prototype,"_saving",void 0),(0,s.Cg)([(0,l.P)("ha-yaml-editor")],x.prototype,"_yamlEditor",void 0),x=(0,s.Cg)([(0,l.EM)("hui-dialog-suggest-badge")],x),t()}catch(y){t(y)}})},92255:function(i,e,a){"use strict";a.d(e,{f:function(){return s}});var t=a(81619);const s=(i,e)=>(0,t.P)(i,{message:e.localize("ui.common.successfully_saved")})}}]);