diff --git a/tesla-style-solar-power-card.js b/tesla-style-solar-power-card.js
index 9123f3a..46a08e1 100644
--- a/tesla-style-solar-power-card.js
+++ b/tesla-style-solar-power-card.js
@@ -1,29 +1,19 @@
-(function () {
-    'use strict';
+!function(){"use strict";
+/*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
 
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
 
-    /**
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */function t(t,e,i,n){var s,o=arguments.length,r=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(o<3?s(r):o>3?s(e,i,r):s(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -35,27 +25,8 @@
      * Code distributed by Google as part of the polymer project is also
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
-     */
-    /**
-     * True if the custom elements polyfill is in use.
-     */
-    const isCEPolyfill = typeof window !== 'undefined' &&
-        window.customElements != null &&
-        window.customElements.polyfillWrapFlushCallback !==
-            undefined;
-    /**
-     * Removes nodes, starting from `start` (inclusive) to `end` (exclusive), from
-     * `container`.
-     */
-    const removeNodes = (container, start, end = null) => {
-        while (start !== end) {
-            const n = start.nextSibling;
-            container.removeChild(start);
-            start = n;
-        }
-    };
-
-    /**
+     */}const e="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,i=(t,e,i=null)=>{for(;e!==i;){const i=e.nextSibling;t.removeChild(e),e=i}},n=`{{lit-${String(Math.random()).slice(2)}}}`,s=`\x3c!--${n}--\x3e`,o=new RegExp(`${n}|${s}`),r="$lit$";class a{constructor(t,e){this.parts=[],this.element=e;const i=[],s=[],a=document.createTreeWalker(e.content,133,null,!1);let c=0,p=-1,_=0;const{strings:u,values:{length:g}}=t;for(;_<g;){const t=a.nextNode();if(null!==t){if(p++,1===t.nodeType){if(t.hasAttributes()){const e=t.attributes,{length:i}=e;let n=0;for(let t=0;t<i;t++)l(e[t].name,r)&&n++;for(;n-- >0;){const e=u[_],i=d.exec(e)[2],n=i.toLowerCase()+r,s=t.getAttribute(n);t.removeAttribute(n);const a=s.split(o);this.parts.push({type:"attribute",index:p,name:i,strings:a}),_+=a.length-1}}"TEMPLATE"===t.tagName&&(s.push(t),a.currentNode=t.content)}else if(3===t.nodeType){const e=t.data;if(e.indexOf(n)>=0){const n=t.parentNode,s=e.split(o),a=s.length-1;for(let e=0;e<a;e++){let i,o=s[e];if(""===o)i=h();else{const t=d.exec(o);null!==t&&l(t[2],r)&&(o=o.slice(0,t.index)+t[1]+t[2].slice(0,-r.length)+t[3]),i=document.createTextNode(o)}n.insertBefore(i,t),this.parts.push({type:"node",index:++p})}""===s[a]?(n.insertBefore(h(),t),i.push(t)):t.data=s[a],_+=a}}else if(8===t.nodeType)if(t.data===n){const e=t.parentNode;null!==t.previousSibling&&p!==c||(p++,e.insertBefore(h(),t)),c=p,this.parts.push({type:"node",index:p}),null===t.nextSibling?t.data="":(i.push(t),p--),_++}else{let e=-1;for(;-1!==(e=t.data.indexOf(n,e+1));)this.parts.push({type:"node",index:-1}),_++}}else a.currentNode=s.pop()}for(const t of i)t.parentNode.removeChild(t)}}const l=(t,e)=>{const i=t.length-e.length;return i>=0&&t.slice(i)===e},c=t=>-1!==t.index,h=()=>document.createComment(""),d=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function p(t,e){const{element:{content:i},parts:n}=t,s=document.createTreeWalker(i,133,null,!1);let o=u(n),r=n[o],a=-1,l=0;const c=[];let h=null;for(;s.nextNode();){a++;const t=s.currentNode;for(t.previousSibling===h&&(h=null),e.has(t)&&(c.push(t),null===h&&(h=t)),null!==h&&l++;void 0!==r&&r.index===a;)r.index=null!==h?-1:r.index-l,o=u(n,o),r=n[o]}c.forEach((t=>t.parentNode.removeChild(t)))}const _=t=>{let e=11===t.nodeType?0:1;const i=document.createTreeWalker(t,133,null,!1);for(;i.nextNode();)e++;return e},u=(t,e=-1)=>{for(let i=e+1;i<t.length;i++){const e=t[i];if(c(e))return i}return-1};
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -68,209 +39,8 @@
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
      */
-    /**
-     * An expression marker with embedded unique key to avoid collision with
-     * possible text in templates.
-     */
-    const marker = `{{lit-${String(Math.random()).slice(2)}}}`;
-    /**
-     * An expression marker used text-positions, multi-binding attributes, and
-     * attributes with markup-like text values.
-     */
-    const nodeMarker = `<!--${marker}-->`;
-    const markerRegex = new RegExp(`${marker}|${nodeMarker}`);
-    /**
-     * Suffix appended to all bound attribute names.
-     */
-    const boundAttributeSuffix = '$lit$';
-    /**
-     * An updatable Template that tracks the location of dynamic parts.
-     */
-    class Template {
-        constructor(result, element) {
-            this.parts = [];
-            this.element = element;
-            const nodesToRemove = [];
-            const stack = [];
-            // Edge needs all 4 parameters present; IE11 needs 3rd parameter to be null
-            const walker = document.createTreeWalker(element.content, 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */, null, false);
-            // Keeps track of the last index associated with a part. We try to delete
-            // unnecessary nodes, but we never want to associate two different parts
-            // to the same index. They must have a constant node between.
-            let lastPartIndex = 0;
-            let index = -1;
-            let partIndex = 0;
-            const { strings, values: { length } } = result;
-            while (partIndex < length) {
-                const node = walker.nextNode();
-                if (node === null) {
-                    // We've exhausted the content inside a nested template element.
-                    // Because we still have parts (the outer for-loop), we know:
-                    // - There is a template in the stack
-                    // - The walker will find a nextNode outside the template
-                    walker.currentNode = stack.pop();
-                    continue;
-                }
-                index++;
-                if (node.nodeType === 1 /* Node.ELEMENT_NODE */) {
-                    if (node.hasAttributes()) {
-                        const attributes = node.attributes;
-                        const { length } = attributes;
-                        // Per
-                        // https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap,
-                        // attributes are not guaranteed to be returned in document order.
-                        // In particular, Edge/IE can return them out of order, so we cannot
-                        // assume a correspondence between part index and attribute index.
-                        let count = 0;
-                        for (let i = 0; i < length; i++) {
-                            if (endsWith(attributes[i].name, boundAttributeSuffix)) {
-                                count++;
-                            }
-                        }
-                        while (count-- > 0) {
-                            // Get the template literal section leading up to the first
-                            // expression in this attribute
-                            const stringForPart = strings[partIndex];
-                            // Find the attribute name
-                            const name = lastAttributeNameRegex.exec(stringForPart)[2];
-                            // Find the corresponding attribute
-                            // All bound attributes have had a suffix added in
-                            // TemplateResult#getHTML to opt out of special attribute
-                            // handling. To look up the attribute value we also need to add
-                            // the suffix.
-                            const attributeLookupName = name.toLowerCase() + boundAttributeSuffix;
-                            const attributeValue = node.getAttribute(attributeLookupName);
-                            node.removeAttribute(attributeLookupName);
-                            const statics = attributeValue.split(markerRegex);
-                            this.parts.push({ type: 'attribute', index, name, strings: statics });
-                            partIndex += statics.length - 1;
-                        }
-                    }
-                    if (node.tagName === 'TEMPLATE') {
-                        stack.push(node);
-                        walker.currentNode = node.content;
-                    }
-                }
-                else if (node.nodeType === 3 /* Node.TEXT_NODE */) {
-                    const data = node.data;
-                    if (data.indexOf(marker) >= 0) {
-                        const parent = node.parentNode;
-                        const strings = data.split(markerRegex);
-                        const lastIndex = strings.length - 1;
-                        // Generate a new text node for each literal section
-                        // These nodes are also used as the markers for node parts
-                        for (let i = 0; i < lastIndex; i++) {
-                            let insert;
-                            let s = strings[i];
-                            if (s === '') {
-                                insert = createMarker();
-                            }
-                            else {
-                                const match = lastAttributeNameRegex.exec(s);
-                                if (match !== null && endsWith(match[2], boundAttributeSuffix)) {
-                                    s = s.slice(0, match.index) + match[1] +
-                                        match[2].slice(0, -boundAttributeSuffix.length) + match[3];
-                                }
-                                insert = document.createTextNode(s);
-                            }
-                            parent.insertBefore(insert, node);
-                            this.parts.push({ type: 'node', index: ++index });
-                        }
-                        // If there's no text, we must insert a comment to mark our place.
-                        // Else, we can trust it will stick around after cloning.
-                        if (strings[lastIndex] === '') {
-                            parent.insertBefore(createMarker(), node);
-                            nodesToRemove.push(node);
-                        }
-                        else {
-                            node.data = strings[lastIndex];
-                        }
-                        // We have a part for each match found
-                        partIndex += lastIndex;
-                    }
-                }
-                else if (node.nodeType === 8 /* Node.COMMENT_NODE */) {
-                    if (node.data === marker) {
-                        const parent = node.parentNode;
-                        // Add a new marker node to be the startNode of the Part if any of
-                        // the following are true:
-                        //  * We don't have a previousSibling
-                        //  * The previousSibling is already the start of a previous part
-                        if (node.previousSibling === null || index === lastPartIndex) {
-                            index++;
-                            parent.insertBefore(createMarker(), node);
-                        }
-                        lastPartIndex = index;
-                        this.parts.push({ type: 'node', index });
-                        // If we don't have a nextSibling, keep this node so we have an end.
-                        // Else, we can remove it to save future costs.
-                        if (node.nextSibling === null) {
-                            node.data = '';
-                        }
-                        else {
-                            nodesToRemove.push(node);
-                            index--;
-                        }
-                        partIndex++;
-                    }
-                    else {
-                        let i = -1;
-                        while ((i = node.data.indexOf(marker, i + 1)) !== -1) {
-                            // Comment node has a binding marker inside, make an inactive part
-                            // The binding won't work, but subsequent bindings will
-                            // TODO (justinfagnani): consider whether it's even worth it to
-                            // make bindings in comments work
-                            this.parts.push({ type: 'node', index: -1 });
-                            partIndex++;
-                        }
-                    }
-                }
-            }
-            // Remove text binding nodes after the walk to not disturb the TreeWalker
-            for (const n of nodesToRemove) {
-                n.parentNode.removeChild(n);
-            }
-        }
-    }
-    const endsWith = (str, suffix) => {
-        const index = str.length - suffix.length;
-        return index >= 0 && str.slice(index) === suffix;
-    };
-    const isTemplatePartActive = (part) => part.index !== -1;
-    // Allows `document.createComment('')` to be renamed for a
-    // small manual size-savings.
-    const createMarker = () => document.createComment('');
-    /**
-     * This regex extracts the attribute name preceding an attribute-position
-     * expression. It does this by matching the syntax allowed for attributes
-     * against the string literal directly preceding the expression, assuming that
-     * the expression is in an attribute-value position.
-     *
-     * See attributes in the HTML spec:
-     * https://www.w3.org/TR/html5/syntax.html#elements-attributes
-     *
-     * " \x09\x0a\x0c\x0d" are HTML space characters:
-     * https://www.w3.org/TR/html5/infrastructure.html#space-characters
-     *
-     * "\0-\x1F\x7F-\x9F" are Unicode control characters, which includes every
-     * space character except " ".
-     *
-     * So an attribute is:
-     *  * The name: any character except a control character, space character, ('),
-     *    ("), ">", "=", or "/"
-     *  * Followed by zero or more space characters
-     *  * Followed by "="
-     *  * Followed by zero or more space characters
-     *  * Followed by:
-     *    * Any character except space, ('), ("), "<", ">", "=", (`), or
-     *    * (") then any non-("), or
-     *    * (') then any non-(')
-     */
-    const lastAttributeNameRegex = 
-    // eslint-disable-next-line no-control-regex
-    /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
-
-    /**
+const g=new WeakMap,y=t=>"function"==typeof t&&g.has(t),v={},f={};
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -283,118 +53,8 @@
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
      */
-    const walkerNodeFilter = 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */;
-    /**
-     * Removes the list of nodes from a Template safely. In addition to removing
-     * nodes from the Template, the Template part indices are updated to match
-     * the mutated Template DOM.
-     *
-     * As the template is walked the removal state is tracked and
-     * part indices are adjusted as needed.
-     *
-     * div
-     *   div#1 (remove) <-- start removing (removing node is div#1)
-     *     div
-     *       div#2 (remove)  <-- continue removing (removing node is still div#1)
-     *         div
-     * div <-- stop removing since previous sibling is the removing node (div#1,
-     * removed 4 nodes)
-     */
-    function removeNodesFromTemplate(template, nodesToRemove) {
-        const { element: { content }, parts } = template;
-        const walker = document.createTreeWalker(content, walkerNodeFilter, null, false);
-        let partIndex = nextActiveIndexInTemplateParts(parts);
-        let part = parts[partIndex];
-        let nodeIndex = -1;
-        let removeCount = 0;
-        const nodesToRemoveInTemplate = [];
-        let currentRemovingNode = null;
-        while (walker.nextNode()) {
-            nodeIndex++;
-            const node = walker.currentNode;
-            // End removal if stepped past the removing node
-            if (node.previousSibling === currentRemovingNode) {
-                currentRemovingNode = null;
-            }
-            // A node to remove was found in the template
-            if (nodesToRemove.has(node)) {
-                nodesToRemoveInTemplate.push(node);
-                // Track node we're removing
-                if (currentRemovingNode === null) {
-                    currentRemovingNode = node;
-                }
-            }
-            // When removing, increment count by which to adjust subsequent part indices
-            if (currentRemovingNode !== null) {
-                removeCount++;
-            }
-            while (part !== undefined && part.index === nodeIndex) {
-                // If part is in a removed node deactivate it by setting index to -1 or
-                // adjust the index as needed.
-                part.index = currentRemovingNode !== null ? -1 : part.index - removeCount;
-                // go to the next active part.
-                partIndex = nextActiveIndexInTemplateParts(parts, partIndex);
-                part = parts[partIndex];
-            }
-        }
-        nodesToRemoveInTemplate.forEach((n) => n.parentNode.removeChild(n));
-    }
-    const countNodes = (node) => {
-        let count = (node.nodeType === 11 /* Node.DOCUMENT_FRAGMENT_NODE */) ? 0 : 1;
-        const walker = document.createTreeWalker(node, walkerNodeFilter, null, false);
-        while (walker.nextNode()) {
-            count++;
-        }
-        return count;
-    };
-    const nextActiveIndexInTemplateParts = (parts, startIndex = -1) => {
-        for (let i = startIndex + 1; i < parts.length; i++) {
-            const part = parts[i];
-            if (isTemplatePartActive(part)) {
-                return i;
-            }
-        }
-        return -1;
-    };
-    /**
-     * Inserts the given node into the Template, optionally before the given
-     * refNode. In addition to inserting the node into the Template, the Template
-     * part indices are updated to match the mutated Template DOM.
-     */
-    function insertNodeIntoTemplate(template, node, refNode = null) {
-        const { element: { content }, parts } = template;
-        // If there's no refNode, then put node at end of template.
-        // No part indices need to be shifted in this case.
-        if (refNode === null || refNode === undefined) {
-            content.appendChild(node);
-            return;
-        }
-        const walker = document.createTreeWalker(content, walkerNodeFilter, null, false);
-        let partIndex = nextActiveIndexInTemplateParts(parts);
-        let insertCount = 0;
-        let walkerIndex = -1;
-        while (walker.nextNode()) {
-            walkerIndex++;
-            const walkerNode = walker.currentNode;
-            if (walkerNode === refNode) {
-                insertCount = countNodes(node);
-                refNode.parentNode.insertBefore(node, refNode);
-            }
-            while (partIndex !== -1 && parts[partIndex].index === walkerIndex) {
-                // If we've inserted the node, simply adjust all subsequent parts
-                if (insertCount > 0) {
-                    while (partIndex !== -1) {
-                        parts[partIndex].index += insertCount;
-                        partIndex = nextActiveIndexInTemplateParts(parts, partIndex);
-                    }
-                    return;
-                }
-                partIndex = nextActiveIndexInTemplateParts(parts, partIndex);
-            }
-        }
-    }
-
-    /**
+class m{constructor(t,e,i){this.__parts=[],this.template=t,this.processor=e,this.options=i}update(t){let e=0;for(const i of this.__parts)void 0!==i&&i.setValue(t[e]),e++;for(const t of this.__parts)void 0!==t&&t.commit()}_clone(){const t=e?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),i=[],n=this.template.parts,s=document.createTreeWalker(t,133,null,!1);let o,r=0,a=0,l=s.nextNode();for(;r<n.length;)if(o=n[r],c(o)){for(;a<o.index;)a++,"TEMPLATE"===l.nodeName&&(i.push(l),s.currentNode=l.content),null===(l=s.nextNode())&&(s.currentNode=i.pop(),l=s.nextNode());if("node"===o.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(l.previousSibling),this.__parts.push(t)}else this.__parts.push(...this.processor.handleAttributeExpressions(l,o.name,o.strings,this.options));r++}else this.__parts.push(void 0),r++;return e&&(document.adoptNode(t),customElements.upgrade(t)),t}}
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -406,744 +66,8 @@
      * Code distributed by Google as part of the polymer project is also
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
-     */
-    const directives = new WeakMap();
-    const isDirective = (o) => {
-        return typeof o === 'function' && directives.has(o);
-    };
-
-    /**
-     * @license
-     * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
-     * This code may only be used under the BSD style license found at
-     * http://polymer.github.io/LICENSE.txt
-     * The complete set of authors may be found at
-     * http://polymer.github.io/AUTHORS.txt
-     * The complete set of contributors may be found at
-     * http://polymer.github.io/CONTRIBUTORS.txt
-     * Code distributed by Google as part of the polymer project is also
-     * subject to an additional IP rights grant found at
-     * http://polymer.github.io/PATENTS.txt
-     */
-    /**
-     * A sentinel value that signals that a value was handled by a directive and
-     * should not be written to the DOM.
-     */
-    const noChange = {};
-    /**
-     * A sentinel value that signals a NodePart to fully clear its content.
-     */
-    const nothing = {};
-
-    /**
-     * @license
-     * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
-     * This code may only be used under the BSD style license found at
-     * http://polymer.github.io/LICENSE.txt
-     * The complete set of authors may be found at
-     * http://polymer.github.io/AUTHORS.txt
-     * The complete set of contributors may be found at
-     * http://polymer.github.io/CONTRIBUTORS.txt
-     * Code distributed by Google as part of the polymer project is also
-     * subject to an additional IP rights grant found at
-     * http://polymer.github.io/PATENTS.txt
-     */
-    /**
-     * An instance of a `Template` that can be attached to the DOM and updated
-     * with new values.
-     */
-    class TemplateInstance {
-        constructor(template, processor, options) {
-            this.__parts = [];
-            this.template = template;
-            this.processor = processor;
-            this.options = options;
-        }
-        update(values) {
-            let i = 0;
-            for (const part of this.__parts) {
-                if (part !== undefined) {
-                    part.setValue(values[i]);
-                }
-                i++;
-            }
-            for (const part of this.__parts) {
-                if (part !== undefined) {
-                    part.commit();
-                }
-            }
-        }
-        _clone() {
-            // There are a number of steps in the lifecycle of a template instance's
-            // DOM fragment:
-            //  1. Clone - create the instance fragment
-            //  2. Adopt - adopt into the main document
-            //  3. Process - find part markers and create parts
-            //  4. Upgrade - upgrade custom elements
-            //  5. Update - set node, attribute, property, etc., values
-            //  6. Connect - connect to the document. Optional and outside of this
-            //     method.
-            //
-            // We have a few constraints on the ordering of these steps:
-            //  * We need to upgrade before updating, so that property values will pass
-            //    through any property setters.
-            //  * We would like to process before upgrading so that we're sure that the
-            //    cloned fragment is inert and not disturbed by self-modifying DOM.
-            //  * We want custom elements to upgrade even in disconnected fragments.
-            //
-            // Given these constraints, with full custom elements support we would
-            // prefer the order: Clone, Process, Adopt, Upgrade, Update, Connect
-            //
-            // But Safari does not implement CustomElementRegistry#upgrade, so we
-            // can not implement that order and still have upgrade-before-update and
-            // upgrade disconnected fragments. So we instead sacrifice the
-            // process-before-upgrade constraint, since in Custom Elements v1 elements
-            // must not modify their light DOM in the constructor. We still have issues
-            // when co-existing with CEv0 elements like Polymer 1, and with polyfills
-            // that don't strictly adhere to the no-modification rule because shadow
-            // DOM, which may be created in the constructor, is emulated by being placed
-            // in the light DOM.
-            //
-            // The resulting order is on native is: Clone, Adopt, Upgrade, Process,
-            // Update, Connect. document.importNode() performs Clone, Adopt, and Upgrade
-            // in one step.
-            //
-            // The Custom Elements v1 polyfill supports upgrade(), so the order when
-            // polyfilled is the more ideal: Clone, Process, Adopt, Upgrade, Update,
-            // Connect.
-            const fragment = isCEPolyfill ?
-                this.template.element.content.cloneNode(true) :
-                document.importNode(this.template.element.content, true);
-            const stack = [];
-            const parts = this.template.parts;
-            // Edge needs all 4 parameters present; IE11 needs 3rd parameter to be null
-            const walker = document.createTreeWalker(fragment, 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */, null, false);
-            let partIndex = 0;
-            let nodeIndex = 0;
-            let part;
-            let node = walker.nextNode();
-            // Loop through all the nodes and parts of a template
-            while (partIndex < parts.length) {
-                part = parts[partIndex];
-                if (!isTemplatePartActive(part)) {
-                    this.__parts.push(undefined);
-                    partIndex++;
-                    continue;
-                }
-                // Progress the tree walker until we find our next part's node.
-                // Note that multiple parts may share the same node (attribute parts
-                // on a single element), so this loop may not run at all.
-                while (nodeIndex < part.index) {
-                    nodeIndex++;
-                    if (node.nodeName === 'TEMPLATE') {
-                        stack.push(node);
-                        walker.currentNode = node.content;
-                    }
-                    if ((node = walker.nextNode()) === null) {
-                        // We've exhausted the content inside a nested template element.
-                        // Because we still have parts (the outer for-loop), we know:
-                        // - There is a template in the stack
-                        // - The walker will find a nextNode outside the template
-                        walker.currentNode = stack.pop();
-                        node = walker.nextNode();
-                    }
-                }
-                // We've arrived at our part's node.
-                if (part.type === 'node') {
-                    const part = this.processor.handleTextExpression(this.options);
-                    part.insertAfterNode(node.previousSibling);
-                    this.__parts.push(part);
-                }
-                else {
-                    this.__parts.push(...this.processor.handleAttributeExpressions(node, part.name, part.strings, this.options));
-                }
-                partIndex++;
-            }
-            if (isCEPolyfill) {
-                document.adoptNode(fragment);
-                customElements.upgrade(fragment);
-            }
-            return fragment;
-        }
-    }
-
-    /**
-     * @license
-     * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
-     * This code may only be used under the BSD style license found at
-     * http://polymer.github.io/LICENSE.txt
-     * The complete set of authors may be found at
-     * http://polymer.github.io/AUTHORS.txt
-     * The complete set of contributors may be found at
-     * http://polymer.github.io/CONTRIBUTORS.txt
-     * Code distributed by Google as part of the polymer project is also
-     * subject to an additional IP rights grant found at
-     * http://polymer.github.io/PATENTS.txt
-     */
-    /**
-     * Our TrustedTypePolicy for HTML which is declared using the html template
-     * tag function.
-     *
-     * That HTML is a developer-authored constant, and is parsed with innerHTML
-     * before any untrusted expressions have been mixed in. Therefor it is
-     * considered safe by construction.
-     */
-    const policy = window.trustedTypes &&
-        trustedTypes.createPolicy('lit-html', { createHTML: (s) => s });
-    const commentMarker = ` ${marker} `;
-    /**
-     * The return type of `html`, which holds a Template and the values from
-     * interpolated expressions.
-     */
-    class TemplateResult {
-        constructor(strings, values, type, processor) {
-            this.strings = strings;
-            this.values = values;
-            this.type = type;
-            this.processor = processor;
-        }
-        /**
-         * Returns a string of HTML used to create a `<template>` element.
-         */
-        getHTML() {
-            const l = this.strings.length - 1;
-            let html = '';
-            let isCommentBinding = false;
-            for (let i = 0; i < l; i++) {
-                const s = this.strings[i];
-                // For each binding we want to determine the kind of marker to insert
-                // into the template source before it's parsed by the browser's HTML
-                // parser. The marker type is based on whether the expression is in an
-                // attribute, text, or comment position.
-                //   * For node-position bindings we insert a comment with the marker
-                //     sentinel as its text content, like <!--{{lit-guid}}-->.
-                //   * For attribute bindings we insert just the marker sentinel for the
-                //     first binding, so that we support unquoted attribute bindings.
-                //     Subsequent bindings can use a comment marker because multi-binding
-                //     attributes must be quoted.
-                //   * For comment bindings we insert just the marker sentinel so we don't
-                //     close the comment.
-                //
-                // The following code scans the template source, but is *not* an HTML
-                // parser. We don't need to track the tree structure of the HTML, only
-                // whether a binding is inside a comment, and if not, if it appears to be
-                // the first binding in an attribute.
-                const commentOpen = s.lastIndexOf('<!--');
-                // We're in comment position if we have a comment open with no following
-                // comment close. Because <-- can appear in an attribute value there can
-                // be false positives.
-                isCommentBinding = (commentOpen > -1 || isCommentBinding) &&
-                    s.indexOf('-->', commentOpen + 1) === -1;
-                // Check to see if we have an attribute-like sequence preceding the
-                // expression. This can match "name=value" like structures in text,
-                // comments, and attribute values, so there can be false-positives.
-                const attributeMatch = lastAttributeNameRegex.exec(s);
-                if (attributeMatch === null) {
-                    // We're only in this branch if we don't have a attribute-like
-                    // preceding sequence. For comments, this guards against unusual
-                    // attribute values like <div foo="<!--${'bar'}">. Cases like
-                    // <!-- foo=${'bar'}--> are handled correctly in the attribute branch
-                    // below.
-                    html += s + (isCommentBinding ? commentMarker : nodeMarker);
-                }
-                else {
-                    // For attributes we use just a marker sentinel, and also append a
-                    // $lit$ suffix to the name to opt-out of attribute-specific parsing
-                    // that IE and Edge do for style and certain SVG attributes.
-                    html += s.substr(0, attributeMatch.index) + attributeMatch[1] +
-                        attributeMatch[2] + boundAttributeSuffix + attributeMatch[3] +
-                        marker;
-                }
-            }
-            html += this.strings[l];
-            return html;
-        }
-        getTemplateElement() {
-            const template = document.createElement('template');
-            let value = this.getHTML();
-            if (policy !== undefined) {
-                // this is secure because `this.strings` is a TemplateStringsArray.
-                // TODO: validate this when
-                // https://github.com/tc39/proposal-array-is-template-object is
-                // implemented.
-                value = policy.createHTML(value);
-            }
-            template.innerHTML = value;
-            return template;
-        }
-    }
-
-    /**
-     * @license
-     * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
-     * This code may only be used under the BSD style license found at
-     * http://polymer.github.io/LICENSE.txt
-     * The complete set of authors may be found at
-     * http://polymer.github.io/AUTHORS.txt
-     * The complete set of contributors may be found at
-     * http://polymer.github.io/CONTRIBUTORS.txt
-     * Code distributed by Google as part of the polymer project is also
-     * subject to an additional IP rights grant found at
-     * http://polymer.github.io/PATENTS.txt
-     */
-    const isPrimitive = (value) => {
-        return (value === null ||
-            !(typeof value === 'object' || typeof value === 'function'));
-    };
-    const isIterable = (value) => {
-        return Array.isArray(value) ||
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            !!(value && value[Symbol.iterator]);
-    };
-    /**
-     * Writes attribute values to the DOM for a group of AttributeParts bound to a
-     * single attribute. The value is only set once even if there are multiple parts
-     * for an attribute.
-     */
-    class AttributeCommitter {
-        constructor(element, name, strings) {
-            this.dirty = true;
-            this.element = element;
-            this.name = name;
-            this.strings = strings;
-            this.parts = [];
-            for (let i = 0; i < strings.length - 1; i++) {
-                this.parts[i] = this._createPart();
-            }
-        }
-        /**
-         * Creates a single part. Override this to create a differnt type of part.
-         */
-        _createPart() {
-            return new AttributePart(this);
-        }
-        _getValue() {
-            const strings = this.strings;
-            const l = strings.length - 1;
-            const parts = this.parts;
-            // If we're assigning an attribute via syntax like:
-            //    attr="${foo}"  or  attr=${foo}
-            // but not
-            //    attr="${foo} ${bar}" or attr="${foo} baz"
-            // then we don't want to coerce the attribute value into one long
-            // string. Instead we want to just return the value itself directly,
-            // so that sanitizeDOMValue can get the actual value rather than
-            // String(value)
-            // The exception is if v is an array, in which case we do want to smash
-            // it together into a string without calling String() on the array.
-            //
-            // This also allows trusted values (when using TrustedTypes) being
-            // assigned to DOM sinks without being stringified in the process.
-            if (l === 1 && strings[0] === '' && strings[1] === '') {
-                const v = parts[0].value;
-                if (typeof v === 'symbol') {
-                    return String(v);
-                }
-                if (typeof v === 'string' || !isIterable(v)) {
-                    return v;
-                }
-            }
-            let text = '';
-            for (let i = 0; i < l; i++) {
-                text += strings[i];
-                const part = parts[i];
-                if (part !== undefined) {
-                    const v = part.value;
-                    if (isPrimitive(v) || !isIterable(v)) {
-                        text += typeof v === 'string' ? v : String(v);
-                    }
-                    else {
-                        for (const t of v) {
-                            text += typeof t === 'string' ? t : String(t);
-                        }
-                    }
-                }
-            }
-            text += strings[l];
-            return text;
-        }
-        commit() {
-            if (this.dirty) {
-                this.dirty = false;
-                this.element.setAttribute(this.name, this._getValue());
-            }
-        }
-    }
-    /**
-     * A Part that controls all or part of an attribute value.
-     */
-    class AttributePart {
-        constructor(committer) {
-            this.value = undefined;
-            this.committer = committer;
-        }
-        setValue(value) {
-            if (value !== noChange && (!isPrimitive(value) || value !== this.value)) {
-                this.value = value;
-                // If the value is a not a directive, dirty the committer so that it'll
-                // call setAttribute. If the value is a directive, it'll dirty the
-                // committer if it calls setValue().
-                if (!isDirective(value)) {
-                    this.committer.dirty = true;
-                }
-            }
-        }
-        commit() {
-            while (isDirective(this.value)) {
-                const directive = this.value;
-                this.value = noChange;
-                directive(this);
-            }
-            if (this.value === noChange) {
-                return;
-            }
-            this.committer.commit();
-        }
-    }
-    /**
-     * A Part that controls a location within a Node tree. Like a Range, NodePart
-     * has start and end locations and can set and update the Nodes between those
-     * locations.
-     *
-     * NodeParts support several value types: primitives, Nodes, TemplateResults,
-     * as well as arrays and iterables of those types.
-     */
-    class NodePart {
-        constructor(options) {
-            this.value = undefined;
-            this.__pendingValue = undefined;
-            this.options = options;
-        }
-        /**
-         * Appends this part into a container.
-         *
-         * This part must be empty, as its contents are not automatically moved.
-         */
-        appendInto(container) {
-            this.startNode = container.appendChild(createMarker());
-            this.endNode = container.appendChild(createMarker());
-        }
-        /**
-         * Inserts this part after the `ref` node (between `ref` and `ref`'s next
-         * sibling). Both `ref` and its next sibling must be static, unchanging nodes
-         * such as those that appear in a literal section of a template.
-         *
-         * This part must be empty, as its contents are not automatically moved.
-         */
-        insertAfterNode(ref) {
-            this.startNode = ref;
-            this.endNode = ref.nextSibling;
-        }
-        /**
-         * Appends this part into a parent part.
-         *
-         * This part must be empty, as its contents are not automatically moved.
-         */
-        appendIntoPart(part) {
-            part.__insert(this.startNode = createMarker());
-            part.__insert(this.endNode = createMarker());
-        }
-        /**
-         * Inserts this part after the `ref` part.
-         *
-         * This part must be empty, as its contents are not automatically moved.
-         */
-        insertAfterPart(ref) {
-            ref.__insert(this.startNode = createMarker());
-            this.endNode = ref.endNode;
-            ref.endNode = this.startNode;
-        }
-        setValue(value) {
-            this.__pendingValue = value;
-        }
-        commit() {
-            if (this.startNode.parentNode === null) {
-                return;
-            }
-            while (isDirective(this.__pendingValue)) {
-                const directive = this.__pendingValue;
-                this.__pendingValue = noChange;
-                directive(this);
-            }
-            const value = this.__pendingValue;
-            if (value === noChange) {
-                return;
-            }
-            if (isPrimitive(value)) {
-                if (value !== this.value) {
-                    this.__commitText(value);
-                }
-            }
-            else if (value instanceof TemplateResult) {
-                this.__commitTemplateResult(value);
-            }
-            else if (value instanceof Node) {
-                this.__commitNode(value);
-            }
-            else if (isIterable(value)) {
-                this.__commitIterable(value);
-            }
-            else if (value === nothing) {
-                this.value = nothing;
-                this.clear();
-            }
-            else {
-                // Fallback, will render the string representation
-                this.__commitText(value);
-            }
-        }
-        __insert(node) {
-            this.endNode.parentNode.insertBefore(node, this.endNode);
-        }
-        __commitNode(value) {
-            if (this.value === value) {
-                return;
-            }
-            this.clear();
-            this.__insert(value);
-            this.value = value;
-        }
-        __commitText(value) {
-            const node = this.startNode.nextSibling;
-            value = value == null ? '' : value;
-            // If `value` isn't already a string, we explicitly convert it here in case
-            // it can't be implicitly converted - i.e. it's a symbol.
-            const valueAsString = typeof value === 'string' ? value : String(value);
-            if (node === this.endNode.previousSibling &&
-                node.nodeType === 3 /* Node.TEXT_NODE */) {
-                // If we only have a single text node between the markers, we can just
-                // set its value, rather than replacing it.
-                // TODO(justinfagnani): Can we just check if this.value is primitive?
-                node.data = valueAsString;
-            }
-            else {
-                this.__commitNode(document.createTextNode(valueAsString));
-            }
-            this.value = value;
-        }
-        __commitTemplateResult(value) {
-            const template = this.options.templateFactory(value);
-            if (this.value instanceof TemplateInstance &&
-                this.value.template === template) {
-                this.value.update(value.values);
-            }
-            else {
-                // Make sure we propagate the template processor from the TemplateResult
-                // so that we use its syntax extension, etc. The template factory comes
-                // from the render function options so that it can control template
-                // caching and preprocessing.
-                const instance = new TemplateInstance(template, value.processor, this.options);
-                const fragment = instance._clone();
-                instance.update(value.values);
-                this.__commitNode(fragment);
-                this.value = instance;
-            }
-        }
-        __commitIterable(value) {
-            // For an Iterable, we create a new InstancePart per item, then set its
-            // value to the item. This is a little bit of overhead for every item in
-            // an Iterable, but it lets us recurse easily and efficiently update Arrays
-            // of TemplateResults that will be commonly returned from expressions like:
-            // array.map((i) => html`${i}`), by reusing existing TemplateInstances.
-            // If _value is an array, then the previous render was of an
-            // iterable and _value will contain the NodeParts from the previous
-            // render. If _value is not an array, clear this part and make a new
-            // array for NodeParts.
-            if (!Array.isArray(this.value)) {
-                this.value = [];
-                this.clear();
-            }
-            // Lets us keep track of how many items we stamped so we can clear leftover
-            // items from a previous render
-            const itemParts = this.value;
-            let partIndex = 0;
-            let itemPart;
-            for (const item of value) {
-                // Try to reuse an existing part
-                itemPart = itemParts[partIndex];
-                // If no existing part, create a new one
-                if (itemPart === undefined) {
-                    itemPart = new NodePart(this.options);
-                    itemParts.push(itemPart);
-                    if (partIndex === 0) {
-                        itemPart.appendIntoPart(this);
-                    }
-                    else {
-                        itemPart.insertAfterPart(itemParts[partIndex - 1]);
-                    }
-                }
-                itemPart.setValue(item);
-                itemPart.commit();
-                partIndex++;
-            }
-            if (partIndex < itemParts.length) {
-                // Truncate the parts array so _value reflects the current state
-                itemParts.length = partIndex;
-                this.clear(itemPart && itemPart.endNode);
-            }
-        }
-        clear(startNode = this.startNode) {
-            removeNodes(this.startNode.parentNode, startNode.nextSibling, this.endNode);
-        }
-    }
-    /**
-     * Implements a boolean attribute, roughly as defined in the HTML
-     * specification.
-     *
-     * If the value is truthy, then the attribute is present with a value of
-     * ''. If the value is falsey, the attribute is removed.
-     */
-    class BooleanAttributePart {
-        constructor(element, name, strings) {
-            this.value = undefined;
-            this.__pendingValue = undefined;
-            if (strings.length !== 2 || strings[0] !== '' || strings[1] !== '') {
-                throw new Error('Boolean attributes can only contain a single expression');
-            }
-            this.element = element;
-            this.name = name;
-            this.strings = strings;
-        }
-        setValue(value) {
-            this.__pendingValue = value;
-        }
-        commit() {
-            while (isDirective(this.__pendingValue)) {
-                const directive = this.__pendingValue;
-                this.__pendingValue = noChange;
-                directive(this);
-            }
-            if (this.__pendingValue === noChange) {
-                return;
-            }
-            const value = !!this.__pendingValue;
-            if (this.value !== value) {
-                if (value) {
-                    this.element.setAttribute(this.name, '');
-                }
-                else {
-                    this.element.removeAttribute(this.name);
-                }
-                this.value = value;
-            }
-            this.__pendingValue = noChange;
-        }
-    }
-    /**
-     * Sets attribute values for PropertyParts, so that the value is only set once
-     * even if there are multiple parts for a property.
-     *
-     * If an expression controls the whole property value, then the value is simply
-     * assigned to the property under control. If there are string literals or
-     * multiple expressions, then the strings are expressions are interpolated into
-     * a string first.
-     */
-    class PropertyCommitter extends AttributeCommitter {
-        constructor(element, name, strings) {
-            super(element, name, strings);
-            this.single =
-                (strings.length === 2 && strings[0] === '' && strings[1] === '');
-        }
-        _createPart() {
-            return new PropertyPart(this);
-        }
-        _getValue() {
-            if (this.single) {
-                return this.parts[0].value;
-            }
-            return super._getValue();
-        }
-        commit() {
-            if (this.dirty) {
-                this.dirty = false;
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                this.element[this.name] = this._getValue();
-            }
-        }
-    }
-    class PropertyPart extends AttributePart {
-    }
-    // Detect event listener options support. If the `capture` property is read
-    // from the options object, then options are supported. If not, then the third
-    // argument to add/removeEventListener is interpreted as the boolean capture
-    // value so we should only pass the `capture` property.
-    let eventOptionsSupported = false;
-    // Wrap into an IIFE because MS Edge <= v41 does not support having try/catch
-    // blocks right into the body of a module
-    (() => {
-        try {
-            const options = {
-                get capture() {
-                    eventOptionsSupported = true;
-                    return false;
-                }
-            };
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            window.addEventListener('test', options, options);
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            window.removeEventListener('test', options, options);
-        }
-        catch (_e) {
-            // event options not supported
-        }
-    })();
-    class EventPart {
-        constructor(element, eventName, eventContext) {
-            this.value = undefined;
-            this.__pendingValue = undefined;
-            this.element = element;
-            this.eventName = eventName;
-            this.eventContext = eventContext;
-            this.__boundHandleEvent = (e) => this.handleEvent(e);
-        }
-        setValue(value) {
-            this.__pendingValue = value;
-        }
-        commit() {
-            while (isDirective(this.__pendingValue)) {
-                const directive = this.__pendingValue;
-                this.__pendingValue = noChange;
-                directive(this);
-            }
-            if (this.__pendingValue === noChange) {
-                return;
-            }
-            const newListener = this.__pendingValue;
-            const oldListener = this.value;
-            const shouldRemoveListener = newListener == null ||
-                oldListener != null &&
-                    (newListener.capture !== oldListener.capture ||
-                        newListener.once !== oldListener.once ||
-                        newListener.passive !== oldListener.passive);
-            const shouldAddListener = newListener != null && (oldListener == null || shouldRemoveListener);
-            if (shouldRemoveListener) {
-                this.element.removeEventListener(this.eventName, this.__boundHandleEvent, this.__options);
-            }
-            if (shouldAddListener) {
-                this.__options = getOptions(newListener);
-                this.element.addEventListener(this.eventName, this.__boundHandleEvent, this.__options);
-            }
-            this.value = newListener;
-            this.__pendingValue = noChange;
-        }
-        handleEvent(event) {
-            if (typeof this.value === 'function') {
-                this.value.call(this.eventContext || this.element, event);
-            }
-            else {
-                this.value.handleEvent(event);
-            }
-        }
-    }
-    // We copy options because of the inconsistent behavior of browsers when reading
-    // the third argument of add/removeEventListener. IE11 doesn't support options
-    // at all. Chrome 41 only reads `capture` if the argument is an object.
-    const getOptions = (o) => o &&
-        (eventOptionsSupported ?
-            { capture: o.capture, passive: o.passive, once: o.once } :
-            o.capture);
-
-    /**
+     */const w=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:t=>t}),b=` ${n} `;class x{constructor(t,e,i,n){this.strings=t,this.values=e,this.type=i,this.processor=n}getHTML(){const t=this.strings.length-1;let e="",i=!1;for(let o=0;o<t;o++){const t=this.strings[o],a=t.lastIndexOf("\x3c!--");i=(a>-1||i)&&-1===t.indexOf("--\x3e",a+1);const l=d.exec(t);e+=null===l?t+(i?b:s):t.substr(0,l.index)+l[1]+l[2]+r+l[3]+n}return e+=this.strings[t],e}getTemplateElement(){const t=document.createElement("template");let e=this.getHTML();return void 0!==w&&(e=w.createHTML(e)),t.innerHTML=e,t}}
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -1155,42 +79,8 @@
      * Code distributed by Google as part of the polymer project is also
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
-     */
-    /**
-     * The default TemplateFactory which caches Templates keyed on
-     * result.type and result.strings.
-     */
-    function templateFactory(result) {
-        let templateCache = templateCaches.get(result.type);
-        if (templateCache === undefined) {
-            templateCache = {
-                stringsArray: new WeakMap(),
-                keyString: new Map()
-            };
-            templateCaches.set(result.type, templateCache);
-        }
-        let template = templateCache.stringsArray.get(result.strings);
-        if (template !== undefined) {
-            return template;
-        }
-        // If the TemplateStringsArray is new, generate a key from the strings
-        // This key is shared between all templates with identical content
-        const key = result.strings.join(marker);
-        // Check if we already have a Template for this key
-        template = templateCache.keyString.get(key);
-        if (template === undefined) {
-            // If we have not seen this key before, create a new Template
-            template = new Template(result, result.getTemplateElement());
-            // Cache the Template for this key
-            templateCache.keyString.set(key, template);
-        }
-        // Cache all future queries for this TemplateStringsArray
-        templateCache.stringsArray.set(result.strings, template);
-        return template;
-    }
-    const templateCaches = new Map();
-
-    /**
+     */const S=t=>null===t||!("object"==typeof t||"function"==typeof t),C=t=>Array.isArray(t)||!(!t||!t[Symbol.iterator]);class ${constructor(t,e,i){this.dirty=!0,this.element=t,this.name=e,this.strings=i,this.parts=[];for(let t=0;t<i.length-1;t++)this.parts[t]=this._createPart()}_createPart(){return new A(this)}_getValue(){const t=this.strings,e=t.length-1,i=this.parts;if(1===e&&""===t[0]&&""===t[1]){const t=i[0].value;if("symbol"==typeof t)return String(t);if("string"==typeof t||!C(t))return t}let n="";for(let s=0;s<e;s++){n+=t[s];const e=i[s];if(void 0!==e){const t=e.value;if(S(t)||!C(t))n+="string"==typeof t?t:String(t);else for(const e of t)n+="string"==typeof e?e:String(e)}}return n+=t[e],n}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class A{constructor(t){this.value=void 0,this.committer=t}setValue(t){t===v||S(t)&&t===this.value||(this.value=t,y(t)||(this.committer.dirty=!0))}commit(){for(;y(this.value);){const t=this.value;this.value=v,t(this)}this.value!==v&&this.committer.commit()}}class E{constructor(t){this.value=void 0,this.__pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild(h()),this.endNode=t.appendChild(h())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t.__insert(this.startNode=h()),t.__insert(this.endNode=h())}insertAfterPart(t){t.__insert(this.startNode=h()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this.__pendingValue=t}commit(){if(null===this.startNode.parentNode)return;for(;y(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=v,t(this)}const t=this.__pendingValue;t!==v&&(S(t)?t!==this.value&&this.__commitText(t):t instanceof x?this.__commitTemplateResult(t):t instanceof Node?this.__commitNode(t):C(t)?this.__commitIterable(t):t===f?(this.value=f,this.clear()):this.__commitText(t))}__insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}__commitNode(t){this.value!==t&&(this.clear(),this.__insert(t),this.value=t)}__commitText(t){const e=this.startNode.nextSibling,i="string"==typeof(t=null==t?"":t)?t:String(t);e===this.endNode.previousSibling&&3===e.nodeType?e.data=i:this.__commitNode(document.createTextNode(i)),this.value=t}__commitTemplateResult(t){const e=this.options.templateFactory(t);if(this.value instanceof m&&this.value.template===e)this.value.update(t.values);else{const i=new m(e,t.processor,this.options),n=i._clone();i.update(t.values),this.__commitNode(n),this.value=i}}__commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const e=this.value;let i,n=0;for(const s of t)i=e[n],void 0===i&&(i=new E(this.options),e.push(i),0===n?i.appendIntoPart(this):i.insertAfterPart(e[n-1])),i.setValue(s),i.commit(),n++;n<e.length&&(e.length=n,this.clear(i&&i.endNode))}clear(t=this.startNode){i(this.startNode.parentNode,t.nextSibling,this.endNode)}}class P{constructor(t,e,i){if(this.value=void 0,this.__pendingValue=void 0,2!==i.length||""!==i[0]||""!==i[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=i}setValue(t){this.__pendingValue=t}commit(){for(;y(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=v,t(this)}if(this.__pendingValue===v)return;const t=!!this.__pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=t),this.__pendingValue=v}}class M extends ${constructor(t,e,i){super(t,e,i),this.single=2===i.length&&""===i[0]&&""===i[1]}_createPart(){return new k(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class k extends A{}let N=!1;(()=>{try{const t={get capture(){return N=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){}})();class R{constructor(t,e,i){this.value=void 0,this.__pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=i,this.__boundHandleEvent=t=>this.handleEvent(t)}setValue(t){this.__pendingValue=t}commit(){for(;y(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=v,t(this)}if(this.__pendingValue===v)return;const t=this.__pendingValue,e=this.value,i=null==t||null!=e&&(t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive),n=null!=t&&(null==e||i);i&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),n&&(this.__options=T(t),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=t,this.__pendingValue=v}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}const T=t=>t&&(N?{capture:t.capture,passive:t.passive,once:t.once}:t.capture)
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -1202,35 +92,8 @@
      * Code distributed by Google as part of the polymer project is also
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
-     */
-    const parts = new WeakMap();
-    /**
-     * Renders a template result or other value to a container.
-     *
-     * To update a container with new values, reevaluate the template literal and
-     * call `render` with the new result.
-     *
-     * @param result Any value renderable by NodePart - typically a TemplateResult
-     *     created by evaluating a template tag like `html` or `svg`.
-     * @param container A DOM parent to render to. The entire contents are either
-     *     replaced, or efficiently updated if the same result type was previous
-     *     rendered there.
-     * @param options RenderOptions for the entire render tree rendered to this
-     *     container. Render options must *not* change between renders to the same
-     *     container, as those changes will not effect previously rendered DOM.
-     */
-    const render$1 = (result, container, options) => {
-        let part = parts.get(container);
-        if (part === undefined) {
-            removeNodes(container, container.firstChild);
-            parts.set(container, part = new NodePart(Object.assign({ templateFactory }, options)));
-            part.appendInto(container);
-        }
-        part.setValue(result);
-        part.commit();
-    };
-
-    /**
+     */;function O(t){let e=V.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},V.set(t.type,e));let i=e.stringsArray.get(t.strings);if(void 0!==i)return i;const s=t.strings.join(n);return i=e.keyString.get(s),void 0===i&&(i=new a(t,t.getTemplateElement()),e.keyString.set(s,i)),e.stringsArray.set(t.strings,i),i}const V=new Map,B=new WeakMap;
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -1242,46 +105,8 @@
      * Code distributed by Google as part of the polymer project is also
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
-     */
-    /**
-     * Creates Parts when a template is instantiated.
-     */
-    class DefaultTemplateProcessor {
-        /**
-         * Create parts for an attribute-position binding, given the event, attribute
-         * name, and string literals.
-         *
-         * @param element The element containing the binding
-         * @param name  The attribute name
-         * @param strings The string literals. There are always at least two strings,
-         *   event for fully-controlled bindings with a single expression.
-         */
-        handleAttributeExpressions(element, name, strings, options) {
-            const prefix = name[0];
-            if (prefix === '.') {
-                const committer = new PropertyCommitter(element, name.slice(1), strings);
-                return committer.parts;
-            }
-            if (prefix === '@') {
-                return [new EventPart(element, name.slice(1), options.eventContext)];
-            }
-            if (prefix === '?') {
-                return [new BooleanAttributePart(element, name.slice(1), strings)];
-            }
-            const committer = new AttributeCommitter(element, name, strings);
-            return committer.parts;
-        }
-        /**
-         * Create parts for a text-position binding.
-         * @param templateFactory
-         */
-        handleTextExpression(options) {
-            return new NodePart(options);
-        }
-    }
-    const defaultTemplateProcessor = new DefaultTemplateProcessor();
-
-    /**
+     */const W=new
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -1294,19 +119,8 @@
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
      */
-    // IMPORTANT: do not change the property name or the assignment expression.
-    // This line will be used in regexes to search for lit-html usage.
-    // TODO(justinfagnani): inject version number at build time
-    if (typeof window !== 'undefined') {
-        (window['litHtmlVersions'] || (window['litHtmlVersions'] = [])).push('1.3.0');
-    }
-    /**
-     * Interprets a template literal as an HTML template that can efficiently
-     * render to and update a container.
-     */
-    const html = (strings, ...values) => new TemplateResult(strings, values, 'html', defaultTemplateProcessor);
-
-    /**
+class{handleAttributeExpressions(t,e,i,n){const s=e[0];if("."===s){return new M(t,e.slice(1),i).parts}if("@"===s)return[new R(t,e.slice(1),n.eventContext)];if("?"===s)return[new P(t,e.slice(1),i)];return new $(t,e,i).parts}handleTextExpression(t){return new E(t)}};
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -1318,264 +132,8 @@
      * Code distributed by Google as part of the polymer project is also
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
-     */
-    // Get a key to lookup in `templateCaches`.
-    const getTemplateCacheKey = (type, scopeName) => `${type}--${scopeName}`;
-    let compatibleShadyCSSVersion = true;
-    if (typeof window.ShadyCSS === 'undefined') {
-        compatibleShadyCSSVersion = false;
-    }
-    else if (typeof window.ShadyCSS.prepareTemplateDom === 'undefined') {
-        console.warn(`Incompatible ShadyCSS version detected. ` +
-            `Please update to at least @webcomponents/webcomponentsjs@2.0.2 and ` +
-            `@webcomponents/shadycss@1.3.1.`);
-        compatibleShadyCSSVersion = false;
-    }
-    /**
-     * Template factory which scopes template DOM using ShadyCSS.
-     * @param scopeName {string}
-     */
-    const shadyTemplateFactory = (scopeName) => (result) => {
-        const cacheKey = getTemplateCacheKey(result.type, scopeName);
-        let templateCache = templateCaches.get(cacheKey);
-        if (templateCache === undefined) {
-            templateCache = {
-                stringsArray: new WeakMap(),
-                keyString: new Map()
-            };
-            templateCaches.set(cacheKey, templateCache);
-        }
-        let template = templateCache.stringsArray.get(result.strings);
-        if (template !== undefined) {
-            return template;
-        }
-        const key = result.strings.join(marker);
-        template = templateCache.keyString.get(key);
-        if (template === undefined) {
-            const element = result.getTemplateElement();
-            if (compatibleShadyCSSVersion) {
-                window.ShadyCSS.prepareTemplateDom(element, scopeName);
-            }
-            template = new Template(result, element);
-            templateCache.keyString.set(key, template);
-        }
-        templateCache.stringsArray.set(result.strings, template);
-        return template;
-    };
-    const TEMPLATE_TYPES = ['html', 'svg'];
-    /**
-     * Removes all style elements from Templates for the given scopeName.
-     */
-    const removeStylesFromLitTemplates = (scopeName) => {
-        TEMPLATE_TYPES.forEach((type) => {
-            const templates = templateCaches.get(getTemplateCacheKey(type, scopeName));
-            if (templates !== undefined) {
-                templates.keyString.forEach((template) => {
-                    const { element: { content } } = template;
-                    // IE 11 doesn't support the iterable param Set constructor
-                    const styles = new Set();
-                    Array.from(content.querySelectorAll('style')).forEach((s) => {
-                        styles.add(s);
-                    });
-                    removeNodesFromTemplate(template, styles);
-                });
-            }
-        });
-    };
-    const shadyRenderSet = new Set();
-    /**
-     * For the given scope name, ensures that ShadyCSS style scoping is performed.
-     * This is done just once per scope name so the fragment and template cannot
-     * be modified.
-     * (1) extracts styles from the rendered fragment and hands them to ShadyCSS
-     * to be scoped and appended to the document
-     * (2) removes style elements from all lit-html Templates for this scope name.
-     *
-     * Note, <style> elements can only be placed into templates for the
-     * initial rendering of the scope. If <style> elements are included in templates
-     * dynamically rendered to the scope (after the first scope render), they will
-     * not be scoped and the <style> will be left in the template and rendered
-     * output.
-     */
-    const prepareTemplateStyles = (scopeName, renderedDOM, template) => {
-        shadyRenderSet.add(scopeName);
-        // If `renderedDOM` is stamped from a Template, then we need to edit that
-        // Template's underlying template element. Otherwise, we create one here
-        // to give to ShadyCSS, which still requires one while scoping.
-        const templateElement = !!template ? template.element : document.createElement('template');
-        // Move styles out of rendered DOM and store.
-        const styles = renderedDOM.querySelectorAll('style');
-        const { length } = styles;
-        // If there are no styles, skip unnecessary work
-        if (length === 0) {
-            // Ensure prepareTemplateStyles is called to support adding
-            // styles via `prepareAdoptedCssText` since that requires that
-            // `prepareTemplateStyles` is called.
-            //
-            // ShadyCSS will only update styles containing @apply in the template
-            // given to `prepareTemplateStyles`. If no lit Template was given,
-            // ShadyCSS will not be able to update uses of @apply in any relevant
-            // template. However, this is not a problem because we only create the
-            // template for the purpose of supporting `prepareAdoptedCssText`,
-            // which doesn't support @apply at all.
-            window.ShadyCSS.prepareTemplateStyles(templateElement, scopeName);
-            return;
-        }
-        const condensedStyle = document.createElement('style');
-        // Collect styles into a single style. This helps us make sure ShadyCSS
-        // manipulations will not prevent us from being able to fix up template
-        // part indices.
-        // NOTE: collecting styles is inefficient for browsers but ShadyCSS
-        // currently does this anyway. When it does not, this should be changed.
-        for (let i = 0; i < length; i++) {
-            const style = styles[i];
-            style.parentNode.removeChild(style);
-            condensedStyle.textContent += style.textContent;
-        }
-        // Remove styles from nested templates in this scope.
-        removeStylesFromLitTemplates(scopeName);
-        // And then put the condensed style into the "root" template passed in as
-        // `template`.
-        const content = templateElement.content;
-        if (!!template) {
-            insertNodeIntoTemplate(template, condensedStyle, content.firstChild);
-        }
-        else {
-            content.insertBefore(condensedStyle, content.firstChild);
-        }
-        // Note, it's important that ShadyCSS gets the template that `lit-html`
-        // will actually render so that it can update the style inside when
-        // needed (e.g. @apply native Shadow DOM case).
-        window.ShadyCSS.prepareTemplateStyles(templateElement, scopeName);
-        const style = content.querySelector('style');
-        if (window.ShadyCSS.nativeShadow && style !== null) {
-            // When in native Shadow DOM, ensure the style created by ShadyCSS is
-            // included in initially rendered output (`renderedDOM`).
-            renderedDOM.insertBefore(style.cloneNode(true), renderedDOM.firstChild);
-        }
-        else if (!!template) {
-            // When no style is left in the template, parts will be broken as a
-            // result. To fix this, we put back the style node ShadyCSS removed
-            // and then tell lit to remove that node from the template.
-            // There can be no style in the template in 2 cases (1) when Shady DOM
-            // is in use, ShadyCSS removes all styles, (2) when native Shadow DOM
-            // is in use ShadyCSS removes the style if it contains no content.
-            // NOTE, ShadyCSS creates its own style so we can safely add/remove
-            // `condensedStyle` here.
-            content.insertBefore(condensedStyle, content.firstChild);
-            const removes = new Set();
-            removes.add(condensedStyle);
-            removeNodesFromTemplate(template, removes);
-        }
-    };
-    /**
-     * Extension to the standard `render` method which supports rendering
-     * to ShadowRoots when the ShadyDOM (https://github.com/webcomponents/shadydom)
-     * and ShadyCSS (https://github.com/webcomponents/shadycss) polyfills are used
-     * or when the webcomponentsjs
-     * (https://github.com/webcomponents/webcomponentsjs) polyfill is used.
-     *
-     * Adds a `scopeName` option which is used to scope element DOM and stylesheets
-     * when native ShadowDOM is unavailable. The `scopeName` will be added to
-     * the class attribute of all rendered DOM. In addition, any style elements will
-     * be automatically re-written with this `scopeName` selector and moved out
-     * of the rendered DOM and into the document `<head>`.
-     *
-     * It is common to use this render method in conjunction with a custom element
-     * which renders a shadowRoot. When this is done, typically the element's
-     * `localName` should be used as the `scopeName`.
-     *
-     * In addition to DOM scoping, ShadyCSS also supports a basic shim for css
-     * custom properties (needed only on older browsers like IE11) and a shim for
-     * a deprecated feature called `@apply` that supports applying a set of css
-     * custom properties to a given location.
-     *
-     * Usage considerations:
-     *
-     * * Part values in `<style>` elements are only applied the first time a given
-     * `scopeName` renders. Subsequent changes to parts in style elements will have
-     * no effect. Because of this, parts in style elements should only be used for
-     * values that will never change, for example parts that set scope-wide theme
-     * values or parts which render shared style elements.
-     *
-     * * Note, due to a limitation of the ShadyDOM polyfill, rendering in a
-     * custom element's `constructor` is not supported. Instead rendering should
-     * either done asynchronously, for example at microtask timing (for example
-     * `Promise.resolve()`), or be deferred until the first time the element's
-     * `connectedCallback` runs.
-     *
-     * Usage considerations when using shimmed custom properties or `@apply`:
-     *
-     * * Whenever any dynamic changes are made which affect
-     * css custom properties, `ShadyCSS.styleElement(element)` must be called
-     * to update the element. There are two cases when this is needed:
-     * (1) the element is connected to a new parent, (2) a class is added to the
-     * element that causes it to match different custom properties.
-     * To address the first case when rendering a custom element, `styleElement`
-     * should be called in the element's `connectedCallback`.
-     *
-     * * Shimmed custom properties may only be defined either for an entire
-     * shadowRoot (for example, in a `:host` rule) or via a rule that directly
-     * matches an element with a shadowRoot. In other words, instead of flowing from
-     * parent to child as do native css custom properties, shimmed custom properties
-     * flow only from shadowRoots to nested shadowRoots.
-     *
-     * * When using `@apply` mixing css shorthand property names with
-     * non-shorthand names (for example `border` and `border-width`) is not
-     * supported.
-     */
-    const render = (result, container, options) => {
-        if (!options || typeof options !== 'object' || !options.scopeName) {
-            throw new Error('The `scopeName` option is required.');
-        }
-        const scopeName = options.scopeName;
-        const hasRendered = parts.has(container);
-        const needsScoping = compatibleShadyCSSVersion &&
-            container.nodeType === 11 /* Node.DOCUMENT_FRAGMENT_NODE */ &&
-            !!container.host;
-        // Handle first render to a scope specially...
-        const firstScopeRender = needsScoping && !shadyRenderSet.has(scopeName);
-        // On first scope render, render into a fragment; this cannot be a single
-        // fragment that is reused since nested renders can occur synchronously.
-        const renderContainer = firstScopeRender ? document.createDocumentFragment() : container;
-        render$1(result, renderContainer, Object.assign({ templateFactory: shadyTemplateFactory(scopeName) }, options));
-        // When performing first scope render,
-        // (1) We've rendered into a fragment so that there's a chance to
-        // `prepareTemplateStyles` before sub-elements hit the DOM
-        // (which might cause them to render based on a common pattern of
-        // rendering in a custom element's `connectedCallback`);
-        // (2) Scope the template with ShadyCSS one time only for this scope.
-        // (3) Render the fragment into the container and make sure the
-        // container knows its `part` is the one we just rendered. This ensures
-        // DOM will be re-used on subsequent renders.
-        if (firstScopeRender) {
-            const part = parts.get(renderContainer);
-            parts.delete(renderContainer);
-            // ShadyCSS might have style sheets (e.g. from `prepareAdoptedCssText`)
-            // that should apply to `renderContainer` even if the rendered value is
-            // not a TemplateInstance. However, it will only insert scoped styles
-            // into the document if `prepareTemplateStyles` has already been called
-            // for the given scope name.
-            const template = part.value instanceof TemplateInstance ?
-                part.value.template :
-                undefined;
-            prepareTemplateStyles(scopeName, renderContainer, template);
-            removeNodes(container, container.firstChild);
-            container.appendChild(renderContainer);
-            parts.set(container, part);
-        }
-        // After elements have hit the DOM, update styling if this is the
-        // initial render to this container.
-        // This is needed whenever dynamic changes are made so it would be
-        // safest to do every render; however, this would regress performance
-        // so we leave it up to the user to call `ShadyCSS.styleElement`
-        // for dynamic changes.
-        if (!hasRendered && needsScoping) {
-            window.ShadyCSS.styleElement(container.host);
-        }
-    };
-
-    /**
+     */"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.3.0");const U=(t,...e)=>new x(t,e,"html",W)
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -1587,668 +145,8 @@
      * Code distributed by Google as part of the polymer project is also
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
-     */
-    var _a;
-    /**
-     * Use this module if you want to create your own base class extending
-     * [[UpdatingElement]].
-     * @packageDocumentation
-     */
-    /*
-     * When using Closure Compiler, JSCompiler_renameProperty(property, object) is
-     * replaced at compile time by the munged name for object[property]. We cannot
-     * alias this function, so we have to use a small shim that has the same
-     * behavior when not compiling.
-     */
-    window.JSCompiler_renameProperty =
-        (prop, _obj) => prop;
-    const defaultConverter = {
-        toAttribute(value, type) {
-            switch (type) {
-                case Boolean:
-                    return value ? '' : null;
-                case Object:
-                case Array:
-                    // if the value is `null` or `undefined` pass this through
-                    // to allow removing/no change behavior.
-                    return value == null ? value : JSON.stringify(value);
-            }
-            return value;
-        },
-        fromAttribute(value, type) {
-            switch (type) {
-                case Boolean:
-                    return value !== null;
-                case Number:
-                    return value === null ? null : Number(value);
-                case Object:
-                case Array:
-                    return JSON.parse(value);
-            }
-            return value;
-        }
-    };
-    /**
-     * Change function that returns true if `value` is different from `oldValue`.
-     * This method is used as the default for a property's `hasChanged` function.
-     */
-    const notEqual = (value, old) => {
-        // This ensures (old==NaN, value==NaN) always returns false
-        return old !== value && (old === old || value === value);
-    };
-    const defaultPropertyDeclaration = {
-        attribute: true,
-        type: String,
-        converter: defaultConverter,
-        reflect: false,
-        hasChanged: notEqual
-    };
-    const STATE_HAS_UPDATED = 1;
-    const STATE_UPDATE_REQUESTED = 1 << 2;
-    const STATE_IS_REFLECTING_TO_ATTRIBUTE = 1 << 3;
-    const STATE_IS_REFLECTING_TO_PROPERTY = 1 << 4;
-    /**
-     * The Closure JS Compiler doesn't currently have good support for static
-     * property semantics where "this" is dynamic (e.g.
-     * https://github.com/google/closure-compiler/issues/3177 and others) so we use
-     * this hack to bypass any rewriting by the compiler.
-     */
-    const finalized = 'finalized';
-    /**
-     * Base element class which manages element properties and attributes. When
-     * properties change, the `update` method is asynchronously called. This method
-     * should be supplied by subclassers to render updates as desired.
-     * @noInheritDoc
-     */
-    class UpdatingElement extends HTMLElement {
-        constructor() {
-            super();
-            this.initialize();
-        }
-        /**
-         * Returns a list of attributes corresponding to the registered properties.
-         * @nocollapse
-         */
-        static get observedAttributes() {
-            // note: piggy backing on this to ensure we're finalized.
-            this.finalize();
-            const attributes = [];
-            // Use forEach so this works even if for/of loops are compiled to for loops
-            // expecting arrays
-            this._classProperties.forEach((v, p) => {
-                const attr = this._attributeNameForProperty(p, v);
-                if (attr !== undefined) {
-                    this._attributeToPropertyMap.set(attr, p);
-                    attributes.push(attr);
-                }
-            });
-            return attributes;
-        }
-        /**
-         * Ensures the private `_classProperties` property metadata is created.
-         * In addition to `finalize` this is also called in `createProperty` to
-         * ensure the `@property` decorator can add property metadata.
-         */
-        /** @nocollapse */
-        static _ensureClassProperties() {
-            // ensure private storage for property declarations.
-            if (!this.hasOwnProperty(JSCompiler_renameProperty('_classProperties', this))) {
-                this._classProperties = new Map();
-                // NOTE: Workaround IE11 not supporting Map constructor argument.
-                const superProperties = Object.getPrototypeOf(this)._classProperties;
-                if (superProperties !== undefined) {
-                    superProperties.forEach((v, k) => this._classProperties.set(k, v));
-                }
-            }
-        }
-        /**
-         * Creates a property accessor on the element prototype if one does not exist
-         * and stores a PropertyDeclaration for the property with the given options.
-         * The property setter calls the property's `hasChanged` property option
-         * or uses a strict identity check to determine whether or not to request
-         * an update.
-         *
-         * This method may be overridden to customize properties; however,
-         * when doing so, it's important to call `super.createProperty` to ensure
-         * the property is setup correctly. This method calls
-         * `getPropertyDescriptor` internally to get a descriptor to install.
-         * To customize what properties do when they are get or set, override
-         * `getPropertyDescriptor`. To customize the options for a property,
-         * implement `createProperty` like this:
-         *
-         * static createProperty(name, options) {
-         *   options = Object.assign(options, {myOption: true});
-         *   super.createProperty(name, options);
-         * }
-         *
-         * @nocollapse
-         */
-        static createProperty(name, options = defaultPropertyDeclaration) {
-            // Note, since this can be called by the `@property` decorator which
-            // is called before `finalize`, we ensure storage exists for property
-            // metadata.
-            this._ensureClassProperties();
-            this._classProperties.set(name, options);
-            // Do not generate an accessor if the prototype already has one, since
-            // it would be lost otherwise and that would never be the user's intention;
-            // Instead, we expect users to call `requestUpdate` themselves from
-            // user-defined accessors. Note that if the super has an accessor we will
-            // still overwrite it
-            if (options.noAccessor || this.prototype.hasOwnProperty(name)) {
-                return;
-            }
-            const key = typeof name === 'symbol' ? Symbol() : `__${name}`;
-            const descriptor = this.getPropertyDescriptor(name, key, options);
-            if (descriptor !== undefined) {
-                Object.defineProperty(this.prototype, name, descriptor);
-            }
-        }
-        /**
-         * Returns a property descriptor to be defined on the given named property.
-         * If no descriptor is returned, the property will not become an accessor.
-         * For example,
-         *
-         *   class MyElement extends LitElement {
-         *     static getPropertyDescriptor(name, key, options) {
-         *       const defaultDescriptor =
-         *           super.getPropertyDescriptor(name, key, options);
-         *       const setter = defaultDescriptor.set;
-         *       return {
-         *         get: defaultDescriptor.get,
-         *         set(value) {
-         *           setter.call(this, value);
-         *           // custom action.
-         *         },
-         *         configurable: true,
-         *         enumerable: true
-         *       }
-         *     }
-         *   }
-         *
-         * @nocollapse
-         */
-        static getPropertyDescriptor(name, key, options) {
-            return {
-                // tslint:disable-next-line:no-any no symbol in index
-                get() {
-                    return this[key];
-                },
-                set(value) {
-                    const oldValue = this[name];
-                    this[key] = value;
-                    this
-                        .requestUpdateInternal(name, oldValue, options);
-                },
-                configurable: true,
-                enumerable: true
-            };
-        }
-        /**
-         * Returns the property options associated with the given property.
-         * These options are defined with a PropertyDeclaration via the `properties`
-         * object or the `@property` decorator and are registered in
-         * `createProperty(...)`.
-         *
-         * Note, this method should be considered "final" and not overridden. To
-         * customize the options for a given property, override `createProperty`.
-         *
-         * @nocollapse
-         * @final
-         */
-        static getPropertyOptions(name) {
-            return this._classProperties && this._classProperties.get(name) ||
-                defaultPropertyDeclaration;
-        }
-        /**
-         * Creates property accessors for registered properties and ensures
-         * any superclasses are also finalized.
-         * @nocollapse
-         */
-        static finalize() {
-            // finalize any superclasses
-            const superCtor = Object.getPrototypeOf(this);
-            if (!superCtor.hasOwnProperty(finalized)) {
-                superCtor.finalize();
-            }
-            this[finalized] = true;
-            this._ensureClassProperties();
-            // initialize Map populated in observedAttributes
-            this._attributeToPropertyMap = new Map();
-            // make any properties
-            // Note, only process "own" properties since this element will inherit
-            // any properties defined on the superClass, and finalization ensures
-            // the entire prototype chain is finalized.
-            if (this.hasOwnProperty(JSCompiler_renameProperty('properties', this))) {
-                const props = this.properties;
-                // support symbols in properties (IE11 does not support this)
-                const propKeys = [
-                    ...Object.getOwnPropertyNames(props),
-                    ...(typeof Object.getOwnPropertySymbols === 'function') ?
-                        Object.getOwnPropertySymbols(props) :
-                        []
-                ];
-                // This for/of is ok because propKeys is an array
-                for (const p of propKeys) {
-                    // note, use of `any` is due to TypeSript lack of support for symbol in
-                    // index types
-                    // tslint:disable-next-line:no-any no symbol in index
-                    this.createProperty(p, props[p]);
-                }
-            }
-        }
-        /**
-         * Returns the property name for the given attribute `name`.
-         * @nocollapse
-         */
-        static _attributeNameForProperty(name, options) {
-            const attribute = options.attribute;
-            return attribute === false ?
-                undefined :
-                (typeof attribute === 'string' ?
-                    attribute :
-                    (typeof name === 'string' ? name.toLowerCase() : undefined));
-        }
-        /**
-         * Returns true if a property should request an update.
-         * Called when a property value is set and uses the `hasChanged`
-         * option for the property if present or a strict identity check.
-         * @nocollapse
-         */
-        static _valueHasChanged(value, old, hasChanged = notEqual) {
-            return hasChanged(value, old);
-        }
-        /**
-         * Returns the property value for the given attribute value.
-         * Called via the `attributeChangedCallback` and uses the property's
-         * `converter` or `converter.fromAttribute` property option.
-         * @nocollapse
-         */
-        static _propertyValueFromAttribute(value, options) {
-            const type = options.type;
-            const converter = options.converter || defaultConverter;
-            const fromAttribute = (typeof converter === 'function' ? converter : converter.fromAttribute);
-            return fromAttribute ? fromAttribute(value, type) : value;
-        }
-        /**
-         * Returns the attribute value for the given property value. If this
-         * returns undefined, the property will *not* be reflected to an attribute.
-         * If this returns null, the attribute will be removed, otherwise the
-         * attribute will be set to the value.
-         * This uses the property's `reflect` and `type.toAttribute` property options.
-         * @nocollapse
-         */
-        static _propertyValueToAttribute(value, options) {
-            if (options.reflect === undefined) {
-                return;
-            }
-            const type = options.type;
-            const converter = options.converter;
-            const toAttribute = converter && converter.toAttribute ||
-                defaultConverter.toAttribute;
-            return toAttribute(value, type);
-        }
-        /**
-         * Performs element initialization. By default captures any pre-set values for
-         * registered properties.
-         */
-        initialize() {
-            this._updateState = 0;
-            this._updatePromise =
-                new Promise((res) => this._enableUpdatingResolver = res);
-            this._changedProperties = new Map();
-            this._saveInstanceProperties();
-            // ensures first update will be caught by an early access of
-            // `updateComplete`
-            this.requestUpdateInternal();
-        }
-        /**
-         * Fixes any properties set on the instance before upgrade time.
-         * Otherwise these would shadow the accessor and break these properties.
-         * The properties are stored in a Map which is played back after the
-         * constructor runs. Note, on very old versions of Safari (<=9) or Chrome
-         * (<=41), properties created for native platform properties like (`id` or
-         * `name`) may not have default values set in the element constructor. On
-         * these browsers native properties appear on instances and therefore their
-         * default value will overwrite any element default (e.g. if the element sets
-         * this.id = 'id' in the constructor, the 'id' will become '' since this is
-         * the native platform default).
-         */
-        _saveInstanceProperties() {
-            // Use forEach so this works even if for/of loops are compiled to for loops
-            // expecting arrays
-            this.constructor
-                ._classProperties.forEach((_v, p) => {
-                if (this.hasOwnProperty(p)) {
-                    const value = this[p];
-                    delete this[p];
-                    if (!this._instanceProperties) {
-                        this._instanceProperties = new Map();
-                    }
-                    this._instanceProperties.set(p, value);
-                }
-            });
-        }
-        /**
-         * Applies previously saved instance properties.
-         */
-        _applyInstanceProperties() {
-            // Use forEach so this works even if for/of loops are compiled to for loops
-            // expecting arrays
-            // tslint:disable-next-line:no-any
-            this._instanceProperties.forEach((v, p) => this[p] = v);
-            this._instanceProperties = undefined;
-        }
-        connectedCallback() {
-            // Ensure first connection completes an update. Updates cannot complete
-            // before connection.
-            this.enableUpdating();
-        }
-        enableUpdating() {
-            if (this._enableUpdatingResolver !== undefined) {
-                this._enableUpdatingResolver();
-                this._enableUpdatingResolver = undefined;
-            }
-        }
-        /**
-         * Allows for `super.disconnectedCallback()` in extensions while
-         * reserving the possibility of making non-breaking feature additions
-         * when disconnecting at some point in the future.
-         */
-        disconnectedCallback() {
-        }
-        /**
-         * Synchronizes property values when attributes change.
-         */
-        attributeChangedCallback(name, old, value) {
-            if (old !== value) {
-                this._attributeToProperty(name, value);
-            }
-        }
-        _propertyToAttribute(name, value, options = defaultPropertyDeclaration) {
-            const ctor = this.constructor;
-            const attr = ctor._attributeNameForProperty(name, options);
-            if (attr !== undefined) {
-                const attrValue = ctor._propertyValueToAttribute(value, options);
-                // an undefined value does not change the attribute.
-                if (attrValue === undefined) {
-                    return;
-                }
-                // Track if the property is being reflected to avoid
-                // setting the property again via `attributeChangedCallback`. Note:
-                // 1. this takes advantage of the fact that the callback is synchronous.
-                // 2. will behave incorrectly if multiple attributes are in the reaction
-                // stack at time of calling. However, since we process attributes
-                // in `update` this should not be possible (or an extreme corner case
-                // that we'd like to discover).
-                // mark state reflecting
-                this._updateState = this._updateState | STATE_IS_REFLECTING_TO_ATTRIBUTE;
-                if (attrValue == null) {
-                    this.removeAttribute(attr);
-                }
-                else {
-                    this.setAttribute(attr, attrValue);
-                }
-                // mark state not reflecting
-                this._updateState = this._updateState & ~STATE_IS_REFLECTING_TO_ATTRIBUTE;
-            }
-        }
-        _attributeToProperty(name, value) {
-            // Use tracking info to avoid deserializing attribute value if it was
-            // just set from a property setter.
-            if (this._updateState & STATE_IS_REFLECTING_TO_ATTRIBUTE) {
-                return;
-            }
-            const ctor = this.constructor;
-            // Note, hint this as an `AttributeMap` so closure clearly understands
-            // the type; it has issues with tracking types through statics
-            // tslint:disable-next-line:no-unnecessary-type-assertion
-            const propName = ctor._attributeToPropertyMap.get(name);
-            if (propName !== undefined) {
-                const options = ctor.getPropertyOptions(propName);
-                // mark state reflecting
-                this._updateState = this._updateState | STATE_IS_REFLECTING_TO_PROPERTY;
-                this[propName] =
-                    // tslint:disable-next-line:no-any
-                    ctor._propertyValueFromAttribute(value, options);
-                // mark state not reflecting
-                this._updateState = this._updateState & ~STATE_IS_REFLECTING_TO_PROPERTY;
-            }
-        }
-        /**
-         * This protected version of `requestUpdate` does not access or return the
-         * `updateComplete` promise. This promise can be overridden and is therefore
-         * not free to access.
-         */
-        requestUpdateInternal(name, oldValue, options) {
-            let shouldRequestUpdate = true;
-            // If we have a property key, perform property update steps.
-            if (name !== undefined) {
-                const ctor = this.constructor;
-                options = options || ctor.getPropertyOptions(name);
-                if (ctor._valueHasChanged(this[name], oldValue, options.hasChanged)) {
-                    if (!this._changedProperties.has(name)) {
-                        this._changedProperties.set(name, oldValue);
-                    }
-                    // Add to reflecting properties set.
-                    // Note, it's important that every change has a chance to add the
-                    // property to `_reflectingProperties`. This ensures setting
-                    // attribute + property reflects correctly.
-                    if (options.reflect === true &&
-                        !(this._updateState & STATE_IS_REFLECTING_TO_PROPERTY)) {
-                        if (this._reflectingProperties === undefined) {
-                            this._reflectingProperties = new Map();
-                        }
-                        this._reflectingProperties.set(name, options);
-                    }
-                }
-                else {
-                    // Abort the request if the property should not be considered changed.
-                    shouldRequestUpdate = false;
-                }
-            }
-            if (!this._hasRequestedUpdate && shouldRequestUpdate) {
-                this._updatePromise = this._enqueueUpdate();
-            }
-        }
-        /**
-         * Requests an update which is processed asynchronously. This should
-         * be called when an element should update based on some state not triggered
-         * by setting a property. In this case, pass no arguments. It should also be
-         * called when manually implementing a property setter. In this case, pass the
-         * property `name` and `oldValue` to ensure that any configured property
-         * options are honored. Returns the `updateComplete` Promise which is resolved
-         * when the update completes.
-         *
-         * @param name {PropertyKey} (optional) name of requesting property
-         * @param oldValue {any} (optional) old value of requesting property
-         * @returns {Promise} A Promise that is resolved when the update completes.
-         */
-        requestUpdate(name, oldValue) {
-            this.requestUpdateInternal(name, oldValue);
-            return this.updateComplete;
-        }
-        /**
-         * Sets up the element to asynchronously update.
-         */
-        async _enqueueUpdate() {
-            this._updateState = this._updateState | STATE_UPDATE_REQUESTED;
-            try {
-                // Ensure any previous update has resolved before updating.
-                // This `await` also ensures that property changes are batched.
-                await this._updatePromise;
-            }
-            catch (e) {
-                // Ignore any previous errors. We only care that the previous cycle is
-                // done. Any error should have been handled in the previous update.
-            }
-            const result = this.performUpdate();
-            // If `performUpdate` returns a Promise, we await it. This is done to
-            // enable coordinating updates with a scheduler. Note, the result is
-            // checked to avoid delaying an additional microtask unless we need to.
-            if (result != null) {
-                await result;
-            }
-            return !this._hasRequestedUpdate;
-        }
-        get _hasRequestedUpdate() {
-            return (this._updateState & STATE_UPDATE_REQUESTED);
-        }
-        get hasUpdated() {
-            return (this._updateState & STATE_HAS_UPDATED);
-        }
-        /**
-         * Performs an element update. Note, if an exception is thrown during the
-         * update, `firstUpdated` and `updated` will not be called.
-         *
-         * You can override this method to change the timing of updates. If this
-         * method is overridden, `super.performUpdate()` must be called.
-         *
-         * For instance, to schedule updates to occur just before the next frame:
-         *
-         * ```
-         * protected async performUpdate(): Promise<unknown> {
-         *   await new Promise((resolve) => requestAnimationFrame(() => resolve()));
-         *   super.performUpdate();
-         * }
-         * ```
-         */
-        performUpdate() {
-            // Abort any update if one is not pending when this is called.
-            // This can happen if `performUpdate` is called early to "flush"
-            // the update.
-            if (!this._hasRequestedUpdate) {
-                return;
-            }
-            // Mixin instance properties once, if they exist.
-            if (this._instanceProperties) {
-                this._applyInstanceProperties();
-            }
-            let shouldUpdate = false;
-            const changedProperties = this._changedProperties;
-            try {
-                shouldUpdate = this.shouldUpdate(changedProperties);
-                if (shouldUpdate) {
-                    this.update(changedProperties);
-                }
-                else {
-                    this._markUpdated();
-                }
-            }
-            catch (e) {
-                // Prevent `firstUpdated` and `updated` from running when there's an
-                // update exception.
-                shouldUpdate = false;
-                // Ensure element can accept additional updates after an exception.
-                this._markUpdated();
-                throw e;
-            }
-            if (shouldUpdate) {
-                if (!(this._updateState & STATE_HAS_UPDATED)) {
-                    this._updateState = this._updateState | STATE_HAS_UPDATED;
-                    this.firstUpdated(changedProperties);
-                }
-                this.updated(changedProperties);
-            }
-        }
-        _markUpdated() {
-            this._changedProperties = new Map();
-            this._updateState = this._updateState & ~STATE_UPDATE_REQUESTED;
-        }
-        /**
-         * Returns a Promise that resolves when the element has completed updating.
-         * The Promise value is a boolean that is `true` if the element completed the
-         * update without triggering another update. The Promise result is `false` if
-         * a property was set inside `updated()`. If the Promise is rejected, an
-         * exception was thrown during the update.
-         *
-         * To await additional asynchronous work, override the `_getUpdateComplete`
-         * method. For example, it is sometimes useful to await a rendered element
-         * before fulfilling this Promise. To do this, first await
-         * `super._getUpdateComplete()`, then any subsequent state.
-         *
-         * @returns {Promise} The Promise returns a boolean that indicates if the
-         * update resolved without triggering another update.
-         */
-        get updateComplete() {
-            return this._getUpdateComplete();
-        }
-        /**
-         * Override point for the `updateComplete` promise.
-         *
-         * It is not safe to override the `updateComplete` getter directly due to a
-         * limitation in TypeScript which means it is not possible to call a
-         * superclass getter (e.g. `super.updateComplete.then(...)`) when the target
-         * language is ES5 (https://github.com/microsoft/TypeScript/issues/338).
-         * This method should be overridden instead. For example:
-         *
-         *   class MyElement extends LitElement {
-         *     async _getUpdateComplete() {
-         *       await super._getUpdateComplete();
-         *       await this._myChild.updateComplete;
-         *     }
-         *   }
-         */
-        _getUpdateComplete() {
-            return this._updatePromise;
-        }
-        /**
-         * Controls whether or not `update` should be called when the element requests
-         * an update. By default, this method always returns `true`, but this can be
-         * customized to control when to update.
-         *
-         * @param _changedProperties Map of changed properties with old values
-         */
-        shouldUpdate(_changedProperties) {
-            return true;
-        }
-        /**
-         * Updates the element. This method reflects property values to attributes.
-         * It can be overridden to render and keep updated element DOM.
-         * Setting properties inside this method will *not* trigger
-         * another update.
-         *
-         * @param _changedProperties Map of changed properties with old values
-         */
-        update(_changedProperties) {
-            if (this._reflectingProperties !== undefined &&
-                this._reflectingProperties.size > 0) {
-                // Use forEach so this works even if for/of loops are compiled to for
-                // loops expecting arrays
-                this._reflectingProperties.forEach((v, k) => this._propertyToAttribute(k, this[k], v));
-                this._reflectingProperties = undefined;
-            }
-            this._markUpdated();
-        }
-        /**
-         * Invoked whenever the element is updated. Implement to perform
-         * post-updating tasks via DOM APIs, for example, focusing an element.
-         *
-         * Setting properties inside this method will trigger the element to update
-         * again after this update cycle completes.
-         *
-         * @param _changedProperties Map of changed properties with old values
-         */
-        updated(_changedProperties) {
-        }
-        /**
-         * Invoked when the element is first updated. Implement to perform one time
-         * work on the element after update.
-         *
-         * Setting properties inside this method will trigger the element to update
-         * again after this update cycle completes.
-         *
-         * @param _changedProperties Map of changed properties with old values
-         */
-        firstUpdated(_changedProperties) {
-        }
-    }
-    _a = finalized;
-    /**
-     * Marks class as having finished creating properties.
-     */
-    UpdatingElement[_a] = true;
-
-    /**
+     */,q=(t,e)=>`${t}--${e}`;let I=!0;void 0===window.ShadyCSS?I=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),I=!1);const L=t=>e=>{const i=q(e.type,t);let s=V.get(i);void 0===s&&(s={stringsArray:new WeakMap,keyString:new Map},V.set(i,s));let o=s.stringsArray.get(e.strings);if(void 0!==o)return o;const r=e.strings.join(n);if(o=s.keyString.get(r),void 0===o){const i=e.getTemplateElement();I&&window.ShadyCSS.prepareTemplateDom(i,t),o=new a(e,i),s.keyString.set(r,o)}return s.stringsArray.set(e.strings,o),o},z=["html","svg"],D=new Set,H=(t,e,i)=>{D.add(t);const n=i?i.element:document.createElement("template"),s=e.querySelectorAll("style"),{length:o}=s;if(0===o)return void window.ShadyCSS.prepareTemplateStyles(n,t);const r=document.createElement("style");for(let t=0;t<o;t++){const e=s[t];e.parentNode.removeChild(e),r.textContent+=e.textContent}(t=>{z.forEach((e=>{const i=V.get(q(e,t));void 0!==i&&i.keyString.forEach((t=>{const{element:{content:e}}=t,i=new Set;Array.from(e.querySelectorAll("style")).forEach((t=>{i.add(t)})),p(t,i)}))}))})(t);const a=n.content;i?function(t,e,i=null){const{element:{content:n},parts:s}=t;if(null==i)return void n.appendChild(e);const o=document.createTreeWalker(n,133,null,!1);let r=u(s),a=0,l=-1;for(;o.nextNode();)for(l++,o.currentNode===i&&(a=_(e),i.parentNode.insertBefore(e,i));-1!==r&&s[r].index===l;){if(a>0){for(;-1!==r;)s[r].index+=a,r=u(s,r);return}r=u(s,r)}}(i,r,a.firstChild):a.insertBefore(r,a.firstChild),window.ShadyCSS.prepareTemplateStyles(n,t);const l=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==l)e.insertBefore(l.cloneNode(!0),e.firstChild);else if(i){a.insertBefore(r,a.firstChild);const t=new Set;t.add(r),p(i,t)}};window.JSCompiler_renameProperty=(t,e)=>t;const j={toAttribute(t,e){switch(e){case Boolean:return t?"":null;case Object:case Array:return null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){switch(e){case Boolean:return null!==t;case Number:return null===t?null:Number(t);case Object:case Array:return JSON.parse(t)}return t}},F=(t,e)=>e!==t&&(e==e||t==t),J={attribute:!0,type:String,converter:j,reflect:!1,hasChanged:F},G="finalized";class Y extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const t=[];return this._classProperties.forEach(((e,i)=>{const n=this._attributeNameForProperty(i,e);void 0!==n&&(this._attributeToPropertyMap.set(n,i),t.push(n))})),t}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const t=Object.getPrototypeOf(this)._classProperties;void 0!==t&&t.forEach(((t,e)=>this._classProperties.set(e,t)))}}static createProperty(t,e=J){if(this._ensureClassProperties(),this._classProperties.set(t,e),e.noAccessor||this.prototype.hasOwnProperty(t))return;const i="symbol"==typeof t?Symbol():`__${t}`,n=this.getPropertyDescriptor(t,i,e);void 0!==n&&Object.defineProperty(this.prototype,t,n)}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(n){const s=this[t];this[e]=n,this.requestUpdateInternal(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this._classProperties&&this._classProperties.get(t)||J}static finalize(){const t=Object.getPrototypeOf(this);if(t.hasOwnProperty(G)||t.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const t=this.properties,e=[...Object.getOwnPropertyNames(t),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t):[]];for(const i of e)this.createProperty(i,t[i])}}static _attributeNameForProperty(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,i=F){return i(t,e)}static _propertyValueFromAttribute(t,e){const i=e.type,n=e.converter||j,s="function"==typeof n?n:n.fromAttribute;return s?s(t,i):t}static _propertyValueToAttribute(t,e){if(void 0===e.reflect)return;const i=e.type,n=e.converter;return(n&&n.toAttribute||j.toAttribute)(t,i)}initialize(){this._updateState=0,this._updatePromise=new Promise((t=>this._enableUpdatingResolver=t)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((t,e)=>{if(this.hasOwnProperty(e)){const t=this[e];delete this[e],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(e,t)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((t,e)=>this[e]=t)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(t,e,i){e!==i&&this._attributeToProperty(t,i)}_propertyToAttribute(t,e,i=J){const n=this.constructor,s=n._attributeNameForProperty(t,i);if(void 0!==s){const t=n._propertyValueToAttribute(e,i);if(void 0===t)return;this._updateState=8|this._updateState,null==t?this.removeAttribute(s):this.setAttribute(s,t),this._updateState=-9&this._updateState}}_attributeToProperty(t,e){if(8&this._updateState)return;const i=this.constructor,n=i._attributeToPropertyMap.get(t);if(void 0!==n){const t=i.getPropertyOptions(n);this._updateState=16|this._updateState,this[n]=i._propertyValueFromAttribute(e,t),this._updateState=-17&this._updateState}}requestUpdateInternal(t,e,i){let n=!0;if(void 0!==t){const s=this.constructor;i=i||s.getPropertyOptions(t),s._valueHasChanged(this[t],e,i.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==i.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,i))):n=!1}!this._hasRequestedUpdate&&n&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(t,e){return this.requestUpdateInternal(t,e),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(t){}const t=this.performUpdate();return null!=t&&await t,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let t=!1;const e=this._changedProperties;try{t=this.shouldUpdate(e),t?this.update(e):this._markUpdated()}catch(e){throw t=!1,this._markUpdated(),e}t&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(e)),this.updated(e))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this._updatePromise}shouldUpdate(t){return!0}update(t){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((t,e)=>this._propertyToAttribute(e,this[e],t))),this._reflectingProperties=void 0),this._markUpdated()}updated(t){}firstUpdated(t){}}Y.finalized=!0;
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -2261,125 +159,8 @@
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
      */
-    const legacyCustomElement = (tagName, clazz) => {
-        window.customElements.define(tagName, clazz);
-        // Cast as any because TS doesn't recognize the return type as being a
-        // subtype of the decorated class when clazz is typed as
-        // `Constructor<HTMLElement>` for some reason.
-        // `Constructor<HTMLElement>` is helpful to make sure the decorator is
-        // applied to elements however.
-        // tslint:disable-next-line:no-any
-        return clazz;
-    };
-    const standardCustomElement = (tagName, descriptor) => {
-        const { kind, elements } = descriptor;
-        return {
-            kind,
-            elements,
-            // This callback is called once the class is otherwise fully defined
-            finisher(clazz) {
-                window.customElements.define(tagName, clazz);
-            }
-        };
-    };
-    /**
-     * Class decorator factory that defines the decorated class as a custom element.
-     *
-     * ```
-     * @customElement('my-element')
-     * class MyElement {
-     *   render() {
-     *     return html``;
-     *   }
-     * }
-     * ```
-     * @category Decorator
-     * @param tagName The name of the custom element to define.
-     */
-    const customElement = (tagName) => (classOrDescriptor) => (typeof classOrDescriptor === 'function') ?
-        legacyCustomElement(tagName, classOrDescriptor) :
-        standardCustomElement(tagName, classOrDescriptor);
-    const standardProperty = (options, element) => {
-        // When decorating an accessor, pass it through and add property metadata.
-        // Note, the `hasOwnProperty` check in `createProperty` ensures we don't
-        // stomp over the user's accessor.
-        if (element.kind === 'method' && element.descriptor &&
-            !('value' in element.descriptor)) {
-            return Object.assign(Object.assign({}, element), { finisher(clazz) {
-                    clazz.createProperty(element.key, options);
-                } });
-        }
-        else {
-            // createProperty() takes care of defining the property, but we still
-            // must return some kind of descriptor, so return a descriptor for an
-            // unused prototype field. The finisher calls createProperty().
-            return {
-                kind: 'field',
-                key: Symbol(),
-                placement: 'own',
-                descriptor: {},
-                // When @babel/plugin-proposal-decorators implements initializers,
-                // do this instead of the initializer below. See:
-                // https://github.com/babel/babel/issues/9260 extras: [
-                //   {
-                //     kind: 'initializer',
-                //     placement: 'own',
-                //     initializer: descriptor.initializer,
-                //   }
-                // ],
-                initializer() {
-                    if (typeof element.initializer === 'function') {
-                        this[element.key] = element.initializer.call(this);
-                    }
-                },
-                finisher(clazz) {
-                    clazz.createProperty(element.key, options);
-                }
-            };
-        }
-    };
-    const legacyProperty = (options, proto, name) => {
-        proto.constructor
-            .createProperty(name, options);
-    };
-    /**
-     * A property decorator which creates a LitElement property which reflects a
-     * corresponding attribute value. A [[`PropertyDeclaration`]] may optionally be
-     * supplied to configure property features.
-     *
-     * This decorator should only be used for public fields. Private or protected
-     * fields should use the [[`internalProperty`]] decorator.
-     *
-     * @example
-     * ```ts
-     * class MyElement {
-     *   @property({ type: Boolean })
-     *   clicked = false;
-     * }
-     * ```
-     * @category Decorator
-     * @ExportDecoratedItems
-     */
-    function property(options) {
-        // tslint:disable-next-line:no-any decorator
-        return (protoOrDescriptor, name) => (name !== undefined) ?
-            legacyProperty(options, protoOrDescriptor, name) :
-            standardProperty(options, protoOrDescriptor);
-    }
-    /**
-     * Declares a private or protected property that still triggers updates to the
-     * element when it changes.
-     *
-     * Properties declared this way must not be used from HTML or HTML templating
-     * systems, they're solely for properties internal to the element. These
-     * properties may be renamed by optimization tools like closure compiler.
-     * @category Decorator
-     */
-    function internalProperty(options) {
-        return property({ attribute: false, hasChanged: options === null || options === void 0 ? void 0 : options.hasChanged });
-    }
-
-    /**
+const Z=(t,e)=>"method"===e.kind&&e.descriptor&&!("value"in e.descriptor)?Object.assign(Object.assign({},e),{finisher(i){i.createProperty(e.key,t)}}):{kind:"field",key:Symbol(),placement:"own",descriptor:{},initializer(){"function"==typeof e.initializer&&(this[e.key]=e.initializer.call(this))},finisher(i){i.createProperty(e.key,t)}};function K(t){return(e,i)=>void 0!==i?((t,e,i)=>{e.constructor.createProperty(i,t)})(t,e,i):Z(t,e)}function Q(t){return K({attribute:!1,hasChanged:null==t?void 0:t.hasChanged})}
+/**
     @license
     Copyright (c) 2019 The Polymer Project Authors. All rights reserved.
     This code may only be used under the BSD style license found at
@@ -2388,76 +169,8 @@
     found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
     part of the polymer project is also subject to an additional IP rights grant
     found at http://polymer.github.io/PATENTS.txt
-    */
-    /**
-     * Whether the current browser supports `adoptedStyleSheets`.
-     */
-    const supportsAdoptingStyleSheets = (window.ShadowRoot) &&
-        (window.ShadyCSS === undefined || window.ShadyCSS.nativeShadow) &&
-        ('adoptedStyleSheets' in Document.prototype) &&
-        ('replace' in CSSStyleSheet.prototype);
-    const constructionToken = Symbol();
-    class CSSResult {
-        constructor(cssText, safeToken) {
-            if (safeToken !== constructionToken) {
-                throw new Error('CSSResult is not constructable. Use `unsafeCSS` or `css` instead.');
-            }
-            this.cssText = cssText;
-        }
-        // Note, this is a getter so that it's lazy. In practice, this means
-        // stylesheets are not created until the first element instance is made.
-        get styleSheet() {
-            if (this._styleSheet === undefined) {
-                // Note, if `supportsAdoptingStyleSheets` is true then we assume
-                // CSSStyleSheet is constructable.
-                if (supportsAdoptingStyleSheets) {
-                    this._styleSheet = new CSSStyleSheet();
-                    this._styleSheet.replaceSync(this.cssText);
-                }
-                else {
-                    this._styleSheet = null;
-                }
-            }
-            return this._styleSheet;
-        }
-        toString() {
-            return this.cssText;
-        }
-    }
-    /**
-     * Wrap a value for interpolation in a [[`css`]] tagged template literal.
-     *
-     * This is unsafe because untrusted CSS text can be used to phone home
-     * or exfiltrate data to an attacker controlled site. Take care to only use
-     * this with trusted input.
-     */
-    const unsafeCSS = (value) => {
-        return new CSSResult(String(value), constructionToken);
-    };
-    const textFromCSSResult = (value) => {
-        if (value instanceof CSSResult) {
-            return value.cssText;
-        }
-        else if (typeof value === 'number') {
-            return value;
-        }
-        else {
-            throw new Error(`Value passed to 'css' function must be a 'css' function result: ${value}. Use 'unsafeCSS' to pass non-literal values, but
-            take care to ensure page security.`);
-        }
-    };
-    /**
-     * Template tag which which can be used with LitElement's [[LitElement.styles |
-     * `styles`]] property to set element styles. For security reasons, only literal
-     * string values may be used. To incorporate non-literal values [[`unsafeCSS`]]
-     * may be used inside a template string part.
-     */
-    const css = (strings, ...values) => {
-        const cssText = values.reduce((acc, v, idx) => acc + textFromCSSResult(v) + strings[idx + 1], strings[0]);
-        return new CSSResult(cssText, constructionToken);
-    };
-
-    /**
+    */const X=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,tt=Symbol();class et{constructor(t,e){if(e!==tt)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t}get styleSheet(){return void 0===this._styleSheet&&(X?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}const it=(t,...e)=>{const i=e.reduce(((e,i,n)=>e+(t=>{if(t instanceof et)return t.cssText;if("number"==typeof t)return t;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${t}. Use 'unsafeCSS' to pass non-literal values, but\n            take care to ensure page security.`)})(i)+t[n+1]),t[0]);return new et(i,tt)};
+/**
      * @license
      * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
      * This code may only be used under the BSD style license found at
@@ -2470,640 +183,120 @@
      * subject to an additional IP rights grant found at
      * http://polymer.github.io/PATENTS.txt
      */
-    // IMPORTANT: do not change the property name or the assignment expression.
-    // This line will be used in regexes to search for LitElement usage.
-    // TODO(justinfagnani): inject version number at build time
-    (window['litElementVersions'] || (window['litElementVersions'] = []))
-        .push('2.4.0');
-    /**
-     * Sentinal value used to avoid calling lit-html's render function when
-     * subclasses do not implement `render`
-     */
-    const renderNotImplemented = {};
-    /**
-     * Base element class that manages element properties and attributes, and
-     * renders a lit-html template.
-     *
-     * To define a component, subclass `LitElement` and implement a
-     * `render` method to provide the component's template. Define properties
-     * using the [[`properties`]] property or the [[`property`]] decorator.
-     */
-    class LitElement extends UpdatingElement {
-        /**
-         * Return the array of styles to apply to the element.
-         * Override this method to integrate into a style management system.
-         *
-         * @nocollapse
-         */
-        static getStyles() {
-            return this.styles;
-        }
-        /** @nocollapse */
-        static _getUniqueStyles() {
-            // Only gather styles once per class
-            if (this.hasOwnProperty(JSCompiler_renameProperty('_styles', this))) {
-                return;
-            }
-            // Take care not to call `this.getStyles()` multiple times since this
-            // generates new CSSResults each time.
-            // TODO(sorvell): Since we do not cache CSSResults by input, any
-            // shared styles will generate new stylesheet objects, which is wasteful.
-            // This should be addressed when a browser ships constructable
-            // stylesheets.
-            const userStyles = this.getStyles();
-            if (Array.isArray(userStyles)) {
-                // De-duplicate styles preserving the _last_ instance in the set.
-                // This is a performance optimization to avoid duplicated styles that can
-                // occur especially when composing via subclassing.
-                // The last item is kept to try to preserve the cascade order with the
-                // assumption that it's most important that last added styles override
-                // previous styles.
-                const addStyles = (styles, set) => styles.reduceRight((set, s) => 
-                // Note: On IE set.add() does not return the set
-                Array.isArray(s) ? addStyles(s, set) : (set.add(s), set), set);
-                // Array.from does not work on Set in IE, otherwise return
-                // Array.from(addStyles(userStyles, new Set<CSSResult>())).reverse()
-                const set = addStyles(userStyles, new Set());
-                const styles = [];
-                set.forEach((v) => styles.unshift(v));
-                this._styles = styles;
-            }
-            else {
-                this._styles = userStyles === undefined ? [] : [userStyles];
-            }
-            // Ensure that there are no invalid CSSStyleSheet instances here. They are
-            // invalid in two conditions.
-            // (1) the sheet is non-constructible (`sheet` of a HTMLStyleElement), but
-            //     this is impossible to check except via .replaceSync or use
-            // (2) the ShadyCSS polyfill is enabled (:. supportsAdoptingStyleSheets is
-            //     false)
-            this._styles = this._styles.map((s) => {
-                if (s instanceof CSSStyleSheet && !supportsAdoptingStyleSheets) {
-                    // Flatten the cssText from the passed constructible stylesheet (or
-                    // undetectable non-constructible stylesheet). The user might have
-                    // expected to update their stylesheets over time, but the alternative
-                    // is a crash.
-                    const cssText = Array.prototype.slice.call(s.cssRules)
-                        .reduce((css, rule) => css + rule.cssText, '');
-                    return unsafeCSS(cssText);
-                }
-                return s;
-            });
-        }
-        /**
-         * Performs element initialization. By default this calls
-         * [[`createRenderRoot`]] to create the element [[`renderRoot`]] node and
-         * captures any pre-set values for registered properties.
-         */
-        initialize() {
-            super.initialize();
-            this.constructor._getUniqueStyles();
-            this.renderRoot = this.createRenderRoot();
-            // Note, if renderRoot is not a shadowRoot, styles would/could apply to the
-            // element's getRootNode(). While this could be done, we're choosing not to
-            // support this now since it would require different logic around de-duping.
-            if (window.ShadowRoot && this.renderRoot instanceof window.ShadowRoot) {
-                this.adoptStyles();
-            }
-        }
-        /**
-         * Returns the node into which the element should render and by default
-         * creates and returns an open shadowRoot. Implement to customize where the
-         * element's DOM is rendered. For example, to render into the element's
-         * childNodes, return `this`.
-         * @returns {Element|DocumentFragment} Returns a node into which to render.
-         */
-        createRenderRoot() {
-            return this.attachShadow({ mode: 'open' });
-        }
-        /**
-         * Applies styling to the element shadowRoot using the [[`styles`]]
-         * property. Styling will apply using `shadowRoot.adoptedStyleSheets` where
-         * available and will fallback otherwise. When Shadow DOM is polyfilled,
-         * ShadyCSS scopes styles and adds them to the document. When Shadow DOM
-         * is available but `adoptedStyleSheets` is not, styles are appended to the
-         * end of the `shadowRoot` to [mimic spec
-         * behavior](https://wicg.github.io/construct-stylesheets/#using-constructed-stylesheets).
-         */
-        adoptStyles() {
-            const styles = this.constructor._styles;
-            if (styles.length === 0) {
-                return;
-            }
-            // There are three separate cases here based on Shadow DOM support.
-            // (1) shadowRoot polyfilled: use ShadyCSS
-            // (2) shadowRoot.adoptedStyleSheets available: use it
-            // (3) shadowRoot.adoptedStyleSheets polyfilled: append styles after
-            // rendering
-            if (window.ShadyCSS !== undefined && !window.ShadyCSS.nativeShadow) {
-                window.ShadyCSS.ScopingShim.prepareAdoptedCssText(styles.map((s) => s.cssText), this.localName);
-            }
-            else if (supportsAdoptingStyleSheets) {
-                this.renderRoot.adoptedStyleSheets =
-                    styles.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
-            }
-            else {
-                // This must be done after rendering so the actual style insertion is done
-                // in `update`.
-                this._needsShimAdoptedStyleSheets = true;
-            }
-        }
-        connectedCallback() {
-            super.connectedCallback();
-            // Note, first update/render handles styleElement so we only call this if
-            // connected after first update.
-            if (this.hasUpdated && window.ShadyCSS !== undefined) {
-                window.ShadyCSS.styleElement(this);
-            }
-        }
-        /**
-         * Updates the element. This method reflects property values to attributes
-         * and calls `render` to render DOM via lit-html. Setting properties inside
-         * this method will *not* trigger another update.
-         * @param _changedProperties Map of changed properties with old values
-         */
-        update(changedProperties) {
-            // Setting properties in `render` should not trigger an update. Since
-            // updates are allowed after super.update, it's important to call `render`
-            // before that.
-            const templateResult = this.render();
-            super.update(changedProperties);
-            // If render is not implemented by the component, don't call lit-html render
-            if (templateResult !== renderNotImplemented) {
-                this.constructor
-                    .render(templateResult, this.renderRoot, { scopeName: this.localName, eventContext: this });
-            }
-            // When native Shadow DOM is used but adoptedStyles are not supported,
-            // insert styling after rendering to ensure adoptedStyles have highest
-            // priority.
-            if (this._needsShimAdoptedStyleSheets) {
-                this._needsShimAdoptedStyleSheets = false;
-                this.constructor._styles.forEach((s) => {
-                    const style = document.createElement('style');
-                    style.textContent = s.cssText;
-                    this.renderRoot.appendChild(style);
-                });
-            }
-        }
-        /**
-         * Invoked on each update to perform rendering tasks. This method may return
-         * any value renderable by lit-html's `NodePart` - typically a
-         * `TemplateResult`. Setting properties inside this method will *not* trigger
-         * the element to update.
-         */
-        render() {
-            return renderNotImplemented;
-        }
-    }
-    /**
-     * Ensure this class is marked as `finalized` as an optimization ensuring
-     * it will not needlessly try to `finalize`.
-     *
-     * Note this property name is a string to prevent breaking Closure JS Compiler
-     * optimizations. See updating-element.ts for more information.
-     */
-    LitElement['finalized'] = true;
-    /**
-     * Reference to the underlying library method used to render the element's
-     * DOM. By default, points to the `render` method from lit-html's shady-render
-     * module.
-     *
-     * **Most users will never need to touch this property.**
-     *
-     * This  property should not be confused with the `render` instance method,
-     * which should be overridden to define a template for the element.
-     *
-     * Advanced users creating a new base class based on LitElement can override
-     * this property to point to a custom render method with a signature that
-     * matches [shady-render's `render`
-     * method](https://lit-html.polymer-project.org/api/modules/shady_render.html#render).
-     *
-     * @nocollapse
-     */
-    LitElement.render = render;
-
-    const options = {
-        entities: {
-            icon: 'tune',
-            name: 'Entities',
-            secondary: 'Entities for card to make sense, none are required but you should have a few.',
-            show: false,
-        },
-        actions: {
-            icon: 'gesture-tap-hold',
-            name: 'Actions',
-            secondary: 'Perform actions based on tapping/clicking',
-            show: false,
-            options: {
-                tap: {
-                    icon: 'gesture-tap',
-                    name: 'Tap',
-                    secondary: 'Set the action to perform on tap',
-                    show: false,
-                },
-                hold: {
-                    icon: 'gesture-tap-hold',
-                    name: 'Hold',
-                    secondary: 'Set the action to perform on hold',
-                    show: false,
-                },
-                double_tap: {
-                    icon: 'gesture-double-tap',
-                    name: 'Double Tap',
-                    secondary: 'Set the action to perform on double tap',
-                    show: false,
-                },
-            },
-        },
-        appearance: {
-            icon: 'palette',
-            name: 'Appearance',
-            secondary: 'Customize the name, icon, etc',
-            show: false,
-        },
-    };
-    let TeslaStyleSolarPowerCardEditor = class TeslaStyleSolarPowerCardEditor extends LitElement {
-        constructor() {
-            super(...arguments);
-            this._initialized = false;
-            this._entityMap = new Map();
-        }
-        setConfig(config) {
-            this._config = config;
-            // this._fillLineEntityMap();
-            this.loadCardHelpers();
-        }
-        shouldUpdate() {
-            if (!this._initialized) {
-                this._initialize();
-            }
-            return true;
-        }
-        get name() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.name) || '';
-        }
-        // entities
-        get home_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.home_entity) || '';
-        }
-        get battery_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.battery_consumption_entity) || '';
-        }
-        get grid_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.grid_entity) || '';
-        }
-        get generation_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.generation_entity) || '';
-        }
-        get home_extra_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.home_entity) || '';
-        }
-        get battery_extra_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.battery_consumption_entity) || '';
-        }
-        get grid_extra_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.grid_entity) || '';
-        }
-        get generation_extra_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.generation_entity) || '';
-        }
-        get grid_to_house_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.grid_to_house_entity) || '';
-        }
-        get grid_to_battery_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.grid_to_battery_entity) || '';
-        }
-        get battery_to_grid_in_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.battery_to_grid_entity) || '';
-        }
-        get generation_to_grid_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.grid_to_battery_entity) || '';
-        }
-        get generation_to_house_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.generation_entity) || '';
-        }
-        get generation_to_battery_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.generation_yield_entity) || '';
-        }
-        get appliance1_consumption_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.appliance1_consumption_entity) || '';
-        }
-        get appliance1_extra_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.appliance1_state_entity) || '';
-        }
-        get appliance2_consumption_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.appliance2_consumption_entity) || '';
-        }
-        get appliance2_extra_entity() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.appliance2_state_entity) || '';
-        }
-        get show_w_not_kw() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.show_w_not_kw) || false;
-        }
-        get show_warning() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.show_warning) || false;
-        }
-        get show_error() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.show_error) || false;
-        }
-        get hide_inactive_lines() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.hide_inactive_lines) || false;
-        }
-        get tap_action() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.tap_action) || { action: 'more-info' };
-        }
-        get hold_action() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.hold_action) || { action: 'none' };
-        }
-        get double_tap_action() {
-            var _a;
-            return ((_a = this._config) === null || _a === void 0 ? void 0 : _a.double_tap_action) || { action: 'none' };
-        }
-        render() {
-            if (!this.hass || !this._helpers) {
-                return html ``;
-            }
-            // The climate more-info has ha-switch and paper-dropdown-menu elements that are lazy loaded unless explicitly done here
-            this._helpers.importMoreInfoControl('climate');
-            return html `
+(window.litElementVersions||(window.litElementVersions=[])).push("2.4.0");const nt={};class st extends Y{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const t=this.getStyles();if(Array.isArray(t)){const e=(t,i)=>t.reduceRight(((t,i)=>Array.isArray(i)?e(i,t):(t.add(i),t)),i),i=e(t,new Set),n=[];i.forEach((t=>n.unshift(t))),this._styles=n}else this._styles=void 0===t?[]:[t];this._styles=this._styles.map((t=>{if(t instanceof CSSStyleSheet&&!X){const e=Array.prototype.slice.call(t.cssRules).reduce(((t,e)=>t+e.cssText),"");return new et(String(e),tt)}return t}))}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow({mode:"open"})}adoptStyles(){const t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?X?this.renderRoot.adoptedStyleSheets=t.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map((t=>t.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(t){const e=this.render();super.update(t),e!==nt&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((t=>{const e=document.createElement("style");e.textContent=t.cssText,this.renderRoot.appendChild(e)})))}render(){return nt}}st.finalized=!0,st.render=(t,e,n)=>{if(!n||"object"!=typeof n||!n.scopeName)throw new Error("The `scopeName` option is required.");const s=n.scopeName,o=B.has(e),r=I&&11===e.nodeType&&!!e.host,a=r&&!D.has(s),l=a?document.createDocumentFragment():e;if(((t,e,n)=>{let s=B.get(e);void 0===s&&(i(e,e.firstChild),B.set(e,s=new E(Object.assign({templateFactory:O},n))),s.appendInto(e)),s.setValue(t),s.commit()})(t,l,Object.assign({templateFactory:L(s)},n)),a){const t=B.get(l);B.delete(l);const n=t.value instanceof m?t.value.template:void 0;H(s,l,n),i(e,e.firstChild),e.appendChild(l),B.set(e,t)}!o&&r&&window.ShadyCSS.styleElement(e.host)};const ot={entities:{icon:"tune",name:"Entities",secondary:"Entities for card to make sense, none are required but you should have a few.",show:!1},actions:{icon:"gesture-tap-hold",name:"Actions",secondary:"Perform actions based on tapping/clicking",show:!1,options:{tap:{icon:"gesture-tap",name:"Tap",secondary:"Set the action to perform on tap",show:!1},hold:{icon:"gesture-tap-hold",name:"Hold",secondary:"Set the action to perform on hold",show:!1},double_tap:{icon:"gesture-double-tap",name:"Double Tap",secondary:"Set the action to perform on double tap",show:!1}}},appearance:{icon:"palette",name:"Appearance",secondary:"Customize the name, icon, etc",show:!1}};let rt=class extends st{constructor(){super(...arguments),this._initialized=!1,this._entityMap=new Map}setConfig(t){this._config=t,this.loadCardHelpers()}shouldUpdate(){return this._initialized||this._initialize(),!0}get name(){var t;return(null===(t=this._config)||void 0===t?void 0:t.name)||""}get home_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.home_entity)||""}get battery_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.battery_consumption_entity)||""}get grid_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.grid_entity)||""}get generation_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.generation_entity)||""}get home_extra_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.home_entity)||""}get battery_extra_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.battery_consumption_entity)||""}get grid_extra_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.grid_entity)||""}get generation_extra_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.generation_entity)||""}get grid_to_house_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.grid_to_house_entity)||""}get grid_to_battery_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.grid_to_battery_entity)||""}get battery_to_grid_in_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.battery_to_grid_entity)||""}get generation_to_grid_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.grid_to_battery_entity)||""}get generation_to_house_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.generation_entity)||""}get generation_to_battery_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.generation_yield_entity)||""}get appliance1_consumption_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.appliance1_consumption_entity)||""}get appliance1_extra_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.appliance1_state_entity)||""}get appliance2_consumption_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.appliance2_consumption_entity)||""}get appliance2_extra_entity(){var t;return(null===(t=this._config)||void 0===t?void 0:t.appliance2_state_entity)||""}get show_w_not_kw(){var t;return(null===(t=this._config)||void 0===t?void 0:t.show_w_not_kw)||!1}get show_warning(){var t;return(null===(t=this._config)||void 0===t?void 0:t.show_warning)||!1}get show_error(){var t;return(null===(t=this._config)||void 0===t?void 0:t.show_error)||!1}get hide_inactive_lines(){var t;return(null===(t=this._config)||void 0===t?void 0:t.hide_inactive_lines)||!1}get tap_action(){var t;return(null===(t=this._config)||void 0===t?void 0:t.tap_action)||{action:"more-info"}}get hold_action(){var t;return(null===(t=this._config)||void 0===t?void 0:t.hold_action)||{action:"none"}}get double_tap_action(){var t;return(null===(t=this._config)||void 0===t?void 0:t.double_tap_action)||{action:"none"}}render(){return this.hass&&this._helpers?(this._helpers.importMoreInfoControl("climate"),U`
       <div class="card-config">
         <paper-input
-          .label="${this.hass.localize('ui.panel.lovelace.editor.card.generic.title')} (${this.hass.localize('ui.panel.lovelace.editor.card.config.optional')})"
+          .label="${this.hass.localize("ui.panel.lovelace.editor.card.generic.title")} (${this.hass.localize("ui.panel.lovelace.editor.card.config.optional")})"
           .value=${this.name}
-          .configValue=${'name'}
+          .configValue=${"name"}
           @value-changed=${this._valueChanged}
         ></paper-input>
-        <div class="option" @click=${this._toggleOption} .option=${'entities'}>
+        <div class="option" @click=${this._toggleOption} .option=${"entities"}>
           <div class="row">
-            <ha-icon .icon=${`mdi:${options.entities.icon}`}></ha-icon>
-            <div class="title">${options.entities.name}</div>
+            <ha-icon .icon=${`mdi:${ot.entities.icon}`}></ha-icon>
+            <div class="title">${ot.entities.name}</div>
           </div>
-          <div class="secondary">${options.entities.secondary}</div>
+          <div class="secondary">${ot.entities.secondary}</div>
         </div>
-        ${options.entities.show
-            ? html `<div class="values">
-              ${Array.from(this._entityMap).map(entityArr => {
-                const entityName = entityArr[0];
-                const entityFunction = this[`_${entityName}`];
-                return html `
+        ${ot.entities.show?U`<div class="values">
+              ${Array.from(this._entityMap).map((t=>{const e=t[0],i=this[`_${e}`];return U`
                   <ha-entity-picker
-                    label="${entityName}"
+                    label="${e}"
                     @value-changed=${this._valueChanged}
                     .hass="${this.hass}"
-                    .value="${entityFunction}"
-                    .configValue=${entityName}
+                    .value="${i}"
+                    .configValue=${e}
                     @change="${this._valueChanged}"
                     allow-custom-entity
                   >
                   </ha-entity-picker>
-                `;
-            })}
-            </div>`
-            : ''}
-        <div class="option" @click=${this._toggleOption} .option=${'actions'}>
+                `}))}
+            </div>`:""}
+        <div class="option" @click=${this._toggleOption} .option=${"actions"}>
           <div class="row">
-            <ha-icon .icon=${`mdi:${options.actions.icon}`}></ha-icon>
-            <div class="title">${options.actions.name}</div>
+            <ha-icon .icon=${`mdi:${ot.actions.icon}`}></ha-icon>
+            <div class="title">${ot.actions.name}</div>
           </div>
-          <div class="secondary">${options.actions.secondary}</div>
+          <div class="secondary">${ot.actions.secondary}</div>
         </div>
-        ${options.actions.show
-            ? html `
+        ${ot.actions.show?U`
               <div class="values">
-                <div
-                  class="option"
-                  @click=${this._toggleAction}
-                  .option=${'tap'}
-                >
+                <div class="option" @click=${this._toggleAction} .option=${"tap"}>
                   <div class="row">
-                    <ha-icon
-                      .icon=${`mdi:${options.actions.options.tap.icon}`}
-                    ></ha-icon>
-                    <div class="title">${options.actions.options.tap.name}</div>
-                  </div>
-                  <div class="secondary">
-                    ${options.actions.options.tap.secondary}
+                    <ha-icon .icon=${`mdi:${ot.actions.options.tap.icon}`}></ha-icon>
+                    <div class="title">${ot.actions.options.tap.name}</div>
                   </div>
+                  <div class="secondary">${ot.actions.options.tap.secondary}</div>
                 </div>
-                ${options.actions.options.tap.show
-                ? html `
+                ${ot.actions.options.tap.show?U`
                       <div class="values">
                         <paper-item>Action Editors Coming Soon</paper-item>
                       </div>
-                    `
-                : ''}
-                <div
-                  class="option"
-                  @click=${this._toggleAction}
-                  .option=${'hold'}
-                >
+                    `:""}
+                <div class="option" @click=${this._toggleAction} .option=${"hold"}>
                   <div class="row">
-                    <ha-icon
-                      .icon=${`mdi:${options.actions.options.hold.icon}`}
-                    ></ha-icon>
-                    <div class="title">
-                      ${options.actions.options.hold.name}
-                    </div>
-                  </div>
-                  <div class="secondary">
-                    ${options.actions.options.hold.secondary}
+                    <ha-icon .icon=${`mdi:${ot.actions.options.hold.icon}`}></ha-icon>
+                    <div class="title">${ot.actions.options.hold.name}</div>
                   </div>
+                  <div class="secondary">${ot.actions.options.hold.secondary}</div>
                 </div>
-                ${options.actions.options.hold.show
-                ? html `
+                ${ot.actions.options.hold.show?U`
                       <div class="values">
                         <paper-item>Action Editors Coming Soon</paper-item>
                       </div>
-                    `
-                : ''}
-                <div
-                  class="option"
-                  @click=${this._toggleAction}
-                  .option=${'double_tap'}
-                >
+                    `:""}
+                <div class="option" @click=${this._toggleAction} .option=${"double_tap"}>
                   <div class="row">
-                    <ha-icon
-                      .icon=${`mdi:${options.actions.options.double_tap.icon}`}
-                    ></ha-icon>
-                    <div class="title">
-                      ${options.actions.options.double_tap.name}
-                    </div>
-                  </div>
-                  <div class="secondary">
-                    ${options.actions.options.double_tap.secondary}
+                    <ha-icon .icon=${`mdi:${ot.actions.options.double_tap.icon}`}></ha-icon>
+                    <div class="title">${ot.actions.options.double_tap.name}</div>
                   </div>
+                  <div class="secondary">${ot.actions.options.double_tap.secondary}</div>
                 </div>
-                ${options.actions.options.double_tap.show
-                ? html `
+                ${ot.actions.options.double_tap.show?U`
                       <div class="values">
                         <paper-item>Action Editors Coming Soon</paper-item>
                       </div>
-                    `
-                : ''}
+                    `:""}
               </div>
-            `
-            : ''}
-        <div
-          class="option"
-          @click=${this._toggleOption}
-          .option=${'appearance'}
-        >
+            `:""}
+        <div class="option" @click=${this._toggleOption} .option=${"appearance"}>
           <div class="row">
-            <ha-icon .icon=${`mdi:${options.appearance.icon}`}></ha-icon>
-            <div class="title">${options.appearance.name}</div>
+            <ha-icon .icon=${`mdi:${ot.appearance.icon}`}></ha-icon>
+            <div class="title">${ot.appearance.name}</div>
           </div>
-          <div class="secondary">${options.appearance.secondary}</div>
+          <div class="secondary">${ot.appearance.secondary}</div>
         </div>
-        ${options.appearance.show
-            ? html `
+        ${ot.appearance.show?U`
               <div class="values">
                 <br />
-                <ha-formfield
-                  .label=${`Toggle warning ${this.show_warning ? 'off' : 'on'}`}
-                >
+                <ha-formfield .label=${"Toggle warning "+(this.show_warning?"off":"on")}>
                   <ha-switch
-                    .checked=${this.show_warning !== false}
-                    .configValue=${'show_warning'}
+                    .checked=${!1!==this.show_warning}
+                    .configValue=${"show_warning"}
                     @change=${this._valueChanged}
                   ></ha-switch>
                 </ha-formfield>
-                <ha-formfield
-                  .label=${`Toggle error ${this.show_error ? 'off' : 'on'}`}
-                >
-                  <ha-switch
-                    .checked=${this.show_error !== false}
-                    .configValue=${'show_error'}
-                    @change=${this._valueChanged}
-                  ></ha-switch>
+                <ha-formfield .label=${"Toggle error "+(this.show_error?"off":"on")}>
+                  <ha-switch .checked=${!1!==this.show_error} .configValue=${"show_error"} @change=${this._valueChanged}></ha-switch>
                 </ha-formfield>
-                <ha-formfield
-                  .label=${`Toggle W instead of kW ${this.show_w_not_kw ? 'off' : 'on'}`}
-                >
+                <ha-formfield .label=${"Toggle W instead of kW "+(this.show_w_not_kw?"off":"on")}>
                   <ha-switch
-                    .checked=${this.show_w_not_kw !== false}
-                    .configValue=${'show_w_not_kw'}
+                    .checked=${!1!==this.show_w_not_kw}
+                    .configValue=${"show_w_not_kw"}
                     @change=${this._valueChanged}
                   ></ha-switch>
                 </ha-formfield>
-                <ha-formfield
-                  .label=${`Toggle hiding inactive power lines ${this.hide_inactive_lines ? 'off' : 'on'}`}
-                >
+                <ha-formfield .label=${"Toggle hiding inactive power lines "+(this.hide_inactive_lines?"off":"on")}>
                   <ha-switch
-                    .checked=${this.hide_inactive_lines !== false}
-                    .configValue=${'hide_inactive_lines'}
+                    .checked=${!1!==this.hide_inactive_lines}
+                    .configValue=${"hide_inactive_lines"}
                     @change=${this._valueChanged}
                   ></ha-switch>
                 </ha-formfield>
               </div>
-            `
-            : ''}
+            `:""}
       </div>
-    `;
-        }
-        _initialize() {
-            if (this.hass === undefined)
-                return;
-            if (this._config === undefined)
-                return;
-            if (this._helpers === undefined)
-                return;
-            this._initialized = true;
-        }
-        async loadCardHelpers() {
-            this._helpers = await window.loadCardHelpers();
-        }
-        _toggleAction(ev) {
-            this._toggleThing(ev, options.actions.options);
-        }
-        _toggleOption(ev) {
-            this._toggleThing(ev, options);
-        }
-        _toggleThing(ev, optionList) {
-            const show = !optionList[ev.target.option].show;
-            for (const [key] of Object.entries(optionList)) {
-                optionList[key].show = false;
-            }
-            optionList[ev.target.option].show = show;
-            this._toggle = !this._toggle;
-        }
-        _valueChanged(ev) {
-            if (!this._config || !this.hass) {
-                return;
-            }
-            const { target } = ev;
-            if (this[`_${target.configValue}`] === target.value) {
-                return;
-            }
-            if (target.configValue) {
-                if (target.value === '') {
-                    delete this._config[target.configValue];
-                }
-                else {
-                    this._config = {
-                        ...this._config,
-                        [target.configValue]: target.checked !== undefined ? target.checked : target.value,
-                    };
-                }
-            }
-            // fireEvent(this, 'config-changed', { config: this._config });
-        }
-        _fillLineEntityMap() {
-            if (this._config !== undefined) {
-                this._entityMap.set('home_entity', this._config.home_entity);
-                this._entityMap.set('grid_entity', this._config.grid_entity);
-                this._entityMap.set('generation_entity', this._config.generation_entity);
-                this._entityMap.set('battery_entity', this._config.battery_entity);
-                this._entityMap.set('grid_to_house_entity', this._config.grid_to_battery_entity);
-                this._entityMap.set('grid_to_battery_entity', this._config.grid_to_battery_entity);
-                this._entityMap.set('generation_to_grid_entity', this._config.grid_feed_in_entity);
-                this._entityMap.set('generation_to_house_entity', this._config.generation_consumption_entity);
-                this._entityMap.set('generation_to_battery_entity', this._config.generation_to_battery_entity);
-                this._entityMap.set('battery_to_grid_entity', this._config.generation_consumption_entity);
-                this._entityMap.set('battery_to_house_entity', this._config.generation_to_battery_entity);
-                this._entityMap.set('battery_extra_entity', this._config.battery_extra_entity);
-                this._entityMap.set('appliance1_consumption_entity', this._config.appliance1_entity);
-                this._entityMap.set('appliance1_state_entity', this._config.appliance1_state_entity);
-                this._entityMap.set('appliance2_consumption_entity', this._config.appliance2_entity);
-                this._entityMap.set('appliance2_state_entity', this._config.appliance2_state_entity);
-            }
-        }
-        _fillIconEntityMap() {
-            if (this._config !== undefined) {
-                this._entityMap.set('grid_entity', this._config.grid_entity);
-                this._entityMap.set('home_entity', this._config.home_entity);
-                this._entityMap.set('generation_entity', this._config.generation_entity);
-                this._entityMap.set('battery_entity', this._config.battery_entity);
-                this._entityMap.set('appliance1_entity', this._config.appliance1_entity);
-                this._entityMap.set('appliance2_entity', this._config.appliance2_entity);
-            }
-        }
-        static get styles() {
-            return css `
+    `):U``}_initialize(){void 0!==this.hass&&void 0!==this._config&&void 0!==this._helpers&&(this._initialized=!0)}async loadCardHelpers(){this._helpers=await window.loadCardHelpers()}_toggleAction(t){this._toggleThing(t,ot.actions.options)}_toggleOption(t){this._toggleThing(t,ot)}_toggleThing(t,e){const i=!e[t.target.option].show;for(const[t]of Object.entries(e))e[t].show=!1;e[t.target.option].show=i,this._toggle=!this._toggle}_valueChanged(t){if(!this._config||!this.hass)return;const{target:e}=t;this[`_${e.configValue}`]!==e.value&&e.configValue&&(""===e.value?delete this._config[e.configValue]:this._config={...this._config,[e.configValue]:void 0!==e.checked?e.checked:e.value})}_fillLineEntityMap(){void 0!==this._config&&(this._entityMap.set("home_entity",this._config.home_entity),this._entityMap.set("grid_entity",this._config.grid_entity),this._entityMap.set("generation_entity",this._config.generation_entity),this._entityMap.set("battery_entity",this._config.battery_entity),this._entityMap.set("grid_to_house_entity",this._config.grid_to_battery_entity),this._entityMap.set("grid_to_battery_entity",this._config.grid_to_battery_entity),this._entityMap.set("generation_to_grid_entity",this._config.grid_feed_in_entity),this._entityMap.set("generation_to_house_entity",this._config.generation_consumption_entity),this._entityMap.set("generation_to_battery_entity",this._config.generation_to_battery_entity),this._entityMap.set("battery_to_grid_entity",this._config.generation_consumption_entity),this._entityMap.set("battery_to_house_entity",this._config.generation_to_battery_entity),this._entityMap.set("battery_extra_entity",this._config.battery_extra_entity),this._entityMap.set("appliance1_consumption_entity",this._config.appliance1_entity),this._entityMap.set("appliance1_state_entity",this._config.appliance1_state_entity),this._entityMap.set("appliance2_consumption_entity",this._config.appliance2_entity),this._entityMap.set("appliance2_state_entity",this._config.appliance2_state_entity))}_fillIconEntityMap(){void 0!==this._config&&(this._entityMap.set("grid_entity",this._config.grid_entity),this._entityMap.set("home_entity",this._config.home_entity),this._entityMap.set("generation_entity",this._config.generation_entity),this._entityMap.set("battery_entity",this._config.battery_entity),this._entityMap.set("appliance1_entity",this._config.appliance1_entity),this._entityMap.set("appliance2_entity",this._config.appliance2_entity))}static get styles(){return it`
       .option {
         padding: 4px 0px;
         cursor: pointer;
@@ -3131,542 +324,47 @@
       ha-formfield {
         padding-bottom: 8px;
       }
-    `;
-        }
-    };
-    __decorate([
-        property({ attribute: false })
-    ], TeslaStyleSolarPowerCardEditor.prototype, "hass", void 0);
-    __decorate([
-        internalProperty()
-    ], TeslaStyleSolarPowerCardEditor.prototype, "_config", void 0);
-    __decorate([
-        internalProperty()
-    ], TeslaStyleSolarPowerCardEditor.prototype, "_toggle", void 0);
-    __decorate([
-        internalProperty()
-    ], TeslaStyleSolarPowerCardEditor.prototype, "_helpers", void 0);
-    TeslaStyleSolarPowerCardEditor = __decorate([
-        customElement('tesla-style-solar-power-card-editor')
-    ], TeslaStyleSolarPowerCardEditor);
-
-    /* eslint-disable class-methods-use-this, no-bitwise  */
-    class SensorElement {
-        constructor(entity, enitySlot) {
-            this.speed = 0;
-            this.startPosition = 0;
-            this.currentPosition = 0;
-            this.currentDelta = 0;
-            this.maxPosition = 30;
-            this.unitOfMeasurement = '';
-            this.accText = '';
-            this.accTextclassName = 'accText';
-            this.entity = '';
-            this.color = 'stroke:var(--info-color)';
-            this.circleColor = 'var(--primary-color)';
-            this.prevTimestamp = 0;
-            this.accTextElement = null;
-            this.entity = entity;
-            this.entitySlot = enitySlot;
-            this.value = 0;
-        }
-        setValueAndUnitOfMeasurement(entityState, unitOfMeasurement, useWnotkW = false, thresholdInK = 1) {
-            if (entityState === undefined) {
-                this.value = 0;
-                return;
-            }
-            if (unitOfMeasurement === undefined) {
-                this.value = entityState;
-                return;
-            }
-            const valueFromState = parseFloat(entityState);
-            switch (unitOfMeasurement) {
-                case 'W':
-                case 'kW':
-                    this.setValueAndUnitDependingOnExtraOptions(unitOfMeasurement, valueFromState, useWnotkW, thresholdInK);
-                    break;
-                case '%':
-                    this.value = valueFromState;
-                    this.unitOfMeasurement = unitOfMeasurement;
-                    break;
-                default:
-                    this.value = entityState;
-                    this.unitOfMeasurement = unitOfMeasurement;
-                    return;
-            }
-            this.value = this.roundValue(this.value);
-        }
-        setValueAndUnitDependingOnExtraOptions(unitOfMeasurement, valueFromState, useWnotkW, thresholdInK) {
-            if (useWnotkW) {
-                if (unitOfMeasurement === 'kW') {
-                    this.value = valueFromState * 1000;
-                    this.unitOfMeasurement = 'W';
-                }
-                else {
-                    this.value = valueFromState;
-                }
-                return;
-            }
-            if (unitOfMeasurement === 'kW') {
-                this.value = valueFromState;
-            }
-            else if (unitOfMeasurement === 'W') {
-                this.value = valueFromState / 1000;
-            }
-            this.unitOfMeasurement = 'kW';
-            if (thresholdInK !== 1 && this.unitOfMeasurement === 'kW' && this.value < thresholdInK) {
-                this.value *= 1000;
-                this.unitOfMeasurement = 'W';
-            }
-        }
-        roundValue(value) {
-            let roundedValue;
-            if (value > 0.1) {
-                roundedValue = (Math.round((value + Number.EPSILON) * 10) | 0) / 10;
-            }
-            else {
-                roundedValue = (Math.round((value + Number.EPSILON) * 100) | 0) / 100;
-            }
-            return roundedValue;
-        }
-        setSpeed(useWnotkW) {
-            this.speed = 0;
-            if (Math.abs(this.value) === 0)
-                return;
-            if (!useWnotkW) {
-                this.speed = SensorElement.SPEEDFACTOR * this.value;
-            }
-            else {
-                this.speed = (SensorElement.SPEEDFACTOR / 1000) * this.value;
-            }
-        }
-    }
-    SensorElement.SPEEDFACTOR = 0.04;
-
-    /* eslint-disable no-param-reassign,  import/extensions, prefer-template, class-methods-use-this, lit-a11y/click-events-have-key-events, lines-between-class-members */
-    class HtmlWriterForPowerCard {
-        constructor(teslaCard, hass) {
-            this.teslaCard = teslaCard;
-            this.solarCardElements = teslaCard.solarCardElements;
-            this.pxRate = teslaCard.pxRate;
-            this.hass = hass;
-        }
-        writeBubbleDiv(mainValue, mainUnitOfMeasurement, cssSelector, icon, bubblClickEntitySlot = null, bubblClickEntitySlotHassState = null, extraValue = null, extraUnitOfMeasurement = null) {
-            return html ` <div class="acc_td ${cssSelector}">
+    `}};var at;t([K({attribute:!1})],rt.prototype,"hass",void 0),t([Q()],rt.prototype,"_config",void 0),t([Q()],rt.prototype,"_toggle",void 0),t([Q()],rt.prototype,"_helpers",void 0),rt=t([(at="tesla-style-solar-power-card-editor",t=>"function"==typeof t?((t,e)=>(window.customElements.define(t,e),e))(at,t):((t,e)=>{const{kind:i,elements:n}=e;return{kind:i,elements:n,finisher(e){window.customElements.define(t,e)}}})(at,t))],rt);class lt{constructor(t,e){this.speed=0,this.startPosition=0,this.currentPosition=0,this.currentDelta=0,this.maxPosition=30,this.unitOfMeasurement="",this.accText="",this.accTextclassName="accText",this.entity="",this.color="stroke:var(--info-color)",this.circleColor="var(--primary-color)",this.prevTimestamp=0,this.accTextElement=null,this.entity=t,this.entitySlot=e,this.value=0}setValueAndUnitOfMeasurement(t,e,i=!1,n=1){if(void 0===t)return void(this.value=0);if(void 0===e)return void(this.value=t);const s=parseFloat(t);switch(e){case"W":case"kW":this.setValueAndUnitDependingOnExtraOptions(e,s,i,n);break;case"%":this.value=s,this.unitOfMeasurement=e;break;default:return this.value=t,void(this.unitOfMeasurement=e)}this.value=this.roundValue(this.value)}setValueAndUnitDependingOnExtraOptions(t,e,i,n){i?"kW"===t?(this.value=1e3*e,this.unitOfMeasurement="W"):this.value=e:("kW"===t?this.value=e:"W"===t&&(this.value=e/1e3),this.unitOfMeasurement="kW",1!==n&&"kW"===this.unitOfMeasurement&&this.value<n&&(this.value*=1e3,this.unitOfMeasurement="W"))}roundValue(t){let e;return e=t>.1?(0|Math.round(10*(t+Number.EPSILON)))/10:(0|Math.round(100*(t+Number.EPSILON)))/100,e}setSpeed(t){this.speed=0,0!==Math.abs(this.value)&&(this.speed=t?lt.SPEEDFACTOR/1e3*this.value:lt.SPEEDFACTOR*this.value)}}lt.SPEEDFACTOR=.04;class ct{constructor(t,e){this.teslaCard=t,this.solarCardElements=t.solarCardElements,this.pxRate=t.pxRate,this.hass=e}writeBubbleDiv(t,e,i,n,s=null,o=null,r=null,a=null){return U` <div class="acc_td ${i}">
       <div
-        class="acc_container ${bubblClickEntitySlot}"
-        style="${'width:' + 9 * this.pxRate + 'px; height: ' + 9 * this.pxRate + 'px; padding:' + 5 * this.pxRate + 'px;'}"
-        @click="${() => this._handleClick(bubblClickEntitySlotHassState)}"
+        class="acc_container ${s}"
+        style="${"width:"+9*this.pxRate+"px; height: "+9*this.pxRate+"px; padding:"+5*this.pxRate+"px;"}"
+        @click="${()=>this._handleClick(o)}"
       >
-        ${extraValue !== null
-            ? html ` <div
+        ${null!==r?U` <div
               class="acc_text_extra"
-              style="font-size:${3 * this.pxRate + 'px'};
-                        top: ${1 * this.pxRate + 'px'};
-                        width: ${10 * this.pxRate + 'px'};"
+              style="font-size:${3*this.pxRate+"px"};
+                        top: ${1*this.pxRate+"px"};
+                        width: ${10*this.pxRate+"px"};"
             >
-              ${extraValue} ${extraUnitOfMeasurement}
-            </div>`
-            : html ``}
-        <ha-icon class="acc_icon" icon="${icon}"></ha-icon>
-        <div class="acc_text" style="font-size:${3 * this.pxRate + 'px'}; margin-top:${-0.5 * this.pxRate + 'px'}">
-          ${mainValue} ${mainUnitOfMeasurement}
+              ${r} ${a}
+            </div>`:U``}
+        <ha-icon class="acc_icon" icon="${n}"></ha-icon>
+        <div class="acc_text" style="font-size:${3*this.pxRate+"px"}; margin-top:${-.5*this.pxRate+"px"}">
+          ${t} ${e}
         </div>
       </div>
-    </div>`;
-        }
-        writeBatteryBubbleDiv(mainValue, mainUnitOfMeasurement, cssSelector, icon, bubblClickEntitySlot, bubblClickEntitySlotHassState, extraValue = undefined, extraUnitOfMeasurement = undefined) {
-            if (extraValue !== undefined) {
-                icon = this.getBatteryIcon(parseFloat(extraValue), mainValue);
-            }
-            return this.writeBubbleDiv(mainValue, mainUnitOfMeasurement, cssSelector, icon, bubblClickEntitySlot, bubblClickEntitySlotHassState, extraValue, extraUnitOfMeasurement);
-        }
-        getBatteryIcon(batteryValue, batteryChargeDischargeValue) {
-            let TempSocValue = batteryValue;
-            if (batteryValue <= 5)
-                TempSocValue = 0;
-            const batteryStateRoundedValue = Math.ceil(TempSocValue / 10) * 10;
-            let batteryStateIconString = '-' + batteryStateRoundedValue.toString();
-            // show charging icon beside battery state
-            let batteryCharging = '-charging';
-            if (batteryChargeDischargeValue <= 0) {
-                batteryCharging = '';
-            }
-            if (batteryStateRoundedValue === 100)
-                batteryStateIconString = ''; // full
-            if (batteryStateRoundedValue <= 5)
-                batteryStateIconString = '-outline'; // empty
-            return 'mdi:battery' + batteryCharging + batteryStateIconString;
-        }
-        writeAppliancePowerLineAndCircle(applianceNumber, pathDAttribute) {
-            const divEntity = this.solarCardElements.get('appliance' + applianceNumber + '_consumption_entity');
-            if (divEntity == null)
-                return html ``;
-            const height = 18;
-            const width = 4;
-            let verticalPosition;
-            if (applianceNumber === 1) {
-                verticalPosition = 'top:' + 22.5 * this.pxRate + 'px;';
-            }
-            else {
-                verticalPosition = 'bottom:' + 15 * this.pxRate + 'px;';
-            }
-            return html ` <div
-      class="acc_line acc_appliance${applianceNumber}_line"
+    </div>`}writeBatteryBubbleDiv(t,e,i,n,s,o,r,a){return void 0!==r&&(n=this.getBatteryIcon(parseFloat(r),t)),this.writeBubbleDiv(t,e,i,n,s,o,r,a)}getBatteryIcon(t,e){let i=t;t<=5&&(i=0);const n=10*Math.ceil(i/10);let s="-"+n.toString(),o="-charging";return e<=0&&(o=""),100===n&&(s=""),n<=5&&(s="-outline"),"mdi:battery"+o+s}writeAppliancePowerLineAndCircle(t,e){if(null==this.solarCardElements.get("appliance"+t+"_consumption_entity"))return U``;let i;return i=1===t?"top:"+22.5*this.pxRate+"px;":"bottom:"+15*this.pxRate+"px;",U` <div
+      class="acc_line acc_appliance${t}_line"
       style="
-        height:${height * this.pxRate + 'px'};
-        width:${width * this.pxRate + 'px'};
-        right:${10 * this.pxRate + 'px'};
-        ${verticalPosition}
+        height:${18*this.pxRate+"px"};
+        width:${4*this.pxRate+"px"};
+        right:${10*this.pxRate+"px"};
+        ${i}
         position:absolute"
     >
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        viewBox="${'0 0 ' + 26 * this.pxRate + ' ' + 26 * this.pxRate}"
+        viewBox="${"0 0 "+26*this.pxRate+" "+26*this.pxRate}"
         preserveAspectRatio="xMinYMax slice"
-        style="height:${height * this.pxRate + 'px'};width:${width * this.pxRate + 'px'}"
-        class="acc_appliance${applianceNumber}_line_svg"
+        style="height:${18*this.pxRate+"px"};width:${4*this.pxRate+"px"}"
+        class="acc_appliance${t}_line_svg"
       >
-        ${this.writeCircleAndLine('appliance' + applianceNumber + '_consumption_entity', pathDAttribute)}
+        ${this.writeCircleAndLine("appliance"+t+"_consumption_entity",e)}
       </svg>
-    </div>`;
-        }
-        writeCircleAndLine(sensorName, pathDAttribute) {
-            const entity = this.solarCardElements.get(sensorName);
-            if (entity == null)
-                return html ``;
-            return html `<svg>
-      <circle r="4" cx="${entity.startPosition.toString()}" cy="4" fill="${entity.color}" id="${sensorName + '_circle'}"></circle>
-      <path d="${pathDAttribute}" id="${sensorName + '_line'}"></path>
-    </svg>`;
-        }
-        _handleClick(stateObj) {
-            if (stateObj == null)
-                return;
-            const event = new Event('hass-more-info', {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-            });
-            event.detail = { entityId: stateObj.entity_id };
-            if (this.teslaCard.shadowRoot == null)
-                return;
-            this.teslaCard.shadowRoot.dispatchEvent(event);
-        }
-    }
-
-    class HtmlResizeForPowerCard {
-        static changeStylesDependingOnWidth(teslaCard, solarCardElements, newWidth, oldWidth) {
-            if (document.readyState !== 'complete' || oldWidth === newWidth)
-                return oldWidth;
-            if (teslaCard.shadowRoot == null)
-                return oldWidth;
-            const teslaCardElement = (teslaCard.shadowRoot.querySelector('#tesla-style-solar-power-card'));
-            if (teslaCardElement == null)
-                return oldWidth;
-            const pxRate = newWidth / 100;
-            const changeSelectorStyle = function (selector, styleAttribute, attributeValue) {
-                const selectorElement = (teslaCardElement.querySelector(selector));
-                if (selectorElement !== null)
-                    selectorElement.style[styleAttribute] = attributeValue;
-            };
-            changeSelectorStyle('.acc_left', 'top', 12 * pxRate + 'px');
-            changeSelectorStyle('.acc_right', 'top', 12 * pxRate + 'px');
-            // icons
-            teslaCardElement
-                .querySelectorAll('.acc_container')
-                .forEach((_currentValue, currentIndex, iconContainerItem) => {
-                const iconContainer = iconContainerItem[currentIndex];
-                iconContainer.style.height = 9 * pxRate + 'px';
-                iconContainer.style.width = 9 * pxRate + 'px';
-                iconContainer.style.padding = 5 * pxRate + 'px';
-            });
-            teslaCardElement
-                .querySelectorAll('ha-icon')
-                .forEach((_currentValue, currentIndex, icons) => {
-                var _a;
-                const icon = ((_a = icons[currentIndex].shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ha-svg-icon'));
-                if (icon != null) {
-                    icon.style.height = 9 * pxRate + 'px';
-                    icon.style.width = 9 * pxRate + 'px';
-                }
-            });
-            teslaCardElement
-                .querySelectorAll('.acc_text')
-                .forEach(icontext => {
-                icontext.style['font-size'] = 3 * pxRate + 'px';
-                icontext.style['margin-top'] = -0.5 * pxRate + 'px';
-            });
-            teslaCardElement
-                .querySelectorAll('.acc_text_extra')
-                .forEach(icontextExtra => {
-                icontextExtra.style['font-size'] = 3 * pxRate + 'px';
-                icontextExtra.style.top = 1 * pxRate + 'px';
-                icontextExtra.style.width = 10 * pxRate + 'px';
-            });
-            // power lines
-            changeSelectorStyle('.power_lines', 'height', 42 * pxRate + 'px');
-            changeSelectorStyle('.power_lines', 'width', 42 * pxRate + 'px');
-            changeSelectorStyle('.power_lines', 'top', 21 * pxRate + 'px');
-            changeSelectorStyle('.power_lines', 'left', 21 * pxRate + 'px');
-            changeSelectorStyle('.power_lines svg', 'width', 42 * pxRate + 'px');
-            changeSelectorStyle('.power_lines svg', 'height', 42 * pxRate + 'px');
-            changeSelectorStyle('.power_lines svg', 'viewBox', '0 0 ' + 42 * pxRate + ' ' + 42 * pxRate);
-            let selectorElement = (teslaCardElement.querySelector('.power_lines svg'));
-            if (selectorElement !== null)
-                selectorElement.setAttribute('viewBox', '0 0 ' + 42 * pxRate + ' ' + 42 * pxRate);
-            const half = 22 * pxRate;
-            changeSelectorStyle('#generation_to_house_entity_line', 'd', 'M' +
-                half +
-                ',0 C' +
-                half +
-                ',' +
-                half +
-                ' ' +
-                half +
-                ',' +
-                half +
-                ' ' +
-                half * 2 +
-                ',' +
-                half);
-            changeSelectorStyle('#grid_feed_in_entity_line', 'd', 'M' +
-                half +
-                ',0 C' +
-                half +
-                ',' +
-                half +
-                ' ' +
-                half +
-                ',' +
-                half +
-                ' 0,' +
-                half);
-            changeSelectorStyle('#grid_to_house_entity_line', 'd', 'M0,' +
-                half +
-                ' C' +
-                half +
-                ',' +
-                half +
-                ' ' +
-                half +
-                ',' +
-                half +
-                ' ' +
-                half * 2 +
-                ',' +
-                half);
-            changeSelectorStyle('#grid_to_battery_entity_line', 'd', 'M0,' +
-                half +
-                ' C' +
-                half +
-                ',' +
-                half +
-                ' ' +
-                half +
-                ',' +
-                half +
-                ' ' +
-                half +
-                ',' +
-                half * 2);
-            changeSelectorStyle('#battery_to_house_entity_line', 'd', 'M' +
-                half +
-                ',' +
-                half * 2 +
-                ' C' +
-                half +
-                ',' +
-                half +
-                ' ' +
-                half +
-                ',' +
-                half +
-                ' ' +
-                half * 2 +
-                ',' +
-                half);
-            changeSelectorStyle('#generation_to_battery_entity_line', 'd', 'M' +
-                half +
-                ',0 C' +
-                half +
-                ',0 ' +
-                half +
-                ',' +
-                half * 2 +
-                ' ' +
-                half +
-                ',' +
-                half * 2);
-            // appliances
-            [1, 2].forEach(value => {
-                changeSelectorStyle('.acc_appliance' + value + '_line svg', 'viewBox', '0 0 ' + 26 * pxRate + ' ' + 26 * pxRate);
-                changeSelectorStyle('.acc_appliance' + value + '_line', 'right', 10 * pxRate + 'px');
-                changeSelectorStyle('.acc_appliance' + value + '_line', 'width', 4 * pxRate + 'px');
-                changeSelectorStyle('.acc_appliance' + value + '_line', 'height', 18 * pxRate + 'px');
-                changeSelectorStyle('.acc_appliance' + value + '_line svg', 'width', 4 * pxRate + 'px');
-                changeSelectorStyle('.acc_appliance' + value + '_line svg', 'height', 18 * pxRate + 'px');
-                selectorElement = (teslaCardElement.querySelector('.acc_appliance' + value + '_line_svg'));
-                if (selectorElement !== null)
-                    selectorElement.setAttribute('viewBox', '0 0 ' + 26 * pxRate + ' ' + 26 * pxRate);
-                const topElement = (teslaCardElement.querySelector('.generation_entity'));
-                if (topElement === null && value === 1 && selectorElement !== null) {
-                    changeSelectorStyle('.acc_center_container', 'margin-top', 19 * pxRate + 'px');
-                }
-                const bottomElement = (teslaCardElement.querySelector('.battery_entity'));
-                if (bottomElement === null && value === 2 && selectorElement !== null) {
-                    changeSelectorStyle('.acc_center_container', 'margin-bottom', 19 * pxRate + 'px');
-                }
-            });
-            const gridElement = (teslaCardElement.querySelector('.grid_entity'));
-            if (gridElement === null) {
-                changeSelectorStyle('.generation_entity', 'margin', '0px');
-                changeSelectorStyle('.battery_entity', 'margin', '0px');
-                changeSelectorStyle('.power_lines', 'width', 30 * pxRate + 'px');
-                selectorElement = (teslaCardElement.querySelector('.power_lines svg'));
-                if (selectorElement !== null)
-                    selectorElement.setAttribute('viewBox', 12 * pxRate + ' 0 ' + 42 * pxRate + ' ' + 42 * pxRate);
-            }
-            changeSelectorStyle('.acc_appliance1', 'top', 10 + 'px');
-            changeSelectorStyle('.acc_appliance1_line', 'top', 23 * pxRate + 'px');
-            changeSelectorStyle('.acc_appliance2', 'bottom', 10 + 'px');
-            changeSelectorStyle('.acc_appliance2_line', 'bottom', 15 * pxRate + 'px');
-            return newWidth;
-        }
-    }
-
-    // import { TeslaStyleSolarPowerCardEditor } from './components/editor';
-    // import { localize } from './localize/localize';
-    // This puts your card into the UI card picker dialog
-    window.customCards = window.customCards || [];
-    window.customCards.push({
-        type: 'tesla-style-solar-power-card',
-        name: 'Tesla Style Solar Power Card',
-        description: 'A Solar Power Visualization with svg paths that mimmicks the powerwall app of tesla 2',
-    });
-    class TeslaStyleSolarPowerCard extends LitElement {
-        constructor() {
-            super(...arguments);
-            this.solarCardElements = new Map();
-            this.oldWidth = 100;
-            this.pxRate = 4;
-            this.htmlWriter = new HtmlWriterForPowerCard(this, this.hass);
-            this.title = 'Hey there';
-            this.counter = 5;
-            this.error = '';
-        }
-        __increment() {
-            this.counter += 1;
-        }
-        setConfig(config) {
-            if (config.test_gui) ;
-            this.config = {
-                ...config,
-            };
-            if (this.config.grid_icon == null)
-                this.config.grid_icon = 'mdi:transmission-tower';
-            if (this.config.generation_icon == null)
-                this.config.generation_icon = 'mdi:solar-panel-large';
-            if (this.config.house_icon == null)
-                this.config.house_icon = 'mdi:home';
-            if (this.config.battery_icon == null)
-                this.config.battery_icon = 'mdi:battery-medium';
-            if (this.config.appliance1_icon == null)
-                this.config.appliance1_icon = 'mdi:car-sports';
-            if (this.config.appliance2_icon == null)
-                this.config.appliance2_icon = 'mdi:air-filter';
-            this.createSolarCardElements();
-            if (!this.config.energy_flow_diagramm) {
-                const obj = this;
-                setInterval(this.animateCircles, 15, obj);
-            }
-        }
-        createSolarCardElements() {
-            Object.keys(this.config).forEach(key => {
-                if (this.config[key] != null && key.indexOf('_entity') > 5) {
-                    // only filled entity config elements
-                    const sensorName = this.config[key].toString();
-                    this.solarCardElements.set(key, new SensorElement(sensorName, key));
-                }
-            });
-        }
-        getCardSize() {
-            return 5;
-        }
-        static async getConfigElement() {
-            return document.createElement('tesla-style-solar-power-card-editor');
-        }
-        static getStubConfig() {
-            return {};
-        }
-        /* ** LitElement process functions ** */
-        async firstUpdated() {
-            // Give the browser a chance to paint
-            await new Promise(r => setTimeout(r, 0));
-            this.oldWidth = HtmlResizeForPowerCard.changeStylesDependingOnWidth(this, this.solarCardElements, this.clientWidth, this.oldWidth);
-        }
-        connectedCallback() {
-            super.connectedCallback();
-            this.redraw = this.redraw.bind(this);
-            window.addEventListener('resize', this.redraw);
-        }
-        shouldUpdate(changedProperties) {
-            let obj;
-            obj = this;
-            if (!this.config.energy_flow_diagramm) {
-                requestAnimationFrame(timestamp => {
-                    obj.updateAllCircles(timestamp);
-                });
-            }
-            obj = this;
-            // Update only when our values in hass changed
-            let update = true;
-            Array.from(changedProperties.keys()).some((propName) => {
-                const oldValue = changedProperties.get(propName);
-                if (propName === 'hass' && oldValue) {
-                    update = update && this.sensorChangeDetected(oldValue);
-                }
-                return !update;
-            });
-            return update;
-        }
-        sensorChangeDetected(oldValue) {
-            let change = false;
-            this.solarCardElements.forEach((_solarSensor, key) => {
-                if (this.hass.states[this.config[key]] !== undefined &&
-                    this.hass.states[this.config[key]].state !== oldValue.states[this.config[key]].state) {
-                    change = true;
-                }
-            });
-            return change;
-        }
-        async performUpdate() {
-            this.error = '';
-            this.solarCardElements.forEach(solarSensor => {
-                try {
-                    solarSensor.setValueAndUnitOfMeasurement(this.hass.states[solarSensor.entity].state, this.hass.states[solarSensor.entity].attributes.unit_of_measurement, this.config.show_w_not_kw, this.config.threshold_in_k);
-                    solarSensor.setSpeed(this.config.show_w_not_kw);
-                }
-                catch (err) {
-                    this.error += " Configured '" + solarSensor.entity + "' entity was not found. ";
-                }
-            });
-            if (this.config.energy_flow_diagramm) {
-                this.setEnergyFlowDiagramm();
-            }
-            if (this.config.change_house_bubble_color_with_flow) {
-                this.colourHouseBubbleDependingOnHighestInput();
-            }
-            super.performUpdate();
-        }
-        /* ****  render functions ****** */
-        render() {
-            if (this.error !== '')
-                return this._showError();
-            this.pxRate = this.clientWidth / 100;
-            const half = 22 * this.pxRate;
-            //
-            return html `
+    </div>`}writeCircleAndLine(t,e){const i=this.solarCardElements.get(t);return null==i?U``:U`<svg>
+      <circle r="4" cx="${i.startPosition.toString()}" cy="4" fill="${i.color}" id="${t+"_circle"}"></circle>
+      <path d="${e}" id="${t+"_line"}"></path>
+    </svg>`}_handleClick(t){if(null==t)return;const e=new Event("hass-more-info",{bubbles:!0,cancelable:!0,composed:!0});e.detail={entityId:t.entity_id},null!=this.teslaCard.shadowRoot&&this.teslaCard.shadowRoot.dispatchEvent(e)}}class ht{static changeStylesDependingOnWidth(t,e,i,n){if("complete"!==document.readyState||n===i)return n;if(null==t.shadowRoot)return n;const s=t.shadowRoot.querySelector("#tesla-style-solar-power-card");if(null==s)return n;const o=i/100,r=function(t,e,i){const n=s.querySelector(t);null!==n&&(n.style[e]=i)};r(".acc_left","top",12*o+"px"),r(".acc_right","top",12*o+"px"),s.querySelectorAll(".acc_container").forEach(((t,e,i)=>{const n=i[e];n.style.height=9*o+"px",n.style.width=9*o+"px",n.style.padding=5*o+"px"})),s.querySelectorAll("ha-icon").forEach(((t,e,i)=>{var n;const s=null===(n=i[e].shadowRoot)||void 0===n?void 0:n.querySelector("ha-svg-icon");null!=s&&(s.style.height=9*o+"px",s.style.width=9*o+"px")})),s.querySelectorAll(".acc_text").forEach((t=>{t.style["font-size"]=3*o+"px",t.style["margin-top"]=-.5*o+"px"})),s.querySelectorAll(".acc_text_extra").forEach((t=>{t.style["font-size"]=3*o+"px",t.style.top=1*o+"px",t.style.width=10*o+"px"})),r(".power_lines","height",42*o+"px"),r(".power_lines","width",42*o+"px"),r(".power_lines","top",21*o+"px"),r(".power_lines","left",21*o+"px"),r(".power_lines svg","width",42*o+"px"),r(".power_lines svg","height",42*o+"px"),r(".power_lines svg","viewBox","0 0 "+42*o+" "+42*o);let a=s.querySelector(".power_lines svg");null!==a&&a.setAttribute("viewBox","0 0 "+42*o+" "+42*o);const l=22*o;r("#generation_to_house_entity_line","d","M"+l+",0 C"+l+","+l+" "+l+","+l+" "+2*l+","+l),r("#grid_feed_in_entity_line","d","M"+l+",0 C"+l+","+l+" "+l+","+l+" 0,"+l),r("#grid_to_house_entity_line","d","M0,"+l+" C"+l+","+l+" "+l+","+l+" "+2*l+","+l),r("#grid_to_battery_entity_line","d","M0,"+l+" C"+l+","+l+" "+l+","+l+" "+l+","+2*l),r("#battery_to_house_entity_line","d","M"+l+","+2*l+" C"+l+","+l+" "+l+","+l+" "+2*l+","+l),r("#generation_to_battery_entity_line","d","M"+l+",0 C"+l+",0 "+l+","+2*l+" "+l+","+2*l),[1,2].forEach((t=>{r(".acc_appliance"+t+"_line svg","viewBox","0 0 "+26*o+" "+26*o),r(".acc_appliance"+t+"_line","right",10*o+"px"),r(".acc_appliance"+t+"_line","width",4*o+"px"),r(".acc_appliance"+t+"_line","height",18*o+"px"),r(".acc_appliance"+t+"_line svg","width",4*o+"px"),r(".acc_appliance"+t+"_line svg","height",18*o+"px"),a=s.querySelector(".acc_appliance"+t+"_line_svg"),null!==a&&a.setAttribute("viewBox","0 0 "+26*o+" "+26*o);null===s.querySelector(".generation_entity")&&1===t&&null!==a&&r(".acc_center_container","margin-top",19*o+"px");null===s.querySelector(".battery_entity")&&2===t&&null!==a&&r(".acc_center_container","margin-bottom",19*o+"px")}));return null===s.querySelector(".grid_entity")&&(r(".generation_entity","margin","0px"),r(".battery_entity","margin","0px"),r(".power_lines","width",30*o+"px"),a=s.querySelector(".power_lines svg"),null!==a&&a.setAttribute("viewBox",12*o+" 0 "+42*o+" "+42*o)),r(".acc_appliance1","top","10px"),r(".acc_appliance1_line","top",23*o+"px"),r(".acc_appliance2","bottom","10px"),r(".acc_appliance2_line","bottom",15*o+"px"),i}}window.customCards=window.customCards||[],window.customCards.push({type:"tesla-style-solar-power-card",name:"Tesla Style Solar Power Card",description:"A Solar Power Visualization with svg paths that mimmicks the powerwall app of tesla 2"});class dt extends st{constructor(){super(...arguments),this.solarCardElements=new Map,this.oldWidth=100,this.pxRate=4,this.htmlWriter=new ct(this,this.hass),this.title="Hey there",this.counter=5,this.error=""}__increment(){this.counter+=1}setConfig(t){if(t.test_gui,this.config={...t},null==this.config.grid_icon&&(this.config.grid_icon="mdi:transmission-tower"),null==this.config.generation_icon&&(this.config.generation_icon="mdi:solar-panel-large"),null==this.config.house_icon&&(this.config.house_icon="mdi:home"),null==this.config.battery_icon&&(this.config.battery_icon="mdi:battery-medium"),null==this.config.appliance1_icon&&(this.config.appliance1_icon="mdi:car-sports"),null==this.config.appliance2_icon&&(this.config.appliance2_icon="mdi:air-filter"),this.createSolarCardElements(),!this.config.energy_flow_diagramm){const t=this;setInterval(this.animateCircles,15,t)}}createSolarCardElements(){Object.keys(this.config).forEach((t=>{if(null!=this.config[t]&&t.indexOf("_entity")>5){const e=this.config[t].toString();this.solarCardElements.set(t,new lt(e,t))}}))}getCardSize(){return 5}static async getConfigElement(){return document.createElement("tesla-style-solar-power-card-editor")}static getStubConfig(){return{}}async firstUpdated(){await new Promise((t=>setTimeout(t,0))),this.oldWidth=ht.changeStylesDependingOnWidth(this,this.solarCardElements,this.clientWidth,this.oldWidth)}connectedCallback(){super.connectedCallback(),this.redraw=this.redraw.bind(this),window.addEventListener("resize",this.redraw)}shouldUpdate(t){let e;e=this,this.config.energy_flow_diagramm||requestAnimationFrame((t=>{e.updateAllCircles(t)})),e=this;let i=!0;return Array.from(t.keys()).some((e=>{const n=t.get(e);return"hass"===e&&n&&(i=i&&this.sensorChangeDetected(n)),!i})),i}sensorChangeDetected(t){let e=!1;return this.solarCardElements.forEach(((i,n)=>{void 0!==this.hass.states[this.config[n]]&&this.hass.states[this.config[n]].state!==t.states[this.config[n]].state&&(e=!0)})),e}async performUpdate(){this.error="",this.solarCardElements.forEach((t=>{try{t.setValueAndUnitOfMeasurement(this.hass.states[t.entity].state,this.hass.states[t.entity].attributes.unit_of_measurement,this.config.show_w_not_kw,this.config.threshold_in_k),t.setSpeed(this.config.show_w_not_kw)}catch(e){this.error+=" Configured '"+t.entity+"' entity was not found. "}})),this.config.energy_flow_diagramm&&this.setEnergyFlowDiagramm(),this.config.change_house_bubble_color_with_flow&&this.colourHouseBubbleDependingOnHighestInput(),super.performUpdate()}render(){if(""!==this.error)return this._showError();this.pxRate=this.clientWidth/100;const t=22*this.pxRate;return U`
       <ha-card .header=${this.config.name} tabindex="0">
         <div id="tesla-style-solar-power-card">
           ${this.writeGenerationIconBubble()}
@@ -3676,275 +374,44 @@
               <div
                 class="acc_line power_lines"
                 style="
-                height:${42 * this.pxRate + 'px'};
-                width:${42 * this.pxRate + 'px'};
-                top:${0 * this.pxRate + 'px'};
-                left:${28 * this.pxRate + 'px'}"
+                height:${42*this.pxRate+"px"};
+                width:${42*this.pxRate+"px"};
+                top:${0*this.pxRate+"px"};
+                left:${28*this.pxRate+"px"}"
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
-                  viewBox="${'0 0 ' + 42 * this.pxRate + ' ' + 42 * this.pxRate}"
+                  viewBox="${"0 0 "+42*this.pxRate+" "+42*this.pxRate}"
                   preserveAspectRatio="xMinYMax slice"
-                  style="height:${42 * this.pxRate + 'px'};width:${42 * this.pxRate + 'px'}"
+                  style="height:${42*this.pxRate+"px"};width:${42*this.pxRate+"px"}"
                 >
-                  ${this.htmlWriter.writeCircleAndLine('generation_to_house_entity', 'M' + half + ',0 C' + half + ',' + half + ' ' + half + ',' + half + ' ' + half * 2 + ',' + half)}
-                  ${this.htmlWriter.writeCircleAndLine('grid_to_house_entity', 'M0,' + half + ' C' + half + ',' + half + ' ' + half + ',' + half + ' ' + half * 2 + ',' + half)}
-                  ${this.htmlWriter.writeCircleAndLine('generation_to_grid_entity', 'M' + half + ',0 C' + half + ',' + half + ' ' + half + ',' + half + ' 0,' + half)}
-                  ${this.htmlWriter.writeCircleAndLine('grid_to_battery_entity', 'M0,' + half + ' C' + half + ',' + half + ' ' + half + ',' + half + ' ' + half + ',' + half * 2)}
-                  ${this.htmlWriter.writeCircleAndLine('battery_to_grid_entity', 'M' + half + ',' + half * 2 + ' C' + half + ',' + half + ' ' + half + ',' + half + ' 0,' + half)}
-                  ${this.htmlWriter.writeCircleAndLine('generation_to_battery_entity', 'M' + half + ',0 C' + half + ',0 ' + half + ',' + half * 2 + ' ' + half + ',' + half * 2)}
-                  ${this.htmlWriter.writeCircleAndLine('battery_to_house_entity', 'M' + half + ',' + half * 2 + ' C' + half + ',' + half + ' ' + half + ',' + half + ' ' + half * 2 + ',' + half)}
+                  ${this.htmlWriter.writeCircleAndLine("generation_to_house_entity","M"+t+",0 C"+t+","+t+" "+t+","+t+" "+2*t+","+t)}
+                  ${this.htmlWriter.writeCircleAndLine("grid_to_house_entity","M0,"+t+" C"+t+","+t+" "+t+","+t+" "+2*t+","+t)}
+                  ${this.htmlWriter.writeCircleAndLine("generation_to_grid_entity","M"+t+",0 C"+t+","+t+" "+t+","+t+" 0,"+t)}
+                  ${this.htmlWriter.writeCircleAndLine("grid_to_battery_entity","M0,"+t+" C"+t+","+t+" "+t+","+t+" "+t+","+2*t)}
+                  ${this.htmlWriter.writeCircleAndLine("battery_to_grid_entity","M"+t+","+2*t+" C"+t+","+t+" "+t+","+t+" 0,"+t)}
+                  ${this.htmlWriter.writeCircleAndLine("generation_to_battery_entity","M"+t+",0 C"+t+",0 "+t+","+2*t+" "+t+","+2*t)}
+                  ${this.htmlWriter.writeCircleAndLine("battery_to_house_entity","M"+t+","+2*t+" C"+t+","+t+" "+t+","+t+" "+2*t+","+t)}
                 </svg>
               </div>
 
               ${this.writeHouseIconBubble()} ${this.writeApplianceIconBubble(1)}
-              ${this.htmlWriter.writeAppliancePowerLineAndCircle(1, 'M4,' + 16 * this.pxRate + ' C4,' + 16 * this.pxRate + ' 4,0 4,0')}
+              ${this.htmlWriter.writeAppliancePowerLineAndCircle(1,"M4,"+16*this.pxRate+" C4,"+16*this.pxRate+" 4,0 4,0")}
               ${this.writeApplianceIconBubble(2)}
-              ${this.htmlWriter.writeAppliancePowerLineAndCircle(2, 'M4,0 C4,0 4,' + 16 * this.pxRate + ' 4,' + 16 * this.pxRate)}
+              ${this.htmlWriter.writeAppliancePowerLineAndCircle(2,"M4,0 C4,0 4,"+16*this.pxRate+" 4,"+16*this.pxRate)}
             </div>
           </div>
           <div class="acc_bottom">${this.writeBatteryIconBubble()}</div>
         </div>
       </ha-card>
-    `;
-        }
-        writeGenerationIconBubble() {
-            const generationEntities = ['generation_to_grid_entity', 'generation_to_house_entity', 'generation_to_battery_entity'];
-            return this.writeIconBubble(generationEntities, 'acc_top', 'generation_icon', 'generation_entity', 'generation_extra_entity');
-        }
-        writeGridIconBubble() {
-            const gridEntities = ['-generation_to_grid_entity', 'grid_to_house_entity', '-battery_to_grid_entity'];
-            return this.writeIconBubble(gridEntities, 'acc_left', 'grid_icon', 'grid_entity', 'grid_extra_entity');
-        }
-        writeHouseIconBubble() {
-            const houseEntities = ['generation_to_house_entity', 'grid_to_house_entity', 'battery_to_house_entity'];
-            return this.writeIconBubble(houseEntities, 'acc_right', 'house_icon', 'house_entity', 'house_extra_entity');
-        }
-        writeBatteryIconBubble() {
-            const batteryEntities = [
-                'generation_to_battery_entity',
-                'grid_to_battery_entity',
-                '-battery_to_house_entity',
-                '-battery_to_grid_entity',
-            ];
-            return this.writeIconBubble(batteryEntities, 'acc_bottom', 'battery_icon', 'battery_entity', 'battery_extra_entity', true);
-        }
-        writeApplianceIconBubble(applianceNumber) {
-            const applianceEntities = ['appliance' + applianceNumber + '_consumption_entity'];
-            return this.writeIconBubble(applianceEntities, 'acc_appliance' + applianceNumber, 'appliance' + applianceNumber + '_icon', 'appliance' + applianceNumber + '_consumption_entity', 'appliance' + applianceNumber + '_extra_entity');
-        }
-        writeIconBubble(entitiesForMainValue, cssSelector, iconVariable, bubblClickEntitySlot = null, extraEntitySlot = null, isBatteryBubble = false) {
-            let mainValue = 0;
-            let mainUnitOfMeasurement;
-            let extraValue;
-            let extraUnitOfMeasurement;
-            let isSubstractionEntity = false;
-            let oneDefinedEntity = false;
-            let clickEntityHassState = null;
-            entitiesForMainValue.forEach((entityHolder) => {
-                if (entityHolder.substring(0, 1) === '-') {
-                    entityHolder = entityHolder.substring(1);
-                    isSubstractionEntity = true;
-                }
-                const divEntity = this.solarCardElements.get(entityHolder);
-                if (divEntity !== null && (divEntity === null || divEntity === void 0 ? void 0 : divEntity.value) !== undefined) {
-                    oneDefinedEntity = true;
-                    if (isSubstractionEntity) {
-                        mainValue -= divEntity === null || divEntity === void 0 ? void 0 : divEntity.value;
-                    }
-                    else {
-                        mainValue += divEntity === null || divEntity === void 0 ? void 0 : divEntity.value;
-                    }
-                    mainValue = ((mainValue * 100) | 0) / 100;
-                    mainUnitOfMeasurement = divEntity === null || divEntity === void 0 ? void 0 : divEntity.unitOfMeasurement; // TODO set the value for the first? or the one in the config? not the last
-                }
-                isSubstractionEntity = false;
-            });
-            if (!oneDefinedEntity)
-                return html ``;
-            if (extraEntitySlot !== null) {
-                const extraEntity = this.solarCardElements.get(extraEntitySlot);
-                extraValue = extraEntity === null || extraEntity === void 0 ? void 0 : extraEntity.value;
-                extraUnitOfMeasurement = extraEntity === null || extraEntity === void 0 ? void 0 : extraEntity.unitOfMeasurement;
-            }
-            if (bubblClickEntitySlot !== null) {
-                clickEntityHassState = this.hass.states[this.config[bubblClickEntitySlot]];
-            }
-            if (isBatteryBubble) {
-                return this.htmlWriter.writeBatteryBubbleDiv(mainValue, mainUnitOfMeasurement, cssSelector, this.config[iconVariable], bubblClickEntitySlot, clickEntityHassState, extraValue, extraUnitOfMeasurement);
-            }
-            return this.htmlWriter.writeBubbleDiv(mainValue, mainUnitOfMeasurement, cssSelector, this.config[iconVariable], bubblClickEntitySlot, clickEntityHassState, extraValue, extraUnitOfMeasurement);
-        }
-        animateCircles(obj) {
-            requestAnimationFrame(timestamp => {
-                obj.updateAllCircles(timestamp);
-            });
-        }
-        updateAllCircles(timestamp) {
-            // console.log('updating all circles')
-            this.solarCardElements.forEach((_solarSensor, key) => {
-                const element = this.solarCardElements.get(key);
-                if (element !== undefined)
-                    this.updateOneCircle(timestamp, element);
-            });
-        }
-        updateOneCircle(timestamp, entity) {
-            if (this.shadowRoot == null)
-                return;
-            const teslaCardElement = this.shadowRoot.querySelector('#tesla-style-solar-power-card');
-            if (teslaCardElement == null)
-                return;
-            entity.line = teslaCardElement.querySelector('#' + entity.entitySlot + '_line');
-            if (entity.line === null)
-                return;
-            const lineLength = entity.line.getTotalLength();
-            if (isNaN(lineLength))
-                return;
-            entity.circle = teslaCardElement.querySelector('#' + entity.entitySlot + '_circle');
-            if (entity.speed === 0) {
-                entity.circle.setAttribute('visibility', 'hidden');
-                if (this.config.hide_inactive_lines)
-                    entity.line.setAttribute('visibility', 'hidden');
-                return;
-            }
-            entity.circle.setAttribute('visibility', 'visible');
-            if (this.config.hide_inactive_lines) {
-                entity.line.setAttribute('visibility', 'visible');
-            }
-            if (entity.prevTimestamp === 0) {
-                entity.prevTimestamp = timestamp;
-                entity.currentDelta = 0;
-            }
-            entity.currentDelta += Math.abs(entity.speed) * (timestamp - entity.prevTimestamp);
-            let percentageDelta = entity.currentDelta / lineLength;
-            if (entity.speed > 0) {
-                if (percentageDelta >= 1 || isNaN(percentageDelta)) {
-                    entity.currentDelta = 0;
-                    percentageDelta = 0.01;
-                }
-            }
-            else {
-                percentageDelta = 1 - percentageDelta;
-                if (percentageDelta <= 0 || isNaN(percentageDelta)) {
-                    entity.currentDelta = 0;
-                    percentageDelta = 1;
-                }
-            }
-            const point = entity.line.getPointAtLength(lineLength * percentageDelta);
-            entity.circle.setAttributeNS(null, 'cx', point.x.toString());
-            entity.circle.setAttributeNS(null, 'cy', point.y.toString());
-            entity.prevTimestamp = timestamp;
-        }
-        colourHouseBubbleDependingOnHighestInput() {
-            if (this.shadowRoot == null)
-                return;
-            const teslaCardElement = this.shadowRoot.querySelector('#tesla-style-solar-power-card');
-            if (teslaCardElement == null)
-                return;
-            const houseEntities = ['generation_to_house_entity', 'grid_to_house_entity', 'battery_to_house_entity'];
-            let highestEntity = null;
-            let highestEntityHolder = '';
-            houseEntities.forEach(entityHolder => {
-                const divEntity = this.solarCardElements.get(entityHolder);
-                if (divEntity !== null && (divEntity === null || divEntity === void 0 ? void 0 : divEntity.value) !== undefined) {
-                    if (highestEntity == null || (divEntity === null || divEntity === void 0 ? void 0 : divEntity.value) > highestEntity.value) {
-                        highestEntityHolder = entityHolder;
-                        highestEntity = divEntity;
-                    }
-                }
-            });
-            switch (highestEntityHolder) {
-                case 'generation_to_house_entity':
-                    this.colourBubble('.house_entity', teslaCardElement, 'warning');
-                    this.colourBubble('.appliance1_consumption_entity', teslaCardElement, 'warning');
-                    this.colourBubble('.appliance2_consumption_entity', teslaCardElement, 'warning');
-                    this.colourLineAndCircle('#appliance1_consumption_entity', teslaCardElement, 'warning');
-                    this.colourLineAndCircle('#appliance2_consumption_entity', teslaCardElement, 'warning');
-                    break;
-                case 'battery_to_house_entity':
-                    this.colourBubble('.house_entity', teslaCardElement, 'success');
-                    this.colourBubble('.appliance1_consumption_entity', teslaCardElement, 'success');
-                    this.colourBubble('.appliance2_consumption_entity', teslaCardElement, 'success');
-                    this.colourLineAndCircle('#appliance1_consumption_entity', teslaCardElement, 'success');
-                    this.colourLineAndCircle('#appliance2_consumption_entity', teslaCardElement, 'success');
-                    break;
-                case 'grid_to_house_entity':
-                    this.colourBubble('.house_entity', teslaCardElement, 'info');
-                    this.colourBubble('.appliance1_consumption_entity', teslaCardElement, 'info');
-                    this.colourBubble('.appliance2_consumption_entity', teslaCardElement, 'info');
-                    this.colourLineAndCircle('#appliance1_consumption_entity', teslaCardElement, 'info');
-                    this.colourLineAndCircle('#appliance2_consumption_entity', teslaCardElement, 'info');
-                    break;
-            }
-        }
-        colourBubble(elementName, teslaCardElement, colour) {
-            const element = teslaCardElement.querySelector(elementName);
-            if (element === null)
-                return;
-            element.style.color = 'var(--' + colour + '-color)';
-            element.style.border = '1px solid var(--' + colour + '-color)';
-        }
-        colourLineAndCircle(elementName, teslaCardElement, colour) {
-            const elementLine = teslaCardElement.querySelector(elementName + '_line');
-            const elementCircle = teslaCardElement.querySelector(elementName + '_circle');
-            if (elementLine === null)
-                return;
-            elementLine.style.stroke = 'var(--' + colour + '-color)';
-            elementCircle.style.fill = 'var(--' + colour + '-color)';
-        }
-        setEnergyFlowDiagramm() {
-            if (this.shadowRoot == null)
-                return;
-            const teslaCardElement = this.shadowRoot.querySelector('#tesla-style-solar-power-card');
-            if (teslaCardElement == null)
-                return;
-            this.solarCardElements.forEach((_solarSensor, key) => {
-                const element = this.solarCardElements.get(key);
-                let width = 1;
-                if (teslaCardElement == null)
-                    return;
-                const entityLine = teslaCardElement.querySelector('#' + key + '_line');
-                if (entityLine != null && element !== undefined) {
-                    const entityCircle = teslaCardElement.querySelector('#' + key + '_circle');
-                    entityCircle.style.visibility = 'hidden';
-                    if (this.config.energy_flow_diagramm_lines_factor === undefined)
-                        this.config.energy_flow_diagramm_lines_factor = 2;
-                    if ((element === null || element === void 0 ? void 0 : element.unitOfMeasurement) === 'W') {
-                        width = (Math.floor((element === null || element === void 0 ? void 0 : element.value) / 100) / 10) * this.config.energy_flow_diagramm_lines_factor;
-                    }
-                    else {
-                        width = (Math.floor((element === null || element === void 0 ? void 0 : element.value) * 10) / 10) * this.config.energy_flow_diagramm_lines_factor;
-                    }
-                    if (width <= 0.1 && width !== 0)
-                        width = 0.1;
-                    entityLine.style.strokeWidth = width + 'px';
-                }
-            });
-        }
-        redraw(ev) {
-            if (this.hass && this.config && ev.type === 'resize') {
-                this.oldWidth = HtmlResizeForPowerCard.changeStylesDependingOnWidth(this, this.solarCardElements, this.clientWidth, this.oldWidth);
-            }
-        }
-        /* ******* actions ******** */
-        _showWarning(warning) {
-            return html ` <hui-warning>${warning}</hui-warning> `;
-        }
-        _showError() {
-            // const errorCard = <LovelaceCard>document.createElement('hui-error-card');
-            console.log(this.error);
-            return html `
+    `}writeGenerationIconBubble(){return this.writeIconBubble(["generation_to_grid_entity","generation_to_house_entity","generation_to_battery_entity"],"acc_top","generation_icon","generation_entity","generation_extra_entity")}writeGridIconBubble(){return this.writeIconBubble(["-generation_to_grid_entity","grid_to_house_entity","-battery_to_grid_entity"],"acc_left","grid_icon","grid_entity","grid_extra_entity")}writeHouseIconBubble(){return this.writeIconBubble(["generation_to_house_entity","grid_to_house_entity","battery_to_house_entity"],"acc_right","house_icon","house_entity","house_extra_entity")}writeBatteryIconBubble(){return this.writeIconBubble(["generation_to_battery_entity","grid_to_battery_entity","-battery_to_house_entity","-battery_to_grid_entity"],"acc_bottom","battery_icon","battery_entity","battery_extra_entity",!0)}writeApplianceIconBubble(t){const e=["appliance"+t+"_consumption_entity"];return this.writeIconBubble(e,"acc_appliance"+t,"appliance"+t+"_icon","appliance"+t+"_consumption_entity","appliance"+t+"_extra_entity")}writeIconBubble(t,e,i,n=null,s=null,o=!1){let r,a,l,c=0,h=!1,d=!1,p=null;if(t.forEach((t=>{"-"===t.substring(0,1)&&(t=t.substring(1),h=!0);const e=this.solarCardElements.get(t);null!==e&&void 0!==(null==e?void 0:e.value)&&(d=!0,h?c-=null==e?void 0:e.value:c+=null==e?void 0:e.value,c=(100*c|0)/100,r=null==e?void 0:e.unitOfMeasurement),h=!1})),!d)return U``;if(null!==s){const t=this.solarCardElements.get(s);a=null==t?void 0:t.value,l=null==t?void 0:t.unitOfMeasurement}return null!==n&&(p=this.hass.states[this.config[n]]),o?this.htmlWriter.writeBatteryBubbleDiv(c,r,e,this.config[i],n,p,a,l):this.htmlWriter.writeBubbleDiv(c,r,e,this.config[i],n,p,a,l)}animateCircles(t){requestAnimationFrame((e=>{t.updateAllCircles(e)}))}updateAllCircles(t){this.solarCardElements.forEach(((e,i)=>{const n=this.solarCardElements.get(i);void 0!==n&&this.updateOneCircle(t,n)}))}updateOneCircle(t,e){if(null==this.shadowRoot)return;const i=this.shadowRoot.querySelector("#tesla-style-solar-power-card");if(null==i)return;if(e.line=i.querySelector("#"+e.entitySlot+"_line"),null===e.line)return;const n=e.line.getTotalLength();if(isNaN(n))return;if(e.circle=i.querySelector("#"+e.entitySlot+"_circle"),0===e.speed)return e.circle.setAttribute("visibility","hidden"),void(this.config.hide_inactive_lines&&e.line.setAttribute("visibility","hidden"));e.circle.setAttribute("visibility","visible"),this.config.hide_inactive_lines&&e.line.setAttribute("visibility","visible"),0===e.prevTimestamp&&(e.prevTimestamp=t,e.currentDelta=0),e.currentDelta+=Math.abs(e.speed)*(t-e.prevTimestamp);let s=e.currentDelta/n;e.speed>0?(s>=1||isNaN(s))&&(e.currentDelta=0,s=.01):(s=1-s,(s<=0||isNaN(s))&&(e.currentDelta=0,s=1));const o=e.line.getPointAtLength(n*s);e.circle.setAttributeNS(null,"cx",o.x.toString()),e.circle.setAttributeNS(null,"cy",o.y.toString()),e.prevTimestamp=t}colourHouseBubbleDependingOnHighestInput(){if(null==this.shadowRoot)return;const t=this.shadowRoot.querySelector("#tesla-style-solar-power-card");if(null==t)return;let e=null,i="";switch(["generation_to_house_entity","grid_to_house_entity","battery_to_house_entity"].forEach((t=>{const n=this.solarCardElements.get(t);null!==n&&void 0!==(null==n?void 0:n.value)&&(null==e||(null==n?void 0:n.value)>e.value)&&(i=t,e=n)})),i){case"generation_to_house_entity":this.colourBubble(".house_entity",t,"warning"),this.colourBubble(".appliance1_consumption_entity",t,"warning"),this.colourBubble(".appliance2_consumption_entity",t,"warning"),this.colourLineAndCircle("#appliance1_consumption_entity",t,"warning"),this.colourLineAndCircle("#appliance2_consumption_entity",t,"warning");break;case"battery_to_house_entity":this.colourBubble(".house_entity",t,"success"),this.colourBubble(".appliance1_consumption_entity",t,"success"),this.colourBubble(".appliance2_consumption_entity",t,"success"),this.colourLineAndCircle("#appliance1_consumption_entity",t,"success"),this.colourLineAndCircle("#appliance2_consumption_entity",t,"success");break;case"grid_to_house_entity":this.colourBubble(".house_entity",t,"info"),this.colourBubble(".appliance1_consumption_entity",t,"info"),this.colourBubble(".appliance2_consumption_entity",t,"info"),this.colourLineAndCircle("#appliance1_consumption_entity",t,"info"),this.colourLineAndCircle("#appliance2_consumption_entity",t,"info")}}colourBubble(t,e,i){const n=e.querySelector(t);null!==n&&(n.style.color="var(--"+i+"-color)",n.style.border="1px solid var(--"+i+"-color)")}colourLineAndCircle(t,e,i){const n=e.querySelector(t+"_line"),s=e.querySelector(t+"_circle");null!==n&&(n.style.stroke="var(--"+i+"-color)",s.style.fill="var(--"+i+"-color)")}setEnergyFlowDiagramm(){if(null==this.shadowRoot)return;const t=this.shadowRoot.querySelector("#tesla-style-solar-power-card");null!=t&&this.solarCardElements.forEach(((e,i)=>{const n=this.solarCardElements.get(i);let s=1;if(null==t)return;const o=t.querySelector("#"+i+"_line");if(null!=o&&void 0!==n){t.querySelector("#"+i+"_circle").style.visibility="hidden",void 0===this.config.energy_flow_diagramm_lines_factor&&(this.config.energy_flow_diagramm_lines_factor=2),s="W"===(null==n?void 0:n.unitOfMeasurement)?Math.floor((null==n?void 0:n.value)/100)/10*this.config.energy_flow_diagramm_lines_factor:Math.floor(10*(null==n?void 0:n.value))/10*this.config.energy_flow_diagramm_lines_factor,s<=.1&&0!==s&&(s=.1),o.style.strokeWidth=s+"px"}}))}redraw(t){this.hass&&this.config&&"resize"===t.type&&(this.oldWidth=ht.changeStylesDependingOnWidth(this,this.solarCardElements,this.clientWidth,this.oldWidth))}_showWarning(t){return U` <hui-warning>${t}</hui-warning> `}_showError(){return console.log(this.error),U`
       <hui-warning
         ><div>
           ERROR:<br />
           ${this.error}
         </div></hui-warning
       >
-    `;
-        }
-        /* ******* style ******** */
-        static get styles() {
-            return css `
+    `}static get styles(){return it`
     #tesla-style-solar-power-card{
       margin:auto;
       display:table;
@@ -4085,28 +552,4 @@
     .acc_center .acc_td.acc_appliance2 {
       position: absolute;
       right: 10px;
-    `;
-        }
-    }
-    __decorate([
-        property({ attribute: false })
-    ], TeslaStyleSolarPowerCard.prototype, "hass", void 0);
-    __decorate([
-        internalProperty()
-    ], TeslaStyleSolarPowerCard.prototype, "config", void 0);
-    __decorate([
-        property({ attribute: false })
-    ], TeslaStyleSolarPowerCard.prototype, "solarCardElements", void 0);
-    __decorate([
-        internalProperty()
-    ], TeslaStyleSolarPowerCard.prototype, "oldWidth", void 0);
-    __decorate([
-        property({ type: String })
-    ], TeslaStyleSolarPowerCard.prototype, "title", void 0);
-    __decorate([
-        property({ type: Number })
-    ], TeslaStyleSolarPowerCard.prototype, "counter", void 0);
-
-    window.customElements.define('tesla-style-solar-power-card', TeslaStyleSolarPowerCard);
-
-}());
+    `}}t([K({attribute:!1})],dt.prototype,"hass",void 0),t([Q()],dt.prototype,"config",void 0),t([K({attribute:!1})],dt.prototype,"solarCardElements",void 0),t([Q()],dt.prototype,"oldWidth",void 0),t([K({type:String})],dt.prototype,"title",void 0),t([K({type:Number})],dt.prototype,"counter",void 0),window.customElements.define("tesla-style-solar-power-card",dt)}();