UNPKG

iobroker.lovelace

Version:

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

github.com/ioBroker/ioBroker.lovelace

ioBroker/ioBroker.lovelace

39 lines • 38.7 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[21356],{93421:function(t,e,a){a.d(e,{IW:function(){return h},dH:function(){return c},fI:function(){return l}});a(44114),a(62953);var i=a(35211),o=a(22792),r=a(32172);const n=(t,e)=>{let a=t;for(const i of e){if(null==a)return;a=a[i]}return a},s=(t,e,a)=>{const o=(0,r.p)({transformer:function(t){return a.call(this,t)},watch:e?[e]:[]}),n=(0,i.Fg)({context:t,subscribe:!0});return(t,e)=>{o(t,e),n(t,e)}},l=t=>s(o.iN,t.entityIdPath[0],function(e){const a=n(this,t.entityIdPath);return"string"==typeof a?null==e?void 0:e[a]:void 0}),c=t=>s(o.X1,t.entityIdPath[0],function(e){const a=n(this,t.entityIdPath);return"string"==typeof a?null==e?void 0:e[a]:void 0}),h=()=>s(o.D5,void 0,({localize:t})=>t)},26218:function(t,e,a){a.d(e,{a:function(){return o}});a(16280);const i=(0,a(77796).n)(t=>{history.replaceState({scrollPosition:t},"")},300);function o(t){return(e,a)=>{if("object"==typeof a)throw new Error("This decorator does not support this compilation type.");const o=e.connectedCallback;e.connectedCallback=function(){o.call(this);const e=this[a];e&&this.updateComplete.then(()=>{const a=this.renderRoot.querySelector(t);a&&setTimeout(()=>{a.scrollTop=e},0)})};const r=Object.getOwnPropertyDescriptor(e,a);let n;if(void 0===r)n={get(){var t;return this[`__${String(a)}`]||(null===(t=history.state)||void 0===t?void 0:t.scrollPosition)},set(t){i(t),this[`__${String(a)}`]=t},configurable:!0,enumerable:!0};else{const t=r.set;n=Object.assign(Object.assign({},r),{},{set(e){i(e),this[`__${String(a)}`]=e,null==t||t.call(this,e)}})}Object.defineProperty(e,a,n)}}},32172:function(t,e,a){a.d(e,{p:function(){return i}});a(16280),a(18111),a(7588),a(45367),a(92731),a(17642),a(58004),a(33853),a(45876),a(32475),a(15024),a(31698),a(62953);function i(t){return(e,a)=>{if("object"==typeof a)throw new Error("This decorator does not support this compilation type.");const i=String(a),o=e;if(o._transformers){if(!o.hasOwnProperty("_transformers")){const t=o._transformers;o._transformers=new Map,t.forEach((t,e)=>o._transformers.set(e,t))}}else{o._transformers=new Map,o._watching=new Map;const t=o.willUpdate;o.willUpdate=function(e){t.call(this,e);const a=new Set;e.forEach((t,e)=>{const i=this._watching.get(e);void 0!==i&&i.forEach(t=>a.add(t))}),a.forEach(t=>{this[t]=this[`__original_${String(t)}`]})}}o._transformers.set(a,t.transformer),t.watch&&t.watch.forEach(t=>{let e=o._watching.get(t);e||(e=new Set,o._watching.set(t,e)),e.add(a)});const r=Object.getOwnPropertyDescriptor(e,a);let n;if(void 0===r)n={get(){return this[`__transform_${i}`]},set(t){const e=this[`__transform_${i}`],a=this._transformers.get(i);this[`__transform_${i}`]=a?a.call(this,t):t,this[`__original_${i}`]=t,this.requestUpdate(i,e)},configurable:!0,enumerable:!0};else{const t=r.set;n=Object.assign(Object.assign({},r),{},{set(e){const a=this[`__transform_${i}`],o=this._transformers.get(i);this[`__transform_${i}`]=o?o.call(this,e):e,this[`__original_${i}`]=e,this.requestUpdate(i,a),null==t||t.call(this,e)}})}Object.defineProperty(e,a,n)}}},77796:function(t,e,a){a.d(e,{n:function(){return i}});a(62953);const i=(t,e,a=!0,i=!0)=>{let o,r=0;const n=(...n)=>{const s=()=>{r=!1===a?0:Date.now(),o=void 0,t(...n)},l=Date.now();r||!1!==a||(r=l);const c=e-(l-r);c<=0||c>e?(o&&(clearTimeout(o),o=void 0),r=l,t(...n)):o||!1===i||(o=window.setTimeout(s,c))};return n.cancel=()=>{clearTimeout(o),o=void 0,r=0},n}},38962:function(t,e,a){a.a(t,async function(t,i){try{a.r(e);a(62953);var o=a(40445),r=a(5124),n=a(67576),s=a(6412),l=a(93421),c=a(1087),h=a(26300),d=(a(67094),t([h]));h=(d.then?(await d)():d)[0];let p,u,f,g,m=t=>t;const v="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",b={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"};class y extends r.WF{render(){var t;return(0,r.qy)(p||(p=m` <div class="issue-type ${0}" role="alert"> <div class="icon ${0}"> <slot name="icon"> <ha-svg-icon .path="${0}"></ha-svg-icon> </slot> </div> <div class="${0}"> <div class="main-content"> ${0} <slot></slot> </div> <div class="action"> <slot name="action"> ${0} </slot> </div> </div> </div> `),(0,s.H)({[this.alertType]:!0}),this.title?"":"no-title",b[this.alertType],(0,s.H)({content:!0,narrow:this.narrow}),this.title?(0,r.qy)(u||(u=m`<div class="title">${0}</div>`),this.title):r.s6,this.dismissable?(0,r.qy)(f||(f=m`<ha-icon-button @click="${0}" .label="${0}" .path="${0}"></ha-icon-button>`),this._dismissClicked,null===(t=this._localize)||void 0===t?void 0:t.call(this,"ui.common.dismiss_alert"),v):r.s6)}_dismissClicked(){(0,c.r)(this,"alert-dismissed-clicked")}constructor(...t){super(...t),this.title="",this.alertType="info",this.dismissable=!1,this.narrow=!1}}y.styles=(0,r.AH)(g||(g=m`.issue-type{position:relative;padding:8px;display:flex}.icon{height:var(--ha-alert-icon-size,24px);width:var(--ha-alert-icon-size,24px)}.issue-type::after{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none;content:"";border-radius:var(--ha-border-radius-sm)}.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;line-height:normal;margin-left:8px;margin-right:0;margin-inline-start:8px;margin-inline-end:8px}.title{margin-top:2px;font-weight:var(--ha-font-weight-bold)}.action ha-icon-button{--mdc-theme-primary:var(--primary-text-color);--ha-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}`)),(0,o.Cg)([(0,n.MZ)()],y.prototype,"title",void 0),(0,o.Cg)([(0,n.MZ)({attribute:"alert-type"})],y.prototype,"alertType",void 0),(0,o.Cg)([(0,n.MZ)({type:Boolean})],y.prototype,"dismissable",void 0),(0,o.Cg)([(0,n.wk)(),(0,l.IW)()],y.prototype,"_localize",void 0),(0,o.Cg)([(0,n.MZ)({type:Boolean})],y.prototype,"narrow",void 0),y=(0,o.Cg)([(0,n.EM)("ha-alert")],y),i()}catch(p){i(p)}})},76776:function(t,e,a){a(62953);var i=a(40445),o=a(5124),r=a(67576);let n,s,l,c=t=>t;class h extends o.WF{render(){return(0,o.qy)(n||(n=c` ${0} <slot></slot> `),this.header?(0,o.qy)(s||(s=c`<h1 class="card-header">${0}</h1>`),this.header):o.s6)}constructor(...t){super(...t),this.raised=!1}}h.styles=(0,o.AH)(l||(l=c`:host{background:var(--ha-card-background,var(--card-background-color,#fff));-webkit-backdrop-filter:var(--ha-card-backdrop-filter,none);backdrop-filter:var(--ha-card-backdrop-filter,none);box-shadow:var(--ha-card-box-shadow,none);box-sizing:border-box;border-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg));border-width:var(--ha-card-border-width,1px);border-style:solid;border-color:var(--ha-card-border-color,var(--divider-color,#e0e0e0));color:var(--primary-text-color);display:block;transition:all .3s ease-out;position:relative}:host([raised]){border:none;box-shadow:var(--ha-card-box-shadow,0px 2px 1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px rgba(0,0,0,.12))}.card-header,:host ::slotted(.card-header){color:var(--ha-card-header-color,var(--primary-text-color));font-family:var(--ha-card-header-font-family, inherit);font-size:var(--ha-card-header-font-size, var(--ha-font-size-2xl));letter-spacing:-.012em;line-height:var(--ha-line-height-expanded);padding:var(--ha-space-3) var(--ha-space-4) var(--ha-space-4);display:block;margin-block-start:0;margin-block-end:0;font-weight:var(--ha-font-weight-normal)} :host ::slotted( .card-content:not(:nth-child(1 of .card-content, .card-header)) ), slot:not(:first-child)::slotted(.card-content) { padding-top: 0; margin-top: calc(var(--ha-space-2) * -1); } :host ::slotted(.card-content){padding:var(--ha-space-4)}:host ::slotted(.card-actions){border-top:1px solid var(--divider-color,#e8e8e8);padding:var(--ha-space-2)}`)),(0,i.Cg)([(0,r.MZ)()],h.prototype,"header",void 0),(0,i.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],h.prototype,"raised",void 0),h=(0,i.Cg)([(0,r.EM)("ha-card")],h)},90248:function(t,e,a){a.a(t,async function(t,i){try{a.r(e),a.d(e,{HaIconButtonArrowPrev:function(){return f}});a(62953);var o=a(40445),r=a(5124),n=a(67576),s=a(63091),l=a(26300),c=t([l]);l=(c.then?(await c)():c)[0];let h,d=t=>t;const p="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z",u="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z";class f extends r.WF{render(){var t;return(0,r.qy)(h||(h=d` <ha-icon-button .disabled="${0}" .label="${0}" .path="${0}" .href="${0}" .target="${0}" .rel="${0}" .download="${0}"></ha-icon-button> `),this.disabled,this.label||(null===(t=this.hass)||void 0===t?void 0:t.localize("ui.common.back"))||"Back",this._icon,this.href,this.target,this.rel,this.download)}constructor(...t){super(...t),this.disabled=!1,this._icon="rtl"===s.G.document.dir?u:p}}(0,o.Cg)([(0,n.MZ)({attribute:!1})],f.prototype,"hass",void 0),(0,o.Cg)([(0,n.MZ)({type:Boolean})],f.prototype,"disabled",void 0),(0,o.Cg)([(0,n.MZ)()],f.prototype,"label",void 0),(0,o.Cg)([(0,n.MZ)()],f.prototype,"href",void 0),(0,o.Cg)([(0,n.MZ)()],f.prototype,"target",void 0),(0,o.Cg)([(0,n.MZ)()],f.prototype,"rel",void 0),(0,o.Cg)([(0,n.MZ)()],f.prototype,"download",void 0),(0,o.Cg)([(0,n.wk)()],f.prototype,"_icon",void 0),f=(0,o.Cg)([(0,n.EM)("ha-icon-button-arrow-prev")],f),i()}catch(h){i(h)}})},26300:function(t,e,a){a.a(t,async function(t,i){try{a.r(e),a.d(e,{HaIconButton:function(){return g}});a(62953);var o=a(40445),r=a(5124),n=a(67576),s=a(63672),l=a(18350),c=(a(67094),t([l]));l=(c.then?(await c)():c)[0];let h,d,p,u,f=t=>t;class g extends r.WF{render(){return(0,r.qy)(h||(h=f` <ha-button appearance="plain" variant="neutral" aria-label="${0}" title="${0}" aria-haspopup="${0}" .disabled="${0}" .iconTag="${0}" .href="${0}" .target="${0}" .rel="${0}" .download="${0}"> ${0} </ha-button> `),(0,s.J)(this.label),(0,s.J)(this.hideTitle?void 0:this.label),(0,s.J)(this.ariaHasPopup),this.disabled,this.path?"ha-svg-icon":"span",this.href,this.target,this.rel,this.download,this.path?(0,r.qy)(d||(d=f`<ha-svg-icon aria-hidden="true" .path="${0}"></ha-svg-icon>`),this.path):(0,r.qy)(p||(p=f`<span><slot></slot></span>`)))}constructor(...t){super(...t),this.disabled=!1,this.hideTitle=!1,this.selected=!1}}g.shadowRootOptions={mode:"open",delegatesFocus:!0},g.styles=(0,r.AH)(u||(u=f`:host{display:inline-block;outline:0;--ha-button-height:var(--ha-icon-button-size, 48px)}ha-button{position:relative;isolation:isolate;--wa-form-control-padding-inline:var( --ha-icon-button-padding-inline, --ha-space-2 );--wa-color-on-normal:currentColor;--wa-color-fill-quiet:transparent;--ha-button-label-overflow:visible}ha-button::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background-color:currentColor;opacity:0;pointer-events:none}ha-button::part(base){width:var(--wa-form-control-height);aspect-ratio:1;outline-offset:-4px}ha-button::part(label){display:flex}:host([selected]) ha-button::after{opacity:.1}@media (hover:hover){:host(:hover:not([disabled])) ha-button::after{opacity:.1}}`)),(0,o.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],g.prototype,"disabled",void 0),(0,o.Cg)([(0,n.MZ)({type:String})],g.prototype,"path",void 0),(0,o.Cg)([(0,n.MZ)({type:String})],g.prototype,"label",void 0),(0,o.Cg)([(0,n.MZ)({type:String,attribute:"aria-haspopup"})],g.prototype,"ariaHasPopup",void 0),(0,o.Cg)([(0,n.MZ)({attribute:"hide-title",type:Boolean})],g.prototype,"hideTitle",void 0),(0,o.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],g.prototype,"selected",void 0),(0,o.Cg)([(0,n.MZ)()],g.prototype,"href",void 0),(0,o.Cg)([(0,n.MZ)()],g.prototype,"target",void 0),(0,o.Cg)([(0,n.MZ)()],g.prototype,"rel",void 0),(0,o.Cg)([(0,n.MZ)()],g.prototype,"download",void 0),g=(0,o.Cg)([(0,n.EM)("ha-icon-button")],g),i()}catch(h){i(h)}})},2846:function(t,e,a){a.d(e,{G:function(){return p},J:function(){return d}});var i=a(40445),o=a(58168),r=a(82553),n=a(5124),s=a(67576);a(54276);let l,c,h=t=>t;const d=[r.R,(0,n.AH)(l||(l=h`:host{--ha-icon-display:block;--md-sys-color-primary:var(--primary-text-color);--md-sys-color-secondary:var(--secondary-text-color);--md-sys-color-surface:var(--card-background-color);--md-sys-color-on-surface:var(--primary-text-color);--md-sys-color-on-surface-variant:var(--secondary-text-color)}md-item{overflow:var(--md-item-overflow,hidden);align-items:var(--md-item-align-items,center);gap:var(--ha-md-list-item-gap,16px)}`))];class p extends o.n{renderRipple(){return"text"===this.type?n.s6:(0,n.qy)(c||(c=h`<ha-ripple part="ripple" for="item" ?disabled="${0}"></ha-ripple>`),this.disabled&&"link"!==this.type)}}p.styles=d,p=(0,i.Cg)([(0,s.EM)("ha-md-list-item")],p)},17308:function(t,e,a){var i=a(40445),o=a(49838),r=a(11245),n=a(5124),s=a(67576);let l;class c extends o.B{}c.styles=[r.R,(0,n.AH)(l||(l=(t=>t)`:host{--md-sys-color-surface:var(--card-background-color)}`))],c=(0,i.Cg)([(0,s.EM)("ha-md-list")],c)},2054:function(t,e,a){a.a(t,async function(t,e){try{a(16280),a(62953);var i=a(40445),o=a(5124),r=a(67576),n=a(1087),s=a(44249),l=a(26300),c=t([l]);l=(c.then?(await c)():c)[0];let h,d,p,u=t=>t;const f="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z";class g extends o.WF{connectedCallback(){super.connectedCallback(),this._attachNotifOnConnect&&(this._attachNotifOnConnect=!1,this._subscribeNotifications())}disconnectedCallback(){super.disconnectedCallback(),this._unsubNotifications&&(this._attachNotifOnConnect=!0,this._unsubNotifications(),this._unsubNotifications=void 0)}render(){if(!this._show)return o.s6;const t=this._hasNotifications&&(this.narrow||"always_hidden"===this.hass.dockedSidebar);return(0,o.qy)(h||(h=u` <ha-icon-button .label="${0}" .path="${0}" @click="${0}"></ha-icon-button> ${0} `),this.hass.localize("ui.sidebar.sidebar_toggle"),f,this._toggleMenu,t?(0,o.qy)(d||(d=u`<div class="dot"></div>`)):"")}willUpdate(t){if(super.willUpdate(t),!t.has("narrow")&&!t.has("hass"))return;const e=t.has("hass")?t.get("hass"):this.hass,a=t.has("narrow")?t.get("narrow"):this.narrow,i=!1===(null==e?void 0:e.kioskMode)&&(a||"always_hidden"===(null==e?void 0:e.dockedSidebar)),o=!1===this.hass.kioskMode&&(this.narrow||"always_hidden"===this.hass.dockedSidebar);this.hasUpdated&&i===o||(this._show=o||this._alwaysVisible,o?this._subscribeNotifications():this._unsubNotifications&&(this._unsubNotifications(),this._unsubNotifications=void 0))}_subscribeNotifications(){if(this._unsubNotifications)throw new Error("Already subscribed");this._unsubNotifications=(0,s.V)(this.hass.connection,t=>{this._hasNotifications=t.length>0})}_toggleMenu(){(0,n.r)(this,"hass-toggle-menu")}constructor(...t){super(...t),this.narrow=!1,this._hasNotifications=!1,this._show=!1,this._alwaysVisible=!1,this._attachNotifOnConnect=!1}}g.styles=(0,o.AH)(p||(p=u`:host{position:relative}.dot{pointer-events:none;position:absolute;background-color:var(--accent-color);width:12px;height:12px;top:9px;right:7px;inset-inline-end:7px;inset-inline-start:initial;border-radius:var(--ha-border-radius-circle);border:2px solid var(--app-header-background-color)}`)),(0,i.Cg)([(0,r.MZ)({type:Boolean})],g.prototype,"narrow",void 0),(0,i.Cg)([(0,r.MZ)({attribute:!1})],g.prototype,"hass",void 0),(0,i.Cg)([(0,r.wk)()],g.prototype,"_hasNotifications",void 0),(0,i.Cg)([(0,r.wk)()],g.prototype,"_show",void 0),g=(0,i.Cg)([(0,r.EM)("ha-menu-button")],g),e()}catch(h){e(h)}})},54276:function(t,e,a){a(62953);var i=a(40445),o=a(76482),r=a(91382),n=a(96245),s=a(5124),l=a(67576);let c;class h extends r.n{attach(t){super.attach(t),this.attachableTouchController.attach(t)}disconnectedCallback(){super.disconnectedCallback(),this.hovered=!1,this.pressed=!1}detach(){super.detach(),this.attachableTouchController.detach()}_onTouchControlChange(t,e){null==t||t.removeEventListener("touchend",this._handleTouchEnd),null==e||e.addEventListener("touchend",this._handleTouchEnd)}constructor(...t){super(...t),this.attachableTouchController=new o.i(this,this._onTouchControlChange.bind(this)),this._handleTouchEnd=()=>{this.disabled||super.endPressAnimation()}}}h.styles=[n.R,(0,s.AH)(c||(c=(t=>t)`:host{--md-ripple-hover-opacity:var(--ha-ripple-hover-opacity, 0.08);--md-ripple-pressed-opacity:var(--ha-ripple-pressed-opacity, 0.12);--md-ripple-hover-color:var( --ha-ripple-hover-color, var(--ha-ripple-color, var(--secondary-text-color)) );--md-ripple-pressed-color:var( --ha-ripple-pressed-color, var(--ha-ripple-color, var(--secondary-text-color)) )}`))],h=(0,i.Cg)([(0,l.EM)("ha-ripple")],h)},67094:function(t,e,a){a.r(e),a.d(e,{HaSvgIcon:function(){return d}});var i=a(40445),o=a(5124),r=a(67576);let n,s,l,c,h=t=>t;class d extends o.WF{render(){return(0,o.JW)(n||(n=h` <svg viewBox="${0}" preserveAspectRatio="xMidYMid meet" focusable="false" role="img" aria-hidden="true"> <g> ${0} ${0} </g> </svg>`),this.viewBox||"0 0 24 24",this.path?(0,o.JW)(s||(s=h`<path class="primary-path" d="${0}"></path>`),this.path):o.s6,this.secondaryPath?(0,o.JW)(l||(l=h`<path class="secondary-path" d="${0}"></path>`),this.secondaryPath):o.s6)}}d.styles=(0,o.AH)(c||(c=h`:host{display:var(--ha-icon-display,inline-flex);align-items:center;justify-content:center;position:relative;vertical-align:middle;fill:var(--icon-primary-color,currentcolor);width:var(--mdc-icon-size,24px);height:var(--mdc-icon-size,24px)}svg{width:100%;height:100%;pointer-events:none;display:block}path.primary-path{opacity:var(--icon-primary-opactity, 1)}path.secondary-path{fill:var(--icon-secondary-color,currentcolor);opacity:var(--icon-secondary-opactity, .5)}`)),(0,i.Cg)([(0,r.MZ)()],d.prototype,"path",void 0),(0,i.Cg)([(0,r.MZ)({attribute:!1})],d.prototype,"secondaryPath",void 0),(0,i.Cg)([(0,r.MZ)({attribute:!1})],d.prototype,"viewBox",void 0),d=(0,i.Cg)([(0,r.EM)("ha-svg-icon")],d)},20559:function(t,e,a){a.d(e,{JW:function(){return _},OW:function(){return v},PO:function(){return p},VN:function(){return c},XG:function(){return u},eB:function(){return m},gZ:function(){return g},hM:function(){return d},k2:function(){return l},lU:function(){return f},m2:function(){return h},nc:function(){return b},vX:function(){return y},z1:function(){return s}});a(18111),a(22489),a(20116),a(61701),a(3362),a(17642),a(58004),a(33853),a(45876),a(32475),a(15024),a(31698),a(62953);var i=a(36312),o=a(91926),r=a(58594),n=a(16790),s=function(t){return t.THREAD="thread",t.WIFI="wifi",t.ETHERNET="ethernet",t.UNKNOWN="unknown",t}({});const l=t=>{var e;return null===(e=t.auth.external)||void 0===e?void 0:e.config.canCommissionMatter},c=async t=>{if((0,i.x)(t.config,"thread")){const e=(await(0,n.sL)(t)).datasets.find(t=>t.preferred);if(e)return t.auth.external.fireMessage({type:"matter/commission",payload:{active_operational_dataset:(await(0,n.dy)(t,e.dataset_id)).tlv,border_agent_id:e.preferred_border_agent_id,mac_extended_address:e.preferred_extended_address,extended_pan_id:e.extended_pan_id}})}return t.auth.external.fireMessage({type:"matter/commission"})},h=(t,e)=>{let a;const i=(0,r.Ag)(t.connection,t=>{if(!a)return void(a=new Set(Object.values(t).filter(t=>t.identifiers.find(t=>"matter"===t[0])).map(t=>t.id)));const o=Object.values(t).filter(t=>t.identifiers.find(t=>"matter"===t[0])&&!a.has(t.id));o.length&&(i(),a=void 0,e(o[0]))});return()=>{i(),a=void 0}},d=(t,e)=>h(t,t=>{null==e||e(),(0,o.oo)(`/config/devices/device/${t.id}`)}),p=(t,e)=>t.callWS({type:"matter/commission",code:e}),u=(t,e)=>t.callWS({type:"matter/commission_on_network",pin:e}),f=(t,e,a)=>t.callWS({type:"matter/set_wifi_credentials",network_name:e,password:a}),g=(t,e)=>t.callWS({type:"matter/set_thread",thread_operation_dataset:e}),m=(t,e)=>t.callWS({type:"matter/node_diagnostics",device_id:e}),v=(t,e)=>t.callWS({type:"matter/ping_node",device_id:e}),b=(t,e)=>t.callWS({type:"matter/open_commissioning_window",device_id:e}),y=(t,e,a)=>t.callWS({type:"matter/remove_matter_fabric",device_id:e,fabric_index:a}),_=(t,e)=>t.callWS({type:"matter/interview_node",device_id:e})},44249:function(t,e,a){a.d(e,{V:function(){return i}});a(62953);const i=(t,e)=>{const a=new o,i=t.subscribeMessage(t=>e(a.processMessage(t)),{type:"persistent_notification/subscribe"});return()=>{i.then(t=>null==t?void 0:t())}};class o{processMessage(t){if("removed"===t.type)for(const e of Object.keys(t.notifications))delete this.notifications[e];else this.notifications=Object.assign(Object.assign({},this.notifications),t.notifications);return Object.values(this.notifications)}constructor(){this.notifications={}}}},16790:function(t,e,a){a.d(e,{It:function(){return s},W4:function(){return c},dy:function(){return n},l1:function(){return h},rY:function(){return l},sL:function(){return r},wm:function(){return o}});class i{processEvent(t){return"router_discovered"===t.type?this.routers[t.key]=t.data:"router_removed"===t.type&&delete this.routers[t.key],Object.values(this.routers)}constructor(){this.routers={}}}const o=(t,e)=>{const a=new i;return t.connection.subscribeMessage(t=>e(a.processEvent(t)),{type:"thread/discover_routers"})},r=t=>t.callWS({type:"thread/list_datasets"}),n=(t,e)=>t.callWS({type:"thread/get_dataset_tlv",dataset_id:e}),s=(t,e,a)=>t.callWS({type:"thread/add_dataset_tlv",source:e,tlv:a}),l=(t,e)=>t.callWS({type:"thread/delete_dataset",dataset_id:e}),c=(t,e)=>t.callWS({type:"thread/set_preferred_dataset",dataset_id:e}),h=(t,e,a,i)=>t.callWS({type:"thread/set_preferred_border_agent",dataset_id:e,border_agent_id:a,extended_address:i})},81310:function(t,e,a){a.a(t,async function(t,e){try{a(62953);var i=a(40445),o=a(5124),r=a(67576),n=a(6412),s=a(26218),l=a(91926),c=a(90248),h=a(2054),d=a(14503),p=t([c,h]);[c,h]=p.then?(await p)():p;let u,f,g,m,v,b=t=>t;class y extends o.WF{render(){var t;return(0,o.qy)(u||(u=b` <div class="toolbar ${0}"> <div class="toolbar-content"> ${0} <div class="main-title"> <slot name="header">${0}</slot> </div> <slot name="toolbar-icon"></slot> </div> </div> <div class="${0}" @scroll="${0}"> <slot></slot> </div> <div id="fab"> <slot name="fab"></slot> </div> `),(0,n.H)({narrow:this.narrow}),this.mainPage||null!==(t=history.state)&&void 0!==t&&t.root?(0,o.qy)(f||(f=b` <ha-menu-button .hass="${0}" .narrow="${0}"></ha-menu-button> `),this.hass,this.narrow):this.backPath?(0,o.qy)(g||(g=b` <ha-icon-button-arrow-prev href="${0}" .hass="${0}"></ha-icon-button-arrow-prev> `),this.backPath,this.hass):(0,o.qy)(m||(m=b` <ha-icon-button-arrow-prev .hass="${0}" @click="${0}"></ha-icon-button-arrow-prev> `),this.hass,this._backTapped),this.header,(0,n.H)({content:!0,"ha-scrollbar":this.scrollable,"not-scrollable":!this.scrollable}),this._saveScrollPos)}_saveScrollPos(t){this._savedScrollPos=t.target.scrollTop}_backTapped(){this.backCallback?this.backCallback():(0,l.OE)()}static get styles(){return[d.dp,(0,o.AH)(v||(v=b`:host{display:block;height:100%;background-color:var(--primary-background-color);overflow:hidden;position:relative}:host([narrow]){width:100%;position:fixed}.toolbar{background-color:var(--app-header-background-color);padding-top:var(--safe-area-inset-top);padding-right:var(--safe-area-inset-right)}:host([narrow]) .toolbar{padding-left:var(--safe-area-inset-left)}.toolbar-content{display:flex;align-items:center;font-size:var(--ha-font-size-xl);height:var(--header-height);font-weight:var(--ha-font-weight-normal);color:var(--app-header-text-color,#fff);border-bottom:var(--app-header-border-bottom,none);box-sizing:border-box;padding:8px 12px}.toolbar a{color:var(--sidebar-text-color);text-decoration:none}::slotted([slot=toolbar-icon]),ha-icon-button-arrow-prev,ha-menu-button{display:flex;align-items:center;pointer-events:auto;color:var(--sidebar-icon-color)}.main-title{margin-inline-start:var(--ha-space-6);line-height:var(--ha-line-height-normal);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}.narrow .main-title{margin-inline-start:var(--ha-space-2)}.content{position:relative;width:calc(100% - var(--safe-area-inset-right,0px));height:calc(100% - 1px - var(--header-height,0px) - var(--safe-area-inset-top,0px) - var(--safe-area-inset-bottom,0px));padding-bottom:var(--safe-area-inset-bottom,0px);margin-right:var(--safe-area-inset-right);overflow-y:auto;overflow:auto;-webkit-overflow-scrolling:touch}.content.not-scrollable{overflow:hidden;display:flex;flex-direction:column}:host([narrow]) .content{width:calc(100% - var(--safe-area-inset-left,0px) - var(--safe-area-inset-right,0px));margin-left:var(--safe-area-inset-left)}#fab{position:absolute;right:calc(16px + var(--safe-area-inset-right,0px));inset-inline-end:calc(16px + var(--safe-area-inset-right,0px));inset-inline-start:initial;bottom:calc(16px + var(--safe-area-inset-bottom,0px));z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ha-space-2);--ha-button-box-shadow:var(--ha-box-shadow-l)}:host([narrow]) #fab.tabs{bottom:calc(84px + var(--safe-area-inset-bottom,0px))}#fab[is-wide]{bottom:calc(24px + var(--safe-area-inset-bottom,0px));right:calc(24px + var(--safe-area-inset-right,0px));inset-inline-end:calc(24px + var(--safe-area-inset-right,0px));inset-inline-start:initial}`))]}constructor(...t){super(...t),this.mainPage=!1,this.narrow=!1,this.scrollable=!0}}(0,i.Cg)([(0,r.MZ)({attribute:!1})],y.prototype,"hass",void 0),(0,i.Cg)([(0,r.MZ)()],y.prototype,"header",void 0),(0,i.Cg)([(0,r.MZ)({type:Boolean,attribute:"main-page"})],y.prototype,"mainPage",void 0),(0,i.Cg)([(0,r.MZ)({type:String,attribute:"back-path"})],y.prototype,"backPath",void 0),(0,i.Cg)([(0,r.MZ)({attribute:!1})],y.prototype,"backCallback",void 0),(0,i.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],y.prototype,"narrow",void 0),(0,i.Cg)([(0,r.MZ)({type:Boolean})],y.prototype,"scrollable",void 0),(0,i.Cg)([(0,s.a)(".content")],y.prototype,"_savedScrollPos",void 0),(0,i.Cg)([(0,r.Ls)({passive:!0})],y.prototype,"_saveScrollPos",null),y=(0,i.Cg)([(0,r.EM)("hass-subpage")],y),e()}catch(u){e(u)}})},69607:function(t,e,a){a.a(t,async function(t,i){try{a.r(e);a(3362),a(62953);var o=a(40445),r=a(5124),n=a(67576),s=a(38962),l=a(18350),c=(a(76776),a(17308),a(2846),a(20559)),h=a(65063),d=a(81310),p=a(14503),u=t([s,l,d]);[s,l,d]=u.then?(await u)():u;let f,g,m,v,b=t=>t;class y extends r.WF{disconnectedCallback(){super.disconnectedCallback(),this._stopRedirect()}render(){return(0,r.qy)(f||(f=b` <hass-subpage .hass="${0}" .narrow="${0}" .header="${0}" back-path="/config/matter/dashboard"> <div class="container"> <ha-card> ${0} <ha-md-list> ${0} <ha-md-list-item> <span slot="headline"> ${0} </span> <span slot="supporting-text"> ${0} </span> <ha-button appearance="plain" slot="end" size="small" @click="${0}"> ${0} </ha-button> </ha-md-list-item> <ha-md-list-item> <span slot="headline"> ${0} </span> <span slot="supporting-text"> ${0} </span> <ha-button appearance="plain" slot="end" size="small" @click="${0}"> ${0} </ha-button> </ha-md-list-item> <ha-md-list-item> <span slot="headline"> ${0} </span> <span slot="supporting-text"> ${0} </span> <ha-button appearance="plain" slot="end" size="small" @click="${0}"> ${0} </ha-button> </ha-md-list-item> <ha-md-list-item> <span slot="headline"> ${0} </span> <span slot="supporting-text"> ${0} </span> <ha-button appearance="plain" slot="end" size="small" @click="${0}"> ${0} </ha-button> </ha-md-list-item> </ha-md-list> </ha-card> </div> </hass-subpage> `),this.hass,this.narrow,this.hass.localize("ui.panel.config.matter.panel.options_title"),this._error?(0,r.qy)(g||(g=b`<ha-alert alert-type="error">${0}</ha-alert>`),this._error):r.s6,(0,c.k2)(this.hass)?(0,r.qy)(m||(m=b`<ha-md-list-item> <span slot="headline"> ${0} </span> <span slot="supporting-text"> ${0} </span> <ha-button appearance="plain" slot="end" size="small" @click="${0}"> ${0} </ha-button> </ha-md-list-item>`),this.hass.localize("ui.panel.config.matter.panel.mobile_app_commisioning"),this.hass.localize("ui.panel.config.matter.panel.mobile_app_commisioning_description"),this._startMobileCommissioning,this.hass.localize("ui.panel.config.matter.panel.mobile_app_commisioning_action")):r.s6,this.hass.localize("ui.panel.config.matter.panel.commission_device"),this.hass.localize("ui.panel.config.matter.panel.commission_device_description"),this._commission,this.hass.localize("ui.panel.config.matter.panel.commission_device_action"),this.hass.localize("ui.panel.config.matter.panel.add_shared_device"),this.hass.localize("ui.panel.config.matter.panel.add_shared_device_description"),this._acceptSharedDevice,this.hass.localize("ui.panel.config.matter.panel.add_shared_device_action"),this.hass.localize("ui.panel.config.matter.panel.set_wifi_credentials"),this.hass.localize("ui.panel.config.matter.panel.set_wifi_credentials_description"),this._setWifi,this.hass.localize("ui.panel.config.matter.panel.set_wifi_credentials_action"),this.hass.localize("ui.panel.config.matter.panel.set_thread_credentials"),this.hass.localize("ui.panel.config.matter.panel.set_thread_credentials_description"),this._setThread,this.hass.localize("ui.panel.config.matter.panel.set_thread_credentials_action"))}_redirectOnNewMatterDevice(){this._unsub||(this._unsub=(0,c.hM)(this.hass,()=>{this._unsub=void 0}))}_stopRedirect(){var t;null===(t=this._unsub)||void 0===t||t.call(this),this._unsub=void 0}_startMobileCommissioning(){this._redirectOnNewMatterDevice(),(0,c.VN)(this.hass)}async _commission(){const t=await(0,h.an)(this,{title:this.hass.localize("ui.panel.config.matter.panel.prompts.commission_device.title"),inputLabel:this.hass.localize("ui.panel.config.matter.panel.prompts.commission_device.input_label"),inputType:"string",confirmText:this.hass.localize("ui.panel.config.matter.panel.prompts.commission_device.confirm")});if(t){this._error=void 0,this._redirectOnNewMatterDevice();try{await(0,c.PO)(this.hass,t)}catch(e){this._error=e.message,this._stopRedirect()}}}async _acceptSharedDevice(){const t=await(0,h.an)(this,{title:this.hass.localize("ui.panel.config.matter.panel.prompts.add_shared_device.title"),inputLabel:this.hass.localize("ui.panel.config.matter.panel.prompts.add_shared_device.input_label"),inputType:"number",confirmText:this.hass.localize("ui.panel.config.matter.panel.prompts.add_shared_device.confirm")});if(t){this._error=void 0,this._redirectOnNewMatterDevice();try{await(0,c.XG)(this.hass,Number(t))}catch(e){this._error=e.message,this._stopRedirect()}}}async _setWifi(){this._error=void 0;const t=await(0,h.an)(this,{title:this.hass.localize("ui.panel.config.matter.panel.prompts.network_name.title"),inputLabel:this.hass.localize("ui.panel.config.matter.panel.prompts.network_name.input_label"),inputType:"string",confirmText:this.hass.localize("ui.panel.config.matter.panel.prompts.network_name.confirm")});if(!t)return;const e=await(0,h.an)(this,{title:this.hass.localize("ui.panel.config.matter.panel.prompts.passcode.title"),inputLabel:this.hass.localize("ui.panel.config.matter.panel.prompts.passcode.input_label"),inputType:"password",confirmText:this.hass.localize("ui.panel.config.matter.panel.prompts.passcode.confirm")});if(e)try{await(0,c.lU)(this.hass,t,e)}catch(a){this._error=a.message}}async _setThread(){const t=await(0,h.an)(this,{title:this.hass.localize("ui.panel.config.matter.panel.prompts.set_thread.title"),inputLabel:this.hass.localize("ui.panel.config.matter.panel.prompts.set_thread.input_label"),inputType:"string",confirmText:this.hass.localize("ui.panel.config.matter.panel.prompts.set_thread.confirm")});if(t){this._error=void 0;try{await(0,c.gZ)(this.hass,t)}catch(e){this._error=e.message}}}static get styles(){return[p.RF,(0,r.AH)(v||(v=b`.container{padding:var(--ha-space-2) var(--ha-space-4) var(--ha-space-4)}ha-card{max-width:600px;margin:auto}ha-md-list{background:0 0;padding:0}ha-md-list-item{--md-item-overflow:visible}`))]}constructor(...t){super(...t),this.narrow=!1}}(0,o.Cg)([(0,n.MZ)({attribute:!1})],y.prototype,"hass",void 0),(0,o.Cg)([(0,n.MZ)({attribute:!1})],y.prototype,"route",void 0),(0,o.Cg)([(0,n.MZ)({type:Boolean})],y.prototype,"narrow",void 0),(0,o.Cg)([(0,n.wk)()],y.prototype,"_error",void 0),y=(0,o.Cg)([(0,n.EM)("matter-options-page")],y),i()}catch(f){i(f)}})},14503:function(t,e,a){a.d(e,{RF:function(){return p},dp:function(){return g},kO:function(){return f},nA:function(){return u},og:function(){return d}});var i=a(5124);let o,r,n,s,l,c,h=t=>t;const d=(0,i.AH)(o||(o=h`button.link{background:0 0;color:inherit;border:none;padding:0;font:inherit;text-align:left;text-decoration:underline;cursor:pointer;outline:0}`)),p=(0,i.AH)(r||(r=h`:host{font-family:var(--ha-font-family-body);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);font-size:var(--ha-font-size-m);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-normal)}app-header div[sticky]{height:48px}app-toolbar [main-title]{margin-left:20px;margin-inline-start:20px;margin-inline-end:initial}.header{transition:box-shadow .2s linear,width var(--ha-animation-duration-normal) ease,padding-left var(--ha-animation-duration-normal) ease,padding-right var(--ha-animation-duration-normal) ease}@media (prefers-reduced-motion:reduce){.header{transition:box-shadow .2s linear}}h1{font-family:var(--ha-font-family-heading);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);font-size:var(--ha-font-size-2xl);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-condensed)}h2{font-family:var(--ha-font-family-body);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ha-font-size-xl);font-weight:var(--ha-font-weight-medium);line-height:var(--ha-line-height-normal)}h3{font-family:var(--ha-font-family-body);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);font-size:var(--ha-font-size-l);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-normal)}a{color:var(--primary-color)}.secondary{color:var(--secondary-text-color)}.error{color:var(--error-color)}.warning{color:var(--error-color)}${0} .card-actions a{text-decoration:none}.card-actions .warning{--mdc-theme-primary:var(--error-color)}.layout.horizontal,.layout.vertical{display:flex}.layout.inline{display:inline-flex}.layout.horizontal{flex-direction:row}.layout.vertical{flex-direction:column}.layout.wrap{flex-wrap:wrap}.layout.no-wrap{flex-wrap:nowrap}.layout.center,.layout.center-center{align-items:center}.layout.bottom{align-items:flex-end}.layout.center-center,.layout.center-justified{justify-content:center}.flex{flex:1;flex-basis:0.000000001px}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.layout.justified{justify-content:space-between}`),d),u=(0,i.AH)(n||(n=h`ha-adaptive-dialog,ha-dialog{--mdc-dialog-min-width:400px;--mdc-dialog-max-width:600px;--mdc-dialog-max-width:min(600px, 95vw);--justify-action-buttons:space-between;--dialog-container-padding:var(--safe-area-inset-top, 0) var(--safe-area-inset-right, 0) var(--safe-area-inset-bottom, 0) var(--safe-area-inset-left, 0);--dialog-surface-padding:0px}ha-adaptive-dialog .form,ha-dialog .form{color:var(--primary-text-color)}a{color:var(--primary-color)}@media all and (max-width:450px),all and (max-height:500px){ha-adaptive-dialog,ha-dialog{--mdc-dialog-min-width:100vw;--mdc-dialog-max-width:100vw;--mdc-dialog-min-height:100vh;--mdc-dialog-min-height:100svh;--mdc-dialog-max-height:100vh;--mdc-dialog-max-height:100svh;--dialog-container-padding:0px;--dialog-surface-padding:var(--safe-area-inset-top, 0) var(--safe-area-inset-right, 0) var(--safe-area-inset-bottom, 0) var(--safe-area-inset-left, 0);--vertical-align-dialog:flex-end}ha-dialog{--ha-dialog-border-radius:var(--ha-border-radius-square)}}.error{color:var(--error-color)}`)),f=(0,i.AH)(s||(s=h`ha-adaptive-dialog,ha-dialog{--vertical-align-dialog:flex-start;--dialog-surface-margin-top:var(--ha-space-10);--mdc-dialog-max-height:calc( 100vh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var( --safe-area-inset-y, 0px ) );--mdc-dialog-max-height:calc( 100svh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var( --safe-area-inset-y, 0px ) );--ha-dialog-max-height:calc( 100vh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var( --safe-area-inset-y, 0px ) );--ha-dialog-max-height:calc( 100svh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var( --safe-area-inset-y, 0px ) )}@media all and (max-width:450px),all and (max-height:500px){ha-adaptive-dialog,ha-dialog{--dialog-surface-margin-top:0px;--mdc-dialog-min-height:100vh;--mdc-dialog-min-height:100svh;--mdc-dialog-max-height:100vh;--mdc-dialog-max-height:100svh;--ha-dialog-max-height:100vh;--ha-dialog-max-height:100svh}}`)),g=(0,i.AH)(l||(l=h`.ha-scrollbar::-webkit-scrollbar{width:.4rem;height:.4rem}.ha-scrollbar::-webkit-scrollbar-thumb{border-radius:var(--ha-border-radius-sm);background:var(--scrollbar-thumb-color)}.ha-scrollbar{overflow-y:auto;scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:thin}`));(0,i.AH)(c||(c=h`body{background-color:var(--primary-background-color);color:var(--primary-text-color);height:calc(100vh - 32px);width:100vw}`))}}]);