1731 lines
529 KiB
JavaScript
1731 lines
529 KiB
JavaScript
|
function e(e,t,o){return(t=n(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function t(e){return t=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},t(e)}function o(e,o){for(;!Object.prototype.hasOwnProperty.call(e,o)&&null!==(e=t(e)););return e}function r(){return r="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var i=o(e,t);if(i){var a=Object.getOwnPropertyDescriptor(i,t);return a.get?a.get.call(arguments.length<3?e:r):a.value}},r.apply(this,arguments)}function i(e){return function(e){if(Array.isArray(e))return e}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return a(e,t)}(e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r}function n(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}function s(e,t,o,r){var i=l();if(r)for(var a=0;a<r.length;a++)i=r[a](i);var n=t((function(e){i.initializeInstanceElements(e,s.elements)}),o),s=i.decorateClass(function(e){for(var t=[],o=function(e){return"method"===e.kind&&e.key===a.key&&e.placement===a.placement},r=0;r<e.length;r++){var i,a=e[r];if("method"===a.kind&&(i=t.find(o)))if(u(a.descriptor)||u(i.descriptor)){if(p(a)||p(i))throw new ReferenceError("Duplicated methods ("+a.key+") can't be decorated.");i.descriptor=a.descriptor}else{if(p(a)){if(p(i))throw new ReferenceError("Decorators can't be placed on different accessors with for the same property ("+a.key+").");i.decorators=a.decorators}c(a,i)}else t.push(a)}return t}(n.d.map(d)),e);return i.initializeClassElements(n.F,s.elements),i.runClassFinishers(n.F,s.finishers)}function l(){l=function(){return e};var e={elementsDefinitionOrder:[["method"],["field"]],initializeInstanceElements:function(e,t){["method","field"].forEach((function(o){t.forEach((function(t){t.kind===o&&"own"===t.placement&&this.defineClassElement(e,t)}),this)}),this)},initializeClassElements:function(e,t){var o=e.prototype;["method","field"].forEach((function(r){t.forEach((function(t){var i=t.placement;if(t.kind===r&&("static"===i||"prototype"===i)){var a="static"===i?e:o;this.defineClassElement(a,t)}}),this)}),this)},defineClassElement:function(e,t){var o=t.descriptor;if("field"===t.kind){var r=t.initializer;o={enumerable:o.enumerable,writable:o.writable,configurable:o.configurable,value:void 0===r?void 0:r.call(e)}}Object.defineProperty(e,t.key,o)},decorateClass:function(e,t){var o=[],r=[],i={static:[],prototype:[],own:[]};if(e.forEach((function(e){this.addElementPlacement(e,i)}),this),e.forEach((function(e){if(!p(e))return o.push(e);var t=this.decorateElement(e,i);o.push(t.element),o.push.apply(o,t.extras),r.push.apply(r,t.finishers)}),this),!t)return{elements:o,finishers:r};var a=this.decorateConstructor(o,t);return r.push.apply(r,a.finishers),a.finishers=r,a},addElementPlacement:function(e,t,o){var r=t[e.placement];if(!o&&-1!==r.indexOf(e.key))throw new TypeError("Duplicated element ("+e.key+")");r.push(e.key)},decorateElement:function(e,t){for(var o=[],r=[],i=e.decorators,a=i.length-1;a>=0;a--){var n=t[e.placement];n.splice(n.indexOf(e.key),1);var s=this.fromElementDescriptor(e),l=this.toElementFinisherExtras((0,i[a])(s)||s);e=l.element,this.addElementPlacement(e,t),l.fini
|
||
|
|
button.link {
|
||
|
|
background: none;
|
||
|
|
color: inherit;
|
||
|
|
border: none;
|
||
|
|
padding: 0;
|
||
|
|
font: inherit;
|
||
|
|
text-align: left;
|
||
|
|
text-decoration: underline;
|
||
|
|
cursor: pointer;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
`,Te=b`
|
||
|
|
:host {
|
||
|
|
font-family: var(--paper-font-body1_-_font-family);
|
||
|
|
-webkit-font-smoothing: var(--paper-font-body1_-_-webkit-font-smoothing);
|
||
|
|
font-size: var(--paper-font-body1_-_font-size);
|
||
|
|
font-weight: var(--paper-font-body1_-_font-weight);
|
||
|
|
line-height: var(--paper-font-body1_-_line-height);
|
||
|
|
}
|
||
|
|
|
||
|
|
app-header-layout,
|
||
|
|
ha-app-layout {
|
||
|
|
background-color: var(--primary-background-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
app-header,
|
||
|
|
app-toolbar {
|
||
|
|
background-color: var(--app-header-background-color);
|
||
|
|
font-weight: 400;
|
||
|
|
color: var(--app-header-text-color, white);
|
||
|
|
}
|
||
|
|
|
||
|
|
app-toolbar {
|
||
|
|
height: var(--header-height);
|
||
|
|
border-bottom: var(--app-header-border-bottom);
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-header div[sticky] {
|
||
|
|
height: 48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
app-toolbar [main-title] {
|
||
|
|
margin-left: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-family: var(--paper-font-headline_-_font-family);
|
||
|
|
-webkit-font-smoothing: var(--paper-font-headline_-_-webkit-font-smoothing);
|
||
|
|
white-space: var(--paper-font-headline_-_white-space);
|
||
|
|
overflow: var(--paper-font-headline_-_overflow);
|
||
|
|
text-overflow: var(--paper-font-headline_-_text-overflow);
|
||
|
|
font-size: var(--paper-font-headline_-_font-size);
|
||
|
|
font-weight: var(--paper-font-headline_-_font-weight);
|
||
|
|
line-height: var(--paper-font-headline_-_line-height);
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
font-family: var(--paper-font-title_-_font-family);
|
||
|
|
-webkit-font-smoothing: var(--paper-font-title_-_-webkit-font-smoothing);
|
||
|
|
white-space: var(--paper-font-title_-_white-space);
|
||
|
|
overflow: var(--paper-font-title_-_overflow);
|
||
|
|
text-overflow: var(--paper-font-title_-_text-overflow);
|
||
|
|
font-size: var(--paper-font-title_-_font-size);
|
||
|
|
font-weight: var(--paper-font-title_-_font-weight);
|
||
|
|
line-height: var(--paper-font-title_-_line-height);
|
||
|
|
}
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
font-family: var(--paper-font-subhead_-_font-family);
|
||
|
|
-webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing);
|
||
|
|
white-space: var(--paper-font-subhead_-_white-space);
|
||
|
|
overflow: var(--paper-font-subhead_-_overflow);
|
||
|
|
text-overflow: var(--paper-font-subhead_-_text-overflow);
|
||
|
|
font-size: var(--paper-font-subhead_-_font-size);
|
||
|
|
font-weight: var(--paper-font-subhead_-_font-weight);
|
||
|
|
line-height: var(--paper-font-subhead_-_line-height);
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: var(--primary-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.secondary {
|
||
|
|
color: var(--secondary-text-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.error {
|
||
|
|
color: var(--error-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.warning {
|
||
|
|
color: var(--error-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
mwc-button.warning {
|
||
|
|
--mdc-theme-primary: var(--error-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
${Pe}
|
||
|
|
|
||
|
|
.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-justified,
|
||
|
|
.layout.center-center {
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
`,ze=b`
|
||
|
|
/* mwc-dialog (ha-dialog) styles */
|
||
|
|
ha-dialog {
|
||
|
|
--mdc-dialog-min-width: 400px;
|
||
|
|
--mdc-dialog-max-width: 600px;
|
||
|
|
--mdc-dialog-heading-ink-color: var(--primary-text-color);
|
||
|
|
--mdc-dialog-content-ink-color: var(--primary-text-color);
|
||
|
|
--justify-action-buttons: space-between;
|
||
|
|
}
|
||
|
|
|
||
|
|
ha-dialog .form {
|
||
|
|
color: var(--primary-text-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: var(--primary-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* make dialog fullscreen on small screens */
|
||
|
|
@media all and (max-width: 450px), all and (max-height: 500px) {
|
||
|
|
ha-dialog {
|
||
|
|
--mdc-dialog-min-width: calc(
|
||
|
|
100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
|
||
|
|
);
|
||
|
|
--mdc-dialog-max-width: calc(
|
||
|
|
100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
|
||
|
|
);
|
||
|
|
--mdc-dialog-min-height: 100%;
|
||
|
|
--mdc-dialog-max-height: 100%;
|
||
|
|
--vertical-align-dialog: flex-end;
|
||
|
|
--ha-dialog-border-radius: 0px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
mwc-button.warning {
|
||
|
|
--mdc-theme-primary: var(--error-color);
|
||
|
|
}
|
||
|
|
.error {
|
||
|
|
color: var(--error-color);
|
||
|
|
}
|
||
|
|
`,Ne=b`
|
||
|
|
.ha-scrollbar::-webkit-scrollbar {
|
||
|
|
width: 0.4rem;
|
||
|
|
height: 0.4rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ha-scrollbar::-webkit-scrollbar-thumb {
|
||
|
|
-webkit-border-radius: 4px;
|
||
|
|
border-radius: 4px;
|
||
|
|
background: var(--scrollbar-thumb-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ha-scrollbar {
|
||
|
|
overflow-y: auto;
|
||
|
|
scrollbar-color: var(--scrollbar-thumb-color) transparent;
|
||
|
|
scrollbar-width: thin;
|
||
|
|
}
|
||
|
|
`;b`
|
||
|
|
body {
|
||
|
|
background-color: var(--primary-background-color);
|
||
|
|
color: var(--primary-text-color);
|
||
|
|
height: calc(100vh - 32px);
|
||
|
|
width: 100vw;
|
||
|
|
}
|
||
|
|
`;const Oe=e=>{if(6===(e=e.replace("#","")).length)return e;let t="";for(const o of e)t+=o+o;return t},Re=e=>{const t=Math.round(Math.min(Math.max(e,0),255)).toString(16);return 1===t.length?`0${t}`:t},Ie=e=>(e=Oe(e),[parseInt(e.substring(0,2),16),parseInt(e.substring(2,4),16),parseInt(e.substring(4,6),16)]),De=e=>`#${Re(e[0])}${Re(e[1])}${Re(e[2])}`,je=.95047,Be=1.08883,$e=.137931034,Fe=.12841855,Ue=e=>(e/=255)<=.04045?e/12.92:((e+.055)/1.055)**2.4,Ze=e=>e>.008856452?e**(1/3):e/Fe+$e,Ge=e=>255*(e<=.00304?12.92*e:1.055*e**(1/2.4)-.055),qe=e=>e>.206896552?e*e*e:Fe*(e-$e),Ke=e=>{const[t,o,r]=(e=>{let[t,o,r]=e;return t=Ue(t),o=Ue(o),r=Ue(r),[Ze((.4124564*t+.3575761*o+.1804375*r)/je),Ze((.2126729*t+.7151522*o+.072175*r)/1),Ze((.0193339*t+.119192*o+.9503041*r)/Be)]})(e),i=116*o-16;return[i<0?0:i,500*(t-o),200*(o-r)]},Ye=e=>{const[t,o,r]=e;let i=(t+16)/116,a=isNaN(o)?i:i+o/500,n=isNaN(r)?i:i-r/200;i=1*qe(i),a=je*qe(a),n=Be*qe(n);return[Ge(3.2404542*a-1.5371385*i-.4985314*n),Ge(-.969266*a+1.8760108*i+.041556*n),Ge(.0556434*a-.2040259*i+1.0572252*n)]},Xe=(e,t=1)=>[e[0]-18*t,e[1],e[2]],Je=e=>{const t=[0,0,0];for(let o=0;o<e.length;o++){const r=e[o]/255;t[o]=r<=.03928?r/12.92:((r+.055)/1.055)**2.4}return.2126*t[0]+.7152*t[1]+.0722*t[2]},We=(e,t)=>{const o=Je(e),r=Je(t);return o>r?(o+.05)/(r+.05):(r+.05)/(o+.05)};let Qe={};const et=(e,t,o,r,i)=>{var a,n;const s=o||(i?t.theme:void 0),l=r&&void 0!==(null==r?void 0:r.dark)?null==r?void 0:r.dark:t.darkMode;let d=s,c={};if(s&&l&&(d=`${d}__dark`,c={...Se}),"default"===s){var p;const t=null==r?void 0:r.primaryColor,o=null==r?void 0:r.accentColor;if(l&&t&&(c["app-header-background-color"]=((e,t,o=50)=>{let r="";e=Oe(e),t=Oe(t);for(let i=0;i<=5;i+=2){const a=parseInt(e.substr(i,2),16),n=parseInt(t.substr(i,2),16);let s=Math.floor(n+o/100*(a-n)).toString(16);for(;s.length<2;)s="0"+s;r+=s}return`#${r}`})(t,"#121212",8)),t){d=`${d}__primary_${t}`;const e=Ie(t),o=Ke(e);c["primary-color"]=t;const r=Ye(((e,t=1)=>Xe(e,-t))(o));c["light-primary-color"]=De(r),c["dark-primary-color"]=(e=>{const t=Ye(e);return De(t)})(Xe(o)),c["text-primary-color"]=We(e,[33,33,33])<6?"#fff":"#212121",c["text-light-primary-color"]=We(r,[33,33,33])<6?"#fff":"#212121",c["state-icon-color"]=c["dark-primary-color"]}if(o){d=`${d}__accent_${o}`,c["accent-color"]=o;const e=Ie(o);c["text-accent-color"]=We(e,[33,33,33])<6?"#fff":"#212121"}if((null===(p=e._themes)||void 0===p?void 0:p.cacheKey)===d)return}if(s&&"default"!==s&&t.themes[s]){const{modes:e,...o}=t.themes[s];c={...c,...o},e&&(c=l?{...c,...e.dark}:{...c,...e.light})}if(!(null!==(a=e._themes)&&void 0!==a&&a.keys||Object.keys(c).length))return;const u=Object.keys(c).length&&d?Qe[d]||tt(d,c):void 0,h={...null===(n=e._themes)||void 0===n?void 0:n.keys,...null==u?void 0:u.styles};e._themes={cacheKey:d,keys:null==u?void 0:u.keys},e.updateStyles?e.updateStyles(h):window.ShadyCSS&&window.ShadyCSS.styleSubtree(e,h)},tt=(e,t)=>{if(!t||!Object.keys(t).length)return;const o={...Ee,...t},r={},i={};for(const e of Object.keys(o)){const t=`--${e}`,a=String(o[e]);if(r[t]=a,i[t]="",!a.startsWith("#"))continue;const n=`rgb-${e}`;if(void 0===o[n])try{const e=Ie(a).join(","),t=`--${n}`;r[t]=e,i[t]=""}catch(e){continue}}return Qe[e]={styles:r,keys:i},{styles:r,keys:i}},ot="ha-main-window",rt=window.name===ot?window:parent.name===ot?parent:top,it=(e,t,o,r)=>{r=r||{},o=null==o?{}:o;const i=new Event(t,{bubbles:void 0===r.bubbles||r.bubbles,cancelable:Boolean(r.cancelable),composed:void 0===r.composed||r.composed});return i.detail=o,e.dispatchEvent(i),i},at=!(window.ShadyDOM&&window.ShadyDOM.inUse);let nt,st;function lt(e){nt=(!e||!e.shimcssproperties)&&(at||Boolean(!navigator.userAgent.match(/AppleWebKit\/601|Edge\/15/)&&window.CSS&&CSS.supports&&CSS.supports("box-shadow","0 0 0 var(--foo)")))}window.ShadyCSS&&void 0!==window.ShadyCSS.cssBuild&&(st=window.ShadyCSS.cssBuild);const dt=Boolean(window.ShadyCSS&&window.ShadyCSS.disableRuntime);window.ShadyCSS&&void 0!==window.ShadyCSS.nativeCss?nt=window.ShadyCSS.nativeCss:window.ShadyCSS?(lt(window.ShadyCSS),window.ShadyCSS=void 0):lt(window.We
|
||
|
|
<custom-style>
|
||
|
|
<style is="custom-style">
|
||
|
|
[hidden] {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</custom-style>
|
||
|
|
<custom-style>
|
||
|
|
<style is="custom-style">
|
||
|
|
html {
|
||
|
|
|
||
|
|
--layout: {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-inline: {
|
||
|
|
display: -ms-inline-flexbox;
|
||
|
|
display: -webkit-inline-flex;
|
||
|
|
display: inline-flex;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-horizontal: {
|
||
|
|
@apply --layout;
|
||
|
|
|
||
|
|
-ms-flex-direction: row;
|
||
|
|
-webkit-flex-direction: row;
|
||
|
|
flex-direction: row;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-horizontal-reverse: {
|
||
|
|
@apply --layout;
|
||
|
|
|
||
|
|
-ms-flex-direction: row-reverse;
|
||
|
|
-webkit-flex-direction: row-reverse;
|
||
|
|
flex-direction: row-reverse;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-vertical: {
|
||
|
|
@apply --layout;
|
||
|
|
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
-webkit-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-vertical-reverse: {
|
||
|
|
@apply --layout;
|
||
|
|
|
||
|
|
-ms-flex-direction: column-reverse;
|
||
|
|
-webkit-flex-direction: column-reverse;
|
||
|
|
flex-direction: column-reverse;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-wrap: {
|
||
|
|
-ms-flex-wrap: wrap;
|
||
|
|
-webkit-flex-wrap: wrap;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-wrap-reverse: {
|
||
|
|
-ms-flex-wrap: wrap-reverse;
|
||
|
|
-webkit-flex-wrap: wrap-reverse;
|
||
|
|
flex-wrap: wrap-reverse;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-auto: {
|
||
|
|
-ms-flex: 1 1 auto;
|
||
|
|
-webkit-flex: 1 1 auto;
|
||
|
|
flex: 1 1 auto;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-none: {
|
||
|
|
-ms-flex: none;
|
||
|
|
-webkit-flex: none;
|
||
|
|
flex: none;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex: {
|
||
|
|
-ms-flex: 1 1 0.000000001px;
|
||
|
|
-webkit-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
-webkit-flex-basis: 0.000000001px;
|
||
|
|
flex-basis: 0.000000001px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-2: {
|
||
|
|
-ms-flex: 2;
|
||
|
|
-webkit-flex: 2;
|
||
|
|
flex: 2;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-3: {
|
||
|
|
-ms-flex: 3;
|
||
|
|
-webkit-flex: 3;
|
||
|
|
flex: 3;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-4: {
|
||
|
|
-ms-flex: 4;
|
||
|
|
-webkit-flex: 4;
|
||
|
|
flex: 4;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-5: {
|
||
|
|
-ms-flex: 5;
|
||
|
|
-webkit-flex: 5;
|
||
|
|
flex: 5;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-6: {
|
||
|
|
-ms-flex: 6;
|
||
|
|
-webkit-flex: 6;
|
||
|
|
flex: 6;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-7: {
|
||
|
|
-ms-flex: 7;
|
||
|
|
-webkit-flex: 7;
|
||
|
|
flex: 7;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-8: {
|
||
|
|
-ms-flex: 8;
|
||
|
|
-webkit-flex: 8;
|
||
|
|
flex: 8;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-9: {
|
||
|
|
-ms-flex: 9;
|
||
|
|
-webkit-flex: 9;
|
||
|
|
flex: 9;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-10: {
|
||
|
|
-ms-flex: 10;
|
||
|
|
-webkit-flex: 10;
|
||
|
|
flex: 10;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-11: {
|
||
|
|
-ms-flex: 11;
|
||
|
|
-webkit-flex: 11;
|
||
|
|
flex: 11;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-flex-12: {
|
||
|
|
-ms-flex: 12;
|
||
|
|
-webkit-flex: 12;
|
||
|
|
flex: 12;
|
||
|
|
};
|
||
|
|
|
||
|
|
/* alignment in cross axis */
|
||
|
|
|
||
|
|
--layout-start: {
|
||
|
|
-ms-flex-align: start;
|
||
|
|
-webkit-align-items: flex-start;
|
||
|
|
align-items: flex-start;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-center: {
|
||
|
|
-ms-flex-align: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
align-items: center;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-end: {
|
||
|
|
-ms-flex-align: end;
|
||
|
|
-webkit-align-items: flex-end;
|
||
|
|
align-items: flex-end;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-baseline: {
|
||
|
|
-ms-flex-align: baseline;
|
||
|
|
-webkit-align-items: baseline;
|
||
|
|
align-items: baseline;
|
||
|
|
};
|
||
|
|
|
||
|
|
/* alignment in main axis */
|
||
|
|
|
||
|
|
--layout-start-justified: {
|
||
|
|
-ms-flex-pack: start;
|
||
|
|
-webkit-justify-content: flex-start;
|
||
|
|
justify-content: flex-start;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-center-justified: {
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
-webkit-justify-content: center;
|
||
|
|
justify-content: center;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-end-justified: {
|
||
|
|
-ms-flex-pack: end;
|
||
|
|
-webkit-justify-content: flex-end;
|
||
|
|
justify-content: flex-end;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-around-justified: {
|
||
|
|
-ms-flex-pack: distribute;
|
||
|
|
-webkit-justify-content: space-around;
|
||
|
|
justify-content: space-around;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-justified: {
|
||
|
|
-ms-flex-pack: justify;
|
||
|
|
-webkit-justify-content: space-between;
|
||
|
|
justify-content: space-between;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-center-center: {
|
||
|
|
@apply --layout-center;
|
||
|
|
@apply --layout-center-justified;
|
||
|
|
};
|
||
|
|
|
||
|
|
/* self alignment */
|
||
|
|
|
||
|
|
--layout-self-start: {
|
||
|
|
-ms-align-self: flex-start;
|
||
|
|
-webkit-align-self: flex-start;
|
||
|
|
align-self: flex-start;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-self-center: {
|
||
|
|
-ms-align-self: center;
|
||
|
|
-webkit-align-self: center;
|
||
|
|
align-self: center;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-self-end: {
|
||
|
|
-ms-align-self: flex-end;
|
||
|
|
-webkit-align-self: flex-end;
|
||
|
|
align-self: flex-end;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-self-stretch: {
|
||
|
|
-ms-align-self: stretch;
|
||
|
|
-webkit-align-self: stretch;
|
||
|
|
align-self: stretch;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-self-baseline: {
|
||
|
|
-ms-align-self: baseline;
|
||
|
|
-webkit-align-self: baseline;
|
||
|
|
align-self: baseline;
|
||
|
|
};
|
||
|
|
|
||
|
|
/* multi-line alignment in main axis */
|
||
|
|
|
||
|
|
--layout-start-aligned: {
|
||
|
|
-ms-flex-line-pack: start; /* IE10 */
|
||
|
|
-ms-align-content: flex-start;
|
||
|
|
-webkit-align-content: flex-start;
|
||
|
|
align-content: flex-start;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-end-aligned: {
|
||
|
|
-ms-flex-line-pack: end; /* IE10 */
|
||
|
|
-ms-align-content: flex-end;
|
||
|
|
-webkit-align-content: flex-end;
|
||
|
|
align-content: flex-end;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-center-aligned: {
|
||
|
|
-ms-flex-line-pack: center; /* IE10 */
|
||
|
|
-ms-align-content: center;
|
||
|
|
-webkit-align-content: center;
|
||
|
|
align-content: center;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-between-aligned: {
|
||
|
|
-ms-flex-line-pack: justify; /* IE10 */
|
||
|
|
-ms-align-content: space-between;
|
||
|
|
-webkit-align-content: space-between;
|
||
|
|
align-content: space-between;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-around-aligned: {
|
||
|
|
-ms-flex-line-pack: distribute; /* IE10 */
|
||
|
|
-ms-align-content: space-around;
|
||
|
|
-webkit-align-content: space-around;
|
||
|
|
align-content: space-around;
|
||
|
|
};
|
||
|
|
|
||
|
|
/*******************************
|
||
|
|
Other Layout
|
||
|
|
*******************************/
|
||
|
|
|
||
|
|
--layout-block: {
|
||
|
|
display: block;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-invisible: {
|
||
|
|
visibility: hidden !important;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-relative: {
|
||
|
|
position: relative;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-fit: {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-scroll: {
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
overflow: auto;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-fullbleed: {
|
||
|
|
margin: 0;
|
||
|
|
height: 100vh;
|
||
|
|
};
|
||
|
|
|
||
|
|
/* fixed position */
|
||
|
|
|
||
|
|
--layout-fixed-top: {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-fixed-right: {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-fixed-bottom: {
|
||
|
|
position: fixed;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
};
|
||
|
|
|
||
|
|
--layout-fixed-left: {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</custom-style>`;Pn.setAttribute("style","display: none;"),document.head.appendChild(Pn.content);var Tn=document.createElement("style");Tn.textContent="[hidden] { display: none !important; }",document.head.appendChild(Tn),Ya({_template:bn`
|
||
|
|
<style>
|
||
|
|
|
||
|
|
:host {
|
||
|
|
@apply --layout-horizontal;
|
||
|
|
@apply --layout-center;
|
||
|
|
position: relative;
|
||
|
|
height: 64px;
|
||
|
|
padding: 0 16px;
|
||
|
|
pointer-events: none;
|
||
|
|
font-size: var(--app-toolbar-font-size, 20px);
|
||
|
|
}
|
||
|
|
|
||
|
|
:host ::slotted(*) {
|
||
|
|
pointer-events: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
:host ::slotted(paper-icon-button) {
|
||
|
|
/* paper-icon-button/issues/33 */
|
||
|
|
font-size: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
:host ::slotted([main-title]),
|
||
|
|
:host ::slotted([condensed-title]) {
|
||
|
|
pointer-events: none;
|
||
|
|
@apply --layout-flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
:host ::slotted([bottom-item]) {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
:host ::slotted([top-item]) {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
:host ::slotted([spacer]) {
|
||
|
|
margin-left: 64px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<slot></slot>
|
||
|
|
`,is:"app-toolbar"});var zn=function(e,t){return zn=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])},zn(e,t)};function Nn(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}zn(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}var On=function(){return On=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},On.apply(this,arguments)};function Rn(e,t,o,r){var i,a=arguments.length,n=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(n=(a<3?i(n):a>3?i(t,o,n):i(t,o))||n);return a>3&&n&&Object.defineProperty(t,o,n),n}var In=Object.create?function(e,t,o,r){void 0===r&&(r=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,i)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]};function Dn(e){var t="function"==typeof Symbol&&Symbol.iterator,o=t&&e[t],r=0;if(o)return o.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function jn(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var r,i,a=o.call(e),n=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)n.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(o=a.return)&&o.call(a)}finally{if(i)throw i.error}}return n}function Bn(e,t,o){if(o||2===arguments.length)for(var r,i=0,a=t.length;i<a;i++)!r&&i in t||(r||(r=Array.prototype.slice.call(t,0,i)),r[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))}function $n(e){return this instanceof $n?(this.v=e,this):new $n(e)}var Fn=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};var Un=Object.freeze({__proto__:null,__extends:Nn,get __assign(){return On},__rest:function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(o[r[i]]=e[r[i]])}return o},__decorate:Rn,__param:function(e,t){return function(o,r){t(o,r,e)}},__metadata:function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},__awaiter:function(e,t,o,r){return new(o||(o=Promise))((function(i,a){function n(e){try{l(r.next(e))}catch(e){a(e)}}function s(e){try{l(r.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(n,s)}l((r=r.apply(e,t||[])).next())}))},__generator:function(e,t){var o,r,i,a,n={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(s){return function(l){return function(s){if(o)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(n=0)),n;)try{if(o=1,r&&(i=2&s[0]?r.return:s[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;switch(r=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return n.label++,{value:s[1],done:!1};case 5:n.label++,r=s[1],s=[0];continue;case 7:s=n.ops.pop(),n.trys.pop();continue;default:if(!(i=n.trys,(i=i.length>0&&i[i.length-1])||6!==s[0]&&2!==s[0])){n=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){n.label=s[1];break}if(6===s[0]&&n.label<i[1]){n.label=i[1],i=s;break}if(i&&n.label<i[2]){n.label=i[2],n.ops.push(
|
||
|
|
<div
|
||
|
|
class="mdc-circular-progress ${Yn(e)}"
|
||
|
|
style="${Jn(o)}"
|
||
|
|
role="progressbar"
|
||
|
|
aria-label="${Xn(this.ariaLabel)}"
|
||
|
|
aria-valuemin="0"
|
||
|
|
aria-valuemax="1"
|
||
|
|
aria-valuenow="${Xn(this.indeterminate?void 0:this.progress)}">
|
||
|
|
${this.renderDeterminateContainer()}
|
||
|
|
${this.renderIndeterminateContainer()}
|
||
|
|
</div>`}renderDeterminateContainer(){const e=48+4*this.density,t=e/2,o=this.density>=-3?18+11*this.density/6:12.5+5*(this.density+3)/4,r=6.2831852*o,i=(1-this.progress)*r,a=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return Y`
|
||
|
|
<div class="mdc-circular-progress__determinate-container">
|
||
|
|
<svg class="mdc-circular-progress__determinate-circle-graphic"
|
||
|
|
viewBox="0 0 ${e} ${e}">
|
||
|
|
<circle class="mdc-circular-progress__determinate-track"
|
||
|
|
cx="${t}" cy="${t}" r="${o}"
|
||
|
|
stroke-width="${a}"></circle>
|
||
|
|
<circle class="mdc-circular-progress__determinate-circle"
|
||
|
|
cx="${t}" cy="${t}" r="${o}"
|
||
|
|
stroke-dasharray="${6.2831852*o}"
|
||
|
|
stroke-dashoffset="${i}"
|
||
|
|
stroke-width="${a}"></circle>
|
||
|
|
</svg>
|
||
|
|
</div>`}renderIndeterminateContainer(){return Y`
|
||
|
|
<div class="mdc-circular-progress__indeterminate-container">
|
||
|
|
<div class="mdc-circular-progress__spinner-layer">
|
||
|
|
${this.renderIndeterminateSpinnerLayer()}
|
||
|
|
</div>
|
||
|
|
</div>`}renderIndeterminateSpinnerLayer(){const e=48+4*this.density,t=e/2,o=this.density>=-3?18+11*this.density/6:12.5+5*(this.density+3)/4,r=6.2831852*o,i=.5*r,a=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return Y`
|
||
|
|
<div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left">
|
||
|
|
<svg class="mdc-circular-progress__indeterminate-circle-graphic"
|
||
|
|
viewBox="0 0 ${e} ${e}">
|
||
|
|
<circle cx="${t}" cy="${t}" r="${o}"
|
||
|
|
stroke-dasharray="${r}"
|
||
|
|
stroke-dashoffset="${i}"
|
||
|
|
stroke-width="${a}"></circle>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div class="mdc-circular-progress__gap-patch">
|
||
|
|
<svg class="mdc-circular-progress__indeterminate-circle-graphic"
|
||
|
|
viewBox="0 0 ${e} ${e}">
|
||
|
|
<circle cx="${t}" cy="${t}" r="${o}"
|
||
|
|
stroke-dasharray="${r}"
|
||
|
|
stroke-dashoffset="${i}"
|
||
|
|
stroke-width="${.8*a}"></circle>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right">
|
||
|
|
<svg class="mdc-circular-progress__indeterminate-circle-graphic"
|
||
|
|
viewBox="0 0 ${e} ${e}">
|
||
|
|
<circle cx="${t}" cy="${t}" r="${o}"
|
||
|
|
stroke-dasharray="${r}"
|
||
|
|
stroke-dashoffset="${i}"
|
||
|
|
stroke-width="${a}"></circle>
|
||
|
|
</svg>
|
||
|
|
</div>`}update(e){super.update(e),e.has("progress")&&(this.progress>1&&(this.progress=1),this.progress<0&&(this.progress=0))}}Rn([Ce({type:Boolean,reflect:!0})],Wn.prototype,"indeterminate",void 0),Rn([Ce({type:Number,reflect:!0})],Wn.prototype,"progress",void 0),Rn([Ce({type:Number,reflect:!0})],Wn.prototype,"density",void 0),Rn([Ce({type:Boolean,reflect:!0})],Wn.prototype,"closed",void 0),Rn([Zn,Ce({type:String,attribute:"aria-label"})],Wn.prototype,"ariaLabel",void 0);const Qn=b`.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-circular-progress__determinate-track{stroke:transparent}@keyframes mdc-circular-progress-container-rotate{to{transform:rotate(360deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-left-spin{from{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes mdc-circular-progress-right-spin{from{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}.mdc-circular-progress{display:inline-flex;position:relative;direction:ltr;line-height:0;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{transition:stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{animation:mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress
|
||
|
|
:host {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
`]}}]}}),es);var ts="M4 2A2 2 0 0 0 2 4V12H4V8H6V12H8V4A2 2 0 0 0 6 2H4M4 4H6V6H4M22 15.5V14A2 2 0 0 0 20 12H16V22H20A2 2 0 0 0 22 20V18.5A1.54 1.54 0 0 0 20.5 17A1.54 1.54 0 0 0 22 15.5M20 20H18V18H20V20M20 16H18V14H20M5.79 21.61L4.21 20.39L18.21 2.39L19.79 3.61Z",os="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z",rs="M18 16H14V18H18V20L21 17L18 14V16M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 14C6.6 14 3 15.8 3 18V20H12.5C12.2 19.2 12 18.4 12 17.5C12 16.3 12.3 15.2 12.9 14.1C12.3 14.1 11.7 14 11 14",is="M11,14C12,14 13.05,14.16 14.2,14.44C13.39,15.31 13,16.33 13,17.5C13,18.39 13.25,19.23 13.78,20H3V18C3,16.81 3.91,15.85 5.74,15.12C7.57,14.38 9.33,14 11,14M11,12C9.92,12 9,11.61 8.18,10.83C7.38,10.05 7,9.11 7,8C7,6.92 7.38,6 8.18,5.18C9,4.38 9.92,4 11,4C12.11,4 13.05,4.38 13.83,5.18C14.61,6 15,6.92 15,8C15,9.11 14.61,10.05 13.83,10.83C13.05,11.61 12.11,12 11,12M18.5,10H20L22,10V12H20V17.5A2.5,2.5 0 0,1 17.5,20A2.5,2.5 0 0,1 15,17.5A2.5,2.5 0 0,1 17.5,15C17.86,15 18.19,15.07 18.5,15.21V10Z",as="M11,4A4,4 0 0,1 15,8A4,4 0 0,1 11,12A4,4 0 0,1 7,8A4,4 0 0,1 11,4M11,6A2,2 0 0,0 9,8A2,2 0 0,0 11,10A2,2 0 0,0 13,8A2,2 0 0,0 11,6M11,13C12.1,13 13.66,13.23 15.11,13.69C14.5,14.07 14,14.6 13.61,15.23C12.79,15.03 11.89,14.9 11,14.9C8.03,14.9 4.9,16.36 4.9,17V18.1H13.04C13.13,18.8 13.38,19.44 13.76,20H3V17C3,14.34 8.33,13 11,13M18.5,10H20L22,10V12H20V17.5A2.5,2.5 0 0,1 17.5,20A2.5,2.5 0 0,1 15,17.5A2.5,2.5 0 0,1 17.5,15C17.86,15 18.19,15.07 18.5,15.21V10Z",ns="M19,18.31V20A2,2 0 0,1 17,22H7A2,2 0 0,1 5,20V16.3C4.54,16.12 3.95,16 3,16A1,1 0 0,1 2,15A1,1 0 0,1 3,14C3.82,14 4.47,14.08 5,14.21V12.3C4.54,12.12 3.95,12 3,12A1,1 0 0,1 2,11A1,1 0 0,1 3,10C3.82,10 4.47,10.08 5,10.21V8.3C4.54,8.12 3.95,8 3,8A1,1 0 0,1 2,7A1,1 0 0,1 3,6C3.82,6 4.47,6.08 5,6.21V4A2,2 0 0,1 7,2H17A2,2 0 0,1 19,4V6.16C20.78,6.47 21.54,7.13 21.71,7.29C22.1,7.68 22.1,8.32 21.71,8.71C21.32,9.1 20.8,9.09 20.29,8.71V8.71C20.29,8.71 19.25,8 17,8C15.74,8 14.91,8.41 13.95,8.9C12.91,9.41 11.74,10 10,10C9.64,10 9.31,10 9,9.96V7.95C9.3,8 9.63,8 10,8C11.26,8 12.09,7.59 13.05,7.11C14.09,6.59 15.27,6 17,6V4H7V20H17V18C18.5,18 18.97,18.29 19,18.31M17,10C15.27,10 14.09,10.59 13.05,11.11C12.09,11.59 11.26,12 10,12C9.63,12 9.3,12 9,11.95V13.96C9.31,14 9.64,14 10,14C11.74,14 12.91,13.41 13.95,12.9C14.91,12.42 15.74,12 17,12C19.25,12 20.29,12.71 20.29,12.71V12.71C20.8,13.1 21.32,13.1 21.71,12.71C22.1,12.32 22.1,11.69 21.71,11.29C21.5,11.08 20.25,10 17,10M17,14C15.27,14 14.09,14.59 13.05,15.11C12.09,15.59 11.26,16 10,16C9.63,16 9.3,16 9,15.95V17.96C9.31,18 9.64,18 10,18C11.74,18 12.91,17.41 13.95,16.9C14.91,16.42 15.74,16 17,16C19.25,16 20.29,16.71 20.29,16.71V16.71C20.8,17.1 21.32,17.1 21.71,16.71C22.1,16.32 22.1,15.69 21.71,15.29C21.5,15.08 20.25,14 17,14Z",ss="M11 9C8.79 9 7 10.79 7 13S8.79 17 11 17 15 15.21 15 13 13.21 9 11 9M11 15C9.9 15 9 14.11 9 13S9.9 11 11 11 13 11.9 13 13 12.11 15 11 15M7 4H14C16.21 4 18 5.79 18 8V9H16V8C16 6.9 15.11 6 14 6H7C5.9 6 5 6.9 5 8V20H16V18H18V22H3V8C3 5.79 4.79 4 7 4M19 10.5C19 10.5 21 12.67 21 14C21 15.1 20.1 16 19 16S17 15.1 17 14C17 12.67 19 10.5 19 10.5",ls="M22.1 21.5L2.4 1.7L1.1 3L3.8 5.7C3.3 6.3 3 7.1 3 8V22H18V19.9L20.8 22.7L22.1 21.5M9.6 11.5L12.4 14.3C12.1 14.7 11.6 15 11 15C9.9 15 9 14.1 9 13C9 12.4 9.3 11.9 9.6 11.5M16 17.9V20H5V8C5 7.7 5.1 7.4 5.2 7.1L8.2 10.1C7.5 10.8 7 11.9 7 13C7 15.2 8.8 17 11 17C12.1 17 13.2 16.5 13.9 15.8L16 17.9M17 13.8C17.1 12.5 19 10.5 19 10.5S21 12.7 21 14C21 15 20.2 15.9 19.2 16L17 13.8M9.2 6L7.2 4H14C16.2 4 18 5.8 18 8V9H16V8C16 6.9 15.1 6 14 6H9.2Z",ds="M12,11A1,1 0 0,0 11,12A1,1 0 0,0 12,13A1,1 0 0,0 13,12A1,1 0 0,0 12,11M12,16.5C9.5,16.5 7.5,14.5 7.5,12C7.5,9.5 9.5,7.5 12,7.5C14.5,7.5 16.5,9.5 16.5,12C16.5,14.5 14.5,16.5 12,16.5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",cs="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",ps="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",us="M11,15H13V17H11V15M11,7H13V1
|
||
|
|
<div class="mdc-ripple-surface mdc-ripple-upgraded ${Yn(o)}"
|
||
|
|
style="${Jn({"--mdc-ripple-fg-scale":this.fgScale,"--mdc-ripple-fg-size":this.fgSize,"--mdc-ripple-fg-translate-end":this.translateEnd,"--mdc-ripple-fg-translate-start":this.translateStart,"--mdc-ripple-left":this.leftPos,"--mdc-ripple-top":this.topPos})}"></div>`}}Rn([Le(".mdc-ripple-surface")],Ou.prototype,"mdcRoot",void 0),Rn([Ce({type:Boolean})],Ou.prototype,"primary",void 0),Rn([Ce({type:Boolean})],Ou.prototype,"accent",void 0),Rn([Ce({type:Boolean})],Ou.prototype,"unbounded",void 0),Rn([Ce({type:Boolean})],Ou.prototype,"disabled",void 0),Rn([Ce({type:Boolean})],Ou.prototype,"activated",void 0),Rn([Ce({type:Boolean})],Ou.prototype,"selected",void 0),Rn([Ce({type:Boolean})],Ou.prototype,"internalUseStateLayerCustomProperties",void 0),Rn([Ae()],Ou.prototype,"hovering",void 0),Rn([Ae()],Ou.prototype,"bgFocused",void 0),Rn([Ae()],Ou.prototype,"fgActivation",void 0),Rn([Ae()],Ou.prototype,"fgDeactivation",void 0),Rn([Ae()],Ou.prototype,"fgScale",void 0),Rn([Ae()],Ou.prototype,"fgSize",void 0),Rn([Ae()],Ou.prototype,"translateStart",void 0),Rn([Ae()],Ou.prototype,"translateEnd",void 0),Rn([Ae()],Ou.prototype,"leftPos",void 0),Rn([Ae()],Ou.prototype,"topPos",void 0);const Ru=b`.mdc-ripple-surface{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgrad
|
||
|
|
<mwc-ripple
|
||
|
|
.disabled="${this.disabled}"
|
||
|
|
unbounded>
|
||
|
|
</mwc-ripple>`:""}focus(){const e=this.buttonElement;e&&(this.rippleHandlers.startFocus(),e.focus())}blur(){const e=this.buttonElement;e&&(this.rippleHandlers.endFocus(),e.blur())}render(){return Y`<button
|
||
|
|
class="mdc-icon-button mdc-icon-button--display-flex"
|
||
|
|
aria-label="${this.ariaLabel||this.icon}"
|
||
|
|
aria-haspopup="${Xn(this.ariaHasPopup)}"
|
||
|
|
?disabled="${this.disabled}"
|
||
|
|
@focus="${this.handleRippleFocus}"
|
||
|
|
@blur="${this.handleRippleBlur}"
|
||
|
|
@mousedown="${this.handleRippleMouseDown}"
|
||
|
|
@mouseenter="${this.handleRippleMouseEnter}"
|
||
|
|
@mouseleave="${this.handleRippleMouseLeave}"
|
||
|
|
@touchstart="${this.handleRippleTouchStart}"
|
||
|
|
@touchend="${this.handleRippleDeactivate}"
|
||
|
|
@touchcancel="${this.handleRippleDeactivate}"
|
||
|
|
>${this.renderRipple()}
|
||
|
|
<i class="material-icons">${this.icon}</i>
|
||
|
|
<span
|
||
|
|
><slot></slot
|
||
|
|
></span>
|
||
|
|
</button>`}handleRippleMouseDown(e){const t=()=>{window.removeEventListener("mouseup",t),this.handleRippleDeactivate()};window.addEventListener("mouseup",t),this.rippleHandlers.startPress(e)}handleRippleTouchStart(e){this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}Rn([Ce({type:Boolean,reflect:!0})],ju.prototype,"disabled",void 0),Rn([Ce({type:String})],ju.prototype,"icon",void 0),Rn([Zn,Ce({type:String,attribute:"aria-label"})],ju.prototype,"ariaLabel",void 0),Rn([Zn,Ce({type:String,attribute:"aria-haspopup"})],ju.prototype,"ariaHasPopup",void 0),Rn([Le("button")],ju.prototype,"buttonElement",void 0),Rn([Ve("mwc-ripple")],ju.prototype,"ripple",void 0),Rn([Ae()],ju.prototype,"shouldRenderRipple",void 0),Rn([we({passive:!0})],ju.prototype,"handleRippleMouseDown",null),Rn([we({passive:!0})],ju.prototype,"handleRippleTouchStart",null);const Bu=b`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-s
|
||
|
|
<svg
|
||
|
|
viewBox=${this.viewBox||"0 0 24 24"}
|
||
|
|
preserveAspectRatio="xMidYMid meet"
|
||
|
|
focusable="false"
|
||
|
|
role="img"
|
||
|
|
aria-hidden="true"
|
||
|
|
>
|
||
|
|
<g>
|
||
|
|
${this.path?X`<path d=${this.path}></path>`:""}
|
||
|
|
</g>
|
||
|
|
</svg>`}},{kind:"get",static:!0,key:"styles",value:function(){return b`
|
||
|
|
:host {
|
||
|
|
display: var(--ha-icon-display, inline-flex);
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
position: relative;
|
||
|
|
vertical-align: middle;
|
||
|
|
fill: currentcolor;
|
||
|
|
width: var(--mdc-icon-size, 24px);
|
||
|
|
height: var(--mdc-icon-size, 24px);
|
||
|
|
}
|
||
|
|
svg {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
pointer-events: none;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
`}}]}}),fe),s([be("ha-icon-button")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[Ce({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[Ce({type:String})],key:"path",value:void 0},{kind:"field",decorators:[Ce({type:String})],key:"label",value:void 0},{kind:"field",decorators:[Ce({type:String,attribute:"aria-haspopup"})],key:"ariaHasPopup",value:void 0},{kind:"field",decorators:[Ce({type:Boolean})],key:"hideTitle",value:()=>!1},{kind:"field",decorators:[Le("mwc-icon-button",!0)],key:"_button",value:void 0},{kind:"method",key:"focus",value:function(){var e;null===(e=this._button)||void 0===e||e.focus()}},{kind:"field",static:!0,key:"shadowRootOptions",value:()=>({mode:"open",delegatesFocus:!0})},{kind:"method",key:"render",value:function(){return Y`
|
||
|
|
<mwc-icon-button
|
||
|
|
aria-label=${Xn(this.label)}
|
||
|
|
title=${Xn(this.hideTitle?void 0:this.label)}
|
||
|
|
aria-haspopup=${Xn(this.ariaHasPopup)}
|
||
|
|
.disabled=${this.disabled}
|
||
|
|
>
|
||
|
|
${this.path?Y`<ha-svg-icon .path=${this.path}></ha-svg-icon>`:Y`<slot></slot>`}
|
||
|
|
</mwc-icon-button>
|
||
|
|
`}},{kind:"get",static:!0,key:"styles",value:function(){return b`
|
||
|
|
:host {
|
||
|
|
display: inline-block;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
:host([disabled]) {
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
mwc-icon-button {
|
||
|
|
--mdc-theme-on-primary: currentColor;
|
||
|
|
--mdc-theme-text-disabled-on-light: var(--disabled-text-color);
|
||
|
|
}
|
||
|
|
`}}]}}),fe),s([be("ha-icon-button-arrow-prev")],(function(e,o){class i extends o{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[Ce({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[Ce({type:Boolean})],key:"disabled",value:()=>!1},{kind:"field",decorators:[Ce()],key:"label",value:void 0},{kind:"field",decorators:[Ae()],key:"_icon",value:()=>ws},{kind:"method",key:"connectedCallback",value:function(){r(t(i.prototype),"connectedCallback",this).call(this),setTimeout((()=>{this._icon="ltr"===window.getComputedStyle(this).direction?ws:"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"}),100)}},{kind:"method",key:"render",value:function(){var e;return Y`
|
||
|
|
<ha-icon-button
|
||
|
|
.disabled=${this.disabled}
|
||
|
|
.label=${this.label||(null===(e=this.hass)||void 0===e?void 0:e.localize("ui.common.back"))||"Back"}
|
||
|
|
.path=${this._icon}
|
||
|
|
></ha-icon-button>
|
||
|
|
`}}]}}),fe);const Fu=e=>{let t=[];function o(o,r){e=r?o:Object.assign(Object.assign({},e),o);let i=t;for(let t=0;t<i.length;t++)i[t](e)}return{get state(){return e},action(t){function r(e){o(e,!1)}return function(){let o=[e];for(let e=0;e<arguments.length;e++)o.push(arguments[e]);let i=t.apply(this,o);if(null!=i)return i instanceof Promise?i.then(r):r(i)}},setState:o,subscribe:e=>(t.push(e),()=>{!function(e){let o=[];for(let r=0;r<t.length;r++)t[r]===e?e=null:o.push(t[r]);t=o}(e)})}},Uu=(e,t,o,r)=>{if(e[t])return e[t];let i,a,n=0,s=Fu();const l=()=>{if(!o)throw new Error("Collection does not support refresh");return o(e).then((e=>s.setState(e,!0)))},d=()=>l().catch((t=>{if(e.connected)throw t})),c=()=>{a=void 0,i&&i.then((e=>{e()})),e.removeEventListener("ready",l),e.removeEventListener("disconnected",p)},p=()=>{a&&(clearTimeout(a),c())};return e[t]={get state(){return s.state},refresh:l,subscribe(t){n++,1===n&&(()=>{if(void 0!==a)return clearTimeout(a),void(a=void 0);r&&(i=r(e,s)),o&&(e.addEventListener("ready",d),d()),e.addEventListener("disconnected",p)})();const l=s.subscribe(t);return void 0!==s.state&&setTimeout((()=>t(s.state)),0),()=>{l(),n--,n||(a=setTimeout(c,5e3))}}},e[t]},Zu=(e,t,o,r,i)=>Uu(r,e,t,o).subscribe(i),Gu=e=>e.sendMessagePromise({type:"persistent_notification/get"}),qu=(e,t)=>e.subscribeEvents((()=>Gu(e).then((e=>t.setState(e,!0)))),"persistent_notifications_updated");s([be("ha-menu-button")],(function(e,o){class i extends o{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[Ce({type:Boolean})],key:"hassio",value:()=>!1},{kind:"field",decorators:[Ce()],key:"narrow",value:void 0},{kind:"field",decorators:[Ce({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[Ae()],key:"_hasNotifications",value:()=>!1},{kind:"field",key:"_alwaysVisible",value:()=>!1},{kind:"field",key:"_attachNotifOnConnect",value:()=>!1},{kind:"field",key:"_unsubNotifications",value:void 0},{kind:"method",key:"connectedCallback",value:function(){r(t(i.prototype),"connectedCallback",this).call(this),this._attachNotifOnConnect&&(this._attachNotifOnConnect=!1,this._subscribeNotifications())}},{kind:"method",key:"disconnectedCallback",value:function(){r(t(i.prototype),"disconnectedCallback",this).call(this),this._unsubNotifications&&(this._attachNotifOnConnect=!0,this._unsubNotifications(),this._unsubNotifications=void 0)}},{kind:"method",key:"render",value:function(){const e=this._hasNotifications&&(this.narrow||"always_hidden"===this.hass.dockedSidebar);return Y`
|
||
|
|
<ha-icon-button
|
||
|
|
.label=${this.hass.localize("ui.sidebar.sidebar_toggle")}
|
||
|
|
.path=${"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"}
|
||
|
|
@click=${this._toggleMenu}
|
||
|
|
></ha-icon-button>
|
||
|
|
${e?Y`<div class="dot"></div>`:""}
|
||
|
|
`}},{kind:"method",key:"firstUpdated",value:function(e){r(t(i.prototype),"firstUpdated",this).call(this,e),this.hassio&&(this._alwaysVisible=(Number(window.parent.frontendVersion)||0)<20190710)}},{kind:"method",key:"updated",value:function(e){if(r(t(i.prototype),"updated",this).call(this,e),!e.has("narrow")&&!e.has("hass"))return;const o=e.get("hass"),a=e.get("narrow")||o&&"always_hidden"===o.dockedSidebar,n=this.narrow||"always_hidden"===this.hass.dockedSidebar;a!==n&&(this.style.display=n||this._alwaysVisible?"initial":"none",n?this._subscribeNotifications():this._unsubNotifications&&(this._unsubNotifications(),this._unsubNotifications=void 0))}},{kind:"method",key:"_subscribeNotifications",value:function(){var e;this._unsubNotifications=(e=this.hass.connection,Zu("_ntf",Gu,qu,e,(e=>{this._hasNotifications=e.length>0})))}},{kind:"method",key:"_toggleMenu",value:function(){it(this,"hass-toggle-menu")}},{kind:"get",static:!0,key:"styles",value:function(){return b`
|
||
|
|
:host {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.dot {
|
||
|
|
pointer-events: none;
|
||
|
|
position: absolute;
|
||
|
|
background-color: var(--accent-color);
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
top: 9px;
|
||
|
|
right: 7px;
|
||
|
|
border-radius: 50%;
|
||
|
|
border: 2px solid var(--app-header-background-color);
|
||
|
|
}
|
||
|
|
`}}]}}),fe),s([be("hass-loading-screen")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[Ce({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[Ce({type:Boolean,attribute:"no-toolbar"})],key:"noToolbar",value:()=>!1},{kind:"field",decorators:[Ce({type:Boolean})],key:"rootnav",value:()=>!1},{kind:"field",decorators:[Ce({type:Boolean})],key:"narrow",value:()=>!1},{kind:"method",key:"render",value:function(){var e;return Y`
|
||
|
|
${this.noToolbar?"":Y`<div class="toolbar">
|
||
|
|
${this.rootnav||null!==(e=history.state)&&void 0!==e&&e.root?Y`
|
||
|
|
<ha-menu-button
|
||
|
|
.hass=${this.hass}
|
||
|
|
.narrow=${this.narrow}
|
||
|
|
></ha-menu-button>
|
||
|
|
`:Y`
|
||
|
|
<ha-icon-button-arrow-prev
|
||
|
|
.hass=${this.hass}
|
||
|
|
@click=${this._handleBack}
|
||
|
|
></ha-icon-button-arrow-prev>
|
||
|
|
`}
|
||
|
|
</div>`}
|
||
|
|
<div class="content">
|
||
|
|
<ha-circular-progress active></ha-circular-progress>
|
||
|
|
</div>
|
||
|
|
`}},{kind:"method",key:"_handleBack",value:function(){history.back()}},{kind:"get",static:!0,key:"styles",value:function(){return[Te,b`
|
||
|
|
:host {
|
||
|
|
display: block;
|
||
|
|
height: 100%;
|
||
|
|
background-color: var(--primary-background-color);
|
||
|
|
}
|
||
|
|
.toolbar {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
font-size: 20px;
|
||
|
|
height: var(--header-height);
|
||
|
|
padding: 0 16px;
|
||
|
|
pointer-events: none;
|
||
|
|
background-color: var(--app-header-background-color);
|
||
|
|
font-weight: 400;
|
||
|
|
color: var(--app-header-text-color, white);
|
||
|
|
border-bottom: var(--app-header-border-bottom, none);
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
ha-menu-button,
|
||
|
|
ha-icon-button-arrow-prev {
|
||
|
|
pointer-events: auto;
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
height: calc(100% - var(--header-height));
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
`]}}]}}),fe);const Ku=(e,t,o=true)=>{var r;if(!e||e===document.body)return null;if((e=null!==(r=e.assignedSlot)&&void 0!==r?r:e).parentElement)e=e.parentElement;else{const t=e.getRootNode();e=t instanceof ShadowRoot?t.host:null}return(o?Object.prototype.hasOwnProperty.call(e,t):e&&t in e)?e:Ku(e,t,o)},Yu=(e=document)=>{var t,o;return null!==(t=e.activeElement)&&void 0!==t&&null!==(o=t.shadowRoot)&&void 0!==o&&o.activeElement?Yu(e.activeElement.shadowRoot):e.activeElement},Xu=()=>new Promise((e=>{var t;t=e,requestAnimationFrame((()=>setTimeout(t,0)))})),Ju={},Wu=Symbol.for("HA focus target"),Qu=async(e,t,o,r,i,a=!0)=>{var n;if(!(o in Ju)){if(!i)return void(__DEV__&&console.warn("Asked to show dialog that's not loaded and can't be imported"));Ju[o]={element:i().then((()=>{const t=document.createElement(o);return e.provideHass(t),t}))}}if(null!==(n=rt.history.state)&&void 0!==n&&n.replaced?(Ju[o].closedFocusTargets=Ju[rt.history.state.dialog].closedFocusTargets,delete Ju[rt.history.state.dialog].closedFocusTargets):Ju[o].closedFocusTargets=((e,t,o=!0)=>{const r=new Set;for(;e;)r.add(e),e=Ku(e,t,o);return r})(Yu(),Wu),a){var s,l;rt.history.replaceState({dialog:o,open:!1,oldState:null!==(s=rt.history.state)&&void 0!==s&&s.open&&(null===(l=rt.history.state)||void 0===l?void 0:l.dialog)!==o?rt.history.state:null},"");try{rt.history.pushState({dialog:o,dialogParams:r,open:!0},"")}catch(e){rt.history.pushState({dialog:o,dialogParams:null,open:!0},"")}}const d=await Ju[o].element;d.addEventListener("dialog-closed",eh),t.appendChild(d),d.showDialog(r)},eh=async e=>{const t=Ju[e.detail.dialog].closedFocusTargets;if(delete Ju[e.detail.dialog].closedFocusTargets,!t)return;let o=Yu();o instanceof HTMLElement&&o.blur(),await Xu();for(const e of t)if(e instanceof HTMLElement&&(e.focus(),o=Yu(),o&&o!==document.body))return;__DEV__&&console.warn("Failed to focus any targets after closing dialog: %o",t)},th=(e,t)=>{const o=(null==t?void 0:t.replace)||!1;var r;o?rt.history.replaceState(null!==(r=rt.history.state)&&void 0!==r&&r.root?{root:!0}:null,"",e):rt.history.pushState(null,"",e),it(rt,"location-changed",{replace:o})},oh=bn`
|
||
|
|
<custom-style>
|
||
|
|
<style is="custom-style">
|
||
|
|
html {
|
||
|
|
|
||
|
|
/* Material Design color palette for Google products */
|
||
|
|
|
||
|
|
--google-red-100: #f4c7c3;
|
||
|
|
--google-red-300: #e67c73;
|
||
|
|
--google-red-500: #db4437;
|
||
|
|
--google-red-700: #c53929;
|
||
|
|
|
||
|
|
--google-blue-100: #c6dafc;
|
||
|
|
--google-blue-300: #7baaf7;
|
||
|
|
--google-blue-500: #4285f4;
|
||
|
|
--google-blue-700: #3367d6;
|
||
|
|
|
||
|
|
--google-green-100: #b7e1cd;
|
||
|
|
--google-green-300: #57bb8a;
|
||
|
|
--google-green-500: #0f9d58;
|
||
|
|
--google-green-700: #0b8043;
|
||
|
|
|
||
|
|
--google-yellow-100: #fce8b2;
|
||
|
|
--google-yellow-300: #f7cb4d;
|
||
|
|
--google-yellow-500: #f4b400;
|
||
|
|
--google-yellow-700: #f09300;
|
||
|
|
|
||
|
|
--google-grey-100: #f5f5f5;
|
||
|
|
--google-grey-300: #e0e0e0;
|
||
|
|
--google-grey-500: #9e9e9e;
|
||
|
|
--google-grey-700: #616161;
|
||
|
|
|
||
|
|
/* Material Design color palette from online spec document */
|
||
|
|
|
||
|
|
--paper-red-50: #ffebee;
|
||
|
|
--paper-red-100: #ffcdd2;
|
||
|
|
--paper-red-200: #ef9a9a;
|
||
|
|
--paper-red-300: #e57373;
|
||
|
|
--paper-red-400: #ef5350;
|
||
|
|
--paper-red-500: #f44336;
|
||
|
|
--paper-red-600: #e53935;
|
||
|
|
--paper-red-700: #d32f2f;
|
||
|
|
--paper-red-800: #c62828;
|
||
|
|
--paper-red-900: #b71c1c;
|
||
|
|
--paper-red-a100: #ff8a80;
|
||
|
|
--paper-red-a200: #ff5252;
|
||
|
|
--paper-red-a400: #ff1744;
|
||
|
|
--paper-red-a700: #d50000;
|
||
|
|
|
||
|
|
--paper-pink-50: #fce4ec;
|
||
|
|
--paper-pink-100: #f8bbd0;
|
||
|
|
--paper-pink-200: #f48fb1;
|
||
|
|
--paper-pink-300: #f06292;
|
||
|
|
--paper-pink-400: #ec407a;
|
||
|
|
--paper-pink-500: #e91e63;
|
||
|
|
--paper-pink-600: #d81b60;
|
||
|
|
--paper-pink-700: #c2185b;
|
||
|
|
--paper-pink-800: #ad1457;
|
||
|
|
--paper-pink-900: #880e4f;
|
||
|
|
--paper-pink-a100: #ff80ab;
|
||
|
|
--paper-pink-a200: #ff4081;
|
||
|
|
--paper-pink-a400: #f50057;
|
||
|
|
--paper-pink-a700: #c51162;
|
||
|
|
|
||
|
|
--paper-purple-50: #f3e5f5;
|
||
|
|
--paper-purple-100: #e1bee7;
|
||
|
|
--paper-purple-200: #ce93d8;
|
||
|
|
--paper-purple-300: #ba68c8;
|
||
|
|
--paper-purple-400: #ab47bc;
|
||
|
|
--paper-purple-500: #9c27b0;
|
||
|
|
--paper-purple-600: #8e24aa;
|
||
|
|
--paper-purple-700: #7b1fa2;
|
||
|
|
--paper-purple-800: #6a1b9a;
|
||
|
|
--paper-purple-900: #4a148c;
|
||
|
|
--paper-purple-a100: #ea80fc;
|
||
|
|
--paper-purple-a200: #e040fb;
|
||
|
|
--paper-purple-a400: #d500f9;
|
||
|
|
--paper-purple-a700: #aa00ff;
|
||
|
|
|
||
|
|
--paper-deep-purple-50: #ede7f6;
|
||
|
|
--paper-deep-purple-100: #d1c4e9;
|
||
|
|
--paper-deep-purple-200: #b39ddb;
|
||
|
|
--paper-deep-purple-300: #9575cd;
|
||
|
|
--paper-deep-purple-400: #7e57c2;
|
||
|
|
--paper-deep-purple-500: #673ab7;
|
||
|
|
--paper-deep-purple-600: #5e35b1;
|
||
|
|
--paper-deep-purple-700: #512da8;
|
||
|
|
--paper-deep-purple-800: #4527a0;
|
||
|
|
--paper-deep-purple-900: #311b92;
|
||
|
|
--paper-deep-purple-a100: #b388ff;
|
||
|
|
--paper-deep-purple-a200: #7c4dff;
|
||
|
|
--paper-deep-purple-a400: #651fff;
|
||
|
|
--paper-deep-purple-a700: #6200ea;
|
||
|
|
|
||
|
|
--paper-indigo-50: #e8eaf6;
|
||
|
|
--paper-indigo-100: #c5cae9;
|
||
|
|
--paper-indigo-200: #9fa8da;
|
||
|
|
--paper-indigo-300: #7986cb;
|
||
|
|
--paper-indigo-400: #5c6bc0;
|
||
|
|
--paper-indigo-500: #3f51b5;
|
||
|
|
--paper-indigo-600: #3949ab;
|
||
|
|
--paper-indigo-700: #303f9f;
|
||
|
|
--paper-indigo-800: #283593;
|
||
|
|
--paper-indigo-900: #1a237e;
|
||
|
|
--paper-indigo-a100: #8c9eff;
|
||
|
|
--paper-indigo-a200: #536dfe;
|
||
|
|
--paper-indigo-a400: #3d5afe;
|
||
|
|
--paper-indigo-a700: #304ffe;
|
||
|
|
|
||
|
|
--paper-blue-50: #e3f2fd;
|
||
|
|
--paper-blue-100: #bbdefb;
|
||
|
|
--paper-blue-200: #90caf9;
|
||
|
|
--paper-blue-300: #64b5f6;
|
||
|
|
--paper-blue-400: #42a5f5;
|
||
|
|
--paper-blue-500: #2196f3;
|
||
|
|
--paper-blue-600: #1e88e5;
|
||
|
|
--paper-blue-700: #1976d2;
|
||
|
|
--paper-blue-800: #1565c0;
|
||
|
|
--paper-blue-900: #0d47a1;
|
||
|
|
--paper-blue-a100: #82b1ff;
|
||
|
|
--paper-blue-a200: #448aff;
|
||
|
|
--paper-blue-a400: #2979ff;
|
||
|
|
--paper-blue-a700: #2962ff;
|
||
|
|
|
||
|
|
--paper-light-blue-50: #e1f5fe;
|
||
|
|
--paper-light-blue-100: #b3e5fc;
|
||
|
|
--paper-light-blue-200: #81d4fa;
|
||
|
|
--paper-light-blue-300: #4fc3f7;
|
||
|
|
--paper-light-blue-400: #29b6f6;
|
||
|
|
--paper-light-blue-500: #03a9f4;
|
||
|
|
--paper-light-blue-600: #039be5;
|
||
|
|
--paper-light-blue-700: #0288d1;
|
||
|
|
--paper-light-blue-800: #0277bd;
|
||
|
|
--paper-light-blue-900: #01579b;
|
||
|
|
--paper-light-blue-a100: #80d8ff;
|
||
|
|
--paper-light-blue-a200: #40c4ff;
|
||
|
|
--paper-light-blue-a400: #00b0ff;
|
||
|
|
--paper-light-blue-a700: #0091ea;
|
||
|
|
|
||
|
|
--paper-cyan-50: #e0f7fa;
|
||
|
|
--paper-cyan-100: #b2ebf2;
|
||
|
|
--paper-cyan-200: #80deea;
|
||
|
|
--paper-cyan-300: #4dd0e1;
|
||
|
|
--paper-cyan-400: #26c6da;
|
||
|
|
--paper-cyan-500: #00bcd4;
|
||
|
|
--paper-cyan-600: #00acc1;
|
||
|
|
--paper-cyan-700: #0097a7;
|
||
|
|
--paper-cyan-800: #00838f;
|
||
|
|
--paper-cyan-900: #006064;
|
||
|
|
--paper-cyan-a100: #84ffff;
|
||
|
|
--paper-cyan-a200: #18ffff;
|
||
|
|
--paper-cyan-a400: #00e5ff;
|
||
|
|
--paper-cyan-a700: #00b8d4;
|
||
|
|
|
||
|
|
--paper-teal-50: #e0f2f1;
|
||
|
|
--paper-teal-100: #b2dfdb;
|
||
|
|
--paper-teal-200: #80cbc4;
|
||
|
|
--paper-teal-300: #4db6ac;
|
||
|
|
--paper-teal-400: #26a69a;
|
||
|
|
--paper-teal-500: #009688;
|
||
|
|
--paper-teal-600: #00897b;
|
||
|
|
--paper-teal-700: #00796b;
|
||
|
|
--paper-teal-800: #00695c;
|
||
|
|
--paper-teal-900: #004d40;
|
||
|
|
--paper-teal-a100: #a7ffeb;
|
||
|
|
--paper-teal-a200: #64ffda;
|
||
|
|
--paper-teal-a400: #1de9b6;
|
||
|
|
--paper-teal-a700: #00bfa5;
|
||
|
|
|
||
|
|
--paper-green-50: #e8f5e9;
|
||
|
|
--paper-green-100: #c8e6c9;
|
||
|
|
--paper-green-200: #a5d6a7;
|
||
|
|
--paper-green-300: #81c784;
|
||
|
|
--paper-green-400: #66bb6a;
|
||
|
|
--paper-green-500: #4caf50;
|
||
|
|
--paper-green-600: #43a047;
|
||
|
|
--paper-green-700: #388e3c;
|
||
|
|
--paper-green-800: #2e7d32;
|
||
|
|
--paper-green-900: #1b5e20;
|
||
|
|
--paper-green-a100: #b9f6ca;
|
||
|
|
--paper-green-a200: #69f0ae;
|
||
|
|
--paper-green-a400: #00e676;
|
||
|
|
--paper-green-a700: #00c853;
|
||
|
|
|
||
|
|
--paper-light-green-50: #f1f8e9;
|
||
|
|
--paper-light-green-100: #dcedc8;
|
||
|
|
--paper-light-green-200: #c5e1a5;
|
||
|
|
--paper-light-green-300: #aed581;
|
||
|
|
--paper-light-green-400: #9ccc65;
|
||
|
|
--paper-light-green-500: #8bc34a;
|
||
|
|
--paper-light-green-600: #7cb342;
|
||
|
|
--paper-light-green-700: #689f38;
|
||
|
|
--paper-light-green-800: #558b2f;
|
||
|
|
--paper-light-green-900: #33691e;
|
||
|
|
--paper-light-green-a100: #ccff90;
|
||
|
|
--paper-light-green-a200: #b2ff59;
|
||
|
|
--paper-light-green-a400: #76ff03;
|
||
|
|
--paper-light-green-a700: #64dd17;
|
||
|
|
|
||
|
|
--paper-lime-50: #f9fbe7;
|
||
|
|
--paper-lime-100: #f0f4c3;
|
||
|
|
--paper-lime-200: #e6ee9c;
|
||
|
|
--paper-lime-300: #dce775;
|
||
|
|
--paper-lime-400: #d4e157;
|
||
|
|
--paper-lime-500: #cddc39;
|
||
|
|
--paper-lime-600: #c0ca33;
|
||
|
|
--paper-lime-700: #afb42b;
|
||
|
|
--paper-lime-800: #9e9d24;
|
||
|
|
--paper-lime-900: #827717;
|
||
|
|
--paper-lime-a100: #f4ff81;
|
||
|
|
--paper-lime-a200: #eeff41;
|
||
|
|
--paper-lime-a400: #c6ff00;
|
||
|
|
--paper-lime-a700: #aeea00;
|
||
|
|
|
||
|
|
--paper-yellow-50: #fffde7;
|
||
|
|
--paper-yellow-100: #fff9c4;
|
||
|
|
--paper-yellow-200: #fff59d;
|
||
|
|
--paper-yellow-300: #fff176;
|
||
|
|
--paper-yellow-400: #ffee58;
|
||
|
|
--paper-yellow-500: #ffeb3b;
|
||
|
|
--paper-yellow-600: #fdd835;
|
||
|
|
--paper-yellow-700: #fbc02d;
|
||
|
|
--paper-yellow-800: #f9a825;
|
||
|
|
--paper-yellow-900: #f57f17;
|
||
|
|
--paper-yellow-a100: #ffff8d;
|
||
|
|
--paper-yellow-a200: #ffff00;
|
||
|
|
--paper-yellow-a400: #ffea00;
|
||
|
|
--paper-yellow-a700: #ffd600;
|
||
|
|
|
||
|
|
--paper-amber-50: #fff8e1;
|
||
|
|
--paper-amber-100: #ffecb3;
|
||
|
|
--paper-amber-200: #ffe082;
|
||
|
|
--paper-amber-300: #ffd54f;
|
||
|
|
--paper-amber-400: #ffca28;
|
||
|
|
--paper-amber-500: #ffc107;
|
||
|
|
--paper-amber-600: #ffb300;
|
||
|
|
--paper-amber-700: #ffa000;
|
||
|
|
--paper-amber-800: #ff8f00;
|
||
|
|
--paper-amber-900: #ff6f00;
|
||
|
|
--paper-amber-a100: #ffe57f;
|
||
|
|
--paper-amber-a200: #ffd740;
|
||
|
|
--paper-amber-a400: #ffc400;
|
||
|
|
--paper-amber-a700: #ffab00;
|
||
|
|
|
||
|
|
--paper-orange-50: #fff3e0;
|
||
|
|
--paper-orange-100: #ffe0b2;
|
||
|
|
--paper-orange-200: #ffcc80;
|
||
|
|
--paper-orange-300: #ffb74d;
|
||
|
|
--paper-orange-400: #ffa726;
|
||
|
|
--paper-orange-500: #ff9800;
|
||
|
|
--paper-orange-600: #fb8c00;
|
||
|
|
--paper-orange-700: #f57c00;
|
||
|
|
--paper-orange-800: #ef6c00;
|
||
|
|
--paper-orange-900: #e65100;
|
||
|
|
--paper-orange-a100: #ffd180;
|
||
|
|
--paper-orange-a200: #ffab40;
|
||
|
|
--paper-orange-a400: #ff9100;
|
||
|
|
--paper-orange-a700: #ff6500;
|
||
|
|
|
||
|
|
--paper-deep-orange-50: #fbe9e7;
|
||
|
|
--paper-deep-orange-100: #ffccbc;
|
||
|
|
--paper-deep-orange-200: #ffab91;
|
||
|
|
--paper-deep-orange-300: #ff8a65;
|
||
|
|
--paper-deep-orange-400: #ff7043;
|
||
|
|
--paper-deep-orange-500: #ff5722;
|
||
|
|
--paper-deep-orange-600: #f4511e;
|
||
|
|
--paper-deep-orange-700: #e64a19;
|
||
|
|
--paper-deep-orange-800: #d84315;
|
||
|
|
--paper-deep-orange-900: #bf360c;
|
||
|
|
--paper-deep-orange-a100: #ff9e80;
|
||
|
|
--paper-deep-orange-a200: #ff6e40;
|
||
|
|
--paper-deep-orange-a400: #ff3d00;
|
||
|
|
--paper-deep-orange-a700: #dd2c00;
|
||
|
|
|
||
|
|
--paper-brown-50: #efebe9;
|
||
|
|
--paper-brown-100: #d7ccc8;
|
||
|
|
--paper-brown-200: #bcaaa4;
|
||
|
|
--paper-brown-300: #a1887f;
|
||
|
|
--paper-brown-400: #8d6e63;
|
||
|
|
--paper-brown-500: #795548;
|
||
|
|
--paper-brown-600: #6d4c41;
|
||
|
|
--paper-brown-700: #5d4037;
|
||
|
|
--paper-brown-800: #4e342e;
|
||
|
|
--paper-brown-900: #3e2723;
|
||
|
|
|
||
|
|
--paper-grey-50: #fafafa;
|
||
|
|
--paper-grey-100: #f5f5f5;
|
||
|
|
--paper-grey-200: #eeeeee;
|
||
|
|
--paper-grey-300: #e0e0e0;
|
||
|
|
--paper-grey-400: #bdbdbd;
|
||
|
|
--paper-grey-500: #9e9e9e;
|
||
|
|
--paper-grey-600: #757575;
|
||
|
|
--paper-grey-700: #616161;
|
||
|
|
--paper-grey-800: #424242;
|
||
|
|
--paper-grey-900: #212121;
|
||
|
|
|
||
|
|
--paper-blue-grey-50: #eceff1;
|
||
|
|
--paper-blue-grey-100: #cfd8dc;
|
||
|
|
--paper-blue-grey-200: #b0bec5;
|
||
|
|
--paper-blue-grey-300: #90a4ae;
|
||
|
|
--paper-blue-grey-400: #78909c;
|
||
|
|
--paper-blue-grey-500: #607d8b;
|
||
|
|
--paper-blue-grey-600: #546e7a;
|
||
|
|
--paper-blue-grey-700: #455a64;
|
||
|
|
--paper-blue-grey-800: #37474f;
|
||
|
|
--paper-blue-grey-900: #263238;
|
||
|
|
|
||
|
|
/* opacity for dark text on a light background */
|
||
|
|
--dark-divider-opacity: 0.12;
|
||
|
|
--dark-disabled-opacity: 0.38; /* or hint text or icon */
|
||
|
|
--dark-secondary-opacity: 0.54;
|
||
|
|
--dark-primary-opacity: 0.87;
|
||
|
|
|
||
|
|
/* opacity for light text on a dark background */
|
||
|
|
--light-divider-opacity: 0.12;
|
||
|
|
--light-disabled-opacity: 0.3; /* or hint text or icon */
|
||
|
|
--light-secondary-opacity: 0.7;
|
||
|
|
--light-primary-opacity: 1.0;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</custom-style>
|
||
|
|
`;oh.setAttribute("style","display: none;"),document.head.appendChild(oh.content);const rh=bn`
|
||
|
|
<custom-style>
|
||
|
|
<style is="custom-style">
|
||
|
|
html {
|
||
|
|
/*
|
||
|
|
* You can use these generic variables in your elements for easy theming.
|
||
|
|
* For example, if all your elements use \`--primary-text-color\` as its main
|
||
|
|
* color, then switching from a light to a dark theme is just a matter of
|
||
|
|
* changing the value of \`--primary-text-color\` in your application.
|
||
|
|
*/
|
||
|
|
--primary-text-color: var(--light-theme-text-color);
|
||
|
|
--primary-background-color: var(--light-theme-background-color);
|
||
|
|
--secondary-text-color: var(--light-theme-secondary-color);
|
||
|
|
--disabled-text-color: var(--light-theme-disabled-color);
|
||
|
|
--divider-color: var(--light-theme-divider-color);
|
||
|
|
--error-color: var(--paper-deep-orange-a700);
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Primary and accent colors. Also see color.js for more colors.
|
||
|
|
*/
|
||
|
|
--primary-color: var(--paper-indigo-500);
|
||
|
|
--light-primary-color: var(--paper-indigo-100);
|
||
|
|
--dark-primary-color: var(--paper-indigo-700);
|
||
|
|
|
||
|
|
--accent-color: var(--paper-pink-a200);
|
||
|
|
--light-accent-color: var(--paper-pink-a100);
|
||
|
|
--dark-accent-color: var(--paper-pink-a400);
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Material Design Light background theme
|
||
|
|
*/
|
||
|
|
--light-theme-background-color: #ffffff;
|
||
|
|
--light-theme-base-color: #000000;
|
||
|
|
--light-theme-text-color: var(--paper-grey-900);
|
||
|
|
--light-theme-secondary-color: #737373; /* for secondary text and icons */
|
||
|
|
--light-theme-disabled-color: #9b9b9b; /* disabled/hint text */
|
||
|
|
--light-theme-divider-color: #dbdbdb;
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Material Design Dark background theme
|
||
|
|
*/
|
||
|
|
--dark-theme-background-color: var(--paper-grey-900);
|
||
|
|
--dark-theme-base-color: #ffffff;
|
||
|
|
--dark-theme-text-color: #ffffff;
|
||
|
|
--dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */
|
||
|
|
--dark-theme-disabled-color: #646464; /* disabled/hint text */
|
||
|
|
--dark-theme-divider-color: #3c3c3c;
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Deprecated values because of their confusing names.
|
||
|
|
*/
|
||
|
|
--text-primary-color: var(--dark-theme-text-color);
|
||
|
|
--default-primary-color: var(--primary-color);
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</custom-style>`;rh.setAttribute("style","display: none;"),document.head.appendChild(rh.content);const ih=bn`
|
||
|
|
<custom-style>
|
||
|
|
<style is="custom-style">
|
||
|
|
html {
|
||
|
|
|
||
|
|
--shadow-transition: {
|
||
|
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
};
|
||
|
|
|
||
|
|
--shadow-none: {
|
||
|
|
box-shadow: none;
|
||
|
|
};
|
||
|
|
|
||
|
|
/* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */
|
||
|
|
|
||
|
|
--shadow-elevation-2dp: {
|
||
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||
|
|
0 1px 5px 0 rgba(0, 0, 0, 0.12),
|
||
|
|
0 3px 1px -2px rgba(0, 0, 0, 0.2);
|
||
|
|
};
|
||
|
|
|
||
|
|
--shadow-elevation-3dp: {
|
||
|
|
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
|
||
|
|
0 1px 8px 0 rgba(0, 0, 0, 0.12),
|
||
|
|
0 3px 3px -2px rgba(0, 0, 0, 0.4);
|
||
|
|
};
|
||
|
|
|
||
|
|
--shadow-elevation-4dp: {
|
||
|
|
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
|
||
|
|
0 1px 10px 0 rgba(0, 0, 0, 0.12),
|
||
|
|
0 2px 4px -1px rgba(0, 0, 0, 0.4);
|
||
|
|
};
|
||
|
|
|
||
|
|
--shadow-elevation-6dp: {
|
||
|
|
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
|
||
|
|
0 1px 18px 0 rgba(0, 0, 0, 0.12),
|
||
|
|
0 3px 5px -1px rgba(0, 0, 0, 0.4);
|
||
|
|
};
|
||
|
|
|
||
|
|
--shadow-elevation-8dp: {
|
||
|
|
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
|
||
|
|
0 3px 14px 2px rgba(0, 0, 0, 0.12),
|
||
|
|
0 5px 5px -3px rgba(0, 0, 0, 0.4);
|
||
|
|
};
|
||
|
|
|
||
|
|
--shadow-elevation-12dp: {
|
||
|
|
box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
|
||
|
|
0 4px 22px 3px rgba(0, 0, 0, 0.12),
|
||
|
|
0 6px 7px -4px rgba(0, 0, 0, 0.4);
|
||
|
|
};
|
||
|
|
|
||
|
|
--shadow-elevation-16dp: {
|
||
|
|
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
|
||
|
|
0 6px 30px 5px rgba(0, 0, 0, 0.12),
|
||
|
|
0 8px 10px -5px rgba(0, 0, 0, 0.4);
|
||
|
|
};
|
||
|
|
|
||
|
|
--shadow-elevation-24dp: {
|
||
|
|
box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
|
||
|
|
0 9px 46px 8px rgba(0, 0, 0, 0.12),
|
||
|
|
0 11px 15px -7px rgba(0, 0, 0, 0.4);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</custom-style>`;ih.setAttribute("style","display: none;"),document.head.appendChild(ih.content);const ah=bn`<custom-style>
|
||
|
|
<style is="custom-style">
|
||
|
|
html {
|
||
|
|
|
||
|
|
/* Shared Styles */
|
||
|
|
--paper-font-common-base: {
|
||
|
|
font-family: 'Roboto', 'Noto', sans-serif;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-common-code: {
|
||
|
|
font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-common-expensive-kerning: {
|
||
|
|
text-rendering: optimizeLegibility;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-common-nowrap: {
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
};
|
||
|
|
|
||
|
|
/* Material Font Styles */
|
||
|
|
|
||
|
|
--paper-font-display4: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
@apply --paper-font-common-nowrap;
|
||
|
|
|
||
|
|
font-size: 112px;
|
||
|
|
font-weight: 300;
|
||
|
|
letter-spacing: -.044em;
|
||
|
|
line-height: 120px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-display3: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
@apply --paper-font-common-nowrap;
|
||
|
|
|
||
|
|
font-size: 56px;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: -.026em;
|
||
|
|
line-height: 60px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-display2: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
|
||
|
|
font-size: 45px;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: -.018em;
|
||
|
|
line-height: 48px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-display1: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
|
||
|
|
font-size: 34px;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: -.01em;
|
||
|
|
line-height: 40px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-headline: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
|
||
|
|
font-size: 24px;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: -.012em;
|
||
|
|
line-height: 32px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-title: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
@apply --paper-font-common-nowrap;
|
||
|
|
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 28px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-subhead: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 24px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-body2: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 24px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-body1: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 20px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-caption: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
@apply --paper-font-common-nowrap;
|
||
|
|
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: 0.011em;
|
||
|
|
line-height: 20px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-menu: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
@apply --paper-font-common-nowrap;
|
||
|
|
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 24px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-button: {
|
||
|
|
@apply --paper-font-common-base;
|
||
|
|
@apply --paper-font-common-nowrap;
|
||
|
|
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: 0.018em;
|
||
|
|
line-height: 24px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-code2: {
|
||
|
|
@apply --paper-font-common-code;
|
||
|
|
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 20px;
|
||
|
|
};
|
||
|
|
|
||
|
|
--paper-font-code1: {
|
||
|
|
@apply --paper-font-common-code;
|
||
|
|
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 20px;
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</custom-style>`;ah.setAttribute("style","display: none;"),document.head.appendChild(ah.content);const nh=document.createElement("template");nh.setAttribute("style","display: none;"),nh.innerHTML=`<custom-style>\n <style>\n /*\n Home Assistant default styles.\n\n In Polymer 2.0, default styles should to be set on the html selector.\n (Setting all default styles only on body breaks shadyCSS polyfill.)\n See: https://github.com/home-assistant/home-assistant-polymer/pull/901\n */\n html {\n font-size: 14px;\n height: 100vh;\n\n /* text */\n --primary-text-color: #212121;\n --secondary-text-color: #727272;\n --text-primary-color: #ffffff;\n --text-light-primary-color: #212121;\n --disabled-text-color: #bdbdbd;\n\n /* main interface colors */\n --primary-color: #03a9f4;\n --dark-primary-color: #0288d1;\n --light-primary-color: #b3e5fC;\n --accent-color: #ff9800;\n --divider-color: rgba(0, 0, 0, .12);\n\n --scrollbar-thumb-color: rgb(194, 194, 194);\n\n --error-color: #db4437;\n --warning-color: #ffa600;\n --success-color: #43a047;\n --info-color: #039be5;\n\n /* backgrounds */\n --card-background-color: #ffffff;\n --primary-background-color: #fafafa;\n --secondary-background-color: #e5e5e5; /* behind the cards on state */\n\n /* for header */\n --header-height: 56px;\n\n /* for label-badge */\n --label-badge-red: #DF4C1E;\n --label-badge-blue: #039be5;\n --label-badge-green: #0DA035;\n --label-badge-yellow: #f4b400;\n --label-badge-grey: #9e9e9e;\n\n /* states */\n --state-icon-color: #44739e;\n /* an error state is anything that would be considered an error */\n /* --state-icon-error-color: #db4437; derived from error-color */\n\n --state-on-color: #66a61e;\n --state-off-color: #ff0029;\n --state-home-color: #66a61e;\n --state-not_home-color: #ff0029;\n /* --state-unavailable-color: #a0a0a0; derived from disabled-text-color */\n --state-unknown-color: #606060;\n --state-idle-color: #7990a3;\n\n /* climate state colors */\n --state-climate-auto-color: #008000;\n --state-climate-eco-color: #00ff7f;\n --state-climate-cool-color: #2b9af9;\n --state-climate-heat-color: #ff8100;\n --state-climate-manual-color: #44739e;\n --state-climate-off-color: #8a8a8a;\n --state-climate-fan_only-color: #8a8a8a;\n --state-climate-dry-color: #efbd07;\n --state-climate-idle-color: #8a8a8a;\n\n /* energy */\n --energy-grid-consumption-color: #488fc2;\n --energy-grid-return-color: #8353d1;\n --energy-solar-color: #ff9800;\n --energy-non-fossil-color: #0f9d58;\n --energy-battery-out-color: #4db6ac;\n --energy-battery-in-color: #f06292;\n --energy-gas-color: #8E021B;\n --energy-water-color: #00bcd4;\n\n /* opacity for dark text on a light background */\n --dark-divider-opacity: 0.12;\n --dark-disabled-opacity: 0.38; /* or hint text or icon */\n --dark-secondary-opacity: 0.54;\n --dark-primary-opacity: 0.87;\n\n /* opacity for light text on a dark background */\n --light-divider-opacity: 0.12;\n --light-disabled-opacity: 0.3; /* or hint text or icon */\n --light-secondary-opacity: 0.7;\n --light-primary-opacity: 1.0;\n\n /* rgb */\n --rgb-primary-color: 3, 169, 244;\n --rgb-accent-color: 255, 152, 0;\n --rgb-disabled-color: 189, 189, 189;\n --rgb-primary-text-color: 33, 33, 33;\n --rgb-secondary-text-color: 114, 114, 114;\n --rgb-text-primary-color: 255, 255, 255;\n --rgb-card-background-color: 255, 255, 255;\n --rgb-red-color: 244, 67, 54;\n --rgb-pink-color: 233, 30, 99;\n --rgb-purple-color: 156, 39, 176;\n --rgb-deep-purple-color: 103, 58, 183;\n --rgb-indigo-color: 63, 81, 181;\n --rgb-blue-color: 33, 150, 243;\n --rgb-light-blue-color: 3, 169, 244;\n --rgb-cyan-color: 0, 188, 212;\n
|
||
|
|
<button
|
||
|
|
id="button"
|
||
|
|
class="mdc-button ${Yn(this.getRenderClasses())}"
|
||
|
|
?disabled="${this.disabled}"
|
||
|
|
aria-label="${this.label||this.icon}"
|
||
|
|
aria-haspopup="${Xn(this.ariaHasPopup)}"
|
||
|
|
@focus="${this.handleRippleFocus}"
|
||
|
|
@blur="${this.handleRippleBlur}"
|
||
|
|
@mousedown="${this.handleRippleActivate}"
|
||
|
|
@mouseenter="${this.handleRippleMouseEnter}"
|
||
|
|
@mouseleave="${this.handleRippleMouseLeave}"
|
||
|
|
@touchstart="${this.handleRippleActivate}"
|
||
|
|
@touchend="${this.handleRippleDeactivate}"
|
||
|
|
@touchcancel="${this.handleRippleDeactivate}">
|
||
|
|
${this.renderOverlay()}
|
||
|
|
${this.renderRipple()}
|
||
|
|
<span class="leading-icon">
|
||
|
|
<slot name="icon">
|
||
|
|
${this.icon&&!this.trailingIcon?this.renderIcon():""}
|
||
|
|
</slot>
|
||
|
|
</span>
|
||
|
|
<span class="mdc-button__label">${this.label}</span>
|
||
|
|
<span class="slot-container ${Yn({flex:this.expandContent})}">
|
||
|
|
<slot></slot>
|
||
|
|
</span>
|
||
|
|
<span class="trailing-icon">
|
||
|
|
<slot name="trailingIcon">
|
||
|
|
${this.icon&&this.trailingIcon?this.renderIcon():""}
|
||
|
|
</slot>
|
||
|
|
</span>
|
||
|
|
</button>`}renderIcon(){return Y`
|
||
|
|
<mwc-icon class="mdc-button__icon">
|
||
|
|
${this.icon}
|
||
|
|
</mwc-icon>`}handleRippleActivate(e){const t=()=>{window.removeEventListener("mouseup",t),this.handleRippleDeactivate()};window.addEventListener("mouseup",t),this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}c_.shadowRootOptions={mode:"open",delegatesFocus:!0},Rn([Zn,Ce({type:String,attribute:"aria-haspopup"})],c_.prototype,"ariaHasPopup",void 0),Rn([Ce({type:Boolean,reflect:!0})],c_.prototype,"raised",void 0),Rn([Ce({type:Boolean,reflect:!0})],c_.prototype,"unelevated",void 0),Rn([Ce({type:Boolean,reflect:!0})],c_.prototype,"outlined",void 0),Rn([Ce({type:Boolean})],c_.prototype,"dense",void 0),Rn([Ce({type:Boolean,reflect:!0})],c_.prototype,"disabled",void 0),Rn([Ce({type:Boolean,attribute:"trailingicon"})],c_.prototype,"trailingIcon",void 0),Rn([Ce({type:Boolean,reflect:!0})],c_.prototype,"fullwidth",void 0),Rn([Ce({type:String})],c_.prototype,"icon",void 0),Rn([Ce({type:String})],c_.prototype,"label",void 0),Rn([Ce({type:Boolean})],c_.prototype,"expandContent",void 0),Rn([Le("#button")],c_.prototype,"buttonElement",void 0),Rn([Ve("mwc-ripple")],c_.prototype,"ripple",void 0),Rn([Ae()],c_.prototype,"shouldRenderRipple",void 0),Rn([we({passive:!0})],c_.prototype,"handleRippleActivate",null);const p_=b`.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase)}.mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:transparent}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:
|
||
|
|
<div
|
||
|
|
class="issue-type ${Yn({rtl:this.rtl,[this.alertType]:!0})}"
|
||
|
|
role="alert"
|
||
|
|
>
|
||
|
|
<div class="icon ${this.title?"":"no-title"}">
|
||
|
|
<slot name="icon">
|
||
|
|
<ha-svg-icon .path=${h_[this.alertType]}></ha-svg-icon>
|
||
|
|
</slot>
|
||
|
|
</div>
|
||
|
|
<div class="content">
|
||
|
|
<div class="main-content">
|
||
|
|
${this.title?Y`<div class="title">${this.title}</div>`:""}
|
||
|
|
<slot></slot>
|
||
|
|
</div>
|
||
|
|
<div class="action">
|
||
|
|
<slot name="action">
|
||
|
|
${this.dismissable?Y`<ha-icon-button
|
||
|
|
@click=${this._dismiss_clicked}
|
||
|
|
label="Dismiss alert"
|
||
|
|
.path=${Tl}
|
||
|
|
></ha-icon-button>`:""}
|
||
|
|
</slot>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
`}},{kind:"method",key:"_dismiss_clicked",value:function(){it(this,"alert-dismissed-clicked")}},{kind:"field",static:!0,key:"styles",value:()=>b`
|
||
|
|
.issue-type {
|
||
|
|
position: relative;
|
||
|
|
padding: 8px;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.issue-type.rtl {
|
||
|
|
flex-direction: row-reverse;
|
||
|
|
}
|
||
|
|
.issue-type::after {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
opacity: 0.12;
|
||
|
|
pointer-events: none;
|
||
|
|
content: "";
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.icon {
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.icon.no-title {
|
||
|
|
align-self: center;
|
||
|
|
}
|
||
|
|
.issue-type.rtl > .content {
|
||
|
|
flex-direction: row-reverse;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.action {
|
||
|
|
z-index: 1;
|
||
|
|
width: min-content;
|
||
|
|
--mdc-theme-primary: var(--primary-text-color);
|
||
|
|
}
|
||
|
|
.main-content {
|
||
|
|
overflow-wrap: anywhere;
|
||
|
|
word-break: break-word;
|
||
|
|
margin-left: 8px;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.issue-type.rtl > .content > .main-content {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
.title {
|
||
|
|
margin-top: 2px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.action mwc-button,
|
||
|
|
.action ha-icon-button {
|
||
|
|
--mdc-theme-primary: var(--primary-text-color);
|
||
|
|
--mdc-icon-button-size: 36px;
|
||
|
|
}
|
||
|
|
.issue-type.info > .icon {
|
||
|
|
color: var(--info-color);
|
||
|
|
}
|
||
|
|
.issue-type.info::after {
|
||
|
|
background-color: var(--info-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.issue-type.warning > .icon {
|
||
|
|
color: var(--warning-color);
|
||
|
|
}
|
||
|
|
.issue-type.warning::after {
|
||
|
|
background-color: var(--warning-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.issue-type.error > .icon {
|
||
|
|
color: var(--error-color);
|
||
|
|
}
|
||
|
|
.issue-type.error::after {
|
||
|
|
background-color: var(--error-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.issue-type.success > .icon {
|
||
|
|
color: var(--success-color);
|
||
|
|
}
|
||
|
|
.issue-type.success::after {
|
||
|
|
background-color: var(--success-color);
|
||
|
|
}
|
||
|
|
`}]}}),fe),s([be("hass-error-screen")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[Ce({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[Ce({type:Boolean})],key:"toolbar",value:()=>!0},{kind:"field",decorators:[Ce({type:Boolean})],key:"rootnav",value:()=>!1},{kind:"field",decorators:[Ce({type:Boolean})],key:"narrow",value:()=>!1},{kind:"field",decorators:[Ce()],key:"error",value:void 0},{kind:"method",key:"render",value:function(){var e,t;return Y`
|
||
|
|
${this.toolbar?Y`<div class="toolbar">
|
||
|
|
${this.rootnav||null!==(e=history.state)&&void 0!==e&&e.root?Y`
|
||
|
|
<ha-menu-button
|
||
|
|
.hass=${this.hass}
|
||
|
|
.narrow=${this.narrow}
|
||
|
|
></ha-menu-button>
|
||
|
|
`:Y`
|
||
|
|
<ha-icon-button-arrow-prev
|
||
|
|
.hass=${this.hass}
|
||
|
|
@click=${this._handleBack}
|
||
|
|
></ha-icon-button-arrow-prev>
|
||
|
|
`}
|
||
|
|
</div>`:""}
|
||
|
|
<div class="content">
|
||
|
|
<ha-alert alert-type="error">${this.error}</ha-alert>
|
||
|
|
<slot>
|
||
|
|
<mwc-button @click=${this._handleBack}>
|
||
|
|
${null===(t=this.hass)||void 0===t?void 0:t.localize("ui.common.back")}
|
||
|
|
</mwc-button>
|
||
|
|
</slot>
|
||
|
|
</div>
|
||
|
|
`}},{kind:"method",key:"_handleBack",value:function(){history.back()}},{kind:"get",static:!0,key:"styles",value:function(){return[b`
|
||
|
|
:host {
|
||
|
|
display: block;
|
||
|
|
height: 100%;
|
||
|
|
background-color: var(--primary-background-color);
|
||
|
|
}
|
||
|
|
.toolbar {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
font-size: 20px;
|
||
|
|
height: var(--header-height);
|
||
|
|
padding: 0 16px;
|
||
|
|
pointer-events: none;
|
||
|
|
background-color: var(--app-header-background-color);
|
||
|
|
font-weight: 400;
|
||
|
|
color: var(--app-header-text-color, white);
|
||
|
|
border-bottom: var(--app-header-border-bottom, none);
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
ha-icon-button-arrow-prev {
|
||
|
|
pointer-events: auto;
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
color: var(--primary-text-color);
|
||
|
|
height: calc(100% - var(--header-height));
|
||
|
|
display: flex;
|
||
|
|
padding: 16px;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
flex-direction: column;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
color: var(--primary-color);
|
||
|
|
}
|
||
|
|
ha-alert {
|
||
|
|
margin-bottom: 16px;
|
||
|
|
}
|
||
|
|
`]}}]}}),fe);let m_=s(null,(function(e,o){class i extends o{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[Ce()],key:"route",value:void 0},{kind:"field",key:"routerOptions",value:void 0},{kind:"field",key:"_currentPage",value:()=>""},{kind:"field",key:"_currentLoadProm",value:void 0},{kind:"field",key:"_cache",value:()=>({})},{kind:"field",key:"_initialLoadDone",value:()=>!1},{kind:"field",key:"_computeTail",value:()=>s_((e=>{const t=e.path.indexOf("/",1);return-1===t?{prefix:e.prefix+e.path,path:""}:{prefix:e.prefix+e.path.substr(0,t),path:e.path.substr(t)}}))},{kind:"method",key:"createRenderRoot",value:function(){return this}},{kind:"method",key:"update",value:function(e){r(t(i.prototype),"update",this).call(this,e);const o=this.routerOptions||{routes:{}};if(o&&o.initialLoad&&!this._initialLoadDone)return;if(!e.has("route"))return void(this.lastChild&&!this._currentLoadProm&&this.updatePageEl(this.lastChild,e));const a=this.route,n=o.defaultPage;a&&""===a.path&&void 0!==n&&th(`${a.prefix}/${n}`,{replace:!0});let s=a?((e,t)=>{if(""===e)return t;const o=e.indexOf("/",1);return-1===o?e.substr(1):e.substr(1,o-1)})(a.path,n||""):"not_found",l=o.routes[s];for(;"string"==typeof l;)s=l,l=o.routes[s];if(o.beforeRender){const e=o.beforeRender(s);if(void 0!==e){for(s=e,l=o.routes[s];"string"==typeof l;)s=l,l=o.routes[s];a&&th(`${a.prefix}/${e}${location.search}`,{replace:!0})}}if(this._currentPage===s)return void(this.lastChild&&this.updatePageEl(this.lastChild,e));if(!l)return this._currentPage="",void(this.lastChild&&this.removeChild(this.lastChild));this._currentPage=s;const d=l.load?l.load():Promise.resolve();let c;if(d.catch((e=>{console.error("Error loading page",s,e),this._currentPage===s&&(this.lastChild&&this.removeChild(this.lastChild),c&&clearTimeout(c),this.appendChild(this.createErrorScreen(`Error while loading page ${s}.`)))})),!o.showLoading)return void this._createPanel(o,s,l);let p=!1;c=window.setTimeout((()=>{p||this._currentPage!==s||(this.lastChild&&this.removeChild(this.lastChild),this.appendChild(this.createLoadingScreen()))}),400),this._currentLoadProm=d.then((()=>{this._currentLoadProm=void 0,this._currentPage===s&&(p=!0,this._createPanel(o,s,l))}),(()=>{this._currentLoadProm=void 0}))}},{kind:"method",key:"firstUpdated",value:function(e){r(t(i.prototype),"firstUpdated",this).call(this,e);const o=this.routerOptions;o&&(o.preloadAll&&Object.values(o.routes).forEach((e=>"object"==typeof e&&e.load&&e.load())),o.initialLoad&&(setTimeout((()=>{this._initialLoadDone||this.appendChild(this.createLoadingScreen())}),400),o.initialLoad().then((()=>{this._initialLoadDone=!0,this.requestUpdate("route")}))))}},{kind:"method",key:"createLoadingScreen",value:function(){return document.createElement("hass-loading-screen")}},{kind:"method",key:"createErrorScreen",value:function(e){const t=document.createElement("hass-error-screen");return t.error=e,t}},{kind:"method",key:"rebuild",value:async function(){const e=this.route;void 0!==e&&(this.route=void 0,await this.updateComplete,void 0===this.route&&(this.route=e))}},{kind:"get",key:"pageRendered",value:function(){return this.updateComplete.then((()=>this._currentLoadProm))}},{kind:"method",key:"createElement",value:function(e){return document.createElement(e)}},{kind:"method",key:"updatePageEl",value:function(e,t){}},{kind:"get",key:"routeTail",value:function(){return this._computeTail(this.route)}},{kind:"method",key:"_createPanel",value:function(e,t,o){this.lastChild&&this.removeChild(this.lastChild);const r=this._cache[t]||this.createElement(o.tag);this.updatePageEl(r),this.appendChild(r),(e.cacheAll||o.cache)&&(this._cache[t]=r)}}]}}),M);s([be("hacs-router")],(function(e,o){class i extends o{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[Ce({attribute:!1})],key:"hacs",value:void 0},{kind:"field",decorators:[Ce({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[Ce({attribute:!1})],key:"route",value:void 0},{kind:"field",decorators:[Ce({type:Boolean})],key:"narrow",value:void 0},{kin
|
||
|
|
a {
|
||
|
|
text-decoration: var(--hcv-text-decoration-link);
|
||
|
|
color: var(--hcv-text-color-link);
|
||
|
|
}
|
||
|
|
`,g_=b`
|
||
|
|
ha-svg-icon {
|
||
|
|
color: var(--hcv-color-icon);
|
||
|
|
}
|
||
|
|
`,f_=b`
|
||
|
|
mwc-button[raised] {
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
mwc-button[raised] > ha-circular-progress {
|
||
|
|
--mdc-theme-primary: var(--hcv-text-color-primary);
|
||
|
|
}
|
||
|
|
`,y_=b`
|
||
|
|
*::-webkit-scrollbar {
|
||
|
|
width: 0.4rem;
|
||
|
|
height: 0.4rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
*::-webkit-scrollbar-track {
|
||
|
|
-webkit-border-radius: 4px;
|
||
|
|
border-radius: 4px;
|
||
|
|
background: var(--scrollbar-thumb-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
*::-webkit-scrollbar-thumb {
|
||
|
|
background-color: var(--accent-color);
|
||
|
|
border-radius: 0.3em;
|
||
|
|
}
|
||
|
|
.scroll {
|
||
|
|
overflow-y: auto;
|
||
|
|
scrollbar-color: var(--scrollbar-thumb-color) transparent;
|
||
|
|
scrollbar-width: thin;
|
||
|
|
}
|
||
|
|
`,b_=b`
|
||
|
|
.warning {
|
||
|
|
color: var(--hcv-color-warning);
|
||
|
|
}
|
||
|
|
.pending_update {
|
||
|
|
color: var(--hcv-color-update);
|
||
|
|
}
|
||
|
|
.pending_restart,
|
||
|
|
.error,
|
||
|
|
.uninstall {
|
||
|
|
color: var(--hcv-color-error);
|
||
|
|
--mdc-theme-primary: var(--hcv-color-error);
|
||
|
|
}
|
||
|
|
.header {
|
||
|
|
opacity: var(--dark-primary-opacity);
|
||
|
|
padding: 8px 0 4px 16px;
|
||
|
|
}
|
||
|
|
`,v_=[Te,g_,b_,__,f_],C_=b`
|
||
|
|
:host {
|
||
|
|
--hcv-color-error: var(--hacs-error-color, var(--error-color));
|
||
|
|
--hcv-color-warning: var(--hacs-warning-color, var(--warning-color));
|
||
|
|
--hcv-color-update: var(--hacs-update-color, var(--info-color));
|
||
|
|
--hcv-color-new: var(--hacs-new-color, var(--success-color));
|
||
|
|
--hcv-color-icon: var(--hacs-default-icon-color, var(--primary-text-color));
|
||
|
|
|
||
|
|
--hcv-color-markdown-background: var(--markdown-code-background-color, #f6f8fa);
|
||
|
|
|
||
|
|
--hcv-text-color-primary: var(--primary-text-color);
|
||
|
|
--hcv-text-color-on-background: var(--text-primary-color);
|
||
|
|
--hcv-text-color-secondary: var(--secondary-text-color);
|
||
|
|
--hcv-text-color-link: var(--link-text-color, var(--accent-color));
|
||
|
|
|
||
|
|
--mdc-dialog-heading-ink-color: var(--hcv-text-color-primary);
|
||
|
|
--mdc-dialog-content-ink-color: var(--hcv-text-color-primary);
|
||
|
|
|
||
|
|
/*hacs-link*/
|
||
|
|
--hcv-text-decoration-link: var(--hacs-link-text-decoration, none);
|
||
|
|
}
|
||
|
|
`;s([be("hacs-frontend")],(function(e,o){class i extends o{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[Ce({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[Ce({attribute:!1})],key:"narrow",value:void 0},{kind:"field",decorators:[Ce({attribute:!1})],key:"route",value:void 0},{kind:"field",decorators:[Le("#hacs-dialog")],key:"_hacsDialog",value:void 0},{kind:"field",decorators:[Le("#hacs-dialog-secondary")],key:"_hacsDialogSecondary",value:void 0},{kind:"method",key:"firstUpdated",value:function(e){r(t(i.prototype),"firstUpdated",this).call(this,e),this._applyTheme(),this.hacs.language=this.hass.language,this.addEventListener("hacs-location-changed",(e=>this._setRoute(e))),this.addEventListener("hacs-dialog",(e=>this._showDialog(e))),this.addEventListener("hacs-dialog-secondary",(e=>this._showDialogSecondary(e))),Ah(this.hass,(()=>this._updateProperties("configuration")),dh.CONFIG),Ah(this.hass,(()=>this._updateProperties("status")),dh.STATUS),Ah(this.hass,(()=>this._updateProperties("status")),dh.STAGE),Ah(this.hass,(()=>this._updateProperties("repositories")),dh.REPOSITORY),this.hass.connection.subscribeEvents((async()=>this._updateProperties("lovelace")),"lovelace_updated"),this._updateProperties(),""===this.route.path&&th("/hacs/entry",{replace:!0}),window.addEventListener("haptic",(e=>{it(window.parent,e.type,e.detail,{bubbles:!1})})),document.body.addEventListener("click",(e=>{const t=(e=>{if(e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey)return;const t=e.composedPath().find((e=>"A"===e.tagName));if(!t||t.target||t.hasAttribute("download")||"external"===t.getAttribute("rel"))return;let o=t.href;if(!o||-1!==o.indexOf("mailto:"))return;const r=window.location,i=r.origin||r.protocol+"//"+r.host;return 0===o.indexOf(i)&&(o=o.substr(i.length),"#"!==o)?(e.preventDefault(),o):void 0})(e);t&&th(t)})),rt.addEventListener("location-changed",(e=>it(this,e.type,e.detail,{bubbles:!1}))),document.body.addEventListener("keydown",(e=>{e.ctrlKey||e.shiftKey||e.metaKey||e.altKey||["c","e"].includes(e.key)&&it(rt,"hass-quick-bar-trigger",e,{bubbles:!1})})),rt.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>this._applyTheme())),((e,t)=>{e.addEventListener("show-dialog",(o=>{const{dialogTag:r,dialogImport:i,dialogParams:a,addHistory:n}=o.detail;Qu(e,t,r,a,i,n)}))})(this,this.shadowRoot)}},{kind:"method",key:"updated",value:function(e){r(t(i.prototype),"updated",this).call(this,e);const o=e.get("hass");o&&o.themes!==this.hass.themes&&this._applyTheme()}},{kind:"method",key:"_updateProperties",value:async function(e="all"){const t={},o={};"all"===e?[o.repositories,o.info]=await Promise.all([ph(this.hass),ch(this.hass)]):"info"===e?o.info=await ch(this.hass):"repositories"===e&&(o.repositories=await ph(this.hass)),Object.keys(o).forEach((e=>{void 0!==o[e]&&(t[e]=o[e])})),t&&(this._updateHacs(t),this.requestUpdate())}},{kind:"method",key:"render",value:function(){var e,t;return this.hass&&null!==(e=this.hacs)&&void 0!==e&&null!==(t=e.info.categories)&&void 0!==t&&t.length?Y`
|
||
|
|
<hacs-router
|
||
|
|
.hass=${this.hass}
|
||
|
|
.hacs=${this.hacs}
|
||
|
|
.route=${this.route}
|
||
|
|
.narrow=${this.narrow}
|
||
|
|
></hacs-router>
|
||
|
|
<hacs-event-dialog
|
||
|
|
.hass=${this.hass}
|
||
|
|
.hacs=${this.hacs}
|
||
|
|
.route=${this.route}
|
||
|
|
.narrow=${this.narrow}
|
||
|
|
id="hacs-dialog"
|
||
|
|
></hacs-event-dialog>
|
||
|
|
<hacs-event-dialog
|
||
|
|
.hass=${this.hass}
|
||
|
|
.hacs=${this.hacs}
|
||
|
|
.route=${this.route}
|
||
|
|
.narrow=${this.narrow}
|
||
|
|
id="hacs-dialog-secondary"
|
||
|
|
></hacs-event-dialog>
|
||
|
|
`:Y`<hass-loading-screen no-toolbar></hass-loading-screen>`}},{kind:"get",static:!0,key:"styles",value:function(){return[v_,C_,b`
|
||
|
|
hass-loading-screen {
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
`]}},{kind:"method",key:"_showDialog",value:function(e){const t=e.detail;this._hacsDialog.active=!0,this._hacsDialog.params=t,this.addEventListener("hacs-dialog-closed",(()=>this._hacsDialog.active=!1))}},{kind:"method",key:"_showDialogSecondary",value:function(e){const t=e.detail;this._hacsDialogSecondary.active=!0,this._hacsDialogSecondary.secondary=!0,this._hacsDialogSecondary.params=t,this.addEventListener("hacs-secondary-dialog-closed",(()=>this._hacsDialogSecondary.active=!1))}},{kind:"method",key:"_setRoute",value:function(e){var t;null!==(t=e.detail)&&void 0!==t&&t.route&&(this.route=e.detail.route,th(this.route.path,{replace:!0}),this.requestUpdate())}},{kind:"method",key:"_applyTheme",value:function(){var e;et(this.parentElement,this.hass.themes,(null===(e=this.hass.selectedTheme)||void 0===e?void 0:e.theme)||(this.hass.themes.darkMode&&this.hass.themes.default_dark_theme?this.hass.themes.default_dark_theme:this.hass.themes.default_theme),{...this.hass.selectedTheme,dark:this.hass.themes.darkMode}),this.parentElement.style.backgroundColor="var(--primary-background-color)",this.parentElement.style.color="var(--primary-text-color)"}}]}}),o_);export{me as $,Dn as A,Vu as B,Jn as C,bu as D,r as E,Wu as F,t as G,sh as H,qn as I,Kn as J,e as K,Gn as L,ku as M,J as N,it as O,Ya as P,bn as Q,Du as R,Pa as S,sr as T,vn as U,Wi as V,nc as W,ac as X,y as Y,W as Z,s as _,dh as a,xd as a$,f as a0,zo as a1,Ha as a2,hn as a3,Tl as a4,s_ as a5,sd as a6,nd as a7,ze as a8,fu as a9,Rl as aA,Vc as aB,cd as aC,Pd as aD,us as aE,Ed as aF,yc as aG,fh as aH,Ud as aI,ud as aJ,Te as aK,td as aL,ed as aM,Hs as aN,_h as aO,Dc as aP,qd as aQ,cs as aR,Ch as aS,uh as aT,Ul as aU,os as aV,Cs as aW,bp as aX,ad as aY,ts as aZ,Tp as a_,gu as aa,Zn as ab,we as ac,ue as ad,Xu as ae,th as af,rt as ag,Lh as ah,yh as ai,Hh as aj,vh as ak,bh as al,mh as am,go as an,bi as ao,gr as ap,Ci as aq,tc as ar,vs as as,ks as at,Ne as au,Fc as av,Lc as aw,Ql as ax,$p as ay,Kd as az,gh as b,zd as b$,kc as b0,qc as b1,Op as b2,Ic as b3,bs as b4,gl as b5,Xl as b6,Nd as b7,rp as b8,Ml as b9,Od as bA,ds as bB,fs as bC,is as bD,Vp as bE,as as bF,fd as bG,Cd as bH,rd as bI,$d as bJ,mc as bK,_c as bL,Sc as bM,Pc as bN,pd as bO,su as bP,Bp as bQ,Mc as bR,Zu as bS,cl as bT,ns as bU,Pp as bV,Il as bW,lc as bX,$l as bY,ld as bZ,Td as b_,Ec as ba,ms as bb,kd as bc,vc as bd,vp as be,Cc as bf,iu as bg,Pl as bh,Bd as bi,ic as bj,_d as bk,Bc as bl,pp as bm,Bl as bn,Hl as bo,xc as bp,Ap as bq,od as br,ml as bs,rc as bt,Id as bu,wp as bv,bc as bw,Ps as bx,lu as by,jl as bz,v_ as c,op as c$,Dd as c0,Fd as c1,Sd as c2,_l as c3,Rc as c4,vd as c5,bd as c6,Yd as c7,oc as c8,Dl as c9,yl as cA,dc as cB,_s as cC,tu as cD,eu as cE,Md as cF,pu as cG,id as cH,gp as cI,El as cJ,fl as cK,Fp as cL,du as cM,au as cN,Wp as cO,Jp as cP,qp as cQ,Kp as cR,Yp as cS,Xp as cT,Qp as cU,ou as cV,ru as cW,nu as cX,Xc as cY,tp as cZ,al as c_,il as ca,gd as cb,gs as cc,jc as cd,Kc as ce,hl as cf,cu as cg,Ol as ch,Uc as ci,Sp as cj,Gp as ck,md as cl,Ep as cm,pc as cn,cc as co,Zl as cp,Rp as cq,Kl as cr,Ls as cs,Nc as ct,Xd as cu,ip as cv,sc as cw,Zp as cx,pl as cy,Hp as cz,b as d,Fs as d$,Yc as d0,ep as d1,Wc as d2,Jc as d3,Qc as d4,Oc as d5,kl as d6,uu as d7,hu as d8,Fl as d9,Jl as dA,Wl as dB,Nl as dC,Vl as dD,dp as dE,ap as dF,np as dG,Ts as dH,Zs as dI,ol as dJ,As as dK,Ms as dL,Zc as dM,Gc as dN,nl as dO,sl as dP,Gl as dQ,ql as dR,ys as dS,Vs as dT,_u as dU,mu as dV,xl as dW,Sl as dX,Vd as dY,wd as dZ,Ld as d_,jp as da,Ac as db,wc as dc,fc as dd,gc as de,Cp as df,jd as dg,Rd as dh,zc as di,Tc as dj,fp as dk,yp as dl,hc as dm,uc as dn,Up as dp,Jd as dq,ec as dr,ul as ds,hd as dt,sp as du,lp as dv,wl as dw,ps as dx,Ad as dy,Hd as dz,Ce as e,Dp as e$,rl as e0,tl as e1,Us as e2,zs as e3,Ns as e4,Os as e5,Rs as e6,Is as e7,Ds as e8,js as e9,hp as eA,mp as eB,_p as eC,Qd as eD,Wd as eE,Ll as eF,zl as eG,ls as eH,ss as eI,Zd as eJ,Gd as eK,dl as eL,ll as eM,$c as eN,M as eO,De as eP,Ie as eQ,dd as eR,cp as eS,Ip as eT,hs as eU,Un as eV,Pe as eW,xs as eX,yd as eY,ws as eZ,Hu as e_,Bs as ea,$s as eb,Gs as
|