1610 lines
608 KiB
JavaScript
1610 lines
608 KiB
JavaScript
|
function e(e,t,o){return 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 n=Object.getOwnPropertyDescriptor(i,t);return n.get?n.get.call(arguments.length<3?e:r):n.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 n(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 n(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 n(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 a(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 n=0;n<r.length;n++)i=r[n](i);var a=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===n.key&&e.placement===n.placement},r=0;r<e.length;r++){var i,n=e[r];if("method"===n.kind&&(i=t.find(o)))if(u(n.descriptor)||u(i.descriptor)){if(p(n)||p(i))throw new ReferenceError("Duplicated methods ("+n.key+") can't be decorated.");i.descriptor=n.descriptor}else{if(p(n)){if(p(i))throw new ReferenceError("Decorators can't be placed on different accessors with for the same property ("+n.key+").");i.decorators=n.decorators}c(n,i)}else t.push(n)}return t}(a.d.map(d)),e);return i.initializeClassElements(a.F,s.elements),i.runClassFinishers(a.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 n="static"===i?e:o;this.defineClassElement(n,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 n=this.decorateConstructor(o,t);return r.push.apply(r,n.finishers),n.finishers=r,n},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,n=i.length-1;n>=0;n--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),l=this.toElementFinisherExtras((0,i[n])(s)||s);e=l.element,this.addElementPlacement(e,t),l.finisher&
|
||
|
|
button.link {
|
||
|
|
background: none;
|
||
|
|
color: inherit;
|
||
|
|
border: none;
|
||
|
|
padding: 0;
|
||
|
|
font: inherit;
|
||
|
|
text-align: left;
|
||
|
|
text-decoration: underline;
|
||
|
|
cursor: pointer;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
`,Pe=v`
|
||
|
|
: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);
|
||
|
|
}
|
||
|
|
|
||
|
|
${Ee}
|
||
|
|
|
||
|
|
.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=v`
|
||
|
|
/* 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%;
|
||
|
|
--vertial-align-dialog: flex-end;
|
||
|
|
--ha-dialog-border-radius: 0px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
mwc-button.warning {
|
||
|
|
--mdc-theme-primary: var(--error-color);
|
||
|
|
}
|
||
|
|
.error {
|
||
|
|
color: var(--error-color);
|
||
|
|
}
|
||
|
|
`;v`
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
`,v`
|
||
|
|
body {
|
||
|
|
background-color: var(--primary-background-color);
|
||
|
|
color: var(--primary-text-color);
|
||
|
|
height: calc(100vh - 32px);
|
||
|
|
width: 100vw;
|
||
|
|
}
|
||
|
|
`;const Te=e=>{if(6===(e=e.replace("#","")).length)return e;let t="";for(const o of e)t+=o+o;return t},je=e=>{const t=Math.round(Math.min(Math.max(e,0),255)).toString(16);return 1===t.length?`0${t}`:t},Ne=e=>(e=Te(e),[parseInt(e.substring(0,2),16),parseInt(e.substring(2,4),16),parseInt(e.substring(4,6),16)]),Oe=e=>`#${je(e[0])}${je(e[1])}${je(e[2])}`,Ie=.137931034,Re=.12841855,De=e=>(e/=255)<=.04045?e/12.92:((e+.055)/1.055)**2.4,Be=e=>e>.008856452?e**(1/3):e/Re+Ie,$e=e=>255*(e<=.00304?12.92*e:1.055*e**(1/2.4)-.055),Fe=e=>e>.206896552?e*e*e:Re*(e-Ie),Ue=e=>{const[t,o,r]=(e=>{let[t,o,r]=e;return t=De(t),o=De(o),r=De(r),[Be((.4124564*t+.3575761*o+.1804375*r)/.95047),Be((.2126729*t+.7151522*o+.072175*r)/1),Be((.0193339*t+.119192*o+.9503041*r)/1.08883)]})(e),i=116*o-16;return[i<0?0:i,500*(t-o),200*(o-r)]},Ze=e=>{const[t,o,r]=e;let i=(t+16)/116,n=isNaN(o)?i:i+o/500,a=isNaN(r)?i:i-r/200;i=1*Fe(i),n=.95047*Fe(n),a=1.08883*Fe(a);return[$e(3.2404542*n-1.5371385*i-.4985314*a),$e(-.969266*n+1.8760108*i+.041556*a),$e(.0556434*n-.2040259*i+1.0572252*a)]},qe=(e,t=1)=>[e[0]-18*t,e[1],e[2]],Ge=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]},Ke=(e,t)=>{const o=Ge(e),r=Ge(t);return o>r?(o+.05)/(r+.05):(r+.05)/(o+.05)};let Ye={};const We=(e,t,o,r,i)=>{var n,a;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={...xe}),"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=Te(e),t=Te(t);for(let i=0;i<=5;i+=2){const n=parseInt(e.substr(i,2),16),a=parseInt(t.substr(i,2),16);let s=Math.floor(a+o/100*(n-a)).toString(16);for(;s.length<2;)s="0"+s;r+=s}return`#${r}`})(t,"#121212",8)),t){d=`${d}__primary_${t}`;const e=Ne(t),o=Ue(e);c["primary-color"]=t;const r=Ze(((e,t=1)=>qe(e,-t))(o));c["light-primary-color"]=Oe(r),c["dark-primary-color"]=(e=>{const t=Ze(e);return Oe(t)})(qe(o)),c["text-primary-color"]=Ke(e,[33,33,33])<6?"#fff":"#212121",c["text-light-primary-color"]=Ke(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=Ne(o);c["text-accent-color"]=Ke(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!==(n=e._themes)&&void 0!==n&&n.keys||Object.keys(c).length))return;const u=Object.keys(c).length&&d?Ye[d]||Xe(d,c):void 0,m={...null===(a=e._themes)||void 0===a?void 0:a.keys,...null==u?void 0:u.styles};e._themes={cacheKey:d,keys:null==u?void 0:u.keys},e.updateStyles?e.updateStyles(m):window.ShadyCSS&&window.ShadyCSS.styleSubtree(e,m)},Xe=(e,t)=>{if(!t||!Object.keys(t).length)return;const o={...Me,...t},r={},i={};for(const e of Object.keys(o)){const t=`--${e}`,n=String(o[e]);if(r[t]=n,i[t]="",!n.startsWith("#"))continue;const a=`rgb-${e}`;if(void 0===o[a])try{const e=Ne(n).join(","),t=`--${a}`;r[t]=e,i[t]=""}catch(e){continue}}return Ye[e]={styles:r,keys:i},{styles:r,keys:i}},Je="ha-main-window"===window.name?window:"ha-main-window"===parent.name?parent:top,Qe=(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},et=(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:et(e,t,o)},tt=(e=document)=>{var t,o;return null!==(t=e.activeElement)&&void 0!==t&&null!==(o=t.shadowRoot)&&void 0!==o&&o.activeElement?tt(e.activeElement.shadowRoot):e.activeElement},ot=()=>new Promise((e=>{var t;t=e,requestAnimationFrame((()=>setTimeout(t,0)))})),rt
|
||
|
|
<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>`;ka.setAttribute("style","display: none;"),document.head.appendChild(ka.content);var La=document.createElement("style");La.textContent="[hidden] { display: none !important; }",document.head.appendChild(La);const Sa=ma`
|
||
|
|
<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>
|
||
|
|
`;Sa.setAttribute("style","display: none;"),document.head.appendChild(Sa.content);const Va=ma`
|
||
|
|
<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>`;Va.setAttribute("style","display: none;"),document.head.appendChild(Va.content);const xa=ma`
|
||
|
|
<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>`;xa.setAttribute("style","display: none;"),document.head.appendChild(xa.content);const Ma=ma`<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>`;Ma.setAttribute("style","display: none;"),document.head.appendChild(Ma.content);const Ea=document.createElement("template");Ea.setAttribute("style","display: none;"),Ea.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 active state is anything that would require attention */\n --state-icon-active-color: #FDD835;\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\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-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\n /* input components */\n --input-idle-line-color: rgba(0, 0, 0, 0.42);\n --input-hover-line-color: rgba(0, 0, 0, 0.87);\n --input-disabled-line-color: rgba(0, 0, 0, 0.06);\n --input-outlined-idle-border-color: rgba(0, 0, 0, 0.38);\n --input-outlined-hover-border-co
|
||
|
|
<div class="mdc-ripple-surface mdc-ripple-upgraded ${Ah(o)}"
|
||
|
|
style="${Hh({"--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>`}}iu([we(".mdc-ripple-surface")],wh.prototype,"mdcRoot",void 0),iu([be({type:Boolean})],wh.prototype,"primary",void 0),iu([be({type:Boolean})],wh.prototype,"accent",void 0),iu([be({type:Boolean})],wh.prototype,"unbounded",void 0),iu([be({type:Boolean})],wh.prototype,"disabled",void 0),iu([be({type:Boolean})],wh.prototype,"activated",void 0),iu([be({type:Boolean})],wh.prototype,"selected",void 0),iu([be({type:Boolean})],wh.prototype,"internalUseStateLayerCustomProperties",void 0),iu([Ce()],wh.prototype,"hovering",void 0),iu([Ce()],wh.prototype,"bgFocused",void 0),iu([Ce()],wh.prototype,"fgActivation",void 0),iu([Ce()],wh.prototype,"fgDeactivation",void 0),iu([Ce()],wh.prototype,"fgScale",void 0),iu([Ce()],wh.prototype,"fgSize",void 0),iu([Ce()],wh.prototype,"translateStart",void 0),iu([Ce()],wh.prototype,"translateEnd",void 0),iu([Ce()],wh.prototype,"leftPos",void 0),iu([Ce()],wh.prototype,"topPos",void 0);const kh=v`.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
|
||
|
|
<button
|
||
|
|
id="button"
|
||
|
|
class="mdc-button ${Ah(this.getRenderClasses())}"
|
||
|
|
?disabled="${this.disabled}"
|
||
|
|
aria-label="${this.label||this.icon}"
|
||
|
|
aria-haspopup="${xh(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 ${Ah({flex:this.expandContent})}">
|
||
|
|
<slot></slot>
|
||
|
|
</span>
|
||
|
|
<span class="trailing-icon">
|
||
|
|
<slot name="trailingIcon">
|
||
|
|
${this.icon&&this.trailingIcon?this.renderIcon():""}
|
||
|
|
</slot>
|
||
|
|
</span>
|
||
|
|
</button>`}renderIcon(){return K`
|
||
|
|
<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()}}Mh.shadowRootOptions={mode:"open",delegatesFocus:!0},iu([Sh,be({type:String,attribute:"aria-haspopup"})],Mh.prototype,"ariaHasPopup",void 0),iu([be({type:Boolean,reflect:!0})],Mh.prototype,"raised",void 0),iu([be({type:Boolean,reflect:!0})],Mh.prototype,"unelevated",void 0),iu([be({type:Boolean,reflect:!0})],Mh.prototype,"outlined",void 0),iu([be({type:Boolean})],Mh.prototype,"dense",void 0),iu([be({type:Boolean,reflect:!0})],Mh.prototype,"disabled",void 0),iu([be({type:Boolean,attribute:"trailingicon"})],Mh.prototype,"trailingIcon",void 0),iu([be({type:Boolean,reflect:!0})],Mh.prototype,"fullwidth",void 0),iu([be({type:String})],Mh.prototype,"icon",void 0),iu([be({type:String})],Mh.prototype,"label",void 0),iu([be({type:Boolean})],Mh.prototype,"expandContent",void 0),iu([we("#button")],Mh.prototype,"buttonElement",void 0),iu([ke("mwc-ripple")],Mh.prototype,"ripple",void 0),iu([Ce()],Mh.prototype,"shouldRenderRipple",void 0),iu([He({passive:!0})],Mh.prototype,"handleRippleActivate",null);const Eh=v`.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:
|
||
|
|
<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 K`<button
|
||
|
|
class="mdc-icon-button mdc-icon-button--display-flex"
|
||
|
|
aria-label="${this.ariaLabel||this.icon}"
|
||
|
|
aria-haspopup="${xh(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()}}iu([be({type:Boolean,reflect:!0})],zh.prototype,"disabled",void 0),iu([be({type:String})],zh.prototype,"icon",void 0),iu([Sh,be({type:String,attribute:"aria-label"})],zh.prototype,"ariaLabel",void 0),iu([Sh,be({type:String,attribute:"aria-haspopup"})],zh.prototype,"ariaHasPopup",void 0),iu([we("button")],zh.prototype,"buttonElement",void 0),iu([ke("mwc-ripple")],zh.prototype,"ripple",void 0),iu([Ce()],zh.prototype,"shouldRenderRipple",void 0),iu([He({passive:!0})],zh.prototype,"handleRippleMouseDown",null),iu([He({passive:!0})],zh.prototype,"handleRippleTouchStart",null);const Th=v`.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?Y`<path d=${this.path}></path>`:""}
|
||
|
|
</g>
|
||
|
|
</svg>`}},{kind:"get",static:!0,key:"styles",value:function(){return v`
|
||
|
|
: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;
|
||
|
|
}
|
||
|
|
`}}]}}),_e);s([ye("ha-icon-button")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[be({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[be({type:String})],key:"path",value:void 0},{kind:"field",decorators:[be({type:String})],key:"label",value:void 0},{kind:"field",decorators:[be({type:String,attribute:"aria-haspopup"})],key:"ariaHasPopup",value:void 0},{kind:"field",decorators:[be({type:Boolean})],key:"hideTitle",value:()=>!1},{kind:"field",decorators:[we("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 K`
|
||
|
|
<mwc-icon-button
|
||
|
|
aria-label=${xh(this.label)}
|
||
|
|
title=${xh(this.hideTitle?void 0:this.label)}
|
||
|
|
aria-haspopup=${xh(this.ariaHasPopup)}
|
||
|
|
.disabled=${this.disabled}
|
||
|
|
>
|
||
|
|
${this.path?K`<ha-svg-icon .path=${this.path}></ha-svg-icon>`:K`<slot></slot>`}
|
||
|
|
</mwc-icon-button>
|
||
|
|
`}},{kind:"get",static:!0,key:"styles",value:function(){return v`
|
||
|
|
: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);
|
||
|
|
}
|
||
|
|
`}}]}}),_e),s([ye("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:[be({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[be({type:Boolean})],key:"disabled",value:()=>!1},{kind:"field",decorators:[be()],key:"label",value:void 0},{kind:"field",decorators:[Ce()],key:"_icon",value:()=>Ss},{kind:"method",key:"connectedCallback",value:function(){r(t(i.prototype),"connectedCallback",this).call(this),setTimeout((()=>{this._icon="ltr"===window.getComputedStyle(this).direction?Ss:Vs}),100)}},{kind:"method",key:"render",value:function(){var e;return K`
|
||
|
|
<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>
|
||
|
|
`}}]}}),_e);const Oh=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)})}},Ih=(e,t,o,r)=>{if(e[t])return e[t];let i,n,a=0,s=Oh();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=()=>{n=void 0,i&&i.then((e=>{e()})),e.removeEventListener("ready",l),e.removeEventListener("disconnected",p)},p=()=>{n&&(clearTimeout(n),c())};return e[t]={get state(){return s.state},refresh:l,subscribe(t){a++,1===a&&(()=>{if(void 0!==n)return clearTimeout(n),void(n=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(),a--,a||(n=setTimeout(c,5e3))}}},e[t]},Rh=(e,t,o,r,i)=>Ih(r,e,t,o).subscribe(i),Dh=e=>e.sendMessagePromise({type:"persistent_notification/get"}),Bh=(e,t)=>e.subscribeEvents((()=>Dh(e).then((e=>t.setState(e,!0)))),"persistent_notifications_updated");s([ye("ha-menu-button")],(function(e,o){class i extends o{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[be({type:Boolean})],key:"hassio",value:()=>!1},{kind:"field",decorators:[be()],key:"narrow",value:void 0},{kind:"field",decorators:[be({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[Ce()],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 K`
|
||
|
|
<ha-icon-button
|
||
|
|
.label=${this.hass.localize("ui.sidebar.sidebar_toggle")}
|
||
|
|
.path=${"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"}
|
||
|
|
@click=${this._toggleMenu}
|
||
|
|
></ha-icon-button>
|
||
|
|
${e?K`<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"),n=e.get("narrow")||o&&"always_hidden"===o.dockedSidebar,a=this.narrow||"always_hidden"===this.hass.dockedSidebar;n!==a&&(this.style.display=a||this._alwaysVisible?"initial":"none",a?this._subscribeNotifications():this._unsubNotifications&&(this._unsubNotifications(),this._unsubNotifications=void 0))}},{kind:"method",key:"_subscribeNotifications",value:function(){var e;this._unsubNotifications=(e=this.hass.connection,Rh("_ntf",Dh,Bh,e,(e=>{this._hasNotifications=e.length>0})))}},{kind:"method",key:"_toggleMenu",value:function(){Qe(this,"hass-toggle-menu")}},{kind:"get",static:!0,key:"styles",value:function(){return v`
|
||
|
|
: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);
|
||
|
|
}
|
||
|
|
`}}]}}),_e),s([ye("hass-error-screen")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[be({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[be({type:Boolean})],key:"toolbar",value:()=>!0},{kind:"field",decorators:[be({type:Boolean})],key:"rootnav",value:()=>!1},{kind:"field",decorators:[be({type:Boolean})],key:"narrow",value:()=>!1},{kind:"field",decorators:[be()],key:"error",value:void 0},{kind:"method",key:"render",value:function(){var e,t;return K`
|
||
|
|
${this.toolbar?K`<div class="toolbar">
|
||
|
|
${this.rootnav||null!==(e=history.state)&&void 0!==e&&e.root?K`
|
||
|
|
<ha-menu-button
|
||
|
|
.hass=${this.hass}
|
||
|
|
.narrow=${this.narrow}
|
||
|
|
></ha-menu-button>
|
||
|
|
`:K`
|
||
|
|
<ha-icon-button-arrow-prev
|
||
|
|
.hass=${this.hass}
|
||
|
|
@click=${this._handleBack}
|
||
|
|
></ha-icon-button-arrow-prev>
|
||
|
|
`}
|
||
|
|
</div>`:""}
|
||
|
|
<div class="content">
|
||
|
|
<h3>${this.error}</h3>
|
||
|
|
<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[v`
|
||
|
|
: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;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
color: var(--primary-color);
|
||
|
|
}
|
||
|
|
`]}}]}}),_e),Un({_template:ma`
|
||
|
|
<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"});class $h extends _e{constructor(){super(...arguments),this.indeterminate=!1,this.progress=0,this.density=0,this.closed=!1}open(){this.closed=!1}close(){this.closed=!0}render(){const e={"mdc-circular-progress--closed":this.closed,"mdc-circular-progress--indeterminate":this.indeterminate},t=48+4*this.density,o={width:`${t}px`,height:`${t}px`};return K`
|
||
|
|
<div
|
||
|
|
class="mdc-circular-progress ${Ah(e)}"
|
||
|
|
style="${Hh(o)}"
|
||
|
|
role="progressbar"
|
||
|
|
aria-label="${xh(this.ariaLabel)}"
|
||
|
|
aria-valuemin="0"
|
||
|
|
aria-valuemax="1"
|
||
|
|
aria-valuenow="${xh(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,n=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return K`
|
||
|
|
<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="${n}"></circle>
|
||
|
|
<circle class="mdc-circular-progress__determinate-circle"
|
||
|
|
cx="${t}" cy="${t}" r="${o}"
|
||
|
|
stroke-dasharray="${6.2831852*o}"
|
||
|
|
stroke-dashoffset="${i}"
|
||
|
|
stroke-width="${n}"></circle>
|
||
|
|
</svg>
|
||
|
|
</div>`}renderIndeterminateContainer(){return K`
|
||
|
|
<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,n=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return K`
|
||
|
|
<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="${n}"></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*n}"></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="${n}"></circle>
|
||
|
|
</svg>
|
||
|
|
</div>`}update(e){super.update(e),e.has("progress")&&(this.progress>1&&(this.progress=1),this.progress<0&&(this.progress=0))}}iu([be({type:Boolean,reflect:!0})],$h.prototype,"indeterminate",void 0),iu([be({type:Number,reflect:!0})],$h.prototype,"progress",void 0),iu([be({type:Number,reflect:!0})],$h.prototype,"density",void 0),iu([be({type:Boolean,reflect:!0})],$h.prototype,"closed",void 0),iu([Sh,be({type:String,attribute:"aria-label"})],$h.prototype,"ariaLabel",void 0);const Fh=v`.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;
|
||
|
|
}
|
||
|
|
`]}}]}}),Uh),s([ye("hass-loading-screen")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[be({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[be({type:Boolean,attribute:"no-toolbar"})],key:"noToolbar",value:()=>!1},{kind:"field",decorators:[be({type:Boolean})],key:"rootnav",value:()=>!1},{kind:"field",decorators:[be({type:Boolean})],key:"narrow",value:()=>!1},{kind:"method",key:"render",value:function(){var e;return K`
|
||
|
|
${this.noToolbar?"":K`<div class="toolbar">
|
||
|
|
${this.rootnav||null!==(e=history.state)&&void 0!==e&&e.root?K`
|
||
|
|
<ha-menu-button
|
||
|
|
.hass=${this.hass}
|
||
|
|
.narrow=${this.narrow}
|
||
|
|
></ha-menu-button>
|
||
|
|
`:K`
|
||
|
|
<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[Pe,v`
|
||
|
|
: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;
|
||
|
|
}
|
||
|
|
`]}}]}}),_e);let Zh=s(null,(function(e,o){class i extends o{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[be()],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:()=>os((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 n=this.route,a=o.defaultPage;n&&""===n.path&&void 0!==a&&st(`${n.prefix}/${a}`,{replace:!0});let s=n?((e,t)=>{if(""===e)return t;const o=e.indexOf("/",1);return-1===o?e.substr(1):e.substr(1,o-1)})(n.path,a||""):"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];n&&st(`${n.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)}}]}}),V);s([ye("hacs-router")],(function(e,o){class i extends o{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[be({attribute:!1})],key:"hacs",value:void 0},{kind:"field",decorators:[be({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[be({attribute:!1})],key:"route",value:void 0},{kind:"field",decorators:[be({type:Boolean})],key:"narrow",value:void 0},{kin
|
||
|
|
a {
|
||
|
|
text-decoration: var(--hcv-text-decoration-link);
|
||
|
|
color: var(--hcv-text-color-link);
|
||
|
|
}
|
||
|
|
`,Gh=v`
|
||
|
|
ha-svg-icon {
|
||
|
|
color: var(--hcv-color-icon);
|
||
|
|
}
|
||
|
|
`,Kh=v`
|
||
|
|
mwc-button[raised] {
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
mwc-button[raised] > ha-circular-progress {
|
||
|
|
--mdc-theme-primary: var(--hcv-text-color-primary);
|
||
|
|
}
|
||
|
|
`,Yh=v`
|
||
|
|
*::-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;
|
||
|
|
}
|
||
|
|
`,Wh=v`
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
`,Xh=[Pe,Gh,Wh,qh,Kh],Jh=v`
|
||
|
|
: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(--sidebar-icon-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([ye("hacs-frontend")],(function(e,o){class i extends o{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[be({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[be({attribute:!1})],key:"narrow",value:void 0},{kind:"field",decorators:[be({attribute:!1})],key:"route",value:void 0},{kind:"field",decorators:[we("#hacs-dialog")],key:"_hacsDialog",value:void 0},{kind:"field",decorators:[we("#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))),Qa(this.hass,(()=>this._updateProperties("configuration")),ja.CONFIG),Qa(this.hass,(()=>this._updateProperties("status")),ja.STATUS),Qa(this.hass,(()=>this._updateProperties("status")),ja.STAGE),Qa(this.hass,(()=>this._updateProperties("repositories")),ja.REPOSITORY),this.hass.connection.subscribeEvents((async()=>this._updateProperties("lovelace")),"lovelace_updated"),this._updateProperties(),""===this.route.path&&st("/hacs/entry",{replace:!0}),window.addEventListener("haptic",(e=>{Qe(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&&st(t)})),Je.addEventListener("location-changed",(e=>Qe(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)&&Qe(Je,"hass-quick-bar-trigger",e,{bubbles:!1})})),Je.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>this._applyTheme())),((e,t)=>{e.addEventListener("show-dialog",(o=>{const{dialogTag:r,dialogImport:i,dialogParams:n,addHistory:a}=o.detail;nt(e,t,r,n,i,a)}))})(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,o.critical,o.resources,o.removed]=await Promise.all([Oa(this.hass),Na(this.hass),Ia(this.hass),Ka(this.hass),Ra(this.hass)]):"info"===e?o.info=await Na(this.hass):"repositories"===e?o.repositories=await Oa(this.hass):"lovelace"===e&&(o.resources=await Ka(this.hass)),Object.keys(o).forEach((e=>{void 0!==o[e]&&(t[e]=o[e])})),t&&this._updateHacs(t)}},{kind:"method",key:"render",value:function(){return this.hass&&this.hacs?K`
|
||
|
|
<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>
|
||
|
|
`:K``}},{kind:"get",static:!0,key:"styles",value:function(){return[Xh,Jh]}},{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,st(this.route.path,{replace:!0}),this.requestUpdate())}},{kind:"method",key:"_applyTheme",value:function(){var e;We(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)"}}]}}),Km);export{K as $,Qe as A,dh as B,Zd as C,_s as D,hs as E,Ml as F,au as G,Pa as H,Hh as I,y as J,Sh as K,r as L,ch as M,t as N,tc as O,ze as P,bh as Q,Vh as R,Ch as S,vh as T,ue as U,W as V,eh as W,Qm as X,it as Y,ed as Z,iu as _,s as a,sa as a$,Qa as a0,ja as a1,Fa as a2,Oa as a3,qa as a4,e as a5,Un as a6,ma as a7,xn as a8,ar as a9,Ta as aA,Id as aB,Ud as aC,Pe as aD,_o as aE,gi as aF,gr as aG,fi as aH,md as aI,Pd as aJ,Sc as aK,Ga as aL,id as aM,Ls as aN,Tc as aO,Kd as aP,us as aQ,Wl as aR,is as aS,ws as aT,dp as aU,ld as aV,nd as aW,Za as aX,f as aY,To as aZ,bn as a_,ha as aa,Ki as ab,ac,nc as ad,ot as ae,cd as af,dd as ag,st as ah,Je as ai,qm as aj,Ua as ak,Nm as al,Ya as am,Xa as an,Wa as ao,Ba as ap,Ra as aq,Ja as ar,Da as as,$a as at,Vs as au,El as av,Nh as aw,zl as ax,Pl as ay,ms as az,Zm as b,Up as b$,Q as b0,pl as b1,ls as b2,Ic as b3,gl as b4,Vp as b5,bp as b6,Ul as b7,sc as b8,Kl as b9,ic as bA,_d as bB,cc as bC,dc as bD,Xl as bE,Wd as bF,Wc as bG,kd as bH,Ep as bI,ul as bJ,vl as bK,lc as bL,ys as bM,Md as bN,Wp as bO,Nl as bP,Ip as bQ,Op as bR,zp as bS,Tp as bT,jp as bU,Np as bV,Rp as bW,Dp as bX,Bp as bY,$p as bZ,Fp as b_,pd as ba,Td as bb,jd as bc,Rd as bd,Fd as be,Ed as bf,_l as bg,Pc as bh,Cd as bi,bd as bj,Yd as bk,oc as bl,Zl as bm,nl as bn,fd as bo,vs as bp,jc as bq,Ac as br,Dc as bs,hl as bt,Yp as bu,Cp as bv,$l as bw,Rc as bx,vp as by,Pp as bz,zd as c,jl as c$,Zp as c0,qp as c1,$c as c2,Gc as c3,al as c4,Kc as c5,Bc as c6,qc as c7,Uc as c8,Fc as c9,gd as cA,Qc as cB,ep as cC,Ll as cD,Hd as cE,wd as cF,od as cG,rd as cH,Dl as cI,Vl as cJ,tp as cK,Xc as cL,Jc as cM,Ts as cN,qs as cO,rl as cP,ks as cQ,Es as cR,ll as cS,sl as cT,Jl as cU,Ql as cV,Cs as cW,xs as cX,eu as cY,Qp as cZ,Tl as c_,Zc as ca,Ec as cb,xl as cc,Xp as cd,Jp as ce,Yl as cf,Sp as cg,vc as ch,Cc as ci,_c as cj,gc as ck,pp as cl,Hc as cm,Dd as cn,Od as co,Mc as cp,xc as cq,sp as cr,lp as cs,uc as ct,pc as cu,Mp as cv,xp as cw,Xd as cx,ec as cy,ml as cz,Xh as d,V as d$,Vd as d0,Ld as d1,Sd as d2,Us as d3,il as d4,ol as d5,Zs as d6,js as d7,Ns as d8,Os as d9,fp as dA,yp as dB,rp as dC,ip as dD,np as dE,ap as dF,Qd as dG,Jd as dH,Sl as dI,Rl as dJ,cs as dK,ds as dL,qd as dM,Gd as dN,cl as dO,dl as dP,ns as dQ,Oc as dR,td as dS,fs as dT,xd as dU,yl as dV,cp as dW,yc as dX,Fl as dY,Ol as dZ,sd as d_,Is as da,Rs as db,Ds as dc,Bs as dd,$s as de,Fs as df,Gs as dg,Ks as dh,Ys as di,Ws as dj,Xs as dk,Js as dl,Qs as dm,el as dn,tl as dp,bc as dq,Hl as dr,mp as ds,Ap as dt,Hp as du,bl as dv,Al as dw,Cl as dx,hp as dy,_p as dz,be as e,kl as e0,gs as e1,Nc as e2,Gl as e3,wl as e4,kc as e5,up as e6,Rh as e7,ps as e8,bs as e9,Bl as eA,Yc as eB,Ms as eC,Hs as eD,Oe as eE,Ne as eF,ud as eG,op as eH,kp as eI,ah as eJ,Ee as eK,Ps as eL,vd as eM,Ss as eN,hu as eO,Lp as eP,as as ea,gp as eb,ss as ec,yd as ed,Ad as ee,ad as ef,$d as eg,mc as
|