iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
21 lines • 12.7 kB
JavaScript
;(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[83336],{26218:function(a,t,o){o.d(t,{a:function(){return r}});o(16280);const e=(0,o(77796).n)(a=>{history.replaceState({scrollPosition:a},"")},300);function r(a){return(t,o)=>{if("object"==typeof o)throw new Error("This decorator does not support this compilation type.");const r=t.connectedCallback;t.connectedCallback=function(){r.call(this);const t=this[o];t&&this.updateComplete.then(()=>{const o=this.renderRoot.querySelector(a);o&&setTimeout(()=>{o.scrollTop=t},0)})};const i=Object.getOwnPropertyDescriptor(t,o);let n;if(void 0===i)n={get(){var a;return this[`__${String(o)}`]||(null===(a=history.state)||void 0===a?void 0:a.scrollPosition)},set(a){e(a),this[`__${String(o)}`]=a},configurable:!0,enumerable:!0};else{const a=i.set;n=Object.assign(Object.assign({},i),{},{set(t){e(t),this[`__${String(o)}`]=t,null==a||a.call(this,t)}})}Object.defineProperty(t,o,n)}}},77796:function(a,t,o){o.d(t,{n:function(){return e}});o(62953);const e=(a,t,o=!0,e=!0)=>{let r,i=0;const n=(...n)=>{const l=()=>{i=!1===o?0:Date.now(),r=void 0,a(...n)},s=Date.now();i||!1!==o||(i=s);const h=t-(s-i);h<=0||h>t?(r&&(clearTimeout(r),r=void 0),i=s,a(...n)):r||!1===e||(r=window.setTimeout(l,h))};return n.cancel=()=>{clearTimeout(r),r=void 0,i=0},n}},81310:function(a,t,o){o.a(a,async function(a,t){try{o(62953);var e=o(40445),r=o(5124),i=o(67576),n=o(6412),l=o(26218),s=o(91926),h=o(90248),c=o(2054),d=o(14503),p=a([h,c]);[h,c]=p.then?(await p)():p;let g,f,v,m,u,b=a=>a;class x extends r.WF{render(){var a;return(0,r.qy)(g||(g=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!==(a=history.state)&&void 0!==a&&a.root?(0,r.qy)(f||(f=b` <ha-menu-button .hass="${0}" .narrow="${0}"></ha-menu-button> `),this.hass,this.narrow):this.backPath?(0,r.qy)(v||(v=b` <ha-icon-button-arrow-prev href="${0}" .hass="${0}"></ha-icon-button-arrow-prev> `),this.backPath,this.hass):(0,r.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(a){this._savedScrollPos=a.target.scrollTop}_backTapped(){this.backCallback?this.backCallback():(0,s.OE)()}static get styles(){return[d.dp,(0,r.AH)(u||(u=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(...a){super(...a),this.mainPage=!1,this.narrow=!1,this.scrollable=!0}}(0,e.Cg)([(0,i.MZ)({attribute:!1})],x.prototype,"hass",void 0),(0,e.Cg)([(0,i.MZ)()],x.prototype,"header",void 0),(0,e.Cg)([(0,i.MZ)({type:Boolean,attribute:"main-page"})],x.prototype,"mainPage",void 0),(0,e.Cg)([(0,i.MZ)({type:String,attribute:"back-path"})],x.prototype,"backPath",void 0),(0,e.Cg)([(0,i.MZ)({attribute:!1})],x.prototype,"backCallback",void 0),(0,e.Cg)([(0,i.MZ)({type:Boolean,reflect:!0})],x.prototype,"narrow",void 0),(0,e.Cg)([(0,i.MZ)({type:Boolean})],x.prototype,"scrollable",void 0),(0,e.Cg)([(0,l.a)(".content")],x.prototype,"_savedScrollPos",void 0),(0,e.Cg)([(0,i.Ls)({passive:!0})],x.prototype,"_saveScrollPos",null),x=(0,e.Cg)([(0,i.EM)("hass-subpage")],x),t()}catch(g){t(g)}})},67867:function(a,t,o){o.a(a,async function(a,e){try{o.r(t);o(62953),o(3296),o(27208),o(48408),o(14603),o(47566),o(98721);var r=o(40445),i=o(5124),n=o(67576),l=o(63672),s=o(28794),h=o(81310),c=o(47222),d=a([s,h]);[s,h]=d.then?(await d)():d;let p,g,f,v=a=>a;class m extends i.WF{render(){return"https:"===location.protocol&&"https:"!==new URL(this.panel.config.url,location.toString()).protocol?(0,i.qy)(p||(p=v` <hass-error-screen .hass="${0}" .narrow="${0}" error="Unable to load iframes that load websites over http:// if ioBroker is served over https://." rootnav></hass-error-screen> `),this.hass,this.narrow):(0,i.qy)(g||(g=v` <hass-subpage .hass="${0}" .narrow="${0}" .header="${0}" main-page> <iframe title="${0}" src="${0}" .sandbox="${0}" allow="fullscreen"></iframe> </hass-subpage> `),this.hass,this.narrow,this.panel.title,(0,l.J)(null===this.panel.title?void 0:this.panel.title),this.panel.config.url,c.D)}constructor(...a){super(...a),this.narrow=!1}}m.styles=(0,i.AH)(f||(f=v`iframe{border:0;width:100%;position:absolute;height:100%;background-color:var(--primary-background-color)}`)),(0,r.Cg)([(0,n.MZ)({attribute:!1})],m.prototype,"hass",void 0),(0,r.Cg)([(0,n.MZ)({type:Boolean})],m.prototype,"narrow",void 0),(0,r.Cg)([(0,n.MZ)({attribute:!1})],m.prototype,"panel",void 0),m=(0,r.Cg)([(0,n.EM)("ha-panel-iframe")],m),e()}catch(p){e(p)}})},14503:function(a,t,o){o.d(t,{RF:function(){return p},dp:function(){return v},kO:function(){return f},nA:function(){return g},og:function(){return d}});var e=o(5124);let r,i,n,l,s,h,c=a=>a;const d=(0,e.AH)(r||(r=c`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)(i||(i=c`: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),g=(0,e.AH)(n||(n=c`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,e.AH)(l||(l=c`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}}`)),v=(0,e.AH)(s||(s=c`.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)(h||(h=c`body{background-color:var(--primary-background-color);color:var(--primary-text-color);height:calc(100vh - 32px);width:100vw}`))},47222:function(a,t,o){o.d(t,{D:function(){return e}});const e="allow-forms allow-popups allow-pointer-lock allow-same-origin allow-scripts allow-modals allow-downloads"}}]);