homeassistant/custom_components/hacs/hacs_frontend_experimental/frontend_latest/9624.QHHEZLYUulE.js

2 lines
14 KiB
JavaScript
Raw Permalink Normal View History

2025-01-10 21:08:35 -08:00
export const id=9624;export const ids=[9624];export const modules={39624:(i,e,t)=>{t.r(e),t.d(e,{HaMediaSelector:()=>h});var a=t(309),o=t(5095),s=t(95260),d=t(53180),l=t(18394),n=t(56311),r=t(92599),c=t(78889),u=t(72824);t(23860),t(39663);const m=[{name:"media_content_id",required:!1,selector:{text:{}}},{name:"media_content_type",required:!1,selector:{text:{}}}];let h=(0,a.Z)([(0,s.Mo)("ha-selector-media")],(function(i,e){return{F:class extends e{constructor(...e){super(...e),i(this)}},d:[{kind:"field",decorators:[(0,s.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,s.Cb)({attribute:!1})],key:"selector",value:void 0},{kind:"field",decorators:[(0,s.Cb)({attribute:!1})],key:"value",value:void 0},{kind:"field",decorators:[(0,s.Cb)()],key:"label",value:void 0},{kind:"field",decorators:[(0,s.Cb)()],key:"helper",value:void 0},{kind:"field",decorators:[(0,s.Cb)({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[(0,s.Cb)({type:Boolean,reflect:!0})],key:"required",value:()=>!0},{kind:"field",decorators:[(0,s.SB)()],key:"_thumbnailUrl",value:void 0},{kind:"method",key:"willUpdate",value:function(i){if(i.has("value")){var e,t;const o=null===(e=this.value)||void 0===e||null===(e=e.metadata)||void 0===e?void 0:e.thumbnail;if(o===(null===(t=i.get("value"))||void 0===t||null===(t=t.metadata)||void 0===t?void 0:t.thumbnail))return;if(o&&o.startsWith("/"))this._thumbnailUrl=void 0,(0,r.iI)(this.hass,o).then((i=>{this._thumbnailUrl=i.path}));else if(o&&o.startsWith("https://brands.home-assistant.io")){var a;this._thumbnailUrl=(0,u.X1)({domain:(0,u.u4)(o),type:"icon",useFallback:!0,darkOptimized:null===(a=this.hass.themes)||void 0===a?void 0:a.darkMode})}else this._thumbnailUrl=o}}},{kind:"method",key:"render",value:function(){var i,e,t,a,s,l,r,u,h,_;const C=null!==(i=this.value)&&void 0!==i&&i.entity_id?this.hass.states[this.value.entity_id]:void 0,p=!(null!==(e=this.value)&&void 0!==e&&e.entity_id)||C&&(0,n.e)(C,c.yZ.BROWSE_MEDIA);return o.dy`<ha-entity-picker .hass="${this.hass}" .value="${null===(t=this.value)||void 0===t?void 0:t.entity_id}" .label="${this.label||this.hass.localize("ui.components.selectors.media.pick_media_player")}" .disabled="${this.disabled}" .helper="${this.helper}" .required="${this.required}" include-domains='["media_player"]' allow-custom-entity @value-changed="${this._entityChanged}"></ha-entity-picker> ${p?o.dy`<ha-card outlined @click="${this._pickMedia}" class="${this.disabled||null===(a=this.value)||void 0===a||!a.entity_id?"disabled":""}"> <div class="thumbnail ${(0,d.$)({portrait:!(null===(s=this.value)||void 0===s||null===(s=s.metadata)||void 0===s||!s.media_class)&&"portrait"===c.Fn[this.value.metadata.children_media_class||this.value.metadata.media_class].thumbnail_ratio})}"> ${null!==(l=this.value)&&void 0!==l&&null!==(l=l.metadata)&&void 0!==l&&l.thumbnail?o.dy` <div class="${(0,d.$)({"centered-image":!!this.value.metadata.media_class&&["app","directory"].includes(this.value.metadata.media_class)})} image" style="${this._thumbnailUrl?`background-image: url(${this._thumbnailUrl});`:""}"></div> `:o.dy` <div class="icon-holder image"> <ha-svg-icon class="folder" .path="${null!==(r=this.value)&&void 0!==r&&r.media_content_id?null!==(u=this.value)&&void 0!==u&&null!==(u=u.metadata)&&void 0!==u&&u.media_class?c.Fn["directory"===this.value.metadata.media_class&&this.value.metadata.children_media_class||this.value.metadata.media_class].icon:"M19 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3M10 16V8L15 12":"M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"}"></ha-svg-icon> </div> `} </div> <div class="title"> ${null!==(h=this.value)&&void 0!==h&&h.media_content_id?(null===(_=this.value.metadata)||void 0===_?void 0:_.title)||this.value.media_content_id:this.hass.localize("ui.components.selectors.media.pick_media")} </div> </ha-card>`:o.dy`<ha-alert> ${this.hass.localize("ui.components.selectors.media.browse_not_supported")} </ha-alert> <ha-form .hass="${this.hass}" .data="${this.value}" .schema="${m}" .computeLab
//# sourceMappingURL=9624.QHHEZLYUulE.js.map