iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
2 lines • 5.98 kB
JavaScript
export const __webpack_ids__=["66868"];export const __webpack_modules__={49976:function(e,t,i){i.d(t,{U:()=>n});const n=e=>e.stopPropagation()},92824:function(e,t,i){var n=i(44249),s=i(72621),a=i(60930),l=i(9714),c=i(57243),o=i(15093),d=i(22381),r=i(76320);i(23334);(0,n.Z)([(0,o.Mo)("ha-select")],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[(0,o.Cb)({type:Boolean})],key:"icon",value:()=>!1},{kind:"field",decorators:[(0,o.Cb)({type:Boolean,reflect:!0})],key:"clearable",value:()=>!1},{kind:"field",decorators:[(0,o.Cb)({attribute:"inline-arrow",type:Boolean})],key:"inlineArrow",value:()=>!1},{kind:"field",decorators:[(0,o.Cb)()],key:"options",value:void 0},{kind:"method",key:"render",value:function(){return c.dy` ${(0,s.Z)(i,"render",this,3)([])} ${this.clearable&&!this.required&&!this.disabled&&this.value?c.dy`<ha-icon-button label="clear" ="${this._clearValue}" .path="${"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"}"></ha-icon-button>`:c.Ld} `}},{kind:"method",key:"renderLeadingIcon",value:function(){return this.icon?c.dy`<span class="mdc-select__icon"><slot name="icon"></slot></span>`:c.Ld}},{kind:"method",key:"connectedCallback",value:function(){(0,s.Z)(i,"connectedCallback",this,3)([]),window.addEventListener("translations-updated",this._translationsUpdated)}},{kind:"method",key:"firstUpdated",value:async function(){(0,s.Z)(i,"firstUpdated",this,3)([]),this.inlineArrow&&this.shadowRoot?.querySelector(".mdc-select__selected-text-container")?.classList.add("inline-arrow")}},{kind:"method",key:"updated",value:function(e){if((0,s.Z)(i,"updated",this,3)([e]),e.has("inlineArrow")){const e=this.shadowRoot?.querySelector(".mdc-select__selected-text-container");this.inlineArrow?e?.classList.add("inline-arrow"):e?.classList.remove("inline-arrow")}e.get("options")&&(this.layoutOptions(),this.selectByValue(this.value))}},{kind:"method",key:"disconnectedCallback",value:function(){(0,s.Z)(i,"disconnectedCallback",this,3)([]),window.removeEventListener("translations-updated",this._translationsUpdated)}},{kind:"method",key:"_clearValue",value:function(){!this.disabled&&this.value&&(this.valueSetDirectly=!0,this.select(-1),this.mdcFoundation.handleChange())}},{kind:"field",key:"_translationsUpdated",value(){return(0,d.D)((async()=>{await(0,r.y)(),this.layoutOptions()}),500)}},{kind:"field",static:!0,key:"styles",value:()=>[l.W,c.iv`:host([clearable]){position:relative}.mdc-select:not(.mdc-select--disabled) .mdc-select__icon{color:var(--secondary-text-color)}.mdc-select__anchor{width:var(--ha-select-min-width,200px)}.mdc-select--filled .mdc-select__anchor{height:var(--ha-select-height,56px)}.mdc-select--filled .mdc-floating-label{inset-inline-start:12px;inset-inline-end:initial;direction:var(--direction)}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label{inset-inline-start:48px;inset-inline-end:initial;direction:var(--direction)}.mdc-select .mdc-select__anchor{padding-inline-start:12px;padding-inline-end:0px;direction:var(--direction)}.mdc-select__anchor .mdc-floating-label--float-above{transform-origin:var(--float-start)}.mdc-select__selected-text-container{padding-inline-end:var(--select-selected-text-padding-end,0px)}:host([clearable]) .mdc-select__selected-text-container{padding-inline-end:var(--select-selected-text-padding-end,12px)}ha-icon-button{position:absolute;top:10px;right:28px;--mdc-icon-button-size:36px;--mdc-icon-size:20px;color:var(--secondary-text-color);inset-inline-start:initial;inset-inline-end:28px;direction:var(--direction)}.inline-arrow{flex-grow:0}`]}]}}),a.K)},67759:function(e,t,i){i.d(t,{Ek:()=>a,H3:()=>c,LN:()=>s,ON:()=>l,cv:()=>n});const n=(e,t,i)=>e.callService("input_select","select_option",{option:i,entity_id:t}),s=e=>e.callWS({type:"input_select/list"}),a=(e,t)=>e.callWS({type:"input_select/create",...t}),l=(e,t,i)=>e.callWS({type:"input_select/update",input_select_id:t,...i}),c=(e,t)=>e.callWS({type:"input_select/delete",input_select_id:t})},43:function(e,t,i){i.a(e,(async function(e,n){try{i.r(t);var s=i(44249),a=(i(9359),i(70104),i(87319),i(57243)),l=i(15093),c=i(49976),o=i(47194),d=(i(92824),i(96194)),r=i(13560),h=i(67759),u=i(93331),p=i(8069),y=i(62577),_=e([p]);p=(_.then?(await _)():_)[0];(0,s.Z)([(0,l.Mo)("hui-input-select-entity-row")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,l.SB)()],key:"_config",value:void 0},{kind:"method",key:"setConfig",value:function(e){if(!e||!e.entity)throw new Error("Entity must be specified");this._config=e}},{kind:"method",key:"shouldUpdate",value:function(e){return(0,u.G2)(this,e)}},{kind:"method",key:"render",value:function(){if(!this.hass||!this._config)return a.Ld;const e=this.hass.states[this._config.entity];return e?a.dy` <hui-generic-entity-row .hass="${this.hass}" .config="${this._config}" hide-name> <ha-select .label="${this._config.name||(0,o.C)(e)}" .value="${e.state}" .options="${e.attributes.options}" .disabled="${e.state===d.nZ}" naturalMenuWidth ="${this._selectedChanged}" ="${c.U}" ="${c.U}"> ${e.attributes.options?e.attributes.options.map((e=>a.dy`<mwc-list-item .value="${e}">${e}</mwc-list-item>`)):""} </ha-select> </hui-generic-entity-row> `:a.dy` <hui-warning> ${(0,y.i)(this.hass,this._config.entity)} </hui-warning> `}},{kind:"field",static:!0,key:"styles",value:()=>a.iv`hui-generic-entity-row{display:flex;align-items:center}ha-select{width:100%;--ha-select-min-width:0}`},{kind:"method",key:"_selectedChanged",value:function(e){const t=this.hass.states[this._config.entity],i=e.target.value;i!==t.state&&t.attributes.options.includes(i)&&((0,r.j)("light"),(0,h.cv)(this.hass,t.entity_id,i))}}]}}),a.oi);n()}catch(e){n(e)}}))}};
//# sourceMappingURL=66868.80db9d656ffed3c7.js.map