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

33 lines • 29.3 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
export const __rspack_esm_id=91826;export const __rspack_esm_ids=[91826];export const __webpack_modules__={93421(t,a,o){o.d(a,{IW:()=>c,dH:()=>h,fI:()=>l});o(44114);var e=o(35211),i=o(22792),r=o(32172);const s=(t,a)=>{let o=t;for(const t of a){if(null==o)return;o=o[t]}return o},n=(t,a,o)=>{const i=(0,r.p)({transformer:function(t){return o.call(this,t)},watch:a?[a]:[]}),s=(0,e.Fg)({context:t,subscribe:!0});return(t,a)=>{i(t,a),s(t,a)}},l=t=>n(i.iN,t.entityIdPath[0],function(a){const o=s(this,t.entityIdPath);return"string"==typeof o?a?.[o]:void 0}),h=t=>n(i.X1,t.entityIdPath[0],function(a){const o=s(this,t.entityIdPath);return"string"==typeof o?a?.[o]:void 0}),c=()=>n(i.D5,void 0,({localize:t})=>t)},26218(t,a,o){o.d(a,{a:()=>i});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 s;if(void 0===r)s={get(){return this[`__${String(o)}`]||history.state?.scrollPosition},set(t){e(t),this[`__${String(o)}`]=t},configurable:!0,enumerable:!0};else{const t=r.set;s={...r,set(a){e(a),this[`__${String(o)}`]=a,t?.call(this,a)}}}Object.defineProperty(a,o,s)}}},32172(t,a,o){o.d(a,{p:()=>e});o(18111),o(7588),o(45367),o(92731),o(17642),o(58004),o(33853),o(45876),o(32475),o(15024),o(31698);function e(t){return(a,o)=>{if("object"==typeof o)throw new Error("This decorator does not support this compilation type.");const e=String(o),i=a;if(i._transformers){if(!i.hasOwnProperty("_transformers")){const t=i._transformers;i._transformers=new Map,t.forEach((t,a)=>i._transformers.set(a,t))}}else{i._transformers=new Map,i._watching=new Map;const t=i.willUpdate;i.willUpdate=function(a){t.call(this,a);const o=new Set;a.forEach((t,a)=>{const e=this._watching.get(a);void 0!==e&&e.forEach(t=>o.add(t))}),o.forEach(t=>{this[t]=this[`__original_${String(t)}`]})}}i._transformers.set(o,t.transformer),t.watch&&t.watch.forEach(t=>{let a=i._watching.get(t);a||(a=new Set,i._watching.set(t,a)),a.add(o)});const r=Object.getOwnPropertyDescriptor(a,o);let s;if(void 0===r)s={get(){return this[`__transform_${e}`]},set(t){const a=this[`__transform_${e}`],o=this._transformers.get(e);this[`__transform_${e}`]=o?o.call(this,t):t,this[`__original_${e}`]=t,this.requestUpdate(e,a)},configurable:!0,enumerable:!0};else{const t=r.set;s={...r,set(a){const o=this[`__transform_${e}`],i=this._transformers.get(e);this[`__transform_${e}`]=i?i.call(this,a):a,this[`__original_${e}`]=a,this.requestUpdate(e,o),t?.call(this,a)}}}Object.defineProperty(a,o,s)}}},77796(t,a,o){o.d(a,{n:()=>e});const e=(t,a,o=!0,e=!0)=>{let i,r=0;const s=(...s)=>{const n=()=>{r=!1===o?0:Date.now(),i=void 0,t(...s)},l=Date.now();r||!1!==o||(r=l);const h=a-(l-r);h<=0||h>a?(i&&(clearTimeout(i),i=void 0),r=l,t(...s)):i||!1===e||(i=window.setTimeout(n,h))};return s.cancel=()=>{clearTimeout(i),i=void 0,r=0},s}},38962(t,a,o){o.a(t,async function(t,e){try{o.r(a);var i=o(62826),r=o(5124),s=o(22441),n=o(6412),l=o(93421),h=o(1087),c=o(26300),d=(o(67094),t([c]));c=(d.then?(await d)():d)[0];const p="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",g={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 v extends r.WF{render(){return r.qy` <div class="issue-type ${(0,n.H)({[this.alertType]:!0})}" role="alert"> <div class="icon ${this.title?"":"no-title"}"> <slot name="icon"> <ha-svg-icon .path="${g[this.alertType]}"></ha-svg-icon> </slot> </div> <div class="${(0,n.H)({content:!0,narrow:this.narrow})}"> <div class="main-content"> ${this.title?r.qy`<div class="title">${this.title}</div>`:r.s6} <slot></slot> </div> <div class="action"> <slot name="action"> ${this.dismissable?r.qy`<ha-icon-button @click="${this._dismissClicked}" .label="${this._localize?.("ui.common.dismiss_alert")}" .path="${p}"></ha-icon-button>`:r.s6} </slot> </div> </div> </div> `}_dismissClicked(){(0,h.r)(this,"alert-dismissed-clicked")}constructor(...t){super(...t),this.title="",this.alertType="info",this.dismissable=!1,this.narrow=!1}}v.styles=r.AH`.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,i.Cg)([(0,s.MZ)()],v.prototype,"title",void 0),(0,i.Cg)([(0,s.MZ)({attribute:"alert-type"})],v.prototype,"alertType",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],v.prototype,"dismissable",void 0),(0,i.Cg)([(0,s.wk)(),(0,l.IW)()],v.prototype,"_localize",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],v.prototype,"narrow",void 0),v=(0,i.Cg)([(0,s.EM)("ha-alert")],v),e()}catch(t){e(t)}})},76776(t,a,o){var e=o(62826),i=o(5124),r=o(22441);class s extends i.WF{render(){return i.qy` ${this.header?i.qy`<h1 class="card-header">${this.header}</h1>`:i.s6} <slot></slot> `}constructor(...t){super(...t),this.raised=!1}}s.styles=i.AH`: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)()],s.prototype,"header",void 0),(0,e.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],s.prototype,"raised",void 0),s=(0,e.Cg)([(0,r.EM)("ha-card")],s)},90248(t,a,o){o.a(t,async function(t,e){try{o.r(a),o.d(a,{HaIconButtonArrowPrev:()=>p});var i=o(62826),r=o(5124),s=o(22441),n=o(63091),l=o(26300),h=t([l]);l=(h.then?(await h)():h)[0];const c="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z",d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z";class p extends r.WF{render(){return r.qy` <ha-icon-button .disabled="${this.disabled}" .label="${this.label||this.hass?.localize("ui.common.back")||"Back"}" .path="${this._icon}" .href="${this.href}" .target="${this.target}" .rel="${this.rel}" .download="${this.download}"></ha-icon-button> `}constructor(...t){super(...t),this.disabled=!1,this._icon="rtl"===n.G.document.dir?d:c}}(0,i.Cg)([(0,s.MZ)({attribute:!1})],p.prototype,"hass",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],p.prototype,"disabled",void 0),(0,i.Cg)([(0,s.MZ)()],p.prototype,"label",void 0),(0,i.Cg)([(0,s.MZ)()],p.prototype,"href",void 0),(0,i.Cg)([(0,s.MZ)()],p.prototype,"target",void 0),(0,i.Cg)([(0,s.MZ)()],p.prototype,"rel",void 0),(0,i.Cg)([(0,s.MZ)()],p.prototype,"download",void 0),(0,i.Cg)([(0,s.wk)()],p.prototype,"_icon",void 0),p=(0,i.Cg)([(0,s.EM)("ha-icon-button-arrow-prev")],p),e()}catch(t){e(t)}})},26300(t,a,o){o.a(t,async function(t,e){try{o.r(a),o.d(a,{HaIconButton:()=>c});var i=o(62826),r=o(5124),s=o(22441),n=o(63672),l=o(18350),h=(o(67094),t([l]));l=(h.then?(await h)():h)[0];class c extends r.WF{render(){return r.qy` <ha-button appearance="plain" variant="neutral" aria-label="${(0,n.J)(this.label)}" title="${(0,n.J)(this.hideTitle?void 0:this.label)}" aria-haspopup="${(0,n.J)(this.ariaHasPopup)}" .disabled="${this.disabled}" .iconTag="${this.path?"ha-svg-icon":"span"}" .href="${this.href}" .target="${this.target}" .rel="${this.rel}" .download="${this.download}"> ${this.path?r.qy`<ha-svg-icon aria-hidden="true" .path="${this.path}"></ha-svg-icon>`:r.qy`<span><slot></slot></span>`} </ha-button> `}constructor(...t){super(...t),this.disabled=!1,this.hideTitle=!1,this.selected=!1}}c.shadowRootOptions={mode:"open",delegatesFocus:!0},c.styles=r.AH`: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,i.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),(0,i.Cg)([(0,s.MZ)({type:String})],c.prototype,"path",void 0),(0,i.Cg)([(0,s.MZ)({type:String})],c.prototype,"label",void 0),(0,i.Cg)([(0,s.MZ)({type:String,attribute:"aria-haspopup"})],c.prototype,"ariaHasPopup",void 0),(0,i.Cg)([(0,s.MZ)({attribute:"hide-title",type:Boolean})],c.prototype,"hideTitle",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],c.prototype,"selected",void 0),(0,i.Cg)([(0,s.MZ)()],c.prototype,"href",void 0),(0,i.Cg)([(0,s.MZ)()],c.prototype,"target",void 0),(0,i.Cg)([(0,s.MZ)()],c.prototype,"rel",void 0),(0,i.Cg)([(0,s.MZ)()],c.prototype,"download",void 0),c=(0,i.Cg)([(0,s.EM)("ha-icon-button")],c),e()}catch(t){e(t)}})},2054(t,a,o){o.a(t,async function(t,a){try{var e=o(62826),i=o(5124),r=o(22441),s=o(1087),n=o(44249),l=o(26300),h=t([l]);l=(h.then?(await h)():h)[0];const c="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z";class d 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 i.qy` <ha-icon-button .label="${this.hass.localize("ui.sidebar.sidebar_toggle")}" .path="${c}" @click="${this._toggleMenu}"></ha-icon-button> ${t?i.qy`<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===a?.kioskMode&&(o||"always_hidden"===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,n.V)(this.hass.connection,t=>{this._hasNotifications=t.length>0})}_toggleMenu(){(0,s.r)(this,"hass-toggle-menu")}constructor(...t){super(...t),this.narrow=!1,this._hasNotifications=!1,this._show=!1,this._alwaysVisible=!1,this._attachNotifOnConnect=!1}}d.styles=i.AH`: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})],d.prototype,"narrow",void 0),(0,e.Cg)([(0,r.MZ)({attribute:!1})],d.prototype,"hass",void 0),(0,e.Cg)([(0,r.wk)()],d.prototype,"_hasNotifications",void 0),(0,e.Cg)([(0,r.wk)()],d.prototype,"_show",void 0),d=(0,e.Cg)([(0,r.EM)("ha-menu-button")],d),a()}catch(t){a(t)}})},67094(t,a,o){o.r(a),o.d(a,{HaSvgIcon:()=>s});var e=o(62826),i=o(5124),r=o(22441);class s extends i.WF{render(){return i.JW` <svg viewBox="${this.viewBox||"0 0 24 24"}" preserveAspectRatio="xMidYMid meet" focusable="false" role="img" aria-hidden="true"> <g> ${this.path?i.JW`<path class="primary-path" d="${this.path}"></path>`:i.s6} ${this.secondaryPath?i.JW`<path class="secondary-path" d="${this.secondaryPath}"></path>`:i.s6} </g> </svg>`}}s.styles=i.AH`: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)()],s.prototype,"path",void 0),(0,e.Cg)([(0,r.MZ)({attribute:!1})],s.prototype,"secondaryPath",void 0),(0,e.Cg)([(0,r.MZ)({attribute:!1})],s.prototype,"viewBox",void 0),s=(0,e.Cg)([(0,r.EM)("ha-svg-icon")],s)},44249(t,a,o){o.d(a,{V:()=>e});const e=(t,a)=>{const o=new i,e=t.subscribeMessage(t=>a(o.processMessage(t)),{type:"persistent_notification/subscribe"});return()=>{e.then(t=>t?.())}};class i{processMessage(t){if("removed"===t.type)for(const a of Object.keys(t.notifications))delete this.notifications[a];else this.notifications={...this.notifications,...t.notifications};return Object.values(this.notifications)}constructor(){this.notifications={}}}},81310(t,a,o){o.a(t,async function(t,a){try{var e=o(62826),i=o(5124),r=o(22441),s=o(6412),n=o(26218),l=o(91926),h=o(90248),c=o(2054),d=o(14503),p=t([h,c]);[h,c]=p.then?(await p)():p;class g extends i.WF{render(){return i.qy` <div class="toolbar ${(0,s.H)({narrow:this.narrow})}"> <div class="toolbar-content"> ${this.mainPage||history.state?.root?i.qy` <ha-menu-button .hass="${this.hass}" .narrow="${this.narrow}"></ha-menu-button> `:this.backPath?i.qy` <ha-icon-button-arrow-prev href="${this.backPath}" .hass="${this.hass}"></ha-icon-button-arrow-prev> `:i.qy` <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> <div class="${(0,s.H)({content:!0,"ha-scrollbar":this.scrollable,"not-scrollable":!this.scrollable})}" @scroll="${this._saveScrollPos}"> <slot></slot> </div> <div id="fab"> <slot name="fab"></slot> </div> `}_saveScrollPos(t){this._savedScrollPos=t.target.scrollTop}_backTapped(){this.backCallback?this.backCallback():(0,l.OE)()}static get styles(){return[d.dp,i.AH`: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})],g.prototype,"hass",void 0),(0,e.Cg)([(0,r.MZ)()],g.prototype,"header",void 0),(0,e.Cg)([(0,r.MZ)({type:Boolean,attribute:"main-page"})],g.prototype,"mainPage",void 0),(0,e.Cg)([(0,r.MZ)({type:String,attribute:"back-path"})],g.prototype,"backPath",void 0),(0,e.Cg)([(0,r.MZ)({attribute:!1})],g.prototype,"backCallback",void 0),(0,e.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],g.prototype,"narrow",void 0),(0,e.Cg)([(0,r.MZ)({type:Boolean})],g.prototype,"scrollable",void 0),(0,e.Cg)([(0,n.a)(".content")],g.prototype,"_savedScrollPos",void 0),(0,e.Cg)([(0,r.Ls)({passive:!0})],g.prototype,"_saveScrollPos",null),g=(0,e.Cg)([(0,r.EM)("hass-subpage")],g),a()}catch(t){a(t)}})},40521(t,a,o){o.a(t,async function(t,e){try{o.r(a);var i=o(62826),r=o(5124),s=o(22441),n=o(38962),l=o(18350),h=(o(76776),o(67094),o(48250)),c=o(65063),d=o(81310),p=o(14503),g=o(36918),v=o(91926),f=t([n,l,d]);[n,l,d]=f.then?(await f)():f;const b="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",u="M20.5,11H19V7C19,5.89 18.1,5 17,5H13V3.5A2.5,2.5 0 0,0 10.5,1A2.5,2.5 0 0,0 8,3.5V5H4A2,2 0 0,0 2,7V10.8H3.5C5,10.8 6.2,12 6.2,13.5C6.2,15 5,16.2 3.5,16.2H2V20A2,2 0 0,0 4,22H7.8V20.5C7.8,19 9,17.8 10.5,17.8C12,17.8 13.2,19 13.2,20.5V22H17A2,2 0 0,0 19,20V16H20.5A2.5,2.5 0 0,0 23,13.5A2.5,2.5 0 0,0 20.5,11Z";class m extends r.WF{render(){return r.qy` <hass-subpage .hass="${this.hass}" .narrow="${this.narrow}" back-path="/config" .header="${this.hass.localize("ui.panel.config.dashboard.apps.main")}"> <div class="content"> <ha-card outlined> <div class="card-content"> <div class="header"> <ha-svg-icon class="icon" .path="${u}"></ha-svg-icon> <h1> ${this.hass.localize("ui.panel.config.apps.info.what_is_an_app")} </h1> </div> <p> ${this.hass.localize("ui.panel.config.apps.info.what_is_an_app_description")} </p> </div> </ha-card> <ha-card outlined> <div class="card-content"> <h2> ${this.hass.localize("ui.panel.config.apps.info.why_not_available")} </h2> <p> ${this.hass.localize("ui.panel.config.apps.info.why_not_available_description")} </p> <ha-alert alert-type="info"> ${this.hass.localize("ui.panel.config.apps.info.installation_hint")} </ha-alert> </div> <div class="card-actions"> <ha-button appearance="plain" href="${(0,g.o)(this.hass,"/apps/")}" target="_blank" rel="noreferrer"> ${this.hass.localize("ui.panel.config.apps.info.learn_more")} <ha-svg-icon slot="icon" .path="${b}"></ha-svg-icon> </ha-button> <ha-button @click="${this._dismiss}" variant="danger"> ${this.hass.localize("ui.panel.config.apps.info.dismiss")} </ha-button> </div> </ha-card> </div> </hass-subpage> `}async _dismiss(){try{await(0,h.Bp)(this.hass.connection,"core",{...this.hass.userData,apps_info_dismissed:!0})}catch(t){return void(0,c.showAlertDialog)(this,{text:t.message})}(0,v.oo)("/config",{replace:!0})}static get styles(){return[p.RF,r.AH`.content{max-width:600px;margin:0 auto;padding:var(--ha-space-4);display:flex;flex-direction:column;gap:var(--ha-space-4)}.card-content{padding:var(--ha-space-4)}.header{display:flex;align-items:center;gap:var(--ha-space-3);margin-bottom:var(--ha-space-4)}.icon{width:40px;height:40px;flex-shrink:0;color:var(--primary-color)}h1{margin:0;font-size:var(--ha-font-size-xl);font-weight:500}h2{margin:0 0 var(--ha-space-3);font-size:var(--ha-font-size-l);font-weight:500}p{margin:0 0 var(--ha-space-3);line-height:var(--ha-line-height-normal);color:var(--secondary-text-color)}ha-alert{display:block;margin-top:var(--ha-space-2)}.card-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--ha-space-2);padding:var(--ha-space-2);border-top:var(--ha-border-width-sm) solid var(--divider-color)}a{text-decoration:none}`]}constructor(...t){super(...t),this.narrow=!1,this.isWide=!1}}(0,i.Cg)([(0,s.MZ)({attribute:!1})],m.prototype,"hass",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],m.prototype,"narrow",void 0),(0,i.Cg)([(0,s.MZ)({attribute:"is-wide",type:Boolean})],m.prototype,"isWide",void 0),m=(0,i.Cg)([(0,s.EM)("ha-config-apps-info")],m),e()}catch(t){e(t)}})},14503(t,a,o){o.d(a,{RF:()=>r,dp:()=>l,kO:()=>n,nA:()=>s,og:()=>i});var e=o(5124);const i=e.AH`button.link{background:0 0;color:inherit;border:none;padding:0;font:inherit;text-align:left;text-decoration:underline;cursor:pointer;outline:0}`,r=e.AH`: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)}${i} .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}`,s=e.AH`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)}`,n=e.AH`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}}`,l=e.AH`.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}`;e.AH`body{background-color:var(--primary-background-color);color:var(--primary-text-color);height:calc(100vh - 32px);width:100vw}`},36918(t,a,o){o.d(a,{o:()=>e});const e=(t,a)=>`https://www.iobroker.net/#${t.language&&t.language.split("-")[0]||"en"}/adapters/adapterref/iobroker.lovelace/README.md#`}};