UNPKG

iobroker.lovelace

Version:

With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI

2 lines 22.1 kB
export const __webpack_ids__=["16108"];export const __webpack_modules__={99426:function(e,t,i){i.r(t);var a=i(44249),o=i(57243),n=i(15093),s=i(35359),r=i(36522);i(23334),i(37583);const d={info:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z",warning:"M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16",error:"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z",success:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"};(0,a.Z)([(0,n.Mo)("ha-alert")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,n.Cb)()],key:"title",value:()=>""},{kind:"field",decorators:[(0,n.Cb)({attribute:"alert-type"})],key:"alertType",value:()=>"info"},{kind:"field",decorators:[(0,n.Cb)({type:Boolean})],key:"dismissable",value:()=>!1},{kind:"field",decorators:[(0,n.Cb)({type:Boolean})],key:"narrow",value:()=>!1},{kind:"method",key:"render",value:function(){return o.dy` <div class="issue-type ${(0,s.$)({[this.alertType]:!0})}" role="alert"> <div class="icon ${this.title?"":"no-title"}"> <slot name="icon"> <ha-svg-icon .path="${d[this.alertType]}"></ha-svg-icon> </slot> </div> <div class="${(0,s.$)({content:!0,narrow:this.narrow})}"> <div class="main-content"> ${this.title?o.dy`<div class="title">${this.title}</div>`:o.Ld} <slot></slot> </div> <div class="action"> <slot name="action"> ${this.dismissable?o.dy`<ha-icon-button @click="${this._dismissClicked}" label="Dismiss alert" .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} </slot> </div> </div> </div> `}},{kind:"method",key:"_dismissClicked",value:function(){(0,r.B)(this,"alert-dismissed-clicked")}},{kind:"field",static:!0,key:"styles",value:()=>o.iv`.issue-type{position:relative;padding:8px;display:flex}.issue-type::after{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none;content:"";border-radius:4px}.icon{z-index:1}.icon.no-title{align-self:center}.content{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:var(--float-start)}.content.narrow{flex-direction:column;align-items:flex-end}.action{z-index:1;width:min-content;--mdc-theme-primary:var(--primary-text-color)}.main-content{overflow-wrap:anywhere;word-break:break-word;margin-left:8px;margin-right:0;margin-inline-start:8px;margin-inline-end:0}.title{margin-top:2px;font-weight:700}.action ha-icon-button,.action mwc-button{--mdc-theme-primary:var(--primary-text-color);--mdc-icon-button-size:36px}.issue-type.info>.icon{color:var(--info-color)}.issue-type.info::after{background-color:var(--info-color)}.issue-type.warning>.icon{color:var(--warning-color)}.issue-type.warning::after{background-color:var(--warning-color)}.issue-type.error>.icon{color:var(--error-color)}.issue-type.error::after{background-color:var(--error-color)}.issue-type.success>.icon{color:var(--success-color)}.issue-type.success::after{background-color:var(--success-color)}:host ::slotted(ul){margin:0;padding-inline-start:20px}`}]}}),o.oi)},20130:function(e,t,i){var a=i(44249),o=i(72621),n=i(39785),s=i(52876),r=i(15093),d=i(57243),l=i(5111);(0,a.Z)([(0,r.Mo)("ha-fab")],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"method",key:"firstUpdated",value:function(e){(0,o.Z)(i,"firstUpdated",this,3)([e]),this.style.setProperty("--mdc-theme-secondary","var(--primary-color)")}},{kind:"field",static:!0,key:"styles",value:()=>[s.W,d.iv`:host .mdc-fab--extended .mdc-fab__icon{margin-inline-start:-8px;margin-inline-end:12px;direction:var(--direction)}:disabled{--mdc-theme-secondary:var(--disabled-text-color);pointer-events:none}`,"rtl"===l.E.document.dir?d.iv`:host .mdc-fab--extended .mdc-fab__icon{direction:rtl}`:d.iv``]}]}}),n._)},53678:function(e,t,i){var a=i(44249),o=(i(9359),i(1331),i(70104),i(2060),i(87319),i(57243)),n=i(15093),s=i(36522),r=i(36540),d=i(76131),l=i(6736),c=i(11917),h=i(28008),u=(i(41307),i(65981),i(34273),i(7285),i(49976));(0,a.Z)([(0,n.Mo)("ha-filter-categories")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"value",value:void 0},{kind:"field",decorators:[(0,n.Cb)()],key:"scope",value:void 0},{kind:"field",decorators:[(0,n.Cb)({type:Boolean})],key:"narrow",value:()=>!1},{kind:"field",decorators:[(0,n.Cb)({type:Boolean,reflect:!0})],key:"expanded",value:()=>!1},{kind:"field",decorators:[(0,n.SB)()],key:"_categories",value:()=>[]},{kind:"field",decorators:[(0,n.SB)()],key:"_shouldRender",value:()=>!1},{kind:"field",key:"hassSubscribeRequiredHostProps",value:()=>["scope"]},{kind:"method",key:"hassSubscribe",value:function(){return[(0,r.U)(this.hass.connection,this.scope,(e=>{this._categories=e}))]}},{kind:"method",key:"render",value:function(){return o.dy` <ha-expansion-panel left-chevron .expanded="${this.expanded}" @expanded-will-change="${this._expandedWillChange}" @expanded-changed="${this._expandedChanged}"> <div slot="header" class="header"> ${this.hass.localize("ui.panel.config.category.caption")} ${this.value?.length?o.dy`<div class="badge">${this.value?.length}</div> <ha-icon-button .path="${"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"}" @click="${this._clearFilter}"></ha-icon-button>`:o.Ld} </div> ${this._shouldRender?o.dy` <mwc-list @selected="${this._categorySelected}" class="ha-scrollbar" activatable> ${this._categories.length>0?o.dy`<ha-list-item .selected="${!this.value?.length}" .activated="${!this.value?.length}">${this.hass.localize("ui.panel.config.category.filter.show_all")}</ha-list-item>`:o.Ld} ${this._categories.map((e=>o.dy`<ha-list-item .value="${e.category_id}" .selected="${this.value?.includes(e.category_id)}" .activated="${this.value?.includes(e.category_id)}" graphic="icon" hasMeta> ${e.icon?o.dy`<ha-icon slot="graphic" .icon="${e.icon}"></ha-icon>`:o.dy`<ha-svg-icon .path="${"M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4C2.89,2 2,2.89 2,4V11C2,11.55 2.22,12.05 2.59,12.41L11.58,21.41C11.95,21.77 12.45,22 13,22C13.55,22 14.05,21.77 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.44 21.77,11.94 21.41,11.58Z"}" slot="graphic"></ha-svg-icon>`} ${e.name} <ha-button-menu @click="${u.U}" @action="${this._handleAction}" slot="meta" fixed .categoryId="${e.category_id}"> <ha-icon-button .path="${"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"}" slot="trigger"></ha-icon-button> <mwc-list-item graphic="icon"><ha-svg-icon .path="${"M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"}" slot="graphic"></ha-svg-icon>${this.hass.localize("ui.panel.config.category.editor.edit")}</mwc-list-item> <mwc-list-item graphic="icon" class="warning"><ha-svg-icon class="warning" .path="${"M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"}" slot="graphic"></ha-svg-icon>${this.hass.localize("ui.panel.config.category.editor.delete")}</mwc-list-item> </ha-button-menu> </ha-list-item>`))} </mwc-list> `:o.Ld} </ha-expansion-panel> ${this.expanded?o.dy`<ha-list-item graphic="icon" @click="${this._addCategory}" class="add"> <ha-svg-icon slot="graphic" .path="${"M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"}"></ha-svg-icon> ${this.hass.localize("ui.panel.config.category.editor.add")} </ha-list-item>`:o.Ld} `}},{kind:"method",key:"updated",value:function(e){e.has("expanded")&&this.expanded&&setTimeout((()=>{this.expanded&&(this.renderRoot.querySelector("mwc-list").style.height=this.clientHeight-97+"px")}),300)}},{kind:"method",key:"_handleAction",value:function(e){const t=e.currentTarget.categoryId;switch(e.detail.index){case 0:this._editCategory(t);break;case 1:this._deleteCategory(t)}}},{kind:"method",key:"_editCategory",value:function(e){(0,c.n)(this,{scope:this.scope,entry:this._categories.find((t=>t.category_id===e)),updateEntry:t=>(0,r.KV)(this.hass,this.scope,e,t)})}},{kind:"method",key:"_deleteCategory",value:async function(e){if(await(0,d.showConfirmationDialog)(this,{title:this.hass.localize("ui.panel.config.category.editor.confirm_delete"),text:this.hass.localize("ui.panel.config.category.editor.confirm_delete_text"),confirmText:this.hass.localize("ui.common.delete"),destructive:!0}))try{await(0,r.CQ)(this.hass,this.scope,e),(0,s.B)(this,"data-table-filter-changed",{value:[],items:void 0})}catch(e){alert(`Failed to delete: ${e.message}`)}}},{kind:"method",key:"_addCategory",value:function(){this.scope&&(0,c.n)(this,{scope:this.scope,createEntry:e=>(0,r.DM)(this.hass,this.scope,e)})}},{kind:"method",key:"_expandedWillChange",value:function(e){this._shouldRender=e.detail.expanded}},{kind:"method",key:"_expandedChanged",value:function(e){this.expanded=e.detail.expanded}},{kind:"method",key:"_categorySelected",value:async function(e){if(!e.detail.index)return(0,s.B)(this,"data-table-filter-changed",{value:[],items:void 0}),void(this.value=[]);const t=e.detail.index-1,i=this._categories[t]?.category_id;i&&(this.value=[i],(0,s.B)(this,"data-table-filter-changed",{value:this.value,items:void 0}))}},{kind:"method",key:"_clearFilter",value:function(e){e.preventDefault(),this.value=void 0,(0,s.B)(this,"data-table-filter-changed",{value:void 0,items:void 0})}},{kind:"get",static:!0,key:"styles",value:function(){return[h.$c,o.iv`:host{border-bottom:1px solid var(--divider-color);position:relative}:host([expanded]){flex:1;height:0}ha-expansion-panel{--ha-card-border-radius:0;--expansion-panel-content-padding:0}.header{display:flex;align-items:center}.header ha-icon-button{margin-inline-start:auto;margin-inline-end:8px}.badge{display:inline-block;margin-left:8px;margin-inline-start:8px;margin-inline-end:0;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)}mwc-list{--mdc-list-item-meta-size:auto;--mdc-list-side-padding-right:4px;--mdc-icon-button-size:36px}.warning{color:var(--error-color)}.add{position:absolute;bottom:0;right:0;left:0}`]}}]}}),(0,l.f)(o.oi))},93258:function(e,t,i){i.a(e,(async function(e,t){try{var a=i(44249),o=i(72621),n=(i(92745),i(9359),i(56475),i(31526),i(92519),i(42179),i(89256),i(24931),i(88463),i(57449),i(19814),i(2060),i(57243)),s=i(15093),r=i(27486),d=i(36522),l=i(59847),c=i(47194),h=i(1416),u=i(2357),p=i(28008),v=i(47641),g=(i(48103),i(51223)),y=(i(41307),i(4398),e([g]));g=(y.then?(await y)():y)[0];const f="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";(0,a.Z)([(0,s.Mo)("ha-filter-entities")],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[(0,s.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,s.Cb)({attribute:!1})],key:"value",value:void 0},{kind:"field",decorators:[(0,s.Cb)()],key:"type",value:void 0},{kind:"field",decorators:[(0,s.Cb)({type:Boolean})],key:"narrow",value:()=>!1},{kind:"field",decorators:[(0,s.Cb)({type:Boolean,reflect:!0})],key:"expanded",value:()=>!1},{kind:"field",decorators:[(0,s.SB)()],key:"_shouldRender",value:()=>!1},{kind:"field",decorators:[(0,s.SB)()],key:"_filter",value:void 0},{kind:"method",key:"willUpdate",value:function(e){(0,o.Z)(i,"willUpdate",this,3)([e]),this.hasUpdated||((0,v.o)(),this.value?.length&&this._findRelated())}},{kind:"method",key:"render",value:function(){return n.dy` <ha-expansion-panel left-chevron .expanded="${this.expanded}" @expanded-will-change="${this._expandedWillChange}" @expanded-changed="${this._expandedChanged}"> <div slot="header" class="header"> ${this.hass.localize("ui.panel.config.entities.caption")} ${this.value?.length?n.dy`<div class="badge">${this.value?.length}</div> <ha-icon-button .path="${f}" @click="${this._clearFilter}"></ha-icon-button>`:n.Ld} </div> ${this._shouldRender?n.dy` <search-input-outlined .hass="${this.hass}" .filter="${this._filter}" @value-changed="${this._handleSearchChange}"> </search-input-outlined> <mwc-list class="ha-scrollbar" multi> <lit-virtualizer .items="${this._entities(this.hass.states,this.type,this._filter||"",this.value)}" .keyFunction="${this._keyFunction}" .renderItem="${this._renderItem}" @click="${this._handleItemClick}"> </lit-virtualizer> </mwc-list> `:n.Ld} </ha-expansion-panel> `}},{kind:"method",key:"updated",value:function(e){e.has("expanded")&&this.expanded&&setTimeout((()=>{this.expanded&&(this.renderRoot.querySelector("mwc-list").style.height=this.clientHeight-49-32+"px")}),300)}},{kind:"field",key:"_keyFunction",value:()=>e=>e?.entity_id},{kind:"field",key:"_renderItem",value(){return e=>e?n.dy`<ha-check-list-item .value="${e.entity_id}" .selected="${this.value?.includes(e.entity_id)??!1}" graphic="icon"> <ha-state-icon slot="graphic" .hass="${this.hass}" .stateObj="${e}"></ha-state-icon> ${(0,c.C)(e)} </ha-check-list-item>`:n.Ld}},{kind:"method",key:"_handleItemClick",value:function(e){const t=e.target.closest("ha-check-list-item"),i=t?.value;i&&(this.value?.includes(i)?this.value=this.value?.filter((e=>e!==i)):this.value=[...this.value||[],i],t.selected=this.value?.includes(i),this._findRelated())}},{kind:"method",key:"_expandedWillChange",value:function(e){this._shouldRender=e.detail.expanded}},{kind:"method",key:"_expandedChanged",value:function(e){this.expanded=e.detail.expanded}},{kind:"method",key:"_handleSearchChange",value:function(e){this._filter=e.detail.value.toLowerCase()}},{kind:"field",key:"_entities",value(){return(0,r.Z)(((e,t,i,a)=>Object.values(e).filter((e=>(!t||(0,l.N)(e)!==t)&&(!i||e.entity_id.toLowerCase().includes(i)||e.attributes.friendly_name?.toLowerCase().includes(i)))).sort(((e,t)=>(0,h.$K)((0,c.C)(e),(0,c.C)(t),this.hass.locale.language)))))}},{kind:"method",key:"_findRelated",value:async function(){const e=[];if(!this.value?.length)return(0,d.B)(this,"data-table-filter-changed",{value:[],items:void 0}),void(this.value=[]);for(const t of this.value)this.type&&e.push((0,u.K)(this.hass,"entity",t));const t=await Promise.all(e),i=new Set;for(const e of t)e[this.type]&&e[this.type].forEach((e=>i.add(e)));(0,d.B)(this,"data-table-filter-changed",{value:this.value,items:this.type?i:void 0})}},{kind:"method",key:"_clearFilter",value:function(e){e.preventDefault(),this.value=void 0,(0,d.B)(this,"data-table-filter-changed",{value:void 0,items:void 0})}},{kind:"get",static:!0,key:"styles",value:function(){return[p.$c,n.iv`:host{border-bottom:1px solid var(--divider-color)}:host([expanded]){flex:1;height:0}ha-expansion-panel{--ha-card-border-radius:0;--expansion-panel-content-padding:0}.header{display:flex;align-items:center}.header ha-icon-button{margin-inline-start:auto;margin-inline-end:8px}.badge{display:inline-block;margin-left:8px;margin-inline-start:8px;margin-inline-end:0;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)}ha-check-list-item{--mdc-list-item-graphic-margin:16px;width:100%}search-input-outlined{display:block;padding:0 8px}`]}}]}}),n.oi);t()}catch(e){t(e)}}))},43546:function(e,t,i){i.d(t,{Cp:()=>s,TZ:()=>r,W2:()=>n,YY:()=>l,iI:()=>o,j2:()=>d,oT:()=>a});i(9359),i(70104);const a=e=>e.map((e=>{if("string"!==e.type)return e;switch(e.name){case"username":return{...e,autocomplete:"username",autofocus:!0};case"password":return{...e,autocomplete:"current-password"};case"code":return{...e,autocomplete:"one-time-code",autofocus:!0};default:return e}})),o=(e,t)=>e.callWS({type:"auth/sign_path",path:t}),n=async(e,t,i,a)=>e.callWS({type:"config/auth_provider/homeassistant/create",user_id:t,username:i,password:a}),s=(e,t,i)=>e.callWS({type:"config/auth_provider/homeassistant/change_password",current_password:t,new_password:i}),r=(e,t,i)=>e.callWS({type:"config/auth_provider/homeassistant/admin_change_password",user_id:t,password:i}),d=(e,t,i)=>e.callWS({type:"config/auth_provider/homeassistant/admin_change_username",user_id:t,username:i}),l=(e,t,i)=>e.callWS({type:"auth/delete_all_refresh_tokens",token_type:t,delete_current_token:i})},36540:function(e,t,i){i.d(t,{CQ:()=>c,DM:()=>d,KV:()=>l,U:()=>r});var a=i(62212),o=i(1416),n=i(22381);const s=(e,t)=>e.sendMessagePromise({type:"config/category_registry/list",scope:t}).then((e=>e.sort(((e,t)=>(0,o.$K)(e.name,t.name))))),r=(e,t,i)=>(0,a.B)(`_categoryRegistry_${t}`,(e=>s(e,t)),((e,i)=>e.subscribeEvents((0,n.D)((()=>s(e,t).then((e=>i.setState(e,!0)))),500,!0),"category_registry_updated")),e,i),d=(e,t,i)=>e.callWS({type:"config/category_registry/create",scope:t,...i}),l=(e,t,i,a)=>e.callWS({type:"config/category_registry/update",scope:t,category_id:i,...a}),c=(e,t,i)=>e.callWS({type:"config/category_registry/delete",scope:t,category_id:i})},12939:function(e,t,i){i.d(t,{A:()=>o});var a=i(36522);const o=(e,t)=>(0,a.B)(e,"hass-more-info",t)},87979:function(e,t,i){var a=i(44249),o=i(57243),n=i(15093),s=i(31146),r=(i(54202),i(43344),i(28008));(0,a.Z)([(0,n.Mo)("hass-subpage")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,n.Cb)()],key:"header",value:void 0},{kind:"field",decorators:[(0,n.Cb)({type:Boolean,attribute:"main-page"})],key:"mainPage",value:()=>!1},{kind:"field",decorators:[(0,n.Cb)({type:String,attribute:"back-path"})],key:"backPath",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"backCallback",value:void 0},{kind:"field",decorators:[(0,n.Cb)({type:Boolean,reflect:!0})],key:"narrow",value:()=>!1},{kind:"field",decorators:[(0,n.Cb)({type:Boolean})],key:"supervisor",value:()=>!1},{kind:"field",decorators:[(0,s.i)(".content")],key:"_savedScrollPos",value:void 0},{kind:"method",key:"render",value:function(){return o.dy` <div class="toolbar"> ${this.mainPage||history.state?.root?o.dy` <ha-menu-button .hassio="${this.supervisor}" .hass="${this.hass}" .narrow="${this.narrow}"></ha-menu-button> `:this.backPath?o.dy` <a href="${this.backPath}"> <ha-icon-button-arrow-prev .hass="${this.hass}"></ha-icon-button-arrow-prev> </a> `:o.dy` <ha-icon-button-arrow-prev .hass="${this.hass}" @click="${this._backTapped}"></ha-icon-button-arrow-prev> `} <div class="main-title"><slot name="header">${this.header}</slot></div> <slot name="toolbar-icon"></slot> </div> <div class="content ha-scrollbar" @scroll="${this._saveScrollPos}"> <slot></slot> </div> <div id="fab"> <slot name="fab"></slot> </div> `}},{kind:"method",decorators:[(0,n.hO)({passive:!0})],key:"_saveScrollPos",value:function(e){this._savedScrollPos=e.target.scrollTop}},{kind:"method",key:"_backTapped",value:function(){this.backCallback?this.backCallback():history.back()}},{kind:"get",static:!0,key:"styles",value:function(){return[r.$c,o.iv`:host{display:block;height:100%;background-color:var(--primary-background-color);overflow:hidden;position:relative}:host([narrow]){width:100%;position:fixed}.toolbar{display:flex;align-items:center;font-size:20px;height:var(--header-height);padding:8px 12px;background-color:var(--app-header-background-color);font-weight:400;color:var(--app-header-text-color,#fff);border-bottom:var(--app-header-border-bottom,none);box-sizing:border-box}@media (max-width:599px){.toolbar{padding:4px}}.toolbar a{color:var(--sidebar-text-color);text-decoration:none}::slotted([slot=toolbar-icon]),ha-icon-button-arrow-prev,ha-menu-button{pointer-events:auto;color:var(--sidebar-icon-color)}.main-title{margin:var(--margin-title);line-height:20px;min-width:0;flex-grow:1;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-bottom:1px}.content{position:relative;width:100%;height:calc(100% - 1px - var(--header-height));overflow-y:auto;overflow:auto;-webkit-overflow-scrolling:touch}#fab{position:absolute;right:calc(16px + env(safe-area-inset-right));inset-inline-end:calc(16px + env(safe-area-inset-right));inset-inline-start:initial;bottom:calc(16px + env(safe-area-inset-bottom));z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host([narrow]) #fab.tabs{bottom:calc(84px + env(safe-area-inset-bottom))}#fab[is-wide]{bottom:24px;right:24px;inset-inline-end:24px;inset-inline-start:initial}`]}}]}}),o.oi)},78819:function(e,t,i){i.d(t,{U:()=>n});var a=i(36522);const o=()=>Promise.all([i.e("24199"),i.e("27506"),i.e("27090"),i.e("65562")]).then(i.bind(i,80517)),n=(e,t)=>{(0,a.B)(e,"show-dialog",{dialogTag:"dialog-assign-category",dialogImport:o,dialogParams:t})}},11917:function(e,t,i){i.d(t,{n:()=>n});var a=i(36522);const o=()=>Promise.all([i.e("24199"),i.e("27506"),i.e("78500")]).then(i.bind(i,80860)),n=(e,t)=>{(0,a.B)(e,"show-dialog",{dialogTag:"dialog-category-registry-detail",dialogImport:o,dialogParams:t})}}}; //# sourceMappingURL=16108.5f9c12c36ad8f2f3.js.map