iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
39 lines • 32.1 kB
JavaScript
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[94559],{26218:function(t,a,o){o.d(a,{a:function(){return i}});o(16280);const e=(0,o(77796).n)(t=>{history.replaceState({scrollPosition:t},"")},300);function i(t){return(a,o)=>{if("object"==typeof o)throw new Error("This decorator does not support this compilation type.");const i=a.connectedCallback;a.connectedCallback=function(){i.call(this);const a=this[o];a&&this.updateComplete.then(()=>{const o=this.renderRoot.querySelector(t);o&&setTimeout(()=>{o.scrollTop=a},0)})};const r=Object.getOwnPropertyDescriptor(a,o);let n;if(void 0===r)n={get(){var t;return this[`__${String(o)}`]||(null===(t=history.state)||void 0===t?void 0:t.scrollPosition)},set(t){e(t),this[`__${String(o)}`]=t},configurable:!0,enumerable:!0};else{const t=r.set;n=Object.assign(Object.assign({},r),{},{set(a){e(a),this[`__${String(o)}`]=a,null==t||t.call(this,a)}})}Object.defineProperty(a,o,n)}}},77796:function(t,a,o){o.d(a,{n:function(){return e}});o(62953);const e=(t,a,o=!0,e=!0)=>{let i,r=0;const n=(...n)=>{const s=()=>{r=!1===o?0:Date.now(),i=void 0,t(...n)},l=Date.now();r||!1!==o||(r=l);const c=a-(l-r);c<=0||c>a?(i&&(clearTimeout(i),i=void 0),r=l,t(...n)):i||!1===e||(i=window.setTimeout(s,c))};return n.cancel=()=>{clearTimeout(i),i=void 0,r=0},n}},76776:function(t,a,o){o(62953);var e=o(40445),i=o(5124),r=o(67576);let n,s,l,c=t=>t;class h extends i.WF{render(){return(0,i.qy)(n||(n=c` ${0} <slot></slot> `),this.header?(0,i.qy)(s||(s=c`<h1 class="card-header">${0}</h1>`),this.header):i.s6)}constructor(...t){super(...t),this.raised=!1}}h.styles=(0,i.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,e.Cg)([(0,r.MZ)()],h.prototype,"header",void 0),(0,e.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],h.prototype,"raised",void 0),h=(0,e.Cg)([(0,r.EM)("ha-card")],h)},90248:function(t,a,o){o.a(t,async function(t,e){try{o.r(a),o.d(a,{HaIconButtonArrowPrev:function(){return g}});o(62953);var i=o(40445),r=o(5124),n=o(67576),s=o(63091),l=o(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",v="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z";class g 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?v:p}}(0,i.Cg)([(0,n.MZ)({attribute:!1})],g.prototype,"hass",void 0),(0,i.Cg)([(0,n.MZ)({type:Boolean})],g.prototype,"disabled",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"label",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"href",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"target",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"rel",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"download",void 0),(0,i.Cg)([(0,n.wk)()],g.prototype,"_icon",void 0),g=(0,i.Cg)([(0,n.EM)("ha-icon-button-arrow-prev")],g),e()}catch(h){e(h)}})},26300:function(t,a,o){o.a(t,async function(t,e){try{o.r(a),o.d(a,{HaIconButton:function(){return u}});o(62953);var i=o(40445),r=o(5124),n=o(67576),s=o(63672),l=o(18350),c=(o(67094),t([l]));l=(c.then?(await c)():c)[0];let h,d,p,v,g=t=>t;class u extends r.WF{render(){return(0,r.qy)(h||(h=g` <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=g`<ha-svg-icon aria-hidden="true" .path="${0}"></ha-svg-icon>`),this.path):(0,r.qy)(p||(p=g`<span><slot></slot></span>`)))}constructor(...t){super(...t),this.disabled=!1,this.hideTitle=!1,this.selected=!1}}u.shadowRootOptions={mode:"open",delegatesFocus:!0},u.styles=(0,r.AH)(v||(v=g`: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} (hover:hover){:host(:hover:not([disabled])) ha-button::after{opacity:.1}}`)),(0,i.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),(0,i.Cg)([(0,n.MZ)({type:String})],u.prototype,"path",void 0),(0,i.Cg)([(0,n.MZ)({type:String})],u.prototype,"label",void 0),(0,i.Cg)([(0,n.MZ)({type:String,attribute:"aria-haspopup"})],u.prototype,"ariaHasPopup",void 0),(0,i.Cg)([(0,n.MZ)({attribute:"hide-title",type:Boolean})],u.prototype,"hideTitle",void 0),(0,i.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],u.prototype,"selected",void 0),(0,i.Cg)([(0,n.MZ)()],u.prototype,"href",void 0),(0,i.Cg)([(0,n.MZ)()],u.prototype,"target",void 0),(0,i.Cg)([(0,n.MZ)()],u.prototype,"rel",void 0),(0,i.Cg)([(0,n.MZ)()],u.prototype,"download",void 0),u=(0,i.Cg)([(0,n.EM)("ha-icon-button")],u),e()}catch(h){e(h)}})},43661:function(t,a,o){o.r(a),o.d(a,{HaIconNext:function(){return s}});o(62953);var e=o(40445),i=o(67576),r=o(63091),n=o(67094);class s extends n.HaSvgIcon{constructor(...t){super(...t),this.path="rtl"===r.G.document.dir?"M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z":"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"}}(0,e.Cg)([(0,i.MZ)()],s.prototype,"path",void 0),s=(0,e.Cg)([(0,i.EM)("ha-icon-next")],s)},2846:function(t,a,o){o.d(a,{G:function(){return p},J:function(){return d}});var e=o(40445),i=o(58168),r=o(82553),n=o(5124),s=o(67576);o(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 i.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,e.Cg)([(0,s.EM)("ha-md-list-item")],p)},17308:function(t,a,o){var e=o(40445),i=o(49838),r=o(11245),n=o(5124),s=o(67576);let l;class c extends i.B{}c.styles=[r.R,(0,n.AH)(l||(l=(t=>t)`:host{--md-sys-color-surface:var(--card-background-color)}`))],c=(0,e.Cg)([(0,s.EM)("ha-md-list")],c)},2054:function(t,a,o){o.a(t,async function(t,a){try{o(16280),o(62953);var e=o(40445),i=o(5124),r=o(67576),n=o(1087),s=o(44249),l=o(26300),c=t([l]);l=(c.then?(await c)():c)[0];let h,d,p,v=t=>t;const g="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z";class u extends i.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 i.s6;const t=this._hasNotifications&&(this.narrow||"always_hidden"===this.hass.dockedSidebar);return(0,i.qy)(h||(h=v` <ha-icon-button .label="${0}" .path="${0}" ="${0}"></ha-icon-button> ${0} `),this.hass.localize("ui.sidebar.sidebar_toggle"),g,this._toggleMenu,t?(0,i.qy)(d||(d=v`<div class="dot"></div>`)):"")}willUpdate(t){if(super.willUpdate(t),!t.has("narrow")&&!t.has("hass"))return;const a=t.has("hass")?t.get("hass"):this.hass,o=t.has("narrow")?t.get("narrow"):this.narrow,e=!1===(null==a?void 0:a.kioskMode)&&(o||"always_hidden"===(null==a?void 0:a.dockedSidebar)),i=!1===this.hass.kioskMode&&(this.narrow||"always_hidden"===this.hass.dockedSidebar);this.hasUpdated&&e===i||(this._show=i||this._alwaysVisible,i?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}}u.styles=(0,i.AH)(p||(p=v`: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,e.Cg)([(0,r.MZ)({type:Boolean})],u.prototype,"narrow",void 0),(0,e.Cg)([(0,r.MZ)({attribute:!1})],u.prototype,"hass",void 0),(0,e.Cg)([(0,r.wk)()],u.prototype,"_hasNotifications",void 0),(0,e.Cg)([(0,r.wk)()],u.prototype,"_show",void 0),u=(0,e.Cg)([(0,r.EM)("ha-menu-button")],u),a()}catch(h){a(h)}})},54276:function(t,a,o){o(62953);var e=o(40445),i=o(76482),r=o(91382),n=o(96245),s=o(5124),l=o(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,a){null==t||t.removeEventListener("touchend",this._handleTouchEnd),null==a||a.addEventListener("touchend",this._handleTouchEnd)}constructor(...t){super(...t),this.attachableTouchController=new i.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,e.Cg)([(0,l.EM)("ha-ripple")],h)},67094:function(t,a,o){o.r(a),o.d(a,{HaSvgIcon:function(){return d}});var e=o(40445),i=o(5124),r=o(67576);let n,s,l,c,h=t=>t;class d extends i.WF{render(){return(0,i.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,i.JW)(s||(s=h`<path class="primary-path" d="${0}"></path>`),this.path):i.s6,this.secondaryPath?(0,i.JW)(l||(l=h`<path class="secondary-path" d="${0}"></path>`),this.secondaryPath):i.s6)}}d.styles=(0,i.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,e.Cg)([(0,r.MZ)()],d.prototype,"path",void 0),(0,e.Cg)([(0,r.MZ)({attribute:!1})],d.prototype,"secondaryPath",void 0),(0,e.Cg)([(0,r.MZ)({attribute:!1})],d.prototype,"viewBox",void 0),d=(0,e.Cg)([(0,r.EM)("ha-svg-icon")],d)},44249:function(t,a,o){o.d(a,{V:function(){return e}});o(62953);const e=(t,a)=>{const o=new i,e=t.subscribeMessage(t=>a(o.processMessage(t)),{type:"persistent_notification/subscribe"});return()=>{e.then(t=>null==t?void 0:t())}};class i{processMessage(t){if("removed"===t.type)for(const a of Object.keys(t.notifications))delete this.notifications[a];else this.notifications=Object.assign(Object.assign({},this.notifications),t.notifications);return Object.values(this.notifications)}constructor(){this.notifications={}}}},81310:function(t,a,o){o.a(t,async function(t,a){try{o(62953);var e=o(40445),i=o(5124),r=o(67576),n=o(6412),s=o(26218),l=o(91926),c=o(90248),h=o(2054),d=o(14503),p=t([c,h]);[c,h]=p.then?(await p)():p;let v,g,u,f,b,m=t=>t;class y extends i.WF{render(){var t;return(0,i.qy)(v||(v=m` <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}" ="${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,i.qy)(g||(g=m` <ha-menu-button .hass="${0}" .narrow="${0}"></ha-menu-button> `),this.hass,this.narrow):this.backPath?(0,i.qy)(u||(u=m` <ha-icon-button-arrow-prev href="${0}" .hass="${0}"></ha-icon-button-arrow-prev> `),this.backPath,this.hass):(0,i.qy)(f||(f=m` <ha-icon-button-arrow-prev .hass="${0}" ="${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,i.AH)(b||(b=m`: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,e.Cg)([(0,r.MZ)({attribute:!1})],y.prototype,"hass",void 0),(0,e.Cg)([(0,r.MZ)()],y.prototype,"header",void 0),(0,e.Cg)([(0,r.MZ)({type:Boolean,attribute:"main-page"})],y.prototype,"mainPage",void 0),(0,e.Cg)([(0,r.MZ)({type:String,attribute:"back-path"})],y.prototype,"backPath",void 0),(0,e.Cg)([(0,r.MZ)({attribute:!1})],y.prototype,"backCallback",void 0),(0,e.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],y.prototype,"narrow",void 0),(0,e.Cg)([(0,r.MZ)({type:Boolean})],y.prototype,"scrollable",void 0),(0,e.Cg)([(0,s.a)(".content")],y.prototype,"_savedScrollPos",void 0),(0,e.Cg)([(0,r.Ls)({passive:!0})],y.prototype,"_saveScrollPos",null),y=(0,e.Cg)([(0,r.EM)("hass-subpage")],y),a()}catch(v){a(v)}})},5762:function(t,a,o){o.a(t,async function(t,e){try{o.r(a),o.d(a,{MatterConfigDashboard:function(){return z}});o(74423),o(18111),o(22489),o(20116),o(61701),o(3362),o(17642),o(58004),o(33853),o(45876),o(32475),o(15024),o(31698),o(62953);var i=o(40445),r=o(5124),n=o(67576),s=o(22786),l=o(36312),c=o(18350),h=(o(76776),o(43661),o(17308),o(2846),o(67094),o(77423)),d=o(81310),p=o(14503),v=o(44144),g=t([c,d]);[c,d]=g.then?(await g)():g;let u,f,b,m,y,x,w=t=>t;const k="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",C="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",_="M3 6H21V4H3C1.9 4 1 4.9 1 6V18C1 19.1 1.9 20 3 20H7V18H3V6M13 12H9V13.78C8.39 14.33 8 15.11 8 16C8 16.89 8.39 17.67 9 18.22V20H13V18.22C13.61 17.67 14 16.88 14 16S13.61 14.33 13 13.78V12M11 17.5C10.17 17.5 9.5 16.83 9.5 16S10.17 14.5 11 14.5 12.5 15.17 12.5 16 11.83 17.5 11 17.5M22 8H16C15.5 8 15 8.5 15 9V19C15 19.5 15.5 20 16 20H22C22.5 20 23 19.5 23 19V9C23 8.5 22.5 8 22 8M21 18H17V10H21V18Z",M="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z",H="M11,13.5V21.5H3V13.5H11M12,2L17.5,11H6.5L12,2M17.5,13C20,13 22,15 22,17.5C22,20 20,22 17.5,22C15,22 13,20 13,17.5C13,15 15,13 17.5,13Z",$="M3,17V19H9V17H3M3,5V7H13V5H3M13,21V19H21V17H13V15H11V21H13M7,9V11H3V13H7V15H9V9H7M21,13V11H11V13H21M15,9H17V7H21V5H17V3H15V9Z",V="m 17.126982,8.0730792 c 0,-0.7297242 -0.593746,-1.32357 -1.323637,-1.32357 -0.729454,0 -1.323199,0.5938458 -1.323199,1.32357 v 1.3234242 l 1.323199,1.458e-4 c 0.729891,0 1.323637,-0.5937006 1.323637,-1.32357 z M 11.999709,0 C 5.3829818,0 0,5.3838955 0,12.001455 0,18.574352 5.3105455,23.927406 11.865164,24 V 12.012075 l -3.9275642,-2.91e-4 c -1.1669814,0 -2.1169453,0.949979 -2.1169453,2.118323 0,1.16718 0.9499639,2.116868 2.1169453,2.116868 v 2.615717 c -2.6093089,0 -4.732218,-2.12327 -4.732218,-4.732585 0,-2.61048 2.1229091,-4.7343308 4.732218,-4.7343308 l 3.9275642,5.82e-4 v -1.323279 c 0,-2.172296 1.766691,-3.9395777 3.938181,-3.9395777 2.171928,0 3.9392,1.7672817 3.9392,3.9395777 0,2.1721498 -1.767272,3.9395768 -3.9392,3.9395768 l -1.323199,-1.45e-4 V 23.744102 C 19.911127,22.597726 24,17.768833 24,12.001455 24,5.3838955 18.616727,0 11.999709,0 Z";class z extends r.WF{firstUpdated(t){super.firstUpdated(t),this.hass&&this._fetchConfigEntry()}render(){if(!this._configEntry)return r.s6;const t="loaded"===this._configEntry.state,a=this._matterDeviceIds(this.hass.devices,this._configEntry.entry_id),o=this._entityCount(this.hass.entities,a);return(0,r.qy)(u||(u=w` <hass-subpage .narrow="${0}" .hass="${0}" header="Matter" back-path="/config" has-fab> <div class="container"> ${0} ${0} ${0} </div> <ha-button slot="fab" href="/config/matter/add" size="large"> <ha-svg-icon slot="start" .path="${0}"></ha-svg-icon> ${0} </ha-button> </hass-subpage> `),this.narrow,this.hass,this._renderNetworkStatus(t,a.size),this._renderMyNetworkCard(a.size,o),this._renderNavigationCard(),M,this.hass.localize("ui.panel.config.matter.panel.add_device"))}_renderNetworkStatus(t,a){var o;return(0,r.qy)(f||(f=w` <ha-card class="content network-status"> <div class="card-content"> <div class="heading"> <div class="icon ${0}"> <ha-svg-icon .path="${0}"></ha-svg-icon> </div> <div class="details"> ${0}<br> <small> ${0} </small> </div> <img class="logo" alt="Matter" crossorigin="anonymous" referrerpolicy="no-referrer" src="${0}"> </div> </div> </ha-card> `),t?"success":"error",t?C:k,this.hass.localize("ui.panel.config.matter.panel.status_"+(t?"online":"offline")),this.hass.localize("ui.panel.config.matter.panel.devices",{count:a}),(0,v.MR)({domain:"matter",type:"icon",darkOptimized:null===(o=this.hass.themes)||void 0===o?void 0:o.darkMode},this.hass.auth.data.hassUrl))}_renderMyNetworkCard(t,a){var o,e;return(0,r.qy)(b||(b=w` <ha-card class="nav-card"> <div class="card-header"> ${0} </div> <div class="card-content"> <ha-md-list> <ha-md-list-item type="link" href="${0}"> <ha-svg-icon slot="start" .path="${0}"></ha-svg-icon> <div slot="headline"> ${0} </div> <ha-icon-next slot="end"></ha-icon-next> </ha-md-list-item> <ha-md-list-item type="link" href="${0}"> <ha-svg-icon slot="start" .path="${0}"></ha-svg-icon> <div slot="headline"> ${0} </div> <ha-icon-next slot="end"></ha-icon-next> </ha-md-list-item> </ha-md-list> </div> </ha-card> `),this.hass.localize("ui.panel.config.matter.panel.my_network_title"),`/config/devices/dashboard?historyBack=1&config_entry=${null===(o=this._configEntry)||void 0===o?void 0:o.entry_id}`,_,this.hass.localize("ui.panel.config.matter.panel.device_count",{count:t}),`/config/entities/dashboard?historyBack=1&config_entry=${null===(e=this._configEntry)||void 0===e?void 0:e.entry_id}`,H,this.hass.localize("ui.panel.config.matter.panel.entity_count",{count:a}))}_renderNavigationCard(){return(0,r.qy)(m||(m=w` <ha-card class="nav-card"> <div class="card-content"> <ha-md-list> <ha-md-list-item type="link" href="/config/matter/options"> <ha-svg-icon slot="start" .path="${0}"></ha-svg-icon> <div slot="headline"> ${0} </div> <div slot="supporting-text"> ${0} </div> <ha-icon-next slot="end"></ha-icon-next> </ha-md-list-item> ${0} </ha-md-list> </div> </ha-card> `),$,this.hass.localize("ui.panel.config.matter.panel.options_title"),this.hass.localize("ui.panel.config.matter.panel.options_description"),(0,l.x)(this.hass.config,"thread")?(0,r.qy)(y||(y=w`<ha-md-list-item type="link" href="/config/thread"> <ha-svg-icon slot="start" .path="${0}"></ha-svg-icon> <div slot="headline"> ${0} </div> <div slot="supporting-text"> ${0} </div> <ha-icon-next slot="end"></ha-icon-next> </ha-md-list-item>`),V,this.hass.localize("ui.panel.config.matter.panel.thread_panel"),this.hass.localize("ui.panel.config.matter.panel.thread_panel_description")):r.s6)}async _fetchConfigEntry(){const t=await(0,h.VN)(this.hass,{domain:"matter"});this._configEntry=t.find(t=>null===t.disabled_by&&"ignore"!==t.source)}static get styles(){return[p.RF,(0,r.AH)(x||(x=w`ha-card{margin:0 auto var(--ha-space-4);max-width:600px}.nav-card{overflow:hidden}.nav-card .card-content{padding:0}.nav-card .card-header{padding-bottom:var(--ha-space-2)}.content{margin-top:var(--ha-space-6)}ha-md-list{background:0 0;padding:0}ha-md-list-item{--md-item-overflow:visible}.network-status div.heading{display:flex;align-items:center;column-gap:var(--ha-space-4)}.network-status div.heading .logo{height:40px;width:40px;margin-inline-start:auto;object-fit:contain}.network-status div.heading .icon{position:relative;border-radius:var(--ha-border-radius-2xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;--icon-color:var(--primary-color)}.network-status div.heading .icon.success{--icon-color:var(--success-color)}.network-status div.heading .icon.error{--icon-color:var(--error-color)}.network-status div.heading .icon::before{display:block;content:"";position:absolute;inset:0;background-color:var(--icon-color);opacity:.2}.network-status div.heading .icon ha-svg-icon{color:var(--icon-color);width:24px;height:24px}.network-status div.heading .details{font-size:var(--ha-font-size-xl);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-condensed);color:var(--primary-text-color)}.network-status small{font-size:var(--ha-font-size-m);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-condensed);letter-spacing:.25px;color:var(--secondary-text-color)}.container{padding:var(--ha-space-2) var(--ha-space-4) calc(var(--ha-space-16) + var(--safe-area-inset-bottom,0px))}a[slot=fab]{text-decoration:none}`))]}constructor(...t){super(...t),this.narrow=!1,this._matterDeviceIds=(0,s.A)((t,a)=>a?new Set(Object.values(t).filter(t=>t.config_entries.includes(a)).map(t=>t.id)):new Set),this._entityCount=(0,s.A)((t,a)=>Object.values(t).filter(t=>t.device_id&&a.has(t.device_id)).length)}}(0,i.Cg)([(0,n.MZ)({attribute:!1})],z.prototype,"hass",void 0),(0,i.Cg)([(0,n.MZ)({type:Boolean})],z.prototype,"narrow",void 0),(0,i.Cg)([(0,n.wk)()],z.prototype,"_configEntry",void 0),z=(0,i.Cg)([(0,n.EM)("matter-config-dashboard")],z),e()}catch(u){e(u)}})},14503:function(t,a,o){o.d(a,{RF:function(){return p},dp:function(){return u},kO:function(){return g},nA:function(){return v},og:function(){return d}});var e=o(5124);let i,r,n,s,l,c,h=t=>t;const d=(0,e.AH)(i||(i=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,e.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} (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),v=(0,e.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)} 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)}`)),g=(0,e.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
)
)} 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}}`)),u=(0,e.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,e.AH)(c||(c=h`body{background-color:var(--primary-background-color);color:var(--primary-text-color);height:calc(100vh - 32px);width:100vw}`))}}]);