iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
2 lines • 10.5 kB
JavaScript
export const __webpack_ids__=["8656"];export const __webpack_modules__={92824:function(e,t,i){var a=i(44249),n=i(72621),s=i(60930),l=i(9714),o=i(57243),d=i(15093),c=i(22381),r=i(76320);i(23334);(0,a.Z)([(0,d.Mo)("ha-select")],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[(0,d.Cb)({type:Boolean})],key:"icon",value:()=>!1},{kind:"field",decorators:[(0,d.Cb)({type:Boolean,reflect:!0})],key:"clearable",value:()=>!1},{kind:"field",decorators:[(0,d.Cb)({attribute:"inline-arrow",type:Boolean})],key:"inlineArrow",value:()=>!1},{kind:"field",decorators:[(0,d.Cb)()],key:"options",value:void 0},{kind:"method",key:"render",value:function(){return o.dy` ${(0,n.Z)(i,"render",this,3)([])} ${this.clearable&&!this.required&&!this.disabled&&this.value?o.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>`:o.Ld} `}},{kind:"method",key:"renderLeadingIcon",value:function(){return this.icon?o.dy`<span class="mdc-select__icon"><slot name="icon"></slot></span>`:o.Ld}},{kind:"method",key:"connectedCallback",value:function(){(0,n.Z)(i,"connectedCallback",this,3)([]),window.addEventListener("translations-updated",this._translationsUpdated)}},{kind:"method",key:"firstUpdated",value:async function(){(0,n.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,n.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,n.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,c.D)((async()=>{await(0,r.y)(),this.layoutOptions()}),500)}},{kind:"field",static:!0,key:"styles",value:()=>[l.W,o.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}`]}]}}),s.K)},40944:function(e,t,i){i.d(t,{B:()=>n});var a=i(36522);const n=(e,t)=>{(0,a.B)(e,"show-dialog",{dialogTag:"dialog-media-player-browse",dialogImport:()=>Promise.all([i.e("46379"),i.e("66031"),i.e("72206"),i.e("91552"),i.e("97983"),i.e("78456"),i.e("24199"),i.e("41258"),i.e("56898"),i.e("27506"),i.e("35671"),i.e("99287"),i.e("41103"),i.e("58640"),i.e("83775"),i.e("18865"),i.e("27090"),i.e("88975"),i.e("3049"),i.e("91310"),i.e("74427")]).then(i.bind(i,84961)),dialogParams:t})}},99091:function(e,t,i){i.r(t);var a=i(44249),n=(i(9359),i(70104),i(31622),i(87319),i(57243)),s=i(15093),l=i(49976),o=i(5839),d=i(75278),c=(i(23334),i(92824),i(74421),i(37583),i(40944)),r=i(96194),u=i(89890);(0,a.Z)([(0,s.Mo)("more-info-media_player")],(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.Cb)({attribute:!1})],key:"stateObj",value:void 0},{kind:"method",key:"render",value:function(){if(!this.stateObj)return n.Ld;const e=this.stateObj,t=(0,u.xt)(e,!0);return n.dy` <div class="controls"> <div class="basic-controls"> ${t?t.map((e=>n.dy` <ha-icon-button action="${e.action}" ="${this._handleClick}" .path="${e.icon}" .label="${this.hass.localize(`ui.card.media_player.${e.action}`)}"> </ha-icon-button> `)):""} </div> ${!(0,r.rk)(e.state)&&(0,d.e)(e,u.yZ.BROWSE_MEDIA)?n.dy` <mwc-button .label="${this.hass.localize("ui.card.media_player.browse_media")}" ="${this._showBrowseMedia}"> <ha-svg-icon .path="${"M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M12,14.5V5.5L18,10L12,14.5Z"}" slot="icon"></ha-svg-icon> </mwc-button> `:""} </div> ${((0,d.e)(e,u.yZ.VOLUME_SET)||(0,d.e)(e,u.yZ.VOLUME_STEP))&&(0,o.v)(e)?n.dy` <div class="volume"> ${(0,d.e)(e,u.yZ.VOLUME_MUTE)?n.dy` <ha-icon-button .path="${e.attributes.is_volume_muted?"M12,4L9.91,6.09L12,8.18M4.27,3L3,4.27L7.73,9H3V15H7L12,20V13.27L16.25,17.53C15.58,18.04 14.83,18.46 14,18.7V20.77C15.38,20.45 16.63,19.82 17.68,18.96L19.73,21L21,19.73L12,10.73M19,12C19,12.94 18.8,13.82 18.46,14.64L19.97,16.15C20.62,14.91 21,13.5 21,12C21,7.72 18,4.14 14,3.23V5.29C16.89,6.15 19,8.83 19,12M16.5,12C16.5,10.23 15.5,8.71 14,7.97V10.18L16.45,12.63C16.5,12.43 16.5,12.21 16.5,12Z":"M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z"}" .label="${this.hass.localize("ui.card.media_player."+(e.attributes.is_volume_muted?"media_volume_unmute":"media_volume_mute"))}" ="${this._toggleMute}"></ha-icon-button> `:""} ${(0,d.e)(e,u.yZ.VOLUME_SET)||(0,d.e)(e,u.yZ.VOLUME_STEP)?n.dy` <ha-icon-button action="volume_down" .path="${"M3,9H7L12,4V20L7,15H3V9M14,11H22V13H14V11Z"}" .label="${this.hass.localize("ui.card.media_player.media_volume_down")}" ="${this._handleClick}"></ha-icon-button> <ha-icon-button action="volume_up" .path="${"M3,9H7L12,4V20L7,15H3V9M14,11H17V8H19V11H22V13H19V16H17V13H14V11Z"}" .label="${this.hass.localize("ui.card.media_player.media_volume_up")}" ="${this._handleClick}"></ha-icon-button> `:""} ${(0,d.e)(e,u.yZ.VOLUME_SET)?n.dy` <ha-slider labeled id="input" .value="${100*Number(e.attributes.volume_level)}" ="${this._selectedValueChanged}"></ha-slider> `:""} </div> `:""} ${(0,o.v)(e)&&(0,d.e)(e,u.yZ.SELECT_SOURCE)&&e.attributes.source_list?.length?n.dy` <div class="source-input"> <ha-select .label="${this.hass.localize("ui.card.media_player.source")}" icon .value="${e.attributes.source}" ="${this._handleSourceChanged}" fixedMenuPosition naturalMenuWidth ="${l.U}"> ${e.attributes.source_list.map((t=>n.dy` <mwc-list-item .value="${t}"> ${this.hass.formatEntityAttributeValue(e,"source",t)} </mwc-list-item> `))} <ha-svg-icon .path="${"M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z"}" slot="icon"></ha-svg-icon> </ha-select> </div> `:n.Ld} ${(0,o.v)(e)&&(0,d.e)(e,u.yZ.SELECT_SOUND_MODE)&&e.attributes.sound_mode_list?.length?n.dy` <div class="sound-input"> <ha-select .label="${this.hass.localize("ui.card.media_player.sound_mode")}" .value="${e.attributes.sound_mode}" icon fixedMenuPosition naturalMenuWidth ="${this._handleSoundModeChanged}" ="${l.U}"> ${e.attributes.sound_mode_list.map((t=>n.dy` <mwc-list-item .value="${t}"> ${this.hass.formatEntityAttributeValue(e,"sound_mode",t)} </mwc-list-item> `))} <ha-svg-icon .path="${"M12 3V13.55C11.41 13.21 10.73 13 10 13C7.79 13 6 14.79 6 17S7.79 21 10 21 14 19.21 14 17V7H18V3H12Z"}" slot="icon"></ha-svg-icon> </ha-select> </div> `:""} `}},{kind:"field",static:!0,key:"styles",value:()=>n.iv`ha-slider{flex-grow:1}ha-icon-button[action=turn_off],ha-icon-button[action=turn_on]{margin-right:auto;margin-left:inherit;margin-inline-start:inherit;margin-inline-end:auto}.controls{display:flex;flex-wrap:wrap;align-items:center;--mdc-theme-primary:currentColor;direction:ltr}.basic-controls{display:inline-flex;flex-grow:1}.volume{direction:ltr}.sound-input,.source-input{direction:var(--direction)}.sound-input,.source-input,.volume{display:flex;align-items:center;justify-content:space-between}.sound-input ha-select,.source-input ha-select{margin-left:10px;flex-grow:1;margin-inline-start:10px;margin-inline-end:initial;direction:var(--direction)}.tts{margin-top:16px;font-style:italic}mwc-button>ha-svg-icon{vertical-align:text-bottom}`},{kind:"method",key:"_handleClick",value:function(e){(0,u.kr)(this.hass,this.stateObj,e.currentTarget.getAttribute("action"))}},{kind:"method",key:"_toggleMute",value:function(){this.hass.callService("media_player","volume_mute",{entity_id:this.stateObj.entity_id,is_volume_muted:!this.stateObj.attributes.is_volume_muted})}},{kind:"method",key:"_selectedValueChanged",value:function(e){this.hass.callService("media_player","volume_set",{entity_id:this.stateObj.entity_id,volume_level:e.target.value/100})}},{kind:"method",key:"_handleSourceChanged",value:function(e){const t=e.target.value;t&&this.stateObj.attributes.source!==t&&this.hass.callService("media_player","select_source",{entity_id:this.stateObj.entity_id,source:t})}},{kind:"method",key:"_handleSoundModeChanged",value:function(e){const t=e.target.value;t&&this.stateObj?.attributes.sound_mode!==t&&this.hass.callService("media_player","select_sound_mode",{entity_id:this.stateObj.entity_id,sound_mode:t})}},{kind:"method",key:"_showBrowseMedia",value:function(){(0,c.B)(this,{action:"play",entityId:this.stateObj.entity_id,mediaPickedCallback:e=>(0,u.qV)(this.hass,this.stateObj.entity_id,e.item.media_content_id,e.item.media_content_type)})}}]}}),n.oi)}};
//# sourceMappingURL=8656.51df6fa29205c69e.js.map