\n
\n ']);return l=function(){return e},e}function u(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function f(e,t){return(f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function d(e){return function(){var t,r=h(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=h(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===o(t)||"function"==typeof t))return t;return p(e)}(this,t)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(e){var t,r=w(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function y(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function v(e){return e.decorators&&e.decorators.length}function b(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function g(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function w(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r\n \n
\n ']);return a=function(){return e},e}function s(e,t){for(var r=0;r',"
\n ","
\n ","
\n \n ','\n
\n \n \n
\n \n ','\n
\n\n ',"\n
\n \n "]);return xe=function(){return e},e}function Se(){var e=De(['\n \n
\n ']);return Se=function(){return e},e}function De(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _e(e,t){return(_e=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ae(e){return function(){var t,r=Te(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=Te(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===Oe(t)||"function"==typeof t))return t;return Ce(e)}(this,t)}}function Ce(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Te(e){return(Te=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ze(e){var t,r=Le(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function Re(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function Ie(e){return e.decorators&&e.decorators.length}function Fe(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function Ne(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function Le(e){var t=function(e,t){if("object"!==Oe(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==Oe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===Oe(t)?t:String(t)}function Ue(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r\n No results found in "','."\n
\n\n \n Add-on store\n \n \n e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var n,i,o=!0,a=!1;return{s:function(){n=e[Symbol.iterator]()},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}(this._repos);try{var o=function(){var e=n.value,i=t._addons.filter(function(t){return t.repository===e.slug});if(0===i.length)return"continue";r.push(Object(L.f)(Ke(),t.hass,e,i,t._filter))};for(i.s();!(n=i.n()).done;)o()}catch(a){i.e(a)}finally{i.f()}}return Object(L.f)(qe(),this.hass,this.narrow,this.route,Bi,N.m,this._manageRepositories,this.refreshData,0===r.length?Object(L.f)(Ve()):Object(L.f)(Ge(),this._filter,this._filterChanged,r),(null===(e=this.hass.userData)||void 0===e?void 0:e.showAdvanced)?"":Object(L.f)($e()))}},{kind:"method",key:"firstUpdated",value:function(e){var t=this;ct(lt(i.prototype),"firstUpdated",this).call(this,e),this.addEventListener("hass-api-called",function(e){return t.apiCalled(e)}),this._loadData()}},{kind:"method",key:"apiCalled",value:function(e){e.detail.success&&this._loadData()}},{kind:"method",key:"_manageRepositories",value:function(){var e=We(regeneratorRuntime.mark(function e(){var t=this;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:n=this,i={repos:this._repos,loadData:function(){return t._loadData()}},Object(s.a)(n,"show-dialog",{dialogTag:"dialog-hassio-repositories",dialogImport:function(){return Promise.resolve().then(r.bind(null,149))},dialogParams:i});case 1:case"end":return e.stop()}var n,i},e,this)}));return function(){return e.apply(this,arguments)}}()},{kind:"method",key:"_loadData",value:function(){var e=We(regeneratorRuntime.mark(function e(){var t;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Object(l.e)(this.hass);case 3:t=e.sent,this._repos=t.repositories,this._repos.sort(ut),this._addons=t.addons,e.next=12;break;case 9:e.prev=9,e.t0=e.catch(0),alert("Failed to fetch add-on info");case 12:case"end":return e.stop()}},e,this,[[0,9]])}));return function(){return e.apply(this,arguments)}}()},{kind:"method",key:"_filterChanged",value:function(){var e=We(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:this._filter=t.detail.value;case 1:case"end":return e.stop()}},e,this)}));return function(t){return e.apply(this,arguments)}}()},{kind:"get",static:!0,key:"styles",value:function(){return Object(n.c)(He())}}]}},n.a);function dt(e){return(dt="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 pt(){var e=vt(["\n ha-card {\n cursor: pointer;\n }\n "]);return pt=function(){return e},e}function ht(){var e=vt(["\n \n \n =0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;at.name?1:-1}).map(function(t){return Object(n.e)(ht(),t,e._addonTapped,e.hass,t.name,t.description,t.installed!==t.version,t.installed!==t.version?N.c:N.E,"started"!==t.state?"Add-on is stopped":t.installed!==t.version?"New version available":"Add-on is running",t.installed&&t.installed!==t.version?"started"===t.state?"update":"update stopped":t.installed&&"started"===t.state?"running":"stopped",Object(we.a)(e.hass.config.version,0,105)&&t.icon?"/api/hassio/addons/".concat(t.slug,"/icon"):void 0)}):Object(n.e)(mt(),this._openStore))}},{kind:"get",static:!0,key:"styles",value:function(){return[i.b,Ee.a,Object(n.c)(pt())]}},{kind:"method",key:"_addonTapped",value:function(e){Object(c.a)(this,"/hassio/addon/".concat(e.currentTarget.addon.slug,"/info"))}},{kind:"method",key:"_openStore",value:function(){Object(c.a)(this,"/hassio/store")}}]}},n.a),r(70);function _t(){var e=Nt(["\n .icon {\n --mdc-icon-size: 48px;\n float: right;\n margin: 0 0 2px 10px;\n color: var(--primary-text-color);\n }\n .update-heading {\n font-size: var(--paper-font-subhead_-_font-size);\n font-weight: 500;\n margin-bottom: 0.5em;\n color: var(--primary-text-color);\n }\n .warning {\n color: var(--secondary-text-color);\n }\n .card-content {\n height: calc(100% - 47px);\n box-sizing: border-box;\n }\n .card-actions {\n text-align: right;\n }\n .errors {\n color: var(--google-red-500);\n padding: 16px;\n }\n a {\n text-decoration: none;\n }\n "]);return _t=function(){return e},e}function At(e){return(At="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 Ct(){var e=Nt(['\n e.offsetHeight},notifyClosed:function(e){return t.emitNotification("closed",e)},notifyClosing:function(e){t.closingDueToDisconnect||(t.open=!1),t.emitNotification("closing",e)},notifyOpened:function(){return t.emitNotification("opened")},notifyOpening:function(){t.open=!0,t.emitNotification("opening")},reverseButtons:function(){},releaseFocus:function(){C.remove(t)},trapFocus:function(e){C.push(t),e&&e.focus()}})}},{key:"render",value:function(){var t,e,n,r=(t={},e=o.STACKED,n=this.stacked,e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t),a=Object(i.c)(v());this.heading&&(a=Object(i.c)(m(),this.heading));var s={"mdc-dialog__actions":!this.hideActions};return Object(i.c)(y(),Object(f.a)(r),a,Object(f.a)(s))}},{key:"firstUpdated",value:function(){S(x(s.prototype),"firstUpdated",this).call(this),this.mdcFoundation.setAutoStackButtons(!0)}},{key:"connectedCallback",value:function(){S(x(s.prototype),"connectedCallback",this).call(this),this.open&&this.mdcFoundation&&!this.mdcFoundation.isOpen()&&(this.setEventListeners(),this.mdcFoundation.open())}},{key:"disconnectedCallback",value:function(){S(x(s.prototype),"disconnectedCallback",this).call(this),this.open&&this.mdcFoundation&&(this.removeEventListeners(),this.closingDueToDisconnect=!0,this.mdcFoundation.close(this.currentAction||this.defaultAction),this.closingDueToDisconnect=!1,this.currentAction=void 0,C.remove(this))}},{key:"forceLayout",value:function(){this.mdcFoundation.layout()}},{key:"focus",value:function(){var t=this.getInitialFocusEl();t&&t.focus()}},{key:"blur",value:function(){if(this.shadowRoot){var t=this.shadowRoot.activeElement;if(t)t instanceof HTMLElement&&t.blur();else{var e=this.getRootNode(),n=e instanceof Document?e.activeElement:null;n instanceof HTMLElement&&n.blur()}}}},{key:"setEventListeners",value:function(){var t=this;this.boundHandleClick=this.mdcFoundation.handleClick.bind(this.mdcFoundation),this.boundLayout=function(){t.open&&t.mdcFoundation.layout.bind(t.mdcFoundation)},this.boundHandleKeydown=this.mdcFoundation.handleKeydown.bind(this.mdcFoundation),this.boundHandleDocumentKeydown=this.mdcFoundation.handleDocumentKeydown.bind(this.mdcFoundation),this.mdcRoot.addEventListener("click",this.boundHandleClick),window.addEventListener("resize",this.boundLayout,Object(u.a)()),window.addEventListener("orientationchange",this.boundLayout,Object(u.a)()),this.mdcRoot.addEventListener("keydown",this.boundHandleKeydown,Object(u.a)()),document.addEventListener("keydown",this.boundHandleDocumentKeydown,Object(u.a)())}},{key:"removeEventListeners",value:function(){this.boundHandleClick&&this.mdcRoot.removeEventListener("click",this.boundHandleClick),this.boundLayout&&(window.removeEventListener("resize",this.boundLayout),window.removeEventListener("orientationchange",this.boundLayout)),this.boundHandleKeydown&&this.mdcRoot.removeEventListener("keydown",this.boundHandleKeydown),this.boundHandleDocumentKeydown&&this.mdcRoot.removeEventListener("keydown",this.boundHandleDocumentKeydown)}},{key:"close",value:function(){this.open=!1}},{key:"show",value:function(){this.open=!0}},{key:"primaryButton",get:function(){var t=this.primarySlot.assignedNodes(),e=(t=t.filter(function(t){return t instanceof HTMLElement}))[0];return e||null}}])&&w(e.prototype,n),r&&w(e,r),s}();Object(r.b)([Object(i.e)(".mdc-dialog")],P.prototype,"mdcRoot",void 0),Object(r.b)([Object(i.e)('slot[name="primaryAction"]')],P.prototype,"primarySlot",void 0),Object(r.b)([Object(i.e)('slot[name="secondaryAction"]')],P.prototype,"secondarySlot",void 0),Object(r.b)([Object(i.e)("#contentSlot")],P.prototype,"contentSlot",void 0),Object(r.b)([Object(i.e)(".mdc-dialog__content")],P.prototype,"contentElement",void 0),Object(r.b)([Object(i.e)(".mdc-container")],P.prototype,"conatinerElement",void 0),Object(r.b)([Object(i.d)({type:Boolean})],P.prototype,"hideActions",void 0),Object(r.b)([Object(i.d)({type:Boolean}),Object(p.a)(function(){this.forceLayout()})],P.prototype,"stacked",void 0),Object(r.b)([Object(i.d)({type:String})],P.prototype,"heading",void 0),Object(r.b)([Object(i.d)({type:String}),Object(p.a)(function(t){this.mdcFoundation.setScrimClickAction(t)})],P.prototype,"scrimClickAction",void 0),Object(r.b)([Object(i.d)({type:String}),Object(p.a)(function(t){this.mdcFoundation.setEscapeKeyAction(t)})],P.prototype,"escapeKeyAction",void 0),Object(r.b)([Object(i.d)({type:Boolean,reflect:!0}),Object(p.a)(function(t){this.mdcFoundation&&this.isConnected&&(t?(this.setEventListeners(),this.mdcFoundation.open()):(this.removeEventListeners(),this.mdcFoundation.close(this.currentAction||this.defaultAction),this.currentAction=void 0))})],P.prototype,"open",void 0),Object(r.b)([Object(i.d)()],P.prototype,"defaultAction",void 0),Object(r.b)([Object(i.d)()],P.prototype,"actionAttribute",void 0),Object(r.b)([Object(i.d)()],P.prototype,"initialFocusAttribute",void 0);var A=n(119);function E(t){return(E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function T(t,e){return(T=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function j(t){return function(){var e,n=R(t);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()){var r=R(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return function(t,e){if(e&&("object"===E(e)||"function"==typeof e))return e;return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(this,e)}}function R(t){return(R=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var I=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&T(t,e)}(n,P);var e=j(n);function n(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n),e.apply(this,arguments)}return n}();I.styles=A.a,I=Object(r.b)([Object(i.b)("mwc-dialog")],I)},function(t,e,n){"use strict";n(4),n(29),n(124);var r=n(141),i={hostAttributes:{role:"menubar"},keyBindings:{left:"_onLeftKey",right:"_onRightKey"},_onUpKey:function(t){this.focusedItem.click(),t.detail.keyboardEvent.preventDefault()},_onDownKey:function(t){this.focusedItem.click(),t.detail.keyboardEvent.preventDefault()},get _isRTL(){return"rtl"===window.getComputedStyle(this).direction},_onLeftKey:function(t){this._isRTL?this._focusNext():this._focusPrevious(),t.detail.keyboardEvent.preventDefault()},_onRightKey:function(t){this._isRTL?this._focusPrevious():this._focusNext(),t.detail.keyboardEvent.preventDefault()},_onKeydown:function(t){this.keyboardEventMatchesKeys(t,"up down left right esc")||this._focusWithKeyboardEvent(t)}},o=[r.a,i],a=n(103),s=n(8),c=n(7);function u(){var t=function(t,e){e||(e=t.slice(0));return Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}(["\n \n\n {\n\n /**\n * @polymer\n * @mixinClass\n * @implements {Polymer_MutableData}\n */\n class MutableData extends superClass {\n /**\n * Overrides `PropertyEffects` to provide option for skipping\n * strict equality checking for Objects and Arrays.\n *\n * This method pulls the value to dirty check against from the `__dataTemp`\n * cache (rather than the normal `__data` cache) for Objects. Since the temp\n * cache is cleared at the end of a turn, this implementation allows\n * side-effects of deep object changes to be processed by re-setting the\n * same object (using the temp cache as an in-turn backstop to prevent\n * cycles due to 2-way notification).\n *\n * @param {string} property Property name\n * @param {*} value New property value\n * @param {*} old Previous property value\n * @return {boolean} Whether the property should be considered a change\n * @protected\n */\n _shouldPropertyChange(property, value, old) {\n return mutablePropertyChange(this, property, value, old, true);\n }\n\n }\n\n return MutableData;\n\n});\n\n/**\n * Element class mixin to add the optional ability to skip strict\n * dirty-checking for objects and arrays (always consider them to be\n * \"dirty\") by setting a `mutable-data` attribute on an element instance.\n *\n * By default, `PropertyEffects` performs strict dirty checking on\n * objects, which means that any deep modifications to an object or array will\n * not be propagated unless \"immutable\" data patterns are used (i.e. all object\n * references from the root to the mutation were changed).\n *\n * Polymer also provides a proprietary data mutation and path notification API\n * (e.g. `notifyPath`, `set`, and array mutation API's) that allow efficient\n * mutation and notification of deep changes in an object graph to all elements\n * bound to the same object graph.\n *\n * In cases where neither immutable patterns nor the data mutation API can be\n * used, applying this mixin will allow Polymer to skip dirty checking for\n * objects and arrays (always consider them to be \"dirty\"). This allows a\n * user to make a deep modification to a bound object graph, and then either\n * simply re-set the object (e.g. `this.items = this.items`) or call `notifyPath`\n * (e.g. `this.notifyPath('items')`) to update the tree. Note that all\n * elements that wish to be updated based on deep mutations must apply this\n * mixin or otherwise skip strict dirty checking for objects/arrays.\n * Specifically, any elements in the binding tree between the source of a\n * mutation and the consumption of it must enable this mixin or apply the\n * `MutableData` mixin.\n *\n * While this mixin adds the ability to forgo Object/Array dirty checking,\n * the `mutableData` flag defaults to false and must be set on the instance.\n *\n * Note, the performance characteristics of propagating large object graphs\n * will be worse by relying on `mutableData: true` as opposed to using\n * strict dirty checking with immutable patterns or Polymer's path notification\n * API.\n *\n * @mixinFunction\n * @polymer\n * @summary Element class mixin to optionally skip strict dirty-checking\n * for objects and arrays\n */\nexport const OptionalMutableData = dedupingMixin(superClass => {\n\n /**\n * @mixinClass\n * @polymer\n * @implements {Polymer_OptionalMutableData}\n */\n class OptionalMutableData extends superClass {\n\n static get properties() {\n return {\n /**\n * Instance-level flag for configuring the dirty-checking strategy\n * for this element. When true, Objects and Arrays will skip dirty\n * checking, otherwise strict equality checking will be used.\n */\n mutableData: Boolean\n };\n }\n\n /**\n * Overrides `PropertyEffects` to provide option for skipping\n * strict equality checking for Objects and Arrays.\n *\n * When `this.mutableData` is true on this instance, this method\n * pulls the value to dirty check against from the `__dataTemp` cache\n * (rather than the normal `__data` cache) for Objects. Since the temp\n * cache is cleared at the end of a turn, this implementation allows\n * side-effects of deep object changes to be processed by re-setting the\n * same object (using the temp cache as an in-turn backstop to prevent\n * cycles due to 2-way notification).\n *\n * @param {string} property Property name\n * @param {*} value New property value\n * @param {*} old Previous property value\n * @return {boolean} Whether the property should be considered a change\n * @protected\n */\n _shouldPropertyChange(property, value, old) {\n return mutablePropertyChange(this, property, value, old, this.mutableData);\n }\n }\n\n return OptionalMutableData;\n\n});\n\n// Export for use by legacy behavior\nMutableData._mutablePropertyChange = mutablePropertyChange;\n","/**\n@license\nCopyright (c) 2017 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\n\n/**\n * Module for preparing and stamping instances of templates that utilize\n * Polymer's data-binding and declarative event listener features.\n *\n * Example:\n *\n * // Get a template from somewhere, e.g. light DOM\n * let template = this.querySelector('template');\n * // Prepare the template\n * let TemplateClass = Templatize.templatize(template);\n * // Instance the template with an initial data model\n * let instance = new TemplateClass({myProp: 'initial'});\n * // Insert the instance's DOM somewhere, e.g. element's shadow DOM\n * this.shadowRoot.appendChild(instance.root);\n * // Changing a property on the instance will propagate to bindings\n * // in the template\n * instance.myProp = 'new value';\n *\n * The `options` dictionary passed to `templatize` allows for customizing\n * features of the generated template class, including how outer-scope host\n * properties should be forwarded into template instances, how any instance\n * properties added into the template's scope should be notified out to\n * the host, and whether the instance should be decorated as a \"parent model\"\n * of any event handlers.\n *\n * // Customize property forwarding and event model decoration\n * let TemplateClass = Templatize.templatize(template, this, {\n * parentModel: true,\n * forwardHostProp(property, value) {...},\n * instanceProps: {...},\n * notifyInstanceProp(instance, property, value) {...},\n * });\n *\n * @summary Module for preparing and stamping instances of templates\n * utilizing Polymer templating features.\n */\n\nimport './boot.js';\n\nimport { PropertyEffects } from '../mixins/property-effects.js';\nimport { MutableData } from '../mixins/mutable-data.js';\nimport { strictTemplatePolicy } from '../utils/settings.js';\n\n// Base class for HTMLTemplateElement extension that has property effects\n// machinery for propagating host properties to children. This is an ES5\n// class only because Babel (incorrectly) requires super() in the class\n// constructor even though no `this` is used and it returns an instance.\nlet newInstance = null;\n\n/**\n * @constructor\n * @extends {HTMLTemplateElement}\n * @private\n */\nfunction HTMLTemplateElementExtension() { return newInstance; }\nHTMLTemplateElementExtension.prototype = Object.create(HTMLTemplateElement.prototype, {\n constructor: {\n value: HTMLTemplateElementExtension,\n writable: true\n }\n});\n\n/**\n * @constructor\n * @implements {Polymer_PropertyEffects}\n * @extends {HTMLTemplateElementExtension}\n * @private\n */\nconst DataTemplate = PropertyEffects(HTMLTemplateElementExtension);\n\n/**\n * @constructor\n * @implements {Polymer_MutableData}\n * @extends {DataTemplate}\n * @private\n */\nconst MutableDataTemplate = MutableData(DataTemplate);\n\n// Applies a DataTemplate subclass to a instance\nfunction upgradeTemplate(template, constructor) {\n newInstance = template;\n Object.setPrototypeOf(template, constructor.prototype);\n new constructor();\n newInstance = null;\n}\n\n/**\n * Base class for TemplateInstance.\n * @constructor\n * @implements {Polymer_PropertyEffects}\n * @private\n */\nconst base = PropertyEffects(class {});\n\n/**\n * @polymer\n * @customElement\n * @appliesMixin PropertyEffects\n * @unrestricted\n */\nclass TemplateInstanceBase extends base {\n constructor(props) {\n super();\n this._configureProperties(props);\n this.root = this._stampTemplate(this.__dataHost);\n // Save list of stamped children\n let children = this.children = [];\n for (let n = this.root.firstChild; n; n=n.nextSibling) {\n children.push(n);\n n.__templatizeInstance = this;\n }\n if (this.__templatizeOwner &&\n this.__templatizeOwner.__hideTemplateChildren__) {\n this._showHideChildren(true);\n }\n // Flush props only when props are passed if instance props exist\n // or when there isn't instance props.\n let options = this.__templatizeOptions;\n if ((props && options.instanceProps) || !options.instanceProps) {\n this._enableProperties();\n }\n }\n /**\n * Configure the given `props` by calling `_setPendingProperty`. Also\n * sets any properties stored in `__hostProps`.\n * @private\n * @param {Object} props Object of property name-value pairs to set.\n * @return {void}\n */\n _configureProperties(props) {\n let options = this.__templatizeOptions;\n if (options.forwardHostProp) {\n for (let hprop in this.__hostProps) {\n this._setPendingProperty(hprop, this.__dataHost['_host_' + hprop]);\n }\n }\n // Any instance props passed in the constructor will overwrite host props;\n // normally this would be a user error but we don't specifically filter them\n for (let iprop in props) {\n this._setPendingProperty(iprop, props[iprop]);\n }\n }\n /**\n * Forwards a host property to this instance. This method should be\n * called on instances from the `options.forwardHostProp` callback\n * to propagate changes of host properties to each instance.\n *\n * Note this method enqueues the change, which are flushed as a batch.\n *\n * @param {string} prop Property or path name\n * @param {*} value Value of the property to forward\n * @return {void}\n */\n forwardHostProp(prop, value) {\n if (this._setPendingPropertyOrPath(prop, value, false, true)) {\n this.__dataHost._enqueueClient(this);\n }\n }\n\n /**\n * Override point for adding custom or simulated event handling.\n *\n * @override\n * @param {!Node} node Node to add event listener to\n * @param {string} eventName Name of event\n * @param {function(!Event):void} handler Listener function to add\n * @return {void}\n */\n _addEventListenerToNode(node, eventName, handler) {\n if (this._methodHost && this.__templatizeOptions.parentModel) {\n // If this instance should be considered a parent model, decorate\n // events this template instance as `model`\n this._methodHost._addEventListenerToNode(node, eventName, (e) => {\n e.model = this;\n handler(e);\n });\n } else {\n // Otherwise delegate to the template's host (which could be)\n // another template instance\n let templateHost = this.__dataHost.__dataHost;\n if (templateHost) {\n templateHost._addEventListenerToNode(node, eventName, handler);\n }\n }\n }\n /**\n * Shows or hides the template instance top level child elements. For\n * text nodes, `textContent` is removed while \"hidden\" and replaced when\n * \"shown.\"\n * @param {boolean} hide Set to true to hide the children;\n * set to false to show them.\n * @return {void}\n * @protected\n */\n _showHideChildren(hide) {\n let c = this.children;\n for (let i=0; i\n // `model.__dataHost.__dataHost` is the template's host\n model = model.__dataHost.__dataHost;\n } while ((options = model.__templatizeOptions) && !options.parentModel);\n this.__parentModel = model;\n }\n return model;\n }\n\n /**\n * Stub of HTMLElement's `dispatchEvent`, so that effects that may\n * dispatch events safely no-op.\n *\n * @param {Event} event Event to dispatch\n * @return {boolean} Always true.\n */\n dispatchEvent(event) { // eslint-disable-line no-unused-vars\n return true;\n }\n}\n\n/** @type {!DataTemplate} */\nTemplateInstanceBase.prototype.__dataHost;\n/** @type {!TemplatizeOptions} */\nTemplateInstanceBase.prototype.__templatizeOptions;\n/** @type {!Polymer_PropertyEffects} */\nTemplateInstanceBase.prototype._methodHost;\n/** @type {!Object} */\nTemplateInstanceBase.prototype.__templatizeOwner;\n/** @type {!Object} */\nTemplateInstanceBase.prototype.__hostProps;\n\n/**\n * @constructor\n * @extends {TemplateInstanceBase}\n * @implements {Polymer_MutableData}\n * @private\n */\nconst MutableTemplateInstanceBase = MutableData(TemplateInstanceBase);\n\nfunction findMethodHost(template) {\n // Technically this should be the owner of the outermost template.\n // In shadow dom, this is always getRootNode().host, but we can\n // approximate this via cooperation with our dataHost always setting\n // `_methodHost` as long as there were bindings (or id's) on this\n // instance causing it to get a dataHost.\n let templateHost = template.__dataHost;\n return templateHost && templateHost._methodHost || templateHost;\n}\n\n/* eslint-disable valid-jsdoc */\n/**\n * @suppress {missingProperties} class.prototype is not defined for some reason\n */\nfunction createTemplatizerClass(template, templateInfo, options) {\n // Anonymous class created by the templatize\n let base = options.mutableData ?\n MutableTemplateInstanceBase : TemplateInstanceBase;\n /**\n * @constructor\n * @extends {base}\n * @private\n */\n let klass = class extends base { };\n klass.prototype.__templatizeOptions = options;\n klass.prototype._bindTemplate(template);\n addNotifyEffects(klass, template, templateInfo, options);\n return klass;\n}\n\n/**\n * @suppress {missingProperties} class.prototype is not defined for some reason\n */\nfunction addPropagateEffects(template, templateInfo, options) {\n let userForwardHostProp = options.forwardHostProp;\n if (userForwardHostProp) {\n // Provide data API and property effects on memoized template class\n let klass = templateInfo.templatizeTemplateClass;\n if (!klass) {\n let base = options.mutableData ? MutableDataTemplate : DataTemplate;\n /** @private */\n klass = templateInfo.templatizeTemplateClass =\n class TemplatizedTemplate extends base {};\n // Add template - >instances effects\n // and host <- template effects\n let hostProps = templateInfo.hostProps;\n for (let prop in hostProps) {\n klass.prototype._addPropertyEffect('_host_' + prop,\n klass.prototype.PROPERTY_EFFECT_TYPES.PROPAGATE,\n {fn: createForwardHostPropEffect(prop, userForwardHostProp)});\n klass.prototype._createNotifyingProperty('_host_' + prop);\n }\n }\n upgradeTemplate(template, klass);\n // Mix any pre-bound data into __data; no need to flush this to\n // instances since they pull from the template at instance-time\n if (template.__dataProto) {\n // Note, generally `__dataProto` could be chained, but it's guaranteed\n // to not be since this is a vanilla template we just added effects to\n Object.assign(template.__data, template.__dataProto);\n }\n // Clear any pending data for performance\n template.__dataTemp = {};\n template.__dataPending = null;\n template.__dataOld = null;\n template._enableProperties();\n }\n}\n/* eslint-enable valid-jsdoc */\n\nfunction createForwardHostPropEffect(hostProp, userForwardHostProp) {\n return function forwardHostProp(template, prop, props) {\n userForwardHostProp.call(template.__templatizeOwner,\n prop.substring('_host_'.length), props[prop]);\n };\n}\n\nfunction addNotifyEffects(klass, template, templateInfo, options) {\n let hostProps = templateInfo.hostProps || {};\n for (let iprop in options.instanceProps) {\n delete hostProps[iprop];\n let userNotifyInstanceProp = options.notifyInstanceProp;\n if (userNotifyInstanceProp) {\n klass.prototype._addPropertyEffect(iprop,\n klass.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,\n {fn: createNotifyInstancePropEffect(iprop, userNotifyInstanceProp)});\n }\n }\n if (options.forwardHostProp && template.__dataHost) {\n for (let hprop in hostProps) {\n klass.prototype._addPropertyEffect(hprop,\n klass.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,\n {fn: createNotifyHostPropEffect()});\n }\n }\n}\n\nfunction createNotifyInstancePropEffect(instProp, userNotifyInstanceProp) {\n return function notifyInstanceProp(inst, prop, props) {\n userNotifyInstanceProp.call(inst.__templatizeOwner,\n inst, prop, props[prop]);\n };\n}\n\nfunction createNotifyHostPropEffect() {\n return function notifyHostProp(inst, prop, props) {\n inst.__dataHost._setPendingPropertyOrPath('_host_' + prop, props[prop], true, true);\n };\n}\n\n\n/**\n * Returns an anonymous `PropertyEffects` class bound to the\n * `` provided. Instancing the class will result in the\n * template being stamped into a document fragment stored as the instance's\n * `root` property, after which it can be appended to the DOM.\n *\n * Templates may utilize all Polymer data-binding features as well as\n * declarative event listeners. Event listeners and inline computing\n * functions in the template will be called on the host of the template.\n *\n * The constructor returned takes a single argument dictionary of initial\n * property values to propagate into template bindings. Additionally\n * host properties can be forwarded in, and instance properties can be\n * notified out by providing optional callbacks in the `options` dictionary.\n *\n * Valid configuration in `options` are as follows:\n *\n * - `forwardHostProp(property, value)`: Called when a property referenced\n * in the template changed on the template's host. As this library does\n * not retain references to templates instanced by the user, it is the\n * templatize owner's responsibility to forward host property changes into\n * user-stamped instances. The `instance.forwardHostProp(property, value)`\n * method on the generated class should be called to forward host\n * properties into the template to prevent unnecessary property-changed\n * notifications. Any properties referenced in the template that are not\n * defined in `instanceProps` will be notified up to the template's host\n * automatically.\n * - `instanceProps`: Dictionary of property names that will be added\n * to the instance by the templatize owner. These properties shadow any\n * host properties, and changes within the template to these properties\n * will result in `notifyInstanceProp` being called.\n * - `mutableData`: When `true`, the generated class will skip strict\n * dirty-checking for objects and arrays (always consider them to be\n * \"dirty\").\n * - `notifyInstanceProp(instance, property, value)`: Called when\n * an instance property changes. Users may choose to call `notifyPath`\n * on e.g. the owner to notify the change.\n * - `parentModel`: When `true`, events handled by declarative event listeners\n * (`on-event=\"handler\"`) will be decorated with a `model` property pointing\n * to the template instance that stamped it. It will also be returned\n * from `instance.parentModel` in cases where template instance nesting\n * causes an inner model to shadow an outer model.\n *\n * All callbacks are called bound to the `owner`. Any context\n * needed for the callbacks (such as references to `instances` stamped)\n * should be stored on the `owner` such that they can be retrieved via\n * `this`.\n *\n * When `options.forwardHostProp` is declared as an option, any properties\n * referenced in the template will be automatically forwarded from the host of\n * the `` to instances, with the exception of any properties listed in\n * the `options.instanceProps` object. `instanceProps` are assumed to be\n * managed by the owner of the instances, either passed into the constructor\n * or set after the fact. Note, any properties passed into the constructor will\n * always be set to the instance (regardless of whether they would normally\n * be forwarded from the host).\n *\n * Note that `templatize()` can be run only once for a given ``.\n * Further calls will result in an error. Also, there is a special\n * behavior if the template was duplicated through a mechanism such as\n * `` or ``. In this case, all calls to\n * `templatize()` return the same class for all duplicates of a template.\n * The class returned from `templatize()` is generated only once using\n * the `options` from the first call. This means that any `options`\n * provided to subsequent calls will be ignored. Therefore, it is very\n * important not to close over any variables inside the callbacks. Also,\n * arrow functions must be avoided because they bind the outer `this`.\n * Inside the callbacks, any contextual information can be accessed\n * through `this`, which points to the `owner`.\n *\n * @param {!HTMLTemplateElement} template Template to templatize\n * @param {Polymer_PropertyEffects=} owner Owner of the template instances;\n * any optional callbacks will be bound to this owner.\n * @param {Object=} options Options dictionary (see summary for details)\n * @return {function(new:TemplateInstanceBase)} Generated class bound to the template\n * provided\n * @suppress {invalidCasts}\n */\nexport function templatize(template, owner, options) {\n // Under strictTemplatePolicy, the templatized element must be owned\n // by a (trusted) Polymer element, indicated by existence of _methodHost;\n // e.g. for dom-if & dom-repeat in main document, _methodHost is null\n if (strictTemplatePolicy && !findMethodHost(template)) {\n throw new Error('strictTemplatePolicy: template owner not trusted');\n }\n options = /** @type {!TemplatizeOptions} */(options || {});\n if (template.__templatizeOwner) {\n throw new Error('A can only be templatized once');\n }\n template.__templatizeOwner = owner;\n const ctor = owner ? owner.constructor : TemplateInstanceBase;\n let templateInfo = ctor._parseTemplate(template);\n // Get memoized base class for the prototypical template, which\n // includes property effects for binding template & forwarding\n let baseClass = templateInfo.templatizeInstanceClass;\n if (!baseClass) {\n baseClass = createTemplatizerClass(template, templateInfo, options);\n templateInfo.templatizeInstanceClass = baseClass;\n }\n // Host property forwarding must be installed onto template instance\n addPropagateEffects(template, templateInfo, options);\n // Subclass base class and add reference for this specific template\n /** @private */\n let klass = class TemplateInstance extends baseClass {};\n klass.prototype._methodHost = findMethodHost(template);\n klass.prototype.__dataHost = template;\n klass.prototype.__templatizeOwner = owner;\n klass.prototype.__hostProps = templateInfo.hostProps;\n klass = /** @type {function(new:TemplateInstanceBase)} */(klass); //eslint-disable-line no-self-assign\n return klass;\n}\n\n/**\n * Returns the template \"model\" associated with a given element, which\n * serves as the binding scope for the template instance the element is\n * contained in. A template model is an instance of\n * `TemplateInstanceBase`, and should be used to manipulate data\n * associated with this template instance.\n *\n * Example:\n *\n * let model = modelForElement(el);\n * if (model.index < 10) {\n * model.set('item.checked', true);\n * }\n *\n * @param {HTMLTemplateElement} template The model will be returned for\n * elements stamped from this template\n * @param {Node=} node Node for which to return a template model.\n * @return {TemplateInstanceBase} Template instance representing the\n * binding scope for the element\n */\nexport function modelForElement(template, node) {\n let model;\n while (node) {\n // An element with a __templatizeInstance marks the top boundary\n // of a scope; walk up until we find one, and then ensure that\n // its __dataHost matches `this`, meaning this dom-repeat stamped it\n if ((model = node.__templatizeInstance)) {\n // Found an element stamped by another template; keep walking up\n // from its __dataHost\n if (model.__dataHost != template) {\n node = model.__dataHost;\n } else {\n return model;\n }\n } else {\n // Still in a template scope, keep going up until\n // a __templatizeInstance is found\n node = node.parentNode;\n }\n }\n return null;\n}\n\nexport { TemplateInstanceBase };\n","/**\n@license\nCopyright (c) 2017 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\nimport { TemplateInstanceBase, templatize, modelForElement } from '../utils/templatize.js'; // eslint-disable-line no-unused-vars\n\n/**\n * @typedef {{\n * _templatizerTemplate: HTMLTemplateElement,\n * _parentModel: boolean,\n * _instanceProps: Object,\n * _forwardHostPropV2: Function,\n * _notifyInstancePropV2: Function,\n * ctor: TemplateInstanceBase\n * }}\n */\nlet TemplatizerUser; // eslint-disable-line\n\n/**\n * The `Templatizer` behavior adds methods to generate instances of\n * templates that are each managed by an anonymous `PropertyEffects`\n * instance where data-bindings in the stamped template content are bound to\n * accessors on itself.\n *\n * This behavior is provided in Polymer 2.x-3.x as a hybrid-element convenience\n * only. For non-hybrid usage, the `Templatize` library\n * should be used instead.\n *\n * Example:\n *\n * import {dom} from '@polymer/polymer/lib/legacy/polymer.dom.js';\n * // Get a template from somewhere, e.g. light DOM\n * let template = this.querySelector('template');\n * // Prepare the template\n * this.templatize(template);\n * // Instance the template with an initial data model\n * let instance = this.stamp({myProp: 'initial'});\n * // Insert the instance's DOM somewhere, e.g. light DOM\n * dom(this).appendChild(instance.root);\n * // Changing a property on the instance will propagate to bindings\n * // in the template\n * instance.myProp = 'new value';\n *\n * Users of `Templatizer` may need to implement the following abstract\n * API's to determine how properties and paths from the host should be\n * forwarded into to instances:\n *\n * _forwardHostPropV2: function(prop, value)\n *\n * Likewise, users may implement these additional abstract API's to determine\n * how instance-specific properties that change on the instance should be\n * forwarded out to the host, if necessary.\n *\n * _notifyInstancePropV2: function(inst, prop, value)\n *\n * In order to determine which properties are instance-specific and require\n * custom notification via `_notifyInstanceProp`, define an `_instanceProps`\n * object containing keys for each instance prop, for example:\n *\n * _instanceProps: {\n * item: true,\n * index: true\n * }\n *\n * Any properties used in the template that are not defined in _instanceProp\n * will be forwarded out to the Templatize `owner` automatically.\n *\n * Users may also implement the following abstract function to show or\n * hide any DOM generated using `stamp`:\n *\n * _showHideChildren: function(shouldHide)\n *\n * Note that some callbacks are suffixed with `V2` in the Polymer 2.x behavior\n * as the implementations will need to differ from the callbacks required\n * by the 1.x Templatizer API due to changes in the `TemplateInstance` API\n * between versions 1.x and 2.x.\n *\n * @polymerBehavior\n */\nexport const Templatizer = {\n\n /**\n * Generates an anonymous `TemplateInstance` class (stored as `this.ctor`)\n * for the provided template. This method should be called once per\n * template to prepare an element for stamping the template, followed\n * by `stamp` to create new instances of the template.\n *\n * @param {!HTMLTemplateElement} template Template to prepare\n * @param {boolean=} mutableData When `true`, the generated class will skip\n * strict dirty-checking for objects and arrays (always consider them to\n * be \"dirty\"). Defaults to false.\n * @return {void}\n * @this {TemplatizerUser}\n */\n templatize(template, mutableData) {\n this._templatizerTemplate = template;\n this.ctor = templatize(template, this, {\n mutableData: Boolean(mutableData),\n parentModel: this._parentModel,\n instanceProps: this._instanceProps,\n forwardHostProp: this._forwardHostPropV2,\n notifyInstanceProp: this._notifyInstancePropV2\n });\n },\n\n /**\n * Creates an instance of the template prepared by `templatize`. The object\n * returned is an instance of the anonymous class generated by `templatize`\n * whose `root` property is a document fragment containing newly cloned\n * template content, and which has property accessors corresponding to\n * properties referenced in template bindings.\n *\n * @param {Object=} model Object containing initial property values to\n * populate into the template bindings.\n * @return {TemplateInstanceBase} Returns the created instance of\n * the template prepared by `templatize`.\n * @this {TemplatizerUser}\n */\n stamp(model) {\n return new this.ctor(model);\n },\n\n /**\n * Returns the template \"model\" (`TemplateInstance`) associated with\n * a given element, which serves as the binding scope for the template\n * instance the element is contained in. A template model should be used\n * to manipulate data associated with this template instance.\n *\n * @param {HTMLElement} el Element for which to return a template model.\n * @return {TemplateInstanceBase} Model representing the binding scope for\n * the element.\n * @this {TemplatizerUser}\n */\n modelForElement(el) {\n return modelForElement(this._templatizerTemplate, el);\n }\n};\n","/**\n@license\nCopyright (c) 2017 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\nimport '../utils/boot.js';\n\nimport { PropertyEffects } from '../mixins/property-effects.js';\nimport { OptionalMutableData } from '../mixins/mutable-data.js';\nimport { GestureEventListeners } from '../mixins/gesture-event-listeners.js';\nimport { strictTemplatePolicy } from '../utils/settings.js';\n\n/**\n * @constructor\n * @extends {HTMLElement}\n * @implements {Polymer_PropertyEffects}\n * @implements {Polymer_OptionalMutableData}\n * @implements {Polymer_GestureEventListeners}\n * @private\n */\nconst domBindBase =\n GestureEventListeners(\n OptionalMutableData(\n PropertyEffects(HTMLElement)));\n\n/**\n * Custom element to allow using Polymer's template features (data binding,\n * declarative event listeners, etc.) in the main document without defining\n * a new custom element.\n *\n * `` tags utilizing bindings may be wrapped with the ``\n * element, which will immediately stamp the wrapped template into the main\n * document and bind elements to the `dom-bind` element itself as the\n * binding scope.\n *\n * @polymer\n * @customElement\n * @appliesMixin PropertyEffects\n * @appliesMixin OptionalMutableData\n * @appliesMixin GestureEventListeners\n * @extends {domBindBase}\n * @summary Custom element to allow using Polymer's template features (data\n * binding, declarative event listeners, etc.) in the main document.\n */\nexport class DomBind extends domBindBase {\n\n static get observedAttributes() { return ['mutable-data']; }\n\n constructor() {\n super();\n if (strictTemplatePolicy) {\n throw new Error(`strictTemplatePolicy: dom-bind not allowed`);\n }\n this.root = null;\n this.$ = null;\n this.__children = null;\n }\n\n /**\n * @override\n * @return {void}\n */\n attributeChangedCallback() {\n // assumes only one observed attribute\n this.mutableData = true;\n }\n\n /**\n * @override\n * @return {void}\n */\n connectedCallback() {\n this.style.display = 'none';\n this.render();\n }\n\n /**\n * @override\n * @return {void}\n */\n disconnectedCallback() {\n this.__removeChildren();\n }\n\n __insertChildren() {\n this.parentNode.insertBefore(this.root, this);\n }\n\n __removeChildren() {\n if (this.__children) {\n for (let i=0; i {\n template = /** @type {HTMLTemplateElement} */(this.querySelector('template'));\n if (template) {\n observer.disconnect();\n this.render();\n } else {\n throw new Error('dom-bind requires a child');\n }\n });\n observer.observe(this, {childList: true});\n return;\n }\n this.root = this._stampTemplate(\n /** @type {!HTMLTemplateElement} */(template));\n this.$ = this.root.$;\n this.__children = [];\n for (let n=this.root.firstChild; n; n=n.nextSibling) {\n this.__children[this.__children.length] = n;\n }\n this._enableProperties();\n }\n this.__insertChildren();\n this.dispatchEvent(new CustomEvent('dom-change', {\n bubbles: true,\n composed: true\n }));\n }\n\n}\n\ncustomElements.define('dom-bind', DomBind);\n","/**\n@license\nCopyright (c) 2017 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\nimport { PolymerElement } from '../../polymer-element.js';\n\nimport { TemplateInstanceBase, templatize, modelForElement } from '../utils/templatize.js'; // eslint-disable-line no-unused-vars\nimport { Debouncer } from '../utils/debounce.js';\nimport { enqueueDebouncer, flush } from '../utils/flush.js';\nimport { OptionalMutableData } from '../mixins/mutable-data.js';\nimport { matches, translate } from '../utils/path.js';\nimport { timeOut, microTask } from '../utils/async.js';\n\n/**\n * @constructor\n * @implements {Polymer_OptionalMutableData}\n * @extends {PolymerElement}\n * @private\n */\nconst domRepeatBase = OptionalMutableData(PolymerElement);\n\n/**\n * The `` element will automatically stamp and binds one instance\n * of template content to each object in a user-provided array.\n * `dom-repeat` accepts an `items` property, and one instance of the template\n * is stamped for each item into the DOM at the location of the `dom-repeat`\n * element. The `item` property will be set on each instance's binding\n * scope, thus templates should bind to sub-properties of `item`.\n *\n * Example:\n *\n * ```html\n * \n *\n * \n *\n * \n * \n * \n *\n * \n *\n * \n * ```\n *\n * With the following custom element definition:\n *\n * ```js\n * class EmployeeList extends PolymerElement {\n * static get is() { return 'employee-list'; }\n * static get properties() {\n * return {\n * employees: {\n * value() {\n * return [\n * {first: 'Bob', last: 'Smith'},\n * {first: 'Sally', last: 'Johnson'},\n * ...\n * ];\n * }\n * }\n * };\n * }\n * }\n * ```\n *\n * Notifications for changes to items sub-properties will be forwarded to template\n * instances, which will update via the normal structured data notification system.\n *\n * Mutations to the `items` array itself should be made using the Array\n * mutation API's on the PropertyEffects mixin (`push`, `pop`, `splice`,\n * `shift`, `unshift`), and template instances will be kept in sync with the\n * data in the array.\n *\n * Events caught by event handlers within the `dom-repeat` template will be\n * decorated with a `model` property, which represents the binding scope for\n * each template instance. The model should be used to manipulate data on the\n * instance, for example `event.model.set('item.checked', true);`.\n *\n * Alternatively, the model for a template instance for an element stamped by\n * a `dom-repeat` can be obtained using the `modelForElement` API on the\n * `dom-repeat` that stamped it, for example\n * `this.$.domRepeat.modelForElement(event.target).set('item.checked', true);`.\n * This may be useful for manipulating instance data of event targets obtained\n * by event handlers on parents of the `dom-repeat` (event delegation).\n *\n * A view-specific filter/sort may be applied to each `dom-repeat` by supplying a\n * `filter` and/or `sort` property. This may be a string that names a function on\n * the host, or a function may be assigned to the property directly. The functions\n * should implemented following the standard `Array` filter/sort API.\n *\n * In order to re-run the filter or sort functions based on changes to sub-fields\n * of `items`, the `observe` property may be set as a space-separated list of\n * `item` sub-fields that should cause a re-filter/sort when modified. If\n * the filter or sort function depends on properties not contained in `items`,\n * the user should observe changes to those properties and call `render` to update\n * the view based on the dependency change.\n *\n * For example, for an `dom-repeat` with a filter of the following:\n *\n * ```js\n * isEngineer(item) {\n * return item.type == 'engineer' || item.manager.type == 'engineer';\n * }\n * ```\n *\n * Then the `observe` property should be configured as follows:\n *\n * ```html\n * \n * ```\n *\n * @customElement\n * @polymer\n * @extends {domRepeatBase}\n * @appliesMixin OptionalMutableData\n * @summary Custom element for stamping instance of a template bound to\n * items in an array.\n */\nexport class DomRepeat extends domRepeatBase {\n\n // Not needed to find template; can be removed once the analyzer\n // can find the tag name from customElements.define call\n static get is() { return 'dom-repeat'; }\n\n static get template() { return null; }\n\n static get properties() {\n\n /**\n * Fired whenever DOM is added or removed by this template (by\n * default, rendering occurs lazily). To force immediate rendering, call\n * `render`.\n *\n * @event dom-change\n */\n return {\n\n /**\n * An array containing items determining how many instances of the template\n * to stamp and that that each template instance should bind to.\n */\n items: {\n type: Array\n },\n\n /**\n * The name of the variable to add to the binding scope for the array\n * element associated with a given template instance.\n */\n as: {\n type: String,\n value: 'item'\n },\n\n /**\n * The name of the variable to add to the binding scope with the index\n * of the instance in the sorted and filtered list of rendered items.\n * Note, for the index in the `this.items` array, use the value of the\n * `itemsIndexAs` property.\n */\n indexAs: {\n type: String,\n value: 'index'\n },\n\n /**\n * The name of the variable to add to the binding scope with the index\n * of the instance in the `this.items` array. Note, for the index of\n * this instance in the sorted and filtered list of rendered items,\n * use the value of the `indexAs` property.\n */\n itemsIndexAs: {\n type: String,\n value: 'itemsIndex'\n },\n\n /**\n * A function that should determine the sort order of the items. This\n * property should either be provided as a string, indicating a method\n * name on the element's host, or else be an actual function. The\n * function should match the sort function passed to `Array.sort`.\n * Using a sort function has no effect on the underlying `items` array.\n */\n sort: {\n type: Function,\n observer: '__sortChanged'\n },\n\n /**\n * A function that can be used to filter items out of the view. This\n * property should either be provided as a string, indicating a method\n * name on the element's host, or else be an actual function. The\n * function should match the sort function passed to `Array.filter`.\n * Using a filter function has no effect on the underlying `items` array.\n */\n filter: {\n type: Function,\n observer: '__filterChanged'\n },\n\n /**\n * When using a `filter` or `sort` function, the `observe` property\n * should be set to a space-separated list of the names of item\n * sub-fields that should trigger a re-sort or re-filter when changed.\n * These should generally be fields of `item` that the sort or filter\n * function depends on.\n */\n observe: {\n type: String,\n observer: '__observeChanged'\n },\n\n /**\n * When using a `filter` or `sort` function, the `delay` property\n * determines a debounce time in ms after a change to observed item\n * properties that must pass before the filter or sort is re-run.\n * This is useful in rate-limiting shuffling of the view when\n * item changes may be frequent.\n */\n delay: Number,\n\n /**\n * Count of currently rendered items after `filter` (if any) has been applied.\n * If \"chunking mode\" is enabled, `renderedItemCount` is updated each time a\n * set of template instances is rendered.\n *\n */\n renderedItemCount: {\n type: Number,\n notify: true,\n readOnly: true\n },\n\n /**\n * Defines an initial count of template instances to render after setting\n * the `items` array, before the next paint, and puts the `dom-repeat`\n * into \"chunking mode\". The remaining items will be created and rendered\n * incrementally at each animation frame therof until all instances have\n * been rendered.\n */\n initialCount: {\n type: Number,\n observer: '__initializeChunking'\n },\n\n /**\n * When `initialCount` is used, this property defines a frame rate (in\n * fps) to target by throttling the number of instances rendered each\n * frame to not exceed the budget for the target frame rate. The\n * framerate is effectively the number of `requestAnimationFrame`s that\n * it tries to allow to actually fire in a given second. It does this\n * by measuring the time between `rAF`s and continuously adjusting the\n * number of items created each `rAF` to maintain the target framerate.\n * Setting this to a higher number allows lower latency and higher\n * throughput for event handlers and other tasks, but results in a\n * longer time for the remaining items to complete rendering.\n */\n targetFramerate: {\n type: Number,\n value: 20\n },\n\n _targetFrameTime: {\n type: Number,\n computed: '__computeFrameTime(targetFramerate)'\n }\n\n };\n\n }\n\n static get observers() {\n return [ '__itemsChanged(items.*)' ];\n }\n\n constructor() {\n super();\n this.__instances = [];\n this.__limit = Infinity;\n this.__pool = [];\n this.__renderDebouncer = null;\n this.__itemsIdxToInstIdx = {};\n this.__chunkCount = null;\n this.__lastChunkTime = null;\n this.__sortFn = null;\n this.__filterFn = null;\n this.__observePaths = null;\n /** @type {?function(new:Polymer.TemplateInstanceBase, *)} */\n this.__ctor = null;\n this.__isDetached = true;\n this.template = null;\n }\n\n /**\n * @override\n * @return {void}\n */\n disconnectedCallback() {\n super.disconnectedCallback();\n this.__isDetached = true;\n for (let i=0; i {\n if (this.querySelector('template')) {\n observer.disconnect();\n this.__render();\n } else {\n throw new Error('dom-repeat requires a child');\n }\n });\n observer.observe(this, {childList: true});\n return false;\n }\n // Template instance props that should be excluded from forwarding\n let instanceProps = {};\n instanceProps[this.as] = true;\n instanceProps[this.indexAs] = true;\n instanceProps[this.itemsIndexAs] = true;\n this.__ctor = templatize(template, this, {\n mutableData: this.mutableData,\n parentModel: true,\n instanceProps: instanceProps,\n /**\n * @this {DomRepeat}\n * @param {string} prop Property to set\n * @param {*} value Value to set property to\n */\n forwardHostProp: function(prop, value) {\n let i$ = this.__instances;\n for (let i=0, inst; (ithis.__renderChunk());\n }\n\n __renderChunk() {\n // Simple auto chunkSize throttling algorithm based on feedback loop:\n // measure actual time between frames and scale chunk count by ratio\n // of target/actual frame time\n let currChunkTime = performance.now();\n let ratio = this._targetFrameTime / (currChunkTime - this.__lastChunkTime);\n this.__chunkCount = Math.round(this.__chunkCount * ratio) || 1;\n this.__limit += this.__chunkCount;\n this.__lastChunkTime = currChunkTime;\n this.__debounceRender(this.__render);\n }\n\n __observeChanged() {\n this.__observePaths = this.observe &&\n this.observe.replace('.*', '.').split(' ');\n }\n\n __itemsChanged(change) {\n if (this.items && !Array.isArray(this.items)) {\n console.warn('dom-repeat expected array for `items`, found', this.items);\n }\n // If path was to an item (e.g. 'items.3' or 'items.3.foo'), forward the\n // path to that instance synchronously (returns false for non-item paths)\n if (!this.__handleItemPath(change.path, change.value)) {\n // Otherwise, the array was reset ('items') or spliced ('items.splices'),\n // so queue a full refresh\n this.__initializeChunking();\n this.__debounceRender(this.__render);\n }\n }\n\n __handleObservedPaths(path) {\n // Handle cases where path changes should cause a re-sort/filter\n if (this.__sortFn || this.__filterFn) {\n if (!path) {\n // Always re-render if the item itself changed\n this.__debounceRender(this.__render, this.delay);\n } else if (this.__observePaths) {\n // Otherwise, re-render if the path changed matches an observed path\n let paths = this.__observePaths;\n for (let i=0; i 0 ? timeOut.after(delay) : microTask\n , fn.bind(this));\n enqueueDebouncer(this.__renderDebouncer);\n }\n\n /**\n * Forces the element to render its content. Normally rendering is\n * asynchronous to a provoking change. This is done for efficiency so\n * that multiple changes trigger only a single render. The render method\n * should be called if, for example, template rendering is required to\n * validate application state.\n * @return {void}\n */\n render() {\n // Queue this repeater, then flush all in order\n this.__debounceRender(this.__render);\n flush();\n }\n\n __render() {\n if (!this.__ensureTemplatized()) {\n // No template found yet\n return;\n }\n this.__applyFullRefresh();\n // Reset the pool\n // TODO(kschaaf): Reuse pool across turns and nested templates\n // Now that objects/arrays are re-evaluated when set, we can safely\n // reuse pooled instances across turns, however we still need to decide\n // semantics regarding how long to hold, how many to hold, etc.\n this.__pool.length = 0;\n // Set rendered item count\n this._setRenderedItemCount(this.__instances.length);\n // Notify users\n this.dispatchEvent(new CustomEvent('dom-change', {\n bubbles: true,\n composed: true\n }));\n // Check to see if we need to render more items\n this.__tryRenderChunk();\n }\n\n __applyFullRefresh() {\n let items = this.items || [];\n let isntIdxToItemsIdx = new Array(items.length);\n for (let i=0; i\n this.__filterFn(items[i], idx, array));\n }\n // Apply user sort\n if (this.__sortFn) {\n isntIdxToItemsIdx.sort((a, b) => this.__sortFn(items[a], items[b]));\n }\n // items->inst map kept for item path forwarding\n const itemsIdxToInstIdx = this.__itemsIdxToInstIdx = {};\n let instIdx = 0;\n // Generate instances and assign items\n const limit = Math.min(isntIdxToItemsIdx.length, this.__limit);\n for (; instIdx=instIdx; i--) {\n this.__detachAndRemoveInstance(i);\n }\n }\n\n __detachInstance(idx) {\n let inst = this.__instances[idx];\n for (let i=0; i. path change,\n // responsible for notifying item. changes to inst for key\n __handleItemPath(path, value) {\n let itemsPath = path.slice(6); // 'items.'.length == 6\n let dot = itemsPath.indexOf('.');\n let itemsIdx = dot < 0 ? itemsPath : itemsPath.substring(0, dot);\n // If path was index into array...\n if (itemsIdx == parseInt(itemsIdx, 10)) {\n let itemSubPath = dot < 0 ? '' : itemsPath.substring(dot+1);\n // If the path is observed, it will trigger a full refresh\n this.__handleObservedPaths(itemSubPath);\n // Note, even if a rull refresh is triggered, always do the path\n // notification because unless mutableData is used for dom-repeat\n // and all elements in the instance subtree, a full refresh may\n // not trigger the proper update.\n let instIdx = this.__itemsIdxToInstIdx[itemsIdx];\n let inst = this.__instances[instIdx];\n if (inst) {\n let itemPath = this.as + (itemSubPath ? '.' + itemSubPath : '');\n // This is effectively `notifyPath`, but avoids some of the overhead\n // of the public API\n inst._setPendingPropertyOrPath(itemPath, value, false, true);\n inst._flushProperties();\n }\n return true;\n }\n }\n\n /**\n * Returns the item associated with a given element stamped by\n * this `dom-repeat`.\n *\n * Note, to modify sub-properties of the item,\n * `modelForElement(el).set('item.', value)`\n * should be used.\n *\n * @param {!HTMLElement} el Element for which to return the item.\n * @return {*} Item associated with the element.\n */\n itemForElement(el) {\n let instance = this.modelForElement(el);\n return instance && instance[this.as];\n }\n\n /**\n * Returns the inst index for a given element stamped by this `dom-repeat`.\n * If `sort` is provided, the index will reflect the sorted order (rather\n * than the original array order).\n *\n * @param {!HTMLElement} el Element for which to return the index.\n * @return {?number} Row index associated with the element (note this may\n * not correspond to the array index if a user `sort` is applied).\n */\n indexForElement(el) {\n let instance = this.modelForElement(el);\n return instance && instance[this.indexAs];\n }\n\n /**\n * Returns the template \"model\" associated with a given element, which\n * serves as the binding scope for the template instance the element is\n * contained in. A template model\n * should be used to manipulate data associated with this template instance.\n *\n * Example:\n *\n * let model = modelForElement(el);\n * if (model.index < 10) {\n * model.set('item.checked', true);\n * }\n *\n * @param {!HTMLElement} el Element for which to return a template model.\n * @return {TemplateInstanceBase} Model representing the binding scope for\n * the element.\n */\n modelForElement(el) {\n return modelForElement(this.template, el);\n }\n\n}\n\ncustomElements.define(DomRepeat.is, DomRepeat);\n","/**\n@license\nCopyright (c) 2017 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\nimport { PolymerElement } from '../../polymer-element.js';\n\nimport { templatize } from '../utils/templatize.js';\nimport { Debouncer } from '../utils/debounce.js';\nimport { enqueueDebouncer, flush } from '../utils/flush.js';\nimport { microTask } from '../utils/async.js';\nimport { root } from '../utils/path.js';\n\n/**\n * The `` element will stamp a light-dom `` child when\n * the `if` property becomes truthy, and the template can use Polymer\n * data-binding and declarative event features when used in the context of\n * a Polymer element's template.\n *\n * When `if` becomes falsy, the stamped content is hidden but not\n * removed from dom. When `if` subsequently becomes truthy again, the content\n * is simply re-shown. This approach is used due to its favorable performance\n * characteristics: the expense of creating template content is paid only\n * once and lazily.\n *\n * Set the `restamp` property to true to force the stamped content to be\n * created / destroyed when the `if` condition changes.\n *\n * @customElement\n * @polymer\n * @extends PolymerElement\n * @summary Custom element that conditionally stamps and hides or removes\n * template content based on a boolean flag.\n */\nexport class DomIf extends PolymerElement {\n\n // Not needed to find template; can be removed once the analyzer\n // can find the tag name from customElements.define call\n static get is() { return 'dom-if'; }\n\n static get template() { return null; }\n\n static get properties() {\n\n return {\n\n /**\n * Fired whenever DOM is added or removed/hidden by this template (by\n * default, rendering occurs lazily). To force immediate rendering, call\n * `render`.\n *\n * @event dom-change\n */\n\n /**\n * A boolean indicating whether this template should stamp.\n */\n if: {\n type: Boolean,\n observer: '__debounceRender'\n },\n\n /**\n * When true, elements will be removed from DOM and discarded when `if`\n * becomes false and re-created and added back to the DOM when `if`\n * becomes true. By default, stamped elements will be hidden but left\n * in the DOM when `if` becomes false, which is generally results\n * in better performance.\n */\n restamp: {\n type: Boolean,\n observer: '__debounceRender'\n }\n\n };\n\n }\n\n constructor() {\n super();\n this.__renderDebouncer = null;\n this.__invalidProps = null;\n this.__instance = null;\n this._lastIf = false;\n this.__ctor = null;\n this.__hideTemplateChildren__ = false;\n }\n\n __debounceRender() {\n // Render is async for 2 reasons:\n // 1. To eliminate dom creation trashing if user code thrashes `if` in the\n // same turn. This was more common in 1.x where a compound computed\n // property could result in the result changing multiple times, but is\n // mitigated to a large extent by batched property processing in 2.x.\n // 2. To avoid double object propagation when a bag including values bound\n // to the `if` property as well as one or more hostProps could enqueue\n // the to flush before the 's host property\n // forwarding. In that scenario creating an instance would result in\n // the host props being set once, and then the enqueued changes on the\n // template would set properties a second time, potentially causing an\n // object to be set to an instance more than once. Creating the\n // instance async from flushing data ensures this doesn't happen. If\n // we wanted a sync option in the future, simply having flush\n // (or clear) its template's pending host properties before creating\n // the instance would also avoid the problem.\n this.__renderDebouncer = Debouncer.debounce(\n this.__renderDebouncer\n , microTask\n , () => this.__render());\n enqueueDebouncer(this.__renderDebouncer);\n }\n\n /**\n * @override\n * @return {void}\n */\n disconnectedCallback() {\n super.disconnectedCallback();\n if (!this.parentNode ||\n (this.parentNode.nodeType == Node.DOCUMENT_FRAGMENT_NODE &&\n !this.parentNode.host)) {\n this.__teardownInstance();\n }\n }\n\n /**\n * @override\n * @return {void}\n */\n connectedCallback() {\n super.connectedCallback();\n this.style.display = 'none';\n if (this.if) {\n this.__debounceRender();\n }\n }\n\n /**\n * Forces the element to render its content. Normally rendering is\n * asynchronous to a provoking change. This is done for efficiency so\n * that multiple changes trigger only a single render. The render method\n * should be called if, for example, template rendering is required to\n * validate application state.\n * @return {void}\n */\n render() {\n flush();\n }\n\n __render() {\n if (this.if) {\n if (!this.__ensureInstance()) {\n // No template found yet\n return;\n }\n this._showHideChildren();\n } else if (this.restamp) {\n this.__teardownInstance();\n }\n if (!this.restamp && this.__instance) {\n this._showHideChildren();\n }\n if (this.if != this._lastIf) {\n this.dispatchEvent(new CustomEvent('dom-change', {\n bubbles: true,\n composed: true\n }));\n this._lastIf = this.if;\n }\n }\n\n __ensureInstance() {\n let parentNode = this.parentNode;\n // Guard against element being detached while render was queued\n if (parentNode) {\n if (!this.__ctor) {\n let template = /** @type {HTMLTemplateElement} */(this.querySelector('template'));\n if (!template) {\n // Wait until childList changes and template should be there by then\n let observer = new MutationObserver(() => {\n if (this.querySelector('template')) {\n observer.disconnect();\n this.__render();\n } else {\n throw new Error('dom-if requires a child');\n }\n });\n observer.observe(this, {childList: true});\n return false;\n }\n this.__ctor = templatize(template, this, {\n // dom-if templatizer instances require `mutable: true`, as\n // `__syncHostProperties` relies on that behavior to sync objects\n mutableData: true,\n /**\n * @param {string} prop Property to forward\n * @param {*} value Value of property\n * @this {DomIf}\n */\n forwardHostProp: function(prop, value) {\n if (this.__instance) {\n if (this.if) {\n this.__instance.forwardHostProp(prop, value);\n } else {\n // If we have an instance but are squelching host property\n // forwarding due to if being false, note the invalidated\n // properties so `__syncHostProperties` can sync them the next\n // time `if` becomes true\n this.__invalidProps = this.__invalidProps || Object.create(null);\n this.__invalidProps[root(prop)] = true;\n }\n }\n }\n });\n }\n if (!this.__instance) {\n this.__instance = new this.__ctor();\n parentNode.insertBefore(this.__instance.root, this);\n } else {\n this.__syncHostProperties();\n let c$ = this.__instance.children;\n if (c$ && c$.length) {\n // Detect case where dom-if was re-attached in new position\n let lastChild = this.previousSibling;\n if (lastChild !== c$[c$.length-1]) {\n for (let i=0, n; (i {\n\n /**\n * @constructor\n * @extends {superClass}\n * @implements {Polymer_ElementMixin}\n * @private\n */\n let elementBase = ElementMixin(superClass);\n\n /**\n * @polymer\n * @mixinClass\n * @implements {Polymer_ArraySelectorMixin}\n * @unrestricted\n */\n class ArraySelectorMixin extends elementBase {\n\n static get properties() {\n\n return {\n\n /**\n * An array containing items from which selection will be made.\n */\n items: {\n type: Array,\n },\n\n /**\n * When `true`, multiple items may be selected at once (in this case,\n * `selected` is an array of currently selected items). When `false`,\n * only one item may be selected at a time.\n */\n multi: {\n type: Boolean,\n value: false,\n },\n\n /**\n * When `multi` is true, this is an array that contains any selected.\n * When `multi` is false, this is the currently selected item, or `null`\n * if no item is selected.\n * @type {?(Object|Array)}\n */\n selected: {\n type: Object,\n notify: true\n },\n\n /**\n * When `multi` is false, this is the currently selected item, or `null`\n * if no item is selected.\n * @type {?Object}\n */\n selectedItem: {\n type: Object,\n notify: true\n },\n\n /**\n * When `true`, calling `select` on an item that is already selected\n * will deselect the item.\n */\n toggle: {\n type: Boolean,\n value: false\n }\n\n };\n }\n\n static get observers() {\n return ['__updateSelection(multi, items.*)'];\n }\n\n constructor() {\n super();\n this.__lastItems = null;\n this.__lastMulti = null;\n this.__selectedMap = null;\n }\n\n __updateSelection(multi, itemsInfo) {\n let path = itemsInfo.path;\n if (path == 'items') {\n // Case 1 - items array changed, so diff against previous array and\n // deselect any removed items and adjust selected indices\n let newItems = itemsInfo.base || [];\n let lastItems = this.__lastItems;\n let lastMulti = this.__lastMulti;\n if (multi !== lastMulti) {\n this.clearSelection();\n }\n if (lastItems) {\n let splices = calculateSplices(newItems, lastItems);\n this.__applySplices(splices);\n }\n this.__lastItems = newItems;\n this.__lastMulti = multi;\n } else if (itemsInfo.path == 'items.splices') {\n // Case 2 - got specific splice information describing the array mutation:\n // deselect any removed items and adjust selected indices\n this.__applySplices(itemsInfo.value.indexSplices);\n } else {\n // Case 3 - an array element was changed, so deselect the previous\n // item for that index if it was previously selected\n let part = path.slice('items.'.length);\n let idx = parseInt(part, 10);\n if ((part.indexOf('.') < 0) && part == idx) {\n this.__deselectChangedIdx(idx);\n }\n }\n }\n\n __applySplices(splices) {\n let selected = this.__selectedMap;\n // Adjust selected indices and mark removals\n for (let i=0; i {\n if (idx < s.index) {\n // no change\n } else if (idx >= s.index + s.removed.length) {\n // adjust index\n selected.set(item, idx + s.addedCount - s.removed.length);\n } else {\n // remove index\n selected.set(item, -1);\n }\n });\n for (let j=0; j {\n if (idx < 0) {\n if (this.multi) {\n this.splice('selected', sidx, 1);\n } else {\n this.selected = this.selectedItem = null;\n }\n selected.delete(item);\n } else {\n sidx++;\n }\n });\n }\n\n __updateLinks() {\n this.__dataLinkedPaths = {};\n if (this.multi) {\n let sidx = 0;\n this.__selectedMap.forEach(idx => {\n if (idx >= 0) {\n this.linkPaths('items.' + idx, 'selected.' + sidx++);\n }\n });\n } else {\n this.__selectedMap.forEach(idx => {\n this.linkPaths('selected', 'items.' + idx);\n this.linkPaths('selectedItem', 'items.' + idx);\n });\n }\n }\n\n /**\n * Clears the selection state.\n * @return {void}\n */\n clearSelection() {\n // Unbind previous selection\n this.__dataLinkedPaths = {};\n // The selected map stores 3 pieces of information:\n // key: items array object\n // value: items array index\n // order: selected array index\n this.__selectedMap = new Map();\n // Initialize selection\n this.selected = this.multi ? [] : null;\n this.selectedItem = null;\n }\n\n /**\n * Returns whether the item is currently selected.\n *\n * @param {*} item Item from `items` array to test\n * @return {boolean} Whether the item is selected\n */\n isSelected(item) {\n return this.__selectedMap.has(item);\n }\n\n /**\n * Returns whether the item is currently selected.\n *\n * @param {number} idx Index from `items` array to test\n * @return {boolean} Whether the item is selected\n */\n isIndexSelected(idx) {\n return this.isSelected(this.items[idx]);\n }\n\n __deselectChangedIdx(idx) {\n let sidx = this.__selectedIndexForItemIndex(idx);\n if (sidx >= 0) {\n let i = 0;\n this.__selectedMap.forEach((idx, item) => {\n if (sidx == i++) {\n this.deselect(item);\n }\n });\n }\n }\n\n __selectedIndexForItemIndex(idx) {\n let selected = this.__dataLinkedPaths['items.' + idx];\n if (selected) {\n return parseInt(selected.slice('selected.'.length), 10);\n }\n }\n\n /**\n * Deselects the given item if it is already selected.\n *\n * @param {*} item Item from `items` array to deselect\n * @return {void}\n */\n deselect(item) {\n let idx = this.__selectedMap.get(item);\n if (idx >= 0) {\n this.__selectedMap.delete(item);\n let sidx;\n if (this.multi) {\n sidx = this.__selectedIndexForItemIndex(idx);\n }\n this.__updateLinks();\n if (this.multi) {\n this.splice('selected', sidx, 1);\n } else {\n this.selected = this.selectedItem = null;\n }\n }\n }\n\n /**\n * Deselects the given index if it is already selected.\n *\n * @param {number} idx Index from `items` array to deselect\n * @return {void}\n */\n deselectIndex(idx) {\n this.deselect(this.items[idx]);\n }\n\n /**\n * Selects the given item. When `toggle` is true, this will automatically\n * deselect the item if already selected.\n *\n * @param {*} item Item from `items` array to select\n * @return {void}\n */\n select(item) {\n this.selectIndex(this.items.indexOf(item));\n }\n\n /**\n * Selects the given index. When `toggle` is true, this will automatically\n * deselect the item if already selected.\n *\n * @param {number} idx Index from `items` array to select\n * @return {void}\n */\n selectIndex(idx) {\n let item = this.items[idx];\n if (!this.isSelected(item)) {\n if (!this.multi) {\n this.__selectedMap.clear();\n }\n this.__selectedMap.set(item, idx);\n this.__updateLinks();\n if (this.multi) {\n this.push('selected', item);\n } else {\n this.selected = this.selectedItem = item;\n }\n } else if (this.toggle) {\n this.deselectIndex(idx);\n }\n }\n\n }\n\n return ArraySelectorMixin;\n\n});\n\n// export mixin\nexport { ArraySelectorMixin };\n\n/**\n * @constructor\n * @extends {PolymerElement}\n * @implements {Polymer_ArraySelectorMixin}\n * @private\n */\nlet baseArraySelector = ArraySelectorMixin(PolymerElement);\n\n/**\n * Element implementing the `ArraySelector` mixin, which records\n * dynamic associations between item paths in a master `items` array and a\n * `selected` array such that path changes to the master array (at the host)\n * element or elsewhere via data-binding) are correctly propagated to items\n * in the selected array and vice-versa.\n *\n * The `items` property accepts an array of user data, and via the\n * `select(item)` and `deselect(item)` API, updates the `selected` property\n * which may be bound to other parts of the application, and any changes to\n * sub-fields of `selected` item(s) will be kept in sync with items in the\n * `items` array. When `multi` is false, `selected` is a property\n * representing the last selected item. When `multi` is true, `selected`\n * is an array of multiply selected items.\n *\n * Example:\n *\n * ```js\n * import {PolymerElement} from '@polymer/polymer';\n * import '@polymer/polymer/lib/elements/array-selector.js';\n *\n * class EmployeeList extends PolymerElement {\n * static get _template() {\n * return html`\n * \n * \n * \n *\n * \n * \n * `;\n * }\n * static get is() { return 'employee-list'; }\n * static get properties() {\n * return {\n * employees: {\n * value() {\n * return [\n * {first: 'Bob', last: 'Smith'},\n * {first: 'Sally', last: 'Johnson'},\n * ...\n * ];\n * }\n * }\n * };\n * }\n * toggleSelection(e) {\n * const item = this.$.employeeList.itemForElement(e.target);\n * this.$.selector.select(item);\n * }\n * }\n * ```\n *\n * @polymer\n * @customElement\n * @extends {baseArraySelector}\n * @appliesMixin ArraySelectorMixin\n * @summary Custom element that links paths between an input `items` array and\n * an output `selected` item or array based on calls to its selection API.\n */\nclass ArraySelector extends baseArraySelector {\n // Not needed to find template; can be removed once the analyzer\n // can find the tag name from customElements.define call\n static get is() { return 'array-selector'; }\n}\ncustomElements.define(ArraySelector.is, ArraySelector);\nexport { ArraySelector };\n","/**\n@license\nCopyright (c) 2017 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\nimport { MutableData } from '../mixins/mutable-data.js';\n\nlet mutablePropertyChange;\n/** @suppress {missingProperties} */\n(() => {\n mutablePropertyChange = MutableData._mutablePropertyChange;\n})();\n\n/**\n * Legacy element behavior to skip strict dirty-checking for objects and arrays,\n * (always consider them to be \"dirty\") for use on legacy API Polymer elements.\n *\n * By default, `Polymer.PropertyEffects` performs strict dirty checking on\n * objects, which means that any deep modifications to an object or array will\n * not be propagated unless \"immutable\" data patterns are used (i.e. all object\n * references from the root to the mutation were changed).\n *\n * Polymer also provides a proprietary data mutation and path notification API\n * (e.g. `notifyPath`, `set`, and array mutation API's) that allow efficient\n * mutation and notification of deep changes in an object graph to all elements\n * bound to the same object graph.\n *\n * In cases where neither immutable patterns nor the data mutation API can be\n * used, applying this mixin will cause Polymer to skip dirty checking for\n * objects and arrays (always consider them to be \"dirty\"). This allows a\n * user to make a deep modification to a bound object graph, and then either\n * simply re-set the object (e.g. `this.items = this.items`) or call `notifyPath`\n * (e.g. `this.notifyPath('items')`) to update the tree. Note that all\n * elements that wish to be updated based on deep mutations must apply this\n * mixin or otherwise skip strict dirty checking for objects/arrays.\n * Specifically, any elements in the binding tree between the source of a\n * mutation and the consumption of it must apply this behavior or enable the\n * `Polymer.OptionalMutableDataBehavior`.\n *\n * In order to make the dirty check strategy configurable, see\n * `Polymer.OptionalMutableDataBehavior`.\n *\n * Note, the performance characteristics of propagating large object graphs\n * will be worse as opposed to using strict dirty checking with immutable\n * patterns or Polymer's path notification API.\n *\n * @polymerBehavior\n * @summary Behavior to skip strict dirty-checking for objects and\n * arrays\n */\nexport const MutableDataBehavior = {\n\n /**\n * Overrides `Polymer.PropertyEffects` to provide option for skipping\n * strict equality checking for Objects and Arrays.\n *\n * This method pulls the value to dirty check against from the `__dataTemp`\n * cache (rather than the normal `__data` cache) for Objects. Since the temp\n * cache is cleared at the end of a turn, this implementation allows\n * side-effects of deep object changes to be processed by re-setting the\n * same object (using the temp cache as an in-turn backstop to prevent\n * cycles due to 2-way notification).\n *\n * @param {string} property Property name\n * @param {*} value New property value\n * @param {*} old Previous property value\n * @return {boolean} Whether the property should be considered a change\n * @protected\n */\n _shouldPropertyChange(property, value, old) {\n return mutablePropertyChange(this, property, value, old, true);\n }\n};\n\n/**\n * Legacy element behavior to add the optional ability to skip strict\n * dirty-checking for objects and arrays (always consider them to be\n * \"dirty\") by setting a `mutable-data` attribute on an element instance.\n *\n * By default, `Polymer.PropertyEffects` performs strict dirty checking on\n * objects, which means that any deep modifications to an object or array will\n * not be propagated unless \"immutable\" data patterns are used (i.e. all object\n * references from the root to the mutation were changed).\n *\n * Polymer also provides a proprietary data mutation and path notification API\n * (e.g. `notifyPath`, `set`, and array mutation API's) that allow efficient\n * mutation and notification of deep changes in an object graph to all elements\n * bound to the same object graph.\n *\n * In cases where neither immutable patterns nor the data mutation API can be\n * used, applying this mixin will allow Polymer to skip dirty checking for\n * objects and arrays (always consider them to be \"dirty\"). This allows a\n * user to make a deep modification to a bound object graph, and then either\n * simply re-set the object (e.g. `this.items = this.items`) or call `notifyPath`\n * (e.g. `this.notifyPath('items')`) to update the tree. Note that all\n * elements that wish to be updated based on deep mutations must apply this\n * mixin or otherwise skip strict dirty checking for objects/arrays.\n * Specifically, any elements in the binding tree between the source of a\n * mutation and the consumption of it must enable this behavior or apply the\n * `Polymer.OptionalMutableDataBehavior`.\n *\n * While this behavior adds the ability to forgo Object/Array dirty checking,\n * the `mutableData` flag defaults to false and must be set on the instance.\n *\n * Note, the performance characteristics of propagating large object graphs\n * will be worse by relying on `mutableData: true` as opposed to using\n * strict dirty checking with immutable patterns or Polymer's path notification\n * API.\n *\n * @polymerBehavior\n * @summary Behavior to optionally skip strict dirty-checking for objects and\n * arrays\n */\nexport const OptionalMutableDataBehavior = {\n\n properties: {\n /**\n * Instance-level flag for configuring the dirty-checking strategy\n * for this element. When true, Objects and Arrays will skip dirty\n * checking, otherwise strict equality checking will be used.\n */\n mutableData: Boolean\n },\n\n /**\n * Overrides `Polymer.PropertyEffects` to skip strict equality checking\n * for Objects and Arrays.\n *\n * Pulls the value to dirty check against from the `__dataTemp` cache\n * (rather than the normal `__data` cache) for Objects. Since the temp\n * cache is cleared at the end of a turn, this implementation allows\n * side-effects of deep object changes to be processed by re-setting the\n * same object (using the temp cache as an in-turn backstop to prevent\n * cycles due to 2-way notification).\n *\n * @param {string} property Property name\n * @param {*} value New property value\n * @param {*} old Previous property value\n * @return {boolean} Whether the property should be considered a change\n * @this {this}\n * @protected\n */\n _shouldPropertyChange(property, value, old) {\n return mutablePropertyChange(this, property, value, old, this.mutableData);\n }\n};\n","/**\n@license\nCopyright (c) 2017 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\n\nimport { LegacyElementMixin } from './lib/legacy/legacy-element-mixin.js';\nexport { Polymer } from './lib/legacy/polymer-fn.js';\n/* template elements */\nimport './lib/legacy/templatizer-behavior.js';\nimport './lib/elements/dom-bind.js';\nimport './lib/elements/dom-repeat.js';\nimport './lib/elements/dom-if.js';\nimport './lib/elements/array-selector.js';\n/* custom-style */\nimport './lib/elements/custom-style.js';\n/* bc behaviors */\nimport './lib/legacy/mutable-data-behavior.js';\n/* import html-tag to export html */\nexport { html } from './lib/utils/html-tag.js';\n\n// bc\nexport const Base = LegacyElementMixin(HTMLElement).prototype;\n","/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n\n/**\n * @module lit-html\n */\n\nimport {Part} from './part.js';\nimport {AttributeCommitter, BooleanAttributePart, EventPart, NodePart, PropertyCommitter} from './parts.js';\nimport {RenderOptions} from './render-options.js';\nimport {TemplateProcessor} from './template-processor.js';\n\n/**\n * Creates Parts when a template is instantiated.\n */\nexport class DefaultTemplateProcessor implements TemplateProcessor {\n /**\n * Create parts for an attribute-position binding, given the event, attribute\n * name, and string literals.\n *\n * @param element The element containing the binding\n * @param name The attribute name\n * @param strings The string literals. There are always at least two strings,\n * event for fully-controlled bindings with a single expression.\n */\n handleAttributeExpressions(\n element: Element, name: string, strings: string[],\n options: RenderOptions): ReadonlyArray {\n const prefix = name[0];\n if (prefix === '.') {\n const committer = new PropertyCommitter(element, name.slice(1), strings);\n return committer.parts;\n }\n if (prefix === '@') {\n return [new EventPart(element, name.slice(1), options.eventContext)];\n }\n if (prefix === '?') {\n return [new BooleanAttributePart(element, name.slice(1), strings)];\n }\n const committer = new AttributeCommitter(element, name, strings);\n return committer.parts;\n }\n /**\n * Create parts for a text-position binding.\n * @param templateFactory\n */\n handleTextExpression(options: RenderOptions) {\n return new NodePart(options);\n }\n}\n\nexport const defaultTemplateProcessor = new DefaultTemplateProcessor();\n","/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n\n/**\n *\n * Main lit-html module.\n *\n * Main exports:\n *\n * - [[html]]\n * - [[svg]]\n * - [[render]]\n *\n * @module lit-html\n * @preferred\n */\n\n/**\n * Do not remove this comment; it keeps typedoc from misplacing the module\n * docs.\n */\nimport {defaultTemplateProcessor} from './lib/default-template-processor.js';\nimport {SVGTemplateResult, TemplateResult} from './lib/template-result.js';\n\nexport {DefaultTemplateProcessor, defaultTemplateProcessor} from './lib/default-template-processor.js';\nexport {directive, DirectiveFn, isDirective} from './lib/directive.js';\n// TODO(justinfagnani): remove line when we get NodePart moving methods\nexport {removeNodes, reparentNodes} from './lib/dom.js';\nexport {noChange, nothing, Part} from './lib/part.js';\nexport {AttributeCommitter, AttributePart, BooleanAttributePart, EventPart, isIterable, isPrimitive, NodePart, PropertyCommitter, PropertyPart} from './lib/parts.js';\nexport {RenderOptions} from './lib/render-options.js';\nexport {parts, render} from './lib/render.js';\nexport {templateCaches, templateFactory} from './lib/template-factory.js';\nexport {TemplateInstance} from './lib/template-instance.js';\nexport {TemplateProcessor} from './lib/template-processor.js';\nexport {SVGTemplateResult, TemplateResult} from './lib/template-result.js';\nexport {createMarker, isTemplatePartActive, Template} from './lib/template.js';\n\ndeclare global {\n interface Window {\n litHtmlVersions: string[];\n }\n}\n\n// IMPORTANT: do not change the property name or the assignment expression.\n// This line will be used in regexes to search for lit-html usage.\n// TODO(justinfagnani): inject version number at build time\n(window['litHtmlVersions'] || (window['litHtmlVersions'] = [])).push('1.1.2');\n\n/**\n * Interprets a template literal as an HTML template that can efficiently\n * render to and update a container.\n */\nexport const html = (strings: TemplateStringsArray, ...values: unknown[]) =>\n new TemplateResult(strings, values, 'html', defaultTemplateProcessor);\n\n/**\n * Interprets a template literal as an SVG template that can efficiently\n * render to and update a container.\n */\nexport const svg = (strings: TemplateStringsArray, ...values: unknown[]) =>\n new SVGTemplateResult(strings, values, 'svg', defaultTemplateProcessor);\n","/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n\n/**\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\n * replaced at compile time by the munged name for object[property]. We cannot\n * alias this function, so we have to use a small shim that has the same\n * behavior when not compiling.\n */\nwindow.JSCompiler_renameProperty =\n
\n You don\'t have any add-ons installed yet. Head over to\n \n
\n "]);return yt=function(){return e},e}function vt(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function bt(e,t){return(bt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function gt(e){return function(){var t,r=kt(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=kt(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===dt(t)||"function"==typeof t))return t;return wt(e)}(this,t)}}function wt(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function kt(e){return(kt=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Et(e){var t,r=St(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function Ot(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function Pt(e){return e.decorators&&e.decorators.length}function jt(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function xt(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function St(e){var t=function(e,t){if("object"!==dt(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==dt(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===dt(t)?t:String(t)}function Dt(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);rAdd-ons
\n\n ',"\n
\n \n \n =0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a1?"Updates Available 🎉":"Update Available 🎉",this._renderUpdateCard("Home Assistant Core",this.hassInfo.version,this.hassInfo.version_latest,"hassio/homeassistant/update","https://".concat(this.hassInfo.version_latest.includes("b")?"rc":"www",".home-assistant.io/latest-release-notes/"),N.t),this._renderUpdateCard("Supervisor",this.supervisorInfo.version,this.supervisorInfo.version_latest,"hassio/supervisor/update","https://github.com//home-assistant/hassio/releases/tag/".concat(this.supervisorInfo.version_latest)),this.hassOsInfo?this._renderUpdateCard("Operating System",this.hassOsInfo.version,this.hassOsInfo.version_latest,"hassio/os/update","https://github.com//home-assistant/hassos/releases/tag/".concat(this.hassOsInfo.version_latest)):""):Object(n.e)(Ft())}},{kind:"method",key:"_renderUpdateCard",value:function(e,t,r,i,o,a){return r&&r!==t?Object(n.e)(Tt(),a?Object(n.e)(Ct(),a):"",e,r,t,o,this.hass,i,this._apiCalled):Object(n.e)(zt())}},{kind:"method",key:"_apiCalled",value:function(e){if(e.detail.success)this._error="";else{var t=e.detail.response;"object"===At(t.body)?this._error=t.body.message||"Unknown error":this._error=t.body}}},{kind:"get",static:!0,key:"styles",value:function(){return[i.b,Ee.a,Object(n.c)(_t())]}}]}},n.a);function Yt(e){return(Yt="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 Wt(){var e=Xt(["\n .content {\n margin: 0 auto;\n }\n "]);return Wt=function(){return e},e}function Qt(){var e=Xt(["\n Dashboard\n \n ","\n ",'\n\n \n `;\n }\n\n constructor() {\n super();\n this.method = \"POST\";\n this.data = {};\n this.disabled = false;\n this.progress = false;\n }\n\n static get properties() {\n return {\n hass: {},\n progress: Boolean,\n path: String,\n method: String,\n data: {},\n disabled: Boolean,\n };\n }\n\n get progressButton() {\n return this.renderRoot.querySelector(\"ha-progress-button\");\n }\n\n async _buttonTapped() {\n this.progress = true;\n const eventData = {\n method: this.method,\n path: this.path,\n data: this.data,\n };\n\n try {\n const resp = await this.hass.callApi(this.method, this.path, this.data);\n this.progress = false;\n this.progressButton.actionSuccess();\n eventData.success = true;\n eventData.response = resp;\n } catch (err) {\n this.progress = false;\n this.progressButton.actionError();\n eventData.success = false;\n eventData.response = err;\n }\n\n fireEvent(this, \"hass-api-called\", eventData);\n }\n}\n\ncustomElements.define(\"ha-call-api-button\", HaCallApiButton);\n","import { LocalizeFunc } from \"../translations/localize\";\n\n/**\n * Calculate a string representing a date object as relative time from now.\n *\n * Example output: 5 minutes ago, in 3 days.\n */\nconst tests = [60, 60, 24, 7];\nconst langKey = [\"second\", \"minute\", \"hour\", \"day\"];\n\nexport default function relativeTime(\n dateObj: Date,\n localize: LocalizeFunc,\n options: {\n compareTime?: Date;\n includeTense?: boolean;\n } = {}\n): string {\n const compareTime = options.compareTime || new Date();\n let delta = (compareTime.getTime() - dateObj.getTime()) / 1000;\n const tense = delta >= 0 ? \"past\" : \"future\";\n delta = Math.abs(delta);\n\n let timeDesc;\n\n for (let i = 0; i < tests.length; i++) {\n if (delta < tests[i]) {\n delta = Math.floor(delta);\n timeDesc = localize(\n `ui.components.relative_time.duration.${langKey[i]}`,\n \"count\",\n delta\n );\n break;\n }\n\n delta /= tests[i];\n }\n\n if (timeDesc === undefined) {\n delta = Math.floor(delta);\n timeDesc = localize(\n \"ui.components.relative_time.duration.week\",\n \"count\",\n delta\n );\n }\n\n return options.includeTense === false\n ? timeDesc\n : localize(`ui.components.relative_time.${tense}`, \"time\", timeDesc);\n}\n","import { dedupingMixin } from \"@polymer/polymer/lib/utils/mixin\";\n/**\n * Polymer Mixin to enable a localize function powered by language/resources from hass object.\n *\n * @polymerMixin\n */\nexport default dedupingMixin(\n (superClass) =>\n class extends superClass {\n static get properties() {\n return {\n hass: Object,\n\n /**\n * Translates a string to the current `language`. Any parameters to the\n * string should be passed in order, as follows:\n * `localize(stringKey, param1Name, param1Value, param2Name, param2Value)`\n */\n localize: {\n type: Function,\n computed: \"__computeLocalize(hass.localize)\",\n },\n };\n }\n\n __computeLocalize(localize) {\n return localize;\n }\n }\n);\n","import { dom } from \"@polymer/polymer/lib/legacy/polymer.dom\";\n/* eslint-plugin-disable lit */\nimport { PolymerElement } from \"@polymer/polymer/polymer-element\";\nimport relativeTime from \"../common/datetime/relative_time\";\nimport LocalizeMixin from \"../mixins/localize-mixin\";\n\n/*\n * @appliesMixin LocalizeMixin\n */\nclass HaRelativeTime extends LocalizeMixin(PolymerElement) {\n static get properties() {\n return {\n hass: Object,\n datetime: {\n type: String,\n observer: \"datetimeChanged\",\n },\n\n datetimeObj: {\n type: Object,\n observer: \"datetimeObjChanged\",\n },\n\n parsedDateTime: Object,\n };\n }\n\n constructor() {\n super();\n this.updateRelative = this.updateRelative.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n // update every 60 seconds\n this.updateInterval = setInterval(this.updateRelative, 60000);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n clearInterval(this.updateInterval);\n }\n\n datetimeChanged(newVal) {\n this.parsedDateTime = newVal ? new Date(newVal) : null;\n\n this.updateRelative();\n }\n\n datetimeObjChanged(newVal) {\n this.parsedDateTime = newVal;\n\n this.updateRelative();\n }\n\n updateRelative() {\n const root = dom(this);\n if (!this.parsedDateTime) {\n root.innerHTML = this.localize(\"ui.components.relative_time.never\");\n } else {\n root.innerHTML = relativeTime(this.parsedDateTime, this.localize);\n }\n }\n}\n\ncustomElements.define(\"ha-relative-time\", HaRelativeTime);\n","import { mdiHelpCircle } from \"@mdi/js\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport \"../../../src/components/ha-relative-time\";\nimport \"../../../src/components/ha-svg-icon\";\nimport { HomeAssistant } from \"../../../src/types\";\n\n@customElement(\"hassio-card-content\")\nclass HassioCardContent extends LitElement {\n @property() public hass!: HomeAssistant;\n\n @property() public title!: string;\n\n @property() public description?: string;\n\n @property({ type: Boolean }) public available = true;\n\n @property({ type: Boolean }) public showTopbar = false;\n\n @property() public topbarClass?: string;\n\n @property() public datetime?: string;\n\n @property() public iconTitle?: string;\n\n @property() public iconClass?: string;\n\n @property() public icon = mdiHelpCircle;\n\n @property() public iconImage?: string;\n\n protected render(): TemplateResult {\n return html`\n ${this.showTopbar\n ? html` `\n : \"\"}\n ${this.iconImage\n ? html`\n \n `}\n \n \n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"ha-icon-button-arrow-prev\": HaIconButtonArrowPrev;\n }\n}\n\ncustomElements.define(\"ha-icon-button-arrow-prev\", HaIconButtonArrowPrev);\n","import \"@polymer/paper-spinner/paper-spinner-lite\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n TemplateResult,\n} from \"lit-element\";\n\n@customElement(\"loading-screen\")\nclass LoadingScreen extends LitElement {\n protected render(): TemplateResult {\n return html`
']);return y=function(){return t},t}function m(){var t=b(['\n \n ','\n
\n '," ",'
\n \n You are currently running version ','\n
\n \n \n Release notes \n \n Error: ',"
"]);return Rt=function(){return e},e}function It(){var e=Nt(['\n \n ',"\n
\n "]);return It=function(){return e},e}function Ft(){var e=Nt([""]);return Ft=function(){return e},e}function Nt(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function Lt(e,t){return(Lt=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ut(e){return function(){var t,r=Bt(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=Bt(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===At(t)||"function"==typeof t))return t;return Mt(e)}(this,t)}}function Mt(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Bt(e){return(Bt=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ht(e){var t,r=Kt(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function $t(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function Gt(e){return e.decorators&&e.decorators.length}function Vt(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function qt(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function Kt(e){var t=function(e,t){if("object"!==At(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==At(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===At(t)?t:String(t)}function Jt(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r\n ",'\n
\n\n ',"\n ","\n ","\n
\n \n e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a\n \n \n ']);return hr=function(){return e},e}function mr(){var e=kr([' \n Snapshots\n\n \n \n\n \n Change hostname\n \n ']);return Kr=function(){return e},e}function Jr(){var e=Wr(["\n \n Deployment \n "," \n \n "]);return Jr=function(){return e},e}function Yr(){var e=Wr(['\n \n \n "]);return Yr=function(){return e},e}function Wr(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function Qr(e,t){return(Qr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Xr(e){return function(){var t,r=en(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=en(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===Mr(t)||"function"==typeof t))return t;return Zr(e)}(this,t)}}function Zr(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function en(e){return(en=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function tn(e){var t,r=sn(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function rn(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function nn(e){return e.decorators&&e.decorators.length}function on(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function an(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function sn(e){var t=function(e,t){if("object"!==Mr(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==Mr(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===Mr(t)?t:String(t)}function cn(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a1&&void 0!==arguments[1]?arguments[1]:"",n="";return Object.keys(e).forEach(function(i){"object"!==Mr(e[i])?n+="".concat(r,"- ").concat(i,": ").concat(e[i],"\n"):(n+="".concat(r,"- ").concat(i,":\n"),Array.isArray(e[i])?e[i].length&&(n+="".concat(r," - ")+e[i].join("\n".concat(r," - "))+"\n"):n+=t._objectToMarkdown(e[i]," ".concat(r)))}),n}},{kind:"method",key:"_changeHostnameClicked",value:function(){var e=Ur(regeneratorRuntime.mark(function e(){var t,r;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return t=this.hostInfo.hostname,e.next=3,Object(w.c)(this,{title:"Change hostname",inputLabel:"Please enter a new hostname:",inputType:"string",defaultValue:t});case 3:if(!(r=e.sent)||r===t){e.next=16;break}return e.prev=5,e.next=8,b(this.hass,{hostname:r});case 8:return e.next=10,p(this.hass);case 10:this.hostInfo=e.sent,e.next=16;break;case 13:e.prev=13,e.t0=e.catch(5),Object(w.a)(this,{title:"Setting hostname failed",text:e.t0.body.message});case 16:case"end":return e.stop()}},e,this,[[5,13]])}));return function(){return e.apply(this,arguments)}}()}]}},n.a);function ln(){var e=gn([" Beta releases are for testers and early adopters and can\n contain unstable code changes.\n
\n \n Make sure you have backups of your data before you activate this\n feature.\n \n
\n This includes beta releases for:\nHome Assistant Core \n Home Assistant Supervisor \n Home Assistant Operating System \n
\n Do you want to join the beta channel?"]);return ln=function(){return e},e}function un(e,t,r,n,i,o,a){try{var s=e[o](a),c=s.value}catch(l){return void r(l)}s.done?t(c):Promise.resolve(c).then(n,i)}function fn(e){return(fn="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 dn(){var e=gn(["\n ha-card {\n height: 100%;\n width: 100%;\n }\n .card-content {\n color: var(--primary-text-color);\n box-sizing: border-box;\n height: calc(100% - 47px);\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 "]);return dn=function(){return e},e}function pn(){var e=gn(["\nJoin beta channel \n ']);return pn=function(){return e},e}function hn(){var e=gn(["\n Update \n ']);return mn=function(){return e},e}function yn(){var e=gn([' \n Channel \n "," \n \n "]);return vn=function(){return e},e}function bn(){var e=gn(['\n \n \n "]);return bn=function(){return e},e}function gn(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function wn(e,t){return(wn=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function kn(e){return function(){var t,r=On(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=On(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===fn(t)||"function"==typeof t))return t;return En(e)}(this,t)}}function En(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function On(e){return(On=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Pn(e){var t,r=_n(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function jn(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function xn(e){return e.decorators&&e.decorators.length}function Sn(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function Dn(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function _n(e){var t=function(e,t){if("object"!==fn(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==fn(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===fn(t)?t:String(t)}function An(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a"]);return zn=function(){return e},e}function Rn(){var e=Un([""]);return Rn=function(){return e},e}function In(){var e=Un(["\n ","\n "]);return In=function(){return e},e}function Fn(){var e=Un(['\n \n ',"
"]);return Nn=function(){return e},e}function Ln(){var e=Un(["\n \n \n
\n \n ']);return pr=function(){return e},e}function hr(){var e=kr(['\n \n You don\'t have any snapshots yet.\n
\n ',"
"]);return mr=function(){return e},e}function yr(){var e=kr(['\n\n =0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;aUpdate "]);return Hr=function(){return e},e}function $r(){var e=Wr(['\n Import from USB \n ']);return $r=function(){return e},e}function Gr(){var e=Wr(['\n Error: ',"
"]);return qr=function(){return e},e}function Kr(){var e=Wr(["\n \n Create snapshot\n
\n\n Snapshots allow you to easily backup and restore all data of your\n Home Assistant instance.\n
\n\n \n
\n \n "]);return wr=function(){return e},e}function kr(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function Er(e,t,r,n,i,o,a){try{var s=e[o](a),c=s.value}catch(l){return void r(l)}s.done?t(c):Promise.resolve(c).then(n,i)}function Or(e){return function(){var t=this,r=arguments;return new Promise(function(n,i){var o=e.apply(t,r);function a(e){Er(o,n,i,a,s,"next",e)}function s(e){Er(o,n,i,a,s,"throw",e)}a(void 0)})}}function Pr(e,t){return(Pr=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function jr(e){return function(){var t,r=Ir(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=Ir(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===fr(t)||"function"==typeof t))return t;return xr(e)}(this,t)}}function xr(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Sr(e){var t,r=Tr(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function Dr(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function _r(e){return e.decorators&&e.decorators.length}function Ar(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function Cr(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function Tr(e){var t=function(e,t){if("object"!==fr(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==fr(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===fr(t)?t:String(t)}function zr(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r\n \n Type:\n \n \n Full snapshot\n \n \n Partial snapshot\n \n \n ','\n Security:\n \n
\n\n \n \n Create\n \n
\n \n Available snapshots
\n\n ',"\n
\n \n \n \n
\n \n Hardware\n \n ',"\n ",'\n
\n Host system
\n| Hostname | \n'," | \n
| System | \n"," | \n
\n ',"\n ","\n ","\n ","\n
\n \n \n Make sure you have backups of your data before you activate this\n feature.\n \n
\n This includes beta releases for:\n
\n Do you want to join the beta channel?"]);return ln=function(){return e},e}function un(e,t,r,n,i,o,a){try{var s=e[o](a),c=s.value}catch(l){return void r(l)}s.done?t(c):Promise.resolve(c).then(n,i)}function fn(e){return(fn="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 dn(){var e=gn(["\n ha-card {\n height: 100%;\n width: 100%;\n }\n .card-content {\n color: var(--primary-text-color);\n box-sizing: border-box;\n height: calc(100% - 47px);\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 "]);return dn=function(){return e},e}function pn(){var e=gn(["\n
Error: ',"
"]);return yn=function(){return e},e}function vn(){var e=gn(["\n \n \n \n
\n ",'\n
\n Supervisor
\n| Version | \n'," | \n
| Latest version | \n"," | \n
\n Reload\n ',"\n ","\n ","\n
\n \n ','\n
\n \n e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;aSystem\n =0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a\n =0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a\n =0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a "]);return a=function(){return e},e}function s(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e){return function(){var t,r=f(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=f(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;return u(e)}(this,t)}}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e){var t,r=v(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function p(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function h(e){return e.decorators&&e.decorators.length}function m(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function y(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function v(e){var t=function(e,t){if("object"!==i(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===i(t)?t:String(t)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;ae.length)&&(t=e.length);for(var r=0,n=new Array(t);r\n e.length)&&(t=e.length);for(var r=0,n=new Array(t);rt||Number(o)===t&&Number(a)>=r}},97:function(e,t,r){"use strict";var n=r(6),i=r(13),o=r(198),a=function(e){return e.sendMessagePromise({type:"persistent_notification/get"})},s=function(e,t){return e.subscribeEvents(function(){return a(e).then(function(e){return t.setState(e,!0)})},"persistent_notifications_updated")},c=(r(77),r(16));function l(e){return(l="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 u(){var e=p(["\n :host {\n position: relative;\n }\n .dot {\n pointer-events: none;\n position: absolute;\n background-color: var(--accent-color);\n width: 12px;\n height: 12px;\n top: 9px;\n right: 7px;\n border-radius: 50%;\n border: 2px solid var(--app-header-background-color);\n }\n "]);return u=function(){return e},e}function f(){var e=p([' ']);return f=function(){return e},e}function d(){var e=p(["\n \n =0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a0},Object(o.a)("_ntf",a,s,e,t))}},{kind:"method",key:"_toggleMenu",value:function(){Object(i.a)(this,"hass-toggle-menu")}},{kind:"get",static:!0,key:"styles",value:function(){return Object(n.c)(u())}}]}},n.a)},98:function(e,t,r){"use strict";r(107);var n=r(145),i=r(6),o=(r(23),r(146));function a(e){return(a="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 s(){var e=f(["\n :host {\n fill: currentcolor;\n }\n "]);return s=function(){return e},e}function c(){var e=f(["1)){var r=[];A._withIDBStore("readonly",function(e){var t,n=S(z);try{for(n.s();!(t=n.n()).done;){var i=P(t.value,2),o=i[0],a=i[1];r.push([a,e.get(o)])}}catch(s){n.e(s)}finally{n.f()}z=[]}).then(function(){var e,t=S(r);try{for(t.s();!(e=t.n()).done;){var n=P(e.value,2);(0,n[0])(n[1].result)}}catch(i){t.e(i)}finally{t.f()}})}})},I=function(e){var t,r,n=S(o.parts);try{for(n.s();!(r=n.n()).done;){var i=r.value;if(void 0!==i.start&&e2&&void 0!==arguments[2]&&arguments[2];return function(){for(var i=arguments.length,o=new Array(i),a=0;a=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a\n ;\n cache?: boolean;\n}\n\nexport interface RouterOptions {\n // The default route to show if path does not define a page.\n defaultPage?: string;\n // If all routes should be preloaded\n preloadAll?: boolean;\n // If a route has been shown, should we keep the element in memory\n cacheAll?: boolean;\n // Should we show a loading spinner while we load the element for the route\n showLoading?: boolean;\n // Promise that resolves when the initial data is loaded which is needed to show any route.\n initialLoad?: () => Promise;\n // Hook that is called before rendering a new route. Allowing redirects.\n // If string returned, that page will be rendered instead.\n beforeRender?: (page: string) => string | undefined;\n routes: {\n // If it's a string, it is another route whose options should be adopted.\n [route: string]: RouteOptions | string;\n };\n}\n\n// Time to wait for code to load before we show loading screen.\nconst LOADING_SCREEN_THRESHOLD = 400; // ms\n\nexport class HassRouterPage extends UpdatingElement {\n @property() public route?: Route;\n\n protected routerOptions!: RouterOptions;\n\n protected _currentPage = \"\";\n\n private _currentLoadProm?: Promise;\n\n private _cache = {};\n\n private _initialLoadDone = false;\n\n private _computeTail = memoizeOne((route: Route) => {\n const dividerPos = route.path.indexOf(\"/\", 1);\n return dividerPos === -1\n ? {\n prefix: route.prefix + route.path,\n path: \"\",\n }\n : {\n prefix: route.prefix + route.path.substr(0, dividerPos),\n path: route.path.substr(dividerPos),\n };\n });\n\n protected update(changedProps: PropertyValues) {\n super.update(changedProps);\n\n const routerOptions = this.routerOptions || { routes: {} };\n\n if (routerOptions && routerOptions.initialLoad && !this._initialLoadDone) {\n return;\n }\n\n if (!changedProps.has(\"route\")) {\n // Do not update if we have a currentLoadProm, because that means\n // that there is still an old panel shown and we're moving to a new one.\n if (this.lastChild && !this._currentLoadProm) {\n this.updatePageEl(this.lastChild, changedProps);\n }\n return;\n }\n\n const route = this.route;\n const defaultPage = routerOptions.defaultPage;\n\n if (route && route.path === \"\" && defaultPage !== undefined) {\n navigate(this, `${route.prefix}/${defaultPage}`, true);\n }\n\n let newPage = route\n ? extractPage(route.path, defaultPage || \"\")\n : \"not_found\";\n let routeOptions = routerOptions.routes[newPage];\n\n // Handle redirects\n while (typeof routeOptions === \"string\") {\n newPage = routeOptions;\n routeOptions = routerOptions.routes[newPage];\n }\n\n if (routerOptions.beforeRender) {\n const result = routerOptions.beforeRender(newPage);\n if (result !== undefined) {\n newPage = result;\n routeOptions = routerOptions.routes[newPage];\n\n // Handle redirects\n while (typeof routeOptions === \"string\") {\n newPage = routeOptions;\n routeOptions = routerOptions.routes[newPage];\n }\n\n // Update the url if we know where we're mounted.\n if (route) {\n navigate(this, `${route.prefix}/${result}`, true);\n }\n }\n }\n\n if (this._currentPage === newPage) {\n if (this.lastChild) {\n this.updatePageEl(this.lastChild, changedProps);\n }\n return;\n }\n\n if (!routeOptions) {\n this._currentPage = \"\";\n if (this.lastChild) {\n this.removeChild(this.lastChild);\n }\n return;\n }\n\n this._currentPage = newPage;\n const loadProm = routeOptions.load\n ? routeOptions.load()\n : Promise.resolve();\n\n // Check when loading the page source failed.\n loadProm.catch((err) => {\n // eslint-disable-next-line\n console.error(\"Error loading page\", newPage, err);\n\n // Verify that we're still trying to show the same page.\n if (this._currentPage !== newPage) {\n return;\n }\n\n // Removes either loading screen or the panel\n this.removeChild(this.lastChild!);\n\n // Show error screen\n const errorEl = document.createElement(\"hass-error-screen\");\n errorEl.error = `Error while loading page ${newPage}.`;\n this.appendChild(errorEl);\n });\n\n // If we don't show loading screen, just show the panel.\n // It will be automatically upgraded when loading done.\n if (!routerOptions.showLoading) {\n this._createPanel(routerOptions, newPage, routeOptions);\n return;\n }\n\n // We are only going to show the loading screen after some time.\n // That way we won't have a double fast flash on fast connections.\n let created = false;\n\n setTimeout(() => {\n if (created || this._currentPage !== newPage) {\n return;\n }\n\n // Show a loading screen.\n if (this.lastChild) {\n this.removeChild(this.lastChild);\n }\n this.appendChild(this.createLoadingScreen());\n }, LOADING_SCREEN_THRESHOLD);\n\n this._currentLoadProm = loadProm.then(\n () => {\n this._currentLoadProm = undefined;\n // Check if we're still trying to show the same page.\n if (this._currentPage !== newPage) {\n return;\n }\n\n created = true;\n this._createPanel(\n routerOptions,\n newPage,\n // @ts-ignore TS forgot this is not a string.\n routeOptions\n );\n },\n () => {\n this._currentLoadProm = undefined;\n }\n );\n }\n\n protected firstUpdated(changedProps: PropertyValues) {\n super.firstUpdated(changedProps);\n\n const options = this.routerOptions;\n\n if (!options) {\n return;\n }\n\n if (options.preloadAll) {\n Object.values(options.routes).forEach(\n (route) => typeof route === \"object\" && route.load && route.load()\n );\n }\n\n if (options.initialLoad) {\n setTimeout(() => {\n if (!this._initialLoadDone) {\n this.appendChild(this.createLoadingScreen());\n }\n }, LOADING_SCREEN_THRESHOLD);\n\n options.initialLoad().then(() => {\n this._initialLoadDone = true;\n this.requestUpdate(\"route\");\n });\n }\n }\n\n protected createLoadingScreen() {\n return document.createElement(\"hass-loading-screen\");\n }\n\n /**\n * Rebuild the current panel.\n *\n * Promise will resolve when rebuilding is done and DOM updated.\n */\n protected async rebuild(): Promise {\n const oldRoute = this.route;\n\n if (oldRoute === undefined) {\n return;\n }\n\n this.route = undefined;\n await this.updateComplete;\n // Make sure that the parent didn't override this in the meanwhile.\n if (this.route === undefined) {\n this.route = oldRoute;\n }\n }\n\n /**\n * Promise that resolves when the page has rendered.\n */\n protected get pageRendered(): Promise {\n return this.updateComplete.then(() => this._currentLoadProm);\n }\n\n protected createElement(tag: string) {\n return document.createElement(tag);\n }\n\n protected updatePageEl(_pageEl, _changedProps?: PropertyValues) {\n // default we do nothing\n }\n\n protected get routeTail(): Route {\n return this._computeTail(this.route!);\n }\n\n private _createPanel(\n routerOptions: RouterOptions,\n page: string,\n routeOptions: RouteOptions\n ) {\n if (this.lastChild) {\n this.removeChild(this.lastChild);\n }\n\n const panelEl = this._cache[page] || this.createElement(routeOptions.tag);\n this.updatePageEl(panelEl);\n this.appendChild(panelEl);\n\n if (routerOptions.cacheAll || routeOptions.cache) {\n this._cache[page] = panelEl;\n }\n }\n}\n","import {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport { classMap } from \"lit-html/directives/class-map\";\nimport \"../components/ha-menu-button\";\nimport \"../components/ha-icon-button-arrow-prev\";\n\n@customElement(\"hass-subpage\")\nclass HassSubpage extends LitElement {\n @property()\n public header?: string;\n\n @property({ type: Boolean })\n public showBackButton = true;\n\n @property({ type: Boolean })\n public hassio = false;\n\n protected render(): TemplateResult {\n return html`\n \n \n ${this.rootnav\n ? html`\n \n `\n : html`\n \n `}\n \n >(\n \"GET\",\n \"hassio/snapshots\"\n )\n ).snapshots;\n};\n\nexport const fetchHassioSnapshotInfo = async (\n hass: HomeAssistant,\n snapshot: string\n) => {\n return hassioApiResultExtractor(\n await hass.callApi>(\n \"GET\",\n `hassio/snapshots/${snapshot}/info`\n )\n );\n};\n\nexport const reloadHassioSnapshots = async (hass: HomeAssistant) => {\n await hass.callApi>(\"POST\", `hassio/snapshots/reload`);\n};\n\nexport const createHassioFullSnapshot = async (\n hass: HomeAssistant,\n data: HassioFullSnapshotCreateParams\n) => {\n await hass.callApi>(\n \"POST\",\n `hassio/snapshots/new/full`,\n data\n );\n};\n\nexport const createHassioPartialSnapshot = async (\n hass: HomeAssistant,\n data: HassioFullSnapshotCreateParams\n) => {\n await hass.callApi>(\n \"POST\",\n `hassio/snapshots/new/partial`,\n data\n );\n};\n","import { HomeAssistant } from \"../../types\";\nimport { hassioApiResultExtractor, HassioResponse } from \"./common\";\n\nexport interface HassioHardwareAudioDevice {\n device?: string | null;\n name: string;\n}\n\ninterface HassioHardwareAudioList {\n audio: {\n input: { [key: string]: string };\n output: { [key: string]: string };\n };\n}\n\nexport interface HassioHardwareInfo {\n serial: string[];\n input: string[];\n disk: string[];\n gpio: string[];\n audio: object;\n}\n\nexport const fetchHassioHardwareAudio = async (hass: HomeAssistant) => {\n return hassioApiResultExtractor(\n await hass.callApi>(\n \"GET\",\n \"hassio/hardware/audio\"\n )\n );\n};\n\nexport const fetchHassioHardwareInfo = async (hass: HomeAssistant) => {\n return hassioApiResultExtractor(\n await hass.callApi>(\n \"GET\",\n \"hassio/hardware/info\"\n )\n );\n};\n","import { fireEvent } from \"../../../../src/common/dom/fire_event\";\n\nexport interface HassioMarkdownDialogParams {\n title: string;\n content: string;\n}\n\nexport const showHassioMarkdownDialog = (\n element: HTMLElement,\n dialogParams: HassioMarkdownDialogParams\n): void => {\n fireEvent(element, \"show-dialog\", {\n dialogTag: \"dialog-hassio-markdown\",\n dialogImport: () =>\n import(\n /* webpackChunkName: \"dialog-hassio-markdown\" */ \"./dialog-hassio-markdown\"\n ),\n dialogParams,\n });\n};\n","// Polymer legacy event helpers used courtesy of the Polymer project.\n//\n// Copyright (c) 2017 The Polymer Authors. All rights reserved.\n//\n// Redistribution and use in source and binary forms, with or without\n// modification, are permitted provided that the following conditions are\n// met:\n//\n// * Redistributions of source code must retain the above copyright\n// notice, this list of conditions and the following disclaimer.\n// * Redistributions in binary form must reproduce the above\n// copyright notice, this list of conditions and the following disclaimer\n// in the documentation and/or other materials provided with the\n// distribution.\n// * Neither the name of Google Inc. nor the names of its\n// contributors may be used to endorse or promote products derived from\n// this software without specific prior written permission.\n//\n// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS\n// \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT\n// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR\n// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT\n// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,\n// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT\n// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,\n// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY\n// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\n// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n\ndeclare global {\n // eslint-disable-next-line\n interface HASSDomEvents {}\n}\n\nexport type ValidHassDomEvent = keyof HASSDomEvents;\n\nexport interface HASSDomEvent extends Event {\n detail: T;\n}\n\n/**\n * Dispatches a custom event with an optional detail value.\n *\n * @param {string} type Name of event type.\n * @param {*=} detail Detail value containing event-specific\n * payload.\n * @param {{ bubbles: (boolean|undefined),\n * cancelable: (boolean|undefined),\n * composed: (boolean|undefined) }=}\n * options Object specifying options. These may include:\n * `bubbles` (boolean, defaults to `true`),\n * `cancelable` (boolean, defaults to false), and\n * `node` on which to fire the event (HTMLElement, defaults to `this`).\n * @return {Event} The new event that was fired.\n */\nexport const fireEvent = (\n node: HTMLElement | Window,\n type: HassEvent,\n detail?: HASSDomEvents[HassEvent],\n options?: {\n bubbles?: boolean;\n cancelable?: boolean;\n composed?: boolean;\n }\n) => {\n options = options || {};\n // @ts-ignore\n detail = detail === null || detail === undefined ? {} : detail;\n const event = new Event(type, {\n bubbles: options.bubbles === undefined ? true : options.bubbles,\n cancelable: Boolean(options.cancelable),\n composed: options.composed === undefined ? true : options.composed,\n });\n (event as any).detail = detail;\n node.dispatchEvent(event);\n return event;\n};\n","import {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\n\ninterface State {\n bold: boolean;\n italic: boolean;\n underline: boolean;\n strikethrough: boolean;\n foregroundColor: null | string;\n backgroundColor: null | string;\n}\n\n@customElement(\"hassio-ansi-to-html\")\nclass HassioAnsiToHtml extends LitElement {\n @property() public content!: string;\n\n public render(): TemplateResult | void {\n return html`${this._parseTextToColoredPre(this.content)}`;\n }\n\n static get styles(): CSSResult {\n return css`\n pre {\n overflow-x: auto;\n white-space: pre-wrap;\n overflow-wrap: break-word;\n }\n .bold {\n font-weight: bold;\n }\n .italic {\n font-style: italic;\n }\n .underline {\n text-decoration: underline;\n }\n .strikethrough {\n text-decoration: line-through;\n }\n .underline.strikethrough {\n text-decoration: underline line-through;\n }\n .fg-red {\n color: rgb(222, 56, 43);\n }\n .fg-green {\n color: rgb(57, 181, 74);\n }\n .fg-yellow {\n color: rgb(255, 199, 6);\n }\n .fg-blue {\n color: rgb(0, 111, 184);\n }\n .fg-magenta {\n color: rgb(118, 38, 113);\n }\n .fg-cyan {\n color: rgb(44, 181, 233);\n }\n .fg-white {\n color: rgb(204, 204, 204);\n }\n .bg-black {\n background-color: rgb(0, 0, 0);\n }\n .bg-red {\n background-color: rgb(222, 56, 43);\n }\n .bg-green {\n background-color: rgb(57, 181, 74);\n }\n .bg-yellow {\n background-color: rgb(255, 199, 6);\n }\n .bg-blue {\n background-color: rgb(0, 111, 184);\n }\n .bg-magenta {\n background-color: rgb(118, 38, 113);\n }\n .bg-cyan {\n background-color: rgb(44, 181, 233);\n }\n .bg-white {\n background-color: rgb(204, 204, 204);\n }\n `;\n }\n\n private _parseTextToColoredPre(text) {\n const pre = document.createElement(\"pre\");\n const re = /\\033(?:\\[(.*?)[@-~]|\\].*?(?:\\007|\\033\\\\))/g;\n let i = 0;\n\n const state: State = {\n bold: false,\n italic: false,\n underline: false,\n strikethrough: false,\n foregroundColor: null,\n backgroundColor: null,\n };\n\n const addSpan = (content) => {\n const span = document.createElement(\"span\");\n if (state.bold) {\n span.classList.add(\"bold\");\n }\n if (state.italic) {\n span.classList.add(\"italic\");\n }\n if (state.underline) {\n span.classList.add(\"underline\");\n }\n if (state.strikethrough) {\n span.classList.add(\"strikethrough\");\n }\n if (state.foregroundColor !== null) {\n span.classList.add(`fg-${state.foregroundColor}`);\n }\n if (state.backgroundColor !== null) {\n span.classList.add(`bg-${state.backgroundColor}`);\n }\n span.appendChild(document.createTextNode(content));\n pre.appendChild(span);\n };\n\n /* eslint-disable no-cond-assign */\n let match;\n // eslint-disable-next-line\n while ((match = re.exec(text)) !== null) {\n const j = match!.index;\n addSpan(text.substring(i, j));\n i = j + match[0].length;\n\n if (match[1] === undefined) {\n continue;\n }\n\n match[1].split(\";\").forEach((colorCode: string) => {\n switch (parseInt(colorCode, 10)) {\n case 0:\n // reset\n state.bold = false;\n state.italic = false;\n state.underline = false;\n state.strikethrough = false;\n state.foregroundColor = null;\n state.backgroundColor = null;\n break;\n case 1:\n state.bold = true;\n break;\n case 3:\n state.italic = true;\n break;\n case 4:\n state.underline = true;\n break;\n case 9:\n state.strikethrough = true;\n break;\n case 22:\n state.bold = false;\n break;\n case 23:\n state.italic = false;\n break;\n case 24:\n state.underline = false;\n break;\n case 29:\n state.strikethrough = false;\n break;\n case 30:\n // foreground black\n state.foregroundColor = null;\n break;\n case 31:\n state.foregroundColor = \"red\";\n break;\n case 32:\n state.foregroundColor = \"green\";\n break;\n case 33:\n state.foregroundColor = \"yellow\";\n break;\n case 34:\n state.foregroundColor = \"blue\";\n break;\n case 35:\n state.foregroundColor = \"magenta\";\n break;\n case 36:\n state.foregroundColor = \"cyan\";\n break;\n case 37:\n state.foregroundColor = \"white\";\n break;\n case 39:\n // foreground reset\n state.foregroundColor = null;\n break;\n case 40:\n state.backgroundColor = \"black\";\n break;\n case 41:\n state.backgroundColor = \"red\";\n break;\n case 42:\n state.backgroundColor = \"green\";\n break;\n case 43:\n state.backgroundColor = \"yellow\";\n break;\n case 44:\n state.backgroundColor = \"blue\";\n break;\n case 45:\n state.backgroundColor = \"magenta\";\n break;\n case 46:\n state.backgroundColor = \"cyan\";\n break;\n case 47:\n state.backgroundColor = \"white\";\n break;\n case 49:\n // background reset\n state.backgroundColor = null;\n break;\n }\n });\n }\n addSpan(text.substring(i));\n\n return pre;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-ansi-to-html\": HassioAnsiToHtml;\n }\n}\n","import { css } from \"lit-element\";\n\nexport const hassioStyle = css`\n .content {\n margin: 8px;\n }\n h1,\n .description,\n .card-content {\n color: var(--primary-text-color);\n }\n h1 {\n font-size: 2em;\n margin-bottom: 8px;\n font-family: var(--paper-font-headline_-_font-family);\n -webkit-font-smoothing: var(--paper-font-headline_-_-webkit-font-smoothing);\n font-size: var(--paper-font-headline_-_font-size);\n font-weight: var(--paper-font-headline_-_font-weight);\n letter-spacing: var(--paper-font-headline_-_letter-spacing);\n line-height: var(--paper-font-headline_-_line-height);\n padding-left: 8px;\n }\n .description {\n margin-top: 4px;\n padding-left: 8px;\n }\n .card-group {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n grid-gap: 8px;\n }\n @media screen and (min-width: 640px) {\n .card-group {\n grid-template-columns: repeat(auto-fit, minmax(300px, 0.5fr));\n }\n }\n @media screen and (min-width: 1020px) {\n .card-group {\n grid-template-columns: repeat(auto-fit, minmax(300px, 0.333fr));\n }\n }\n @media screen and (min-width: 1300px) {\n .card-group {\n grid-template-columns: repeat(auto-fit, minmax(300px, 0.25fr));\n }\n }\n ha-call-api-button {\n font-weight: 500;\n color: var(--primary-color);\n }\n .error {\n color: var(--error-color);\n margin-top: 16px;\n }\n`;\n","import \"@material/mwc-button/mwc-button\";\nimport \"@material/mwc-icon-button/mwc-icon-button\";\nimport { mdiDelete } from \"@mdi/js\";\nimport \"@polymer/paper-input/paper-input\";\nimport type { PaperInputElement } from \"@polymer/paper-input/paper-input\";\nimport \"@polymer/paper-item/paper-item\";\nimport \"@polymer/paper-item/paper-item-body\";\nimport \"@polymer/paper-spinner/paper-spinner\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n query,\n TemplateResult,\n} from \"lit-element\";\nimport memoizeOne from \"memoize-one\";\nimport \"../../../../src/components/ha-dialog\";\nimport \"../../../../src/components/ha-svg-icon\";\nimport {\n fetchHassioAddonsInfo,\n HassioAddonRepository,\n} from \"../../../../src/data/hassio/addon\";\nimport { setSupervisorOption } from \"../../../../src/data/hassio/supervisor\";\nimport { haStyle, haStyleDialog } from \"../../../../src/resources/styles\";\nimport type { HomeAssistant } from \"../../../../src/types\";\nimport { HassioRepositoryDialogParams } from \"./show-dialog-repositories\";\n\n@customElement(\"dialog-hassio-repositories\")\nclass HassioRepositoriesDialog extends LitElement {\n @property({ attribute: false }) public hass!: HomeAssistant;\n\n @property({ attribute: false }) private _repos: HassioAddonRepository[] = [];\n\n @property({ attribute: false })\n private _dialogParams?: HassioRepositoryDialogParams;\n\n @query(\"#repository_input\") private _optionInput?: PaperInputElement;\n\n @property() private _opened = false;\n\n @property() private _prosessing = false;\n\n @property() private _error?: string;\n\n public async showDialog(_dialogParams: any): Promise {\n this._dialogParams = _dialogParams;\n this._repos = _dialogParams.repos;\n this._opened = true;\n await this.updateComplete;\n }\n\n public closeDialog(): void {\n this._opened = false;\n this._error = \"\";\n }\n\n private _filteredRepositories = memoizeOne((repos: HassioAddonRepository[]) =>\n repos\n .filter((repo) => repo.slug !== \"core\" && repo.slug !== \"local\")\n .sort((a, b) => (a.name < b.name ? -1 : 1))\n );\n\n protected render(): TemplateResult {\n const repositories = this._filteredRepositories(this._repos);\n return html`\n \n ${this._error ? html`\n Close\n \n \n `;\n }\n\n static get styles(): CSSResult[] {\n return [\n haStyle,\n haStyleDialog,\n css`\n ha-dialog.button-left {\n --justify-action-buttons: flex-start;\n }\n paper-icon-item {\n cursor: pointer;\n }\n .form {\n color: var(--primary-text-color);\n }\n .option {\n border: 1px solid var(--divider-color);\n border-radius: 4px;\n margin-top: 4px;\n }\n mwc-button {\n margin-left: 8px;\n }\n ha-paper-dropdown-menu {\n display: block;\n }\n `,\n ];\n }\n\n public focus() {\n this.updateComplete.then(() =>\n (this.shadowRoot?.querySelector(\n \"[dialogInitialFocus]\"\n ) as HTMLElement)?.focus()\n );\n }\n\n private _handleKeyAdd(ev: KeyboardEvent) {\n ev.stopPropagation();\n if (ev.keyCode !== 13) {\n return;\n }\n this._addRepository();\n }\n\n private async _addRepository() {\n const input = this._optionInput;\n if (!input || !input.value) {\n return;\n }\n this._prosessing = true;\n const repositories = this._filteredRepositories(this._repos);\n const newRepositories = repositories.map((repo) => {\n return repo.source;\n });\n newRepositories.push(input.value);\n\n try {\n await setSupervisorOption(this.hass, {\n addons_repositories: newRepositories,\n });\n\n const addonsInfo = await fetchHassioAddonsInfo(this.hass);\n this._repos = addonsInfo.repositories;\n\n await this._dialogParams!.loadData();\n\n input.value = \"\";\n } catch (err) {\n this._error = err.message;\n }\n this._prosessing = false;\n }\n\n private async _removeRepository(ev: Event) {\n const slug = (ev.target as any).slug;\n const repositories = this._filteredRepositories(this._repos);\n const repository = repositories.find((repo) => {\n return repo.slug === slug;\n });\n if (!repository) {\n return;\n }\n const newRepositories = repositories\n .map((repo) => {\n return repo.source;\n })\n .filter((repo) => {\n return repo !== repository.source;\n });\n\n try {\n await setSupervisorOption(this.hass, {\n addons_repositories: newRepositories,\n });\n\n const addonsInfo = await fetchHassioAddonsInfo(this.hass);\n this._repos = addonsInfo.repositories;\n\n await this._dialogParams!.loadData();\n } catch (err) {\n this._error = err.message;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"dialog-hassio-repositories\": HassioRepositoriesDialog;\n }\n}\n","import { HomeAssistant } from \"../../types\";\nimport { hassioApiResultExtractor, HassioResponse } from \"./common\";\n\nexport interface HassioAddonInfo {\n name: string;\n slug: string;\n description: string;\n repository: \"core\" | \"local\" | string;\n version: string;\n state: \"none\" | \"started\" | \"stopped\";\n installed: string | undefined;\n detached: boolean;\n available: boolean;\n build: boolean;\n advanced: boolean;\n url: string | null;\n icon: boolean;\n logo: boolean;\n}\n\nexport interface HassioAddonDetails extends HassioAddonInfo {\n name: string;\n slug: string;\n description: string;\n long_description: null | string;\n auto_update: boolean;\n url: null | string;\n detached: boolean;\n documentation: boolean;\n available: boolean;\n arch: \"armhf\" | \"aarch64\" | \"i386\" | \"amd64\";\n machine: any;\n homeassistant: string;\n version_latest: string;\n boot: \"auto\" | \"manual\";\n build: boolean;\n options: object;\n network: null | object;\n network_description: null | object;\n host_network: boolean;\n host_pid: boolean;\n host_ipc: boolean;\n host_dbus: boolean;\n privileged: any;\n apparmor: \"disable\" | \"default\" | \"profile\";\n devices: string[];\n auto_uart: boolean;\n icon: boolean;\n logo: boolean;\n stage: \"stable\" | \"experimental\" | \"deprecated\";\n changelog: boolean;\n hassio_api: boolean;\n hassio_role: \"default\" | \"homeassistant\" | \"manager\" | \"admin\";\n homeassistant_api: boolean;\n auth_api: boolean;\n full_access: boolean;\n protected: boolean;\n rating: \"1-6\";\n stdin: boolean;\n webui: null | string;\n gpio: boolean;\n kernel_modules: boolean;\n devicetree: boolean;\n docker_api: boolean;\n audio: boolean;\n audio_input: null | string;\n audio_output: null | string;\n services_role: string[];\n discovery: string[];\n ip_address: string;\n ingress: boolean;\n ingress_panel: boolean;\n ingress_entry: null | string;\n ingress_url: null | string;\n}\n\nexport interface HassioAddonsInfo {\n addons: HassioAddonInfo[];\n repositories: HassioAddonRepository[];\n}\n\nexport interface HassioAddonSetSecurityParams {\n protected?: boolean;\n}\n\nexport interface HassioAddonRepository {\n slug: string;\n name: string;\n source: string;\n url: string;\n maintainer: string;\n}\n\nexport interface HassioAddonSetOptionParams {\n audio_input?: string | null;\n audio_output?: string | null;\n options?: object | null;\n boot?: \"auto\" | \"manual\";\n auto_update?: boolean;\n ingress_panel?: boolean;\n network?: object | null;\n}\n\nexport const reloadHassioAddons = async (hass: HomeAssistant) => {\n await hass.callApi>(\"POST\", `hassio/addons/reload`);\n};\n\nexport const fetchHassioAddonsInfo = async (hass: HomeAssistant) => {\n return hassioApiResultExtractor(\n await hass.callApi>(\"GET\", `hassio/addons`)\n );\n};\n\nexport const fetchHassioAddonInfo = async (\n hass: HomeAssistant,\n slug: string\n) => {\n return hassioApiResultExtractor(\n await hass.callApi>(\n \"GET\",\n `hassio/addons/${slug}/info`\n )\n );\n};\n\nexport const fetchHassioAddonChangelog = async (\n hass: HomeAssistant,\n slug: string\n) => {\n return hass.callApi(\"GET\", `hassio/addons/${slug}/changelog`);\n};\n\nexport const fetchHassioAddonLogs = async (\n hass: HomeAssistant,\n slug: string\n) => {\n return hass.callApi(\"GET\", `hassio/addons/${slug}/logs`);\n};\n\nexport const fetchHassioAddonDocumentation = async (\n hass: HomeAssistant,\n slug: string\n) => {\n return hass.callApi(\"GET\", `hassio/addons/${slug}/documentation`);\n};\n\nexport const setHassioAddonOption = async (\n hass: HomeAssistant,\n slug: string,\n data: HassioAddonSetOptionParams\n) => {\n await hass.callApi>(\n \"POST\",\n `hassio/addons/${slug}/options`,\n data\n );\n};\n\nexport const setHassioAddonSecurity = async (\n hass: HomeAssistant,\n slug: string,\n data: HassioAddonSetSecurityParams\n) => {\n await hass.callApi>(\n \"POST\",\n `hassio/addons/${slug}/security`,\n data\n );\n};\n\nexport const installHassioAddon = async (hass: HomeAssistant, slug: string) => {\n return hass.callApi>(\n \"POST\",\n `hassio/addons/${slug}/install`\n );\n};\n\nexport const restartHassioAddon = async (hass: HomeAssistant, slug: string) => {\n return hass.callApi>(\n \"POST\",\n `hassio/addons/${slug}/restart`\n );\n};\n\nexport const uninstallHassioAddon = async (\n hass: HomeAssistant,\n slug: string\n) => {\n await hass.callApi>(\n \"POST\",\n `hassio/addons/${slug}/uninstall`\n );\n};\n","import {\n css,\n CSSResult,\n customElement,\n LitElement,\n property,\n svg,\n SVGTemplateResult,\n} from \"lit-element\";\n\n@customElement(\"ha-svg-icon\")\nexport class HaSvgIcon extends LitElement {\n @property() public path?: string;\n\n protected render(): SVGTemplateResult {\n return svg`\n `;\n }\n\n static get styles(): CSSResult {\n return css`\n :host {\n display: var(--ha-icon-display, inline-flex);\n align-items: center;\n justify-content: center;\n position: relative;\n vertical-align: middle;\n fill: currentcolor;\n width: var(--mdc-icon-size, 24px);\n height: var(--mdc-icon-size, 24px);\n }\n svg {\n width: 100%;\n height: 100%;\n pointer-events: none;\n display: block;\n }\n `;\n }\n}\ndeclare global {\n interface HTMLElementTagNameMap {\n \"ha-svg-icon\": HaSvgIcon;\n }\n}\n","import {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\n\n@customElement(\"ha-card\")\nclass HaCard extends LitElement {\n @property() public header?: string;\n\n static get styles(): CSSResult {\n return css`\n :host {\n background: var(\n --ha-card-background,\n var(--paper-card-background-color, white)\n );\n border-radius: var(--ha-card-border-radius, 2px);\n box-shadow: var(\n --ha-card-box-shadow,\n 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n 0 1px 5px 0 rgba(0, 0, 0, 0.12),\n 0 3px 1px -2px rgba(0, 0, 0, 0.2)\n );\n color: var(--primary-text-color);\n display: block;\n transition: all 0.3s ease-out;\n position: relative;\n }\n\n .card-header,\n :host ::slotted(.card-header) {\n color: var(--ha-card-header-color, --primary-text-color);\n font-family: var(--ha-card-header-font-family, inherit);\n font-size: var(--ha-card-header-font-size, 24px);\n letter-spacing: -0.012em;\n line-height: 32px;\n padding: 24px 16px 16px;\n display: block;\n }\n\n :host ::slotted(.card-content:not(:first-child)),\n slot:not(:first-child)::slotted(.card-content) {\n padding-top: 0px;\n margin-top: -8px;\n }\n\n :host ::slotted(.card-content) {\n padding: 16px;\n }\n\n :host ::slotted(.card-actions) {\n border-top: 1px solid #e8e8e8;\n padding: 5px 16px;\n }\n `;\n }\n\n protected render(): TemplateResult {\n return html`\n ${this.header\n ? html` >(\n \"GET\",\n \"hassio/host/info\"\n );\n return hassioApiResultExtractor(response);\n};\n\nexport const fetchHassioHassOsInfo = async (hass: HomeAssistant) => {\n return hassioApiResultExtractor(\n await hass.callApi>(\n \"GET\",\n \"hassio/os/info\"\n )\n );\n};\n\nexport const rebootHost = async (hass: HomeAssistant) => {\n return hass.callApi>(\"POST\", \"hassio/host/reboot\");\n};\n\nexport const shutdownHost = async (hass: HomeAssistant) => {\n return hass.callApi>(\"POST\", \"hassio/host/shutdown\");\n};\n\nexport const updateOS = async (hass: HomeAssistant) => {\n return hass.callApi>(\"POST\", \"hassio/os/update\");\n};\n\nexport const changeHostOptions = async (hass: HomeAssistant, options: any) => {\n return hass.callApi>(\n \"POST\",\n \"hassio/host/options\",\n options\n );\n};\n","import { HASSDomEvent, ValidHassDomEvent } from \"../common/dom/fire_event\";\nimport { ProvideHassElement } from \"../mixins/provide-hass-lit-mixin\";\n\ndeclare global {\n // for fire event\n interface HASSDomEvents {\n \"show-dialog\": ShowDialogParams;\n \"close-dialog\": undefined;\n }\n // for add event listener\n interface HTMLElementEventMap {\n \"show-dialog\": HASSDomEvent>;\n }\n}\n\ninterface HassDialog extends HTMLElement {\n showDialog(params: T);\n}\n\ninterface ShowDialogParams {\n dialogTag: keyof HTMLElementTagNameMap;\n dialogImport: () => Promise;\n dialogParams: T;\n}\n\nconst LOADED = {};\n\nexport const showDialog = async (\n element: HTMLElement & ProvideHassElement,\n root: ShadowRoot | HTMLElement,\n dialogImport: () => Promise,\n dialogTag: string,\n dialogParams: unknown\n) => {\n if (!(dialogTag in LOADED)) {\n LOADED[dialogTag] = dialogImport().then(() => {\n const dialogEl = document.createElement(dialogTag) as HassDialog;\n element.provideHass(dialogEl);\n root.appendChild(dialogEl);\n return dialogEl;\n });\n }\n const dialogElement = await LOADED[dialogTag];\n dialogElement.showDialog(dialogParams);\n};\n\nexport const makeDialogManager = (\n element: HTMLElement & ProvideHassElement,\n root: ShadowRoot | HTMLElement\n) => {\n element.addEventListener(\n \"show-dialog\",\n async (e: HASSDomEvent>) => {\n const { dialogTag, dialogImport, dialogParams } = e.detail;\n showDialog(element, root, dialogImport, dialogTag, dialogParams);\n }\n );\n};\n","import \"@polymer/paper-styles/paper-styles\";\nimport \"@polymer/polymer/lib/elements/custom-style\";\nimport { derivedStyles, haStyle, haStyleDialog } from \"./styles\";\n\nconst documentContainer = document.createElement(\"template\");\ndocumentContainer.setAttribute(\"style\", \"display: none;\");\n\ndocumentContainer.innerHTML = `\n \n\n \n \n \n \n \n \n \n \n \n `;\n\ndocument.head.appendChild(documentContainer.content);\n","import \"@polymer/paper-input/paper-input\";\nimport {\n css,\n CSSResult,\n customElement,\n LitElement,\n property,\n} from \"lit-element\";\nimport { html, TemplateResult } from \"lit-html\";\nimport { classMap } from \"lit-html/directives/class-map\";\nimport \"../../components/ha-svg-icon\";\nimport { fireEvent } from \"../dom/fire_event\";\nimport { mdiMagnify, mdiClose } from \"@mdi/js\";\nimport \"@material/mwc-icon-button/mwc-icon-button\";\n\n@customElement(\"search-input\")\nclass SearchInput extends LitElement {\n @property() public filter?: string;\n\n @property({ type: Boolean, attribute: \"no-label-float\" })\n public noLabelFloat? = false;\n\n @property({ type: Boolean, attribute: \"no-underline\" })\n public noUnderline = false;\n\n @property({ type: Boolean })\n public autofocus = false;\n\n public focus() {\n this.shadowRoot!.querySelector(\"paper-input\")!.focus();\n }\n\n protected render(): TemplateResult {\n return html`\n \n \n \n ${this.filter &&\n html`\n \n \n \n `;\n }\n\n private _handleClick(): void {\n this._menu!.anchor = this;\n this._menu!.show();\n }\n\n static get styles(): CSSResult {\n return css`\n :host {\n display: block;\n position: relative;\n }\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"ha-button-menu\": HaButtonMenu;\n }\n}\n","import { mdiArrowUpBoldCircle, mdiPuzzle } from \"@mdi/js\";\nimport {\n css,\n CSSResultArray,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport memoizeOne from \"memoize-one\";\nimport { atLeastVersion } from \"../../../src/common/config/version\";\nimport { navigate } from \"../../../src/common/navigate\";\nimport \"../../../src/components/ha-card\";\nimport {\n HassioAddonInfo,\n HassioAddonRepository,\n} from \"../../../src/data/hassio/addon\";\nimport { HomeAssistant } from \"../../../src/types\";\nimport \"../components/hassio-card-content\";\nimport { filterAndSort } from \"../components/hassio-filter-addons\";\nimport { hassioStyle } from \"../resources/hassio-style\";\n\nclass HassioAddonRepositoryEl extends LitElement {\n @property() public hass!: HomeAssistant;\n\n @property() public repo!: HassioAddonRepository;\n\n @property() public addons!: HassioAddonInfo[];\n\n @property() public filter!: string;\n\n private _getAddons = memoizeOne(\n (addons: HassioAddonInfo[], filter?: string) => {\n if (filter) {\n return filterAndSort(addons, filter);\n }\n return addons.sort((a, b) =>\n a.name.toUpperCase() < b.name.toUpperCase() ? -1 : 1\n );\n }\n );\n\n protected render(): TemplateResult {\n const repo = this.repo;\n let _addons = this.addons;\n if (!this.hass.userData?.showAdvanced) {\n _addons = _addons.filter((addon) => {\n return !addon.advanced;\n });\n }\n const addons = this._getAddons(_addons, this.filter);\n\n if (this.filter && addons.length < 1) {\n return html`\n = {\n keys: [\"name\", \"description\", \"slug\"],\n caseSensitive: false,\n minMatchCharLength: 2,\n threshold: 0.2,\n };\n const fuse = new Fuse(addons, options);\n return fuse.search(filter);\n}\n","import \"@material/mwc-icon-button/mwc-icon-button\";\nimport \"@material/mwc-list/mwc-list-item\";\nimport { mdiDotsVertical } from \"@mdi/js\";\nimport {\n css,\n CSSResult,\n LitElement,\n property,\n PropertyValues,\n} from \"lit-element\";\nimport { html, TemplateResult } from \"lit-html\";\nimport \"../../../src/common/search/search-input\";\nimport \"../../../src/components/ha-button-menu\";\nimport \"../../../src/components/ha-svg-icon\";\nimport {\n fetchHassioAddonsInfo,\n HassioAddonInfo,\n HassioAddonRepository,\n reloadHassioAddons,\n} from \"../../../src/data/hassio/addon\";\nimport \"../../../src/layouts/hass-tabs-subpage\";\nimport \"../../../src/layouts/loading-screen\";\nimport { HomeAssistant, Route } from \"../../../src/types\";\nimport { showRepositoriesDialog } from \"../dialogs/repositories/show-dialog-repositories\";\nimport { supervisorTabs } from \"../hassio-panel\";\nimport \"./hassio-addon-repository\";\n\nconst sortRepos = (a: HassioAddonRepository, b: HassioAddonRepository) => {\n if (a.slug === \"local\") {\n return -1;\n }\n if (b.slug === \"local\") {\n return 1;\n }\n if (a.slug === \"core\") {\n return -1;\n }\n if (b.slug === \"core\") {\n return 1;\n }\n return a.name.toUpperCase() < b.name.toUpperCase() ? -1 : 1;\n};\n\nclass HassioAddonStore extends LitElement {\n @property({ attribute: false }) public hass!: HomeAssistant;\n\n @property({ type: Boolean }) public narrow!: boolean;\n\n @property({ attribute: false }) public route!: Route;\n\n @property({ attribute: false }) private _addons?: HassioAddonInfo[];\n\n @property({ attribute: false }) private _repos?: HassioAddonRepository[];\n\n @property() private _filter?: string;\n\n public async refreshData() {\n this._repos = undefined;\n this._addons = undefined;\n this._filter = undefined;\n await reloadHassioAddons(this.hass);\n await this._loadData();\n }\n\n protected render(): TemplateResult {\n const repos: TemplateResult[] = [];\n\n if (this._repos) {\n for (const repo of this._repos) {\n const addons = this._addons!.filter(\n (addon) => addon.repository === repo.slug\n );\n\n if (addons.length === 0) {\n continue;\n }\n\n repos.push(html`\n \n `);\n }\n }\n\n return html`\n \n Add-on store\n \n \n \n \n Repositories\n \n \n Reload\n \n \n ${repos.length === 0\n ? html`;\n}\n\nexport const showRepositoriesDialog = (\n element: HTMLElement,\n dialogParams: HassioRepositoryDialogParams\n): void => {\n fireEvent(element, \"show-dialog\", {\n dialogTag: \"dialog-hassio-repositories\",\n dialogImport: () =>\n import(\n /* webpackChunkName: \"dialog-hassio-repositories\" */ \"./dialog-hassio-repositories\"\n ),\n dialogParams,\n });\n};\n","import { mdiArrowUpBoldCircle, mdiPuzzle } from \"@mdi/js\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport { atLeastVersion } from \"../../../src/common/config/version\";\nimport { navigate } from \"../../../src/common/navigate\";\nimport \"../../../src/components/ha-card\";\nimport { HassioAddonInfo } from \"../../../src/data/hassio/addon\";\nimport { haStyle } from \"../../../src/resources/styles\";\nimport { HomeAssistant } from \"../../../src/types\";\nimport \"../components/hassio-card-content\";\nimport { hassioStyle } from \"../resources/hassio-style\";\n\n@customElement(\"hassio-addons\")\nclass HassioAddons extends LitElement {\n @property() public hass!: HomeAssistant;\n\n @property() public addons?: HassioAddonInfo[];\n\n protected render(): TemplateResult {\n return html`\n \n \n `;\n }\n\n private _apiCalled(ev): void {\n if (ev.detail.success) {\n this._error = \"\";\n return;\n }\n\n const response = ev.detail.response;\n\n if (typeof response.body === \"object\") {\n this._error = response.body.message || \"Unknown error\";\n } else {\n this._error = response.body;\n }\n }\n\n static get styles(): CSSResult[] {\n return [\n haStyle,\n hassioStyle,\n css`\n .icon {\n --mdc-icon-size: 48px;\n float: right;\n margin: 0 0 2px 10px;\n color: var(--primary-text-color);\n }\n .update-heading {\n font-size: var(--paper-font-subhead_-_font-size);\n font-weight: 500;\n margin-bottom: 0.5em;\n color: var(--primary-text-color);\n }\n .warning {\n color: var(--secondary-text-color);\n }\n .card-content {\n height: calc(100% - 47px);\n box-sizing: border-box;\n }\n .card-actions {\n text-align: right;\n }\n .errors {\n color: var(--google-red-500);\n padding: 16px;\n }\n a {\n text-decoration: none;\n }\n `,\n ];\n }\n}\n","import {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport { HassioHassOSInfo } from \"../../../src/data/hassio/host\";\nimport {\n HassioHomeAssistantInfo,\n HassioSupervisorInfo,\n} from \"../../../src/data/hassio/supervisor\";\nimport \"../../../src/layouts/hass-tabs-subpage\";\nimport { haStyle } from \"../../../src/resources/styles\";\nimport { HomeAssistant, Route } from \"../../../src/types\";\nimport { supervisorTabs } from \"../hassio-panel\";\nimport \"./hassio-addons\";\nimport \"./hassio-update\";\n\n@customElement(\"hassio-dashboard\")\nclass HassioDashboard extends LitElement {\n @property({ attribute: false }) public hass!: HomeAssistant;\n\n @property({ type: Boolean }) public narrow!: boolean;\n\n @property({ attribute: false }) public route!: Route;\n\n @property({ attribute: false }) public supervisorInfo!: HassioSupervisorInfo;\n\n @property({ attribute: false }) public hassInfo!: HassioHomeAssistantInfo;\n\n @property({ attribute: false }) public hassOsInfo!: HassioHassOSInfo;\n\n protected render(): TemplateResult {\n return html`\n \n Dashboard\n \n Snapshots\n\n \n ) {\n const input = ev.currentTarget as PaperInputElement;\n this[`_${input.name}`] = ev.detail.value;\n }\n\n private _handleCheckboxValueChanged(ev) {\n const input = ev.currentTarget as PaperCheckboxElement;\n this[`_${input.name}`] = input.checked;\n }\n\n private _handleRadioValueChanged(ev: PolymerChangedEvent) {\n const input = ev.currentTarget as PaperRadioGroupElement;\n this[`_${input.getAttribute(\"name\")}`] = ev.detail.value;\n }\n\n private _folderChecked(ev) {\n const { idx, checked } = ev.currentTarget!;\n this._folderList = this._folderList.map((folder, curIdx) =>\n curIdx === idx ? { ...folder, checked } : folder\n );\n }\n\n private _addonChecked(ev) {\n const { idx, checked } = ev.currentTarget!;\n this._addonList = this._addonList.map((addon, curIdx) =>\n curIdx === idx ? { ...addon, checked } : addon\n );\n }\n\n private async _updateSnapshots() {\n try {\n this._snapshots = await fetchHassioSnapshots(this.hass);\n this._snapshots.sort((a, b) => (a.date < b.date ? 1 : -1));\n } catch (err) {\n this._error = err.message;\n }\n }\n\n private async _createSnapshot() {\n this._error = \"\";\n if (this._snapshotHasPassword && !this._snapshotPassword.length) {\n this._error = \"Please enter a password.\";\n return;\n }\n this._creatingSnapshot = true;\n await this.updateComplete;\n\n const name =\n this._snapshotName ||\n new Date().toLocaleDateString(navigator.language, {\n weekday: \"long\",\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n });\n\n try {\n if (this._snapshotType === \"full\") {\n const data: HassioFullSnapshotCreateParams = { name };\n if (this._snapshotHasPassword) {\n data.password = this._snapshotPassword;\n }\n await createHassioFullSnapshot(this.hass, data);\n } else {\n const addons = this._addonList\n .filter((addon) => addon.checked)\n .map((addon) => addon.slug);\n const folders = this._folderList\n .filter((folder) => folder.checked)\n .map((folder) => folder.slug);\n\n const data: HassioPartialSnapshotCreateParams = {\n name,\n folders,\n addons,\n };\n if (this._snapshotHasPassword) {\n data.password = this._snapshotPassword;\n }\n await createHassioPartialSnapshot(this.hass, data);\n }\n this._updateSnapshots();\n fireEvent(this, \"hass-api-called\", { success: true, response: null });\n } catch (err) {\n this._error = err.message;\n } finally {\n this._creatingSnapshot = false;\n }\n }\n\n private _computeDetails(snapshot: HassioSnapshot) {\n const type =\n snapshot.type === \"full\" ? \"Full snapshot\" : \"Partial snapshot\";\n return snapshot.protected ? `${type}, password protected` : type;\n }\n\n private _snapshotClicked(ev) {\n showHassioSnapshotDialog(this, {\n slug: ev.currentTarget!.snapshot.slug,\n onDelete: () => this._updateSnapshots(),\n });\n }\n\n static get styles(): CSSResultArray {\n return [\n haStyle,\n hassioStyle,\n css`\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 `,\n ];\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-snapshots\": HassioSnapshots;\n }\n}\n","import { fireEvent } from \"../../../../src/common/dom/fire_event\";\n\nexport interface HassioSnapshotDialogParams {\n slug: string;\n onDelete: () => void;\n}\n\nexport const showHassioSnapshotDialog = (\n element: HTMLElement,\n dialogParams: HassioSnapshotDialogParams\n): void => {\n fireEvent(element, \"show-dialog\", {\n dialogTag: \"dialog-hassio-snapshot\",\n dialogImport: () =>\n import(\n /* webpackChunkName: \"dialog-hassio-snapshot\" */ \"./dialog-hassio-snapshot\"\n ),\n dialogParams,\n });\n};\n","import \"@material/mwc-button\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport \"../../../src/components/buttons/ha-call-api-button\";\nimport { fetchHassioHardwareInfo } from \"../../../src/data/hassio/hardware\";\nimport {\n changeHostOptions,\n fetchHassioHostInfo,\n HassioHassOSInfo,\n HassioHostInfo as HassioHostInfoType,\n rebootHost,\n shutdownHost,\n updateOS,\n} from \"../../../src/data/hassio/host\";\nimport {\n showAlertDialog,\n showConfirmationDialog,\n showPromptDialog,\n} from \"../../../src/dialogs/generic/show-dialog-box\";\nimport { haStyle } from \"../../../src/resources/styles\";\nimport { HomeAssistant } from \"../../../src/types\";\nimport { showHassioMarkdownDialog } from \"../dialogs/markdown/show-dialog-hassio-markdown\";\nimport { hassioStyle } from \"../resources/hassio-style\";\n\n@customElement(\"hassio-host-info\")\nclass HassioHostInfo extends LitElement {\n @property() public hass!: HomeAssistant;\n\n @property() public hostInfo!: HassioHostInfoType;\n\n @property() public hassOsInfo!: HassioHassOSInfo;\n\n @property() private _errors?: string;\n\n public render(): TemplateResult | void {\n return html`\n \n \n `;\n }\n\n static get styles(): CSSResult[] {\n return [\n haStyle,\n hassioStyle,\n css`\n ha-card {\n height: 100%;\n width: 100%;\n }\n .card-content {\n color: var(--primary-text-color);\n box-sizing: border-box;\n height: calc(100% - 47px);\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 mwc-button.info {\n max-width: calc(50% - 12px);\n }\n table.info {\n margin-bottom: 10px;\n }\n .warning {\n --mdc-theme-primary: var(--google-red-500);\n }\n `,\n ];\n }\n\n protected firstUpdated(): void {\n this.addEventListener(\"hass-api-called\", (ev) => this._apiCalled(ev));\n }\n\n private _apiCalled(ev): void {\n if (ev.detail.success) {\n this._errors = undefined;\n return;\n }\n\n const response = ev.detail.response;\n\n this._errors =\n typeof response.body === \"object\"\n ? response.body.message || \"Unknown error\"\n : response.body;\n }\n\n private async _showHardware(): Promise {\n try {\n const content = this._objectToMarkdown(\n await fetchHassioHardwareInfo(this.hass)\n );\n showHassioMarkdownDialog(this, {\n title: \"Hardware\",\n content,\n });\n } catch (err) {\n showHassioMarkdownDialog(this, {\n title: \"Hardware\",\n content: \"Error getting hardware info\",\n });\n }\n }\n\n private async _rebootHost(): Promise {\n const confirmed = await showConfirmationDialog(this, {\n title: \"Reboot\",\n text: \"Are you sure you want to reboot the host?\",\n confirmText: \"reboot host\",\n dismissText: \"no\",\n });\n\n if (!confirmed) {\n return;\n }\n\n try {\n await rebootHost(this.hass);\n } catch (err) {\n showAlertDialog(this, {\n title: \"Failed to reboot\",\n text: err.body.message,\n });\n }\n }\n\n private async _shutdownHost(): Promise {\n const confirmed = await showConfirmationDialog(this, {\n title: \"Shutdown\",\n text: \"Are you sure you want to shutdown the host?\",\n confirmText: \"shutdown host\",\n dismissText: \"no\",\n });\n\n if (!confirmed) {\n return;\n }\n\n try {\n await shutdownHost(this.hass);\n } catch (err) {\n showAlertDialog(this, {\n title: \"Failed to shutdown\",\n text: err.body.message,\n });\n }\n }\n\n private async _updateOS(): Promise {\n const confirmed = await showConfirmationDialog(this, {\n title: \"Update\",\n text: \"Are you sure you want to update the OS?\",\n confirmText: \"update os\",\n dismissText: \"no\",\n });\n\n if (!confirmed) {\n return;\n }\n\n try {\n await updateOS(this.hass);\n } catch (err) {\n showAlertDialog(this, {\n title: \"Failed to update\",\n text: err.body.message,\n });\n }\n }\n\n private _objectToMarkdown(obj, indent = \"\"): string {\n let data = \"\";\n Object.keys(obj).forEach((key) => {\n if (typeof obj[key] !== \"object\") {\n data += `${indent}- ${key}: ${obj[key]}\\n`;\n } else {\n data += `${indent}- ${key}:\\n`;\n if (Array.isArray(obj[key])) {\n if (obj[key].length) {\n data +=\n `${indent} - ` + obj[key].join(`\\n${indent} - `) + \"\\n\";\n }\n } else {\n data += this._objectToMarkdown(obj[key], ` ${indent}`);\n }\n }\n });\n\n return data;\n }\n\n private async _changeHostnameClicked(): Promise {\n const curHostname: string = this.hostInfo.hostname;\n const hostname = await showPromptDialog(this, {\n title: \"Change hostname\",\n inputLabel: \"Please enter a new hostname:\",\n inputType: \"string\",\n defaultValue: curHostname,\n });\n\n if (hostname && hostname !== curHostname) {\n try {\n await changeHostOptions(this.hass, { hostname });\n this.hostInfo = await fetchHassioHostInfo(this.hass);\n } catch (err) {\n showAlertDialog(this, {\n title: \"Setting hostname failed\",\n text: err.body.message,\n });\n }\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-host-info\": HassioHostInfo;\n }\n}\n","import \"@material/mwc-button\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport { fireEvent } from \"../../../src/common/dom/fire_event\";\nimport \"../../../src/components/buttons/ha-call-api-button\";\nimport \"../../../src/components/ha-card\";\nimport {\n HassioSupervisorInfo as HassioSupervisorInfoType,\n setSupervisorOption,\n SupervisorOptions,\n} from \"../../../src/data/hassio/supervisor\";\nimport { showConfirmationDialog } from \"../../../src/dialogs/generic/show-dialog-box\";\nimport { haStyle } from \"../../../src/resources/styles\";\nimport { HomeAssistant } from \"../../../src/types\";\nimport { hassioStyle } from \"../resources/hassio-style\";\n\n@customElement(\"hassio-supervisor-info\")\nclass HassioSupervisorInfo extends LitElement {\n @property() public hass!: HomeAssistant;\n\n @property() public supervisorInfo!: HassioSupervisorInfoType;\n\n @property() private _errors?: string;\n\n public render(): TemplateResult | void {\n return html`\n \n \n `;\n }\n\n static get styles(): CSSResult[] {\n return [\n haStyle,\n hassioStyle,\n css`\n ha-card {\n height: 100%;\n width: 100%;\n }\n .card-content {\n color: var(--primary-text-color);\n box-sizing: border-box;\n height: calc(100% - 47px);\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 `,\n ];\n }\n\n protected firstUpdated(): void {\n this.addEventListener(\"hass-api-called\", (ev) => this._apiCalled(ev));\n }\n\n private _apiCalled(ev): void {\n if (ev.detail.success) {\n this._errors = undefined;\n return;\n }\n\n const response = ev.detail.response;\n\n this._errors =\n typeof response.body === \"object\"\n ? response.body.message || \"Unknown error\"\n : response.body;\n }\n\n private async _joinBeta() {\n const confirmed = await showConfirmationDialog(this, {\n title: \"WARNING\",\n text: html` Beta releases are for testers and early adopters and can\n contain unstable code changes.\n
\n \n Make sure you have backups of your data before you activate this\n feature.\n \n
\n This includes beta releases for:\nHome Assistant Core \n Home Assistant Supervisor \n Home Assistant Operating System \n
\n Do you want to join the beta channel?`,\n confirmText: \"join beta\",\n dismissText: \"no\",\n });\n\n if (!confirmed) {\n return;\n }\n\n try {\n const data: SupervisorOptions = { channel: \"beta\" };\n await setSupervisorOption(this.hass, data);\n const eventdata = {\n success: true,\n response: undefined,\n path: \"option\",\n };\n fireEvent(this, \"hass-api-called\", eventdata);\n } catch (err) {\n this._errors = `Error joining beta channel, ${err.body?.message || err}`;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-supervisor-info\": HassioSupervisorInfo;\n }\n}\n","import \"@material/mwc-button\";\nimport \"@polymer/paper-dropdown-menu/paper-dropdown-menu\";\nimport \"@polymer/paper-item/paper-item\";\nimport \"@polymer/paper-listbox/paper-listbox\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport \"../../../src/components/ha-card\";\nimport { fetchHassioLogs } from \"../../../src/data/hassio/supervisor\";\nimport \"../../../src/layouts/loading-screen\";\nimport { haStyle } from \"../../../src/resources/styles\";\nimport { HomeAssistant } from \"../../../src/types\";\nimport \"../components/hassio-ansi-to-html\";\nimport { hassioStyle } from \"../resources/hassio-style\";\n\ninterface LogProvider {\n key: string;\n name: string;\n}\n\nconst logProviders: LogProvider[] = [\n {\n key: \"supervisor\",\n name: \"Supervisor\",\n },\n {\n key: \"core\",\n name: \"Core\",\n },\n {\n key: \"host\",\n name: \"Host\",\n },\n {\n key: \"dns\",\n name: \"DNS\",\n },\n {\n key: \"audio\",\n name: \"Audio\",\n },\n {\n key: \"multicast\",\n name: \"Multicast\",\n },\n];\n\n@customElement(\"hassio-supervisor-log\")\nclass HassioSupervisorLog extends LitElement {\n @property({ attribute: false }) public hass!: HomeAssistant;\n\n @property() private _error?: string;\n\n @property() private _selectedLogProvider = \"supervisor\";\n\n @property() private _content?: string;\n\n public async connectedCallback(): Promise {\n super.connectedCallback();\n await this._loadData();\n }\n\n public render(): TemplateResult | void {\n return html`\n \n ${this._error ? html` \n \n ${logProviders.map((provider) => {\n return html`\n ${provider.name}\n `;\n })}\n \n \n `\n : \"\"}\n\n \n `;\n }\n\n static get styles(): CSSResult[] {\n return [\n haStyle,\n hassioStyle,\n css`\n ha-card {\n width: 100%;\n }\n pre {\n white-space: pre-wrap;\n }\n paper-dropdown-menu {\n padding: 0 2%;\n width: 96%;\n }\n .errors {\n color: var(--google-red-500);\n margin-bottom: 16px;\n }\n .card-content {\n padding-top: 0px;\n }\n `,\n ];\n }\n\n private async _setLogProvider(ev): Promise {\n const provider = ev.detail.item.getAttribute(\"provider\");\n this._selectedLogProvider = provider;\n await this._loadData();\n }\n\n private async _loadData(): Promise {\n this._error = undefined;\n this._content = undefined;\n\n try {\n this._content = await fetchHassioLogs(\n this.hass,\n this._selectedLogProvider\n );\n } catch (err) {\n this._error = `Failed to get supervisor logs, ${\n err.body?.message || err\n }`;\n }\n }\n\n private async _refresh(): Promise {\n await this._loadData();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-supervisor-log\": HassioSupervisorLog;\n }\n}\n","import \"@polymer/paper-menu-button/paper-menu-button\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport {\n HassioHassOSInfo,\n HassioHostInfo,\n} from \"../../../src/data/hassio/host\";\nimport { HassioSupervisorInfo } from \"../../../src/data/hassio/supervisor\";\nimport \"../../../src/layouts/hass-tabs-subpage\";\nimport { haStyle } from \"../../../src/resources/styles\";\nimport { HomeAssistant, Route } from \"../../../src/types\";\nimport { supervisorTabs } from \"../hassio-panel\";\nimport { hassioStyle } from \"../resources/hassio-style\";\nimport \"./hassio-host-info\";\nimport \"./hassio-supervisor-info\";\nimport \"./hassio-supervisor-log\";\n\n@customElement(\"hassio-system\")\nclass HassioSystem extends LitElement {\n @property({ attribute: false }) public hass!: HomeAssistant;\n\n @property({ type: Boolean }) public narrow!: boolean;\n\n @property({ attribute: false }) public route!: Route;\n\n @property() public supervisorInfo!: HassioSupervisorInfo;\n\n @property() public hostInfo!: HassioHostInfo;\n\n @property() public hassOsInfo!: HassioHassOSInfo;\n\n public render(): TemplateResult | void {\n return html`\n \n System\n \n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-panel\": HassioPanel;\n }\n}\n","import { PropertyValues, UpdatingElement } from \"lit-element\";\nimport { Constructor, HomeAssistant } from \"../types\";\n\nexport interface ProvideHassElement {\n provideHass(element: HTMLElement);\n}\n\nexport const ProvideHassLitMixin = >(\n superClass: T\n) =>\n class extends superClass {\n protected hass!: HomeAssistant;\n\n private __provideHass: HTMLElement[] = [];\n\n public provideHass(el) {\n this.__provideHass.push(el);\n el.hass = this.hass;\n }\n\n protected updated(changedProps: PropertyValues) {\n super.updated(changedProps);\n\n if (changedProps.has(\"hass\")) {\n this.__provideHass.forEach((el) => {\n (el as any).hass = this.hass;\n });\n }\n }\n };\n","import { PolymerElement } from \"@polymer/polymer\";\nimport { customElement, property, PropertyValues } from \"lit-element\";\nimport { applyThemesOnElement } from \"../../src/common/dom/apply_themes_on_element\";\nimport { fireEvent } from \"../../src/common/dom/fire_event\";\nimport { navigate } from \"../../src/common/navigate\";\nimport { fetchHassioAddonInfo } from \"../../src/data/hassio/addon\";\nimport {\n fetchHassioHassOsInfo,\n fetchHassioHostInfo,\n HassioHassOSInfo,\n HassioHostInfo,\n} from \"../../src/data/hassio/host\";\nimport {\n createHassioSession,\n fetchHassioHomeAssistantInfo,\n fetchHassioSupervisorInfo,\n HassioHomeAssistantInfo,\n HassioPanelInfo,\n HassioSupervisorInfo,\n} from \"../../src/data/hassio/supervisor\";\nimport {\n AlertDialogParams,\n showAlertDialog,\n} from \"../../src/dialogs/generic/show-dialog-box\";\nimport { makeDialogManager } from \"../../src/dialogs/make-dialog-manager\";\nimport {\n HassRouterPage,\n RouterOptions,\n} from \"../../src/layouts/hass-router-page\";\nimport { ProvideHassLitMixin } from \"../../src/mixins/provide-hass-lit-mixin\";\nimport \"../../src/resources/ha-style\";\nimport { HomeAssistant } from \"../../src/types\";\n// Don't codesplit it, that way the dashboard always loads fast.\nimport \"./hassio-panel\";\n\n@customElement(\"hassio-main\")\nclass HassioMain extends ProvideHassLitMixin(HassRouterPage) {\n @property() public hass!: HomeAssistant;\n\n @property() public panel!: HassioPanelInfo;\n\n @property() public narrow!: boolean;\n\n protected routerOptions: RouterOptions = {\n // Hass.io has a page with tabs, so we route all non-matching routes to it.\n defaultPage: \"dashboard\",\n initialLoad: () => this._fetchData(),\n showLoading: true,\n routes: {\n dashboard: {\n tag: \"hassio-panel\",\n cache: true,\n },\n snapshots: \"dashboard\",\n store: \"dashboard\",\n system: \"dashboard\",\n addon: {\n tag: \"hassio-addon-dashboard\",\n load: () =>\n import(\n /* webpackChunkName: \"hassio-addon-dashboard\" */ \"./addon-view/hassio-addon-dashboard\"\n ),\n },\n ingress: {\n tag: \"hassio-ingress-view\",\n load: () =>\n import(\n /* webpackChunkName: \"hassio-ingress-view\" */ \"./ingress-view/hassio-ingress-view\"\n ),\n },\n },\n };\n\n @property() private _supervisorInfo: HassioSupervisorInfo;\n\n @property() private _hostInfo: HassioHostInfo;\n\n @property() private _hassOsInfo?: HassioHassOSInfo;\n\n @property() private _hassInfo: HassioHomeAssistantInfo;\n\n protected firstUpdated(changedProps: PropertyValues) {\n super.firstUpdated(changedProps);\n\n applyThemesOnElement(\n this.parentElement,\n this.hass.themes,\n this.hass.selectedTheme || this.hass.themes.default_theme\n );\n\n this.style.setProperty(\n \"--app-header-background-color\",\n \"var(--sidebar-background-color)\"\n );\n this.style.setProperty(\n \"--app-header-text-color\",\n \"var(--sidebar-text-color)\"\n );\n this.style.setProperty(\n \"--app-header-border-bottom\",\n \"1px solid var(--divider-color)\"\n );\n\n this.addEventListener(\"hass-api-called\", (ev) => this._apiCalled(ev));\n // Paulus - March 17, 2019\n // We went to a single hass-toggle-menu event in HA 0.90. However, the\n // supervisor UI can also run under older versions of Home Assistant.\n // So here we are going to translate toggle events into the appropriate\n // open and close events. These events are a no-op in newer versions of\n // Home Assistant.\n this.addEventListener(\"hass-toggle-menu\", () => {\n fireEvent(\n (window.parent as any).customPanel,\n // @ts-ignore\n this.hass.dockedSidebar ? \"hass-close-menu\" : \"hass-open-menu\"\n );\n });\n // Paulus - March 19, 2019\n // We changed the navigate event to fire directly on the window, as that's\n // where we are listening for it. However, the older panel_custom will\n // listen on this element for navigation events, so we need to forward them.\n window.addEventListener(\"location-changed\", (ev) =>\n // @ts-ignore\n fireEvent(this, ev.type, ev.detail, {\n bubbles: false,\n })\n );\n\n // Forward haptic events to parent window.\n window.addEventListener(\"haptic\", (ev) => {\n // @ts-ignore\n fireEvent(window.parent, ev.type, ev.detail, {\n bubbles: false,\n });\n });\n\n makeDialogManager(this, document.body);\n }\n\n protected updatePageEl(el) {\n // the tabs page does its own routing so needs full route.\n const route = el.nodeName === \"HASSIO-PANEL\" ? this.route : this.routeTail;\n\n if (\"setProperties\" in el) {\n // As long as we have Polymer pages\n (el as PolymerElement).setProperties({\n hass: this.hass,\n narrow: this.narrow,\n supervisorInfo: this._supervisorInfo,\n hostInfo: this._hostInfo,\n hassInfo: this._hassInfo,\n hassOsInfo: this._hassOsInfo,\n route,\n });\n } else {\n el.hass = this.hass;\n el.narrow = this.narrow;\n el.supervisorInfo = this._supervisorInfo;\n el.hostInfo = this._hostInfo;\n el.hassInfo = this._hassInfo;\n el.hassOsInfo = this._hassOsInfo;\n el.route = route;\n }\n }\n\n private async _fetchData() {\n if (this.panel.config && this.panel.config.ingress) {\n await this._redirectIngress(this.panel.config.ingress);\n return;\n }\n\n const [supervisorInfo, hostInfo, hassInfo] = await Promise.all([\n fetchHassioSupervisorInfo(this.hass),\n fetchHassioHostInfo(this.hass),\n fetchHassioHomeAssistantInfo(this.hass),\n ]);\n this._supervisorInfo = supervisorInfo;\n this._hostInfo = hostInfo;\n this._hassInfo = hassInfo;\n\n if (this._hostInfo.features && this._hostInfo.features.includes(\"hassos\")) {\n this._hassOsInfo = await fetchHassioHassOsInfo(this.hass);\n }\n }\n\n private async _redirectIngress(addonSlug: string) {\n // When we trigger a navigation, we sleep to make sure we don't\n // show the hassio dashboard before navigating away.\n const awaitAlert = async (\n alertParams: AlertDialogParams,\n action: () => void\n ) => {\n await new Promise((resolve) => {\n alertParams.confirm = resolve;\n showAlertDialog(this, alertParams);\n });\n action();\n await new Promise((resolve) => setTimeout(resolve, 1000));\n };\n\n const createSessionPromise = createHassioSession(this.hass).then(\n () => true,\n () => false\n );\n\n let addon;\n\n try {\n addon = await fetchHassioAddonInfo(this.hass, addonSlug);\n } catch (err) {\n await awaitAlert(\n {\n text: \"Unable to fetch add-on info to start Ingress\",\n title: \"Supervisor\",\n },\n () => history.back()\n );\n\n return;\n }\n\n if (!addon.ingress_url) {\n await awaitAlert(\n {\n text: \"Add-on does not support Ingress\",\n title: addon.name,\n },\n () => history.back()\n );\n\n return;\n }\n\n if (addon.state !== \"started\") {\n await awaitAlert(\n {\n text: \"Add-on is not running. Please start it first\",\n title: addon.name,\n },\n () => navigate(this, `/hassio/addon/${addon.slug}/info`, true)\n );\n\n return;\n }\n\n if (!(await createSessionPromise)) {\n await awaitAlert(\n {\n text: \"Unable to create an Ingress session\",\n title: addon.name,\n },\n () => history.back()\n );\n\n return;\n }\n\n location.assign(addon.ingress_url);\n // await a promise that doesn't resolve, so we show the loading screen\n // while we load the next page.\n await new Promise(() => undefined);\n }\n\n private _apiCalled(ev) {\n if (!ev.detail.success) {\n return;\n }\n\n let tries = 1;\n\n const tryUpdate = () => {\n this._fetchData().catch(() => {\n tries += 1;\n setTimeout(tryUpdate, Math.min(tries, 5) * 1000);\n });\n };\n\n tryUpdate();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-main\": HassioMain;\n }\n}\n","import { fireEvent } from \"./dom/fire_event\";\n\ndeclare global {\n // for fire event\n interface HASSDomEvents {\n \"location-changed\": {\n replace: boolean;\n };\n }\n}\n\nexport const navigate = (_node: any, path: string, replace = false) => {\n if (__DEMO__) {\n if (replace) {\n history.replaceState(null, \"\", `${location.pathname}#${path}`);\n } else {\n window.location.hash = path;\n }\n } else if (replace) {\n history.replaceState(null, \"\", path);\n } else {\n history.pushState(null, \"\", path);\n }\n fireEvent(window, \"location-changed\", {\n replace,\n });\n};\n","import { TemplateResult } from \"lit-html\";\nimport { fireEvent } from \"../../common/dom/fire_event\";\n\ninterface BaseDialogParams {\n confirmText?: string;\n text?: string | TemplateResult;\n title?: string;\n}\n\nexport interface AlertDialogParams extends BaseDialogParams {\n confirm?: () => void;\n}\n\nexport interface ConfirmationDialogParams extends BaseDialogParams {\n dismissText?: string;\n confirm?: () => void;\n cancel?: () => void;\n}\n\nexport interface PromptDialogParams extends BaseDialogParams {\n inputLabel?: string;\n inputType?: string;\n defaultValue?: string;\n confirm?: (out?: string) => void;\n}\n\nexport interface DialogParams\n extends ConfirmationDialogParams,\n PromptDialogParams {\n confirm?: (out?: string) => void;\n confirmation?: boolean;\n prompt?: boolean;\n}\n\nexport const loadGenericDialog = () =>\n import(/* webpackChunkName: \"confirmation\" */ \"./dialog-box\");\n\nconst showDialogHelper = (\n element: HTMLElement,\n dialogParams: DialogParams,\n extra?: {\n confirmation?: DialogParams[\"confirmation\"];\n prompt?: DialogParams[\"prompt\"];\n }\n) =>\n new Promise((resolve) => {\n const origCancel = dialogParams.cancel;\n const origConfirm = dialogParams.confirm;\n\n fireEvent(element, \"show-dialog\", {\n dialogTag: \"dialog-box\",\n dialogImport: loadGenericDialog,\n dialogParams: {\n ...dialogParams,\n ...extra,\n cancel: () => {\n resolve(extra?.prompt ? null : false);\n if (origCancel) {\n origCancel();\n }\n },\n confirm: (out) => {\n resolve(extra?.prompt ? out : true);\n if (origConfirm) {\n origConfirm(out);\n }\n },\n },\n });\n });\n\nexport const showAlertDialog = (\n element: HTMLElement,\n dialogParams: AlertDialogParams\n) => showDialogHelper(element, dialogParams);\n\nexport const showConfirmationDialog = (\n element: HTMLElement,\n dialogParams: ConfirmationDialogParams\n) =>\n showDialogHelper(element, dialogParams, { confirmation: true }) as Promise<\n boolean\n >;\n\nexport const showPromptDialog = (\n element: HTMLElement,\n dialogParams: PromptDialogParams\n) =>\n showDialogHelper(element, dialogParams, { prompt: true }) as Promise<\n null | string\n >;\n","export interface HassioResponse {\n data: T;\n result: \"ok\";\n}\n\nexport const hassioApiResultExtractor = (response: HassioResponse) =>\n response.data;\n","import { HomeAssistant, PanelInfo } from \"../../types\";\nimport { hassioApiResultExtractor, HassioResponse } from \"./common\";\n\nexport type HassioHomeAssistantInfo = any;\nexport type HassioSupervisorInfo = any;\n\nexport type HassioPanelInfo = PanelInfo<\n | undefined\n | {\n ingress?: string;\n }\n>;\n\nexport interface CreateSessionResponse {\n session: string;\n}\n\nexport interface SupervisorOptions {\n channel?: \"beta\" | \"dev\" | \"stable\";\n addons_repositories?: string[];\n}\n\nexport const fetchHassioHomeAssistantInfo = async (hass: HomeAssistant) => {\n return hassioApiResultExtractor(\n await hass.callApi>(\n \"GET\",\n \"hassio/core/info\"\n )\n );\n};\n\nexport const fetchHassioSupervisorInfo = async (hass: HomeAssistant) => {\n return hassioApiResultExtractor(\n await hass.callApi>(\n \"GET\",\n \"hassio/supervisor/info\"\n )\n );\n};\n\nexport const fetchHassioLogs = async (\n hass: HomeAssistant,\n provider: string\n) => {\n return hass.callApi(\"GET\", `hassio/${provider}/logs`);\n};\n\nexport const createHassioSession = async (hass: HomeAssistant) => {\n const response = await hass.callApi>(\n \"POST\",\n \"hassio/ingress/session\"\n );\n document.cookie = `ingress_session=${response.data.session};path=/api/hassio_ingress/`;\n};\n\nexport const setSupervisorOption = async (\n hass: HomeAssistant,\n data: SupervisorOptions\n) => {\n await hass.callApi>(\n \"POST\",\n \"hassio/supervisor/options\",\n data\n );\n};\n","import \"@material/mwc-ripple\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n PropertyValues,\n TemplateResult,\n} from \"lit-element\";\nimport { classMap } from \"lit-html/directives/class-map\";\nimport memoizeOne from \"memoize-one\";\nimport { isComponentLoaded } from \"../common/config/is_component_loaded\";\nimport { navigate } from \"../common/navigate\";\nimport \"../components/ha-menu-button\";\nimport \"../components/ha-icon-button-arrow-prev\";\nimport { HomeAssistant, Route } from \"../types\";\nimport \"../components/ha-svg-icon\";\nimport \"../components/ha-icon\";\n\nexport interface PageNavigation {\n path: string;\n translationKey?: string;\n component?: string;\n name?: string;\n core?: boolean;\n advancedOnly?: boolean;\n icon?: string;\n iconPath?: string;\n info?: any;\n}\n\n@customElement(\"hass-tabs-subpage\")\nclass HassTabsSubpage extends LitElement {\n @property() public hass!: HomeAssistant;\n\n @property({ type: Boolean }) public hassio = false;\n\n @property({ type: String, attribute: \"back-path\" }) public backPath?: string;\n\n @property() public backCallback?: () => void;\n\n @property({ type: Boolean, attribute: \"main-page\" }) public mainPage = false;\n\n @property() public route!: Route;\n\n @property() public tabs!: PageNavigation[];\n\n @property({ type: Boolean, reflect: true }) public narrow = false;\n\n @property() private _activeTab?: PageNavigation;\n\n private _getTabs = memoizeOne(\n (\n tabs: PageNavigation[],\n activeTab: PageNavigation | undefined,\n showAdvanced: boolean | undefined,\n _components,\n _language,\n _narrow\n ) => {\n const shownTabs = tabs.filter(\n (page) =>\n (!page.component ||\n page.core ||\n isComponentLoaded(this.hass, page.component)) &&\n (!page.advancedOnly || showAdvanced)\n );\n\n return shownTabs.map(\n (page) =>\n html`\n \n ${this.narrow\n ? page.iconPath\n ? html`
\n `\n );\n }\n );\n\n protected updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (changedProperties.has(\"route\")) {\n this._activeTab = this.tabs.find((tab) =>\n `${this.route.prefix}${this.route.path}`.includes(tab.path)\n );\n }\n }\n\n protected render(): TemplateResult {\n const tabs = this._getTabs(\n this.tabs,\n this._activeTab,\n this.hass.userData?.showAdvanced,\n this.hass.config.components,\n this.hass.language,\n this.narrow\n );\n\n return html`\n \n \n e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a1||!this.narrow?Object(n.e)(l(),Object(i.a)({"bottom-bar":this.narrow}),t):"")}},{kind:"method",key:"_tabTapped",value:function(e){Object(a.a)(this,e.currentTarget.path,!0)}},{kind:"method",key:"_backTapped",value:function(){this.backPath?Object(a.a)(this,this.backPath):this.backCallback?this.backCallback():history.back()}},{kind:"get",static:!0,key:"styles",value:function(){return Object(n.c)(c())}}]}},n.a)},66:function(e,t){},70:function(e,t,r){"use strict";var n=r(6),i=r(13);r(120);function o(e){return(o="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 a(e,t,r,n,i,o,a){try{var s=e[o](a),c=s.value}catch(l){return void r(l)}s.done?t(c):Promise.resolve(c).then(n,i)}function s(){var e=function(e,t){t||(t=e.slice(0));return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(['\n \n ']);return s=function(){return e},e}function c(e,t){for(var r=0;r2&&void 0!==arguments[2]?arguments[2]:{},i=((n.compareTime||new Date).getTime()-e.getTime())/1e3,o=i>=0?"past":"future";i=Math.abs(i);for(var a=0;a\n 
\n \n
\n ']);return _=function(){return e},e}function A(){var e=T([' ']);return A=function(){return e},e}function C(){var e=T(["\n ","\n ",'\n Information
\n\n e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;ae.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a\n "]);return _i=function(){return e},e}function Ai(e,t){return(Ai=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function Ci(e){return function(){var t,r=zi(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=zi(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===Di(t)||"function"==typeof t))return t;return Ti(e)}(this,t)}}function Ti(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function zi(e){return(zi=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ri(e){var t,r=Ui(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function Ii(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function Fi(e){return e.decorators&&e.decorators.length}function Ni(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function Li(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function Ui(e){var t=function(e,t){if("object"!==Di(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==Di(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===Di(t)?t:String(t)}function Mi(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;ae.length)&&(t=e.length);for(var r=0,n=new Array(t);r=0;o--){var a=t[e.placement];a.splice(a.indexOf(e.key),1);var s=this.fromElementDescriptor(e),c=this.toElementFinisherExtras((0,i[o])(s)||s);e=c.element,this.addElementPlacement(e,t),c.finisher&&n.push(c.finisher);var l=c.extras;if(l){for(var u=0;u=0;n--){var i=this.fromClassDescriptor(e),o=this.toClassDescriptor((0,t[n])(i)||i);if(void 0!==o.finisher&&r.push(o.finisher),void 0!==o.elements){e=o.elements;for(var a=0;a2&&void 0!==arguments[2]&&arguments[2];r?history.replaceState(null,"",t):history.pushState(null,"",t),Object(n.a)(window,"location-changed",{replace:r})}},37:function(e,t,r){"use strict";r.d(t,"a",function(){return a}),r.d(t,"b",function(){return s}),r.d(t,"c",function(){return c});var n=r(13),i=function(){return Promise.all([r.e(0),r.e(2)]).then(r.bind(null,189))},o=function(e,t,r){return new Promise(function(o){var a=t.cancel,s=t.confirm;Object(n.a)(e,"show-dialog",{dialogTag:"dialog-box",dialogImport:i,dialogParams:Object.assign({},t,{},r,{cancel:function(){o(!(null==r||!r.prompt)&&null),a&&a()},confirm:function(e){o(null==r||!r.prompt||e),s&&s(e)}})})})},a=function(e,t){return o(e,t)},s=function(e,t){return o(e,t,{confirmation:!0})},c=function(e,t){return o(e,t,{prompt:!0})}},50:function(e,t,r){"use strict";r.d(t,"a",function(){return n});var n=function(e){return e.data}},51:function(e,t,r){"use strict";r.d(t,"b",function(){return a}),r.d(t,"d",function(){return s}),r.d(t,"c",function(){return c}),r.d(t,"a",function(){return l}),r.d(t,"e",function(){return u});var n=r(50);function i(e,t,r,n,i,o,a){try{var s=e[o](a),c=s.value}catch(l){return void r(l)}s.done?t(c):Promise.resolve(c).then(n,i)}function o(e){return function(){var t=this,r=arguments;return new Promise(function(n,o){var a=e.apply(t,r);function s(e){i(a,n,o,s,c,"next",e)}function c(e){i(a,n,o,s,c,"throw",e)}s(void 0)})}}var a=function(){var e=o(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=n.a,e.next=3,t.callApi("GET","hassio/core/info");case 3:return e.t1=e.sent,e.abrupt("return",(0,e.t0)(e.t1));case 5:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}(),s=function(){var e=o(regeneratorRuntime.mark(function e(t){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=n.a,e.next=3,t.callApi("GET","hassio/supervisor/info");case 3:return e.t1=e.sent,e.abrupt("return",(0,e.t0)(e.t1));case 5:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}(),c=function(){var e=o(regeneratorRuntime.mark(function e(t,r){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",t.callApi("GET","hassio/".concat(r,"/logs")));case 1:case"end":return e.stop()}},e)}));return function(t,r){return e.apply(this,arguments)}}(),l=function(){var e=o(regeneratorRuntime.mark(function e(t){var r;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.callApi("POST","hassio/ingress/session");case 2:r=e.sent,document.cookie="ingress_session=".concat(r.data.session,";path=/api/hassio_ingress/");case 4:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}(),u=function(){var e=o(regeneratorRuntime.mark(function e(t,r){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.callApi("POST","hassio/supervisor/options",r);case 2:case"end":return e.stop()}},e)}));return function(t,r){return e.apply(this,arguments)}}()},57:function(e,t,r){"use strict";r(190);var n=r(6),i=r(26),o=r(53),a=r(36);r(97),r(84),r(23),r(98);function s(e){return(s="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 c(){var e=b(['\n :host {\n display: block;\n height: 100%;\n background-color: var(--primary-background-color);\n }\n\n ha-menu-button {\n margin-right: 24px;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n font-size: 20px;\n height: 65px;\n background-color: var(--sidebar-background-color);\n font-weight: 400;\n color: var(--sidebar-text-color);\n border-bottom: 1px solid var(--divider-color);\n padding: 0 16px;\n box-sizing: border-box;\n }\n\n #tabbar {\n display: flex;\n font-size: 14px;\n }\n\n #tabbar.bottom-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n padding: 0 16px;\n box-sizing: border-box;\n background-color: var(--sidebar-background-color);\n border-top: 1px solid var(--divider-color);\n justify-content: space-between;\n z-index: 1;\n font-size: 12px;\n width: 100%;\n }\n\n #tabbar:not(.bottom-bar) {\n flex: 1;\n justify-content: center;\n }\n\n .tab {\n padding: 0 32px;\n display: flex;\n flex-direction: column;\n text-align: center;\n align-items: center;\n justify-content: center;\n height: 64px;\n cursor: pointer;\n }\n\n .name {\n white-space: nowrap;\n }\n\n .tab.active {\n color: var(--primary-color);\n }\n\n #tabbar:not(.bottom-bar) .tab.active {\n border-bottom: 2px solid var(--primary-color);\n }\n\n .bottom-bar .tab {\n padding: 0 16px;\n width: 20%;\n min-width: 0;\n }\n\n :host(:not([narrow])) #toolbar-icon {\n min-width: 40px;\n }\n\n ha-menu-button,\n ha-icon-button-arrow-prev,\n ::slotted([slot="toolbar-icon"]) {\n flex-shrink: 0;\n pointer-events: auto;\n color: var(--sidebar-icon-color);\n }\n\n .main-title {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n max-height: 40px;\n line-height: 20px;\n }\n\n .content {\n position: relative;\n width: 100%;\n height: calc(100% - 65px);\n overflow-y: auto;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n :host([narrow]) .content {\n height: calc(100% - 128px);\n }\n ']);return c=function(){return e},e}function l(){var e=b(['\n \n ',"\n ","\n ",'\n
\n \n
\n \n
\n ']);return p=function(){return e},e}function h(){var e=b(['\n ',"\n "]);return h=function(){return e},e}function m(){var e=b(["\n
\n "]);return C=function(){return e},e}function T(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function z(e,t){return(z=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function R(e){return function(){var t,r=F(e);if(function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()){var n=F(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return function(e,t){if(t&&("object"===j(t)||"function"==typeof t))return t;return I(e)}(this,t)}}function I(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function F(e){return(F=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function N(e){var t,r=H(e.key);"method"===e.kind?t={value:e.value,writable:!0,configurable:!0,enumerable:!1}:"get"===e.kind?t={get:e.value,configurable:!0,enumerable:!1}:"set"===e.kind?t={set:e.value,configurable:!0,enumerable:!1}:"field"===e.kind&&(t={configurable:!0,writable:!0,enumerable:!0});var n={kind:"field"===e.kind?"field":"method",key:r,placement:e.static?"static":"field"===e.kind?"own":"prototype",descriptor:t};return e.decorators&&(n.decorators=e.decorators),"field"===e.kind&&(n.initializer=e.value),n}function L(e,t){void 0!==e.descriptor.get?t.descriptor.get=e.descriptor.get:t.descriptor.set=e.descriptor.set}function U(e){return e.decorators&&e.decorators.length}function M(e){return void 0!==e&&!(void 0===e.value&&void 0===e.writable)}function B(e,t){var r=e[t];if(void 0!==r&&"function"!=typeof r)throw new TypeError("Expected '"+t+"' to be a function");return r}function H(e){var t=function(e,t){if("object"!==j(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==j(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===j(t)?t:String(t)}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r\n ','\n
\n \n ',"\n ","\n ","\n
\n \n \n go back \n \n
\n \n `;\n }\n\n private _backTapped(): void {\n history.back();\n }\n\n static get styles(): CSSResultArray {\n return [\n css`\n .content {\n height: calc(100% - 64px);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n }\n `,\n ];\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hass-error-screen\": HassErrorScreen;\n }\n}\n","import { property, PropertyValues, UpdatingElement } from \"lit-element\";\nimport memoizeOne from \"memoize-one\";\nimport { navigate } from \"../common/navigate\";\nimport { Route } from \"../types\";\nimport \"./hass-error-screen\";\nimport \"./hass-loading-screen\";\n\nconst extractPage = (path: string, defaultPage: string) => {\n if (path === \"\") {\n return defaultPage;\n }\n const subpathStart = path.indexOf(\"/\", 1);\n return subpathStart === -1\n ? path.substr(1)\n : path.substr(1, subpathStart - 1);\n};\n\nexport interface RouteOptions {\n // HTML tag of the route page.\n tag: string;\n // Function to load the page.\n load?: () => Promise${this.error}
\n\n
\n `;\n }\n\n private _handleBack() {\n history.back();\n }\n\n static get styles(): CSSResultArray {\n return [\n haStyle,\n css`\n :host {\n display: block;\n height: 100%;\n background-color: var(--primary-background-color);\n }\n .content {\n height: calc(100% - 64px);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n `,\n ];\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hass-loading-screen\": HassLoadingScreen;\n }\n}\n","import \"@material/mwc-button\";\nimport \"@polymer/paper-spinner/paper-spinner\";\nimport { html } from \"@polymer/polymer/lib/utils/html-tag\";\n/* eslint-plugin-disable lit */\nimport { PolymerElement } from \"@polymer/polymer/polymer-element\";\n\nclass HaProgressButton extends PolymerElement {\n static get template() {\n return html`\n \n \n \n
\n `;\n }\n\n static get properties() {\n return {\n hass: {\n type: Object,\n },\n\n progress: {\n type: Boolean,\n value: false,\n },\n\n disabled: {\n type: Boolean,\n value: false,\n },\n };\n }\n\n tempClass(className) {\n var classList = this.$.container.classList;\n classList.add(className);\n setTimeout(() => {\n classList.remove(className);\n }, 1000);\n }\n\n ready() {\n super.ready();\n this.addEventListener(\"click\", (ev) => this.buttonTapped(ev));\n }\n\n buttonTapped(ev) {\n if (this.progress) ev.stopPropagation();\n }\n\n actionSuccess() {\n this.tempClass(\"success\");\n }\n\n actionError() {\n this.tempClass(\"error\");\n }\n\n computeDisabled(disabled, progress) {\n return disabled || progress;\n }\n}\n\ncustomElements.define(\"ha-progress-button\", HaProgressButton);\n","import { HomeAssistant } from \"../../types\";\nimport { hassioApiResultExtractor, HassioResponse } from \"./common\";\n\nexport interface HassioSnapshot {\n slug: string;\n date: string;\n name: string;\n type: \"full\" | \"partial\";\n protected: boolean;\n}\n\nexport interface HassioSnapshotDetail extends HassioSnapshot {\n size: number;\n homeassistant: string;\n addons: Array<{\n slug: \"ADDON_SLUG\";\n name: \"NAME\";\n version: \"INSTALLED_VERSION\";\n size: \"SIZE_IN_MB\";\n }>;\n repositories: string[];\n folders: string[];\n}\n\nexport interface HassioFullSnapshotCreateParams {\n name: string;\n password?: string;\n}\nexport interface HassioPartialSnapshotCreateParams {\n name: string;\n folders: string[];\n addons: string[];\n password?: string;\n}\n\nexport const fetchHassioSnapshots = async (hass: HomeAssistant) => {\n return hassioApiResultExtractor(\n await hass.callApi${this._error}
` : \"\"}\n \n ${repositories.length\n ? repositories.map((repo) => {\n return html`\n \n \n \n \n \n `;\n })\n : html`\n \n No repositories\n \n `}\n
\n ${repo.name}
\n ${repo.maintainer}
\n ${repo.url}
\n \n \n \n ${this._prosessing\n ? html` \n
\n ${this.header}
`\n : html``}\n \n
\n \n
\n `;\n }\n return html`\n \n No results found in \"${repo.name}.\"\n
\n\n
\n `;\n }\n\n private _addonTapped(ev) {\n navigate(this, `/hassio/addon/${ev.currentTarget.addon.slug}`);\n }\n\n static get styles(): CSSResultArray {\n return [\n hassioStyle,\n css`\n ha-card {\n cursor: pointer;\n }\n .not_available {\n opacity: 0.6;\n }\n a.repo {\n color: var(--primary-text-color);\n }\n `,\n ];\n }\n}\n\ncustomElements.define(\"hassio-addon-repository\", HassioAddonRepositoryEl);\n","import * as Fuse from \"fuse.js\";\nimport { HassioAddonInfo } from \"../../../src/data/hassio/addon\";\n\nexport function filterAndSort(addons: HassioAddonInfo[], filter: string) {\n const options: Fuse.FuseOptions\n ${repo.name}\n
\n\n ${addons.map(\n (addon) => html`\n \n
\n \n \n
\n \n `\n )}\n \n \n
\n\n ${repos}\n `}\n ${!this.hass.userData?.showAdvanced\n ? html`\n \n Missing add-ons? Enable advanced mode on\n \n your profile page\n \n .\n
\n `\n : \"\"}\n \n `;\n }\n\n protected firstUpdated(changedProps: PropertyValues) {\n super.firstUpdated(changedProps);\n this.addEventListener(\"hass-api-called\", (ev) => this.apiCalled(ev));\n this._loadData();\n }\n\n private apiCalled(ev) {\n if (ev.detail.success) {\n this._loadData();\n }\n }\n\n private async _manageRepositories() {\n showRepositoriesDialog(this, {\n repos: this._repos!,\n loadData: () => this._loadData(),\n });\n }\n\n private async _loadData() {\n try {\n const addonsInfo = await fetchHassioAddonsInfo(this.hass);\n this._repos = addonsInfo.repositories;\n this._repos.sort(sortRepos);\n this._addons = addonsInfo.addons;\n } catch (err) {\n alert(\"Failed to fetch add-on info\");\n }\n }\n\n private async _filterChanged(e) {\n this._filter = e.detail.value;\n }\n\n static get styles(): CSSResult {\n return css`\n hassio-addon-repository {\n margin-top: 24px;\n }\n .search {\n padding: 0 16px;\n background: var(--sidebar-background-color);\n border-bottom: 1px solid var(--divider-color);\n }\n .search search-input {\n position: relative;\n top: 2px;\n }\n .advanced {\n padding: 12px;\n display: flex;\n flex-wrap: wrap;\n color: var(--primary-text-color);\n }\n .advanced a {\n margin-left: 0.5em;\n color: var(--primary-color);\n }\n `;\n }\n}\n\ncustomElements.define(\"hassio-addon-store\", HassioAddonStore);\n","import { fireEvent } from \"../../../../src/common/dom/fire_event\";\nimport { HassioAddonRepository } from \"../../../../src/data/hassio/addon\";\nimport \"./dialog-hassio-repositories\";\n\nexport interface HassioRepositoryDialogParams {\n repos: HassioAddonRepository[];\n loadData: () => Promise\n
\n `;\n }\n\n static get styles(): CSSResult[] {\n return [\n haStyle,\n hassioStyle,\n css`\n ha-card {\n cursor: pointer;\n }\n `,\n ];\n }\n\n private _addonTapped(ev: any): void {\n navigate(this, `/hassio/addon/${ev.currentTarget.addon.slug}/info`);\n }\n\n private _openStore(): void {\n navigate(this, \"/hassio/store\");\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-addons\": HassioAddons;\n }\n}\n","import \"@material/mwc-button\";\nimport { mdiHomeAssistant } from \"@mdi/js\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport \"../../../src/components/buttons/ha-call-api-button\";\nimport \"../../../src/components/ha-card\";\nimport \"../../../src/components/ha-svg-icon\";\nimport { HassioHassOSInfo } from \"../../../src/data/hassio/host\";\nimport {\n HassioHomeAssistantInfo,\n HassioSupervisorInfo,\n} from \"../../../src/data/hassio/supervisor\";\nimport { haStyle } from \"../../../src/resources/styles\";\nimport { HomeAssistant } from \"../../../src/types\";\nimport { hassioStyle } from \"../resources/hassio-style\";\n\n@customElement(\"hassio-update\")\nexport class HassioUpdate extends LitElement {\n @property() public hass!: HomeAssistant;\n\n @property() public hassInfo: HassioHomeAssistantInfo;\n\n @property() public hassOsInfo?: HassioHassOSInfo;\n\n @property() public supervisorInfo: HassioSupervisorInfo;\n\n @property() private _error?: string;\n\n protected render(): TemplateResult {\n const updatesAvailable: number = [\n this.hassInfo,\n this.supervisorInfo,\n this.hassOsInfo,\n ].filter((value) => {\n return (\n !!value &&\n (value.version_latest\n ? value.version !== value.version_latest\n : value.version_latest\n ? value.version !== value.version_latest\n : false)\n );\n }).length;\n\n if (!updatesAvailable) {\n return html``;\n }\n\n return html`\n Add-ons
\n\n ${!this.addons\n ? html`\n \n \n `\n : this.addons\n .sort((a, b) => (a.name > b.name ? 1 : -1))\n .map(\n (addon) => html`\n \n \n `\n )}\n
\n \n You don't have any add-ons installed yet. Head over to\n the add-on store\n to get started!\n
\n \n \n
\n \n ${this._error\n ? html`
\n `;\n }\n\n private _renderUpdateCard(\n name: string,\n curVersion: string,\n lastVersion: string,\n apiPath: string,\n releaseNotesUrl: string,\n icon?: string\n ): TemplateResult {\n if (!lastVersion || lastVersion === curVersion) {\n return html``;\n }\n return html`\n Error: ${this._error}
`\n : \"\"}\n \n ${updatesAvailable > 1\n ? \"Updates Available 🎉\"\n : \"Update Available 🎉\"}\n
\n\n ${this._renderUpdateCard(\n \"Home Assistant Core\",\n this.hassInfo.version,\n this.hassInfo.version_latest,\n \"hassio/homeassistant/update\",\n `https://${\n this.hassInfo.version_latest.includes(\"b\") ? \"rc\" : \"www\"\n }.home-assistant.io/latest-release-notes/`,\n mdiHomeAssistant\n )}\n ${this._renderUpdateCard(\n \"Supervisor\",\n this.supervisorInfo.version,\n this.supervisorInfo.version_latest,\n \"hassio/supervisor/update\",\n `https://github.com//home-assistant/hassio/releases/tag/${this.supervisorInfo.version_latest}`\n )}\n ${this.hassOsInfo\n ? this._renderUpdateCard(\n \"Operating System\",\n this.hassOsInfo.version,\n this.hassOsInfo.version_latest,\n \"hassio/os/update\",\n `https://github.com//home-assistant/hassos/releases/tag/${this.hassOsInfo.version_latest}`\n )\n : \"\"}\n
\n \n ${icon\n ? html`\n
\n \n
\n `\n : \"\"}\n ${name} ${lastVersion}
\n \n You are currently running version ${curVersion}\n
\n \n \n Release notes \n \n \n Update\n \n
\n \n \n \n
\n \n `;\n }\n\n static get styles(): CSSResult[] {\n return [\n haStyle,\n css`\n .content {\n margin: 0 auto;\n }\n `,\n ];\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-dashboard\": HassioDashboard;\n }\n}\n","import \"@material/mwc-button\";\nimport \"@material/mwc-icon-button\";\nimport { mdiPackageVariant, mdiPackageVariantClosed, mdiReload } from \"@mdi/js\";\nimport \"@polymer/paper-checkbox/paper-checkbox\";\nimport type { PaperCheckboxElement } from \"@polymer/paper-checkbox/paper-checkbox\";\nimport \"@polymer/paper-input/paper-input\";\nimport type { PaperInputElement } from \"@polymer/paper-input/paper-input\";\nimport \"@polymer/paper-radio-button/paper-radio-button\";\nimport \"@polymer/paper-radio-group/paper-radio-group\";\nimport type { PaperRadioGroupElement } from \"@polymer/paper-radio-group/paper-radio-group\";\nimport {\n css,\n CSSResultArray,\n customElement,\n html,\n LitElement,\n property,\n PropertyValues,\n TemplateResult,\n} from \"lit-element\";\nimport { fireEvent } from \"../../../src/common/dom/fire_event\";\nimport \"../../../src/components/ha-card\";\nimport \"../../../src/components/ha-svg-icon\";\nimport {\n createHassioFullSnapshot,\n createHassioPartialSnapshot,\n fetchHassioSnapshots,\n HassioFullSnapshotCreateParams,\n HassioPartialSnapshotCreateParams,\n HassioSnapshot,\n reloadHassioSnapshots,\n} from \"../../../src/data/hassio/snapshot\";\nimport { HassioSupervisorInfo } from \"../../../src/data/hassio/supervisor\";\nimport \"../../../src/layouts/hass-tabs-subpage\";\nimport { PolymerChangedEvent } from \"../../../src/polymer-types\";\nimport { haStyle } from \"../../../src/resources/styles\";\nimport { HomeAssistant, Route } from \"../../../src/types\";\nimport \"../components/hassio-card-content\";\nimport { showHassioSnapshotDialog } from \"../dialogs/snapshot/show-dialog-hassio-snapshot\";\nimport { supervisorTabs } from \"../hassio-panel\";\nimport { hassioStyle } from \"../resources/hassio-style\";\n\ninterface CheckboxItem {\n slug: string;\n name: string;\n checked: boolean;\n}\n\n@customElement(\"hassio-snapshots\")\nclass HassioSnapshots extends LitElement {\n @property({ attribute: false }) public hass!: HomeAssistant;\n\n @property({ type: Boolean }) public narrow!: boolean;\n\n @property({ attribute: false }) public route!: Route;\n\n @property({ attribute: false }) public supervisorInfo!: HassioSupervisorInfo;\n\n @property() private _snapshotName = \"\";\n\n @property() private _snapshotPassword = \"\";\n\n @property() private _snapshotHasPassword = false;\n\n @property() private _snapshotType: HassioSnapshot[\"type\"] = \"full\";\n\n @property() private _snapshots?: HassioSnapshot[] = [];\n\n @property() private _addonList: CheckboxItem[] = [];\n\n @property() private _folderList: CheckboxItem[] = [\n {\n slug: \"homeassistant\",\n name: \"Home Assistant configuration\",\n checked: true,\n },\n { slug: \"ssl\", name: \"SSL\", checked: true },\n { slug: \"share\", name: \"Share\", checked: true },\n { slug: \"addons/local\", name: \"Local add-ons\", checked: true },\n ];\n\n @property() private _creatingSnapshot = false;\n\n @property() private _error = \"\";\n\n public async refreshData() {\n await reloadHassioSnapshots(this.hass);\n await this._updateSnapshots();\n }\n\n protected render(): TemplateResult {\n return html`\n \n
\n \n `;\n }\n\n protected firstUpdated(changedProps: PropertyValues) {\n super.firstUpdated(changedProps);\n this._updateSnapshots();\n }\n\n protected updated(changedProps: PropertyValues) {\n if (changedProps.has(\"supervisorInfo\")) {\n this._addonList = this.supervisorInfo.addons\n .map((addon) => ({\n slug: addon.slug,\n name: addon.name,\n checked: true,\n }))\n .sort((a, b) => (a.name < b.name ? -1 : 1));\n }\n }\n\n private _handleTextValueChanged(ev: PolymerChangedEvent\n Create snapshot\n
\n\n Snapshots allow you to easily backup and restore all data of your\n Home Assistant instance.\n
\n\n \n \n
\n\n \n \n Type:\n \n \n Full snapshot\n \n \n Partial snapshot\n \n \n ${this._snapshotType === \"full\"\n ? undefined\n : html`\n Folders:\n ${this._folderList.map(\n (folder, idx) => html`\n \n ${folder.name}\n \n `\n )}\n Add-ons:\n ${this._addonList.map(\n (addon, idx) => html`\n \n ${addon.name}\n \n `\n )}\n `}\n Security:\n \n Password protection\n \n ${this._snapshotHasPassword\n ? html`\n \n `\n : undefined}\n ${this._error !== \"\"\n ? html`
\n ${this._error}
`\n : undefined}\n\n \n Create\n \n
\n Available snapshots
\n\n ${this._snapshots === undefined\n ? undefined\n : this._snapshots.length === 0\n ? html`\n \n \n `\n : this._snapshots.map(\n (snapshot) => html`\n \n
\n \n You don't have any snapshots yet.\n
\n \n \n
\n \n `\n )}\n \n \n \n
\n \n Hardware\n \n ${this.hostInfo.features.includes(\"hostname\")\n ? html`\n \n Change hostname\n \n `\n : \"\"}\n ${this._errors\n ? html`
\n Host system
\n| Hostname | \n${this.hostInfo.hostname} | \n
| System | \n${this.hostInfo.operating_system} | \n
| Deployment | \n${this.hostInfo.deployment} | \n
Error: ${this._errors}
`\n : \"\"}\n \n ${this.hostInfo.features.includes(\"reboot\")\n ? html`\n Reboot\n `\n : \"\"}\n ${this.hostInfo.features.includes(\"shutdown\")\n ? html`\n Shutdown\n `\n : \"\"}\n ${this.hostInfo.features.includes(\"hassos\")\n ? html`\n Import from USB \n `\n : \"\"}\n ${this.hostInfo.version !== this.hostInfo.version_latest\n ? html` Update `\n : \"\"}\n
\n \n \n \n
\n ${this._errors\n ? html`
\n Supervisor
\n| Version | \n${this.supervisorInfo.version} | \n
| Latest version | \n${this.supervisorInfo.version_latest} | \n
| Channel | \n${this.supervisorInfo.channel} | \n
Error: ${this._errors}
`\n : \"\"}\n \n Reload\n ${this.supervisorInfo.version !== this.supervisorInfo.version_latest\n ? html`\n Update \n `\n : \"\"}\n ${this.supervisorInfo.channel === \"beta\"\n ? html`\n Leave beta channel \n `\n : \"\"}\n ${this.supervisorInfo.channel === \"stable\"\n ? html`\n Join beta channel \n `\n : \"\"}\n
\n \n \n Make sure you have backups of your data before you activate this\n feature.\n \n
\n This includes beta releases for:\n
\n Do you want to join the beta channel?`,\n confirmText: \"join beta\",\n dismissText: \"no\",\n });\n\n if (!confirmed) {\n return;\n }\n\n try {\n const data: SupervisorOptions = { channel: \"beta\" };\n await setSupervisorOption(this.hass, data);\n const eventdata = {\n success: true,\n response: undefined,\n path: \"option\",\n };\n fireEvent(this, \"hass-api-called\", eventdata);\n } catch (err) {\n this._errors = `Error joining beta channel, ${err.body?.message || err}`;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-supervisor-info\": HassioSupervisorInfo;\n }\n}\n","import \"@material/mwc-button\";\nimport \"@polymer/paper-dropdown-menu/paper-dropdown-menu\";\nimport \"@polymer/paper-item/paper-item\";\nimport \"@polymer/paper-listbox/paper-listbox\";\nimport {\n css,\n CSSResult,\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport \"../../../src/components/ha-card\";\nimport { fetchHassioLogs } from \"../../../src/data/hassio/supervisor\";\nimport \"../../../src/layouts/loading-screen\";\nimport { haStyle } from \"../../../src/resources/styles\";\nimport { HomeAssistant } from \"../../../src/types\";\nimport \"../components/hassio-ansi-to-html\";\nimport { hassioStyle } from \"../resources/hassio-style\";\n\ninterface LogProvider {\n key: string;\n name: string;\n}\n\nconst logProviders: LogProvider[] = [\n {\n key: \"supervisor\",\n name: \"Supervisor\",\n },\n {\n key: \"core\",\n name: \"Core\",\n },\n {\n key: \"host\",\n name: \"Host\",\n },\n {\n key: \"dns\",\n name: \"DNS\",\n },\n {\n key: \"audio\",\n name: \"Audio\",\n },\n {\n key: \"multicast\",\n name: \"Multicast\",\n },\n];\n\n@customElement(\"hassio-supervisor-log\")\nclass HassioSupervisorLog extends LitElement {\n @property({ attribute: false }) public hass!: HomeAssistant;\n\n @property() private _error?: string;\n\n @property() private _selectedLogProvider = \"supervisor\";\n\n @property() private _content?: string;\n\n public async connectedCallback(): Promise
${this._error}
` : \"\"}\n ${this.hass.userData?.showAdvanced\n ? html`\n \n ${this._content\n ? html``\n : html`
\n \n Refresh \n
\n \n
\n \n `;\n }\n\n static get styles(): CSSResult[] {\n return [\n haStyle,\n hassioStyle,\n css`\n .content {\n margin: 8px;\n color: var(--primary-text-color);\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 hassio-supervisor-log {\n width: 100%;\n }\n `,\n ];\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-system\": HassioSystem;\n }\n}\n","import { customElement, property } from \"lit-element\";\nimport { HassioHassOSInfo, HassioHostInfo } from \"../../src/data/hassio/host\";\nimport {\n HassioHomeAssistantInfo,\n HassioSupervisorInfo,\n} from \"../../src/data/hassio/supervisor\";\nimport {\n HassRouterPage,\n RouterOptions,\n} from \"../../src/layouts/hass-router-page\";\nimport { HomeAssistant, Route } from \"../../src/types\";\nimport \"./addon-store/hassio-addon-store\";\n// Don't codesplit it, that way the dashboard always loads fast.\nimport \"./dashboard/hassio-dashboard\";\n// Don't codesplit the others, because it breaks the UI when pushed to a Pi\nimport \"./snapshots/hassio-snapshots\";\nimport \"./system/hassio-system\";\n\n@customElement(\"hassio-panel-router\")\nclass HassioPanelRouter extends HassRouterPage {\n @property({ attribute: false }) public hass!: HomeAssistant;\n\n @property({ attribute: false }) public route!: Route;\n\n @property({ type: Boolean }) public narrow!: boolean;\n\n @property({ attribute: false }) public supervisorInfo: HassioSupervisorInfo;\n\n @property({ attribute: false }) public hostInfo: HassioHostInfo;\n\n @property({ attribute: false }) public hassInfo: HassioHomeAssistantInfo;\n\n @property({ attribute: false }) public hassOsInfo!: HassioHassOSInfo;\n\n protected routerOptions: RouterOptions = {\n routes: {\n dashboard: {\n tag: \"hassio-dashboard\",\n },\n store: {\n tag: \"hassio-addon-store\",\n },\n snapshots: {\n tag: \"hassio-snapshots\",\n },\n system: {\n tag: \"hassio-system\",\n },\n },\n };\n\n protected updatePageEl(el) {\n el.hass = this.hass;\n el.route = this.route;\n el.narrow = this.narrow;\n el.supervisorInfo = this.supervisorInfo;\n el.hostInfo = this.hostInfo;\n el.hassInfo = this.hassInfo;\n el.hassOsInfo = this.hassOsInfo;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-panel-router\": HassioPanelRouter;\n }\n}\n","import { mdiBackupRestore, mdiCogs, mdiStore, mdiViewDashboard } from \"@mdi/js\";\nimport {\n customElement,\n html,\n LitElement,\n property,\n TemplateResult,\n} from \"lit-element\";\nimport { HassioHassOSInfo, HassioHostInfo } from \"../../src/data/hassio/host\";\nimport {\n HassioHomeAssistantInfo,\n HassioSupervisorInfo,\n} from \"../../src/data/hassio/supervisor\";\nimport type { PageNavigation } from \"../../src/layouts/hass-tabs-subpage\";\nimport \"../../src/resources/ha-style\";\nimport { HomeAssistant, Route } from \"../../src/types\";\nimport \"./hassio-panel-router\";\n\nexport const supervisorTabs: PageNavigation[] = [\n {\n name: \"Dashboard\",\n path: `/hassio/dashboard`,\n iconPath: mdiViewDashboard,\n },\n {\n name: \"Add-on store\",\n path: `/hassio/store`,\n iconPath: mdiStore,\n },\n {\n name: \"Snapshots\",\n path: `/hassio/snapshots`,\n iconPath: mdiBackupRestore,\n },\n {\n name: \"System\",\n path: `/hassio/system`,\n iconPath: mdiCogs,\n },\n];\n\n@customElement(\"hassio-panel\")\nclass HassioPanel extends LitElement {\n @property({ attribute: false }) public hass!: HomeAssistant;\n\n @property({ type: Boolean }) public narrow!: boolean;\n\n @property({ attribute: false }) public route!: Route;\n\n @property({ attribute: false }) public supervisorInfo!: HassioSupervisorInfo;\n\n @property({ attribute: false }) public hostInfo!: HassioHostInfo;\n\n @property({ attribute: false }) public hassInfo!: HassioHomeAssistantInfo;\n\n @property({ attribute: false }) public hassOsInfo!: HassioHassOSInfo;\n\n protected render(): TemplateResult {\n return html`\n Information
\n\n \n \n
\n System log
\n\n
\n `;\n }\n\n private _tabTapped(ev: MouseEvent): void {\n navigate(this, (ev.currentTarget as any).path, true);\n }\n\n private _backTapped(): void {\n if (this.backPath) {\n navigate(this, this.backPath);\n return;\n }\n if (this.backCallback) {\n this.backCallback();\n return;\n }\n history.back();\n }\n\n static get styles(): CSSResult {\n return css`\n :host {\n display: block;\n height: 100%;\n background-color: var(--primary-background-color);\n }\n\n ha-menu-button {\n margin-right: 24px;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n font-size: 20px;\n height: 65px;\n background-color: var(--sidebar-background-color);\n font-weight: 400;\n color: var(--sidebar-text-color);\n border-bottom: 1px solid var(--divider-color);\n padding: 0 16px;\n box-sizing: border-box;\n }\n\n #tabbar {\n display: flex;\n font-size: 14px;\n }\n\n #tabbar.bottom-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n padding: 0 16px;\n box-sizing: border-box;\n background-color: var(--sidebar-background-color);\n border-top: 1px solid var(--divider-color);\n justify-content: space-between;\n z-index: 1;\n font-size: 12px;\n width: 100%;\n }\n\n #tabbar:not(.bottom-bar) {\n flex: 1;\n justify-content: center;\n }\n\n .tab {\n padding: 0 32px;\n display: flex;\n flex-direction: column;\n text-align: center;\n align-items: center;\n justify-content: center;\n height: 64px;\n cursor: pointer;\n }\n\n .name {\n white-space: nowrap;\n }\n\n .tab.active {\n color: var(--primary-color);\n }\n\n #tabbar:not(.bottom-bar) .tab.active {\n border-bottom: 2px solid var(--primary-color);\n }\n\n .bottom-bar .tab {\n padding: 0 16px;\n width: 20%;\n min-width: 0;\n }\n\n :host(:not([narrow])) #toolbar-icon {\n min-width: 40px;\n }\n\n ha-menu-button,\n ha-icon-button-arrow-prev,\n ::slotted([slot=\"toolbar-icon\"]) {\n flex-shrink: 0;\n pointer-events: auto;\n color: var(--sidebar-icon-color);\n }\n\n .main-title {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n max-height: 40px;\n line-height: 20px;\n }\n\n .content {\n position: relative;\n width: 100%;\n height: calc(100% - 65px);\n overflow-y: auto;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n :host([narrow]) .content {\n height: calc(100% - 128px);\n }\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hass-tabs-subpage\": HassTabsSubpage;\n }\n}\n","import { HomeAssistant } from \"../../types\";\n\n/** Return if a component is loaded. */\nexport const isComponentLoaded = (\n hass: HomeAssistant,\n component: string\n): boolean => hass && hass.config.components.indexOf(component) !== -1;\n","import { html, LitElement } from \"lit-element\";\nimport { fireEvent } from \"../../common/dom/fire_event\";\nimport \"./ha-progress-button\";\n\nclass HaCallApiButton extends LitElement {\n render() {\n return html`\n \n ![](\"${this.iconImage}\" "\\"${this.iconTitle}\\"")
\n \n
\n `\n : html`\n \n
\n `;\n }\n\n static get styles(): CSSResult {\n return css`\n ha-svg-icon {\n margin-right: 24px;\n margin-left: 8px;\n margin-top: 12px;\n float: left;\n color: var(--secondary-text-color);\n }\n ha-svg-icon.update {\n color: var(--paper-orange-400);\n }\n ha-svg-icon.running,\n ha-svg-icon.installed {\n color: var(--paper-green-400);\n }\n ha-svg-icon.hassupdate,\n ha-svg-icon.snapshot {\n color: var(--paper-item-icon-color);\n }\n ha-svg-icon.not_available {\n color: var(--google-red-500);\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 .icon_image img {\n max-height: 40px;\n max-width: 40px;\n margin-top: 4px;\n margin-right: 16px;\n float: left;\n }\n .icon_image.stopped,\n .icon_image.not_available {\n filter: grayscale(1);\n }\n .dot {\n position: absolute;\n background-color: var(--paper-orange-400);\n width: 12px;\n height: 12px;\n top: 8px;\n right: 8px;\n border-radius: 50%;\n }\n .topbar {\n position: absolute;\n width: 100%;\n height: 2px;\n top: 0;\n left: 0;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n }\n .topbar.installed {\n background-color: var(--primary-color);\n }\n .topbar.update {\n background-color: var(--accent-color);\n }\n .topbar.unavailable {\n background-color: var(--error-color);\n }\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"hassio-card-content\": HassioCardContent;\n }\n}\n","import \"@material/mwc-icon-button\";\nimport {\n customElement,\n html,\n TemplateResult,\n property,\n LitElement,\n CSSResult,\n css,\n} from \"lit-element\";\nimport \"./ha-icon\";\n\n@customElement(\"ha-icon-button\")\nexport class HaIconButton extends LitElement {\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n @property({ type: String }) icon = \"\";\n\n @property({ type: String }) label = \"\";\n\n protected createRenderRoot() {\n return this.attachShadow({ mode: \"open\", delegatesFocus: true });\n }\n\n protected render(): TemplateResult {\n return html`\n \n ${this.title}\n
\n \n ${this.description}\n ${/* treat as available when undefined */\n this.available === false ? \" (Not available)\" : \"\"}\n ${this.datetime\n ? html`\n \n `\n : undefined}\n
\n ',"
"]);return m=function(){return t},t}function v(){var t=b([""]);return v=function(){return t},t}function b(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}function _(t){if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(t=function(t,e){if(!t)return;if("string"==typeof t)return g(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return g(t,e)}(t))){var e=0,n=function(){};return{s:n,n:function(){return e>=t.length?{done:!0}:{done:!1,value:t[e++]}},e:function(t){throw t},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,i,o=!0,a=!1;return{s:function(){r=t[Symbol.iterator]()},n:function(){var t=r.next();return o=t.done,t},e:function(t){a=!0,i=t},f:function(){try{o||null==r.return||r.return()}finally{if(a)throw i}}}}function g(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n Employee list:
\n * First name: {{item.first}}
\n * Last name: {{item.last}}
\n * \n * Employee list:
\n * First name: {{item.first}}
\n * Last name: {{item.last}}
\n * \n * \n * Selected employees:
\n * First name: {{item.first}}
\n * Last name: {{item.last}}
\n * \n * (prop: P, _obj: unknown): P => prop;\n\ndeclare global {\n var JSCompiler_renameProperty:
(\n prop: P, _obj: unknown) => P;\n\n interface Window {\n JSCompiler_renameProperty: typeof JSCompiler_renameProperty;\n }\n}\n\n/**\n * Converts property values to and from attribute values.\n */\nexport interface ComplexAttributeConverter\n * \n * \n * `;\n * }\n *\n * @eventOptions({capture: true})\n * _onClick(e) {\n * this.clicked = true;\n * }\n * }\n */\nexport function eventOptions(options: AddEventListenerOptions) {\n // Return value typed as any to prevent TypeScript from complaining that\n // standard decorator function signature does not match TypeScript decorator\n // signature\n // TODO(kschaaf): unclear why it was only failing on this decorator and not\n // the others\n return ((protoOrDescriptor: Object|ClassElement, name?: string) =>\n (name !== undefined) ?\n legacyEventOptions(options, protoOrDescriptor as Object, name) :\n standardEventOptions(\n options, protoOrDescriptor as ClassElement)) as\n // tslint:disable-next-line:no-any decorator\n any;\n}\n\n/**\n * A property decorator that converts a class property into a getter that\n * returns the `assignedNodes` of the given named `slot`. Note, the type of\n * this property should be annotated as `NodeListOf${this.partialTemplate}\n * ${super.template}\n * `;\n * }\n * static get partialTemplate() { return html`Partial!`; }\n *\n * @param {!ITemplateArray} strings Constant parts of tagged template literal\n * @param {...*} values Variable parts of tagged template literal\n * @return {!HTMLTemplateElement} Constructed HTMLTemplateElement\n */\nexport const html = function html(strings, ...values) {\n const template = /** @type {!HTMLTemplateElement} */(document.createElement('template'));\n template.innerHTML = values.reduce((acc, v, idx) =>\n acc + htmlValue(v) + strings[idx + 1], strings[0]);\n return template;\n};\n\n/**\n * An html literal tag that can be used with `html` to compose.\n * a literal string.\n *\n * Example:\n *\n * static get template() {\n * return html`\n * \n * ${staticValue}\n * ${super.template}\n * `;\n * }\n * static get styleTemplate() {\n * return htmlLiteral`.shadowed { background: gray; }`;\n * }\n *\n * @param {!ITemplateArray} strings Constant parts of tagged template literal\n * @param {...*} values Variable parts of tagged template literal\n * @return {!LiteralString} Constructed literal string\n */\nexport const htmlLiteral = function(strings, ...values) {\n return new LiteralString(values.reduce((acc, v, idx) =>\n acc + literalValue(v) + strings[idx + 1], strings[0]));\n};\n","/**\n@license\nCopyright (c) 2017 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\nimport { Class } from './class.js';\n\nimport '../utils/boot.js';\n\n/**\n * Legacy class factory and registration helper for defining Polymer\n * elements.\n *\n * This method is equivalent to\n *\n * import {Class} from '@polymer/polymer/lib/legacy/class.js';\n * customElements.define(info.is, Class(info));\n *\n * See `Class` for details on valid legacy metadata format for `info`.\n *\n * @global\n * @override\n * @function\n * @param {!PolymerInit} info Object containing Polymer metadata and functions\n * to become class methods.\n * @return {function(new: HTMLElement)} Generated class\n * @suppress {duplicate, invalidCasts, checkTypes}\n */\nconst Polymer = function(info) {\n // if input is a `class` (aka a function with a prototype), use the prototype\n // remember that the `constructor` will never be called\n let klass;\n if (typeof info === 'function') {\n klass = info;\n } else {\n klass = Polymer.Class(info);\n }\n customElements.define(klass.is, /** @type {!HTMLElement} */(klass));\n return klass;\n};\n\nPolymer.Class = Class;\n\nexport { Polymer };","/**\n@license\nCopyright (c) 2017 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\nimport './boot.js';\n\nimport { calculateSplices } from './array-splice.js';\nimport { microTask } from './async.js';\n\n/**\n * Returns true if `node` is a slot element\n * @param {!Node} node Node to test.\n * @return {boolean} Returns true if the given `node` is a slot\n * @private\n */\nfunction isSlot(node) {\n return (node.localName === 'slot');\n}\n\n/**\n * Class that listens for changes (additions or removals) to\n * \"flattened nodes\" on a given `node`. The list of flattened nodes consists\n * of a node's children and, for any children that are `` assigned to it, then the flattened\n * nodes list is ``. If the `` assigned to it, then the flattened\n * nodes list is ``. If the `\n'],['\n \n\n \x3c!-- the mirror sizes the input/textarea so it grows with typing --\x3e\n \x3c!-- use instead of to allow this element to be used in XHTML --\x3e\n \n\n \x3c!-- size the input/textarea with a div, because the textarea has intrinsic size in ff --\x3e\n \n \n `;\n document.body.appendChild(template.content);\n ```\n\n2. [Custom CSS\nmixins](https://github.com/PolymerElements/iron-flex-layout/blob/master/iron-flex-layout.html).\nThe mixin stylesheet includes custom CSS mixins that can be applied inside a CSS\nrule using the `@apply` function.\n\nPlease note that the old [/deep/ layout\nclasses](https://github.com/PolymerElements/iron-flex-layout/tree/master/classes)\nare deprecated, and should not be used. To continue using layout properties\ndirectly in markup, please switch to using the new `dom-module`-based\n[layout\nclasses](https://github.com/PolymerElements/iron-flex-layout/tree/master/iron-flex-layout-classes.html).\nPlease note that the new version does not use `/deep/`, and therefore requires\nyou to import the `dom-modules` in every element that needs to use them.\n\n@group Iron Elements\n@pseudoElement iron-flex-layout\n@demo demo/index.html\n*/\nconst template = html`\nhorizontal layout center alignment\n \n \n`;\ntemplate.setAttribute('strip-whitespace', '');\n\n/**\nMaterial design: [Progress &\nactivity](https://www.google.com/design/spec/components/progress-activity.html)\n\nElement providing a single color material design circular spinner.\n\n \n \n \n \n \n \n \n \n [[_text]]\n`,\n\n is: 'iron-a11y-announcer',\n\n properties: {\n\n /**\n * The value of mode is used to set the `aria-live` attribute\n * for the element that will be announced. Valid values are: `off`,\n * `polite` and `assertive`.\n */\n mode: {type: String, value: 'polite'},\n\n _text: {type: String, value: ''}\n },\n\n created: function() {\n if (!IronA11yAnnouncer.instance) {\n IronA11yAnnouncer.instance = this;\n }\n\n document.body.addEventListener(\n 'iron-announce', this._onIronAnnounce.bind(this));\n },\n\n /**\n * Cause a text string to be announced by screen readers.\n *\n * @param {string} text The text that should be announced.\n */\n announce: function(text) {\n this._text = '';\n this.async(function() {\n this._text = text;\n }, 100);\n },\n\n _onIronAnnounce: function(event) {\n if (event.detail && event.detail.text) {\n this.announce(event.detail.text);\n }\n }\n});\n\nIronA11yAnnouncer.instance = null;\n\nIronA11yAnnouncer.requestAvailability = function() {\n if (!IronA11yAnnouncer.instance) {\n IronA11yAnnouncer.instance = document.createElement('iron-a11y-announcer');\n }\n\n document.body.appendChild(IronA11yAnnouncer.instance);\n};\n","/**\n@license\nCopyright (c) 2015 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at\nhttp://polymer.github.io/LICENSE.txt The complete set of authors may be found at\nhttp://polymer.github.io/AUTHORS.txt The complete set of contributors may be\nfound at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as\npart of the polymer project is also subject to an additional IP rights grant\nfound at http://polymer.github.io/PATENTS.txt\n*/\nimport '@polymer/polymer/polymer-legacy.js';\n\nimport {IronA11yAnnouncer} from '@polymer/iron-a11y-announcer/iron-a11y-announcer.js';\nimport {IronValidatableBehavior} from '@polymer/iron-validatable-behavior/iron-validatable-behavior.js';\nimport {Polymer} from '@polymer/polymer/lib/legacy/polymer-fn.js';\nimport {dom} from '@polymer/polymer/lib/legacy/polymer.dom.js';\nimport {html} from '@polymer/polymer/lib/utils/html-tag.js';\n\n/**\n`\n \n \n']);return u=function(){return t},t}Object(o.a)({_template:Object(s.a)(u()),is:"iron-autogrow-textarea",behaviors:[r.a,i.a],properties:{value:{observer:"_valueChanged",type:String,notify:!0},bindValue:{observer:"_bindValueChanged",type:String,notify:!0},rows:{type:Number,value:1,observer:"_updateCached"},maxRows:{type:Number,value:0,observer:"_updateCached"},autocomplete:{type:String,value:"off"},autofocus:{type:Boolean,value:!1},inputmode:{type:String},placeholder:{type:String},readonly:{type:String},required:{type:Boolean},minlength:{type:Number},maxlength:{type:Number},label:{type:String}},listeners:{input:"_onInput"},get textarea(){return this.$.textarea},get selectionStart(){return this.$.textarea.selectionStart},get selectionEnd(){return this.$.textarea.selectionEnd},set selectionStart(t){this.$.textarea.selectionStart=t},set selectionEnd(t){this.$.textarea.selectionEnd=t},attached:function(){navigator.userAgent.match(/iP(?:[oa]d|hone)/)&&(this.$.textarea.style.marginLeft="-3px")},validate:function(){var t=this.$.textarea.validity.valid;return t&&(this.required&&""===this.value?t=!1:this.hasValidator()&&(t=r.a.validate.call(this,this.value))),this.invalid=!t,this.fire("iron-input-validate"),t},_bindValueChanged:function(t){this.value=t},_valueChanged:function(t){var e=this.textarea;e&&(e.value!==t&&(e.value=t||0===t?t:""),this.bindValue=t,this.$.mirror.innerHTML=this._valueForMirror(),this.fire("bind-value-changed",{value:this.bindValue}))},_onInput:function(t){var e=Object(a.a)(t).path;this.value=e?e[0].value:t.target.value},_constrain:function(t){var e;for(t=t||[""],e=this.maxRows>0&&t.length>this.maxRows?t.slice(0,this.maxRows):t.slice(0);this.rows>0&&e.length\n \n']);return a=function(){return t},t}Object(i.a)({_template:Object(o.a)(a()),is:"paper-tooltip",hostAttributes:{role:"tooltip",tabindex:-1},properties:{for:{type:String,observer:"_findTarget"},manualMode:{type:Boolean,value:!1,observer:"_manualModeChanged"},position:{type:String,value:"bottom"},fitToVisibleBounds:{type:Boolean,value:!1},offset:{type:Number,value:14},marginTop:{type:Number,value:14},animationDelay:{type:Number,value:500,observer:"_delayChange"},animationEntry:{type:String,value:""},animationExit:{type:String,value:""},animationConfig:{type:Object,value:function(){return{entry:[{name:"fade-in-animation",node:this,timing:{delay:0}}],exit:[{name:"fade-out-animation",node:this}]}}},_showing:{type:Boolean,value:!1}},listeners:{webkitAnimationEnd:"_onAnimationEnd"},get target(){var t=Object(r.a)(this).parentNode,e=Object(r.a)(this).getOwnerRoot();return this.for?Object(r.a)(e).querySelector("#"+this.for):t.nodeType==Node.DOCUMENT_FRAGMENT_NODE?e.host:t},attached:function(){this._findTarget()},detached:function(){this.manualMode||this._removeListeners()},playAnimation:function(t){"entry"===t?this.show():"exit"===t&&this.hide()},cancelAnimation:function(){this.$.tooltip.classList.add("cancel-animation")},show:function(){if(!this._showing){if(""===Object(r.a)(this).textContent.trim()){for(var t=!0,e=Object(r.a)(this).getEffectiveChildNodes(),n=0;n \n\n \n \n \n \n`,\n\n is: 'iron-autogrow-textarea',\n behaviors: [IronValidatableBehavior, IronControlState],\n\n properties: {\n /**\n * Use this property instead of `bind-value` for two-way data binding.\n * @type {string|number}\n */\n value: {observer: '_valueChanged', type: String, notify: true},\n\n /**\n * This property is deprecated, and just mirrors `value`. Use `value`\n * instead.\n * @type {string|number}\n */\n bindValue: {observer: '_bindValueChanged', type: String, notify: true},\n\n /**\n * The initial number of rows.\n *\n * @attribute rows\n * @type number\n * @default 1\n */\n rows: {type: Number, value: 1, observer: '_updateCached'},\n\n /**\n * The maximum number of rows this element can grow to until it\n * scrolls. 0 means no maximum.\n *\n * @attribute maxRows\n * @type number\n * @default 0\n */\n maxRows: {type: Number, value: 0, observer: '_updateCached'},\n\n /**\n * Bound to the textarea's `autocomplete` attribute.\n */\n autocomplete: {type: String, value: 'off'},\n\n /**\n * Bound to the textarea's `autofocus` attribute.\n */\n autofocus: {type: Boolean, value: false},\n\n /**\n * Bound to the textarea's `inputmode` attribute.\n */\n inputmode: {type: String},\n\n /**\n * Bound to the textarea's `placeholder` attribute.\n */\n placeholder: {type: String},\n\n /**\n * Bound to the textarea's `readonly` attribute.\n */\n readonly: {type: String},\n\n /**\n * Set to true to mark the textarea as required.\n */\n required: {type: Boolean},\n\n /**\n * The minimum length of the input value.\n */\n minlength: {type: Number},\n\n /**\n * The maximum length of the input value.\n */\n maxlength: {type: Number},\n\n /**\n * Bound to the textarea's `aria-label` attribute.\n */\n label: {type: String}\n\n },\n\n listeners: {'input': '_onInput'},\n\n /**\n * Returns the underlying textarea.\n * @return {!HTMLTextAreaElement}\n */\n get textarea() {\n return this.$.textarea;\n },\n\n /**\n * Returns textarea's selection start.\n * @return {number}\n */\n get selectionStart() {\n return this.$.textarea.selectionStart;\n },\n\n /**\n * Returns textarea's selection end.\n * @return {number}\n */\n get selectionEnd() {\n return this.$.textarea.selectionEnd;\n },\n\n /**\n * Sets the textarea's selection start.\n */\n set selectionStart(value) {\n this.$.textarea.selectionStart = value;\n },\n\n /**\n * Sets the textarea's selection end.\n */\n set selectionEnd(value) {\n this.$.textarea.selectionEnd = value;\n },\n\n attached: function() {\n /* iOS has an arbitrary left margin of 3px that isn't present\n * in any other browser, and means that the paper-textarea's cursor\n * overlaps the label.\n * See https://github.com/PolymerElements/paper-input/issues/468.\n */\n var IS_IOS = navigator.userAgent.match(/iP(?:[oa]d|hone)/);\n if (IS_IOS) {\n this.$.textarea.style.marginLeft = '-3px';\n }\n },\n\n /**\n * Returns true if `value` is valid. The validator provided in `validator`\n * will be used first, if it exists; otherwise, the `textarea`'s validity\n * is used.\n * @return {boolean} True if the value is valid.\n */\n validate: function() {\n // Use the nested input's native validity.\n var valid = this.$.textarea.validity.valid;\n\n // Only do extra checking if the browser thought this was valid.\n if (valid) {\n // Empty, required input is invalid\n if (this.required && this.value === '') {\n valid = false;\n } else if (this.hasValidator()) {\n valid = IronValidatableBehavior.validate.call(this, this.value);\n }\n }\n\n this.invalid = !valid;\n this.fire('iron-input-validate');\n return valid;\n },\n\n _bindValueChanged: function(bindValue) {\n this.value = bindValue;\n },\n\n _valueChanged: function(value) {\n var textarea = this.textarea;\n if (!textarea) {\n return;\n }\n\n // If the bindValue changed manually, then we need to also update\n // the underlying textarea's value. Otherwise this change was probably\n // generated from the _onInput handler, and the two values are already\n // the same.\n if (textarea.value !== value) {\n textarea.value = !(value || value === 0) ? '' : value;\n }\n\n this.bindValue = value;\n this.$.mirror.innerHTML = this._valueForMirror();\n\n // Manually notify because we don't want to notify until after setting\n // value.\n this.fire('bind-value-changed', {value: this.bindValue});\n },\n\n _onInput: function(event) {\n var eventPath = dom(event).path;\n this.value = eventPath ? eventPath[0].value : event.target.value;\n },\n\n _constrain: function(tokens) {\n var _tokens;\n tokens = tokens || [''];\n // Enforce the min and max heights for a multiline input to avoid\n // measurement\n if (this.maxRows > 0 && tokens.length > this.maxRows) {\n _tokens = tokens.slice(0, this.maxRows);\n } else {\n _tokens = tokens.slice(0);\n }\n while (this.rows > 0 && _tokens.length < this.rows) {\n _tokens.push('');\n }\n // Use instead of to allow this element to be used in XHTML.\n return _tokens.join('
') + ' ';\n },\n\n _valueForMirror: function() {\n var input = this.textarea;\n if (!input) {\n return;\n }\n this.tokens = (input && input.value) ? input.value.replace(/&/gm, '&')\n .replace(/\"/gm, '"')\n .replace(/'/gm, ''')\n .replace(//gm, '>')\n .split('\\n') :\n [''];\n return this._constrain(this.tokens);\n },\n\n _updateCached: function() {\n this.$.mirror.innerHTML = this._constrain(this.tokens);\n }\n});\n","'use strict';\n\n\nvar yaml = require('./lib/js-yaml.js');\n\n\nmodule.exports = yaml;\n","'use strict';\n\n\nvar loader = require('./js-yaml/loader');\nvar dumper = require('./js-yaml/dumper');\n\n\nfunction deprecated(name) {\n return function () {\n throw new Error('Function ' + name + ' is deprecated and cannot be used.');\n };\n}\n\n\nmodule.exports.Type = require('./js-yaml/type');\nmodule.exports.Schema = require('./js-yaml/schema');\nmodule.exports.FAILSAFE_SCHEMA = require('./js-yaml/schema/failsafe');\nmodule.exports.JSON_SCHEMA = require('./js-yaml/schema/json');\nmodule.exports.CORE_SCHEMA = require('./js-yaml/schema/core');\nmodule.exports.DEFAULT_SAFE_SCHEMA = require('./js-yaml/schema/default_safe');\nmodule.exports.DEFAULT_FULL_SCHEMA = require('./js-yaml/schema/default_full');\nmodule.exports.load = loader.load;\nmodule.exports.loadAll = loader.loadAll;\nmodule.exports.safeLoad = loader.safeLoad;\nmodule.exports.safeLoadAll = loader.safeLoadAll;\nmodule.exports.dump = dumper.dump;\nmodule.exports.safeDump = dumper.safeDump;\nmodule.exports.YAMLException = require('./js-yaml/exception');\n\n// Deprecated schema names from JS-YAML 2.0.x\nmodule.exports.MINIMAL_SCHEMA = require('./js-yaml/schema/failsafe');\nmodule.exports.SAFE_SCHEMA = require('./js-yaml/schema/default_safe');\nmodule.exports.DEFAULT_SCHEMA = require('./js-yaml/schema/default_full');\n\n// Deprecated functions from JS-YAML 1.x.x\nmodule.exports.scan = deprecated('scan');\nmodule.exports.parse = deprecated('parse');\nmodule.exports.compose = deprecated('compose');\nmodule.exports.addConstructor = deprecated('addConstructor');\n","'use strict';\n\n/*eslint-disable max-len,no-use-before-define*/\n\nvar common = require('./common');\nvar YAMLException = require('./exception');\nvar Mark = require('./mark');\nvar DEFAULT_SAFE_SCHEMA = require('./schema/default_safe');\nvar DEFAULT_FULL_SCHEMA = require('./schema/default_full');\n\n\nvar _hasOwnProperty = Object.prototype.hasOwnProperty;\n\n\nvar CONTEXT_FLOW_IN = 1;\nvar CONTEXT_FLOW_OUT = 2;\nvar CONTEXT_BLOCK_IN = 3;\nvar CONTEXT_BLOCK_OUT = 4;\n\n\nvar CHOMPING_CLIP = 1;\nvar CHOMPING_STRIP = 2;\nvar CHOMPING_KEEP = 3;\n\n\nvar PATTERN_NON_PRINTABLE = /[\\x00-\\x08\\x0B\\x0C\\x0E-\\x1F\\x7F-\\x84\\x86-\\x9F\\uFFFE\\uFFFF]|[\\uD800-\\uDBFF](?![\\uDC00-\\uDFFF])|(?:[^\\uD800-\\uDBFF]|^)[\\uDC00-\\uDFFF]/;\nvar PATTERN_NON_ASCII_LINE_BREAKS = /[\\x85\\u2028\\u2029]/;\nvar PATTERN_FLOW_INDICATORS = /[,\\[\\]\\{\\}]/;\nvar PATTERN_TAG_HANDLE = /^(?:!|!!|![a-z\\-]+!)$/i;\nvar PATTERN_TAG_URI = /^(?:!|[^,\\[\\]\\{\\}])(?:%[0-9a-f]{2}|[0-9a-z\\-#;\\/\\?:@&=\\+\\$,_\\.!~\\*'\\(\\)\\[\\]])*$/i;\n\n\nfunction _class(obj) { return Object.prototype.toString.call(obj); }\n\nfunction is_EOL(c) {\n return (c === 0x0A/* LF */) || (c === 0x0D/* CR */);\n}\n\nfunction is_WHITE_SPACE(c) {\n return (c === 0x09/* Tab */) || (c === 0x20/* Space */);\n}\n\nfunction is_WS_OR_EOL(c) {\n return (c === 0x09/* Tab */) ||\n (c === 0x20/* Space */) ||\n (c === 0x0A/* LF */) ||\n (c === 0x0D/* CR */);\n}\n\nfunction is_FLOW_INDICATOR(c) {\n return c === 0x2C/* , */ ||\n c === 0x5B/* [ */ ||\n c === 0x5D/* ] */ ||\n c === 0x7B/* { */ ||\n c === 0x7D/* } */;\n}\n\nfunction fromHexCode(c) {\n var lc;\n\n if ((0x30/* 0 */ <= c) && (c <= 0x39/* 9 */)) {\n return c - 0x30;\n }\n\n /*eslint-disable no-bitwise*/\n lc = c | 0x20;\n\n if ((0x61/* a */ <= lc) && (lc <= 0x66/* f */)) {\n return lc - 0x61 + 10;\n }\n\n return -1;\n}\n\nfunction escapedHexLen(c) {\n if (c === 0x78/* x */) { return 2; }\n if (c === 0x75/* u */) { return 4; }\n if (c === 0x55/* U */) { return 8; }\n return 0;\n}\n\nfunction fromDecimalCode(c) {\n if ((0x30/* 0 */ <= c) && (c <= 0x39/* 9 */)) {\n return c - 0x30;\n }\n\n return -1;\n}\n\nfunction simpleEscapeSequence(c) {\n /* eslint-disable indent */\n return (c === 0x30/* 0 */) ? '\\x00' :\n (c === 0x61/* a */) ? '\\x07' :\n (c === 0x62/* b */) ? '\\x08' :\n (c === 0x74/* t */) ? '\\x09' :\n (c === 0x09/* Tab */) ? '\\x09' :\n (c === 0x6E/* n */) ? '\\x0A' :\n (c === 0x76/* v */) ? '\\x0B' :\n (c === 0x66/* f */) ? '\\x0C' :\n (c === 0x72/* r */) ? '\\x0D' :\n (c === 0x65/* e */) ? '\\x1B' :\n (c === 0x20/* Space */) ? ' ' :\n (c === 0x22/* \" */) ? '\\x22' :\n (c === 0x2F/* / */) ? '/' :\n (c === 0x5C/* \\ */) ? '\\x5C' :\n (c === 0x4E/* N */) ? '\\x85' :\n (c === 0x5F/* _ */) ? '\\xA0' :\n (c === 0x4C/* L */) ? '\\u2028' :\n (c === 0x50/* P */) ? '\\u2029' : '';\n}\n\nfunction charFromCodepoint(c) {\n if (c <= 0xFFFF) {\n return String.fromCharCode(c);\n }\n // Encode UTF-16 surrogate pair\n // https://en.wikipedia.org/wiki/UTF-16#Code_points_U.2B010000_to_U.2B10FFFF\n return String.fromCharCode(\n ((c - 0x010000) >> 10) + 0xD800,\n ((c - 0x010000) & 0x03FF) + 0xDC00\n );\n}\n\nvar simpleEscapeCheck = new Array(256); // integer, for fast access\nvar simpleEscapeMap = new Array(256);\nfor (var i = 0; i < 256; i++) {\n simpleEscapeCheck[i] = simpleEscapeSequence(i) ? 1 : 0;\n simpleEscapeMap[i] = simpleEscapeSequence(i);\n}\n\n\nfunction State(input, options) {\n this.input = input;\n\n this.filename = options['filename'] || null;\n this.schema = options['schema'] || DEFAULT_FULL_SCHEMA;\n this.onWarning = options['onWarning'] || null;\n this.legacy = options['legacy'] || false;\n this.json = options['json'] || false;\n this.listener = options['listener'] || null;\n\n this.implicitTypes = this.schema.compiledImplicit;\n this.typeMap = this.schema.compiledTypeMap;\n\n this.length = input.length;\n this.position = 0;\n this.line = 0;\n this.lineStart = 0;\n this.lineIndent = 0;\n\n this.documents = [];\n\n /*\n this.version;\n this.checkLineBreaks;\n this.tagMap;\n this.anchorMap;\n this.tag;\n this.anchor;\n this.kind;\n this.result;*/\n\n}\n\n\nfunction generateError(state, message) {\n return new YAMLException(\n message,\n new Mark(state.filename, state.input, state.position, state.line, (state.position - state.lineStart)));\n}\n\nfunction throwError(state, message) {\n throw generateError(state, message);\n}\n\nfunction throwWarning(state, message) {\n if (state.onWarning) {\n state.onWarning.call(null, generateError(state, message));\n }\n}\n\n\nvar directiveHandlers = {\n\n YAML: function handleYamlDirective(state, name, args) {\n\n var match, major, minor;\n\n if (state.version !== null) {\n throwError(state, 'duplication of %YAML directive');\n }\n\n if (args.length !== 1) {\n throwError(state, 'YAML directive accepts exactly one argument');\n }\n\n match = /^([0-9]+)\\.([0-9]+)$/.exec(args[0]);\n\n if (match === null) {\n throwError(state, 'ill-formed argument of the YAML directive');\n }\n\n major = parseInt(match[1], 10);\n minor = parseInt(match[2], 10);\n\n if (major !== 1) {\n throwError(state, 'unacceptable YAML version of the document');\n }\n\n state.version = args[0];\n state.checkLineBreaks = (minor < 2);\n\n if (minor !== 1 && minor !== 2) {\n throwWarning(state, 'unsupported YAML version of the document');\n }\n },\n\n TAG: function handleTagDirective(state, name, args) {\n\n var handle, prefix;\n\n if (args.length !== 2) {\n throwError(state, 'TAG directive accepts exactly two arguments');\n }\n\n handle = args[0];\n prefix = args[1];\n\n if (!PATTERN_TAG_HANDLE.test(handle)) {\n throwError(state, 'ill-formed tag handle (first argument) of the TAG directive');\n }\n\n if (_hasOwnProperty.call(state.tagMap, handle)) {\n throwError(state, 'there is a previously declared suffix for \"' + handle + '\" tag handle');\n }\n\n if (!PATTERN_TAG_URI.test(prefix)) {\n throwError(state, 'ill-formed tag prefix (second argument) of the TAG directive');\n }\n\n state.tagMap[handle] = prefix;\n }\n};\n\n\nfunction captureSegment(state, start, end, checkJson) {\n var _position, _length, _character, _result;\n\n if (start < end) {\n _result = state.input.slice(start, end);\n\n if (checkJson) {\n for (_position = 0, _length = _result.length; _position < _length; _position += 1) {\n _character = _result.charCodeAt(_position);\n if (!(_character === 0x09 ||\n (0x20 <= _character && _character <= 0x10FFFF))) {\n throwError(state, 'expected valid JSON character');\n }\n }\n } else if (PATTERN_NON_PRINTABLE.test(_result)) {\n throwError(state, 'the stream contains non-printable characters');\n }\n\n state.result += _result;\n }\n}\n\nfunction mergeMappings(state, destination, source, overridableKeys) {\n var sourceKeys, key, index, quantity;\n\n if (!common.isObject(source)) {\n throwError(state, 'cannot merge mappings; the provided source object is unacceptable');\n }\n\n sourceKeys = Object.keys(source);\n\n for (index = 0, quantity = sourceKeys.length; index < quantity; index += 1) {\n key = sourceKeys[index];\n\n if (!_hasOwnProperty.call(destination, key)) {\n destination[key] = source[key];\n overridableKeys[key] = true;\n }\n }\n}\n\nfunction storeMappingPair(state, _result, overridableKeys, keyTag, keyNode, valueNode, startLine, startPos) {\n var index, quantity;\n\n // The output is a plain object here, so keys can only be strings.\n // We need to convert keyNode to a string, but doing so can hang the process\n // (deeply nested arrays that explode exponentially using aliases).\n if (Array.isArray(keyNode)) {\n keyNode = Array.prototype.slice.call(keyNode);\n\n for (index = 0, quantity = keyNode.length; index < quantity; index += 1) {\n if (Array.isArray(keyNode[index])) {\n throwError(state, 'nested arrays are not supported inside keys');\n }\n\n if (typeof keyNode === 'object' && _class(keyNode[index]) === '[object Object]') {\n keyNode[index] = '[object Object]';\n }\n }\n }\n\n // Avoid code execution in load() via toString property\n // (still use its own toString for arrays, timestamps,\n // and whatever user schema extensions happen to have @@toStringTag)\n if (typeof keyNode === 'object' && _class(keyNode) === '[object Object]') {\n keyNode = '[object Object]';\n }\n\n\n keyNode = String(keyNode);\n\n if (_result === null) {\n _result = {};\n }\n\n if (keyTag === 'tag:yaml.org,2002:merge') {\n if (Array.isArray(valueNode)) {\n for (index = 0, quantity = valueNode.length; index < quantity; index += 1) {\n mergeMappings(state, _result, valueNode[index], overridableKeys);\n }\n } else {\n mergeMappings(state, _result, valueNode, overridableKeys);\n }\n } else {\n if (!state.json &&\n !_hasOwnProperty.call(overridableKeys, keyNode) &&\n _hasOwnProperty.call(_result, keyNode)) {\n state.line = startLine || state.line;\n state.position = startPos || state.position;\n throwError(state, 'duplicated mapping key');\n }\n _result[keyNode] = valueNode;\n delete overridableKeys[keyNode];\n }\n\n return _result;\n}\n\nfunction readLineBreak(state) {\n var ch;\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch === 0x0A/* LF */) {\n state.position++;\n } else if (ch === 0x0D/* CR */) {\n state.position++;\n if (state.input.charCodeAt(state.position) === 0x0A/* LF */) {\n state.position++;\n }\n } else {\n throwError(state, 'a line break is expected');\n }\n\n state.line += 1;\n state.lineStart = state.position;\n}\n\nfunction skipSeparationSpace(state, allowComments, checkIndent) {\n var lineBreaks = 0,\n ch = state.input.charCodeAt(state.position);\n\n while (ch !== 0) {\n while (is_WHITE_SPACE(ch)) {\n ch = state.input.charCodeAt(++state.position);\n }\n\n if (allowComments && ch === 0x23/* # */) {\n do {\n ch = state.input.charCodeAt(++state.position);\n } while (ch !== 0x0A/* LF */ && ch !== 0x0D/* CR */ && ch !== 0);\n }\n\n if (is_EOL(ch)) {\n readLineBreak(state);\n\n ch = state.input.charCodeAt(state.position);\n lineBreaks++;\n state.lineIndent = 0;\n\n while (ch === 0x20/* Space */) {\n state.lineIndent++;\n ch = state.input.charCodeAt(++state.position);\n }\n } else {\n break;\n }\n }\n\n if (checkIndent !== -1 && lineBreaks !== 0 && state.lineIndent < checkIndent) {\n throwWarning(state, 'deficient indentation');\n }\n\n return lineBreaks;\n}\n\nfunction testDocumentSeparator(state) {\n var _position = state.position,\n ch;\n\n ch = state.input.charCodeAt(_position);\n\n // Condition state.position === state.lineStart is tested\n // in parent on each call, for efficiency. No needs to test here again.\n if ((ch === 0x2D/* - */ || ch === 0x2E/* . */) &&\n ch === state.input.charCodeAt(_position + 1) &&\n ch === state.input.charCodeAt(_position + 2)) {\n\n _position += 3;\n\n ch = state.input.charCodeAt(_position);\n\n if (ch === 0 || is_WS_OR_EOL(ch)) {\n return true;\n }\n }\n\n return false;\n}\n\nfunction writeFoldedLines(state, count) {\n if (count === 1) {\n state.result += ' ';\n } else if (count > 1) {\n state.result += common.repeat('\\n', count - 1);\n }\n}\n\n\nfunction readPlainScalar(state, nodeIndent, withinFlowCollection) {\n var preceding,\n following,\n captureStart,\n captureEnd,\n hasPendingContent,\n _line,\n _lineStart,\n _lineIndent,\n _kind = state.kind,\n _result = state.result,\n ch;\n\n ch = state.input.charCodeAt(state.position);\n\n if (is_WS_OR_EOL(ch) ||\n is_FLOW_INDICATOR(ch) ||\n ch === 0x23/* # */ ||\n ch === 0x26/* & */ ||\n ch === 0x2A/* * */ ||\n ch === 0x21/* ! */ ||\n ch === 0x7C/* | */ ||\n ch === 0x3E/* > */ ||\n ch === 0x27/* ' */ ||\n ch === 0x22/* \" */ ||\n ch === 0x25/* % */ ||\n ch === 0x40/* @ */ ||\n ch === 0x60/* ` */) {\n return false;\n }\n\n if (ch === 0x3F/* ? */ || ch === 0x2D/* - */) {\n following = state.input.charCodeAt(state.position + 1);\n\n if (is_WS_OR_EOL(following) ||\n withinFlowCollection && is_FLOW_INDICATOR(following)) {\n return false;\n }\n }\n\n state.kind = 'scalar';\n state.result = '';\n captureStart = captureEnd = state.position;\n hasPendingContent = false;\n\n while (ch !== 0) {\n if (ch === 0x3A/* : */) {\n following = state.input.charCodeAt(state.position + 1);\n\n if (is_WS_OR_EOL(following) ||\n withinFlowCollection && is_FLOW_INDICATOR(following)) {\n break;\n }\n\n } else if (ch === 0x23/* # */) {\n preceding = state.input.charCodeAt(state.position - 1);\n\n if (is_WS_OR_EOL(preceding)) {\n break;\n }\n\n } else if ((state.position === state.lineStart && testDocumentSeparator(state)) ||\n withinFlowCollection && is_FLOW_INDICATOR(ch)) {\n break;\n\n } else if (is_EOL(ch)) {\n _line = state.line;\n _lineStart = state.lineStart;\n _lineIndent = state.lineIndent;\n skipSeparationSpace(state, false, -1);\n\n if (state.lineIndent >= nodeIndent) {\n hasPendingContent = true;\n ch = state.input.charCodeAt(state.position);\n continue;\n } else {\n state.position = captureEnd;\n state.line = _line;\n state.lineStart = _lineStart;\n state.lineIndent = _lineIndent;\n break;\n }\n }\n\n if (hasPendingContent) {\n captureSegment(state, captureStart, captureEnd, false);\n writeFoldedLines(state, state.line - _line);\n captureStart = captureEnd = state.position;\n hasPendingContent = false;\n }\n\n if (!is_WHITE_SPACE(ch)) {\n captureEnd = state.position + 1;\n }\n\n ch = state.input.charCodeAt(++state.position);\n }\n\n captureSegment(state, captureStart, captureEnd, false);\n\n if (state.result) {\n return true;\n }\n\n state.kind = _kind;\n state.result = _result;\n return false;\n}\n\nfunction readSingleQuotedScalar(state, nodeIndent) {\n var ch,\n captureStart, captureEnd;\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch !== 0x27/* ' */) {\n return false;\n }\n\n state.kind = 'scalar';\n state.result = '';\n state.position++;\n captureStart = captureEnd = state.position;\n\n while ((ch = state.input.charCodeAt(state.position)) !== 0) {\n if (ch === 0x27/* ' */) {\n captureSegment(state, captureStart, state.position, true);\n ch = state.input.charCodeAt(++state.position);\n\n if (ch === 0x27/* ' */) {\n captureStart = state.position;\n state.position++;\n captureEnd = state.position;\n } else {\n return true;\n }\n\n } else if (is_EOL(ch)) {\n captureSegment(state, captureStart, captureEnd, true);\n writeFoldedLines(state, skipSeparationSpace(state, false, nodeIndent));\n captureStart = captureEnd = state.position;\n\n } else if (state.position === state.lineStart && testDocumentSeparator(state)) {\n throwError(state, 'unexpected end of the document within a single quoted scalar');\n\n } else {\n state.position++;\n captureEnd = state.position;\n }\n }\n\n throwError(state, 'unexpected end of the stream within a single quoted scalar');\n}\n\nfunction readDoubleQuotedScalar(state, nodeIndent) {\n var captureStart,\n captureEnd,\n hexLength,\n hexResult,\n tmp,\n ch;\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch !== 0x22/* \" */) {\n return false;\n }\n\n state.kind = 'scalar';\n state.result = '';\n state.position++;\n captureStart = captureEnd = state.position;\n\n while ((ch = state.input.charCodeAt(state.position)) !== 0) {\n if (ch === 0x22/* \" */) {\n captureSegment(state, captureStart, state.position, true);\n state.position++;\n return true;\n\n } else if (ch === 0x5C/* \\ */) {\n captureSegment(state, captureStart, state.position, true);\n ch = state.input.charCodeAt(++state.position);\n\n if (is_EOL(ch)) {\n skipSeparationSpace(state, false, nodeIndent);\n\n // TODO: rework to inline fn with no type cast?\n } else if (ch < 256 && simpleEscapeCheck[ch]) {\n state.result += simpleEscapeMap[ch];\n state.position++;\n\n } else if ((tmp = escapedHexLen(ch)) > 0) {\n hexLength = tmp;\n hexResult = 0;\n\n for (; hexLength > 0; hexLength--) {\n ch = state.input.charCodeAt(++state.position);\n\n if ((tmp = fromHexCode(ch)) >= 0) {\n hexResult = (hexResult << 4) + tmp;\n\n } else {\n throwError(state, 'expected hexadecimal character');\n }\n }\n\n state.result += charFromCodepoint(hexResult);\n\n state.position++;\n\n } else {\n throwError(state, 'unknown escape sequence');\n }\n\n captureStart = captureEnd = state.position;\n\n } else if (is_EOL(ch)) {\n captureSegment(state, captureStart, captureEnd, true);\n writeFoldedLines(state, skipSeparationSpace(state, false, nodeIndent));\n captureStart = captureEnd = state.position;\n\n } else if (state.position === state.lineStart && testDocumentSeparator(state)) {\n throwError(state, 'unexpected end of the document within a double quoted scalar');\n\n } else {\n state.position++;\n captureEnd = state.position;\n }\n }\n\n throwError(state, 'unexpected end of the stream within a double quoted scalar');\n}\n\nfunction readFlowCollection(state, nodeIndent) {\n var readNext = true,\n _line,\n _tag = state.tag,\n _result,\n _anchor = state.anchor,\n following,\n terminator,\n isPair,\n isExplicitPair,\n isMapping,\n overridableKeys = {},\n keyNode,\n keyTag,\n valueNode,\n ch;\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch === 0x5B/* [ */) {\n terminator = 0x5D;/* ] */\n isMapping = false;\n _result = [];\n } else if (ch === 0x7B/* { */) {\n terminator = 0x7D;/* } */\n isMapping = true;\n _result = {};\n } else {\n return false;\n }\n\n if (state.anchor !== null) {\n state.anchorMap[state.anchor] = _result;\n }\n\n ch = state.input.charCodeAt(++state.position);\n\n while (ch !== 0) {\n skipSeparationSpace(state, true, nodeIndent);\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch === terminator) {\n state.position++;\n state.tag = _tag;\n state.anchor = _anchor;\n state.kind = isMapping ? 'mapping' : 'sequence';\n state.result = _result;\n return true;\n } else if (!readNext) {\n throwError(state, 'missed comma between flow collection entries');\n }\n\n keyTag = keyNode = valueNode = null;\n isPair = isExplicitPair = false;\n\n if (ch === 0x3F/* ? */) {\n following = state.input.charCodeAt(state.position + 1);\n\n if (is_WS_OR_EOL(following)) {\n isPair = isExplicitPair = true;\n state.position++;\n skipSeparationSpace(state, true, nodeIndent);\n }\n }\n\n _line = state.line;\n composeNode(state, nodeIndent, CONTEXT_FLOW_IN, false, true);\n keyTag = state.tag;\n keyNode = state.result;\n skipSeparationSpace(state, true, nodeIndent);\n\n ch = state.input.charCodeAt(state.position);\n\n if ((isExplicitPair || state.line === _line) && ch === 0x3A/* : */) {\n isPair = true;\n ch = state.input.charCodeAt(++state.position);\n skipSeparationSpace(state, true, nodeIndent);\n composeNode(state, nodeIndent, CONTEXT_FLOW_IN, false, true);\n valueNode = state.result;\n }\n\n if (isMapping) {\n storeMappingPair(state, _result, overridableKeys, keyTag, keyNode, valueNode);\n } else if (isPair) {\n _result.push(storeMappingPair(state, null, overridableKeys, keyTag, keyNode, valueNode));\n } else {\n _result.push(keyNode);\n }\n\n skipSeparationSpace(state, true, nodeIndent);\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch === 0x2C/* , */) {\n readNext = true;\n ch = state.input.charCodeAt(++state.position);\n } else {\n readNext = false;\n }\n }\n\n throwError(state, 'unexpected end of the stream within a flow collection');\n}\n\nfunction readBlockScalar(state, nodeIndent) {\n var captureStart,\n folding,\n chomping = CHOMPING_CLIP,\n didReadContent = false,\n detectedIndent = false,\n textIndent = nodeIndent,\n emptyLines = 0,\n atMoreIndented = false,\n tmp,\n ch;\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch === 0x7C/* | */) {\n folding = false;\n } else if (ch === 0x3E/* > */) {\n folding = true;\n } else {\n return false;\n }\n\n state.kind = 'scalar';\n state.result = '';\n\n while (ch !== 0) {\n ch = state.input.charCodeAt(++state.position);\n\n if (ch === 0x2B/* + */ || ch === 0x2D/* - */) {\n if (CHOMPING_CLIP === chomping) {\n chomping = (ch === 0x2B/* + */) ? CHOMPING_KEEP : CHOMPING_STRIP;\n } else {\n throwError(state, 'repeat of a chomping mode identifier');\n }\n\n } else if ((tmp = fromDecimalCode(ch)) >= 0) {\n if (tmp === 0) {\n throwError(state, 'bad explicit indentation width of a block scalar; it cannot be less than one');\n } else if (!detectedIndent) {\n textIndent = nodeIndent + tmp - 1;\n detectedIndent = true;\n } else {\n throwError(state, 'repeat of an indentation width identifier');\n }\n\n } else {\n break;\n }\n }\n\n if (is_WHITE_SPACE(ch)) {\n do { ch = state.input.charCodeAt(++state.position); }\n while (is_WHITE_SPACE(ch));\n\n if (ch === 0x23/* # */) {\n do { ch = state.input.charCodeAt(++state.position); }\n while (!is_EOL(ch) && (ch !== 0));\n }\n }\n\n while (ch !== 0) {\n readLineBreak(state);\n state.lineIndent = 0;\n\n ch = state.input.charCodeAt(state.position);\n\n while ((!detectedIndent || state.lineIndent < textIndent) &&\n (ch === 0x20/* Space */)) {\n state.lineIndent++;\n ch = state.input.charCodeAt(++state.position);\n }\n\n if (!detectedIndent && state.lineIndent > textIndent) {\n textIndent = state.lineIndent;\n }\n\n if (is_EOL(ch)) {\n emptyLines++;\n continue;\n }\n\n // End of the scalar.\n if (state.lineIndent < textIndent) {\n\n // Perform the chomping.\n if (chomping === CHOMPING_KEEP) {\n state.result += common.repeat('\\n', didReadContent ? 1 + emptyLines : emptyLines);\n } else if (chomping === CHOMPING_CLIP) {\n if (didReadContent) { // i.e. only if the scalar is not empty.\n state.result += '\\n';\n }\n }\n\n // Break this `while` cycle and go to the funciton's epilogue.\n break;\n }\n\n // Folded style: use fancy rules to handle line breaks.\n if (folding) {\n\n // Lines starting with white space characters (more-indented lines) are not folded.\n if (is_WHITE_SPACE(ch)) {\n atMoreIndented = true;\n // except for the first content line (cf. Example 8.1)\n state.result += common.repeat('\\n', didReadContent ? 1 + emptyLines : emptyLines);\n\n // End of more-indented block.\n } else if (atMoreIndented) {\n atMoreIndented = false;\n state.result += common.repeat('\\n', emptyLines + 1);\n\n // Just one line break - perceive as the same line.\n } else if (emptyLines === 0) {\n if (didReadContent) { // i.e. only if we have already read some scalar content.\n state.result += ' ';\n }\n\n // Several line breaks - perceive as different lines.\n } else {\n state.result += common.repeat('\\n', emptyLines);\n }\n\n // Literal style: just add exact number of line breaks between content lines.\n } else {\n // Keep all line breaks except the header line break.\n state.result += common.repeat('\\n', didReadContent ? 1 + emptyLines : emptyLines);\n }\n\n didReadContent = true;\n detectedIndent = true;\n emptyLines = 0;\n captureStart = state.position;\n\n while (!is_EOL(ch) && (ch !== 0)) {\n ch = state.input.charCodeAt(++state.position);\n }\n\n captureSegment(state, captureStart, state.position, false);\n }\n\n return true;\n}\n\nfunction readBlockSequence(state, nodeIndent) {\n var _line,\n _tag = state.tag,\n _anchor = state.anchor,\n _result = [],\n following,\n detected = false,\n ch;\n\n if (state.anchor !== null) {\n state.anchorMap[state.anchor] = _result;\n }\n\n ch = state.input.charCodeAt(state.position);\n\n while (ch !== 0) {\n\n if (ch !== 0x2D/* - */) {\n break;\n }\n\n following = state.input.charCodeAt(state.position + 1);\n\n if (!is_WS_OR_EOL(following)) {\n break;\n }\n\n detected = true;\n state.position++;\n\n if (skipSeparationSpace(state, true, -1)) {\n if (state.lineIndent <= nodeIndent) {\n _result.push(null);\n ch = state.input.charCodeAt(state.position);\n continue;\n }\n }\n\n _line = state.line;\n composeNode(state, nodeIndent, CONTEXT_BLOCK_IN, false, true);\n _result.push(state.result);\n skipSeparationSpace(state, true, -1);\n\n ch = state.input.charCodeAt(state.position);\n\n if ((state.line === _line || state.lineIndent > nodeIndent) && (ch !== 0)) {\n throwError(state, 'bad indentation of a sequence entry');\n } else if (state.lineIndent < nodeIndent) {\n break;\n }\n }\n\n if (detected) {\n state.tag = _tag;\n state.anchor = _anchor;\n state.kind = 'sequence';\n state.result = _result;\n return true;\n }\n return false;\n}\n\nfunction readBlockMapping(state, nodeIndent, flowIndent) {\n var following,\n allowCompact,\n _line,\n _pos,\n _tag = state.tag,\n _anchor = state.anchor,\n _result = {},\n overridableKeys = {},\n keyTag = null,\n keyNode = null,\n valueNode = null,\n atExplicitKey = false,\n detected = false,\n ch;\n\n if (state.anchor !== null) {\n state.anchorMap[state.anchor] = _result;\n }\n\n ch = state.input.charCodeAt(state.position);\n\n while (ch !== 0) {\n following = state.input.charCodeAt(state.position + 1);\n _line = state.line; // Save the current line.\n _pos = state.position;\n\n //\n // Explicit notation case. There are two separate blocks:\n // first for the key (denoted by \"?\") and second for the value (denoted by \":\")\n //\n if ((ch === 0x3F/* ? */ || ch === 0x3A/* : */) && is_WS_OR_EOL(following)) {\n\n if (ch === 0x3F/* ? */) {\n if (atExplicitKey) {\n storeMappingPair(state, _result, overridableKeys, keyTag, keyNode, null);\n keyTag = keyNode = valueNode = null;\n }\n\n detected = true;\n atExplicitKey = true;\n allowCompact = true;\n\n } else if (atExplicitKey) {\n // i.e. 0x3A/* : */ === character after the explicit key.\n atExplicitKey = false;\n allowCompact = true;\n\n } else {\n throwError(state, 'incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line');\n }\n\n state.position += 1;\n ch = following;\n\n //\n // Implicit notation case. Flow-style node as the key first, then \":\", and the value.\n //\n } else if (composeNode(state, flowIndent, CONTEXT_FLOW_OUT, false, true)) {\n\n if (state.line === _line) {\n ch = state.input.charCodeAt(state.position);\n\n while (is_WHITE_SPACE(ch)) {\n ch = state.input.charCodeAt(++state.position);\n }\n\n if (ch === 0x3A/* : */) {\n ch = state.input.charCodeAt(++state.position);\n\n if (!is_WS_OR_EOL(ch)) {\n throwError(state, 'a whitespace character is expected after the key-value separator within a block mapping');\n }\n\n if (atExplicitKey) {\n storeMappingPair(state, _result, overridableKeys, keyTag, keyNode, null);\n keyTag = keyNode = valueNode = null;\n }\n\n detected = true;\n atExplicitKey = false;\n allowCompact = false;\n keyTag = state.tag;\n keyNode = state.result;\n\n } else if (detected) {\n throwError(state, 'can not read an implicit mapping pair; a colon is missed');\n\n } else {\n state.tag = _tag;\n state.anchor = _anchor;\n return true; // Keep the result of `composeNode`.\n }\n\n } else if (detected) {\n throwError(state, 'can not read a block mapping entry; a multiline key may not be an implicit key');\n\n } else {\n state.tag = _tag;\n state.anchor = _anchor;\n return true; // Keep the result of `composeNode`.\n }\n\n } else {\n break; // Reading is done. Go to the epilogue.\n }\n\n //\n // Common reading code for both explicit and implicit notations.\n //\n if (state.line === _line || state.lineIndent > nodeIndent) {\n if (composeNode(state, nodeIndent, CONTEXT_BLOCK_OUT, true, allowCompact)) {\n if (atExplicitKey) {\n keyNode = state.result;\n } else {\n valueNode = state.result;\n }\n }\n\n if (!atExplicitKey) {\n storeMappingPair(state, _result, overridableKeys, keyTag, keyNode, valueNode, _line, _pos);\n keyTag = keyNode = valueNode = null;\n }\n\n skipSeparationSpace(state, true, -1);\n ch = state.input.charCodeAt(state.position);\n }\n\n if (state.lineIndent > nodeIndent && (ch !== 0)) {\n throwError(state, 'bad indentation of a mapping entry');\n } else if (state.lineIndent < nodeIndent) {\n break;\n }\n }\n\n //\n // Epilogue.\n //\n\n // Special case: last mapping's node contains only the key in explicit notation.\n if (atExplicitKey) {\n storeMappingPair(state, _result, overridableKeys, keyTag, keyNode, null);\n }\n\n // Expose the resulting mapping.\n if (detected) {\n state.tag = _tag;\n state.anchor = _anchor;\n state.kind = 'mapping';\n state.result = _result;\n }\n\n return detected;\n}\n\nfunction readTagProperty(state) {\n var _position,\n isVerbatim = false,\n isNamed = false,\n tagHandle,\n tagName,\n ch;\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch !== 0x21/* ! */) return false;\n\n if (state.tag !== null) {\n throwError(state, 'duplication of a tag property');\n }\n\n ch = state.input.charCodeAt(++state.position);\n\n if (ch === 0x3C/* < */) {\n isVerbatim = true;\n ch = state.input.charCodeAt(++state.position);\n\n } else if (ch === 0x21/* ! */) {\n isNamed = true;\n tagHandle = '!!';\n ch = state.input.charCodeAt(++state.position);\n\n } else {\n tagHandle = '!';\n }\n\n _position = state.position;\n\n if (isVerbatim) {\n do { ch = state.input.charCodeAt(++state.position); }\n while (ch !== 0 && ch !== 0x3E/* > */);\n\n if (state.position < state.length) {\n tagName = state.input.slice(_position, state.position);\n ch = state.input.charCodeAt(++state.position);\n } else {\n throwError(state, 'unexpected end of the stream within a verbatim tag');\n }\n } else {\n while (ch !== 0 && !is_WS_OR_EOL(ch)) {\n\n if (ch === 0x21/* ! */) {\n if (!isNamed) {\n tagHandle = state.input.slice(_position - 1, state.position + 1);\n\n if (!PATTERN_TAG_HANDLE.test(tagHandle)) {\n throwError(state, 'named tag handle cannot contain such characters');\n }\n\n isNamed = true;\n _position = state.position + 1;\n } else {\n throwError(state, 'tag suffix cannot contain exclamation marks');\n }\n }\n\n ch = state.input.charCodeAt(++state.position);\n }\n\n tagName = state.input.slice(_position, state.position);\n\n if (PATTERN_FLOW_INDICATORS.test(tagName)) {\n throwError(state, 'tag suffix cannot contain flow indicator characters');\n }\n }\n\n if (tagName && !PATTERN_TAG_URI.test(tagName)) {\n throwError(state, 'tag name cannot contain such characters: ' + tagName);\n }\n\n if (isVerbatim) {\n state.tag = tagName;\n\n } else if (_hasOwnProperty.call(state.tagMap, tagHandle)) {\n state.tag = state.tagMap[tagHandle] + tagName;\n\n } else if (tagHandle === '!') {\n state.tag = '!' + tagName;\n\n } else if (tagHandle === '!!') {\n state.tag = 'tag:yaml.org,2002:' + tagName;\n\n } else {\n throwError(state, 'undeclared tag handle \"' + tagHandle + '\"');\n }\n\n return true;\n}\n\nfunction readAnchorProperty(state) {\n var _position,\n ch;\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch !== 0x26/* & */) return false;\n\n if (state.anchor !== null) {\n throwError(state, 'duplication of an anchor property');\n }\n\n ch = state.input.charCodeAt(++state.position);\n _position = state.position;\n\n while (ch !== 0 && !is_WS_OR_EOL(ch) && !is_FLOW_INDICATOR(ch)) {\n ch = state.input.charCodeAt(++state.position);\n }\n\n if (state.position === _position) {\n throwError(state, 'name of an anchor node must contain at least one character');\n }\n\n state.anchor = state.input.slice(_position, state.position);\n return true;\n}\n\nfunction readAlias(state) {\n var _position, alias,\n ch;\n\n ch = state.input.charCodeAt(state.position);\n\n if (ch !== 0x2A/* * */) return false;\n\n ch = state.input.charCodeAt(++state.position);\n _position = state.position;\n\n while (ch !== 0 && !is_WS_OR_EOL(ch) && !is_FLOW_INDICATOR(ch)) {\n ch = state.input.charCodeAt(++state.position);\n }\n\n if (state.position === _position) {\n throwError(state, 'name of an alias node must contain at least one character');\n }\n\n alias = state.input.slice(_position, state.position);\n\n if (!state.anchorMap.hasOwnProperty(alias)) {\n throwError(state, 'unidentified alias \"' + alias + '\"');\n }\n\n state.result = state.anchorMap[alias];\n skipSeparationSpace(state, true, -1);\n return true;\n}\n\nfunction composeNode(state, parentIndent, nodeContext, allowToSeek, allowCompact) {\n var allowBlockStyles,\n allowBlockScalars,\n allowBlockCollections,\n indentStatus = 1, // 1: this>parent, 0: this=parent, -1: this\n \n \n \n \n \nThe tooltip can be positioned on the top|bottom|left|right of the anchor using\nthe `position` attribute. The default position is bottom.\n \n \n`,\n\n is: 'paper-tooltip',\n hostAttributes: {role: 'tooltip', tabindex: -1},\n\n properties: {\n /**\n * The id of the element that the tooltip is anchored to. This element\n * must be a sibling of the tooltip. If this property is not set,\n * then the tooltip will be centered to the parent node containing it.\n */\n for: {type: String, observer: '_findTarget'},\n /**\n * Set this to true if you want to manually control when the tooltip\n * is shown or hidden.\n */\n manualMode: {type: Boolean, value: false, observer: '_manualModeChanged'},\n /**\n * Positions the tooltip to the top, right, bottom, left of its content.\n */\n position: {type: String, value: 'bottom'},\n /**\n * If true, no parts of the tooltip will ever be shown offscreen.\n */\n fitToVisibleBounds: {type: Boolean, value: false},\n /**\n * The spacing between the top of the tooltip and the element it is\n * anchored to.\n */\n offset: {type: Number, value: 14},\n /**\n * This property is deprecated, but left over so that it doesn't\n * break exiting code. Please use `offset` instead. If both `offset` and\n * `marginTop` are provided, `marginTop` will be ignored.\n * @deprecated since version 1.0.3\n */\n marginTop: {type: Number, value: 14},\n /**\n * The delay that will be applied before the `entry` animation is\n * played when showing the tooltip.\n */\n animationDelay: {type: Number, value: 500, observer: '_delayChange'},\n /**\n * The animation that will be played on entry. This replaces the\n * deprecated animationConfig. Entries here will override the\n * animationConfig settings. You can enter your own animation\n * by setting it to the css class name.\n */\n animationEntry: {type: String, value: ''},\n /**\n * The animation that will be played on exit. This replaces the\n * deprecated animationConfig. Entries here will override the\n * animationConfig settings. You can enter your own animation\n * by setting it to the css class name.\n */\n animationExit: {type: String, value: ''},\n /**\n * This property is deprecated. Use --paper-tooltip-animation to change the\n * animation. The entry and exit animations that will be played when showing\n * and hiding the tooltip. If you want to override this, you must ensure\n * that your animationConfig has the exact format below.\n * @deprecated since version\n *\n * The entry and exit animations that will be played when showing and\n * hiding the tooltip. If you want to override this, you must ensure\n * that your animationConfig has the exact format below.\n */\n animationConfig: {\n type: Object,\n value: function() {\n return {\n 'entry':\n [{name: 'fade-in-animation', node: this, timing: {delay: 0}}],\n 'exit': [{name: 'fade-out-animation', node: this}]\n }\n }\n },\n _showing: {type: Boolean, value: false}\n },\n\n listeners: {\n 'webkitAnimationEnd': '_onAnimationEnd',\n },\n\n /**\n * Returns the target element that this tooltip is anchored to. It is\n * either the element given by the `for` attribute, or the immediate parent\n * of the tooltip.\n *\n * @type {Node}\n */\n get target() {\n var parentNode = dom(this).parentNode;\n // If the parentNode is a document fragment, then we need to use the host.\n var ownerRoot = dom(this).getOwnerRoot();\n var target;\n if (this.for) {\n target = dom(ownerRoot).querySelector('#' + this.for);\n } else {\n target = parentNode.nodeType == Node.DOCUMENT_FRAGMENT_NODE ?\n ownerRoot.host :\n parentNode;\n }\n return target;\n },\n\n /**\n * @return {void}\n */\n attached: function() {\n this._findTarget();\n },\n\n /**\n * @return {void}\n */\n detached: function() {\n if (!this.manualMode)\n this._removeListeners();\n },\n\n /**\n * Replaces Neon-Animation playAnimation - just calls show and hide.\n * @deprecated Use show and hide instead.\n * @param {string} type Either `entry` or `exit`\n */\n playAnimation: function(type) {\n if (type === 'entry') {\n this.show();\n } else if (type === 'exit') {\n this.hide();\n }\n },\n\n /**\n * Cancels the animation and either fully shows or fully hides tooltip\n */\n cancelAnimation: function() {\n // Short-cut and cancel all animations and hide\n this.$.tooltip.classList.add('cancel-animation');\n },\n\n /**\n * Shows the tooltip programatically\n * @return {void}\n */\n show: function() {\n // If the tooltip is already showing, there's nothing to do.\n if (this._showing)\n return;\n\n if (dom(this).textContent.trim() === '') {\n // Check if effective children are also empty\n var allChildrenEmpty = true;\n var effectiveChildren = dom(this).getEffectiveChildNodes();\n for (var i = 0; i < effectiveChildren.length; i++) {\n if (effectiveChildren[i].textContent.trim() !== '') {\n allChildrenEmpty = false;\n break;\n }\n }\n if (allChildrenEmpty) {\n return;\n }\n }\n\n this._showing = true;\n this.$.tooltip.classList.remove('hidden');\n this.$.tooltip.classList.remove('cancel-animation');\n this.$.tooltip.classList.remove(this._getAnimationType('exit'));\n this.updatePosition();\n this._animationPlaying = true;\n this.$.tooltip.classList.add(this._getAnimationType('entry'));\n },\n\n /**\n * Hides the tooltip programatically\n * @return {void}\n */\n hide: function() {\n // If the tooltip is already hidden, there's nothing to do.\n if (!this._showing) {\n return;\n }\n\n // If the entry animation is still playing, don't try to play the exit\n // animation since this will reset the opacity to 1. Just end the animation.\n if (this._animationPlaying) {\n this._showing = false;\n this._cancelAnimation();\n return;\n } else {\n // Play Exit Animation\n this._onAnimationFinish();\n }\n\n this._showing = false;\n this._animationPlaying = true;\n },\n\n /**\n * @return {void}\n */\n updatePosition: function() {\n if (!this._target || !this.offsetParent)\n return;\n var offset = this.offset;\n // If a marginTop has been provided by the user (pre 1.0.3), use it.\n if (this.marginTop != 14 && this.offset == 14)\n offset = this.marginTop;\n var parentRect = this.offsetParent.getBoundingClientRect();\n var targetRect = this._target.getBoundingClientRect();\n var thisRect = this.getBoundingClientRect();\n var horizontalCenterOffset = (targetRect.width - thisRect.width) / 2;\n var verticalCenterOffset = (targetRect.height - thisRect.height) / 2;\n var targetLeft = targetRect.left - parentRect.left;\n var targetTop = targetRect.top - parentRect.top;\n var tooltipLeft, tooltipTop;\n switch (this.position) {\n case 'top':\n tooltipLeft = targetLeft + horizontalCenterOffset;\n tooltipTop = targetTop - thisRect.height - offset;\n break;\n case 'bottom':\n tooltipLeft = targetLeft + horizontalCenterOffset;\n tooltipTop = targetTop + targetRect.height + offset;\n break;\n case 'left':\n tooltipLeft = targetLeft - thisRect.width - offset;\n tooltipTop = targetTop + verticalCenterOffset;\n break;\n case 'right':\n tooltipLeft = targetLeft + targetRect.width + offset;\n tooltipTop = targetTop + verticalCenterOffset;\n break;\n }\n // TODO(noms): This should use IronFitBehavior if possible.\n if (this.fitToVisibleBounds) {\n // Clip the left/right side\n if (parentRect.left + tooltipLeft + thisRect.width > window.innerWidth) {\n this.style.right = '0px';\n this.style.left = 'auto';\n } else {\n this.style.left = Math.max(0, tooltipLeft) + 'px';\n this.style.right = 'auto';\n }\n // Clip the top/bottom side.\n if (parentRect.top + tooltipTop + thisRect.height > window.innerHeight) {\n this.style.bottom = (parentRect.height - targetTop + offset) + 'px';\n this.style.top = 'auto';\n } else {\n this.style.top = Math.max(-parentRect.top, tooltipTop) + 'px';\n this.style.bottom = 'auto';\n }\n } else {\n this.style.left = tooltipLeft + 'px';\n this.style.top = tooltipTop + 'px';\n }\n },\n\n _addListeners: function() {\n if (this._target) {\n this.listen(this._target, 'mouseenter', 'show');\n this.listen(this._target, 'focus', 'show');\n this.listen(this._target, 'mouseleave', 'hide');\n this.listen(this._target, 'blur', 'hide');\n this.listen(this._target, 'tap', 'hide');\n }\n this.listen(this.$.tooltip, 'animationend', '_onAnimationEnd');\n this.listen(this, 'mouseenter', 'hide');\n },\n\n _findTarget: function() {\n if (!this.manualMode)\n this._removeListeners();\n this._target = this.target;\n if (!this.manualMode)\n this._addListeners();\n },\n\n _delayChange: function(newValue) {\n // Only Update delay if different value set\n if (newValue !== 500) {\n this.updateStyles({'--paper-tooltip-delay-in': newValue + 'ms'});\n }\n },\n\n _manualModeChanged: function() {\n if (this.manualMode)\n this._removeListeners();\n else\n this._addListeners();\n },\n\n _cancelAnimation: function() {\n // Short-cut and cancel all animations and hide\n this.$.tooltip.classList.remove(this._getAnimationType('entry'));\n this.$.tooltip.classList.remove(this._getAnimationType('exit'));\n this.$.tooltip.classList.remove('cancel-animation');\n this.$.tooltip.classList.add('hidden');\n },\n\n _onAnimationFinish: function() {\n if (this._showing) {\n this.$.tooltip.classList.remove(this._getAnimationType('entry'));\n this.$.tooltip.classList.remove('cancel-animation');\n this.$.tooltip.classList.add(this._getAnimationType('exit'));\n }\n },\n\n _onAnimationEnd: function() {\n // If no longer showing add class hidden to completely hide tooltip\n this._animationPlaying = false;\n if (!this._showing) {\n this.$.tooltip.classList.remove(this._getAnimationType('exit'));\n this.$.tooltip.classList.add('hidden');\n }\n },\n\n _getAnimationType: function(type) {\n // These properties have priority over animationConfig values\n if ((type === 'entry') && (this.animationEntry !== '')) {\n return this.animationEntry;\n }\n if ((type === 'exit') && (this.animationExit !== '')) {\n return this.animationExit;\n }\n // If no results then return the legacy value from animationConfig\n if (this.animationConfig[type] &&\n typeof this.animationConfig[type][0].name === 'string') {\n // Checking Timing and Update if necessary - Legacy for animationConfig\n if (this.animationConfig[type][0].timing &&\n this.animationConfig[type][0].timing.delay &&\n this.animationConfig[type][0].timing.delay !== 0) {\n var timingDelay = this.animationConfig[type][0].timing.delay;\n // Has Timing Change - Update CSS\n if (type === 'entry') {\n this.updateStyles({'--paper-tooltip-delay-in': timingDelay + 'ms'});\n } else if (type === 'exit') {\n this.updateStyles({'--paper-tooltip-delay-out': timingDelay + 'ms'});\n }\n }\n return this.animationConfig[type][0].name;\n }\n },\n\n _removeListeners: function() {\n if (this._target) {\n this.unlisten(this._target, 'mouseenter', 'show');\n this.unlisten(this._target, 'focus', 'show');\n this.unlisten(this._target, 'mouseleave', 'hide');\n this.unlisten(this._target, 'blur', 'hide');\n this.unlisten(this._target, 'tap', 'hide');\n }\n this.unlisten(this.$.tooltip, 'animationend', '_onAnimationEnd');\n this.unlisten(this, 'mouseenter', 'hide');\n }\n});\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/supervisor/api/panel/chunk.aa1f2ea8d4a3e8116f6b.js b/supervisor/api/panel/chunk.aa1f2ea8d4a3e8116f6b.js
new file mode 100644
index 000000000..519c9e78a
--- /dev/null
+++ b/supervisor/api/panel/chunk.aa1f2ea8d4a3e8116f6b.js
@@ -0,0 +1,2 @@
+(self.webpackJsonp=self.webpackJsonp||[]).push([[10],{185:function(e,t,r){"use strict";t.a="/* BASICS */\n\n.CodeMirror {\n /* Set height, width, borders, and global font properties here */\n font-family: monospace;\n height: 300px;\n color: black;\n direction: ltr;\n}\n\n/* PADDING */\n\n.CodeMirror-lines {\n padding: 4px 0; /* Vertical padding around content */\n}\n.CodeMirror pre.CodeMirror-line,\n.CodeMirror pre.CodeMirror-line-like {\n padding: 0 4px; /* Horizontal padding of content */\n}\n\n.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n background-color: white; /* The little square between H and V scrollbars */\n}\n\n/* GUTTER */\n\n.CodeMirror-gutters {\n border-right: 1px solid #ddd;\n background-color: #f7f7f7;\n white-space: nowrap;\n}\n.CodeMirror-linenumbers {}\n.CodeMirror-linenumber {\n padding: 0 3px 0 5px;\n min-width: 20px;\n text-align: right;\n color: #999;\n white-space: nowrap;\n}\n\n.CodeMirror-guttermarker { color: black; }\n.CodeMirror-guttermarker-subtle { color: #999; }\n\n/* CURSOR */\n\n.CodeMirror-cursor {\n border-left: 1px solid black;\n border-right: none;\n width: 0;\n}\n/* Shown when moving in bi-directional text */\n.CodeMirror div.CodeMirror-secondarycursor {\n border-left: 1px solid silver;\n}\n.cm-fat-cursor .CodeMirror-cursor {\n width: auto;\n border: 0 !important;\n background: #7e7;\n}\n.cm-fat-cursor div.CodeMirror-cursors {\n z-index: 1;\n}\n.cm-fat-cursor-mark {\n background-color: rgba(20, 255, 20, 0.5);\n -webkit-animation: blink 1.06s steps(1) infinite;\n -moz-animation: blink 1.06s steps(1) infinite;\n animation: blink 1.06s steps(1) infinite;\n}\n.cm-animate-fat-cursor {\n width: auto;\n border: 0;\n -webkit-animation: blink 1.06s steps(1) infinite;\n -moz-animation: blink 1.06s steps(1) infinite;\n animation: blink 1.06s steps(1) infinite;\n background-color: #7e7;\n}\n@-moz-keyframes blink {\n 0% {}\n 50% { background-color: transparent; }\n 100% {}\n}\n@-webkit-keyframes blink {\n 0% {}\n 50% { background-color: transparent; }\n 100% {}\n}\n@keyframes blink {\n 0% {}\n 50% { background-color: transparent; }\n 100% {}\n}\n\n/* Can style cursor different in overwrite (non-insert) mode */\n.CodeMirror-overwrite .CodeMirror-cursor {}\n\n.cm-tab { display: inline-block; text-decoration: inherit; }\n\n.CodeMirror-rulers {\n position: absolute;\n left: 0; right: 0; top: -50px; bottom: 0;\n overflow: hidden;\n}\n.CodeMirror-ruler {\n border-left: 1px solid #ccc;\n top: 0; bottom: 0;\n position: absolute;\n}\n\n/* DEFAULT THEME */\n\n.cm-s-default .cm-header {color: blue;}\n.cm-s-default .cm-quote {color: #090;}\n.cm-negative {color: #d44;}\n.cm-positive {color: #292;}\n.cm-header, .cm-strong {font-weight: bold;}\n.cm-em {font-style: italic;}\n.cm-link {text-decoration: underline;}\n.cm-strikethrough {text-decoration: line-through;}\n\n.cm-s-default .cm-keyword {color: #708;}\n.cm-s-default .cm-atom {color: #219;}\n.cm-s-default .cm-number {color: #164;}\n.cm-s-default .cm-def {color: #00f;}\n.cm-s-default .cm-variable,\n.cm-s-default .cm-punctuation,\n.cm-s-default .cm-property,\n.cm-s-default .cm-operator {}\n.cm-s-default .cm-variable-2 {color: #05a;}\n.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}\n.cm-s-default .cm-comment {color: #a50;}\n.cm-s-default .cm-string {color: #a11;}\n.cm-s-default .cm-string-2 {color: #f50;}\n.cm-s-default .cm-meta {color: #555;}\n.cm-s-default .cm-qualifier {color: #555;}\n.cm-s-default .cm-builtin {color: #30a;}\n.cm-s-default .cm-bracket {color: #997;}\n.cm-s-default .cm-tag {color: #170;}\n.cm-s-default .cm-attribute {color: #00c;}\n.cm-s-default .cm-hr {color: #999;}\n.cm-s-default .cm-link {color: #00c;}\n\n.cm-s-default .cm-error {color: #f00;}\n.cm-invalidchar {color: #f00;}\n\n.CodeMirror-composing { border-bottom: 2px solid; }\n\n/* Default styles for common addons */\n\ndiv.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}\n.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\n.CodeMirror-activeline-background {background: #e8f2ff;}\n\n/* STOP */\n\n/* The rest of this file contains styles related to the mechanics of\n the editor. You probably shouldn't touch them. */\n\n.CodeMirror {\n position: relative;\n overflow: hidden;\n background: white;\n}\n\n.CodeMirror-scroll {\n overflow: scroll !important; /* Things will break if this is overridden */\n /* 30px is the magic margin used to hide the element's real scrollbars */\n /* See overflow: hidden in .CodeMirror */\n margin-bottom: -30px; margin-right: -30px;\n padding-bottom: 30px;\n height: 100%;\n outline: none; /* Prevent dragging from highlighting the element */\n position: relative;\n}\n.CodeMirror-sizer {\n position: relative;\n border-right: 30px solid transparent;\n}\n\n/* The fake, visible scrollbars. Used to force redraw during scrolling\n before actual scrolling happens, thus preventing shaking and\n flickering artifacts. */\n.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\n position: absolute;\n z-index: 6;\n display: none;\n}\n.CodeMirror-vscrollbar {\n right: 0; top: 0;\n overflow-x: hidden;\n overflow-y: scroll;\n}\n.CodeMirror-hscrollbar {\n bottom: 0; left: 0;\n overflow-y: hidden;\n overflow-x: scroll;\n}\n.CodeMirror-scrollbar-filler {\n right: 0; bottom: 0;\n}\n.CodeMirror-gutter-filler {\n left: 0; bottom: 0;\n}\n\n.CodeMirror-gutters {\n position: absolute; left: 0; top: 0;\n min-height: 100%;\n z-index: 3;\n}\n.CodeMirror-gutter {\n white-space: normal;\n height: 100%;\n display: inline-block;\n vertical-align: top;\n margin-bottom: -30px;\n}\n.CodeMirror-gutter-wrapper {\n position: absolute;\n z-index: 4;\n background: none !important;\n border: none !important;\n}\n.CodeMirror-gutter-background {\n position: absolute;\n top: 0; bottom: 0;\n z-index: 4;\n}\n.CodeMirror-gutter-elt {\n position: absolute;\n cursor: default;\n z-index: 4;\n}\n.CodeMirror-gutter-wrapper ::selection { background-color: transparent }\n.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }\n\n.CodeMirror-lines {\n cursor: text;\n min-height: 1px; /* prevents collapsing before first draw */\n}\n.CodeMirror pre.CodeMirror-line,\n.CodeMirror pre.CodeMirror-line-like {\n /* Reset some styles that the rest of the page might have set */\n -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\n border-width: 0;\n background: transparent;\n font-family: inherit;\n font-size: inherit;\n margin: 0;\n white-space: pre;\n word-wrap: normal;\n line-height: inherit;\n color: inherit;\n z-index: 2;\n position: relative;\n overflow: visible;\n -webkit-tap-highlight-color: transparent;\n -webkit-font-variant-ligatures: contextual;\n font-variant-ligatures: contextual;\n}\n.CodeMirror-wrap pre.CodeMirror-line,\n.CodeMirror-wrap pre.CodeMirror-line-like {\n word-wrap: break-word;\n white-space: pre-wrap;\n word-break: normal;\n}\n\n.CodeMirror-linebackground {\n position: absolute;\n left: 0; right: 0; top: 0; bottom: 0;\n z-index: 0;\n}\n\n.CodeMirror-linewidget {\n position: relative;\n z-index: 2;\n padding: 0.1px; /* Force widget margins to stay inside of the container */\n}\n\n.CodeMirror-widget {}\n\n.CodeMirror-rtl pre { direction: rtl; }\n\n.CodeMirror-code {\n outline: none;\n}\n\n/* Force content-box sizing for the elements where we expect it */\n.CodeMirror-scroll,\n.CodeMirror-sizer,\n.CodeMirror-gutter,\n.CodeMirror-gutters,\n.CodeMirror-linenumber {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n}\n\n.CodeMirror-measure {\n position: absolute;\n width: 100%;\n height: 0;\n overflow: hidden;\n visibility: hidden;\n}\n\n.CodeMirror-cursor {\n position: absolute;\n pointer-events: none;\n}\n.CodeMirror-measure pre { position: static; }\n\ndiv.CodeMirror-cursors {\n visibility: hidden;\n position: relative;\n z-index: 3;\n}\ndiv.CodeMirror-dragcursors {\n visibility: visible;\n}\n\n.CodeMirror-focused div.CodeMirror-cursors {\n visibility: visible;\n}\n\n.CodeMirror-selected { background: #d9d9d9; }\n.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\n.CodeMirror-crosshair { cursor: crosshair; }\n.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }\n.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }\n\n.cm-searching {\n background-color: #ffa;\n background-color: rgba(255, 255, 0, .4);\n}\n\n/* Used to force a border model for a node */\n.cm-force-border { padding-right: .1px; }\n\n@media print {\n /* Hide the cursor when printing */\n .CodeMirror div.CodeMirror-cursors {\n visibility: hidden;\n }\n}\n\n/* See issue #2901 */\n.cm-tab-wrap-hack:after { content: ''; }\n\n/* Help users use markselection to safely style text background */\nspan.CodeMirror-selectedtext { background: none; }\n"},186:function(e,t,r){(function(e){var n,i,o,l;function s(e){return(s="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)}l=function(e){"use strict";e.defineMode("jinja2",function(){var e=["and","as","block","endblock","by","cycle","debug","else","elif","extends","filter","endfilter","firstof","for","endfor","if","endif","ifchanged","endifchanged","ifequal","endifequal","ifnotequal","endifnotequal","in","include","load","not","now","or","parsed","regroup","reversed","spaceless","endspaceless","ssi","templatetag","openblock","closeblock","openvariable","closevariable","openbrace","closebrace","opencomment","closecomment","widthratio","url","with","endwith","get_current_language","trans","endtrans","noop","blocktrans","endblocktrans","get_available_languages","get_current_language_bidi","plural"],t=/^[+\-*&%=<>!?|~^]/,r=/^[:\[\(\{]/,n=["true","false"],i=/^(\d[+\-\*\/])?\d+(\.\d+)?/;function o(o,l){var s=o.peek();if(l.incomment)return o.skipTo("#}")?(o.eatWhile(/\#|}/),l.incomment=!1):o.skipToEnd(),"comment";if(l.intag){if(l.operator){if(l.operator=!1,o.match(n))return"atom";if(o.match(i))return"number"}if(l.sign){if(l.sign=!1,o.match(n))return"atom";if(o.match(i))return"number"}if(l.instring)return s==l.instring&&(l.instring=!1),o.next(),"string";if("'"==s||'"'==s)return l.instring=s,o.next(),"string";if(o.match(l.intag+"}")||o.eat("-")&&o.match(l.intag+"}"))return l.intag=!1,"tag";if(o.match(t))return l.operator=!0,"operator";if(o.match(r))l.sign=!0;else if(o.eat(" ")||o.sol()){if(o.match(e))return"keyword";if(o.match(n))return"atom";if(o.match(i))return"number";o.sol()&&o.next()}else o.next();return"variable"}if(o.eat("{")){if(o.eat("#"))return l.incomment=!0,o.skipTo("#}")?(o.eatWhile(/\#|}/),l.incomment=!1):o.skipToEnd(),"comment";if(s=o.eat(/\{|%/))return l.intag=s,"{"==s&&(l.intag="}"),o.eat("-"),"tag"}o.next()}return e=new RegExp("(("+e.join(")|(")+"))\\b"),n=new RegExp("(("+n.join(")|(")+"))\\b"),{startState:function(){return{tokenize:o}},token:function(e,t){return t.tokenize(e,t)},blockCommentStart:"{#",blockCommentEnd:"#}"}}),e.defineMIME("text/jinja2","jinja2")},"object"==s(t)&&"object"==s(e)?l(r(56)):(i=[r(56)],void 0===(o="function"==typeof(n=l)?n.apply(t,i):n)||(e.exports=o))}).call(this,r(90)(e))},187:function(e,t,r){(function(e){var n,i,o,l;function s(e){return(s="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)}l=function(e){"use strict";e.defineMode("yaml",function(){var e=new RegExp("\\b(("+["true","false","on","off","yes","no"].join(")|(")+"))$","i");return{token:function(t,r){var n=t.peek(),i=r.escaped;if(r.escaped=!1,"#"==n&&(0==t.pos||/\s/.test(t.string.charAt(t.pos-1))))return t.skipToEnd(),"comment";if(t.match(/^('([^']|\\.)*'?|"([^"]|\\.)*"?)/))return"string";if(r.literal&&t.indentation()>r.keyCol)return t.skipToEnd(),"string";if(r.literal&&(r.literal=!1),t.sol()){if(r.keyCol=0,r.pair=!1,r.pairStart=!1,t.match(/---/))return"def";if(t.match(/\.\.\./))return"def";if(t.match(/\s*-\s+/))return"meta"}if(t.match(/^(\{|\}|\[|\])/))return"{"==n?r.inlinePairs++:"}"==n?r.inlinePairs--:"["==n?r.inlineList++:r.inlineList--,"meta";if(r.inlineList>0&&!i&&","==n)return t.next(),"meta";if(r.inlinePairs>0&&!i&&","==n)return r.keyCol=0,r.pair=!1,r.pairStart=!1,t.next(),"meta";if(r.pairStart){if(t.match(/^\s*(\||\>)\s*/))return r.literal=!0,"meta";if(t.match(/^\s*(\&|\*)[a-z0-9\._-]+\b/i))return"variable-2";if(0==r.inlinePairs&&t.match(/^\s*-?[0-9\.\,]+\s?$/))return"number";if(r.inlinePairs>0&&t.match(/^\s*-?[0-9\.\,]+\s?(?=(,|}))/))return"number";if(t.match(e))return"keyword"}return!r.pair&&t.match(/^\s*(?:[,\[\]{}&*!|>'"%@`][^\s'":]|[^,\[\]{}#&*!|>'"%@`])[^#]*?(?=\s*:($|\s))/)?(r.pair=!0,r.keyCol=t.indentation(),"atom"):r.pair&&t.match(/^:\s*/)?(r.pairStart=!0,"meta"):(r.pairStart=!1,r.escaped="\\"==n,t.next(),null)},startState:function(){return{pair:!1,pairStart:!1,keyCol:0,inlinePairs:0,inlineList:0,literal:!1,escaped:!1}},lineComment:"#",fold:"indent"}}),e.defineMIME("text/x-yaml","yaml"),e.defineMIME("text/yaml","yaml")},"object"==s(t)&&"object"==s(e)?l(r(56)):(i=[r(56)],void 0===(o="function"==typeof(n=l)?n.apply(t,i):n)||(e.exports=o))}).call(this,r(90)(e))},56:function(e,t,r){var n,i,o;function l(e){return(l="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)}o=function(){"use strict";var e=navigator.userAgent,t=navigator.platform,r=/gecko\/\d/i.test(e),n=/MSIE \d/.test(e),i=/Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(e),o=/Edge\/(\d+)/.exec(e),s=n||i||o,a=s&&(n?document.documentMode||6:+(o||i)[1]),u=!o&&/WebKit\//.test(e),c=u&&/Qt\/\d+\.\d+/.test(e),f=!o&&/Chrome\//.test(e),d=/Opera\//.test(e),h=/Apple Computer/.test(navigator.vendor),p=/Mac OS X 1\d\D([8-9]|\d\d)\D/.test(e),g=/PhantomJS/.test(e),m=!o&&/AppleWebKit/.test(e)&&/Mobile\/\w+/.test(e),v=/Android/.test(e),y=m||v||/webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(e),b=m||/Mac/.test(t),w=/\bCrOS\b/.test(e),x=/win/i.test(t),C=d&&e.match(/Version\/(\d*\.\d*)/);C&&(C=Number(C[1])),C&&C>=15&&(d=!1,u=!0);var S=b&&(c||d&&(null==C||C<12.11)),k=r||s&&a>=9;function M(e){return new RegExp("(^|\\s)"+e+"(?:$|\\s)\\s*")}var L,T=function(e,t){var r=e.className,n=M(t).exec(r);if(n){var i=r.slice(n.index+n[0].length);e.className=r.slice(0,n.index)+(i?n[1]+i:"")}};function N(e){for(var t=e.childNodes.length;t>0;--t)e.removeChild(e.firstChild);return e}function O(e,t){return N(e).appendChild(t)}function A(e,t,r,n){var i=document.createElement(e);if(r&&(i.className=r),n&&(i.style.cssText=n),"string"==typeof t)i.appendChild(document.createTextNode(t));else if(t)for(var o=0;o