iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 4.03 kB
JavaScript
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[71751],{16282:function(t,i,a){a.a(t,async function(t,e){try{a.r(i),a.d(i,{HuiButtonHeadingBadgeEditor:function(){return x}});a(62953);var n=a(40445),o=a(5124),s=a(67576),c=a(22786),l=a(63533),r=a(1087),h=(a(11382),a(52763)),d=a(13898),u=a(7382),g=a(91408),p=a(999),_=t([h,d,p]);[h,d,p]=_.then?(await _)():_;let f,v,m=t=>t;const b="M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z",C="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=["navigate","url","perform-action","assist","none"],A=(0,l.Ik)({type:(0,l.lq)((0,l.Yj)()),text:(0,l.lq)((0,l.Yj)()),icon:(0,l.lq)((0,l.Yj)()),color:(0,l.lq)((0,l.Yj)()),tap_action:(0,l.lq)((0,p.W0)(g.kn,y)),hold_action:(0,l.lq)((0,p.W0)(g.kn,y)),double_tap_action:(0,l.lq)((0,p.W0)(g.kn,y)),visibility:(0,l.lq)((0,l.YO)((0,l.bz)()))});class x extends o.WF{setConfig(t){(0,l.vA)(t,A),this._config=t}render(){var t;if(!this.hass||!this._config)return o.s6;const i=this._schema(),a=null!==(t=this._config.visibility)&&void 0!==t?t:[];return(0,o.qy)(f||(f=m` <ha-form .hass="${0}" .data="${0}" .schema="${0}" .computeLabel="${0}" -changed="${0}"></ha-form> <ha-expansion-panel outlined> <ha-svg-icon slot="leading-icon" .path="${0}"></ha-svg-icon> <h3 slot="header"> ${0} </h3> <div class="content"> <p class="intro"> ${0} </p> <ha-card-conditions-editor .hass="${0}" .conditions="${0}" -changed="${0}"> </ha-card-conditions-editor> </div> </ha-expansion-panel> `),this.hass,this._config,i,this._computeLabelCallback,this._valueChanged,b,this.hass.localize("ui.panel.lovelace.editor.card.heading.button_config.visibility"),this.hass.localize("ui.panel.lovelace.editor.card.heading.button_config.visibility_explanation"),this.hass,a,this._conditionChanged)}_valueChanged(t){if(t.stopPropagation(),!this._config||!this.hass)return;const i=t.detail.value;(0,r.r)(this,"config-changed",{config:i})}_conditionChanged(t){var i;if(t.stopPropagation(),!this._config||!this.hass)return;const a=t.detail.value,e=Object.assign(Object.assign({},this._config),{},{visibility:a});0===(null===(i=e.visibility)||void 0===i?void 0:i.length)&&delete e.visibility,(0,r.r)(this,"config-changed",{config:e})}static get styles(){return[u.U,(0,o.AH)(v||(v=m`.container{display:flex;flex-direction:column}ha-form{display:block;margin-bottom:24px}.intro{margin:0;color:var(--secondary-text-color);margin-bottom:8px}`))]}constructor(...t){super(...t),this.preview=!1,this._schema=(0,c.A)(()=>[{name:"text",selector:{text:{}}},{name:"",type:"grid",schema:[{name:"icon",selector:{icon:{}}},{name:"color",selector:{ui_color:{}}}]},{name:"interactions",type:"expandable",flatten:!0,iconPath:C,schema:[{name:"tap_action",selector:{ui_action:{actions:y,default_action:"none"}}},{name:"",type:"optional_actions",flatten:!0,schema:["hold_action","double_tap_action"].map(t=>({name:t,selector:{ui_action:{actions:y,default_action:"none"}}}))}]}]),this._computeLabelCallback=t=>{switch(t.name){case"text":case"color":return this.hass.localize(`ui.panel.lovelace.editor.card.heading.button_config.${t.name}`);default:return this.hass.localize(`ui.panel.lovelace.editor.card.generic.${t.name}`)}}}}(0,n.Cg)([(0,s.MZ)({attribute:!1})],x.prototype,"hass",void 0),(0,n.Cg)([(0,s.MZ)({type:Boolean})],x.prototype,"preview",void 0),(0,n.Cg)([(0,s.wk)()],x.prototype,"_config",void 0),x=(0,n.Cg)([(0,s.EM)("hui-button-heading-badge-editor")],x),e()}catch(f){e(f)}})}}]);