iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
2 lines • 7.68 kB
JavaScript
export const __webpack_ids__=["83572"];export const __webpack_modules__={66404:function(e,t,a){a.a(e,(async function(e,i){try{a.r(t),a.d(t,{HuiTileCardEditor:()=>b});var o=a(44249),n=(a(9359),a(70104),a(57243)),s=a(15093),c=a(27486),l=a(62900),r=a(36522),_=(a(41307),a(29073),a(37583),a(53251)),u=a(30571),d=a(18200),h=a(10991),f=a(71295),p=e([_,f]);[_,f]=p.then?(await p)():p;const m="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",g="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M7 7H9V9H7V7M7 11H9V13H7V11M7 15H9V17H7V15M17 17H11V15H17V17M17 13H11V11H17V13M17 9H11V7H17V9Z",v="M4,9H20V11H4V9M4,13H14V15H4V13Z",y=(0,l.f0)(d.I,(0,l.Ry)({entity:(0,l.jt)((0,l.Z_)()),name:(0,l.jt)((0,l.Z_)()),icon:(0,l.jt)((0,l.Z_)()),hide_state:(0,l.jt)((0,l.O7)()),state_content:(0,l.jt)((0,l.G0)([(0,l.Z_)(),(0,l.IX)((0,l.Z_)())])),color:(0,l.jt)((0,l.Z_)()),show_entity_picture:(0,l.jt)((0,l.O7)()),vertical:(0,l.jt)((0,l.O7)()),tap_action:(0,l.jt)(u.fJ),hold_action:(0,l.jt)(u.fJ),double_tap_action:(0,l.jt)(u.fJ),icon_tap_action:(0,l.jt)(u.fJ),icon_hold_action:(0,l.jt)(u.fJ),icon_double_tap_action:(0,l.jt)(u.fJ),features:(0,l.jt)((0,l.IX)((0,l.Yj)())),features_position:(0,l.jt)((0,l.kE)(["bottom","inline"]))}));let b=(0,o.Z)([(0,s.Mo)("hui-tile-card-editor")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,s.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,s.SB)()],key:"_config",value:void 0},{kind:"method",key:"setConfig",value:function(e){(0,l.hu)(e,y),this._config=e}},{kind:"field",key:"_schema",value:()=>(0,c.Z)(((e,t,a)=>[{name:"entity",selector:{entity:{}}},{name:"content",flatten:!0,type:"expandable",iconPath:v,schema:[{name:"",type:"grid",schema:[{name:"name",selector:{text:{}}},{name:"icon",selector:{icon:{}},context:{icon_entity:"entity"}},{name:"color",selector:{ui_color:{default_color:"state",include_state:!0}}},{name:"show_entity_picture",selector:{boolean:{}}},{name:"hide_state",selector:{boolean:{}}}]},...a?[]:[{name:"state_content",selector:{ui_state_content:{}},context:{filter_entity:"entity"}}],{name:"content_layout",required:!0,selector:{select:{mode:"box",options:["horizontal","vertical"].map((t=>({label:e(`ui.panel.lovelace.editor.card.tile.content_layout_options.${t}`),value:t,image:{src:`/static/images/form/tile_content_layout_${t}.svg`,src_dark:`/static/images/form/tile_content_layout_${t}_dark.svg`,flip_rtl:!0}})))}}}]},{name:"interactions",type:"expandable",flatten:!0,iconPath:m,schema:[{name:"tap_action",selector:{ui_action:{default_action:"more-info"}}},{name:"icon_tap_action",selector:{ui_action:{default_action:t?(0,_.y)(t):"more-info"}}},{name:"",type:"optional_actions",flatten:!0,schema:["hold_action","icon_hold_action","double_tap_action","icon_double_tap_action"].map((e=>({name:e,selector:{ui_action:{default_action:"none"}}})))}]}]))},{kind:"field",key:"_featuresSchema",value:()=>(0,c.Z)(((e,t)=>[{name:"features_position",required:!0,selector:{select:{mode:"box",options:["bottom","inline"].map((a=>({label:e(`ui.panel.lovelace.editor.card.tile.features_position_options.${a}`),description:e(`ui.panel.lovelace.editor.card.tile.features_position_options.${a}_description`),value:a,image:{src:`/static/images/form/tile_features_position_${a}.svg`,src_dark:`/static/images/form/tile_features_position_${a}_dark.svg`,flip_rtl:!0},disabled:t&&"inline"===a})))}}}]))},{kind:"field",key:"_hasCompatibleFeatures",value:()=>(0,c.Z)((e=>(0,f.Bc)(e).length>0))},{kind:"method",key:"render",value:function(){if(!this.hass||!this._config)return n.Ld;const e=this._config.entity,t=e?this.hass.states[e]:void 0,a=this._schema(this.hass.localize,e,this._config.hide_state??!1),i=this._featuresSchema(this.hass.localize,this._config.vertical??!1),o={...this._config,content_layout:this._config.vertical?"vertical":"horizontal"};o.features_position&&!o.vertical||(o.features_position="bottom");const s=t&&this._hasCompatibleFeatures(t)||!1;return n.dy` <ha-form .hass="${this.hass}" .data="${o}" .schema="${a}" .computeLabel="${this._computeLabelCallback}" .computeHelper="${this._computeHelperCallback}" -changed="${this._valueChanged}"></ha-form> <ha-expansion-panel outlined> <ha-svg-icon slot="leading-icon" .path="${g}"></ha-svg-icon> <h3 slot="header"> ${this.hass.localize("ui.panel.lovelace.editor.card.generic.features")} </h3> <div class="content"> ${s?n.dy` <ha-form class="features-form" .hass="${this.hass}" .data="${o}" .schema="${i}" .computeLabel="${this._computeLabelCallback}" .computeHelper="${this._computeHelperCallback}" -changed="${this._valueChanged}"></ha-form> `:n.Ld} <hui-card-features-editor .hass="${this.hass}" .stateObj="${t}" .features="${this._config.features??[]}" -changed="${this._featuresChanged}" -detail-element="${this._editDetailElement}"></hui-card-features-editor> </div> </ha-expansion-panel> `}},{kind:"method",key:"_valueChanged",value:function(e){if(e.stopPropagation(),!this._config||!this.hass)return;const t=e.detail.value,a={features:this._config.features,...t};a.hide_state&&delete a.state_content,a.state_content||delete a.state_content,a.content_layout&&(a.vertical="vertical"===a.content_layout,delete a.content_layout),(0,r.B)(this,"config-changed",{config:a})}},{kind:"method",key:"_featuresChanged",value:function(e){if(e.stopPropagation(),!this._config||!this.hass)return;const t=e.detail.features,a={...this._config,features:t};0===t.length&&delete a.features,(0,r.B)(this,"config-changed",{config:a})}},{kind:"method",key:"_editDetailElement",value:function(e){const t=e.detail.subElementConfig.index,a=this._config.features[t];(0,r.B)(this,"edit-sub-element",{config:a,saveConfig:e=>this._updateFeature(t,e),context:{entity_id:this._config.entity},type:"feature"})}},{kind:"method",key:"_updateFeature",value:function(e,t){const a=this._config.features.concat();a[e]=t;const i={...this._config,features:a};(0,r.B)(this,"config-changed",{config:i})}},{kind:"field",key:"_computeLabelCallback",value(){return e=>{switch(e.name){case"color":case"icon_tap_action":case"icon_hold_action":case"icon_double_tap_action":case"show_entity_picture":case"hide_state":case"state_content":case"content_layout":case"features_position":return this.hass.localize(`ui.panel.lovelace.editor.card.tile.${e.name}`);default:return this.hass.localize(`ui.panel.lovelace.editor.card.generic.${e.name}`)}}}},{kind:"field",key:"_computeHelperCallback",value(){return e=>{switch(e.name){case"color":return this.hass.localize(`ui.panel.lovelace.editor.card.tile.${e.name}_helper`);case"features_position":return this._config?.vertical?this.hass.localize(`ui.panel.lovelace.editor.card.tile.${e.name}_helper_vertical`):void 0;default:return}}}},{kind:"get",static:!0,key:"styles",value:function(){return[h.A,n.iv`.container{display:flex;flex-direction:column}ha-form{display:block;margin-bottom:24px}.info{color:var(--secondary-text-color);margin-top:0;margin-bottom:8px}.features-form{margin-bottom:8px}`]}}]}}),n.oi);i()}catch(e){i(e)}}))},18200:function(e,t,a){a.d(t,{I:()=>o});var i=a(62900);const o=(0,i.Ry)({type:(0,i.Z_)(),view_layout:(0,i.Yj)(),layout_options:(0,i.Yj)(),grid_options:(0,i.Yj)(),visibility:(0,i.Yj)()})}};
//# sourceMappingURL=83572.c2fe6ad7a803759a.js.map