diff --git a/hassio/api/panel/chunk.05994812bec7a524b566.js b/hassio/api/panel/chunk.05994812bec7a524b566.js
new file mode 100644
index 000000000..6f6dc8e70
--- /dev/null
+++ b/hassio/api/panel/chunk.05994812bec7a524b566.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{2:function(e,n,t){"use strict";t.r(n),t(75);var o,a,r=t(4),i=t(6),s=(t(27),t(74),t(56),t(20),t(11)),l=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),p=Object(s.a)(function(e){return function(n){function t(){return function(e,n){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(t,e),l(t,[{key:"fire",value:function(e,n,t){t=t||{},n=null===n||void 0===n?{}:n;var o=new Event(e,{bubbles:void 0===t.bubbles||t.bubbles,cancelable:Boolean(t.cancelable),composed:void 0===t.composed||t.composed});return o.detail=n,(t.node||this).dispatchEvent(o),o}}]),t}()}),c=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),d=(o=['\n    <style>\n      .invisible {\n        visibility: hidden;\n      }\n    </style>\n    <paper-icon-button icon="[[_getIcon(hassio)]]" class$="[[computeMenuButtonClass(narrow, showMenu)]]" on-click="toggleMenu"></paper-icon-button>\n'],a=['\n    <style>\n      .invisible {\n        visibility: hidden;\n      }\n    </style>\n    <paper-icon-button icon="[[_getIcon(hassio)]]" class$="[[computeMenuButtonClass(narrow, showMenu)]]" on-click="toggleMenu"></paper-icon-button>\n'],Object.freeze(Object.defineProperties(o,{raw:{value:Object.freeze(a)}}))),u=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),c(n,[{key:"computeMenuButtonClass",value:function(e,n){return!e&&n?"invisible":""}},{key:"toggleMenu",value:function(e){e.stopPropagation(),this.fire("hass-open-menu")}},{key:"_getIcon",value:function(e){return(e?"hassio":"hass")+":menu"}}],[{key:"template",get:function(){return Object(r.a)(d)}},{key:"properties",get:function(){return{narrow:{type:Boolean,value:!1},showMenu:{type:Boolean,value:!1},hassio:{type:Boolean,value:!1}}}}]),n}();customElements.define("ha-menu-button",u);var h=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),f=Object.freeze(Object.defineProperties(['\n    <style include="iron-flex ha-style">\n      .placeholder {\n        height: 100%;\n      }\n\n      .layout {\n        height: calc(100% - 64px);\n      }\n    </style>\n\n    <div class="placeholder">\n      <app-toolbar>\n        <ha-menu-button narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>\n        <div main-title="">[[title]]</div>\n      </app-toolbar>\n      <div class="layout horizontal center-center">\n        <paper-spinner active=""></paper-spinner>\n      </div>\n    </div>\n'],{raw:{value:Object.freeze(['\n    <style include="iron-flex ha-style">\n      .placeholder {\n        height: 100%;\n      }\n\n      .layout {\n        height: calc(100% - 64px);\n      }\n    </style>\n\n    <div class="placeholder">\n      <app-toolbar>\n        <ha-menu-button narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>\n        <div main-title="">[[title]]</div>\n      </app-toolbar>\n      <div class="layout horizontal center-center">\n        <paper-spinner active=""></paper-spinner>\n      </div>\n    </div>\n'])}})),b=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),h(n,null,[{key:"template",get:function(){return Object(r.a)(f)}},{key:"properties",get:function(){return{narrow:{type:Boolean,value:!1},showMenu:{type:Boolean,value:!1},title:{type:String,value:""}}}}]),n}();customElements.define("hass-loading-screen",b),t(72),t(57),t(101),t(3);var m=document.createElement("template");m.setAttribute("style","display: none;"),m.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      --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      /* states and badges */\n      --state-icon-color: #44739e;\n      --state-icon-active-color: #FDD835;\n      --state-icon-unavailable-color: var(--disabled-text-color);\n\n      /* background and sidebar */\n      --card-background-color: #ffffff;\n      --primary-background-color: #fafafa;\n      --secondary-background-color: #e5e5e5; /* behind the cards on state */\n\n      /* sidebar menu */\n      --sidebar-text-color: var(--primary-text-color);\n      --sidebar-background-color: var(--paper-listbox-background-color); /* backward compatible with existing themes */\n      --sidebar-icon-color: rgba(0, 0, 0, 0.5);\n      --sidebar-selected-text-color: var(--primary-text-color);\n      /* --sidebar-selected-background-color: rgba(30,30,30,0.1); */\n      --sidebar-selected-icon-color: var(--primary-color);\n\n      /* controls */\n      --toggle-button-color: var(--primary-color);\n      /* --toggle-button-unchecked-color: var(--accent-color); */\n      --slider-color: var(--primary-color);\n      --slider-secondary-color: var(--light-primary-color);\n      --slider-bar-color: var(--disabled-text-color);\n\n      /* for label-badge */\n      --label-badge-background-color: white;\n      --label-badge-text-color: rgb(76, 76, 76);\n      --label-badge-red: #DF4C1E;\n      --label-badge-blue: #039be5;\n      --label-badge-green: #0DA035;\n      --label-badge-yellow: #f4b400;\n      --label-badge-grey: var(--paper-grey-500);\n\n      /*\n        Paper-styles color.html depency is stripped on build.\n        When a default paper-style color is used, it needs to be copied\n        from paper-styles/color.html to here.\n      */\n\n      --paper-grey-50: #fafafa; /* default for: --paper-toggle-button-unchecked-button-color */\n      --paper-grey-200: #eeeeee;  /* for ha-date-picker-style */\n      --paper-grey-500: #9e9e9e;  /* --label-badge-grey */\n\n      /* for paper-spinner */\n      --google-red-500: #db4437;\n      --google-blue-500: #4285f4;\n      --google-green-500: #0f9d58;\n      --google-yellow-500: #f4b400;\n\n      /* for paper-slider */\n      --paper-green-400: #66bb6a;\n      --paper-blue-400: #42a5f5;\n      --paper-orange-400: #ffa726;\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      /* derived colors, to keep existing themes mostly working */\n      --paper-card-background-color: var(--card-background-color);\n      --paper-listbox-background-color: var(--card-background-color);\n      --paper-item-icon-color: var(--state-icon-color);\n      --paper-item-icon-active-color: var(--state-icon-active-color);\n      --table-row-background-color: var(--primary-background-color);\n      --table-row-alternative-background-color: var(--secondary-background-color);\n\n      /* set our toggle style */\n      --paper-toggle-button-checked-ink-color: var(--toggle-button-color);\n      --paper-toggle-button-checked-button-color: var(--toggle-button-color);\n      --paper-toggle-button-checked-bar-color: var(--toggle-button-color);\n      --paper-toggle-button-unchecked-button-color: var(--toggle-button-unchecked-color, var(--paper-grey-50));\n      --paper-toggle-button-unchecked-bar-color: var(--toggle-button-unchecked-color, #000000);\n      /* set our slider style */\n      --paper-slider-knob-color: var(--slider-color);\n      --paper-slider-knob-start-color: var(--slider-color);\n      --paper-slider-pin-color: var(--slider-color);\n      --paper-slider-active-color: var(--slider-color);\n      --paper-slider-secondary-color: var(--slider-secondary-color);\n      --paper-slider-container-color: var(--slider-bar-color);\n      --ha-paper-slider-pin-font-size: 15px;\n    }\n  </style>\n\n  <style shady-unscoped="">\n    /*\n      prevent clipping of positioned elements in a small scrollable\n      force smooth scrolling if can scroll\n      use non-shady selectors so this only targets iOS 9\n      conditional mixin set in ha-style-dialog does not work with shadyCSS\n    */\n    paper-dialog-scrollable:not(.can-scroll) &gt; .scrollable {\n      -webkit-overflow-scrolling: auto !important;\n    }\n\n    paper-dialog-scrollable.can-scroll &gt; .scrollable {\n      -webkit-overflow-scrolling: touch !important;\n    }\n  </style>\n</custom-style><dom-module id="ha-style">\n  <template>\n    <style>\n      :host {\n        @apply --paper-font-body1;\n      }\n\n      app-header-layout, ha-app-layout {\n        background-color: var(--primary-background-color);\n      }\n\n      app-header, app-toolbar {\n        background-color: var(--primary-color);\n        font-weight: 400;\n        color: var(--text-primary-color, white);\n      }\n\n      app-toolbar ha-menu-button + [main-title],\n      app-toolbar paper-icon-button + [main-title] {\n        margin-left: 24px;\n      }\n\n      h1 {\n        @apply --paper-font-title;\n      }\n\n      button.link {\n        background: none;\n        color: inherit;\n        border: none;\n        padding: 0;\n        font: inherit;\n        text-align: left;\n        text-decoration: underline;\n        cursor: pointer;\n      }\n\n      .card-actions a {\n        text-decoration: none;\n      }\n\n      .card-actions paper-button:not([disabled]),\n      .card-actions ha-progress-button:not([disabled]),\n      .card-actions ha-call-api-button:not([disabled]),\n      .card-actions ha-call-service-button:not([disabled]) {\n        color: var(--primary-color);\n        font-weight: 500;\n      }\n\n      .card-actions paper-button.warning:not([disabled]),\n      .card-actions ha-call-api-button.warning:not([disabled]),\n      .card-actions ha-call-service-button.warning:not([disabled]) {\n        color: var(--google-red-500);\n      }\n    </style>\n  </template>\n</dom-module><dom-module id="ha-style-dialog">\n  <template>\n    <style>\n      :host {\n        --ha-dialog-narrow: {\n          margin: 0;\n          width: 100% !important;\n          max-height: calc(100% - 64px);\n\n          position: fixed !important;\n          bottom: 0px;\n          left: 0px;\n          right: 0px;\n          overflow: scroll;\n          border-bottom-left-radius: 0px;\n          border-bottom-right-radius: 0px;\n        }\n\n        --ha-dialog-fullscreen: {\n          width: 100% !important;\n          border-radius: 0px;\n          position: fixed !important;\n          margin: 0;\n        }\n      }\n\n      /* prevent clipping of positioned elements */\n      paper-dialog-scrollable {\n        --paper-dialog-scrollable: {\n          -webkit-overflow-scrolling: auto;\n        }\n      }\n\n      /* force smooth scrolling for iOS 10 */\n      paper-dialog-scrollable.can-scroll {\n        --paper-dialog-scrollable: {\n          -webkit-overflow-scrolling: touch;\n        }\n      }\n\n      @media all and (max-width: 450px), all and (max-height: 500px) {\n        paper-dialog {\n          @apply(--ha-dialog-narrow);\n        }\n      }\n    </style>\n  </template>\n</dom-module>',document.head.appendChild(m.content),t(70),t(55);var y=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),v=null,g=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),y(n,[{key:"connectedCallback",value:function(){var e=this;(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"connectedCallback",this).call(this),this._scriptLoaded=0,this._renderScheduled=!1,this._resize=function(){return e.fire("iron-resize")},v||(v=Promise.all([t.e(4),t.e(5)]).then(t.bind(null,104))),v.then(function(n){var t=n.marked,o=n.filterXSS;e.marked=t,e.filterXSS=o,e._scriptLoaded=1},function(){e._scriptLoaded=2}).then(function(){return e._render()})}},{key:"_render",value:function(){var e=this;0===this._scriptLoaded||this._renderScheduled||(this._renderScheduled=!0,Promise.resolve().then(function(){if(e._renderScheduled=!1,1===e._scriptLoaded){e.innerHTML=e.filterXSS(e.marked(e.content,{gfm:!0,tables:!0,breaks:!0})),e._resize();for(var n=document.createTreeWalker(e,1,null,!1);n.nextNode();){var t=n.currentNode;"A"===t.tagName&&t.host!==document.location.host?t.target="_blank":"IMG"===t.tagName&&t.addEventListener("load",e._resize)}}else 2===e._scriptLoaded&&(e.innerText=e.content)}))}}],[{key:"properties",get:function(){return{content:{type:String,observer:"_render"}}}}]),n}();customElements.define("ha-markdown",g);var w=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),k=Object.freeze(Object.defineProperties(['\n    <style include="ha-style-dialog">\n      paper-dialog {\n        min-width: 350px;\n        font-size: 14px;\n        border-radius: 2px;\n      }\n      app-toolbar {\n        margin: 0;\n        padding: 0 16px;\n        color: var(--primary-text-color);\n        background-color: var(--secondary-background-color);\n      }\n      app-toolbar [main-title] {\n        margin-left: 16px;\n      }\n      paper-checkbox {\n        display: block;\n        margin: 4px;\n      }\n      @media all and (max-width: 450px), all and (max-height: 500px) {\n        paper-dialog {\n          max-height: 100%;\n        }\n        paper-dialog::before {\n          content: "";\n          position: fixed;\n          z-index: -1;\n          top: 0px;\n          left: 0px;\n          right: 0px;\n          bottom: 0px;\n          background-color: inherit;\n        }\n        app-toolbar {\n          color: var(--text-primary-color);\n          background-color: var(--primary-color);\n        }\n      }\n    </style>\n    <paper-dialog id="dialog" with-backdrop="">\n      <app-toolbar>\n        <paper-icon-button icon="hassio:close" dialog-dismiss=""></paper-icon-button>\n        <div main-title="">[[title]]</div>\n      </app-toolbar>\n      <paper-dialog-scrollable>\n        <ha-markdown content="[[content]]"></ha-markdown>\n      </paper-dialog-scrollable>\n    </paper-dialog>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style-dialog">\n      paper-dialog {\n        min-width: 350px;\n        font-size: 14px;\n        border-radius: 2px;\n      }\n      app-toolbar {\n        margin: 0;\n        padding: 0 16px;\n        color: var(--primary-text-color);\n        background-color: var(--secondary-background-color);\n      }\n      app-toolbar [main-title] {\n        margin-left: 16px;\n      }\n      paper-checkbox {\n        display: block;\n        margin: 4px;\n      }\n      @media all and (max-width: 450px), all and (max-height: 500px) {\n        paper-dialog {\n          max-height: 100%;\n        }\n        paper-dialog::before {\n          content: "";\n          position: fixed;\n          z-index: -1;\n          top: 0px;\n          left: 0px;\n          right: 0px;\n          bottom: 0px;\n          background-color: inherit;\n        }\n        app-toolbar {\n          color: var(--text-primary-color);\n          background-color: var(--primary-color);\n        }\n      }\n    </style>\n    <paper-dialog id="dialog" with-backdrop="">\n      <app-toolbar>\n        <paper-icon-button icon="hassio:close" dialog-dismiss=""></paper-icon-button>\n        <div main-title="">[[title]]</div>\n      </app-toolbar>\n      <paper-dialog-scrollable>\n        <ha-markdown content="[[content]]"></ha-markdown>\n      </paper-dialog-scrollable>\n    </paper-dialog>\n'])}})),O=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),w(n,[{key:"openDialog",value:function(){this.$.dialog.open()}}],[{key:"template",get:function(){return Object(r.a)(k)}},{key:"properties",get:function(){return{title:String,content:String}}}]),n}();customElements.define("hassio-markdown-dialog",O),t(93),t(13),t(12),t(86),t(84),t(92);var _=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),j=Object.freeze(Object.defineProperties(['\n    <style include="ha-style">\n      :host,\n      paper-card,\n      paper-dropdown-menu {\n        display: block;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-bottom: 16px;\n      }\n      paper-item {\n        width: 450px;\n      }\n      .card-actions {\n        text-align: right;\n      }\n    </style>\n    <paper-card heading="Audio">\n      <div class="card-content">\n        <template is="dom-if" if="[[error]]">\n          <div class="errors">[[error]]</div>\n        </template>\n\n        <paper-dropdown-menu label="Input">\n          <paper-listbox slot="dropdown-content" attr-for-selected="device" selected="{{selectedInput}}">\n            <template is="dom-repeat" items="[[inputDevices]]">\n              <paper-item device$="[[item.device]]">[[item.name]]</paper-item>\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label="Output">\n          <paper-listbox slot="dropdown-content" attr-for-selected="device" selected="{{selectedOutput}}">\n            <template is="dom-repeat" items="[[outputDevices]]">\n              <paper-item device$="[[item.device]]">[[item.name]]</paper-item>\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n      </div>\n      <div class="card-actions">\n        <paper-button on-click="_saveSettings">Save</paper-button>\n      </div>\n    </paper-card>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style">\n      :host,\n      paper-card,\n      paper-dropdown-menu {\n        display: block;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-bottom: 16px;\n      }\n      paper-item {\n        width: 450px;\n      }\n      .card-actions {\n        text-align: right;\n      }\n    </style>\n    <paper-card heading="Audio">\n      <div class="card-content">\n        <template is="dom-if" if="[[error]]">\n          <div class="errors">[[error]]</div>\n        </template>\n\n        <paper-dropdown-menu label="Input">\n          <paper-listbox slot="dropdown-content" attr-for-selected="device" selected="{{selectedInput}}">\n            <template is="dom-repeat" items="[[inputDevices]]">\n              <paper-item device\\$="[[item.device]]">[[item.name]]</paper-item>\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label="Output">\n          <paper-listbox slot="dropdown-content" attr-for-selected="device" selected="{{selectedOutput}}">\n            <template is="dom-repeat" items="[[outputDevices]]">\n              <paper-item device\\$="[[item.device]]">[[item.name]]</paper-item>\n            </template>\n          </paper-listbox>\n        </paper-dropdown-menu>\n      </div>\n      <div class="card-actions">\n        <paper-button on-click="_saveSettings">Save</paper-button>\n      </div>\n    </paper-card>\n'])}})),x=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),_(n,[{key:"addonChanged",value:function(e){var n=this;if(this.setProperties({selectedInput:e.audio_input||"null",selectedOutput:e.audio_output||"null"}),!this.outputDevices){var t=[{device:"null",name:"-"}];this.hass.callApi("get","hassio/hardware/audio").then(function(e){var o=e.data.audio,a=Object.keys(o.input).map(function(e){return{device:e,name:o.input[e]}}),r=Object.keys(o.output).map(function(e){return{device:e,name:o.output[e]}});n.setProperties({inputDevices:t.concat(a),outputDevices:t.concat(r)})},function(){n.setProperties({inputDevices:t,outputDevices:t})})}}},{key:"_saveSettings",value:function(){var e=this;this.error=null;var n="hassio/addons/"+this.addon.slug+"/options";this.hass.callApi("post",n,{audio_input:"null"===this.selectedInput?null:this.selectedInput,audio_output:"null"===this.selectedOutput?null:this.selectedOutput}).then(function(){e.fire("hass-api-called",{success:!0,path:n})},function(n){e.error=n.body.message})}}],[{key:"template",get:function(){return Object(r.a)(j)}},{key:"properties",get:function(){return{hass:Object,addon:{type:Object,observer:"addonChanged"},inputDevices:Array,outputDevices:Array,selectedInput:String,selectedOutput:String,error:String}}}]),n}();customElements.define("hassio-addon-audio",x),t(91);var S=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),P=Object.freeze(Object.defineProperties(['\n    <style>\n      .container {\n        position: relative;\n        display: inline-block;\n      }\n\n      paper-button {\n        transition: all 1s;\n      }\n\n      .success paper-button {\n        color: white;\n        background-color: var(--google-green-500);\n        transition: none;\n      }\n\n      .error paper-button {\n        color: white;\n        background-color: var(--google-red-500);\n        transition: none;\n      }\n\n      paper-button[disabled] {\n        color: #c8c8c8;\n      }\n\n      .progress {\n        @apply --layout;\n        @apply --layout-center-center;\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n      }\n    </style>\n    <div class="container" id="container">\n      <paper-button id="button" disabled="[[computeDisabled(disabled, progress)]]" on-click="buttonTapped">\n        <slot></slot>\n      </paper-button>\n      <template is="dom-if" if="[[progress]]">\n        <div class="progress">\n          <paper-spinner active=""></paper-spinner>\n        </div>\n      </template>\n    </div>\n'],{raw:{value:Object.freeze(['\n    <style>\n      .container {\n        position: relative;\n        display: inline-block;\n      }\n\n      paper-button {\n        transition: all 1s;\n      }\n\n      .success paper-button {\n        color: white;\n        background-color: var(--google-green-500);\n        transition: none;\n      }\n\n      .error paper-button {\n        color: white;\n        background-color: var(--google-red-500);\n        transition: none;\n      }\n\n      paper-button[disabled] {\n        color: #c8c8c8;\n      }\n\n      .progress {\n        @apply --layout;\n        @apply --layout-center-center;\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n      }\n    </style>\n    <div class="container" id="container">\n      <paper-button id="button" disabled="[[computeDisabled(disabled, progress)]]" on-click="buttonTapped">\n        <slot></slot>\n      </paper-button>\n      <template is="dom-if" if="[[progress]]">\n        <div class="progress">\n          <paper-spinner active=""></paper-spinner>\n        </div>\n      </template>\n    </div>\n'])}})),C=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),S(n,[{key:"tempClass",value:function(e){var n=this.$.container.classList;n.add(e),setTimeout(function(){n.remove(e)},1e3)}},{key:"ready",value:function(){var e=this;(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),this.addEventListener("click",function(n){return e.buttonTapped(n)})}},{key:"buttonTapped",value:function(e){this.progress&&e.stopPropagation()}},{key:"actionSuccess",value:function(){this.tempClass("success")}},{key:"actionError",value:function(){this.tempClass("error")}},{key:"computeDisabled",value:function(e,n){return e||n}}],[{key:"template",get:function(){return Object(r.a)(P)}},{key:"properties",get:function(){return{hass:{type:Object},progress:{type:Boolean,value:!1},disabled:{type:Boolean,value:!1}}}}]),n}();customElements.define("ha-progress-button",C);var E=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),T=Object.freeze(Object.defineProperties(['\n    <ha-progress-button id="progress" progress="[[progress]]" on-click="buttonTapped" disabled="[[disabled]]"><slot></slot></ha-progress-button>\n'],{raw:{value:Object.freeze(['\n    <ha-progress-button id="progress" progress="[[progress]]" on-click="buttonTapped" disabled="[[disabled]]"><slot></slot></ha-progress-button>\n'])}})),A=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),E(n,[{key:"buttonTapped",value:function(){var e=this;this.progress=!0;var n={method:this.method,path:this.path,data:this.data};this.hass.callApi(this.method,this.path,this.data).then(function(t){e.progress=!1,e.$.progress.actionSuccess(),n.success=!0,n.response=t},function(t){e.progress=!1,e.$.progress.actionError(),n.success=!1,n.response=t}).then(function(){e.fire("hass-api-called",n)})}}],[{key:"template",get:function(){return Object(r.a)(T)}},{key:"properties",get:function(){return{hass:Object,progress:{type:Boolean,value:!1},path:String,method:{type:String,value:"POST"},data:{type:Object,value:{}},disabled:{type:Boolean,value:!1}}}}]),n}();customElements.define("ha-call-api-button",A);var R=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),D=Object.freeze(Object.defineProperties(['\n    <style include="ha-style">\n      :host {\n        display: block;\n      }\n      paper-card {\n        display: block;\n      }\n      .card-actions {\n        @apply --layout;\n        @apply --layout-justified;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-bottom: 16px;\n      }\n      iron-autogrow-textarea {\n        width: 100%;\n        font-family: monospace;\n      }\n      .syntaxerror {\n        color: var(--google-red-500);\n      }\n    </style>\n    <paper-card heading="Config">\n      <div class="card-content">\n        <template is="dom-if" if="[[error]]">\n          <div class="errors">[[error]]</div>\n        </template>\n        <iron-autogrow-textarea id="config" value="{{config}}"></iron-autogrow-textarea>\n      </div>\n      <div class="card-actions">\n        <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/options" data="[[resetData]]">Reset to defaults</ha-call-api-button>\n        <paper-button on-click="saveTapped" disabled="[[!configParsed]]">Save</paper-button>\n      </div>\n    </paper-card>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style">\n      :host {\n        display: block;\n      }\n      paper-card {\n        display: block;\n      }\n      .card-actions {\n        @apply --layout;\n        @apply --layout-justified;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-bottom: 16px;\n      }\n      iron-autogrow-textarea {\n        width: 100%;\n        font-family: monospace;\n      }\n      .syntaxerror {\n        color: var(--google-red-500);\n      }\n    </style>\n    <paper-card heading="Config">\n      <div class="card-content">\n        <template is="dom-if" if="[[error]]">\n          <div class="errors">[[error]]</div>\n        </template>\n        <iron-autogrow-textarea id="config" value="{{config}}"></iron-autogrow-textarea>\n      </div>\n      <div class="card-actions">\n        <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/options" data="[[resetData]]">Reset to defaults</ha-call-api-button>\n        <paper-button on-click="saveTapped" disabled="[[!configParsed]]">Save</paper-button>\n      </div>\n    </paper-card>\n'])}})),I=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),R(n,[{key:"addonChanged",value:function(e){this.config=e?JSON.stringify(e.options,null,2):""}},{key:"configChanged",value:function(e){try{this.$.config.classList.remove("syntaxerror"),this.configParsed=JSON.parse(e)}catch(e){this.$.config.classList.add("syntaxerror"),this.configParsed=null}}},{key:"saveTapped",value:function(){var e=this;this.error=null,this.hass.callApi("post","hassio/addons/"+this.addonSlug+"/options",{options:this.configParsed}).catch(function(n){e.error=n.body.message})}}],[{key:"template",get:function(){return Object(r.a)(D)}},{key:"properties",get:function(){return{hass:Object,addon:{type:Object,observer:"addonChanged"},addonSlug:String,config:{type:String,observer:"configChanged"},configParsed:Object,error:String,resetData:{type:Object,value:{options:null}}}}}]),n}();customElements.define("hassio-addon-config",I),t(19),t(90);var z=t(7),q=[60,"second",60,"minute",24,"hour",7,"day"],L=t(76),H=(t(82),t(85)),M={__localizationCache:{requests:{},messages:{},ajax:null},properties:{language:{type:String},resources:{type:Object},formats:{type:Object,value:function(){return{}}},useKeyIfMissing:{type:Boolean,value:!1},localize:{type:Function,computed:"__computeLocalize(language, resources, formats)"},bubbleEvent:{type:Boolean,value:!1}},loadResources:function(e,n,t){var o=this.constructor.prototype;this.__checkLocalizationCache(o);var a,r=o.__localizationCache.ajax;function i(e){this.__onRequestResponse(e,n,t)}r||(r=o.__localizationCache.ajax=document.createElement("iron-ajax")),(a=o.__localizationCache.requests[e])?a.completes.then(i.bind(this),this.__onRequestError.bind(this)):(r.url=e,(a=r.generateRequest()).completes.then(i.bind(this),this.__onRequestError.bind(this)),o.__localizationCache.requests[e]=a)},__computeLocalize:function(e,n,t){var o=this.constructor.prototype;return this.__checkLocalizationCache(o),o.__localizationCache||(o.__localizationCache={requests:{},messages:{},ajax:null}),o.__localizationCache.messages={},function(){var a=arguments[0];if(a&&n&&e&&n[e]){var r=n[e][a];if(!r)return this.useKeyIfMissing?a:"";var i=a+r,s=o.__localizationCache.messages[i];s||(s=new H.a(r,e,t),o.__localizationCache.messages[i]=s);for(var l={},p=1;p<arguments.length;p+=2)l[arguments[p]]=arguments[p+1];return s.format(l)}}.bind(this)},__onRequestResponse:function(e,n,t){var o={},a=e.response;if(t?n?(o.resources=Object.assign({},this.resources||{}),o["resources."+n]=Object.assign(o.resources[n]||{},a)):o.resources=Object.assign(this.resources,a):n?(o.resources={},o.resources[n]=a,o["resources."+n]=a):o.resources=a,this.setProperties)this.setProperties(o);else for(var r in o)this.set(r,o[r]);this.fire("app-localize-resources-loaded",e,{bubbles:this.bubbleEvent})},__onRequestError:function(e){this.fire("app-localize-resources-error")},__checkLocalizationCache:function(e){void 0!==e&&void 0===e.__localizationCache&&(e.__localizationCache={requests:{},messages:{},ajax:null})}},U=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),B=Object(s.a)(function(e){return function(n){function t(){return function(e,n){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(t,Object(L.b)([M],e)),U(t,[{key:"computeLanguage",value:function(e){return e&&e.language}},{key:"computeResources",value:function(e){return e&&e.resources}}],[{key:"properties",get:function(){return{hass:Object,language:{type:String,computed:"computeLanguage(hass)"},resources:{type:Object,computed:"computeResources(hass)"}}}}]),t}()}),F=function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0},N=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),$=function(e){function n(){!function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this);var e=function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).call(this));return e.updateRelative=e.updateRelative.bind(e),e}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,B(i.a)),N(n,null,[{key:"properties",get:function(){return{hass:Object,datetime:{type:String,observer:"datetimeChanged"},datetimeObj:{type:Object,observer:"datetimeObjChanged"},parsedDateTime:Object}}}]),N(n,[{key:"connectedCallback",value:function(){F(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"connectedCallback",this).call(this),this.updateInterval=setInterval(this.updateRelative,6e4)}},{key:"disconnectedCallback",value:function(){F(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"disconnectedCallback",this).call(this),clearInterval(this.updateInterval)}},{key:"datetimeChanged",value:function(e){this.parsedDateTime=e?new Date(e):null,this.updateRelative()}},{key:"datetimeObjChanged",value:function(e){this.parsedDateTime=e,this.updateRelative()}},{key:"updateRelative",value:function(){var e=Object(z.a)(this);if(this.parsedDateTime){var n=function(e){var n=(new Date-e)/1e3,t=n>=0?"past":"future";n=Math.abs(n);for(var o=0;o<q.length;o+=2){if(n<q[o])return{tense:t,value:n=Math.floor(n),unit:q[o+1]};n/=q[o]}return{tense:t,value:n=Math.floor(n),unit:"week"}}(this.parsedDateTime),t=this.localize("ui.duration."+n.unit,"count",n.value),o=this.localize("ui.components.relative_time."+n.tense,"time",t);e.innerHTML=o}else e.innerHTML=this.localize("ui.components.relative_time.never")}}]),n}();customElements.define("ha-relative-time",$);var W=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),Y=Object.freeze(Object.defineProperties(['\n    <style>\n      iron-icon {\n        margin-right: 16px;\n        margin-top: 16px;\n        float: left;\n        color: var(--secondary-text-color);\n      }\n      iron-icon.update {\n        color: var(--paper-orange-400);\n      }\n      iron-icon.running,\n      iron-icon.installed {\n        color: var(--paper-green-400);\n      }\n      iron-icon.hassupdate,\n      iron-icon.snapshot {\n        color: var(--paper-item-icon-color);\n      }\n      .title {\n        color: var(--primary-text-color);\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n      .addition {\n        color: var(--secondary-text-color);\n        overflow: hidden;\n        position: relative;\n        height: 2.4em;\n        line-height: 1.2em;\n      }\n      ha-relative-time {\n        display: block;\n      }\n    </style>\n    <iron-icon icon="[[icon]]" class$="[[iconClass]]" title="[[iconTitle]]"></iron-icon>\n    <div>\n      <div class="title">[[title]]</div>\n      <div class="addition">\n        <template is="dom-if" if="[[description]]">\n          [[description]]\n        </template>\n        <template is="dom-if" if="[[datetime]]">\n          <ha-relative-time hass="[[hass]]" class="addition" datetime="[[datetime]]"></ha-relative-time>\n        </template>\n      </div>\n    </div>\n'],{raw:{value:Object.freeze(['\n    <style>\n      iron-icon {\n        margin-right: 16px;\n        margin-top: 16px;\n        float: left;\n        color: var(--secondary-text-color);\n      }\n      iron-icon.update {\n        color: var(--paper-orange-400);\n      }\n      iron-icon.running,\n      iron-icon.installed {\n        color: var(--paper-green-400);\n      }\n      iron-icon.hassupdate,\n      iron-icon.snapshot {\n        color: var(--paper-item-icon-color);\n      }\n      .title {\n        color: var(--primary-text-color);\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n      .addition {\n        color: var(--secondary-text-color);\n        overflow: hidden;\n        position: relative;\n        height: 2.4em;\n        line-height: 1.2em;\n      }\n      ha-relative-time {\n        display: block;\n      }\n    </style>\n    <iron-icon icon="[[icon]]" class\\$="[[iconClass]]" title="[[iconTitle]]"></iron-icon>\n    <div>\n      <div class="title">[[title]]</div>\n      <div class="addition">\n        <template is="dom-if" if="[[description]]">\n          [[description]]\n        </template>\n        <template is="dom-if" if="[[datetime]]">\n          <ha-relative-time hass="[[hass]]" class="addition" datetime="[[datetime]]"></ha-relative-time>\n        </template>\n      </div>\n    </div>\n'])}})),J=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),W(n,null,[{key:"template",get:function(){return Object(r.a)(Y)}},{key:"properties",get:function(){return{hass:Object,title:String,description:String,datetime:String,icon:{type:String,value:"hass:help-circle"},iconTitle:String,iconClass:String}}}]),n}();customElements.define("hassio-card-content",J);var G=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),V=Object.freeze(Object.defineProperties(['\n    <style include="ha-style">\n      :host {\n        display: block;\n      }\n      paper-card {\n        display: block;\n        margin-bottom: 16px;\n      }\n      .addon-header {\n        @apply --paper-font-headline;\n      }\n      .light-color {\n        color: var(--secondary-text-color);\n      }\n      .addon-version {\n        float: right;\n        font-size: 15px;\n        vertical-align: middle;\n      }\n      .description {\n        margin-bottom: 16px;\n      }\n      .logo img {\n        max-height: 60px;\n        margin: 16px 0;\n        display: block;\n      }\n      .state div{\n        width: 150px;\n        display: inline-block;\n      }\n      paper-toggle-button {\n        display: inline;\n      }\n      iron-icon.running {\n        color: var(--paper-green-400);\n      }\n      iron-icon.stopped {\n        color: var(--google-red-300);\n      }\n      ha-call-api-button {\n        font-weight: 500;\n        color: var(--primary-color);\n      }\n      .right {\n        float: right;\n      }\n      ha-markdown img {\n        max-width: 100%;\n      }\n    </style>\n    <template is="dom-if" if="[[computeUpdateAvailable(addon)]]">\n      <paper-card heading="Update available! 🎉">\n        <div class="card-content">\n          <hassio-card-content hass="[[hass]]" title="[[addon.name]] [[addon.last_version]] is available" description="You are currently running version [[addon.version]]" icon="hassio:arrow-up-bold-circle" icon-class="update"></hassio-card-content>\n        </div>\n        <div class="card-actions">\n          <ha-call-api-button hass="[[hass]]" path="hassio/addons/[[addonSlug]]/update">Update</ha-call-api-button>\n          <template is="dom-if" if="[[addon.changelog]]">\n            <paper-button on-click="openChangelog">Changelog</paper-button>\n          </template>\n        </div>\n      </paper-card>\n    </template>\n\n    <paper-card>\n      <div class="card-content">\n        <div class="addon-header">[[addon.name]]\n          <div class="addon-version light-color">\n            <template is="dom-if" if="[[addon.version]]">\n              [[addon.version]]\n              <template is="dom-if" if="[[isRunning]]">\n                <iron-icon title="Add-on is running" class="running" icon="hassio:circle"></iron-icon>\n              </template>\n              <template is="dom-if" if="[[!isRunning]]">\n                <iron-icon title="Add-on is stopped" class="stopped" icon="hassio:circle"></iron-icon>\n              </template>\n            </template>\n            <template is="dom-if" if="[[!addon.version]]">\n              [[addon.last_version]]\n            </template>\n          </div>\n        </div>\n        <div class="description light-color">\n          [[addon.description]].<br>\n          Visit <a href="[[addon.url]]" target="_blank">[[addon.name]] page</a> for details.\n        </div>\n        <template is="dom-if" if="[[addon.logo]]">\n          <a href="[[addon.url]]" target="_blank" class="logo">\n            <img src="/api/hassio/addons/[[addonSlug]]/logo">\n          </a>\n        </template>\n        <template is="dom-if" if="[[addon.version]]">\n          <div class="state">\n            <div>Start on boot</div>\n            <paper-toggle-button on-change="startOnBootToggled" checked="[[computeStartOnBoot(addon.boot)]]"></paper-toggle-button>\n          </div>\n          <div class="state">\n            <div>Auto update</div>\n            <paper-toggle-button on-change="autoUpdateToggled" checked="[[addon.auto_update]]"></paper-toggle-button>\n          </div>\n        </template>\n      </div>\n      <div class="card-actions">\n        <template is="dom-if" if="[[addon.version]]">\n          <paper-button class="warning" on-click="_unistallClicked">Uninstall</paper-button>\n          <template is="dom-if" if="[[addon.build]]">\n            <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/rebuild">Rebuild</ha-call-api-button>\n          </template>\n          <template is="dom-if" if="[[isRunning]]">\n            <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/restart">Restart</ha-call-api-button>\n            <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/stop">Stop</ha-call-api-button>\n          </template>\n          <template is="dom-if" if="[[!isRunning]]">\n            <ha-call-api-button hass="[[hass]]" path="hassio/addons/[[addonSlug]]/start">Start</ha-call-api-button>\n          </template>\n          <template is="dom-if" if="[[computeShowWebUI(addon.webui, isRunning)]]">\n            <a href="[[pathWebui(addon.webui)]]" tabindex="-1" target="_blank" class="right"><paper-button>Open web UI</paper-button></a>\n          </template>\n        </template>\n        <template is="dom-if" if="[[!addon.version]]">\n          <ha-call-api-button hass="[[hass]]" path="hassio/addons/[[addonSlug]]/install">Install</ha-call-api-button>\n        </template>\n      </div>\n    </paper-card>\n    <template is="dom-if" if="[[addon.long_description]]">\n      <paper-card>\n        <div class="card-content">\n          <ha-markdown content="[[addon.long_description]]"></ha-markdown>\n        </div>\n      </paper-card>\n    </template>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style">\n      :host {\n        display: block;\n      }\n      paper-card {\n        display: block;\n        margin-bottom: 16px;\n      }\n      .addon-header {\n        @apply --paper-font-headline;\n      }\n      .light-color {\n        color: var(--secondary-text-color);\n      }\n      .addon-version {\n        float: right;\n        font-size: 15px;\n        vertical-align: middle;\n      }\n      .description {\n        margin-bottom: 16px;\n      }\n      .logo img {\n        max-height: 60px;\n        margin: 16px 0;\n        display: block;\n      }\n      .state div{\n        width: 150px;\n        display: inline-block;\n      }\n      paper-toggle-button {\n        display: inline;\n      }\n      iron-icon.running {\n        color: var(--paper-green-400);\n      }\n      iron-icon.stopped {\n        color: var(--google-red-300);\n      }\n      ha-call-api-button {\n        font-weight: 500;\n        color: var(--primary-color);\n      }\n      .right {\n        float: right;\n      }\n      ha-markdown img {\n        max-width: 100%;\n      }\n    </style>\n    <template is="dom-if" if="[[computeUpdateAvailable(addon)]]">\n      <paper-card heading="Update available! 🎉">\n        <div class="card-content">\n          <hassio-card-content hass="[[hass]]" title="[[addon.name]] [[addon.last_version]] is available" description="You are currently running version [[addon.version]]" icon="hassio:arrow-up-bold-circle" icon-class="update"></hassio-card-content>\n        </div>\n        <div class="card-actions">\n          <ha-call-api-button hass="[[hass]]" path="hassio/addons/[[addonSlug]]/update">Update</ha-call-api-button>\n          <template is="dom-if" if="[[addon.changelog]]">\n            <paper-button on-click="openChangelog">Changelog</paper-button>\n          </template>\n        </div>\n      </paper-card>\n    </template>\n\n    <paper-card>\n      <div class="card-content">\n        <div class="addon-header">[[addon.name]]\n          <div class="addon-version light-color">\n            <template is="dom-if" if="[[addon.version]]">\n              [[addon.version]]\n              <template is="dom-if" if="[[isRunning]]">\n                <iron-icon title="Add-on is running" class="running" icon="hassio:circle"></iron-icon>\n              </template>\n              <template is="dom-if" if="[[!isRunning]]">\n                <iron-icon title="Add-on is stopped" class="stopped" icon="hassio:circle"></iron-icon>\n              </template>\n            </template>\n            <template is="dom-if" if="[[!addon.version]]">\n              [[addon.last_version]]\n            </template>\n          </div>\n        </div>\n        <div class="description light-color">\n          [[addon.description]].<br>\n          Visit <a href="[[addon.url]]" target="_blank">[[addon.name]] page</a> for details.\n        </div>\n        <template is="dom-if" if="[[addon.logo]]">\n          <a href="[[addon.url]]" target="_blank" class="logo">\n            <img src="/api/hassio/addons/[[addonSlug]]/logo">\n          </a>\n        </template>\n        <template is="dom-if" if="[[addon.version]]">\n          <div class="state">\n            <div>Start on boot</div>\n            <paper-toggle-button on-change="startOnBootToggled" checked="[[computeStartOnBoot(addon.boot)]]"></paper-toggle-button>\n          </div>\n          <div class="state">\n            <div>Auto update</div>\n            <paper-toggle-button on-change="autoUpdateToggled" checked="[[addon.auto_update]]"></paper-toggle-button>\n          </div>\n        </template>\n      </div>\n      <div class="card-actions">\n        <template is="dom-if" if="[[addon.version]]">\n          <paper-button class="warning" on-click="_unistallClicked">Uninstall</paper-button>\n          <template is="dom-if" if="[[addon.build]]">\n            <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/rebuild">Rebuild</ha-call-api-button>\n          </template>\n          <template is="dom-if" if="[[isRunning]]">\n            <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/restart">Restart</ha-call-api-button>\n            <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/stop">Stop</ha-call-api-button>\n          </template>\n          <template is="dom-if" if="[[!isRunning]]">\n            <ha-call-api-button hass="[[hass]]" path="hassio/addons/[[addonSlug]]/start">Start</ha-call-api-button>\n          </template>\n          <template is="dom-if" if="[[computeShowWebUI(addon.webui, isRunning)]]">\n            <a href="[[pathWebui(addon.webui)]]" tabindex="-1" target="_blank" class="right"><paper-button>Open web UI</paper-button></a>\n          </template>\n        </template>\n        <template is="dom-if" if="[[!addon.version]]">\n          <ha-call-api-button hass="[[hass]]" path="hassio/addons/[[addonSlug]]/install">Install</ha-call-api-button>\n        </template>\n      </div>\n    </paper-card>\n    <template is="dom-if" if="[[addon.long_description]]">\n      <paper-card>\n        <div class="card-content">\n          <ha-markdown content="[[addon.long_description]]"></ha-markdown>\n        </div>\n      </paper-card>\n    </template>\n'])}})),X=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),G(n,[{key:"computeIsRunning",value:function(e){return e&&"started"===e.state}},{key:"computeUpdateAvailable",value:function(e){return e&&!e.detached&&e.version&&e.version!==e.last_version}},{key:"pathWebui",value:function(e){return e&&e.replace("[HOST]",document.location.hostname)}},{key:"computeShowWebUI",value:function(e,n){return e&&n}},{key:"computeStartOnBoot",value:function(e){return"auto"===e}},{key:"startOnBootToggled",value:function(){var e={boot:"auto"===this.addon.boot?"manual":"auto"};this.hass.callApi("POST","hassio/addons/"+this.addonSlug+"/options",e)}},{key:"autoUpdateToggled",value:function(){var e={auto_update:!this.addon.auto_update};this.hass.callApi("POST","hassio/addons/"+this.addonSlug+"/options",e)}},{key:"openChangelog",value:function(){var e=this;this.hass.callApi("get","hassio/addons/"+this.addonSlug+"/changelog").then(function(e){return e},function(){return"Error getting changelog"}).then(function(n){e.fire("hassio-markdown-dialog",{title:"Changelog",content:n})})}},{key:"_unistallClicked",value:function(){var e=this;if(confirm("Are you sure you want to uninstall this add-on?")){var n="hassio/addons/"+this.addonSlug+"/uninstall",t={path:n};this.hass.callApi("post",n).then(function(e){t.success=!0,t.response=e},function(e){t.success=!1,t.response=e}).then(function(){e.fire("hass-api-called",t)})}}}],[{key:"template",get:function(){return Object(r.a)(V)}},{key:"properties",get:function(){return{hass:Object,addon:Object,addonSlug:String,isRunning:{type:Boolean,computed:"computeIsRunning(addon)"}}}}]),n}();customElements.define("hassio-addon-info",X);var K=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),Q=Object.freeze(Object.defineProperties(['\n    <style include="ha-style">\n      :host,\n      paper-card {\n        display: block;\n      }\n    </style>\n    <paper-card heading="Log">\n      <div class="card-content">\n        <pre>[[log]]</pre>\n      </div>\n      <div class="card-actions">\n        <paper-button on-click="refresh">Refresh</paper-button>\n      </div>\n    </paper-card>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style">\n      :host,\n      paper-card {\n        display: block;\n      }\n    </style>\n    <paper-card heading="Log">\n      <div class="card-content">\n        <pre>[[log]]</pre>\n      </div>\n      <div class="card-actions">\n        <paper-button on-click="refresh">Refresh</paper-button>\n      </div>\n    </paper-card>\n'])}})),Z=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),K(n,[{key:"addonSlugChanged",value:function(e){var n=this;this.hass?this.refresh():setTimeout(function(){n.addonChanged(e)},0)}},{key:"refresh",value:function(){var e=this;this.hass.callApi("get","hassio/addons/"+this.addonSlug+"/logs").then(function(n){e.log=n})}}],[{key:"template",get:function(){return Object(r.a)(Q)}},{key:"properties",get:function(){return{hass:Object,addonSlug:{type:String,observer:"addonSlugChanged"},log:String}}}]),n}();customElements.define("hassio-addon-logs",Z),t(24);var ee=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),ne=Object.freeze(Object.defineProperties(['\n    <style include="ha-style">\n      :host {\n        display: block;\n      }\n      paper-card {\n        display: block;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-bottom: 16px;\n      }\n      .card-actions {\n        @apply --layout;\n        @apply --layout-justified;\n      }\n    </style>\n    <paper-card heading="Network">\n      <div class="card-content">\n        <template is="dom-if" if="[[error]]">\n          <div class="errors">[[error]]</div>\n        </template>\n\n        <table>\n          <tbody><tr>\n            <th>Container</th>\n            <th>Host</th>\n          </tr>\n          <template is="dom-repeat" items="[[config]]">\n            <tr>\n              <td>\n                [[item.container]]\n              </td>\n              <td>\n                <paper-input value="{{item.host}}" no-label-float=""></paper-input>\n              </td>\n            </tr>\n          </template>\n        </tbody></table>\n      </div>\n      <div class="card-actions">\n        <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/options" data="[[resetData]]">Reset to defaults</ha-call-api-button>\n        <paper-button on-click="saveTapped">Save</paper-button>\n      </div>\n    </paper-card>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style">\n      :host {\n        display: block;\n      }\n      paper-card {\n        display: block;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-bottom: 16px;\n      }\n      .card-actions {\n        @apply --layout;\n        @apply --layout-justified;\n      }\n    </style>\n    <paper-card heading="Network">\n      <div class="card-content">\n        <template is="dom-if" if="[[error]]">\n          <div class="errors">[[error]]</div>\n        </template>\n\n        <table>\n          <tbody><tr>\n            <th>Container</th>\n            <th>Host</th>\n          </tr>\n          <template is="dom-repeat" items="[[config]]">\n            <tr>\n              <td>\n                [[item.container]]\n              </td>\n              <td>\n                <paper-input value="{{item.host}}" no-label-float=""></paper-input>\n              </td>\n            </tr>\n          </template>\n        </tbody></table>\n      </div>\n      <div class="card-actions">\n        <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/addons/[[addonSlug]]/options" data="[[resetData]]">Reset to defaults</ha-call-api-button>\n        <paper-button on-click="saveTapped">Save</paper-button>\n      </div>\n    </paper-card>\n'])}})),te=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),ee(n,[{key:"addonChanged",value:function(e){if(e){var n=e.network||{},t=Object.keys(n).map(function(e){return{container:e,host:n[e]}});this.config=t.sort(function(e,n){return e.host-n.host})}}},{key:"saveTapped",value:function(){var e=this;this.error=null;var n={};this.config.forEach(function(e){n[e.container]=parseInt(e.host)});var t="hassio/addons/"+this.addonSlug+"/options";this.hass.callApi("post",t,{network:n}).then(function(){e.fire("hass-api-called",{success:!0,path:t})},function(n){e.error=n.body.message})}}],[{key:"template",get:function(){return Object(r.a)(ne)}},{key:"properties",get:function(){return{hass:Object,addonSlug:String,config:Object,addon:{type:Object,observer:"addonChanged"},error:String,resetData:{type:Object,value:{network:null}}}}}]),n}();customElements.define("hassio-addon-network",te);var oe=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),ae=Object.freeze(Object.defineProperties(['\n    <style include="iron-flex ha-style">\n      :host {\n        color: var(--primary-text-color);\n        --paper-card-header-color: var(--primary-text-color);\n      }\n      .content {\n        padding: 24px 0 32px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n      hassio-addon-info,\n      hassio-addon-network,\n      hassio-addon-audio,\n      hassio-addon-config {\n        margin-bottom: 24px;\n        width: 600px;\n      }\n      hassio-addon-logs {\n        min-width: 600px;\n      }\n      @media only screen and (max-width: 600px) {\n        hassio-addon-info,\n        hassio-addon-network,\n        hassio-addon-audio,\n        hassio-addon-config,\n        hassio-addon-logs {\n          max-width: 100%;\n        }\n      }\n    </style>\n    <app-route route="[[route]]" pattern="/addon/:slug" data="{{routeData}}" active="{{routeMatches}}"></app-route>\n    <app-header-layout has-scrolling-region="">\n      <app-header fixed="" slot="header">\n        <app-toolbar>\n          <ha-menu-button hassio narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>\n          <paper-icon-button icon="hassio:arrow-left" on-click="backTapped"></paper-icon-button>\n          <div main-title="">Hass.io: add-on details</div>\n        </app-toolbar>\n      </app-header>\n      <div class="content">\n        <hassio-addon-info hass="[[hass]]" addon="[[addon]]" addon-slug="[[routeData.slug]]"></hassio-addon-info>\n\n        <template is="dom-if" if="[[addon.version]]">\n          <hassio-addon-config hass="[[hass]]" addon="[[addon]]" addon-slug="[[routeData.slug]]"></hassio-addon-config>\n\n          <template is="dom-if" if="[[addon.audio]]">\n            <hassio-addon-audio hass="[[hass]]" addon="[[addon]]"></hassio-addon-audio>\n          </template>\n\n          <template is="dom-if" if="[[addon.network]]">\n            <hassio-addon-network hass="[[hass]]" addon="[[addon]]" addon-slug="[[routeData.slug]]"></hassio-addon-network>\n          </template>\n\n          <hassio-addon-logs hass="[[hass]]" addon-slug="[[routeData.slug]]"></hassio-addon-logs>\n        </template>\n      </div>\n    </app-header-layout>\n\n    <hassio-markdown-dialog title="[[markdownTitle]]" content="[[markdownContent]]"></hassio-markdown-dialog>\n'],{raw:{value:Object.freeze(['\n    <style include="iron-flex ha-style">\n      :host {\n        color: var(--primary-text-color);\n        --paper-card-header-color: var(--primary-text-color);\n      }\n      .content {\n        padding: 24px 0 32px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n      hassio-addon-info,\n      hassio-addon-network,\n      hassio-addon-audio,\n      hassio-addon-config {\n        margin-bottom: 24px;\n        width: 600px;\n      }\n      hassio-addon-logs {\n        min-width: 600px;\n      }\n      @media only screen and (max-width: 600px) {\n        hassio-addon-info,\n        hassio-addon-network,\n        hassio-addon-audio,\n        hassio-addon-config,\n        hassio-addon-logs {\n          max-width: 100%;\n        }\n      }\n    </style>\n    <app-route route="[[route]]" pattern="/addon/:slug" data="{{routeData}}" active="{{routeMatches}}"></app-route>\n    <app-header-layout has-scrolling-region="">\n      <app-header fixed="" slot="header">\n        <app-toolbar>\n          <ha-menu-button hassio narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>\n          <paper-icon-button icon="hassio:arrow-left" on-click="backTapped"></paper-icon-button>\n          <div main-title="">Hass.io: add-on details</div>\n        </app-toolbar>\n      </app-header>\n      <div class="content">\n        <hassio-addon-info hass="[[hass]]" addon="[[addon]]" addon-slug="[[routeData.slug]]"></hassio-addon-info>\n\n        <template is="dom-if" if="[[addon.version]]">\n          <hassio-addon-config hass="[[hass]]" addon="[[addon]]" addon-slug="[[routeData.slug]]"></hassio-addon-config>\n\n          <template is="dom-if" if="[[addon.audio]]">\n            <hassio-addon-audio hass="[[hass]]" addon="[[addon]]"></hassio-addon-audio>\n          </template>\n\n          <template is="dom-if" if="[[addon.network]]">\n            <hassio-addon-network hass="[[hass]]" addon="[[addon]]" addon-slug="[[routeData.slug]]"></hassio-addon-network>\n          </template>\n\n          <hassio-addon-logs hass="[[hass]]" addon-slug="[[routeData.slug]]"></hassio-addon-logs>\n        </template>\n      </div>\n    </app-header-layout>\n\n    <hassio-markdown-dialog title="[[markdownTitle]]" content="[[markdownContent]]"></hassio-markdown-dialog>\n'])}})),re=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),oe(n,[{key:"ready",value:function(){var e=this;(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),this.addEventListener("hass-api-called",function(n){return e.apiCalled(n)}),this.addEventListener("hassio-markdown-dialog",function(n){return e.openMarkdown(n)})}},{key:"apiCalled",value:function(e){var n=e.detail.path;n&&("uninstall"===n.substr(n.lastIndexOf("/")+1)?this.backTapped():this.routeDataChanged(this.routeData))}},{key:"routeDataChanged",value:function(e){var n=this;this.routeMatches&&e&&e.slug&&this.hass.callApi("get","hassio/addons/"+e.slug+"/info").then(function(e){n.addon=e.data},function(){n.addon=null})}},{key:"backTapped",value:function(){history.back()}},{key:"openMarkdown",value:function(e){this.setProperties({markdownTitle:e.detail.title,markdownContent:e.detail.content}),this.shadowRoot.querySelector("hassio-markdown-dialog").openDialog()}}],[{key:"template",get:function(){return Object(r.a)(ae)}},{key:"properties",get:function(){return{hass:Object,showMenu:Boolean,narrow:Boolean,route:Object,routeData:{type:Object,observer:"routeDataChanged"},routeMatches:Boolean,addon:Object,markdownTitle:String,markdownContent:{type:String,value:""}}}}]),n}();customElements.define("hassio-addon-view",re);var ie=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),se=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),ie(n,[{key:"connectedCallback",value:function(){(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"connectedCallback",this).call(this),this.refresh()}},{key:"refresh",value:function(){return Promise.all([this.fetchSupervisorInfo(),this.fetchHostInfo(),this.fetchHassInfo()])}},{key:"fetchSupervisorInfo",value:function(){var e=this;return this.hass.callApi("get","hassio/supervisor/info").then(function(n){e.supervisor=n.data})}},{key:"fetchHostInfo",value:function(){var e=this;return this.hass.callApi("get","hassio/host/info").then(function(n){e.host=n.data})}},{key:"fetchHassInfo",value:function(){var e=this;return this.hass.callApi("get","hassio/homeassistant/info").then(function(n){e.homeassistant=n.data})}}],[{key:"properties",get:function(){return{hass:Object,supervisor:{type:Object,notify:!0},host:{type:Object,notify:!0},homeassistant:{type:Object,notify:!0}}}}]),n}();customElements.define("hassio-data",se),t(63),t(83),t(25);var le=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),pe=Object(s.a)(function(e){return function(n){function t(){return function(e,n){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(t,p(e)),le(t,[{key:"navigate",value:function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]?history.replaceState(null,null,e):history.pushState(null,null,e),this.fire("location-changed")}}]),t}()}),ce=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),de=Object.freeze(Object.defineProperties(['\n    <style include="iron-flex ha-style hassio-style">\n      paper-card {\n        cursor: pointer;\n      }\n      a.repo {\n        display: block;\n        color: var(--primary-text-color);\n      }\n    </style>\n    <template is="dom-if" if="[[addons.length]]">\n      <div class="card-group">\n        <div class="title">\n          [[repo.name]]\n          <div class="description">\n            Maintained by [[repo.maintainer]]\n            <a class="repo" href="[[repo.url]]" target="_blank">[[repo.url]]</a>\n          </div>\n        </div>\n        <template is="dom-repeat" items="[[addons]]" as="addon" sort="sortAddons">\n          <paper-card on-click="addonTapped">\n            <div class="card-content">\n              <hassio-card-content hass="[[hass]]" title="[[addon.name]]" description="[[addon.description]]" icon="[[computeIcon(addon)]]" icon-title="[[computeIconTitle(addon)]]" icon-class="[[computeIconClass(addon)]]"></hassio-card-content>\n            </div>\n          </paper-card>\n        </template>\n      </div>\n    </template>\n'],{raw:{value:Object.freeze(['\n    <style include="iron-flex ha-style hassio-style">\n      paper-card {\n        cursor: pointer;\n      }\n      a.repo {\n        display: block;\n        color: var(--primary-text-color);\n      }\n    </style>\n    <template is="dom-if" if="[[addons.length]]">\n      <div class="card-group">\n        <div class="title">\n          [[repo.name]]\n          <div class="description">\n            Maintained by [[repo.maintainer]]\n            <a class="repo" href="[[repo.url]]" target="_blank">[[repo.url]]</a>\n          </div>\n        </div>\n        <template is="dom-repeat" items="[[addons]]" as="addon" sort="sortAddons">\n          <paper-card on-click="addonTapped">\n            <div class="card-content">\n              <hassio-card-content hass="[[hass]]" title="[[addon.name]]" description="[[addon.description]]" icon="[[computeIcon(addon)]]" icon-title="[[computeIconTitle(addon)]]" icon-class="[[computeIconClass(addon)]]"></hassio-card-content>\n            </div>\n          </paper-card>\n        </template>\n      </div>\n    </template>\n'])}})),ue=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,pe(i.a)),ce(n,[{key:"sortAddons",value:function(e,n){return e.name<n.name?-1:1}},{key:"computeIcon",value:function(e){return e.installed&&e.installed!==e.version?"hassio:arrow-up-bold-circle":"hassio:puzzle"}},{key:"computeIconTitle",value:function(e){return e.installed?e.installed!==e.version?"New version available":"Add-on is installed":"Add-on is not installed"}},{key:"computeIconClass",value:function(e){return e.installed?e.installed!==e.version?"update":"installed":""}},{key:"addonTapped",value:function(e){this.navigate("/hassio/addon/"+e.model.addon.slug)}}],[{key:"template",get:function(){return Object(r.a)(de)}},{key:"properties",get:function(){return{hass:Object,repo:Object,addons:Array}}}]),n}();customElements.define("hassio-addon-repository",ue);var he=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),fe=Object.freeze(Object.defineProperties(['\n    <style include="ha-style hassio-style">\n      .add {\n        padding: 12px 16px;\n      }\n      iron-icon {\n        color: var(--secondary-text-color);\n        margin-right: 16px;\n        display: inline-block;\n      }\n      paper-input {\n        width: calc(100% - 49px);\n        display: inline-block;\n      }\n    </style>\n    <div class="card-group">\n      <div class="title">\n        Repositories\n        <div class="description">\n          Configure which add-on repositories to fetch data from:\n        </div>\n      </div>\n      <template id="list" is="dom-repeat" items="[[repoList]]" as="repo" sort="sortRepos">\n        <paper-card>\n          <div class="card-content">\n            <hassio-card-content hass="[[hass]]" title="[[repo.name]]" description="[[repo.url]]" icon="hassio:github-circle"></hassio-card-content>\n          </div>\n          <div class="card-actions">\n            <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/options" data="[[computeRemoveRepoData(repoList, repo.url)]]" class="warning">Remove</ha-call-api-button>\n          </div>\n        </paper-card>\n      </template>\n      <paper-card>\n        <div class="card-content add">\n          <iron-icon icon="hassio:github-circle"></iron-icon>\n          <paper-input label="Add new repository by URL" value="{{repoUrl}}"></paper-input>\n        </div>\n        <div class="card-actions">\n          <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/options" data="[[computeAddRepoData(repoList, repoUrl)]]">Add</ha-call-api-button>\n        </div>\n      </paper-card>\n    </div>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style hassio-style">\n      .add {\n        padding: 12px 16px;\n      }\n      iron-icon {\n        color: var(--secondary-text-color);\n        margin-right: 16px;\n        display: inline-block;\n      }\n      paper-input {\n        width: calc(100% - 49px);\n        display: inline-block;\n      }\n    </style>\n    <div class="card-group">\n      <div class="title">\n        Repositories\n        <div class="description">\n          Configure which add-on repositories to fetch data from:\n        </div>\n      </div>\n      <template id="list" is="dom-repeat" items="[[repoList]]" as="repo" sort="sortRepos">\n        <paper-card>\n          <div class="card-content">\n            <hassio-card-content hass="[[hass]]" title="[[repo.name]]" description="[[repo.url]]" icon="hassio:github-circle"></hassio-card-content>\n          </div>\n          <div class="card-actions">\n            <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/options" data="[[computeRemoveRepoData(repoList, repo.url)]]" class="warning">Remove</ha-call-api-button>\n          </div>\n        </paper-card>\n      </template>\n      <paper-card>\n        <div class="card-content add">\n          <iron-icon icon="hassio:github-circle"></iron-icon>\n          <paper-input label="Add new repository by URL" value="{{repoUrl}}"></paper-input>\n        </div>\n        <div class="card-actions">\n          <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/options" data="[[computeAddRepoData(repoList, repoUrl)]]">Add</ha-call-api-button>\n        </div>\n      </paper-card>\n    </div>\n'])}})),be=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),he(n,[{key:"reposChanged",value:function(e){this.repoList=e.filter(function(e){return"core"!==e.slug&&"local"!==e.slug}),this.repoUrl=""}},{key:"sortRepos",value:function(e,n){return e.name<n.name?-1:1}},{key:"computeRemoveRepoData",value:function(e,n){return{addons_repositories:e.filter(function(e){return e.url!==n}).map(function(e){return e.url})}}},{key:"computeAddRepoData",value:function(e,n){var t=e.map(function(e){return e.url});return t.push(n),{addons_repositories:t}}}],[{key:"template",get:function(){return Object(r.a)(fe)}},{key:"properties",get:function(){return{hass:Object,repos:{type:Array,observer:"reposChanged"},repoList:Array,repoUrl:String}}}]),n}();customElements.define("hassio-repositories-editor",be);var me=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),ye=Object.freeze(Object.defineProperties(['\n    <style include="iron-flex ha-style">\n      hassio-addon-repository {\n        margin-top: 24px;\n      }\n    </style>\n    <hassio-repositories-editor hass="[[hass]]" repos="[[repos]]"></hassio-repositories-editor>\n\n    <template is="dom-repeat" items="[[repos]]" as="repo" sort="sortRepos">\n      <hassio-addon-repository hass="[[hass]]" repo="[[repo]]" addons="[[computeAddons(repo.slug)]]"></hassio-addon-repository>\n    </template>\n'],{raw:{value:Object.freeze(['\n    <style include="iron-flex ha-style">\n      hassio-addon-repository {\n        margin-top: 24px;\n      }\n    </style>\n    <hassio-repositories-editor hass="[[hass]]" repos="[[repos]]"></hassio-repositories-editor>\n\n    <template is="dom-repeat" items="[[repos]]" as="repo" sort="sortRepos">\n      <hassio-addon-repository hass="[[hass]]" repo="[[repo]]" addons="[[computeAddons(repo.slug)]]"></hassio-addon-repository>\n    </template>\n'])}})),ve=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),me(n,[{key:"ready",value:function(){var e=this;(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),this.addEventListener("hass-api-called",function(n){return e.apiCalled(n)}),this.loadData()}},{key:"apiCalled",value:function(e){e.detail.success&&this.loadData()}},{key:"sortRepos",value:function(e,n){return"local"===e.slug?-1:"local"===n.slug?1:"core"===e.slug?-1:"core"===n.slug?1:e.name<n.name?-1:1}},{key:"computeAddons",value:function(e){return this.addons.filter(function(n){return n.repository===e})}},{key:"loadData",value:function(){var e=this;this.hass.callApi("get","hassio/addons").then(function(n){e.addons=n.data.addons,e.repos=n.data.repositories},function(){e.addons=[],e.repos=[]})}},{key:"refreshData",value:function(){var e=this;this.hass.callApi("post","hassio/addons/reload").then(function(){e.loadData()})}}],[{key:"template",get:function(){return Object(r.a)(ye)}},{key:"properties",get:function(){return{hass:Object,addons:Array,repos:Array}}}]),n}();customElements.define("hassio-addon-store",ve);var ge=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),we=Object.freeze(Object.defineProperties(['\n    <style include="ha-style hassio-style">\n      paper-card {\n        cursor: pointer;\n      }\n    </style>\n    <div class="content card-group">\n      <div class="title">Add-ons</div>\n      <template is="dom-if" if="[[!addons.length]]">\n        <paper-card>\n          <div class="card-content">\n            You don\'t have any add-ons installed yet. Head over to <a href="#" on-click="openStore">the add-on store</a> to get started!\n          </div>\n        </paper-card>\n      </template>\n      <template is="dom-repeat" items="[[addons]]" as="addon" sort="sortAddons">\n        <paper-card on-click="addonTapped">\n          <div class="card-content">\n            <hassio-card-content hass="[[hass]]" title="[[addon.name]]" description="[[addon.description]]" icon="[[computeIcon(addon)]]" icon-title="[[computeIconTitle(addon)]]" icon-class="[[computeIconClass(addon)]]"></hassio-card-content>\n          </div>\n        </paper-card>\n      </template>\n    </div>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style hassio-style">\n      paper-card {\n        cursor: pointer;\n      }\n    </style>\n    <div class="content card-group">\n      <div class="title">Add-ons</div>\n      <template is="dom-if" if="[[!addons.length]]">\n        <paper-card>\n          <div class="card-content">\n            You don\'t have any add-ons installed yet. Head over to <a href="#" on-click="openStore">the add-on store</a> to get started!\n          </div>\n        </paper-card>\n      </template>\n      <template is="dom-repeat" items="[[addons]]" as="addon" sort="sortAddons">\n        <paper-card on-click="addonTapped">\n          <div class="card-content">\n            <hassio-card-content hass="[[hass]]" title="[[addon.name]]" description="[[addon.description]]" icon="[[computeIcon(addon)]]" icon-title="[[computeIconTitle(addon)]]" icon-class="[[computeIconClass(addon)]]"></hassio-card-content>\n          </div>\n        </paper-card>\n      </template>\n    </div>\n'])}})),ke=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,pe(i.a)),ge(n,[{key:"sortAddons",value:function(e,n){return e.name<n.name?-1:1}},{key:"computeIcon",value:function(e){return e.installed!==e.version?"hassio:arrow-up-bold-circle":"hassio:puzzle"}},{key:"computeIconTitle",value:function(e){return e.installed!==e.version?"New version available":"started"===e.state?"Add-on is running":"Add-on is stopped"}},{key:"computeIconClass",value:function(e){return e.installed!==e.version?"update":"started"===e.state?"running":""}},{key:"addonTapped",value:function(e){this.navigate("/hassio/addon/"+e.model.addon.slug),e.target.blur()}},{key:"openStore",value:function(e){this.navigate("/hassio/store"),e.target.blur()}}],[{key:"template",get:function(){return Object(r.a)(we)}},{key:"properties",get:function(){return{hass:Object,addons:Array}}}]),n}();customElements.define("hassio-addons",ke);var Oe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_e=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),je=Object.freeze(Object.defineProperties(['\n    <style include="ha-style hassio-style">\n      paper-card {\n        display: block;\n        margin-bottom: 32px;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-top: 16px;\n      }\n    </style>\n    <template is="dom-if" if="[[computeUpdateAvailable(hassInfo)]]">\n      <div class="content">\n        <div class="card-group">\n          <div class="title">Update available! 🎉</div>\n          <paper-card>\n            <div class="card-content">\n              <hassio-card-content hass="[[hass]]" title="Home Assistant [[hassInfo.last_version]] is available" description="You are currently running version [[hassInfo.version]]" icon="hassio:home-assistant" icon-class="hassupdate"></hassio-card-content>\n              <template is="dom-if" if="[[error]]">\n                <div class="error">Error: [[error]]</div>\n              </template>\n            </div>\n            <div class="card-actions">\n              <ha-call-api-button hass="[[hass]]" path="hassio/homeassistant/update">Update</ha-call-api-button>\n              <a href="https://github.com/home-assistant/home-assistant/releases" target="_blank"><paper-button>Release notes</paper-button></a>\n            </div>\n          </paper-card>\n        </div>\n      </div>\n    </template>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style hassio-style">\n      paper-card {\n        display: block;\n        margin-bottom: 32px;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-top: 16px;\n      }\n    </style>\n    <template is="dom-if" if="[[computeUpdateAvailable(hassInfo)]]">\n      <div class="content">\n        <div class="card-group">\n          <div class="title">Update available! 🎉</div>\n          <paper-card>\n            <div class="card-content">\n              <hassio-card-content hass="[[hass]]" title="Home Assistant [[hassInfo.last_version]] is available" description="You are currently running version [[hassInfo.version]]" icon="hassio:home-assistant" icon-class="hassupdate"></hassio-card-content>\n              <template is="dom-if" if="[[error]]">\n                <div class="error">Error: [[error]]</div>\n              </template>\n            </div>\n            <div class="card-actions">\n              <ha-call-api-button hass="[[hass]]" path="hassio/homeassistant/update">Update</ha-call-api-button>\n              <a href="https://github.com/home-assistant/home-assistant/releases" target="_blank"><paper-button>Release notes</paper-button></a>\n            </div>\n          </paper-card>\n        </div>\n      </div>\n    </template>\n'])}})),xe=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),_e(n,[{key:"ready",value:function(){var e=this;(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),this.addEventListener("hass-api-called",function(n){return e.apiCalled(n)})}},{key:"apiCalled",value:function(e){if(e.detail.success)this.errors=null;else{var n=e.detail.response;"object"===Oe(n.body)?this.errors=n.body.message||"Unknown error":this.errors=n.body}}},{key:"computeUpdateAvailable",value:function(e){return e.version!==e.last_version}}],[{key:"template",get:function(){return Object(r.a)(je)}},{key:"properties",get:function(){return{hass:Object,hassInfo:Object,error:String}}}]),n}();customElements.define("hassio-hass-update",xe);var Se=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),Pe=Object.freeze(Object.defineProperties(['\n    <style include="iron-flex ha-style">\n      .content {\n        margin: 0 auto;\n      }\n    </style>\n    <div class="content">\n      <hassio-hass-update hass="[[hass]]" hass-info="[[hassInfo]]"></hassio-hass-update>\n      <hassio-addons hass="[[hass]]" addons="[[supervisorInfo.addons]]"></hassio-addons>\n    </div>\n'],{raw:{value:Object.freeze(['\n    <style include="iron-flex ha-style">\n      .content {\n        margin: 0 auto;\n      }\n    </style>\n    <div class="content">\n      <hassio-hass-update hass="[[hass]]" hass-info="[[hassInfo]]"></hassio-hass-update>\n      <hassio-addons hass="[[hass]]" addons="[[supervisorInfo.addons]]"></hassio-addons>\n    </div>\n'])}})),Ce=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),Se(n,null,[{key:"template",get:function(){return Object(r.a)(Pe)}},{key:"properties",get:function(){return{hass:Object,supervisorInfo:Object,hassInfo:Object}}}]),n}();customElements.define("hassio-dashboard",Ce),t(61);var Ee=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),Te=Object.freeze(Object.defineProperties(['\n    <style include="ha-style-dialog">\n      paper-dialog {\n        min-width: 350px;\n        font-size: 14px;\n        border-radius: 2px;\n      }\n      app-toolbar {\n        margin: 0;\n        padding: 0 16px;\n        color: var(--primary-text-color);\n        background-color: var(--secondary-background-color);\n      }\n      app-toolbar [main-title] {\n        margin-left: 16px;\n      }\n      paper-dialog-scrollable {\n        margin: 0;\n      }\n      paper-checkbox {\n        display: block;\n        margin: 4px;\n      }\n      @media all and (max-width: 450px), all and (max-height: 500px) {\n        paper-dialog {\n          max-height: 100%;\n          height: 100%;\n        }\n        app-toolbar {\n          color: var(--text-primary-color);\n          background-color: var(--primary-color);\n        }\n      }\n      .details {\n        color: var(--secondary-text-color);\n      }\n      .download {\n        color: var(--primary-color);\n      }\n      .warning,\n      .error {\n        color: var(--google-red-500);\n      }\n    </style>\n    <paper-dialog id="dialog" with-backdrop="" on-iron-overlay-closed="_dialogClosed">\n      <app-toolbar>\n        <paper-icon-button icon="hassio:close" dialog-dismiss=""></paper-icon-button>\n        <div main-title="">[[_computeName(snapshot)]]</div>\n      </app-toolbar>\n      <div class="details">\n        [[_computeType(snapshot.type)]] ([[_computeSize(snapshot.size)]])<br>\n        [[_formatDatetime(snapshot.date)]]\n      </div>\n      <div>Home Assistant:</div>\n      <paper-checkbox checked="{{restoreHass}}">\n        Home Assistant [[snapshot.homeassistant]]\n      </paper-checkbox>\n      <template is="dom-if" if="[[snapshot.addons.length]]">\n        <div>Folders:</div>\n        <template is="dom-repeat" items="[[snapshot.folders]]">\n          <paper-checkbox checked="{{item.checked}}">\n            [[item.name]]\n          </paper-checkbox>\n        </template>\n      </template>\n      <template is="dom-if" if="[[snapshot.addons.length]]">\n        <div>Add-ons:</div>\n        <paper-dialog-scrollable>\n          <template is="dom-repeat" items="[[snapshot.addons]]" sort="_sortAddons">\n            <paper-checkbox checked="{{item.checked}}">\n              [[item.name]]\n              <span class="details">([[item.version]])</span>\n            </paper-checkbox>\n          </template>\n        </paper-dialog-scrollable>\n      </template>\n      <template is="dom-if" if="[[snapshot.protected]]">\n        <paper-input autofocus="" label="Password" type="password" value="{{snapshotPassword}}"></paper-input>\n      </template>\n      <template is="dom-if" if="[[error]]">\n        <p class="error">Error: [[error]]</p>\n      </template>\n      <div class="buttons">\n        <paper-icon-button icon="hassio:delete" on-click="_deleteClicked" class="warning" title="Delete snapshot"></paper-icon-button>\n        <a href="[[_computeDownloadUrl(snapshotSlug)]]" download="[[_computeDownloadName(snapshot)]]">\n          <paper-icon-button icon="hassio:download" class="download" title="Download snapshot"></paper-icon-button>\n        </a>\n        <paper-button on-click="_partialRestoreClicked">Restore selected</paper-button>\n        <template is="dom-if" if="[[_isFullSnapshot(snapshot.type)]]">\n          <paper-button on-click="_fullRestoreClicked">Wipe &amp; restore</paper-button>\n        </template>\n      </div>\n    </paper-dialog>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style-dialog">\n      paper-dialog {\n        min-width: 350px;\n        font-size: 14px;\n        border-radius: 2px;\n      }\n      app-toolbar {\n        margin: 0;\n        padding: 0 16px;\n        color: var(--primary-text-color);\n        background-color: var(--secondary-background-color);\n      }\n      app-toolbar [main-title] {\n        margin-left: 16px;\n      }\n      paper-dialog-scrollable {\n        margin: 0;\n      }\n      paper-checkbox {\n        display: block;\n        margin: 4px;\n      }\n      @media all and (max-width: 450px), all and (max-height: 500px) {\n        paper-dialog {\n          max-height: 100%;\n          height: 100%;\n        }\n        app-toolbar {\n          color: var(--text-primary-color);\n          background-color: var(--primary-color);\n        }\n      }\n      .details {\n        color: var(--secondary-text-color);\n      }\n      .download {\n        color: var(--primary-color);\n      }\n      .warning,\n      .error {\n        color: var(--google-red-500);\n      }\n    </style>\n    <paper-dialog id="dialog" with-backdrop="" on-iron-overlay-closed="_dialogClosed">\n      <app-toolbar>\n        <paper-icon-button icon="hassio:close" dialog-dismiss=""></paper-icon-button>\n        <div main-title="">[[_computeName(snapshot)]]</div>\n      </app-toolbar>\n      <div class="details">\n        [[_computeType(snapshot.type)]] ([[_computeSize(snapshot.size)]])<br>\n        [[_formatDatetime(snapshot.date)]]\n      </div>\n      <div>Home Assistant:</div>\n      <paper-checkbox checked="{{restoreHass}}">\n        Home Assistant [[snapshot.homeassistant]]\n      </paper-checkbox>\n      <template is="dom-if" if="[[snapshot.addons.length]]">\n        <div>Folders:</div>\n        <template is="dom-repeat" items="[[snapshot.folders]]">\n          <paper-checkbox checked="{{item.checked}}">\n            [[item.name]]\n          </paper-checkbox>\n        </template>\n      </template>\n      <template is="dom-if" if="[[snapshot.addons.length]]">\n        <div>Add-ons:</div>\n        <paper-dialog-scrollable>\n          <template is="dom-repeat" items="[[snapshot.addons]]" sort="_sortAddons">\n            <paper-checkbox checked="{{item.checked}}">\n              [[item.name]]\n              <span class="details">([[item.version]])</span>\n            </paper-checkbox>\n          </template>\n        </paper-dialog-scrollable>\n      </template>\n      <template is="dom-if" if="[[snapshot.protected]]">\n        <paper-input autofocus="" label="Password" type="password" value="{{snapshotPassword}}"></paper-input>\n      </template>\n      <template is="dom-if" if="[[error]]">\n        <p class="error">Error: [[error]]</p>\n      </template>\n      <div class="buttons">\n        <paper-icon-button icon="hassio:delete" on-click="_deleteClicked" class="warning" title="Delete snapshot"></paper-icon-button>\n        <a href="[[_computeDownloadUrl(snapshotSlug)]]" download="[[_computeDownloadName(snapshot)]]">\n          <paper-icon-button icon="hassio:download" class="download" title="Download snapshot"></paper-icon-button>\n        </a>\n        <paper-button on-click="_partialRestoreClicked">Restore selected</paper-button>\n        <template is="dom-if" if="[[_isFullSnapshot(snapshot.type)]]">\n          <paper-button on-click="_fullRestoreClicked">Wipe &amp; restore</paper-button>\n        </template>\n      </div>\n    </paper-dialog>\n'])}})),Ae=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),Ee(n,[{key:"_snapshotSlugChanged",value:function(e){var n=this;e&&"update"!==e&&this.hass.callApi("get","hassio/snapshots/"+e+"/info").then(function(e){e.data.folders=n._computeFolders(e.data.folders),e.data.addons=n._computeAddons(e.data.addons),n.snapshot=e.data,n.$.dialog.open()},function(){n.snapshot=null})}},{key:"_computeFolders",value:function(e){var n=[];return e.includes("homeassistant")&&n.push({slug:"homeassistant",name:"Home Assistant configuration",checked:!0}),e.includes("ssl")&&n.push({slug:"ssl",name:"SSL",checked:!0}),e.includes("share")&&n.push({slug:"share",name:"Share",checked:!0}),e.includes("addons/local")&&n.push({slug:"addons/local",name:"Local add-ons",checked:!0}),n}},{key:"_computeAddons",value:function(e){return e.map(function(e){return{slug:e.slug,name:e.name,version:e.version,checked:!0}})}},{key:"_isFullSnapshot",value:function(e){return"full"===e}},{key:"_partialRestoreClicked",value:function(){var e=this;if(confirm("Are you sure you want to restore this snapshot?")){var n=this.snapshot.addons.filter(function(e){return e.checked}).map(function(e){return e.slug}),t=this.snapshot.folders.filter(function(e){return e.checked}).map(function(e){return e.slug}),o={homeassistant:this.restoreHass,addons:n,folders:t};this.snapshot.protected&&(o.password=this.snapshotPassword),this.hass.callApi("post","hassio/snapshots/"+this.snapshotSlug+"/restore/partial",o).then(function(){alert("Snapshot restored!"),e.$.dialog.close()},function(n){e.error=n.body.message})}}},{key:"_fullRestoreClicked",value:function(){var e=this;if(confirm("Are you sure you want to restore this snapshot?")){var n=this.snapshot.protected?{password:this.snapshotPassword}:null;this.hass.callApi("post","hassio/snapshots/"+this.snapshotSlug+"/restore/full",n).then(function(){alert("Snapshot restored!"),e.$.dialog.close()},function(n){e.error=n.body.message})}}},{key:"_deleteClicked",value:function(){var e=this;confirm("Are you sure you want to delete this snapshot?")&&this.hass.callApi("post","hassio/snapshots/"+this.snapshotSlug+"/remove").then(function(){e.$.dialog.close(),e.snapshotDeleted=!0},function(n){e.error=n.body.message})}},{key:"_computeDownloadUrl",value:function(e){return"/api/hassio/snapshots/"+e+"/download?api_password="+encodeURIComponent(this.hass.connection.options.authToken)}},{key:"_computeDownloadName",value:function(e){return"Hass_io_"+this._computeName(e).replace(/[^a-z0-9]+/gi,"_")+".tar"}},{key:"_computeName",value:function(e){return e.name||e.slug}},{key:"_computeType",value:function(e){return"full"===e?"Full snapshot":"Partial snapshot"}},{key:"_computeSize",value:function(e){return Math.ceil(10*e)/10+" MB"}},{key:"_sortAddons",value:function(e,n){return e.name<n.name?-1:1}},{key:"_formatDatetime",value:function(e){return new Date(e).toLocaleDateString(navigator.language,{weekday:"long",year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"2-digit"})}},{key:"_dialogClosed",value:function(){this.snapshotSlug=null}}],[{key:"template",get:function(){return Object(r.a)(Te)}},{key:"properties",get:function(){return{hass:Object,snapshotSlug:{type:String,notify:!0,observer:"_snapshotSlugChanged"},snapshotDeleted:{type:Boolean,notify:!0},snapshot:Object,restoreHass:{type:Boolean,value:!0},snapshotPassword:String,error:String}}}]),n}();customElements.define("hassio-snapshot",Ae),t(60),t(87);var Re=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),De=Object.freeze(Object.defineProperties(['\n    <style include="ha-style hassio-style">\n      paper-radio-group {\n        display: block;\n      }\n      paper-radio-button {\n        padding: 0 0 2px 2px;\n      }\n      paper-radio-button,\n      paper-checkbox,\n      paper-input[type="password"] {\n        display: block;\n        margin: 4px 0 4px 48px;\n      }\n      .pointer {\n        cursor: pointer;\n      }\n    </style>\n    <div class="content">\n      <div class="card-group">\n        <div class="title">\n          Create snapshot\n          <div class="description">\n            Snapshots allow you to easily backup and\n            restore all data of your Hass.io instance.\n          </div>\n        </div>\n        <paper-card>\n          <div class="card-content">\n            <paper-input autofocus="" label="Name" value="{{snapshotName}}"></paper-input>\n            Type:\n            <paper-radio-group selected="{{snapshotType}}">\n              <paper-radio-button name="full">\n                Full snapshot\n              </paper-radio-button>\n              <paper-radio-button name="partial">\n                Partial snapshot\n              </paper-radio-button>\n            </paper-radio-group>\n            <template is="dom-if" if="[[!_fullSelected(snapshotType)]]">\n              Folders:\n              <template is="dom-repeat" items="[[folderList]]">\n                <paper-checkbox checked="{{item.checked}}">\n                  [[item.name]]\n                </paper-checkbox>\n              </template>\n              Add-ons:\n              <template is="dom-repeat" items="[[addonList]]" sort="_sortAddons">\n                <paper-checkbox checked="{{item.checked}}">\n                  [[item.name]]\n                </paper-checkbox>\n              </template>\n            </template>\n            Security:\n            <paper-checkbox checked="{{snapshotHasPassword}}">Password protection</paper-checkbox>\n            <template is="dom-if" if="[[snapshotHasPassword]]">\n              <paper-input label="Password" type="password" value="{{snapshotPassword}}"></paper-input>\n            </template>\n            <template is="dom-if" if="[[error]]">\n              <p class="error">[[error]]</p>\n            </template>\n          </div>\n          <div class="card-actions">\n            <paper-button disabled="[[creatingSnapshot]]" on-click="_createSnapshot">Create</paper-button>\n          </div>\n        </paper-card>\n      </div>\n\n      <div class="card-group">\n        <div class="title">Available snapshots</div>\n        <template is="dom-if" if="[[!snapshots.length]]">\n          <paper-card>\n            <div class="card-content">You don\'t have any snapshots yet.</div>\n          </paper-card>\n        </template>\n        <template is="dom-repeat" items="[[snapshots]]" as="snapshot" sort="_sortSnapshots">\n          <paper-card class="pointer" on-click="_snapshotClicked">\n            <div class="card-content">\n              <hassio-card-content hass="[[hass]]" title="[[_computeName(snapshot)]]" description="[[_computeDetails(snapshot)]]" datetime="[[snapshot.date]]" icon="[[_computeIcon(snapshot.type)]]" icon-class="snapshot"></hassio-card-content>\n            </div>\n          </paper-card>\n        </template>\n      </div>\n    </div>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style hassio-style">\n      paper-radio-group {\n        display: block;\n      }\n      paper-radio-button {\n        padding: 0 0 2px 2px;\n      }\n      paper-radio-button,\n      paper-checkbox,\n      paper-input[type="password"] {\n        display: block;\n        margin: 4px 0 4px 48px;\n      }\n      .pointer {\n        cursor: pointer;\n      }\n    </style>\n    <div class="content">\n      <div class="card-group">\n        <div class="title">\n          Create snapshot\n          <div class="description">\n            Snapshots allow you to easily backup and\n            restore all data of your Hass.io instance.\n          </div>\n        </div>\n        <paper-card>\n          <div class="card-content">\n            <paper-input autofocus="" label="Name" value="{{snapshotName}}"></paper-input>\n            Type:\n            <paper-radio-group selected="{{snapshotType}}">\n              <paper-radio-button name="full">\n                Full snapshot\n              </paper-radio-button>\n              <paper-radio-button name="partial">\n                Partial snapshot\n              </paper-radio-button>\n            </paper-radio-group>\n            <template is="dom-if" if="[[!_fullSelected(snapshotType)]]">\n              Folders:\n              <template is="dom-repeat" items="[[folderList]]">\n                <paper-checkbox checked="{{item.checked}}">\n                  [[item.name]]\n                </paper-checkbox>\n              </template>\n              Add-ons:\n              <template is="dom-repeat" items="[[addonList]]" sort="_sortAddons">\n                <paper-checkbox checked="{{item.checked}}">\n                  [[item.name]]\n                </paper-checkbox>\n              </template>\n            </template>\n            Security:\n            <paper-checkbox checked="{{snapshotHasPassword}}">Password protection</paper-checkbox>\n            <template is="dom-if" if="[[snapshotHasPassword]]">\n              <paper-input label="Password" type="password" value="{{snapshotPassword}}"></paper-input>\n            </template>\n            <template is="dom-if" if="[[error]]">\n              <p class="error">[[error]]</p>\n            </template>\n          </div>\n          <div class="card-actions">\n            <paper-button disabled="[[creatingSnapshot]]" on-click="_createSnapshot">Create</paper-button>\n          </div>\n        </paper-card>\n      </div>\n\n      <div class="card-group">\n        <div class="title">Available snapshots</div>\n        <template is="dom-if" if="[[!snapshots.length]]">\n          <paper-card>\n            <div class="card-content">You don\'t have any snapshots yet.</div>\n          </paper-card>\n        </template>\n        <template is="dom-repeat" items="[[snapshots]]" as="snapshot" sort="_sortSnapshots">\n          <paper-card class="pointer" on-click="_snapshotClicked">\n            <div class="card-content">\n              <hassio-card-content hass="[[hass]]" title="[[_computeName(snapshot)]]" description="[[_computeDetails(snapshot)]]" datetime="[[snapshot.date]]" icon="[[_computeIcon(snapshot.type)]]" icon-class="snapshot"></hassio-card-content>\n            </div>\n          </paper-card>\n        </template>\n      </div>\n    </div>\n'])}})),Ie=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),Re(n,[{key:"ready",value:function(){var e=this;(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),this.addEventListener("hass-api-called",function(n){return e._apiCalled(n)}),this._updateSnapshots()}},{key:"_apiCalled",value:function(e){e.detail.success&&this._updateSnapshots()}},{key:"_updateSnapshots",value:function(){var e=this;this.hass.callApi("get","hassio/snapshots").then(function(n){e.snapshots=n.data.snapshots},function(n){e.error=n.message})}},{key:"_createSnapshot",value:function(){var e=this;if(this.error="",!this.snapshotHasPassword||this.snapshotPassword.length){this.creatingSnapshot=!0;var n=this.snapshotName;n.length||(n=(new Date).toLocaleDateString(navigator.language,{weekday:"long",year:"numeric",month:"short",day:"numeric"}));var t=void 0,o=void 0;if("full"===this.snapshotType)t={name:n},o="hassio/snapshots/new/full";else{var a=this.addonList.filter(function(e){return e.checked}).map(function(e){return e.slug});t={name:n,folders:this.folderList.filter(function(e){return e.checked}).map(function(e){return e.slug}),addons:a},o="hassio/snapshots/new/partial"}this.snapshotHasPassword&&(t.password=this.snapshotPassword),this.hass.callApi("post",o,t).then(function(){e.creatingSnapshot=!1,e.fire("hass-api-called",{success:!0})},function(n){e.creatingSnapshot=!1,e.error=n.message})}else this.error="Please enter a password."}},{key:"_installedAddonsChanged",value:function(e){this.addonList=e.map(function(e){return{slug:e.slug,name:e.name,checked:!0}})}},{key:"_sortAddons",value:function(e,n){return e.name<n.name?-1:1}},{key:"_sortSnapshots",value:function(e,n){return e.date<n.date?1:-1}},{key:"_computeName",value:function(e){return e.name||e.slug}},{key:"_computeDetails",value:function(e){var n="full"===e.type?"Full snapshot":"Partial snapshot";return e.protected?n+", password protected":n}},{key:"_computeIcon",value:function(e){return"full"===e?"hassio:package-variant-closed":"hassio:package-variant"}},{key:"_snapshotClicked",value:function(e){this.snapshotSlug=e.model.snapshot.slug}},{key:"_fullSelected",value:function(e){return"full"===e}},{key:"_snapshotDeletedChanged",value:function(e){e&&(this._updateSnapshots(),this.snapshotDeleted=!1)}},{key:"refreshData",value:function(){var e=this;this.hass.callApi("post","hassio/snapshots/reload").then(function(){e._updateSnapshots()})}}],[{key:"template",get:function(){return Object(r.a)(De)}},{key:"properties",get:function(){return{hass:Object,snapshotName:{type:String,value:""},snapshotPassword:{type:String,value:""},snapshotHasPassword:Boolean,snapshotType:{type:String,value:"full"},snapshots:{type:Array,value:[]},installedAddons:{type:Array,observer:"_installedAddonsChanged"},addonList:Array,folderList:{type:Array,value:[{slug:"homeassistant",name:"Home Assistant configuration",checked:!0},{slug:"ssl",name:"SSL",checked:!0},{slug:"share",name:"Share",checked:!0},{slug:"addons/local",name:"Local add-ons",checked:!0}]},snapshotSlug:{type:String,notify:!0},snapshotDeleted:{type:Boolean,notify:!0,observer:"_snapshotDeletedChanged"},creatingSnapshot:Boolean,dialogOpened:Boolean,error:String}}}]),n}();customElements.define("hassio-snapshots",Ie);var ze="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),Le=Object.freeze(Object.defineProperties(['\n    <style include="iron-flex ha-style">\n      paper-card {\n        display: inline-block;\n        width: 400px;\n        margin-left: 8px;\n      }\n      .card-content {\n        height: 200px;\n      }\n      @media screen and (max-width: 830px) {\n        paper-card {\n          margin-top: 8px;\n          margin-left: 0;\n          width: 100%;\n        }\n        .card-content {\n          height: 100%;\n        }\n      }\n      .info {\n        width: 100%;\n      }\n      .info td:nth-child(2) {\n        text-align: right;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-top: 16px;\n      }\n      paper-button.info {\n        max-width: 50%;\n      }\n    </style>\n    <paper-card>\n      <div class="card-content">\n        <h2>Host system</h2>\n        <table class="info">\n          <tbody><tr>\n            <td>Hostname</td>\n            <td>[[data.hostname]]</td>\n          </tr>\n          <tr>\n            <td>System</td>\n            <td>[[data.operating_system]]</td>\n          </tr>\n          <template is="dom-if" if="[[data.deployment]]">\n            <tr>\n              <td>Deployment</td>\n              <td>[[data.deployment]]</td>\n            </tr>\n          </template>\n        </tbody></table>\n        <paper-button raised="" on-click="_showHardware" class="info">Show hardware</paper-button>\n        <template is="dom-if" if="[[errors]]">\n          <div class="errors">Error: [[errors]]</div>\n        </template>\n      </div>\n      <div class="card-actions">\n        <template is="dom-if" if="[[computeRebootAvailable(data)]]">\n          <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/host/reboot">Reboot</ha-call-api-button>\n        </template>\n        <template is="dom-if" if="[[computeShutdownAvailable(data)]]">\n          <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/host/shutdown">Shutdown</ha-call-api-button>\n        </template>\n        <template is="dom-if" if="[[computeUpdateAvailable(data)]]">\n          <ha-call-api-button hass="[[hass]]" path="hassio/host/update">Update</ha-call-api-button>\n        </template>\n      </div>\n    </paper-card>\n'],{raw:{value:Object.freeze(['\n    <style include="iron-flex ha-style">\n      paper-card {\n        display: inline-block;\n        width: 400px;\n        margin-left: 8px;\n      }\n      .card-content {\n        height: 200px;\n      }\n      @media screen and (max-width: 830px) {\n        paper-card {\n          margin-top: 8px;\n          margin-left: 0;\n          width: 100%;\n        }\n        .card-content {\n          height: 100%;\n        }\n      }\n      .info {\n        width: 100%;\n      }\n      .info td:nth-child(2) {\n        text-align: right;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-top: 16px;\n      }\n      paper-button.info {\n        max-width: 50%;\n      }\n    </style>\n    <paper-card>\n      <div class="card-content">\n        <h2>Host system</h2>\n        <table class="info">\n          <tbody><tr>\n            <td>Hostname</td>\n            <td>[[data.hostname]]</td>\n          </tr>\n          <tr>\n            <td>System</td>\n            <td>[[data.operating_system]]</td>\n          </tr>\n          <template is="dom-if" if="[[data.deployment]]">\n            <tr>\n              <td>Deployment</td>\n              <td>[[data.deployment]]</td>\n            </tr>\n          </template>\n        </tbody></table>\n        <paper-button raised="" on-click="_showHardware" class="info">Show hardware</paper-button>\n        <template is="dom-if" if="[[errors]]">\n          <div class="errors">Error: [[errors]]</div>\n        </template>\n      </div>\n      <div class="card-actions">\n        <template is="dom-if" if="[[computeRebootAvailable(data)]]">\n          <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/host/reboot">Reboot</ha-call-api-button>\n        </template>\n        <template is="dom-if" if="[[computeShutdownAvailable(data)]]">\n          <ha-call-api-button class="warning" hass="[[hass]]" path="hassio/host/shutdown">Shutdown</ha-call-api-button>\n        </template>\n        <template is="dom-if" if="[[computeUpdateAvailable(data)]]">\n          <ha-call-api-button hass="[[hass]]" path="hassio/host/update">Update</ha-call-api-button>\n        </template>\n      </div>\n    </paper-card>\n'])}})),He=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),qe(n,[{key:"ready",value:function(){var e=this;(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),this.addEventListener("hass-api-called",function(n){return e.apiCalled(n)})}},{key:"apiCalled",value:function(e){if(e.detail.success)this.errors=null;else{var n=e.detail.response;"object"===ze(n.body)?this.errors=n.body.message||"Unknown error":this.errors=n.body}}},{key:"computeUpdateAvailable",value:function(e){return e.version!==e.last_version}},{key:"computeRebootAvailable",value:function(e){return e.features&&e.features.includes("reboot")}},{key:"computeShutdownAvailable",value:function(e){return e.features&&e.features.includes("shutdown")}},{key:"_showHardware",value:function(){var e=this;this.hass.callApi("get","hassio/hardware/info").then(function(n){return e._objectToMarkdown(n.data)},function(){return"Error getting hardware info"}).then(function(n){e.fire("hassio-markdown-dialog",{title:"Hardware",content:n})})}},{key:"_objectToMarkdown",value:function(e){var n=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",o="";return Object.keys(e).forEach(function(a){"object"!==ze(e[a])?o+=t+"- "+a+": "+e[a]+"\n":(o+=t+"- "+a+":\n",Array.isArray(e[a])?e[a].length&&(o+=t+"    - "+e[a].join("\n"+t+"    - ")+"\n"):o+=n._objectToMarkdown(e[a],"    "+t))}),o}}],[{key:"template",get:function(){return Object(r.a)(Le)}},{key:"properties",get:function(){return{hass:Object,data:Object,errors:String}}}]),n}();customElements.define("hassio-host-info",He);var Me="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ue=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),Be=Object.freeze(Object.defineProperties(['\n    <style include="iron-flex ha-style">\n      paper-card {\n        display: inline-block;\n        width: 400px;\n      }\n      .card-content {\n        height: 200px;\n      }\n      @media screen and (max-width: 830px) {\n        paper-card {\n          width: 100%;\n        }\n        .card-content {\n          height: 100%;\n        }\n      }\n      .info {\n        width: 100%;\n      }\n      .info td:nth-child(2) {\n        text-align: right;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-top: 16px;\n      }\n    </style>\n    <paper-card>\n      <div class="card-content">\n        <h2>Hass.io supervisor</h2>\n        <table class="info">\n          <tbody><tr>\n            <td>Version</td>\n            <td>\n              [[data.version]]\n            </td>\n          </tr>\n          <tr>\n            <td>Latest version</td>\n            <td>[[data.last_version]]</td>\n          </tr>\n          <template is="dom-if" if="[[!_equals(data.channel, &quot;stable&quot;)]]">\n            <tr>\n              <td>Channel</td>\n              <td>[[data.channel]]</td>\n            </tr>\n          </template>\n        </tbody></table>\n        <template is="dom-if" if="[[errors]]">\n          <div class="errors">Error: [[errors]]</div>\n        </template>\n      </div>\n      <div class="card-actions">\n        <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/reload">Reload</ha-call-api-button>\n        <template is="dom-if" if="[[computeUpdateAvailable(data)]]">\n          <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/update">Update</ha-call-api-button>\n        </template>\n        <template is="dom-if" if="[[_equals(data.channel, &quot;beta&quot;)]]">\n          <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/options" data="[[leaveBeta]]">Leave beta channel</ha-call-api-button>\n        </template>\n        <template is="dom-if" if="[[_equals(data.channel, &quot;stable&quot;)]]">\n          <paper-button on-click="_joinBeta" class="warning" title="Get beta updates for Home Assistant (RCs), supervisor and host">Join beta channel</paper-button>\n        </template>\n      </div>\n    </paper-card>\n'],{raw:{value:Object.freeze(['\n    <style include="iron-flex ha-style">\n      paper-card {\n        display: inline-block;\n        width: 400px;\n      }\n      .card-content {\n        height: 200px;\n      }\n      @media screen and (max-width: 830px) {\n        paper-card {\n          width: 100%;\n        }\n        .card-content {\n          height: 100%;\n        }\n      }\n      .info {\n        width: 100%;\n      }\n      .info td:nth-child(2) {\n        text-align: right;\n      }\n      .errors {\n        color: var(--google-red-500);\n        margin-top: 16px;\n      }\n    </style>\n    <paper-card>\n      <div class="card-content">\n        <h2>Hass.io supervisor</h2>\n        <table class="info">\n          <tbody><tr>\n            <td>Version</td>\n            <td>\n              [[data.version]]\n            </td>\n          </tr>\n          <tr>\n            <td>Latest version</td>\n            <td>[[data.last_version]]</td>\n          </tr>\n          <template is="dom-if" if="[[!_equals(data.channel, &quot;stable&quot;)]]">\n            <tr>\n              <td>Channel</td>\n              <td>[[data.channel]]</td>\n            </tr>\n          </template>\n        </tbody></table>\n        <template is="dom-if" if="[[errors]]">\n          <div class="errors">Error: [[errors]]</div>\n        </template>\n      </div>\n      <div class="card-actions">\n        <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/reload">Reload</ha-call-api-button>\n        <template is="dom-if" if="[[computeUpdateAvailable(data)]]">\n          <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/update">Update</ha-call-api-button>\n        </template>\n        <template is="dom-if" if="[[_equals(data.channel, &quot;beta&quot;)]]">\n          <ha-call-api-button hass="[[hass]]" path="hassio/supervisor/options" data="[[leaveBeta]]">Leave beta channel</ha-call-api-button>\n        </template>\n        <template is="dom-if" if="[[_equals(data.channel, &quot;stable&quot;)]]">\n          <paper-button on-click="_joinBeta" class="warning" title="Get beta updates for Home Assistant (RCs), supervisor and host">Join beta channel</paper-button>\n        </template>\n      </div>\n    </paper-card>\n'])}})),Fe=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,p(i.a)),Ue(n,[{key:"ready",value:function(){var e=this;(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),this.addEventListener("hass-api-called",function(n){return e.apiCalled(n)})}},{key:"apiCalled",value:function(e){if(e.detail.success)this.errors=null;else{var n=e.detail.response;"object"===Me(n.body)?this.errors=n.body.message||"Unknown error":this.errors=n.body}}},{key:"computeUpdateAvailable",value:function(e){return e.version!==e.last_version}},{key:"_equals",value:function(e,n){return e===n}},{key:"_joinBeta",value:function(){var e=this;if(confirm("WARNING:\nBeta releases are for testers and early adopters and can contain unstable code changes. Make sure you have backups of your data before you activate this feature.\n\nThis inludes beta releases for:\n- Home Assistant (Release Candidates)\n- Hass.io supervisor\n- Host system")){var n="hassio/supervisor/options",t={channel:"beta"},o={method:"post",path:n,data:t};this.hass.callApi("post",n,t).then(function(e){o.success=!0,o.response=e},function(e){o.success=!1,o.response=e}).then(function(){e.fire("hass-api-called",o)})}}}],[{key:"template",get:function(){return Object(r.a)(Be)}},{key:"properties",get:function(){return{hass:Object,data:Object,errors:String,leaveBeta:{type:Object,value:{channel:"stable"}}}}}]),n}();customElements.define("hassio-supervisor-info",Fe);var Ne=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),$e=Object.freeze(Object.defineProperties(['\n    <style include="ha-style">\n      paper-card {\n        display: block;\n      }\n      pre {\n        overflow-x: auto;\n      }\n    </style>\n    <paper-card>\n      <div class="card-content">\n        <pre>[[log]]</pre>\n      </div>\n      <div class="card-actions">\n        <paper-button on-click="refreshTapped">Refresh</paper-button>\n      </div>\n    </paper-card>\n'],{raw:{value:Object.freeze(['\n    <style include="ha-style">\n      paper-card {\n        display: block;\n      }\n      pre {\n        overflow-x: auto;\n      }\n    </style>\n    <paper-card>\n      <div class="card-content">\n        <pre>[[log]]</pre>\n      </div>\n      <div class="card-actions">\n        <paper-button on-click="refreshTapped">Refresh</paper-button>\n      </div>\n    </paper-card>\n'])}})),We=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),Ne(n,[{key:"ready",value:function(){(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),this.loadData()}},{key:"loadData",value:function(){var e=this;this.hass.callApi("get","hassio/supervisor/logs").then(function(n){e.log=n},function(){e.log="Error fetching logs"})}},{key:"refreshTapped",value:function(){this.loadData()}}],[{key:"template",get:function(){return Object(r.a)($e)}},{key:"properties",get:function(){return{hass:Object,log:String}}}]),n}();customElements.define("hassio-supervisor-log",We);var Ye=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),Je=Object.freeze(Object.defineProperties(['\n    <style include="iron-flex ha-style">\n      .content {\n        margin: 4px;\n      }\n      .title {\n        margin-top: 24px;\n        color: var(--primary-text-color);\n        font-size: 2em;\n        padding-left: 8px;\n        margin-bottom: 8px;\n      }\n    </style>\n    <div class="content">\n      <div class="title">Information</div>\n      <hassio-supervisor-info hass="[[hass]]" data="[[supervisorInfo]]"></hassio-supervisor-info>\n      <hassio-host-info hass="[[hass]]" data="[[hostInfo]]"></hassio-host-info>\n      <div class="title">System log</div>\n      <hassio-supervisor-log hass="[[hass]]"></hassio-supervisor-log>\n    </div>\n'],{raw:{value:Object.freeze(['\n    <style include="iron-flex ha-style">\n      .content {\n        margin: 4px;\n      }\n      .title {\n        margin-top: 24px;\n        color: var(--primary-text-color);\n        font-size: 2em;\n        padding-left: 8px;\n        margin-bottom: 8px;\n      }\n    </style>\n    <div class="content">\n      <div class="title">Information</div>\n      <hassio-supervisor-info hass="[[hass]]" data="[[supervisorInfo]]"></hassio-supervisor-info>\n      <hassio-host-info hass="[[hass]]" data="[[hostInfo]]"></hassio-host-info>\n      <div class="title">System log</div>\n      <hassio-supervisor-log hass="[[hass]]"></hassio-supervisor-log>\n    </div>\n'])}})),Ge=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,i.a),Ye(n,null,[{key:"template",get:function(){return Object(r.a)(Je)}},{key:"properties",get:function(){return{hass:Object,supervisorInfo:Object,hostInfo:Object}}}]),n}();customElements.define("hassio-system",Ge);var Ve=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),Xe=Object.freeze(Object.defineProperties(['\n    <style include="iron-flex iron-positioning ha-style">\n      :host {\n        color: var(--primary-text-color);\n        --paper-card-header-color: var(--primary-text-color);\n      }\n      paper-tabs {\n        margin-left: 12px;\n        --paper-tabs-selection-bar-color: #FFF;\n        text-transform: uppercase;\n      }\n    </style>\n    <app-header-layout has-scrolling-region="">\n      <app-header fixed="" slot="header">\n        <app-toolbar>\n          <ha-menu-button hassio narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>\n          <div main-title="">Hass.io</div>\n          <template is="dom-if" if="[[showRefreshButton(page)]]">\n            <paper-icon-button icon="hassio:refresh" on-click="refreshClicked"></paper-icon-button>\n          </template>\n        </app-toolbar>\n        <paper-tabs scrollable="" selected="[[page]]" attr-for-selected="page-name" on-iron-activate="handlePageSelected">\n          <paper-tab page-name="dashboard">Dashboard</paper-tab>\n          <paper-tab page-name="snapshots">Snapshots</paper-tab>\n          <paper-tab page-name="store">Add-on store</paper-tab>\n          <paper-tab page-name="system">System</paper-tab>\n        </paper-tabs>\n      </app-header>\n      <template is="dom-if" if="[[equals(page, &quot;dashboard&quot;)]]">\n        <hassio-dashboard hass="[[hass]]" supervisor-info="[[supervisorInfo]]" hass-info="[[hassInfo]]"></hassio-dashboard>\n      </template>\n      <template is="dom-if" if="[[equals(page, &quot;snapshots&quot;)]]">\n        <hassio-snapshots hass="[[hass]]" installed-addons="[[supervisorInfo.addons]]" snapshot-slug="{{snapshotSlug}}" snapshot-deleted="{{snapshotDeleted}}"></hassio-snapshots>\n      </template>\n      <template is="dom-if" if="[[equals(page, &quot;store&quot;)]]">\n        <hassio-addon-store hass="[[hass]]"></hassio-addon-store>\n      </template>\n      <template is="dom-if" if="[[equals(page, &quot;system&quot;)]]">\n        <hassio-system hass="[[hass]]" supervisor-info="[[supervisorInfo]]" host-info="[[hostInfo]]"></hassio-system>\n      </template>\n    </app-header-layout>\n\n    <hassio-markdown-dialog title="[[markdownTitle]]" content="[[markdownContent]]"></hassio-markdown-dialog>\n\n    <template is="dom-if" if="[[equals(page, &quot;snapshots&quot;)]]">\n      <hassio-snapshot hass="[[hass]]" snapshot-slug="{{snapshotSlug}}" snapshot-deleted="{{snapshotDeleted}}"></hassio-snapshot>\n    </template>\n'],{raw:{value:Object.freeze(['\n    <style include="iron-flex iron-positioning ha-style">\n      :host {\n        color: var(--primary-text-color);\n        --paper-card-header-color: var(--primary-text-color);\n      }\n      paper-tabs {\n        margin-left: 12px;\n        --paper-tabs-selection-bar-color: #FFF;\n        text-transform: uppercase;\n      }\n    </style>\n    <app-header-layout has-scrolling-region="">\n      <app-header fixed="" slot="header">\n        <app-toolbar>\n          <ha-menu-button hassio narrow="[[narrow]]" show-menu="[[showMenu]]"></ha-menu-button>\n          <div main-title="">Hass.io</div>\n          <template is="dom-if" if="[[showRefreshButton(page)]]">\n            <paper-icon-button icon="hassio:refresh" on-click="refreshClicked"></paper-icon-button>\n          </template>\n        </app-toolbar>\n        <paper-tabs scrollable="" selected="[[page]]" attr-for-selected="page-name" on-iron-activate="handlePageSelected">\n          <paper-tab page-name="dashboard">Dashboard</paper-tab>\n          <paper-tab page-name="snapshots">Snapshots</paper-tab>\n          <paper-tab page-name="store">Add-on store</paper-tab>\n          <paper-tab page-name="system">System</paper-tab>\n        </paper-tabs>\n      </app-header>\n      <template is="dom-if" if="[[equals(page, &quot;dashboard&quot;)]]">\n        <hassio-dashboard hass="[[hass]]" supervisor-info="[[supervisorInfo]]" hass-info="[[hassInfo]]"></hassio-dashboard>\n      </template>\n      <template is="dom-if" if="[[equals(page, &quot;snapshots&quot;)]]">\n        <hassio-snapshots hass="[[hass]]" installed-addons="[[supervisorInfo.addons]]" snapshot-slug="{{snapshotSlug}}" snapshot-deleted="{{snapshotDeleted}}"></hassio-snapshots>\n      </template>\n      <template is="dom-if" if="[[equals(page, &quot;store&quot;)]]">\n        <hassio-addon-store hass="[[hass]]"></hassio-addon-store>\n      </template>\n      <template is="dom-if" if="[[equals(page, &quot;system&quot;)]]">\n        <hassio-system hass="[[hass]]" supervisor-info="[[supervisorInfo]]" host-info="[[hostInfo]]"></hassio-system>\n      </template>\n    </app-header-layout>\n\n    <hassio-markdown-dialog title="[[markdownTitle]]" content="[[markdownContent]]"></hassio-markdown-dialog>\n\n    <template is="dom-if" if="[[equals(page, &quot;snapshots&quot;)]]">\n      <hassio-snapshot hass="[[hass]]" snapshot-slug="{{snapshotSlug}}" snapshot-deleted="{{snapshotDeleted}}"></hassio-snapshot>\n    </template>\n'])}})),Ke=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,pe(i.a)),Ve(n,[{key:"ready",value:function(){var e=this;(function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0})(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),this.addEventListener("hassio-markdown-dialog",function(n){return e.openMarkdown(n)})}},{key:"handlePageSelected",value:function(e){var n=e.detail.item.getAttribute("page-name");n!==this.page&&this.navigate("/hassio/"+n)}},{key:"equals",value:function(e,n){return e===n}},{key:"showRefreshButton",value:function(e){return"store"===e||"snapshots"===e}},{key:"refreshClicked",value:function(){"snapshots"===this.page?this.shadowRoot.querySelector("hassio-snapshots").refreshData():this.shadowRoot.querySelector("hassio-addon-store").refreshData()}},{key:"openMarkdown",value:function(e){this.setProperties({markdownTitle:e.detail.title,markdownContent:e.detail.content}),this.shadowRoot.querySelector("hassio-markdown-dialog").openDialog()}}],[{key:"template",get:function(){return Object(r.a)(Xe)}},{key:"properties",get:function(){return{hass:Object,showMenu:Boolean,narrow:Boolean,page:String,supervisorInfo:Object,hostInfo:Object,hassInfo:Object,snapshotSlug:String,snapshotDeleted:Boolean,markdownTitle:String,markdownContent:{type:String,value:""}}}}]),n}();customElements.define("hassio-pages-with-tabs",Ke);var Qe=function(){function e(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(n,t,o){return t&&e(n.prototype,t),o&&e(n,o),n}}(),Ze=function e(n,t,o){null===n&&(n=Function.prototype);var a=Object.getOwnPropertyDescriptor(n,t);if(void 0===a){var r=Object.getPrototypeOf(n);return null===r?void 0:e(r,t,o)}if("value"in a)return a.value;var i=a.get;return void 0!==i?i.call(o):void 0},en=Object.freeze(Object.defineProperties(['\n    <app-route route="[[route]]" pattern="/:page" data="{{routeData}}"></app-route>\n    <hassio-data id="data" hass="[[hass]]" supervisor="{{supervisorInfo}}" homeassistant="{{hassInfo}}" host="{{hostInfo}}"></hassio-data>\n\n    <template is="dom-if" if="[[!loaded]]">\n      <hass-loading-screen narrow="[[narrow]]" show-menu="[[showMenu]]"></hass-loading-screen>\n    </template>\n\n    <template is="dom-if" if="[[loaded]]">\n      <template is="dom-if" if="[[!equalsAddon(routeData.page)]]">\n        <hassio-pages-with-tabs hass="[[hass]]" narrow="[[narrow]]" show-menu="[[showMenu]]" page="[[routeData.page]]" supervisor-info="[[supervisorInfo]]" hass-info="[[hassInfo]]" host-info="[[hostInfo]]"></hassio-pages-with-tabs>\n      </template>\n      <template is="dom-if" if="[[equalsAddon(routeData.page)]]">\n        <hassio-addon-view hass="[[hass]]" narrow="[[narrow]]" show-menu="[[showMenu]]" route="[[route]]"></hassio-addon-view>\n      </template>\n    </template>\n'],{raw:{value:Object.freeze(['\n    <app-route route="[[route]]" pattern="/:page" data="{{routeData}}"></app-route>\n    <hassio-data id="data" hass="[[hass]]" supervisor="{{supervisorInfo}}" homeassistant="{{hassInfo}}" host="{{hostInfo}}"></hassio-data>\n\n    <template is="dom-if" if="[[!loaded]]">\n      <hass-loading-screen narrow="[[narrow]]" show-menu="[[showMenu]]"></hass-loading-screen>\n    </template>\n\n    <template is="dom-if" if="[[loaded]]">\n      <template is="dom-if" if="[[!equalsAddon(routeData.page)]]">\n        <hassio-pages-with-tabs hass="[[hass]]" narrow="[[narrow]]" show-menu="[[showMenu]]" page="[[routeData.page]]" supervisor-info="[[supervisorInfo]]" hass-info="[[hassInfo]]" host-info="[[hostInfo]]"></hassio-pages-with-tabs>\n      </template>\n      <template is="dom-if" if="[[equalsAddon(routeData.page)]]">\n        <hassio-addon-view hass="[[hass]]" narrow="[[narrow]]" show-menu="[[showMenu]]" route="[[route]]"></hassio-addon-view>\n      </template>\n    </template>\n'])}})),nn=function(e){function n(){return function(e,t){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this),function(e,n){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!n||"object"!=typeof n&&"function"!=typeof n?e:n}(this,(n.__proto__||Object.getPrototypeOf(n)).apply(this,arguments))}return function(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function, not "+typeof n);e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(e,n):e.__proto__=n)}(n,pe(i.a)),Qe(n,[{key:"ready",value:function(){var e=this;Ze(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"ready",this).call(this),function(e,n,t){var o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];e._themes||(e._themes={});var a=n.default_theme;("default"===t||t&&n.themes[t])&&(a=t);var r=Object.assign({},e._themes);if("default"!==a){var i=n.themes[a];Object.keys(i).forEach(function(n){var t="--"+n;e._themes[t]="",r[t]=i[n]})}if(e.updateStyles?e.updateStyles(r):window.ShadyCSS&&window.ShadyCSS.styleSubtree(e,r),o){var s=document.querySelector("meta[name=theme-color]");if(s){s.hasAttribute("default-content")||s.setAttribute("default-content",s.getAttribute("content"));var l=r["--primary-color"]||s.getAttribute("default-content");s.setAttribute("content",l)}}}(this,this.hass.themes,this.hass.selectedTheme,!0),this.addEventListener("hass-api-called",function(n){return e.apiCalled(n)})}},{key:"connectedCallback",value:function(){Ze(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"connectedCallback",this).call(this),this.routeChanged(this.route)}},{key:"apiCalled",value:function(e){var n=this;if(e.detail.success){var t=1;!function e(){n.$.data.refresh().catch(function(){t+=1,setTimeout(e,1e3*Math.min(t,5))})}()}}},{key:"computeIsLoaded",value:function(e,n,t){return null!==e&&null!==n&&null!==t}},{key:"routeChanged",value:function(e){""===e.path&&"/hassio"===e.prefix&&this.navigate("/hassio/dashboard",!0)}},{key:"equalsAddon",value:function(e){return e&&"addon"===e}}],[{key:"template",get:function(){return Object(r.a)(en)}},{key:"properties",get:function(){return{hass:Object,narrow:Boolean,showMenu:Boolean,route:{type:Object,value:{prefix:"/hassio",path:"/dashboard",__queryParams:{}},observer:"routeChanged"},routeData:Object,supervisorInfo:Object,hostInfo:Object,hassInfo:Object,loaded:{type:Boolean,computed:"computeIsLoaded(supervisorInfo, hostInfo, hassInfo)"}}}}]),n}();customElements.define("hassio-main",nn)},25:function(e,n){var t=document.createElement("template");t.setAttribute("style","display: none;"),t.innerHTML='<dom-module id="hassio-style">\n  <template>\n    <style>\n      .card-group {\n        margin-top: 24px;\n      }\n      .card-group .title {\n        color: var(--primary-text-color);\n        font-size: 2em;\n        padding-left: 8px;\n        margin-bottom: 8px;\n      }\n      .card-group .description {\n        font-size: 0.5em;\n        font-weight: 500;\n        margin-top: 4px;\n      }\n      .card-group paper-card {\n        --card-group-columns: 4;\n        width: calc((100% - 12px * var(--card-group-columns)) / var(--card-group-columns));\n        margin: 4px;\n        vertical-align: top;\n      }\n      @media screen and (max-width: 1200px) and (min-width: 901px) {\n        .card-group paper-card {\n          --card-group-columns: 3;\n        }\n      }\n      @media screen and (max-width: 900px) and (min-width: 601px) {\n        .card-group paper-card {\n          --card-group-columns: 2;\n        }\n      }\n      @media screen and (max-width: 600px) and (min-width: 0) {\n        .card-group paper-card {\n          width: 100%;\n          margin: 4px 0;\n        }\n        .content {\n          padding: 0;\n        }\n      }\n      ha-call-api-button {\n        font-weight: 500;\n        color: var(--primary-color);\n      }\n      .error {\n        color: var(--google-red-500);\n        margin-top: 16px;\n      }\n    </style>\n  </template>\n</dom-module>',document.head.appendChild(t.content)}}]);
\ No newline at end of file
diff --git a/hassio/api/panel/chunk.05994812bec7a524b566.js.gz b/hassio/api/panel/chunk.05994812bec7a524b566.js.gz
new file mode 100644
index 000000000..cadb60d63
Binary files /dev/null and b/hassio/api/panel/chunk.05994812bec7a524b566.js.gz differ
diff --git a/hassio/api/panel/chunk.ff92199b0d422767d108.js b/hassio/api/panel/chunk.ff92199b0d422767d108.js
new file mode 100644
index 000000000..3ea11f5e0
--- /dev/null
+++ b/hassio/api/panel/chunk.ff92199b0d422767d108.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],[,function(e,t,n){"use strict";n.r(t),n(52);var C=function(){function e(e,t){for(var n=0;n<t.length;n++){var C=t[n];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(e,C.key,C)}}return function(t,n,C){return n&&e(t.prototype,n),C&&e(t,C),t}}(),o=customElements.get("iron-iconset-svg"),i=function(e){function t(){return function(e,n){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,o),C(t,[{key:"_fireIronIconsetAdded",value:function(){this.async(function(){this.fire("iron-iconset-added",this,{node:window})})}},{key:"_nameChanged",value:function(){this._meta.value=null,this._meta.key=this.name,this._meta.value=this,this.ownerDocument&&"loading"===this.ownerDocument.readyState?this.ownerDocument.addEventListener("DOMContentLoaded",function(){this._fireIronIconsetAdded()}.bind(this)):this._fireIronIconsetAdded()}}]),t}();customElements.define("ha-iconset-svg",i);var r=document.createElement("template");r.setAttribute("style","display: none;"),r.innerHTML='<ha-iconset-svg name=hassio size=24><svg><defs><g id=arrow-up-bold-circle><path d="M12,22C6.48,22 2,17.52 2,12C2,6.48 6.48,2 12,2C17.52,2 22,6.48 22,12C22,17.52 17.52,22 12,22M12,7L7,12H10V16H14V12H17L12,7Z"/></g><g id=puzzle><path d="M20.5,11H19V7C19,5.89 18.1,5 17,5H13V3.5C13,2.12 11.88,1 10.5,1C9.12,1 8,2.12 8,3.5V5H4C2.9,5 2,5.9 2,7V10.8H3.5C5,10.8 6.2,12 6.2,13.5C6.2,15 5,16.2 3.5,16.2H2V20C2,21.1 2.9,22 4,22H7.8V20.5C7.8,19 9,17.8 10.5,17.8C12,17.8 13.2,19 13.2,20.5V22H17C18.1,22 19,21.1 19,20V16H20.5C21.88,16 23,14.88 23,13.5C23,12.12 21.88,11 20.5,11Z"/></g><g id=github-circle><path d="M12,2C6.48,2 2,6.48 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12C22,6.48 17.52,2 12,2Z"/></g><g id=circle><path d="M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z"/></g><g id=arrow-left><path d=M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z /></g><g id=home-assistant><path d="M21.8,13H20V21H13V17.67L15.79,14.88L16.5,15C17.66,15 18.6,14.06 18.6,12.9C18.6,11.74 17.66,10.8 16.5,10.8C15.34,10.8 14.4,11.74 14.4,12.9L14.5,13.61L13,15.13V9.65C13.66,9.29 14.1,8.6 14.1,7.8C14.1,6.64 13.16,5.7 12,5.7C10.84,5.7 9.9,6.64 9.9,7.8C9.9,8.6 10.34,9.29 11,9.65V15.13L9.5,13.61L9.6,12.9C9.6,11.74 8.66,10.8 7.5,10.8C6.34,10.8 5.4,11.74 5.4,12.9C5.4,14.06 6.34,15 7.5,15L8.21,14.88L11,17.67V21H4V13H2.25C1.83,13 1.42,13 1.42,12.79C1.43,12.57 1.85,12.15 2.28,11.72L11,3C11.33,2.67 11.67,2.33 12,2.33C12.33,2.33 12.67,2.67 13,3L17,7V6H19V9L21.78,11.78C22.18,12.18 22.59,12.59 22.6,12.8C22.6,13 22.2,13 21.8,13M7.5,12C8,12 8.4,12.4 8.4,12.9C8.4,13.4 8,13.8 7.5,13.8C7,13.8 6.6,13.4 6.6,12.9C6.6,12.4 7,12 7.5,12M16.5,12C17,12 17.4,12.4 17.4,12.9C17.4,13.4 17,13.8 16.5,13.8C16,13.8 15.6,13.4 15.6,12.9C15.6,12.4 16,12 16.5,12M12,6.9C12.5,6.9 12.9,7.3 12.9,7.8C12.9,8.3 12.5,8.7 12,8.7C11.5,8.7 11.1,8.3 11.1,7.8C11.1,7.3 11.5,6.9 12,6.9Z"/></g><g id=close><path d=M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z /></g><g id=refresh><path d="M17.65,6.35C16.2,4.9 14.21,4 12,4C7.58,4 4,7.58 4,12C4,16.42 7.58,20 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18C8.69,18 6,15.31 6,12C6,8.69 8.69,6 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z"/></g><g id=delete><path d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19C6,20.1 6.9,21 8,21H16C17.1,21 18,20.1 18,19V7H6V19Z"/></g><g id=download><path d=M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z /></g><g id=package-variant-closed><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L10.11,5.22L16,8.61L17.96,7.5L12,4.15M6.04,7.5L12,10.85L13.96,9.75L8.08,6.35L6.04,7.5M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z"/></g><g id=package-variant><path d="M2,10.96C1.5,10.68 1.35,10.07 1.63,9.59L3.13,7C3.24,6.8 3.41,6.66 3.6,6.58L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.66,6.72 20.82,6.88 20.91,7.08L22.36,9.6C22.64,10.08 22.47,10.69 22,10.96L21,11.54V16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V10.96C2.7,11.13 2.32,11.14 2,10.96M12,4.15V4.15L12,10.85V10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V12.69L14,15.59C13.67,15.77 13.3,15.76 13,15.6V19.29L19,15.91M13.85,13.36L20.13,9.73L19.55,8.72L13.27,12.35L13.85,13.36Z"/></g><g id=menu><path d=M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z /></g></defs></svg></ha-iconset-svg>',document.head.appendChild(r.content)}]]);
\ No newline at end of file
diff --git a/hassio/api/panel/chunk.ff92199b0d422767d108.js.gz b/hassio/api/panel/chunk.ff92199b0d422767d108.js.gz
new file mode 100644
index 000000000..818cbc86d
Binary files /dev/null and b/hassio/api/panel/chunk.ff92199b0d422767d108.js.gz differ