iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
9 lines • 23.1 kB
JavaScript
export const __webpack_ids__=["81441"];export const __webpack_modules__={41986:function(e,t,i){var a=i(44249),o=i(72621),s=i(72629),l=i(57243),n=i(15093);(0,a.Z)([(0,n.Mo)("ha-filter-chip")],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[(0,n.Cb)({type:Boolean,reflect:!0,attribute:"no-leading-icon"})],key:"noLeadingIcon",value:()=>!1},{kind:"field",static:!0,key:"styles",value(){return[...(0,o.Z)(i,"styles",this),l.iv`:host{--md-sys-color-primary:var(--primary-text-color);--md-sys-color-on-surface:var(--primary-text-color);--md-sys-color-on-surface-variant:var(--primary-text-color);--md-sys-color-on-secondary-container:var(--primary-text-color);--md-filter-chip-container-shape:16px;--md-filter-chip-outline-color:var(--outline-color);--md-filter-chip-selected-container-color:rgba(
var(--rgb-primary-text-color),
0.15
)}`]}},{kind:"method",key:"renderLeadingIcon",value:function(){return this.noLeadingIcon?l.dy``:(0,o.Z)(i,"renderLeadingIcon",this,3)([])}}]}}),s.r)},95198:function(e,t,i){var a=i(44249),o=i(57243),s=i(15093);(0,a.Z)([(0,s.Mo)("ha-dialog-header")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"render",value:function(){return o.dy` <header class="header"> <div class="header-bar"> <section class="header-navigation-icon"> <slot name="navigationIcon"></slot> </section> <section class="header-content"> <div class="header-title"> <slot name="title"></slot> </div> <div class="header-subtitle"> <slot name="subtitle"></slot> </div> </section> <section class="header-action-items"> <slot name="actionItems"></slot> </section> </div> <slot></slot> </header> `}},{kind:"get",static:!0,key:"styles",value:function(){return[o.iv`:host{display:block}:host([show-border]){border-bottom:1px solid var(--mdc-dialog-scroll-divider-color,rgba(0,0,0,.12))}.header-bar{display:flex;flex-direction:row;align-items:flex-start;padding:4px;box-sizing:border-box}.header-content{flex:1;padding:10px 4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-title{font-size:22px;line-height:28px;font-weight:400}.header-subtitle{font-size:14px;line-height:20px;color:var(--secondary-text-color)} all and (min-width:450px) and (min-height:500px){.header-bar{padding:12px}}.header-navigation-icon{flex:none;min-width:8px;height:100%;display:flex;flex-direction:row}.header-action-items{flex:none;min-width:8px;height:100%;display:flex;flex-direction:row}`]}}]}}),o.oi)},51868:function(e,t,i){var a=i(44249),o=i(72621),s=i(1231),l=i(57243),n=i(15093);(0,a.Z)([(0,n.Mo)("ha-md-divider")],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",static:!0,key:"styles",value(){return[...(0,o.Z)(i,"styles",this),l.iv`:host{--md-divider-color:var(--divider-color)}`]}}]}}),s.B)},38419:function(e,t,i){var a=i(44249),o=(i(9359),i(56475),i(1331),i(70104),i(18672)),s=(i(31622),i(57243)),l=i(15093),n=i(35359),r=i(36522),d=(i(60370),i(41986),i(93288),i(64780),i(73729),i(95198),i(51868),i(7843),i(4398),i(97546),i(21164)),c=i(29166);const h="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",u="M6,13H18V11H6M3,6V8H21V6M10,18H14V16H10V18Z",p="M21 8H3V6H21V8M13.81 16H10V18H13.09C13.21 17.28 13.46 16.61 13.81 16M18 11H6V13H18V11M21.12 15.46L19 17.59L16.88 15.46L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z",m="M3,5H9V11H3V5M5,7V9H7V7H5M11,7H21V9H11V7M11,15H21V17H11V15M5,20L1.5,16.5L2.91,15.09L5,17.17L9.59,12.59L11,14L5,20Z",b="M7,10L12,15L17,10H7Z";(0,a.Z)([(0,l.Mo)("hass-tabs-subpage-data-table")],(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.Cb)({attribute:!1})],key:"localizeFunc",value:void 0},{kind:"field",decorators:[(0,l.Cb)({attribute:"is-wide",type:Boolean})],key:"isWide",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({type:Boolean,reflect:!0})],key:"narrow",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({type:Boolean})],key:"supervisor",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({type:Boolean,attribute:"main-page"})],key:"mainPage",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"initialCollapsedGroups",value:()=>[]},{kind:"field",decorators:[(0,l.Cb)({type:Object})],key:"columns",value:()=>({})},{kind:"field",decorators:[(0,l.Cb)({type:Array})],key:"data",value:()=>[]},{kind:"field",decorators:[(0,l.Cb)({type:Boolean})],key:"selectable",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({type:Boolean})],key:"clickable",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({attribute:"has-fab",type:Boolean})],key:"hasFab",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"appendRow",value:void 0},{kind:"field",decorators:[(0,l.Cb)({type:String})],key:"id",value:()=>"id"},{kind:"field",decorators:[(0,l.Cb)({type:String})],key:"filter",value:()=>""},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"searchLabel",value:void 0},{kind:"field",decorators:[(0,l.Cb)({type:Number})],key:"filters",value:void 0},{kind:"field",decorators:[(0,l.Cb)({type:Number})],key:"selected",value:void 0},{kind:"field",decorators:[(0,l.Cb)({type:String,attribute:"back-path"})],key:"backPath",value:void 0},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"backCallback",value:void 0},{kind:"field",decorators:[(0,l.Cb)({attribute:!1,type:String})],key:"noDataText",value:void 0},{kind:"field",decorators:[(0,l.Cb)({type:Boolean})],key:"empty",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"route",value:void 0},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"tabs",value:()=>[]},{kind:"field",decorators:[(0,l.Cb)({attribute:"has-filters",type:Boolean})],key:"hasFilters",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({attribute:"show-filters",type:Boolean})],key:"showFilters",value:()=>!1},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"initialSorting",value:void 0},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"initialGroupColumn",value:void 0},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"groupOrder",value:void 0},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"columnOrder",value:void 0},{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"hiddenColumns",value:void 0},{kind:"field",decorators:[(0,l.SB)()],key:"_sortColumn",value:void 0},{kind:"field",decorators:[(0,l.SB)()],key:"_sortDirection",value:()=>null},{kind:"field",decorators:[(0,l.SB)()],key:"_groupColumn",value:void 0},{kind:"field",decorators:[(0,l.SB)()],key:"_selectMode",value:()=>!1},{kind:"field",decorators:[(0,l.IO)("ha-data-table",!0)],key:"_dataTable",value:void 0},{kind:"field",decorators:[(0,l.IO)("search-input-outlined")],key:"_searchInput",value:void 0},{kind:"method",key:"supportedShortcuts",value:function(){return{f:()=>this._searchInput.focus()}}},{kind:"field",key:"_showPaneController",value(){return new o.Z(this,{callback:e=>e[0]?.contentRect.width>750})}},{kind:"method",key:"clearSelection",value:function(){this._dataTable.clearSelection()}},{kind:"method",key:"willUpdate",value:function(){this.hasUpdated||(this.initialGroupColumn&&this._setGroupColumn(this.initialGroupColumn),this.initialSorting&&(this._sortColumn=this.initialSorting.column,this._sortDirection=this.initialSorting.direction))}},{kind:"method",key:"render",value:function(){const e=this.localizeFunc||this.hass.localize,t=this._showPaneController.value??!this.narrow,i=this.hasFilters?s.dy`<div class="relative"> <ha-assist-chip .label="${e("ui.components.subpage-data-table.filters")}" .active="${this.filters}" ="${this._toggleFilters}"> <ha-svg-icon slot="icon" .path="${u}"></ha-svg-icon> </ha-assist-chip> ${this.filters?s.dy`<div class="badge">${this.filters}</div>`:s.Ld} </div>`:s.Ld,a=this.selectable&&!this._selectMode?s.dy`<ha-assist-chip class="has-dropdown select-mode-chip" .active="${this._selectMode}" ="${this._enableSelectMode}" .title="${e("ui.components.subpage-data-table.enter_selection_mode")}"> <ha-svg-icon slot="icon" .path="${m}"></ha-svg-icon> </ha-assist-chip>`:s.Ld,o=s.dy`<search-input-outlined .hass="${this.hass}" .filter="${this.filter}" -changed="${this._handleSearchChange}" .label="${this.searchLabel}" .placeholder="${this.searchLabel}"> </search-input-outlined>`,l=Object.values(this.columns).find((e=>e.sortable))?s.dy` <ha-md-button-menu positioning="fixed"> <ha-assist-chip slot="trigger" .label="${e("ui.components.subpage-data-table.sort_by",{sortColumn:this._sortColumn&&` ${this.columns[this._sortColumn]?.title||this.columns[this._sortColumn]?.label}`||""})}"> <ha-svg-icon slot="trailing-icon" .path="${b}"></ha-svg-icon> </ha-assist-chip> ${Object.entries(this.columns).map((([e,t])=>t.sortable?s.dy` <ha-md-menu-item .value="${e}" ="${this._handleSortBy}" ="${this._handleSortBy}" keep-open .selected="${e===this._sortColumn}" class="${(0,n.$)({selected:e===this._sortColumn})}"> ${this._sortColumn===e?s.dy` <ha-svg-icon slot="end" .path="${"desc"===this._sortDirection?"M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z":"M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z"}"></ha-svg-icon> `:s.Ld} ${t.title||t.label} </ha-md-menu-item> `:s.Ld))} </ha-md-button-menu> `:s.Ld,r=Object.values(this.columns).find((e=>e.groupable))?s.dy` <ha-md-button-menu positioning="fixed"> <ha-assist-chip .label="${e("ui.components.subpage-data-table.group_by",{groupColumn:this._groupColumn?` ${this.columns[this._groupColumn].title||this.columns[this._groupColumn].label}`:""})}" slot="trigger"> <ha-svg-icon slot="trailing-icon" .path="${b}"></ha-svg-icon></ha-assist-chip> ${Object.entries(this.columns).map((([e,t])=>t.groupable?s.dy` <ha-md-menu-item .value="${e}" .clickAction="${this._handleGroupBy}" .selected="${e===this._groupColumn}" class="${(0,n.$)({selected:e===this._groupColumn})}"> ${t.title||t.label} </ha-md-menu-item> `:s.Ld))} <ha-md-menu-item .value="${void 0}" .clickAction="${this._handleGroupBy}" .selected="${void 0===this._groupColumn}" class="${(0,n.$)({selected:void 0===this._groupColumn})}"> ${e("ui.components.subpage-data-table.dont_group_by")} </ha-md-menu-item> <ha-md-divider role="separator" tabindex="-1"></ha-md-divider> <ha-md-menu-item .clickAction="${this._collapseAllGroups}" .disabled="${void 0===this._groupColumn}"> <ha-svg-icon slot="start" .path="${"M16.59,5.41L15.17,4L12,7.17L8.83,4L7.41,5.41L12,10M7.41,18.59L8.83,20L12,16.83L15.17,20L16.58,18.59L12,14L7.41,18.59Z"}"></ha-svg-icon> ${e("ui.components.subpage-data-table.collapse_all_groups")} </ha-md-menu-item> <ha-md-menu-item .clickAction="${this._expandAllGroups}" .disabled="${void 0===this._groupColumn}"> <ha-svg-icon slot="start" .path="${"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}"></ha-svg-icon> ${e("ui.components.subpage-data-table.expand_all_groups")} </ha-md-menu-item> </ha-md-button-menu> `:s.Ld,d=s.dy`<ha-assist-chip class="has-dropdown select-mode-chip" ="${this._openSettings}" .title="${e("ui.components.subpage-data-table.settings")}"> <ha-svg-icon slot="icon" .path="${"M3 3H17C18.11 3 19 3.9 19 5V12.08C17.45 11.82 15.92 12.18 14.68 13H11V17H12.08C11.97 17.68 11.97 18.35 12.08 19H3C1.9 19 1 18.11 1 17V5C1 3.9 1.9 3 3 3M3 7V11H9V7H3M11 7V11H17V7H11M3 13V17H9V13H3M22.78 19.32L21.71 18.5C21.73 18.33 21.75 18.17 21.75 18S21.74 17.67 21.71 17.5L22.77 16.68C22.86 16.6 22.89 16.47 22.83 16.36L21.83 14.63C21.77 14.5 21.64 14.5 21.5 14.5L20.28 15C20 14.82 19.74 14.65 19.43 14.53L19.24 13.21C19.23 13.09 19.12 13 19 13H17C16.88 13 16.77 13.09 16.75 13.21L16.56 14.53C16.26 14.66 15.97 14.82 15.71 15L14.47 14.5C14.36 14.5 14.23 14.5 14.16 14.63L13.16 16.36C13.1 16.47 13.12 16.6 13.22 16.68L14.28 17.5C14.26 17.67 14.25 17.83 14.25 18S14.26 18.33 14.28 18.5L13.22 19.32C13.13 19.4 13.1 19.53 13.16 19.64L14.16 21.37C14.22 21.5 14.35 21.5 14.47 21.5L15.71 21C15.97 21.18 16.25 21.35 16.56 21.47L16.75 22.79C16.77 22.91 16.87 23 17 23H19C19.12 23 19.23 22.91 19.25 22.79L19.44 21.47C19.74 21.34 20 21.18 20.28 21L21.5 21.5C21.64 21.5 21.77 21.5 21.84 21.37L22.84 19.64C22.9 19.53 22.87 19.4 22.78 19.32M18 19.5C17.17 19.5 16.5 18.83 16.5 18S17.18 16.5 18 16.5 19.5 17.17 19.5 18 18.84 19.5 18 19.5Z"}"></ha-svg-icon> </ha-assist-chip>`;return s.dy` <hass-tabs-subpage .hass="${this.hass}" .localizeFunc="${this.localizeFunc}" .narrow="${this.narrow}" .isWide="${this.isWide}" .backPath="${this.backPath}" .backCallback="${this.backCallback}" .route="${this.route}" .tabs="${this.tabs}" .mainPage="${this.mainPage}" .supervisor="${this.supervisor}" .pane="${t&&this.showFilters}" -changed="${this._sortingChanged}"> ${this._selectMode?s.dy`<div class="selection-bar" slot="toolbar"> <div class="selection-controls"> <ha-icon-button .path="${h}" ="${this._disableSelectMode}" .label="${e("ui.components.subpage-data-table.exit_selection_mode")}"></ha-icon-button> <ha-md-button-menu positioning="absolute"> <ha-assist-chip .label="${e("ui.components.subpage-data-table.select")}" slot="trigger"> <ha-svg-icon slot="icon" .path="${m}"></ha-svg-icon> <ha-svg-icon slot="trailing-icon" .path="${b}"></ha-svg-icon></ha-assist-chip> <ha-md-menu-item .value="${void 0}" .clickAction="${this._selectAll}"> <div slot="headline"> ${e("ui.components.subpage-data-table.select_all")} </div> </ha-md-menu-item> <ha-md-menu-item .value="${void 0}" .clickAction="${this._selectNone}"> <div slot="headline"> ${e("ui.components.subpage-data-table.select_none")} </div> </ha-md-menu-item> <ha-md-divider role="separator" tabindex="-1"></ha-md-divider> <ha-md-menu-item .value="${void 0}" .clickAction="${this._disableSelectMode}"> <div slot="headline"> ${e("ui.components.subpage-data-table.exit_selection_mode")} </div> </ha-md-menu-item> </ha-md-button-menu> ${void 0!==this.selected?s.dy`<p> ${e("ui.components.subpage-data-table.selected",{selected:this.selected||"0"})} </p>`:s.Ld} </div> <div class="center-vertical"> <slot name="selection-bar"></slot> </div> </div>`:s.Ld} ${this.showFilters&&t?s.dy`<div class="pane" slot="pane"> <div class="table-header"> <ha-assist-chip .label="${e("ui.components.subpage-data-table.filters")}" active ="${this._toggleFilters}"> <ha-svg-icon slot="icon" .path="${u}"></ha-svg-icon> </ha-assist-chip> ${this.filters?s.dy`<ha-icon-button .path="${p}" ="${this._clearFilters}" .label="${e("ui.components.subpage-data-table.clear_filter")}"></ha-icon-button>`:s.Ld} </div> <div class="pane-content"> <slot name="filter-pane"></slot> </div> </div>`:s.Ld} ${this.empty?s.dy`<div class="center"> <slot name="empty">${this.noDataText}</slot> </div>`:s.dy`<div slot="toolbar-icon"> <slot name="toolbar-icon"></slot> </div> ${this.narrow?s.dy` <div slot="header"> <slot name="header"> <div class="search-toolbar">${o}</div> </slot> </div> `:""} <ha-data-table .hass="${this.hass}" .localize="${e}" .narrow="${this.narrow}" .columns="${this.columns}" .data="${this.data}" .noDataText="${this.noDataText}" .filter="${this.filter}" .selectable="${this._selectMode}" .hasFab="${this.hasFab}" .id="${this.id}" .clickable="${this.clickable}" .appendRow="${this.appendRow}" .sortColumn="${this._sortColumn}" .sortDirection="${this._sortDirection}" .groupColumn="${this._groupColumn}" .groupOrder="${this.groupOrder}" .initialCollapsedGroups="${this.initialCollapsedGroups}" .columnOrder="${this.columnOrder}" .hiddenColumns="${this.hiddenColumns}"> ${this.narrow?s.dy` <div slot="header"> <slot name="top-header"></slot> </div> <div slot="header-row" class="narrow-header-row"> ${this.hasFilters&&!this.showFilters?s.dy`${i}`:s.Ld} ${a} <div class="flex"></div> ${r}${l}${d} </div> `:s.dy` <div slot="header"> <slot name="top-header"></slot> <slot name="header"> <div class="table-header"> ${this.hasFilters&&!this.showFilters?s.dy`${i}`:s.Ld}${a}${o}${r}${l}${d} </div> </slot> </div> `} </ha-data-table>`} <div slot="fab"><slot name="fab"></slot></div> </hass-tabs-subpage> ${this.showFilters&&!t?s.dy`<ha-dialog open .heading="${e("ui.components.subpage-data-table.filters")}"> <ha-dialog-header slot="heading"> <ha-icon-button slot="navigationIcon" .path="${h}" ="${this._toggleFilters}" .label="${e("ui.components.subpage-data-table.close_filter")}"></ha-icon-button> <span slot="title">${e("ui.components.subpage-data-table.filters")}</span> ${this.filters?s.dy`<ha-icon-button slot="actionItems" ="${this._clearFilters}" .path="${p}" .label="${e("ui.components.subpage-data-table.clear_filter")}"></ha-icon-button>`:s.Ld} </ha-dialog-header> <div class="filter-dialog-content"> <slot name="filter-pane"></slot> </div> <div slot="primaryAction"> <ha-button ="${this._toggleFilters}"> ${e("ui.components.subpage-data-table.show_results",{number:this.data.length})} </ha-button> </div> </ha-dialog>`:s.Ld} `}},{kind:"method",key:"_clearFilters",value:function(){(0,r.B)(this,"clear-filter")}},{kind:"method",key:"_toggleFilters",value:function(){this.showFilters=!this.showFilters}},{kind:"method",key:"_sortingChanged",value:function(e){this._sortDirection=e.detail.direction,this._sortColumn=this._sortDirection?e.detail.column:void 0}},{kind:"method",key:"_handleSortBy",value:function(e){if("keydown"===e.type&&"Enter"!==e.key&&" "!==e.key)return;const t=e.currentTarget.value;this._sortDirection&&this._sortColumn===t?"asc"===this._sortDirection?this._sortDirection="desc":this._sortDirection=null:this._sortDirection="asc",this._sortColumn=null===this._sortDirection?void 0:t,(0,r.B)(this,"sorting-changed",{column:t,direction:this._sortDirection})}},{kind:"field",key:"_handleGroupBy",value(){return e=>{this._setGroupColumn(e.value)}}},{kind:"method",key:"_setGroupColumn",value:function(e){this._groupColumn=e,(0,r.B)(this,"grouping-changed",{value:e})}},{kind:"method",key:"_openSettings",value:function(){(0,d.m)(this,{columns:this.columns,hiddenColumns:this.hiddenColumns,columnOrder:this.columnOrder,onUpdate:(e,t)=>{this.columnOrder=e,this.hiddenColumns=t,(0,r.B)(this,"columns-changed",{columnOrder:e,hiddenColumns:t})},localizeFunc:this.localizeFunc})}},{kind:"field",key:"_collapseAllGroups",value(){return()=>{this._dataTable.collapseAllGroups()}}},{kind:"field",key:"_expandAllGroups",value(){return()=>{this._dataTable.expandAllGroups()}}},{kind:"method",key:"_enableSelectMode",value:function(){this._selectMode=!0}},{kind:"field",key:"_disableSelectMode",value(){return()=>{this._selectMode=!1,this._dataTable.clearSelection()}}},{kind:"field",key:"_selectAll",value(){return()=>{this._dataTable.selectAll()}}},{kind:"field",key:"_selectNone",value(){return()=>{this._dataTable.clearSelection()}}},{kind:"method",key:"_handleSearchChange",value:function(e){this.filter!==e.detail.value&&(this.filter=e.detail.value,(0,r.B)(this,"search-changed",{value:this.filter}))}},{kind:"field",static:!0,key:"styles",value:()=>s.iv`:host{display:block;height:100%}ha-data-table{width:100%;height:100%;--data-table-border-width:0}.pane,:host(:not([narrow])) ha-data-table{height:calc(100vh - 1px - var(--header-height));display:block}.pane-content{height:calc(100vh - 1px - var(--header-height) - var(--header-height));display:flex;flex-direction:column}:host([narrow]) hass-tabs-subpage{--main-title-margin:0}:host([narrow]){--expansion-panel-summary-padding:0 16px}.table-header{display:flex;align-items:center;--mdc-shape-small:0;height:56px;width:100%;justify-content:space-between;padding:0 16px;gap:16px;box-sizing:border-box;background:var(--primary-background-color);border-bottom:1px solid var(--divider-color)}search-input-outlined{flex:1}.search-toolbar{display:flex;align-items:center;color:var(--secondary-text-color)}.filters{--mdc-text-field-fill-color:var(--input-fill-color);--mdc-text-field-idle-line-color:var(--input-idle-line-color);--mdc-shape-small:4px;--text-field-overflow:initial;display:flex;justify-content:flex-end;color:var(--primary-text-color)}.active-filters{color:var(--primary-text-color);position:relative;display:flex;align-items:center;padding:2px 2px 2px 8px;margin-left:4px;margin-inline-start:4px;margin-inline-end:initial;font-size:14px;width:max-content;cursor:initial;direction:var(--direction)}.active-filters ha-svg-icon{color:var(--primary-color)}.active-filters mwc-button{margin-left:8px;margin-inline-start:8px;margin-inline-end:initial;direction:var(--direction)}.active-filters::before{background-color:var(--primary-color);opacity:.12;border-radius:4px;position:absolute;top:0;right:0;bottom:0;left:0;content:""}.badge{min-width:20px;box-sizing:border-box;border-radius:50%;font-weight:400;background-color:var(--primary-color);line-height:20px;text-align:center;padding:0px 4px;color:var(--text-primary-color);position:absolute;right:0;inset-inline-end:0;inset-inline-start:initial;top:4px;font-size:.65em}.center{display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;height:100%;width:100%;padding:16px}.badge{position:absolute;top:-4px;right:-4px;inset-inline-end:-4px;inset-inline-start:initial;min-width:16px;box-sizing:border-box;border-radius:50%;font-weight:400;font-size:11px;background-color:var(--primary-color);line-height:16px;text-align:center;padding:0px 2px;color:var(--text-primary-color)}.narrow-header-row{display:flex;align-items:center;min-width:100%;gap:16px;padding:0 16px;box-sizing:border-box;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.narrow-header-row .flex{flex:1;margin-left:-16px}.selection-bar{background:rgba(var(--rgb-primary-color),.1);width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;box-sizing:border-box;font-size:14px;--ha-assist-chip-container-color:var(--card-background-color)}.selection-controls{display:flex;align-items:center;gap:8px}.selection-controls p{margin-left:8px;margin-inline-start:8px;margin-inline-end:initial}.center-vertical{display:flex;align-items:center;gap:8px}.relative{position:relative}ha-assist-chip{--ha-assist-chip-container-shape:10px;--ha-assist-chip-container-color:var(--card-background-color)}.select-mode-chip{--md-assist-chip-icon-label-space:0;--md-assist-chip-trailing-space:8px}ha-dialog{--mdc-dialog-min-width:calc(
100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
);--mdc-dialog-max-width:calc(
100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
);--mdc-dialog-min-height:100%;--mdc-dialog-max-height:100%;--vertical-align-dialog:flex-end;--ha-dialog-border-radius:0;--dialog-content-padding:0}.filter-dialog-content{height:calc(100vh - 1px - 61px - var(--header-height));display:flex;flex-direction:column}ha-md-button-menu ha-assist-chip{--md-assist-chip-trailing-space:8px}`}]}}),(0,c.U)(s.oi))}};
//# sourceMappingURL=81441.37eeccfe70306d3d.js.map