@digipair/skill-web 0.47.1 → 0.47.3

package/index.cjs.js

@@ -18,27 +18,165 @@ function _extends() {
 
 /**
  * @license
- * Copyright 2021 Google LLC
+ * Copyright 2023 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ var replacements = {
-    "&": "&",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    // Note &apos; was not defined in the HTML4 spec, and is not supported by very
-    // old browsers like IE8, so a codepoint entity is used instead.
-    "'": "&#39;"
-};
-/**
- * Replaces characters which have special meaning in HTML (&<>"') with escaped
- * HTML entities ("&amp;", "&lt;", etc.).
- */ var escapeHtml = function(str) {
-    return str.replace(/[&<>"']/g, function(char) {
-        return replacements[char];
-    });
+ */ /**
+ * Map of ARIAMixin properties to attributes
+ */ function _class_call_check$g(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties$g(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class$g(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$g(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$g(Constructor, staticProps);
+    return Constructor;
+}
+var ariaMixinAttributes = {
+    ariaAtomic: "aria-atomic",
+    ariaAutoComplete: "aria-autocomplete",
+    ariaBrailleLabel: "aria-braillelabel",
+    ariaBrailleRoleDescription: "aria-brailleroledescription",
+    ariaBusy: "aria-busy",
+    ariaChecked: "aria-checked",
+    ariaColCount: "aria-colcount",
+    ariaColIndex: "aria-colindex",
+    ariaColSpan: "aria-colspan",
+    ariaCurrent: "aria-current",
+    ariaDescription: "aria-description",
+    ariaDisabled: "aria-disabled",
+    ariaExpanded: "aria-expanded",
+    ariaHasPopup: "aria-haspopup",
+    ariaHidden: "aria-hidden",
+    ariaInvalid: "aria-invalid",
+    ariaKeyShortcuts: "aria-keyshortcuts",
+    ariaLabel: "aria-label",
+    ariaLevel: "aria-level",
+    ariaLive: "aria-live",
+    ariaModal: "aria-modal",
+    ariaMultiLine: "aria-multiline",
+    ariaMultiSelectable: "aria-multiselectable",
+    ariaOrientation: "aria-orientation",
+    ariaPlaceholder: "aria-placeholder",
+    ariaPosInSet: "aria-posinset",
+    ariaPressed: "aria-pressed",
+    ariaReadOnly: "aria-readonly",
+    ariaRequired: "aria-required",
+    ariaRoleDescription: "aria-roledescription",
+    ariaRowCount: "aria-rowcount",
+    ariaRowIndex: "aria-rowindex",
+    ariaRowSpan: "aria-rowspan",
+    ariaSelected: "aria-selected",
+    ariaSetSize: "aria-setsize",
+    ariaSort: "aria-sort",
+    ariaValueMax: "aria-valuemax",
+    ariaValueMin: "aria-valuemin",
+    ariaValueNow: "aria-valuenow",
+    ariaValueText: "aria-valuetext",
+    role: "role"
 };
+// Shim the global element internals object
+// Methods should be fine as noops and properties can generally
+// be while on the server.
+var ElementInternalsShim = /*#__PURE__*/ function() {
+    function ElementInternals(_host) {
+        _class_call_check$g(this, ElementInternals);
+        this.ariaAtomic = "";
+        this.ariaAutoComplete = "";
+        this.ariaBrailleLabel = "";
+        this.ariaBrailleRoleDescription = "";
+        this.ariaBusy = "";
+        this.ariaChecked = "";
+        this.ariaColCount = "";
+        this.ariaColIndex = "";
+        this.ariaColSpan = "";
+        this.ariaCurrent = "";
+        this.ariaDescription = "";
+        this.ariaDisabled = "";
+        this.ariaExpanded = "";
+        this.ariaHasPopup = "";
+        this.ariaHidden = "";
+        this.ariaInvalid = "";
+        this.ariaKeyShortcuts = "";
+        this.ariaLabel = "";
+        this.ariaLevel = "";
+        this.ariaLive = "";
+        this.ariaModal = "";
+        this.ariaMultiLine = "";
+        this.ariaMultiSelectable = "";
+        this.ariaOrientation = "";
+        this.ariaPlaceholder = "";
+        this.ariaPosInSet = "";
+        this.ariaPressed = "";
+        this.ariaReadOnly = "";
+        this.ariaRequired = "";
+        this.ariaRoleDescription = "";
+        this.ariaRowCount = "";
+        this.ariaRowIndex = "";
+        this.ariaRowSpan = "";
+        this.ariaSelected = "";
+        this.ariaSetSize = "";
+        this.ariaSort = "";
+        this.ariaValueMax = "";
+        this.ariaValueMin = "";
+        this.ariaValueNow = "";
+        this.ariaValueText = "";
+        this.role = "";
+        this.form = null;
+        this.labels = [];
+        this.states = new Set();
+        this.validationMessage = "";
+        this.validity = {};
+        this.willValidate = true;
+        this.__host = _host;
+    }
+    _create_class$g(ElementInternals, [
+        {
+            key: "shadowRoot",
+            get: function get() {
+                // Grab the shadow root instance from the Element shim
+                // to ensure that the shadow root is always available
+                // to the internals instance even if the mode is 'closed'
+                return this.__host.__shadowRoot;
+            }
+        },
+        {
+            key: "checkValidity",
+            value: function checkValidity() {
+                // TODO(augustjk) Consider actually implementing logic.
+                // See https://github.com/lit/lit/issues/3740
+                console.warn("`ElementInternals.checkValidity()` was called on the server." + "This method always returns true.");
+                return true;
+            }
+        },
+        {
+            key: "reportValidity",
+            value: function reportValidity() {
+                return true;
+            }
+        },
+        {
+            key: "setFormValue",
+            value: function setFormValue() {}
+        },
+        {
+            key: "setValidity",
+            value: function setValidity() {}
+        }
+    ]);
+    return ElementInternals;
+}();
+var HYDRATE_INTERNALS_ATTR_PREFIX = "hydrate-internals-";
 
-/// <reference lib="dom" />
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -57,12 +195,12 @@ function _assert_this_initialized$7(self) {
     }
     return self;
 }
-function _class_call_check$g(instance, Constructor) {
+function _class_call_check$f(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$g(target, props) {
+function _defineProperties$f(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -71,9 +209,9 @@ function _defineProperties$g(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$g(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$g(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$g(Constructor, staticProps);
+function _create_class$f(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$f(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$f(Constructor, staticProps);
     return Constructor;
 }
 function _get_prototype_of$7(o) {
@@ -174,443 +312,250 @@ function _create_super$7(Derived) {
         return _possible_constructor_return$7(this, result);
     };
 }
-function _ts_generator$5(thisArg, body) {
-    var f, y, t, g, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
+var attributes = new WeakMap();
+var attributesForElement = function(element) {
+    var attrs = attributes.get(element);
+    if (attrs === undefined) {
+        attributes.set(element, attrs = new Map());
     }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
+    return attrs;
+};
+// The typings around the exports below are a little funky:
+//
+// 1. We want the `name` of the shim classes to match the real ones at runtime,
+//    hence e.g. `class Element`.
+// 2. We can't shadow the global types with a simple class declaration, because
+//    then we can't reference the global types for casting, hence e.g.
+//    `const ElementShim = class Element`.
+// 3. We want to export the classes typed as the real ones, hence e.g.
+//    `const ElementShimWithRealType = ElementShim as object as typeof Element;`.
+// 4. We want the exported names to match the real ones, hence e.g.
+//    `export {ElementShimWithRealType as Element}`.
+var ElementShim = /*#__PURE__*/ function() {
+    function Element() {
+        _class_call_check$f(this, Element);
+        this.__shadowRootMode = null;
+        this.__shadowRoot = null;
+        this.__internals = null;
+    }
+    _create_class$f(Element, [
+        {
+            key: "attributes",
+            get: function get() {
+                return Array.from(attributesForElement(this)).map(function(param) {
+                    var _param = _sliced_to_array$6(param, 2), name = _param[0], value = _param[1];
                     return {
-                        value: op[1],
-                        done: false
+                        name: name,
+                        value: value
                     };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
+                });
             }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
-var getElementRenderer = function(param, tagName) {
-    var elementRenderers = param.elementRenderers, ceClass = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : customElements.get(tagName), attributes = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : new Map();
-    if (ceClass === undefined) {
-        console.warn("Custom element ".concat(tagName, " was not registered."));
-        return new FallbackRenderer(tagName);
-    }
-    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-    try {
-        // TODO(kschaaf): Should we implement a caching scheme, e.g. keyed off of
-        // ceClass's base class to prevent O(n) lookups for every element (probably
-        // not a concern for the small number of element renderers we'd expect)? Doing
-        // so would preclude having cross-cutting renderers to e.g. no-op render all
-        // custom elements with a `client-only` attribute, so punting for now.
-        for(var _iterator = elementRenderers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var renderer = _step.value;
-            if (renderer.matchesClass(ceClass, tagName, attributes)) {
-                return new renderer(tagName);
+        },
+        {
+            key: "shadowRoot",
+            get: function get() {
+                if (this.__shadowRootMode === "closed") {
+                    return null;
+                }
+                return this.__shadowRoot;
             }
-        }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                _iterator.return();
+        },
+        {
+            key: "localName",
+            get: function get() {
+                return this.constructor.__localName;
             }
-        } finally{
-            if (_didIteratorError) {
-                throw _iteratorError;
+        },
+        {
+            key: "tagName",
+            get: function get() {
+                var _this_localName;
+                return (_this_localName = this.localName) === null || _this_localName === void 0 ? void 0 : _this_localName.toUpperCase();
             }
-        }
-    }
-    return new FallbackRenderer(tagName);
-};
-/**
- * An object that renders elements of a certain type.
- */ var ElementRenderer = /*#__PURE__*/ function() {
-    function ElementRenderer(tagName) {
-        _class_call_check$g(this, ElementRenderer);
-        this.tagName = tagName;
-    }
-    _create_class$g(ElementRenderer, [
+        },
         {
-            /**
-     * Called when a custom element is "attached" to the server DOM.
-     *
-     * Because we don't presume a full DOM emulation, this isn't the same as
-     * being connected in a real browser. There may not be an owner document,
-     * parentNode, etc., depending on the DOM emulation.
-     *
-     * If this renderer is creating actual element instances, it may forward
-     * the call to the element's `connectedCallback()`.
-     *
-     * The default impementation is a no-op.
-     */ key: "connectedCallback",
-            value: function connectedCallback() {
-            // do nothing
+            key: "setAttribute",
+            value: function setAttribute(name, value) {
+                // Emulate browser behavior that silently casts all values to string. E.g.
+                // `42` becomes `"42"` and `{}` becomes `"[object Object]""`.
+                attributesForElement(this).set(name, String(value));
             }
         },
         {
-            /**
-     * Called from `setAttribute()` to emulate the browser's
-     * `attributeChangedCallback` lifecycle hook.
-     *
-     * If this renderer is creating actual element instances, it may forward
-     * the call to the element's `attributeChangedCallback()`.
-     */ key: "attributeChangedCallback",
-            value: function attributeChangedCallback(_name, _old, _value) {
-            // do nothing
+            key: "removeAttribute",
+            value: function removeAttribute(name) {
+                attributesForElement(this).delete(name);
             }
         },
         {
-            /**
-     * Handles setting a property on the element.
-     *
-     * The default implementation sets the property on the renderer's element
-     * instance.
-     *
-     * @param name Name of the property
-     * @param value Value of the property
-     */ key: "setProperty",
-            value: function setProperty(name, value) {
-                if (this.element !== undefined) {
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    this.element[name] = value;
+            key: "toggleAttribute",
+            value: function toggleAttribute(name, force) {
+                // Steps reference https://dom.spec.whatwg.org/#dom-element-toggleattribute
+                if (this.hasAttribute(name)) {
+                    // Step 5
+                    if (force === undefined || !force) {
+                        this.removeAttribute(name);
+                        return false;
+                    }
+                } else {
+                    // Step 4
+                    if (force === undefined || force) {
+                        // Step 4.1
+                        this.setAttribute(name, "");
+                        return true;
+                    } else {
+                        // Step 4.2
+                        return false;
+                    }
                 }
+                // Step 6
+                return true;
             }
         },
         {
-            /**
-     * Handles setting an attribute on an element.
-     *
-     * Default implementation calls `setAttribute` on the renderer's element
-     * instance, and calls the abstract `attributeChangedCallback` on the
-     * renderer.
-     *
-     * @param name Name of the attribute
-     * @param value Value of the attribute
-     */ key: "setAttribute",
-            value: function setAttribute(name, value) {
-                // Browser turns all HTML attributes to lowercase.
-                name = name.toLowerCase();
-                if (this.element !== undefined) {
-                    var old = this.element.getAttribute(name);
-                    this.element.setAttribute(name, value);
-                    this.attributeChangedCallback(name, old, value);
-                }
+            key: "hasAttribute",
+            value: function hasAttribute(name) {
+                return attributesForElement(this).has(name);
             }
         },
         {
-            key: "shadowRootOptions",
-            get: /**
-     * The shadow root options to write to the declarative shadow DOM <template>,
-     * if one is created with `renderShadow()`.
-     */ function get() {
-                return {
-                    mode: "open"
+            key: "attachShadow",
+            value: function attachShadow(init) {
+                var shadowRoot = {
+                    host: this
                 };
+                this.__shadowRootMode = init.mode;
+                if (init && init.mode === "open") {
+                    this.__shadowRoot = shadowRoot;
+                }
+                return shadowRoot;
             }
         },
         {
-            /**
-     * Render the element's shadow root children.
-     *
-     * If `renderShadow()` returns undefined, no declarative shadow root is
-     * emitted.
-     */ key: "renderShadow",
-            value: function renderShadow(_renderInfo) {
-                return undefined;
+            key: "attachInternals",
+            value: function attachInternals() {
+                if (this.__internals !== null) {
+                    throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': " + "ElementInternals for the specified element was already attached.");
+                }
+                var internals = new ElementInternalsShim(this);
+                this.__internals = internals;
+                return internals;
             }
         },
         {
-            /**
-     * Render the element's light DOM children.
-     */ key: "renderLight",
-            value: function renderLight(_renderInfo) {
-                return undefined;
+            key: "getAttribute",
+            value: function getAttribute(name) {
+                var value = attributesForElement(this).get(name);
+                return value !== null && value !== void 0 ? value : null;
             }
-        },
+        }
+    ]);
+    return Element;
+}();
+var HTMLElementShim = /*#__PURE__*/ function(ElementShim) {
+    _inherits$7(HTMLElement, ElementShim);
+    var _super = _create_super$7(HTMLElement);
+    function HTMLElement() {
+        _class_call_check$f(this, HTMLElement);
+        return _super.apply(this, arguments);
+    }
+    return HTMLElement;
+}(ElementShim);
+var HTMLElementShimWithRealType = HTMLElementShim;
+var CustomElementRegistryShim = /*#__PURE__*/ function() {
+    function CustomElementRegistry() {
+        _class_call_check$f(this, CustomElementRegistry);
+        this.__definitions = new Map();
+    }
+    _create_class$f(CustomElementRegistry, [
         {
-            key: "renderAttributes",
-            value: /**
-     * Render the element's attributes.
-     *
-     * The default implementation serializes all attributes on the element
-     * instance.
-     */ function renderAttributes() {
-                var attributes, ref, i, name, value;
-                return _ts_generator$5(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            if (!(this.element !== undefined)) return [
-                                3,
-                                6
-                            ];
-                            attributes = this.element.attributes;
-                            i = 0;
-                            _state.label = 1;
-                        case 1:
-                            if (!(i < attributes.length && (ref = attributes[i], name = ref.name, value = ref.value, ref))) return [
-                                3,
-                                6
-                            ];
-                            if (!(value === "" || value === undefined || value === null)) return [
-                                3,
-                                3
-                            ];
-                            return [
-                                4,
-                                " ".concat(name)
-                            ];
-                        case 2:
-                            _state.sent();
-                            return [
-                                3,
-                                5
-                            ];
-                        case 3:
-                            return [
-                                4,
-                                " ".concat(name, '="').concat(escapeHtml(value), '"')
-                            ];
-                        case 4:
-                            _state.sent();
-                            _state.label = 5;
-                        case 5:
-                            i++;
-                            return [
-                                3,
-                                1
-                            ];
-                        case 6:
-                            return [
-                                2
-                            ];
+            key: "define",
+            value: function define(name, ctor) {
+                if (this.__definitions.has(name)) {
+                    if (process.env.NODE_ENV === "development") {
+                        console.warn("'CustomElementRegistry' already has \"".concat(name, '" defined. ') + "This may have been caused by live reload or hot module " + "replacement in which case it can be safely ignored.\n" + "Make sure to test your application with a production build as " + "repeat registrations will throw in production.");
+                    } else {
+                        throw new Error("Failed to execute 'define' on 'CustomElementRegistry': " + 'the name "'.concat(name, '" has already been used with this registry'));
                     }
+                }
+                // Provide tagName and localName for the component.
+                ctor.__localName = name;
+                var _ctor_observedAttributes;
+                this.__definitions.set(name, {
+                    ctor: ctor,
+                    // Note it's important we read `observedAttributes` in case it is a getter
+                    // with side-effects, as is the case in Lit, where it triggers class
+                    // finalization.
+                    //
+                    // TODO(aomarks) To be spec compliant, we should also capture the
+                    // registration-time lifecycle methods like `connectedCallback`. For them
+                    // to be actually accessible to e.g. the Lit SSR element renderer, though,
+                    // we'd need to introduce a new API for accessing them (since `get` only
+                    // returns the constructor).
+                    observedAttributes: (_ctor_observedAttributes = ctor.observedAttributes) !== null && _ctor_observedAttributes !== void 0 ? _ctor_observedAttributes : []
                 });
             }
-        }
-    ], [
+        },
         {
-            key: "matchesClass",
-            value: /**
-     * Should be implemented to return true when the given custom element class
-     * and/or tagName should be handled by this renderer.
-     *
-     * @param ceClass - Custom Element class
-     * @param tagName - Tag name of custom element instance
-     * @param attributes - Map of attribute key/value pairs
-     * @returns
-     */ function matchesClass(_ceClass, _tagName, _attributes) {
-                return false;
+            key: "get",
+            value: function get(name) {
+                var definition = this.__definitions.get(name);
+                return definition === null || definition === void 0 ? void 0 : definition.ctor;
             }
         }
     ]);
-    return ElementRenderer;
+    return CustomElementRegistry;
 }();
+var CustomElementRegistryShimWithRealType = CustomElementRegistryShim;
+new CustomElementRegistryShimWithRealType();
+
 /**
- * An ElementRenderer used as a fallback in the case where a custom element is
- * either unregistered or has no other matching renderer.
- */ var FallbackRenderer = /*#__PURE__*/ function(ElementRenderer) {
-    _inherits$7(FallbackRenderer, ElementRenderer);
-    var _super = _create_super$7(FallbackRenderer);
-    function FallbackRenderer() {
-        _class_call_check$g(this, FallbackRenderer);
-        var _this;
-        _this = _super.call.apply(_super, [
-            this
-        ].concat(Array.prototype.slice.call(arguments)));
-        _this._attributes = {};
-        return _this;
-    }
-    _create_class$g(FallbackRenderer, [
-        {
-            key: "setAttribute",
-            value: function setAttribute(name, value) {
-                // Browser turns all HTML attributes to lowercase.
-                this._attributes[name.toLowerCase()] = value;
-            }
-        },
-        {
-            key: "renderAttributes",
-            value: function renderAttributes() {
-                var _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, value, err;
-                return _ts_generator$5(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                            _state.label = 1;
-                        case 1:
-                            _state.trys.push([
-                                1,
-                                8,
-                                9,
-                                10
-                            ]);
-                            _iterator = Object.entries(this._attributes)[Symbol.iterator]();
-                            _state.label = 2;
-                        case 2:
-                            if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
-                                3,
-                                7
-                            ];
-                            _step_value = _sliced_to_array$6(_step.value, 2), name = _step_value[0], value = _step_value[1];
-                            if (!(value === "" || value === undefined || value === null)) return [
-                                3,
-                                4
-                            ];
-                            return [
-                                4,
-                                " ".concat(name)
-                            ];
-                        case 3:
-                            _state.sent();
-                            return [
-                                3,
-                                6
-                            ];
-                        case 4:
-                            return [
-                                4,
-                                " ".concat(name, '="').concat(escapeHtml(value), '"')
-                            ];
-                        case 5:
-                            _state.sent();
-                            _state.label = 6;
-                        case 6:
-                            _iteratorNormalCompletion = true;
-                            return [
-                                3,
-                                2
-                            ];
-                        case 7:
-                            return [
-                                3,
-                                10
-                            ];
-                        case 8:
-                            err = _state.sent();
-                            _didIteratorError = true;
-                            _iteratorError = err;
-                            return [
-                                3,
-                                10
-                            ];
-                        case 9:
-                            try {
-                                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                    _iterator.return();
-                                }
-                            } finally{
-                                if (_didIteratorError) {
-                                    throw _iteratorError;
-                                }
-                            }
-                            return [
-                                7
-                            ];
-                        case 10:
-                            return [
-                                2
-                            ];
-                    }
-                });
-            }
-        }
-    ]);
-    return FallbackRenderer;
-} 
-(ElementRenderer);
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ var replacements = {
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    // Note &apos; was not defined in the HTML4 spec, and is not supported by very
+    // old browsers like IE8, so a codepoint entity is used instead.
+    "'": "&#39;"
+};
+/**
+ * Replaces characters which have special meaning in HTML (&<>"') with escaped
+ * HTML entities ("&amp;", "&lt;", etc.).
+ */ var escapeHtml = function(str) {
+    return str.replace(/[&<>"']/g, function(char) {
+        return replacements[char];
+    });
+};
 
+/// <reference lib="dom" />
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ function _class_call_check$f(instance, Constructor) {
+ */ function _array_like_to_array$9(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$5(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _assert_this_initialized$6(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _class_call_check$e(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$f(target, props) {
+function _defineProperties$e(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -619,190 +564,16 @@ function _defineProperties$f(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$f(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$f(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$f(Constructor, staticProps);
+function _create_class$e(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$e(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$e(Constructor, staticProps);
     return Constructor;
 }
-function _instanceof$1(left, right) {
-    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-        return !!right[Symbol.hasInstance](left);
-    } else {
-        return left instanceof right;
-    }
-}
-var t$2 = globalThis, e$4 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$3 = new WeakMap;
-var n$3 = /*#__PURE__*/ function() {
-    function n(t, e, o) {
-        _class_call_check$f(this, n);
-        if (this._$cssResult$ = !0, o !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-        this.cssText = t, this.t = e;
-    }
-    _create_class$f(n, [
-        {
-            key: "styleSheet",
-            get: function get() {
-                var t = this.o;
-                var s = this.t;
-                if (e$4 && void 0 === t) {
-                    var e1 = void 0 !== s && 1 === s.length;
-                    e1 && (t = o$3.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet).replaceSync(this.cssText), e1 && o$3.set(s, t));
-                }
-                return t;
-            }
-        },
-        {
-            key: "toString",
-            value: function toString() {
-                return this.cssText;
-            }
-        }
-    ]);
-    return n;
-}();
-var r$4 = function(t) {
-    return new n$3("string" == typeof t ? t : t + "", void 0, s$2);
-}, S$1 = function(s, o) {
-    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-    if (e$4) s.adoptedStyleSheets = o.map(function(t) {
-        return _instanceof$1(t, CSSStyleSheet) ? t : t.styleSheet;
-    });
-    else try {
-        for(var _iterator = o[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var e1 = _step.value;
-            var _$o = document.createElement("style"), n = t$2.litNonce;
-            void 0 !== n && _$o.setAttribute("nonce", n), _$o.textContent = e1.cssText, s.appendChild(_$o);
-        }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                _iterator.return();
-            }
-        } finally{
-            if (_didIteratorError) {
-                throw _iteratorError;
-            }
-        }
-    }
-}, c$2 = e$4 ? function(t) {
-    return t;
-} : function(t) {
-    return _instanceof$1(t, CSSStyleSheet) ? function(t) {
-        var e = "";
-        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-        try {
-            for(var _iterator = t.cssRules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                var s = _step.value;
-                e += s.cssText;
-            }
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
-            }
-        }
-        return r$4(e);
-    }(t) : t;
-};
-
-function _array_like_to_array$9(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes$5(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes$6(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$9(arr);
-}
-function _assert_this_initialized$6(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-}
-function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator$1(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _class_call_check$e(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
-function _construct(Parent, args, Class) {
-    if (_is_native_reflect_construct$6()) {
-        _construct = Reflect.construct;
-    } else {
-        _construct = function construct(Parent, args, Class) {
-            var a = [
-                null
-            ];
-            a.push.apply(a, args);
-            var Constructor = Function.bind.apply(Parent, a);
-            var instance = new Constructor();
-            if (Class) _set_prototype_of$6(instance, Class.prototype);
-            return instance;
-        };
-    }
-    return _construct.apply(null, arguments);
-}
-function _defineProperties$e(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class$e(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$e(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$e(Constructor, staticProps);
-    return Constructor;
-}
-function _get_prototype_of$6(o) {
-    _get_prototype_of$6 = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
-        return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _get_prototype_of$6(o);
+function _get_prototype_of$6(o) {
+    _get_prototype_of$6 = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of$6(o);
 }
 function _inherits$6(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
@@ -817,12 +588,6 @@ function _inherits$6(subClass, superClass) {
     });
     if (superClass) _set_prototype_of$6(subClass, superClass);
 }
-function _is_native_function(fn) {
-    return Function.toString.call(fn).indexOf("[native code]") !== -1;
-}
-function _iterable_to_array$6(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _iterable_to_array_limit$5(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -850,9 +615,6 @@ function _iterable_to_array_limit$5(arr, i) {
 function _non_iterable_rest$5() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$6() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _possible_constructor_return$6(self, call) {
     if (call && (_type_of$6(call) === "object" || typeof call === "function")) {
         return call;
@@ -869,9 +631,6 @@ function _set_prototype_of$6(o, p) {
 function _sliced_to_array$5(arr, i) {
     return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$5();
 }
-function _to_consumable_array$6(arr) {
-    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$9(arr) || _non_iterable_spread$6();
-}
 function _type_of$6(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
@@ -884,32 +643,6 @@ function _unsupported_iterable_to_array$9(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$9(o, minLen);
 }
-function _wrap_native_super(Class) {
-    var _cache = typeof Map === "function" ? new Map() : undefined;
-    _wrap_native_super = function wrapNativeSuper(Class) {
-        if (Class === null || !_is_native_function(Class)) return Class;
-        if (typeof Class !== "function") {
-            throw new TypeError("Super expression must either be null or a function");
-        }
-        if (typeof _cache !== "undefined") {
-            if (_cache.has(Class)) return _cache.get(Class);
-            _cache.set(Class, Wrapper);
-        }
-        function Wrapper() {
-            return _construct(Class, arguments, _get_prototype_of$6(this).constructor);
-        }
-        Wrapper.prototype = Object.create(Class.prototype, {
-            constructor: {
-                value: Wrapper,
-                enumerable: false,
-                writable: true,
-                configurable: true
-            }
-        });
-        return _set_prototype_of$6(Wrapper, Class);
-    };
-    return _wrap_native_super(Class);
-}
 function _is_native_reflect_construct$6() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
     if (Reflect.construct.sham) return false;
@@ -934,7 +667,7 @@ function _create_super$6(Derived) {
         return _possible_constructor_return$6(this, result);
     };
 }
-function _ts_generator$4(thisArg, body) {
+function _ts_generator$5(thisArg, body) {
     var f, y, t, g, _ = {
         label: 0,
         sent: function() {
@@ -1029,282 +762,313 @@ function _ts_generator$4(thisArg, body) {
         };
     }
 }
-var _Symbol, _a$1, _a1;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */ var i$6 = Object.is, e$3 = Object.defineProperty, r$3 = Object.getOwnPropertyDescriptor, h$1 = Object.getOwnPropertyNames, o$2 = Object.getOwnPropertySymbols, n$2 = Object.getPrototypeOf, a$1 = globalThis, c$1 = a$1.trustedTypes, l$2 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$2 = function(t, s) {
-    return t;
-}, u$1 = {
-    toAttribute: function toAttribute(t, s) {
-        switch(s){
-            case Boolean:
-                t = t ? l$2 : null;
-                break;
-            case Object:
-            case Array:
-                t = null == t ? t : JSON.stringify(t);
-        }
-        return t;
-    },
-    fromAttribute: function fromAttribute(t, s) {
-        var i = t;
-        switch(s){
-            case Boolean:
-                i = null !== t;
-                break;
-            case Number:
-                i = null === t ? null : Number(t);
-                break;
-            case Object:
-            case Array:
-                try {
-                    i = JSON.parse(t);
-                } catch (t) {
-                    i = null;
-                }
-        }
-        return i;
+var getElementRenderer = function(param, tagName) {
+    var elementRenderers = param.elementRenderers, ceClass = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : customElements.get(tagName), attributes = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : new Map();
+    if (ceClass === undefined) {
+        console.warn("Custom element ".concat(tagName, " was not registered."));
+        return new FallbackRenderer(tagName);
     }
-}, f$1 = function(t, s) {
-    return !i$6(t, s);
-}, y = {
-    attribute: !0,
-    type: String,
-    converter: u$1,
-    reflect: !1,
-    hasChanged: f$1
-};
-var _metadata, _litPropertyMetadata;
-(_metadata = (_Symbol = Symbol).metadata) !== null && _metadata !== void 0 ? _metadata : _Symbol.metadata = Symbol("metadata"), (_litPropertyMetadata = (_a$1 = a$1).litPropertyMetadata) !== null && _litPropertyMetadata !== void 0 ? _litPropertyMetadata : _a$1.litPropertyMetadata = new WeakMap;
-var b = /*#__PURE__*/ function(HTMLElement1) {
-    _inherits$6(b, HTMLElement1);
-    var _super = _create_super$6(b);
-    function b() {
-        _class_call_check$e(this, b);
-        var _this;
-        _this = _super.call(this), _this._$Ep = void 0, _this.isUpdatePending = !1, _this.hasUpdated = !1, _this._$Em = null, _this._$Ev();
-        return _possible_constructor_return$6(_this);
-    }
-    _create_class$e(b, [
-        {
-            key: "_$Ev",
-            value: function _$Ev() {
-                var _this = this;
-                var _this_constructor_l;
-                this._$ES = new Promise(function(t) {
-                    return _this.enableUpdating = t;
-                }), this._$AL = new Map, this._$E_(), this.requestUpdate(), (_this_constructor_l = this.constructor.l) === null || _this_constructor_l === void 0 ? void 0 : _this_constructor_l.forEach(function(t) {
-                    return t(_this);
-                });
-            }
-        },
-        {
-            key: "addController",
-            value: function addController(t) {
-                var _t_hostConnected;
-                var _this__$EO;
-                ((_this__$EO = this._$EO) !== null && _this__$EO !== void 0 ? _this__$EO : this._$EO = new Set).add(t), void 0 !== this.renderRoot && this.isConnected && ((_t_hostConnected = t.hostConnected) === null || _t_hostConnected === void 0 ? void 0 : _t_hostConnected.call(t));
-            }
-        },
-        {
-            key: "removeController",
-            value: function removeController(t) {
-                var _this__$EO;
-                (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.delete(t);
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        // TODO(kschaaf): Should we implement a caching scheme, e.g. keyed off of
+        // ceClass's base class to prevent O(n) lookups for every element (probably
+        // not a concern for the small number of element renderers we'd expect)? Doing
+        // so would preclude having cross-cutting renderers to e.g. no-op render all
+        // custom elements with a `client-only` attribute, so punting for now.
+        for(var _iterator = elementRenderers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var renderer = _step.value;
+            if (renderer.matchesClass(ceClass, tagName, attributes)) {
+                return new renderer(tagName);
             }
-        },
-        {
-            key: "_$E_",
-            value: function _$E_() {
-                var t = new Map, s = this.constructor.elementProperties;
-                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                try {
-                    for(var _iterator = s.keys()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var i = _step.value;
-                        this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
-                    }
-                } catch (err) {
-                    _didIteratorError = true;
-                    _iteratorError = err;
-                } finally{
-                    try {
-                        if (!_iteratorNormalCompletion && _iterator.return != null) {
-                            _iterator.return();
-                        }
-                    } finally{
-                        if (_didIteratorError) {
-                            throw _iteratorError;
-                        }
-                    }
-                }
-                t.size > 0 && (this._$Ep = t);
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
             }
-        },
-        {
-            key: "createRenderRoot",
-            value: function createRenderRoot() {
-                var _this_shadowRoot;
-                var t = (_this_shadowRoot = this.shadowRoot) !== null && _this_shadowRoot !== void 0 ? _this_shadowRoot : this.attachShadow(this.constructor.shadowRootOptions);
-                return S$1(t, this.constructor.elementStyles), t;
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
             }
-        },
+        }
+    }
+    return new FallbackRenderer(tagName);
+};
+/**
+ * An object that renders elements of a certain type.
+ */ var ElementRenderer = /*#__PURE__*/ function() {
+    function ElementRenderer(tagName) {
+        _class_call_check$e(this, ElementRenderer);
+        this.tagName = tagName;
+    }
+    _create_class$e(ElementRenderer, [
         {
-            key: "connectedCallback",
+            /**
+     * Called when a custom element is "attached" to the server DOM.
+     *
+     * Because we don't presume a full DOM emulation, this isn't the same as
+     * being connected in a real browser. There may not be an owner document,
+     * parentNode, etc., depending on the DOM emulation.
+     *
+     * If this renderer is creating actual element instances, it may forward
+     * the call to the element's `connectedCallback()`.
+     *
+     * The default impementation is a no-op.
+     */ key: "connectedCallback",
             value: function connectedCallback() {
-                var _this__$EO;
-                var _this_renderRoot;
-                (_this_renderRoot = this.renderRoot) !== null && _this_renderRoot !== void 0 ? _this_renderRoot : this.renderRoot = this.createRenderRoot(), this.enableUpdating(!0), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
-                    var _t_hostConnected;
-                    return (_t_hostConnected = t.hostConnected) === null || _t_hostConnected === void 0 ? void 0 : _t_hostConnected.call(t);
-                });
+            // do nothing
             }
         },
         {
-            key: "enableUpdating",
-            value: function enableUpdating(t) {}
-        },
-        {
-            key: "disconnectedCallback",
-            value: function disconnectedCallback() {
-                var _this__$EO;
-                (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
-                    var _t_hostDisconnected;
-                    return (_t_hostDisconnected = t.hostDisconnected) === null || _t_hostDisconnected === void 0 ? void 0 : _t_hostDisconnected.call(t);
-                });
+            /**
+     * Called from `setAttribute()` to emulate the browser's
+     * `attributeChangedCallback` lifecycle hook.
+     *
+     * If this renderer is creating actual element instances, it may forward
+     * the call to the element's `attributeChangedCallback()`.
+     */ key: "attributeChangedCallback",
+            value: function attributeChangedCallback(_name, _old, _value) {
+            // do nothing
             }
         },
         {
-            key: "attributeChangedCallback",
-            value: function attributeChangedCallback(t, s, i) {
-                this._$AK(t, i);
+            /**
+     * Handles setting a property on the element.
+     *
+     * The default implementation sets the property on the renderer's element
+     * instance.
+     *
+     * @param name Name of the property
+     * @param value Value of the property
+     */ key: "setProperty",
+            value: function setProperty(name, value) {
+                if (this.element !== undefined) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    this.element[name] = value;
+                }
             }
         },
         {
-            key: "_$EC",
-            value: function _$EC(t, s) {
-                var i = this.constructor.elementProperties.get(t), e = this.constructor._$Eu(t, i);
-                if (void 0 !== e && !0 === i.reflect) {
-                    var _i_converter;
-                    var r = (void 0 !== ((_i_converter = i.converter) === null || _i_converter === void 0 ? void 0 : _i_converter.toAttribute) ? i.converter : u$1).toAttribute(s, i.type);
-                    this._$Em = t, null == r ? this.removeAttribute(e) : this.setAttribute(e, r), this._$Em = null;
+            /**
+     * Handles setting an attribute on an element.
+     *
+     * Default implementation calls `setAttribute` on the renderer's element
+     * instance, and calls the abstract `attributeChangedCallback` on the
+     * renderer.
+     *
+     * @param name Name of the attribute
+     * @param value Value of the attribute
+     */ key: "setAttribute",
+            value: function setAttribute(name, value) {
+                // Browser turns all HTML attributes to lowercase.
+                name = name.toLowerCase();
+                if (this.element !== undefined) {
+                    var old = this.element.getAttribute(name);
+                    this.element.setAttribute(name, value);
+                    this.attributeChangedCallback(name, old, value);
                 }
             }
         },
         {
-            key: "_$AK",
-            value: function _$AK(t, s) {
-                var i = this.constructor, e = i._$Eh.get(t);
-                if (void 0 !== e && this._$Em !== e) {
-                    var _t_converter;
-                    var _$t = i.getPropertyOptions(e), r = "function" == typeof _$t.converter ? {
-                        fromAttribute: _$t.converter
-                    } : void 0 !== ((_t_converter = _$t.converter) === null || _t_converter === void 0 ? void 0 : _t_converter.fromAttribute) ? _$t.converter : u$1;
-                    this._$Em = e, this[e] = r.fromAttribute(s, _$t.type), this._$Em = null;
-                }
+            key: "shadowRootOptions",
+            get: /**
+     * The shadow root options to write to the declarative shadow DOM <template>,
+     * if one is created with `renderShadow()`.
+     */ function get() {
+                return {
+                    mode: "open"
+                };
             }
         },
         {
-            key: "requestUpdate",
-            value: function requestUpdate(t, s, i) {
-                if (void 0 !== t) {
-                    var _i_hasChanged;
-                    if (i !== null && i !== void 0 ? i : i = this.constructor.getPropertyOptions(t), !((_i_hasChanged = i.hasChanged) !== null && _i_hasChanged !== void 0 ? _i_hasChanged : f$1)(this[t], s)) return;
-                    this.P(t, s, i);
-                }
-                !1 === this.isUpdatePending && (this._$ES = this._$ET());
+            /**
+     * Render the element's shadow root children.
+     *
+     * If `renderShadow()` returns undefined, no declarative shadow root is
+     * emitted.
+     */ key: "renderShadow",
+            value: function renderShadow(_renderInfo) {
+                return undefined;
             }
         },
         {
-            key: "P",
-            value: function P(t, s, i) {
-                var _this__$Ej;
-                this._$AL.has(t) || this._$AL.set(t, s), !0 === i.reflect && this._$Em !== t && ((_this__$Ej = this._$Ej) !== null && _this__$Ej !== void 0 ? _this__$Ej : this._$Ej = new Set).add(t);
+            /**
+     * Render the element's light DOM children.
+     */ key: "renderLight",
+            value: function renderLight(_renderInfo) {
+                return undefined;
             }
         },
         {
-            key: "_$ET",
-            value: function _$ET() {
-                var _this = this;
-                return _async_to_generator$1(function() {
-                    var t, _$t, _tmp;
-                    return _ts_generator$4(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                _this.isUpdatePending = !0;
-                                _state.label = 1;
-                            case 1:
-                                _state.trys.push([
-                                    1,
-                                    3,
-                                    ,
-                                    4
-                                ]);
-                                return [
-                                    4,
-                                    _this._$ES
-                                ];
-                            case 2:
-                                _state.sent();
-                                return [
-                                    3,
-                                    4
-                                ];
-                            case 3:
-                                t = _state.sent();
-                                Promise.reject(t);
-                                return [
-                                    3,
-                                    4
-                                ];
-                            case 4:
-                                _$t = _this.scheduleUpdate();
-                                _tmp = null != _$t;
-                                if (!_tmp) return [
-                                    3,
-                                    6
-                                ];
-                                return [
-                                    4,
-                                    _$t
-                                ];
-                            case 5:
-                                _tmp = _state.sent();
-                                _state.label = 6;
-                            case 6:
-                                return [
-                                    2,
-                                    (!_this.isUpdatePending)
-                                ];
-                        }
-                    });
-                })();
+            key: "renderAttributes",
+            value: /**
+     * Render the element's attributes.
+     *
+     * The default implementation serializes all attributes on the element
+     * instance.
+     */ function renderAttributes() {
+                var attributes, ref, i, name, value;
+                return _ts_generator$5(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            if (!(this.element !== undefined)) return [
+                                3,
+                                6
+                            ];
+                            attributes = this.element.attributes;
+                            i = 0;
+                            _state.label = 1;
+                        case 1:
+                            if (!(i < attributes.length && (ref = attributes[i], name = ref.name, value = ref.value, ref))) return [
+                                3,
+                                6
+                            ];
+                            if (!(value === "" || value === undefined || value === null)) return [
+                                3,
+                                3
+                            ];
+                            return [
+                                4,
+                                " ".concat(name)
+                            ];
+                        case 2:
+                            _state.sent();
+                            return [
+                                3,
+                                5
+                            ];
+                        case 3:
+                            return [
+                                4,
+                                " ".concat(name, '="').concat(escapeHtml(value), '"')
+                            ];
+                        case 4:
+                            _state.sent();
+                            _state.label = 5;
+                        case 5:
+                            i++;
+                            return [
+                                3,
+                                1
+                            ];
+                        case 6:
+                            return [
+                                2
+                            ];
+                    }
+                });
             }
-        },
+        }
+    ], [
         {
-            key: "scheduleUpdate",
-            value: function scheduleUpdate() {
-                return this.performUpdate();
+            key: "matchesClass",
+            value: /**
+     * Should be implemented to return true when the given custom element class
+     * and/or tagName should be handled by this renderer.
+     *
+     * @param ceClass - Custom Element class
+     * @param tagName - Tag name of custom element instance
+     * @param attributes - Map of attribute key/value pairs
+     * @returns
+     */ function matchesClass(_ceClass, _tagName, _attributes) {
+                return false;
+            }
+        }
+    ]);
+    return ElementRenderer;
+}();
+/**
+ * An ElementRenderer used as a fallback in the case where a custom element is
+ * either unregistered or has no other matching renderer.
+ */ var FallbackRenderer = /*#__PURE__*/ function(ElementRenderer) {
+    _inherits$6(FallbackRenderer, ElementRenderer);
+    var _super = _create_super$6(FallbackRenderer);
+    function FallbackRenderer() {
+        _class_call_check$e(this, FallbackRenderer);
+        var _this;
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments)));
+        _this._attributes = {};
+        return _this;
+    }
+    _create_class$e(FallbackRenderer, [
+        {
+            key: "setAttribute",
+            value: function setAttribute(name, value) {
+                // Browser turns all HTML attributes to lowercase.
+                this._attributes[name.toLowerCase()] = value;
             }
         },
         {
-            key: "performUpdate",
-            value: function performUpdate() {
-                if (!this.isUpdatePending) return;
-                if (!this.hasUpdated) {
-                    var _this_renderRoot;
-                    if ((_this_renderRoot = this.renderRoot) !== null && _this_renderRoot !== void 0 ? _this_renderRoot : this.renderRoot = this.createRenderRoot(), this._$Ep) {
-                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                        try {
-                            for(var _iterator = this._$Ep[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                var _step_value = _sliced_to_array$5(_step.value, 2), t = _step_value[0], _$s = _step_value[1];
-                                this[t] = _$s;
-                            }
-                        } catch (err) {
+            key: "renderAttributes",
+            value: function renderAttributes() {
+                var _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, value, err;
+                return _ts_generator$5(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                            _state.label = 1;
+                        case 1:
+                            _state.trys.push([
+                                1,
+                                8,
+                                9,
+                                10
+                            ]);
+                            _iterator = Object.entries(this._attributes)[Symbol.iterator]();
+                            _state.label = 2;
+                        case 2:
+                            if (!!(_iteratorNormalCompletion = (_step = _iterator.next()).done)) return [
+                                3,
+                                7
+                            ];
+                            _step_value = _sliced_to_array$5(_step.value, 2), name = _step_value[0], value = _step_value[1];
+                            if (!(value === "" || value === undefined || value === null)) return [
+                                3,
+                                4
+                            ];
+                            return [
+                                4,
+                                " ".concat(name)
+                            ];
+                        case 3:
+                            _state.sent();
+                            return [
+                                3,
+                                6
+                            ];
+                        case 4:
+                            return [
+                                4,
+                                " ".concat(name, '="').concat(escapeHtml(value), '"')
+                            ];
+                        case 5:
+                            _state.sent();
+                            _state.label = 6;
+                        case 6:
+                            _iteratorNormalCompletion = true;
+                            return [
+                                3,
+                                2
+                            ];
+                        case 7:
+                            return [
+                                3,
+                                10
+                            ];
+                        case 8:
+                            err = _state.sent();
                             _didIteratorError = true;
                             _iteratorError = err;
-                        } finally{
+                            return [
+                                3,
+                                10
+                            ];
+                        case 9:
                             try {
                                 if (!_iteratorNormalCompletion && _iterator.return != null) {
                                     _iterator.return();
@@ -1314,309 +1078,27 @@ var b = /*#__PURE__*/ function(HTMLElement1) {
                                     throw _iteratorError;
                                 }
                             }
-                        }
-                        this._$Ep = void 0;
-                    }
-                    var t1 = this.constructor.elementProperties;
-                    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-                    if (t1.size > 0) try {
-                        for(var _iterator1 = t1[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-                            var _step_value1 = _sliced_to_array$5(_step1.value, 2), _$s1 = _step_value1[0], i = _step_value1[1];
-                            !0 !== i.wrapped || this._$AL.has(_$s1) || void 0 === this[_$s1] || this.P(_$s1, this[_$s1], i);
-                        }
-                    } catch (err) {
-                        _didIteratorError1 = true;
-                        _iteratorError1 = err;
-                    } finally{
-                        try {
-                            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                                _iterator1.return();
-                            }
-                        } finally{
-                            if (_didIteratorError1) {
-                                throw _iteratorError1;
-                            }
-                        }
+                            return [
+                                7
+                            ];
+                        case 10:
+                            return [
+                                2
+                            ];
                     }
-                }
-                var t2 = !1;
-                var _$s2 = this._$AL;
-                try {
-                    var _this__$EO;
-                    t2 = this.shouldUpdate(_$s2), t2 ? (this.willUpdate(_$s2), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
-                        var _t_hostUpdate;
-                        return (_t_hostUpdate = t.hostUpdate) === null || _t_hostUpdate === void 0 ? void 0 : _t_hostUpdate.call(t);
-                    }), this.update(_$s2)) : this._$EU();
-                } catch (s) {
-                    throw t2 = !1, this._$EU(), s;
-                }
-                t2 && this._$AE(_$s2);
-            }
-        },
-        {
-            key: "willUpdate",
-            value: function willUpdate(t) {}
-        },
-        {
-            key: "_$AE",
-            value: function _$AE(t) {
-                var _this__$EO;
-                (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
-                    var _t_hostUpdated;
-                    return (_t_hostUpdated = t.hostUpdated) === null || _t_hostUpdated === void 0 ? void 0 : _t_hostUpdated.call(t);
-                }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-            }
-        },
-        {
-            key: "_$EU",
-            value: function _$EU() {
-                this._$AL = new Map, this.isUpdatePending = !1;
-            }
-        },
-        {
-            key: "updateComplete",
-            get: function get() {
-                return this.getUpdateComplete();
-            }
-        },
-        {
-            key: "getUpdateComplete",
-            value: function getUpdateComplete() {
-                return this._$ES;
-            }
-        },
-        {
-            key: "shouldUpdate",
-            value: function shouldUpdate(t) {
-                return !0;
-            }
-        },
-        {
-            key: "update",
-            value: function update(t) {
-                var _this = this;
-                this._$Ej && (this._$Ej = this._$Ej.forEach(function(t) {
-                    return _this._$EC(t, _this[t]);
-                })), this._$EU();
-            }
-        },
-        {
-            key: "updated",
-            value: function updated(t) {}
-        },
-        {
-            key: "firstUpdated",
-            value: function firstUpdated(t) {}
-        }
-    ], [
-        {
-            key: "addInitializer",
-            value: function addInitializer(t) {
-                var _this_l;
-                this._$Ei(), ((_this_l = this.l) !== null && _this_l !== void 0 ? _this_l : this.l = []).push(t);
-            }
-        },
-        {
-            key: "observedAttributes",
-            get: function get() {
-                return this.finalize(), this._$Eh && _to_consumable_array$6(this._$Eh.keys());
-            }
-        },
-        {
-            key: "createProperty",
-            value: function createProperty(t) {
-                var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : y;
-                if (s.state && (s.attribute = !1), this._$Ei(), this.elementProperties.set(t, s), !s.noAccessor) {
-                    var i = Symbol(), r = this.getPropertyDescriptor(t, i, s);
-                    void 0 !== r && e$3(this.prototype, t, r);
-                }
-            }
-        },
-        {
-            key: "getPropertyDescriptor",
-            value: function getPropertyDescriptor(t, s, i) {
-                var _r;
-                var _ref = (_r = r$3(this.prototype, t)) !== null && _r !== void 0 ? _r : {
-                    get: function get() {
-                        return this[s];
-                    },
-                    set: function set(t) {
-                        this[s] = t;
-                    }
-                }, e = _ref.get, h = _ref.set;
-                return {
-                    get: function get() {
-                        return e === null || e === void 0 ? void 0 : e.call(this);
-                    },
-                    set: function set(s) {
-                        var r = e === null || e === void 0 ? void 0 : e.call(this);
-                        h.call(this, s), this.requestUpdate(t, r, i);
-                    },
-                    configurable: !0,
-                    enumerable: !0
-                };
-            }
-        },
-        {
-            key: "getPropertyOptions",
-            value: function getPropertyOptions(t) {
-                var _this_elementProperties_get;
-                return (_this_elementProperties_get = this.elementProperties.get(t)) !== null && _this_elementProperties_get !== void 0 ? _this_elementProperties_get : y;
-            }
-        },
-        {
-            key: "_$Ei",
-            value: function _$Ei() {
-                if (this.hasOwnProperty(d$2("elementProperties"))) return;
-                var t = n$2(this);
-                t.finalize(), void 0 !== t.l && (this.l = _to_consumable_array$6(t.l)), this.elementProperties = new Map(t.elementProperties);
-            }
-        },
-        {
-            key: "finalize",
-            value: function finalize() {
-                if (this.hasOwnProperty(d$2("finalized"))) return;
-                if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$2("properties"))) {
-                    var t = this.properties, s = _to_consumable_array$6(h$1(t)).concat(_to_consumable_array$6(o$2(t)));
-                    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                    try {
-                        for(var _iterator = s[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                            var i = _step.value;
-                            this.createProperty(i, t[i]);
-                        }
-                    } catch (err) {
-                        _didIteratorError = true;
-                        _iteratorError = err;
-                    } finally{
-                        try {
-                            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                _iterator.return();
-                            }
-                        } finally{
-                            if (_didIteratorError) {
-                                throw _iteratorError;
-                            }
-                        }
-                    }
-                }
-                var t1 = this[Symbol.metadata];
-                if (null !== t1) {
-                    var s1 = litPropertyMetadata.get(t1);
-                    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-                    if (void 0 !== s1) try {
-                        for(var _iterator1 = s1[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-                            var _step_value = _sliced_to_array$5(_step1.value, 2), t2 = _step_value[0], i1 = _step_value[1];
-                            this.elementProperties.set(t2, i1);
-                        }
-                    } catch (err) {
-                        _didIteratorError1 = true;
-                        _iteratorError1 = err;
-                    } finally{
-                        try {
-                            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                                _iterator1.return();
-                            }
-                        } finally{
-                            if (_didIteratorError1) {
-                                throw _iteratorError1;
-                            }
-                        }
-                    }
-                }
-                this._$Eh = new Map;
-                var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = undefined;
-                try {
-                    for(var _iterator2 = this.elementProperties[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true){
-                        var _step_value1 = _sliced_to_array$5(_step2.value, 2), t3 = _step_value1[0], s2 = _step_value1[1];
-                        var i2 = this._$Eu(t3, s2);
-                        void 0 !== i2 && this._$Eh.set(i2, t3);
-                    }
-                } catch (err) {
-                    _didIteratorError2 = true;
-                    _iteratorError2 = err;
-                } finally{
-                    try {
-                        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-                            _iterator2.return();
-                        }
-                    } finally{
-                        if (_didIteratorError2) {
-                            throw _iteratorError2;
-                        }
-                    }
-                }
-                this.elementStyles = this.finalizeStyles(this.styles);
-            }
-        },
-        {
-            key: "finalizeStyles",
-            value: function finalizeStyles(s) {
-                var i = [];
-                if (Array.isArray(s)) {
-                    var e = new Set(s.flat(1 / 0).reverse());
-                    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                    try {
-                        for(var _iterator = e[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                            var _$s = _step.value;
-                            i.unshift(c$2(_$s));
-                        }
-                    } catch (err) {
-                        _didIteratorError = true;
-                        _iteratorError = err;
-                    } finally{
-                        try {
-                            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                _iterator.return();
-                            }
-                        } finally{
-                            if (_didIteratorError) {
-                                throw _iteratorError;
-                            }
-                        }
-                    }
-                } else void 0 !== s && i.push(c$2(s));
-                return i;
-            }
-        },
-        {
-            key: "_$Eu",
-            value: function _$Eu(t, s) {
-                var i = s.attribute;
-                return !1 === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
+                });
             }
         }
     ]);
-    return b;
-}(_wrap_native_super(HTMLElement));
-var _reactiveElementVersions;
-b.elementStyles = [], b.shadowRootOptions = {
-    mode: "open"
-}, b[d$2("elementProperties")] = new Map, b[d$2("finalized")] = new Map, p$1 === null || p$1 === void 0 ? void 0 : p$1({
-    ReactiveElement: b
-}), ((_reactiveElementVersions = (_a1 = a$1).reactiveElementVersions) !== null && _reactiveElementVersions !== void 0 ? _reactiveElementVersions : _a1.reactiveElementVersions = []).push("2.0.4");
+    return FallbackRenderer;
+} 
+(ElementRenderer);
 
 /**
  * @license
- * Copyright 2017 Google LLC
+ * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */ function _array_like_to_array$8(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes$4(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes$5(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$8(arr);
-}
-function _assert_this_initialized$5(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-}
-function _class_call_check$d(instance, Constructor) {
+ */ function _class_call_check$d(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
@@ -1635,26 +1117,203 @@ function _create_class$d(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties$d(Constructor, staticProps);
     return Constructor;
 }
-function _get_prototype_of$5(o) {
-    _get_prototype_of$5 = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
-        return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _get_prototype_of$5(o);
-}
-function _inherits$5(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
+function _instanceof$1(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
     }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-            value: subClass,
-            writable: true,
-            configurable: true
-        }
-    });
-    if (superClass) _set_prototype_of$5(subClass, superClass);
 }
-function _iterable_to_array$5(iter) {
+var t$2 = globalThis, e$4 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$3 = new WeakMap;
+var n$3 = /*#__PURE__*/ function() {
+    function n(t, e, o) {
+        _class_call_check$d(this, n);
+        if (this._$cssResult$ = !0, o !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+        this.cssText = t, this.t = e;
+    }
+    _create_class$d(n, [
+        {
+            key: "styleSheet",
+            get: function get() {
+                var t = this.o;
+                var s = this.t;
+                if (e$4 && void 0 === t) {
+                    var e1 = void 0 !== s && 1 === s.length;
+                    e1 && (t = o$3.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet).replaceSync(this.cssText), e1 && o$3.set(s, t));
+                }
+                return t;
+            }
+        },
+        {
+            key: "toString",
+            value: function toString() {
+                return this.cssText;
+            }
+        }
+    ]);
+    return n;
+}();
+var r$4 = function(t) {
+    return new n$3("string" == typeof t ? t : t + "", void 0, s$2);
+}, S$1 = function(s, o) {
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    if (e$4) s.adoptedStyleSheets = o.map(function(t) {
+        return _instanceof$1(t, CSSStyleSheet) ? t : t.styleSheet;
+    });
+    else try {
+        for(var _iterator = o[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var e1 = _step.value;
+            var _$o = document.createElement("style"), n = t$2.litNonce;
+            void 0 !== n && _$o.setAttribute("nonce", n), _$o.textContent = e1.cssText, s.appendChild(_$o);
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+}, c$2 = e$4 ? function(t) {
+    return t;
+} : function(t) {
+    return _instanceof$1(t, CSSStyleSheet) ? function(t) {
+        var e = "";
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = t.cssRules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var s = _step.value;
+                e += s.cssText;
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        return r$4(e);
+    }(t) : t;
+};
+
+function _array_like_to_array$8(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$4(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes$6(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array$8(arr);
+}
+function _assert_this_initialized$5(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator$1(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _class_call_check$c(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _construct(Parent, args, Class) {
+    if (_is_native_reflect_construct$5()) {
+        _construct = Reflect.construct;
+    } else {
+        _construct = function construct(Parent, args, Class) {
+            var a = [
+                null
+            ];
+            a.push.apply(a, args);
+            var Constructor = Function.bind.apply(Parent, a);
+            var instance = new Constructor();
+            if (Class) _set_prototype_of$5(instance, Class.prototype);
+            return instance;
+        };
+    }
+    return _construct.apply(null, arguments);
+}
+function _defineProperties$c(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class$c(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$c(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$c(Constructor, staticProps);
+    return Constructor;
+}
+function _get_prototype_of$5(o) {
+    _get_prototype_of$5 = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of$5(o);
+}
+function _inherits$5(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of$5(subClass, superClass);
+}
+function _is_native_function(fn) {
+    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+}
+function _iterable_to_array$6(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterable_to_array_limit$4(arr, i) {
@@ -1684,7 +1343,7 @@ function _iterable_to_array_limit$4(arr, i) {
 function _non_iterable_rest$4() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$5() {
+function _non_iterable_spread$6() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _possible_constructor_return$5(self, call) {
@@ -1703,8 +1362,8 @@ function _set_prototype_of$5(o, p) {
 function _sliced_to_array$4(arr, i) {
     return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$8(arr, i) || _non_iterable_rest$4();
 }
-function _to_consumable_array$5(arr) {
-    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$8(arr) || _non_iterable_spread$5();
+function _to_consumable_array$6(arr) {
+    return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$8(arr) || _non_iterable_spread$6();
 }
 function _type_of$5(obj) {
     "@swc/helpers - typeof";
@@ -1718,6 +1377,32 @@ function _unsupported_iterable_to_array$8(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$8(o, minLen);
 }
+function _wrap_native_super(Class) {
+    var _cache = typeof Map === "function" ? new Map() : undefined;
+    _wrap_native_super = function wrapNativeSuper(Class) {
+        if (Class === null || !_is_native_function(Class)) return Class;
+        if (typeof Class !== "function") {
+            throw new TypeError("Super expression must either be null or a function");
+        }
+        if (typeof _cache !== "undefined") {
+            if (_cache.has(Class)) return _cache.get(Class);
+            _cache.set(Class, Wrapper);
+        }
+        function Wrapper() {
+            return _construct(Class, arguments, _get_prototype_of$5(this).constructor);
+        }
+        Wrapper.prototype = Object.create(Class.prototype, {
+            constructor: {
+                value: Wrapper,
+                enumerable: false,
+                writable: true,
+                configurable: true
+            }
+        });
+        return _set_prototype_of$5(Wrapper, Class);
+    };
+    return _wrap_native_super(Class);
+}
 function _is_native_reflect_construct$5() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
     if (Reflect.construct.sham) return false;
@@ -1742,69 +1427,196 @@ function _create_super$5(Derived) {
         return _possible_constructor_return$5(this, result);
     };
 }
-var _t;
-var t$1 = globalThis, i$5 = t$1.trustedTypes, s$1 = i$5 ? i$5.createPolicy("lit-html", {
-    createHTML: function(t) {
-        return t;
+function _ts_generator$4(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
     }
-}) : void 0, e$2 = "$lit$", h = "lit$".concat(Math.random().toFixed(9).slice(2), "$"), o$1 = "?" + h, n$1 = "<".concat(o$1, ">"), r$2 = document, l$1 = function() {
-    return r$2.createComment("");
-}, c = function(t) {
-    return null === t || "object" != typeof t && "function" != typeof t;
-}, a = Array.isArray, u = function(t) {
-    return a(t) || "function" == typeof (t === null || t === void 0 ? void 0 : t[Symbol.iterator]);
-}, d$1 = "[ 	\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(">|".concat(d$1, "(?:([^\\s\"'>=/]+)(").concat(d$1, "*=").concat(d$1, "*(?:[^ 	\n\f\r\"'`<>=]|(\"|')|))|$)"), "g"), p = /'/g, g = /"/g, $$1 = /^(?:script|style|textarea|title)$/i, T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = new WeakMap, C = r$2.createTreeWalker(r$2, 129);
-function P(t, i) {
-    if (!a(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
-    return void 0 !== s$1 ? s$1.createHTML(i) : i;
-}
-var V = function(t, i) {
-    var s = t.length - 1, o = [];
-    var r, l = 2 === i ? "<svg>" : 3 === i ? "<math>" : "", c = f;
-    for(var _$i = 0; _$i < s; _$i++){
-        var s1 = t[_$i];
-        var a = void 0, u = void 0, d = -1, y = 0;
-        for(; y < s1.length && (c.lastIndex = y, u = c.exec(s1), null !== u);)y = c.lastIndex, c === f ? "!--" === u[1] ? c = v : void 0 !== u[1] ? c = _ : void 0 !== u[2] ? ($$1.test(u[2]) && (r = RegExp("</" + u[2], "g")), c = m) : void 0 !== u[3] && (c = m) : c === m ? ">" === u[0] ? (c = r !== null && r !== void 0 ? r : f, d = -1) : void 0 === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = void 0 === u[3] ? m : '"' === u[3] ? g : p) : c === g || c === p ? c = m : c === v || c === _ ? c = f : (c = m, r = void 0);
-        var x = c === m && t[_$i + 1].startsWith("/>") ? " " : "";
-        l += c === f ? s1 + n$1 : d >= 0 ? (o.push(a), s1.slice(0, d) + e$2 + s1.slice(d) + h + x) : s1 + h + (-2 === d ? _$i : x);
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
     }
-    return [
-        P(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")),
-        o
-    ];
-};
-var N = /*#__PURE__*/ function() {
-    function N(param, n) {
-        var t = param.strings, s = param._$litType$;
-        _class_call_check$d(this, N);
-        var r;
-        this.parts = [];
-        var c = 0, a = 0;
-        var u = t.length - 1, d = this.parts, _V = _sliced_to_array$4(V(t, s), 2), f = _V[0], v = _V[1];
-        if (this.el = N.createElement(f, n), C.currentNode = this.el.content, 2 === s || 3 === s) {
-            var _t;
-            var t1 = this.el.content.firstChild;
-            (_t = t1).replaceWith.apply(_t, _to_consumable_array$5(t1.childNodes));
+}
+var _Symbol, _a$1, _a1;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ var i$6 = Object.is, e$3 = Object.defineProperty, r$3 = Object.getOwnPropertyDescriptor, h$1 = Object.getOwnPropertyNames, o$2 = Object.getOwnPropertySymbols, n$2 = Object.getPrototypeOf, a$1 = globalThis, c$1 = a$1.trustedTypes, l$2 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$2 = function(t, s) {
+    return t;
+}, u$1 = {
+    toAttribute: function toAttribute(t, s) {
+        switch(s){
+            case Boolean:
+                t = t ? l$2 : null;
+                break;
+            case Object:
+            case Array:
+                t = null == t ? t : JSON.stringify(t);
         }
-        for(; null !== (r = C.nextNode()) && d.length < u;){
-            if (1 === r.nodeType) {
+        return t;
+    },
+    fromAttribute: function fromAttribute(t, s) {
+        var i = t;
+        switch(s){
+            case Boolean:
+                i = null !== t;
+                break;
+            case Number:
+                i = null === t ? null : Number(t);
+                break;
+            case Object:
+            case Array:
+                try {
+                    i = JSON.parse(t);
+                } catch (t) {
+                    i = null;
+                }
+        }
+        return i;
+    }
+}, f$1 = function(t, s) {
+    return !i$6(t, s);
+}, y = {
+    attribute: !0,
+    type: String,
+    converter: u$1,
+    reflect: !1,
+    hasChanged: f$1
+};
+var _metadata, _litPropertyMetadata;
+(_metadata = (_Symbol = Symbol).metadata) !== null && _metadata !== void 0 ? _metadata : _Symbol.metadata = Symbol("metadata"), (_litPropertyMetadata = (_a$1 = a$1).litPropertyMetadata) !== null && _litPropertyMetadata !== void 0 ? _litPropertyMetadata : _a$1.litPropertyMetadata = new WeakMap;
+var b = /*#__PURE__*/ function(HTMLElement1) {
+    _inherits$5(b, HTMLElement1);
+    var _super = _create_super$5(b);
+    function b() {
+        _class_call_check$c(this, b);
+        var _this;
+        _this = _super.call(this), _this._$Ep = void 0, _this.isUpdatePending = !1, _this.hasUpdated = !1, _this._$Em = null, _this._$Ev();
+        return _possible_constructor_return$5(_this);
+    }
+    _create_class$c(b, [
+        {
+            key: "_$Ev",
+            value: function _$Ev() {
+                var _this = this;
+                var _this_constructor_l;
+                this._$ES = new Promise(function(t) {
+                    return _this.enableUpdating = t;
+                }), this._$AL = new Map, this._$E_(), this.requestUpdate(), (_this_constructor_l = this.constructor.l) === null || _this_constructor_l === void 0 ? void 0 : _this_constructor_l.forEach(function(t) {
+                    return t(_this);
+                });
+            }
+        },
+        {
+            key: "addController",
+            value: function addController(t) {
+                var _t_hostConnected;
+                var _this__$EO;
+                ((_this__$EO = this._$EO) !== null && _this__$EO !== void 0 ? _this__$EO : this._$EO = new Set).add(t), void 0 !== this.renderRoot && this.isConnected && ((_t_hostConnected = t.hostConnected) === null || _t_hostConnected === void 0 ? void 0 : _t_hostConnected.call(t));
+            }
+        },
+        {
+            key: "removeController",
+            value: function removeController(t) {
+                var _this__$EO;
+                (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.delete(t);
+            }
+        },
+        {
+            key: "_$E_",
+            value: function _$E_() {
+                var t = new Map, s = this.constructor.elementProperties;
                 var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                if (r.hasAttributes()) try {
-                    for(var _iterator = r.getAttributeNames()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var t2 = _step.value;
-                        if (t2.endsWith(e$2)) {
-                            var i1 = v[a++], s1 = r.getAttribute(t2).split(h), e1 = /([.?@])?(.*)/.exec(i1);
-                            d.push({
-                                type: 1,
-                                index: c,
-                                name: e1[2],
-                                strings: s1,
-                                ctor: "." === e1[1] ? H : "?" === e1[1] ? I : "@" === e1[1] ? L : k
-                            }), r.removeAttribute(t2);
-                        } else t2.startsWith(h) && (d.push({
-                            type: 6,
-                            index: c
-                        }), r.removeAttribute(t2));
+                try {
+                    for(var _iterator = s.keys()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var i = _step.value;
+                        this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
                     }
                 } catch (err) {
                     _didIteratorError = true;
@@ -1820,423 +1632,489 @@ var N = /*#__PURE__*/ function() {
                         }
                     }
                 }
-                if ($$1.test(r.tagName)) {
-                    var t3 = r.textContent.split(h), s2 = t3.length - 1;
-                    if (s2 > 0) {
-                        r.textContent = i$5 ? i$5.emptyScript : "";
-                        for(var i2 = 0; i2 < s2; i2++)r.append(t3[i2], l$1()), C.nextNode(), d.push({
-                            type: 2,
-                            index: ++c
-                        });
-                        r.append(t3[s2], l$1());
-                    }
-                }
-            } else if (8 === r.nodeType) if (r.data === o$1) d.push({
-                type: 2,
-                index: c
-            });
-            else {
-                var t4 = -1;
-                for(; -1 !== (t4 = r.data.indexOf(h, t4 + 1));)d.push({
-                    type: 7,
-                    index: c
-                }), t4 += h.length - 1;
-            }
-            c++;
-        }
-    }
-    _create_class$d(N, null, [
-        {
-            key: "createElement",
-            value: function createElement(t, i) {
-                var s = r$2.createElement("template");
-                return s.innerHTML = t, s;
+                t.size > 0 && (this._$Ep = t);
             }
-        }
-    ]);
-    return N;
-}();
-function S(t, i) {
-    var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : t, e = arguments.length > 3 ? arguments[3] : void 0;
-    var _s__$Co, _h__$AO;
-    var _s;
-    if (i === T) return i;
-    var h = void 0 !== e ? (_s__$Co = s._$Co) === null || _s__$Co === void 0 ? void 0 : _s__$Co[e] : s._$Cl;
-    var o = c(i) ? void 0 : i._$litDirective$;
-    var __$Co;
-    return (h === null || h === void 0 ? void 0 : h.constructor) !== o && (h === null || h === void 0 ? void 0 : (_h__$AO = h._$AO) === null || _h__$AO === void 0 ? void 0 : _h__$AO.call(h, !1), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? ((__$Co = (_s = s)._$Co) !== null && __$Co !== void 0 ? __$Co : _s._$Co = [])[e] = h : s._$Cl = h), void 0 !== h && (i = S(t, h._$AS(t, i.values), h, e)), i;
-}
-var M = /*#__PURE__*/ function() {
-    function M(t, i) {
-        _class_call_check$d(this, M);
-        this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
-    }
-    _create_class$d(M, [
+        },
         {
-            key: "parentNode",
-            get: function get() {
-                return this._$AM.parentNode;
+            key: "createRenderRoot",
+            value: function createRenderRoot() {
+                var _this_shadowRoot;
+                var t = (_this_shadowRoot = this.shadowRoot) !== null && _this_shadowRoot !== void 0 ? _this_shadowRoot : this.attachShadow(this.constructor.shadowRootOptions);
+                return S$1(t, this.constructor.elementStyles), t;
             }
         },
         {
-            key: "_$AU",
-            get: function get() {
-                return this._$AM._$AU;
+            key: "connectedCallback",
+            value: function connectedCallback() {
+                var _this__$EO;
+                var _this_renderRoot;
+                (_this_renderRoot = this.renderRoot) !== null && _this_renderRoot !== void 0 ? _this_renderRoot : this.renderRoot = this.createRenderRoot(), this.enableUpdating(!0), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
+                    var _t_hostConnected;
+                    return (_t_hostConnected = t.hostConnected) === null || _t_hostConnected === void 0 ? void 0 : _t_hostConnected.call(t);
+                });
             }
         },
         {
-            key: "u",
-            value: function u(t) {
-                var _t_creationScope;
-                var _this__$AD = this._$AD, _this__$AD_el = _this__$AD.el, i = _this__$AD_el.content, s = _this__$AD.parts, e = ((_t_creationScope = t === null || t === void 0 ? void 0 : t.creationScope) !== null && _t_creationScope !== void 0 ? _t_creationScope : r$2).importNode(i, !0);
-                C.currentNode = e;
-                var h = C.nextNode(), o = 0, n = 0, l = s[0];
-                for(; void 0 !== l;){
-                    if (o === l.index) {
-                        var i1 = void 0;
-                        2 === l.type ? i1 = new R(h, h.nextSibling, this, t) : 1 === l.type ? i1 = new l.ctor(h, l.name, l.strings, this, t) : 6 === l.type && (i1 = new z(h, this, t)), this._$AV.push(i1), l = s[++n];
-                    }
-                    o !== (l === null || l === void 0 ? void 0 : l.index) && (h = C.nextNode(), o++);
-                }
-                return C.currentNode = r$2, e;
-            }
+            key: "enableUpdating",
+            value: function enableUpdating(t) {}
         },
         {
-            key: "p",
-            value: function p(t) {
-                var i = 0;
-                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                try {
-                    for(var _iterator = this._$AV[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var s = _step.value;
-                        void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
-                    }
-                } catch (err) {
-                    _didIteratorError = true;
-                    _iteratorError = err;
-                } finally{
-                    try {
-                        if (!_iteratorNormalCompletion && _iterator.return != null) {
-                            _iterator.return();
-                        }
-                    } finally{
-                        if (_didIteratorError) {
-                            throw _iteratorError;
-                        }
-                    }
-                }
-            }
-        }
-    ]);
-    return M;
-}();
-var R = /*#__PURE__*/ function() {
-    function R(t, i, s, e) {
-        _class_call_check$d(this, R);
-        var _e_isConnected;
-        this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = (_e_isConnected = e === null || e === void 0 ? void 0 : e.isConnected) !== null && _e_isConnected !== void 0 ? _e_isConnected : !0;
-    }
-    _create_class$d(R, [
-        {
-            key: "_$AU",
-            get: function get() {
-                var _this__$AM;
-                var _this__$AM__$AU;
-                return (_this__$AM__$AU = (_this__$AM = this._$AM) === null || _this__$AM === void 0 ? void 0 : _this__$AM._$AU) !== null && _this__$AM__$AU !== void 0 ? _this__$AM__$AU : this._$Cv;
+            key: "disconnectedCallback",
+            value: function disconnectedCallback() {
+                var _this__$EO;
+                (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
+                    var _t_hostDisconnected;
+                    return (_t_hostDisconnected = t.hostDisconnected) === null || _t_hostDisconnected === void 0 ? void 0 : _t_hostDisconnected.call(t);
+                });
             }
         },
         {
-            key: "parentNode",
-            get: function get() {
-                var t = this._$AA.parentNode;
-                var i = this._$AM;
-                return void 0 !== i && 11 === (t === null || t === void 0 ? void 0 : t.nodeType) && (t = i.parentNode), t;
+            key: "attributeChangedCallback",
+            value: function attributeChangedCallback(t, s, i) {
+                this._$AK(t, i);
             }
         },
         {
-            key: "startNode",
-            get: function get() {
-                return this._$AA;
+            key: "_$EC",
+            value: function _$EC(t, s) {
+                var i = this.constructor.elementProperties.get(t), e = this.constructor._$Eu(t, i);
+                if (void 0 !== e && !0 === i.reflect) {
+                    var _i_converter;
+                    var r = (void 0 !== ((_i_converter = i.converter) === null || _i_converter === void 0 ? void 0 : _i_converter.toAttribute) ? i.converter : u$1).toAttribute(s, i.type);
+                    this._$Em = t, null == r ? this.removeAttribute(e) : this.setAttribute(e, r), this._$Em = null;
+                }
             }
         },
         {
-            key: "endNode",
-            get: function get() {
-                return this._$AB;
+            key: "_$AK",
+            value: function _$AK(t, s) {
+                var i = this.constructor, e = i._$Eh.get(t);
+                if (void 0 !== e && this._$Em !== e) {
+                    var _t_converter;
+                    var _$t = i.getPropertyOptions(e), r = "function" == typeof _$t.converter ? {
+                        fromAttribute: _$t.converter
+                    } : void 0 !== ((_t_converter = _$t.converter) === null || _t_converter === void 0 ? void 0 : _t_converter.fromAttribute) ? _$t.converter : u$1;
+                    this._$Em = e, this[e] = r.fromAttribute(s, _$t.type), this._$Em = null;
+                }
             }
         },
         {
-            key: "_$AI",
-            value: function _$AI(t) {
-                var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
-                t = S(this, t, i), c(t) ? t === E || null == t || "" === t ? (this._$AH !== E && this._$AR(), this._$AH = E) : t !== this._$AH && t !== T && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : u(t) ? this.k(t) : this._(t);
+            key: "requestUpdate",
+            value: function requestUpdate(t, s, i) {
+                if (void 0 !== t) {
+                    var _i_hasChanged;
+                    if (i !== null && i !== void 0 ? i : i = this.constructor.getPropertyOptions(t), !((_i_hasChanged = i.hasChanged) !== null && _i_hasChanged !== void 0 ? _i_hasChanged : f$1)(this[t], s)) return;
+                    this.P(t, s, i);
+                }
+                !1 === this.isUpdatePending && (this._$ES = this._$ET());
             }
         },
         {
-            key: "O",
-            value: function O(t) {
-                return this._$AA.parentNode.insertBefore(t, this._$AB);
+            key: "P",
+            value: function P(t, s, i) {
+                var _this__$Ej;
+                this._$AL.has(t) || this._$AL.set(t, s), !0 === i.reflect && this._$Em !== t && ((_this__$Ej = this._$Ej) !== null && _this__$Ej !== void 0 ? _this__$Ej : this._$Ej = new Set).add(t);
             }
         },
         {
-            key: "T",
-            value: function T(t) {
-                this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+            key: "_$ET",
+            value: function _$ET() {
+                var _this = this;
+                return _async_to_generator$1(function() {
+                    var t, _$t, _tmp;
+                    return _ts_generator$4(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                _this.isUpdatePending = !0;
+                                _state.label = 1;
+                            case 1:
+                                _state.trys.push([
+                                    1,
+                                    3,
+                                    ,
+                                    4
+                                ]);
+                                return [
+                                    4,
+                                    _this._$ES
+                                ];
+                            case 2:
+                                _state.sent();
+                                return [
+                                    3,
+                                    4
+                                ];
+                            case 3:
+                                t = _state.sent();
+                                Promise.reject(t);
+                                return [
+                                    3,
+                                    4
+                                ];
+                            case 4:
+                                _$t = _this.scheduleUpdate();
+                                _tmp = null != _$t;
+                                if (!_tmp) return [
+                                    3,
+                                    6
+                                ];
+                                return [
+                                    4,
+                                    _$t
+                                ];
+                            case 5:
+                                _tmp = _state.sent();
+                                _state.label = 6;
+                            case 6:
+                                return [
+                                    2,
+                                    (!_this.isUpdatePending)
+                                ];
+                        }
+                    });
+                })();
             }
         },
         {
-            key: "_",
-            value: function _(t) {
-                this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$2.createTextNode(t)), this._$AH = t;
+            key: "scheduleUpdate",
+            value: function scheduleUpdate() {
+                return this.performUpdate();
             }
         },
         {
-            key: "$",
-            value: function $(t) {
-                var _this__$AH;
-                var i = t.values, s = t._$litType$, e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = N.createElement(P(s.h, s.h[0]), this.options)), s);
-                if (((_this__$AH = this._$AH) === null || _this__$AH === void 0 ? void 0 : _this__$AH._$AD) === e) this._$AH.p(i);
-                else {
-                    var _$t = new M(e, this), s1 = _$t.u(this.options);
-                    _$t.p(i), this.T(s1), this._$AH = _$t;
+            key: "performUpdate",
+            value: function performUpdate() {
+                if (!this.isUpdatePending) return;
+                if (!this.hasUpdated) {
+                    var _this_renderRoot;
+                    if ((_this_renderRoot = this.renderRoot) !== null && _this_renderRoot !== void 0 ? _this_renderRoot : this.renderRoot = this.createRenderRoot(), this._$Ep) {
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = this._$Ep[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var _step_value = _sliced_to_array$4(_step.value, 2), t = _step_value[0], _$s = _step_value[1];
+                                this[t] = _$s;
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                        this._$Ep = void 0;
+                    }
+                    var t1 = this.constructor.elementProperties;
+                    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                    if (t1.size > 0) try {
+                        for(var _iterator1 = t1[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                            var _step_value1 = _sliced_to_array$4(_step1.value, 2), _$s1 = _step_value1[0], i = _step_value1[1];
+                            !0 !== i.wrapped || this._$AL.has(_$s1) || void 0 === this[_$s1] || this.P(_$s1, this[_$s1], i);
+                        }
+                    } catch (err) {
+                        _didIteratorError1 = true;
+                        _iteratorError1 = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                _iterator1.return();
+                            }
+                        } finally{
+                            if (_didIteratorError1) {
+                                throw _iteratorError1;
+                            }
+                        }
+                    }
+                }
+                var t2 = !1;
+                var _$s2 = this._$AL;
+                try {
+                    var _this__$EO;
+                    t2 = this.shouldUpdate(_$s2), t2 ? (this.willUpdate(_$s2), (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
+                        var _t_hostUpdate;
+                        return (_t_hostUpdate = t.hostUpdate) === null || _t_hostUpdate === void 0 ? void 0 : _t_hostUpdate.call(t);
+                    }), this.update(_$s2)) : this._$EU();
+                } catch (s) {
+                    throw t2 = !1, this._$EU(), s;
                 }
+                t2 && this._$AE(_$s2);
             }
         },
         {
-            key: "_$AC",
-            value: function _$AC(t) {
-                var i = A.get(t.strings);
-                return void 0 === i && A.set(t.strings, i = new N(t)), i;
-            }
+            key: "willUpdate",
+            value: function willUpdate(t) {}
         },
         {
-            key: "k",
-            value: function k(t) {
-                a(this._$AH) || (this._$AH = [], this._$AR());
-                var i = this._$AH;
-                var s, e = 0;
-                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                try {
-                    for(var _iterator = t[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var h = _step.value;
-                        e === i.length ? i.push(s = new R(this.O(l$1()), this.O(l$1()), this, this.options)) : s = i[e], s._$AI(h), e++;
-                    }
-                } catch (err) {
-                    _didIteratorError = true;
-                    _iteratorError = err;
-                } finally{
-                    try {
-                        if (!_iteratorNormalCompletion && _iterator.return != null) {
-                            _iterator.return();
-                        }
-                    } finally{
-                        if (_didIteratorError) {
-                            throw _iteratorError;
-                        }
-                    }
-                }
-                e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
+            key: "_$AE",
+            value: function _$AE(t) {
+                var _this__$EO;
+                (_this__$EO = this._$EO) === null || _this__$EO === void 0 ? void 0 : _this__$EO.forEach(function(t) {
+                    var _t_hostUpdated;
+                    return (_t_hostUpdated = t.hostUpdated) === null || _t_hostUpdated === void 0 ? void 0 : _t_hostUpdated.call(t);
+                }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
             }
         },
         {
-            key: "_$AR",
-            value: function _$AR() {
-                var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this._$AA.nextSibling, i = arguments.length > 1 ? arguments[1] : void 0;
-                var _this__$AP, _this;
-                for((_this__$AP = (_this = this)._$AP) === null || _this__$AP === void 0 ? void 0 : _this__$AP.call(_this, !1, !0, i); t && t !== this._$AB;){
-                    var i1 = t.nextSibling;
-                    t.remove(), t = i1;
-                }
+            key: "_$EU",
+            value: function _$EU() {
+                this._$AL = new Map, this.isUpdatePending = !1;
             }
         },
         {
-            key: "setConnected",
-            value: function setConnected(t) {
-                var _this__$AP, _this;
-                void 0 === this._$AM && (this._$Cv = t, (_this__$AP = (_this = this)._$AP) === null || _this__$AP === void 0 ? void 0 : _this__$AP.call(_this, t));
-            }
-        }
-    ]);
-    return R;
-}();
-var k = /*#__PURE__*/ function() {
-    function k(t, i, s, e, h) {
-        _class_call_check$d(this, k);
-        this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String), this.strings = s) : this._$AH = E;
-    }
-    _create_class$d(k, [
-        {
-            key: "tagName",
+            key: "updateComplete",
             get: function get() {
-                return this.element.tagName;
+                return this.getUpdateComplete();
             }
         },
         {
-            key: "_$AU",
-            get: function get() {
-                return this._$AM._$AU;
+            key: "getUpdateComplete",
+            value: function getUpdateComplete() {
+                return this._$ES;
             }
         },
         {
-            key: "_$AI",
-            value: function _$AI(t) {
-                var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this, s = arguments.length > 2 ? arguments[2] : void 0, e = arguments.length > 3 ? arguments[3] : void 0;
-                var h = this.strings;
-                var o = !1;
-                if (void 0 === h) t = S(this, t, i, 0), o = !c(t) || t !== this._$AH && t !== T, o && (this._$AH = t);
-                else {
-                    var e1 = t;
-                    var n, r;
-                    for(t = h[0], n = 0; n < h.length - 1; n++)r = S(this, e1[s + n], i, n), r === T && (r = this._$AH[n]), o || (o = !c(r) || r !== this._$AH[n]), r === E ? t = E : t !== E && (t += (r !== null && r !== void 0 ? r : "") + h[n + 1]), this._$AH[n] = r;
-                }
-                o && !e && this.j(t);
+            key: "shouldUpdate",
+            value: function shouldUpdate(t) {
+                return !0;
             }
         },
         {
-            key: "j",
-            value: function j(t) {
-                t === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t !== null && t !== void 0 ? t : "");
+            key: "update",
+            value: function update(t) {
+                var _this = this;
+                this._$Ej && (this._$Ej = this._$Ej.forEach(function(t) {
+                    return _this._$EC(t, _this[t]);
+                })), this._$EU();
             }
+        },
+        {
+            key: "updated",
+            value: function updated(t) {}
+        },
+        {
+            key: "firstUpdated",
+            value: function firstUpdated(t) {}
         }
-    ]);
-    return k;
-}();
-var H = /*#__PURE__*/ function(k) {
-    _inherits$5(H, k);
-    var _super = _create_super$5(H);
-    function H() {
-        _class_call_check$d(this, H);
-        var _this;
-        _this = _super.call.apply(_super, [
-            this
-        ].concat(Array.prototype.slice.call(arguments))), _this.type = 3;
-        return _possible_constructor_return$5(_this);
-    }
-    _create_class$d(H, [
+    ], [
         {
-            key: "j",
-            value: function j(t) {
-                this.element[this.name] = t === E ? void 0 : t;
+            key: "addInitializer",
+            value: function addInitializer(t) {
+                var _this_l;
+                this._$Ei(), ((_this_l = this.l) !== null && _this_l !== void 0 ? _this_l : this.l = []).push(t);
             }
-        }
-    ]);
-    return H;
-}(k);
-var I = /*#__PURE__*/ function(k) {
-    _inherits$5(I, k);
-    var _super = _create_super$5(I);
-    function I() {
-        _class_call_check$d(this, I);
-        var _this;
-        _this = _super.call.apply(_super, [
-            this
-        ].concat(Array.prototype.slice.call(arguments))), _this.type = 4;
-        return _possible_constructor_return$5(_this);
-    }
-    _create_class$d(I, [
+        },
         {
-            key: "j",
-            value: function j(t) {
-                this.element.toggleAttribute(this.name, !!t && t !== E);
+            key: "observedAttributes",
+            get: function get() {
+                return this.finalize(), this._$Eh && _to_consumable_array$6(this._$Eh.keys());
             }
-        }
-    ]);
-    return I;
-}(k);
-var L = /*#__PURE__*/ function(k) {
-    _inherits$5(L, k);
-    var _super = _create_super$5(L);
-    function L(t, i, s, e, h) {
-        _class_call_check$d(this, L);
-        var _this;
-        _this = _super.call(this, t, i, s, e, h), _this.type = 5;
-        return _possible_constructor_return$5(_this);
-    }
-    _create_class$d(L, [
+        },
         {
-            key: "_$AI",
-            value: function _$AI(t) {
-                var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
-                var _S;
-                if ((t = (_S = S(this, t, i, 0)) !== null && _S !== void 0 ? _S : E) === T) return;
-                var s = this._$AH, e = t === E && s !== E || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, h = t !== E && (s === E || e);
-                e && this.element.removeEventListener(this.name, this, s), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
+            key: "createProperty",
+            value: function createProperty(t) {
+                var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : y;
+                if (s.state && (s.attribute = !1), this._$Ei(), this.elementProperties.set(t, s), !s.noAccessor) {
+                    var i = Symbol(), r = this.getPropertyDescriptor(t, i, s);
+                    void 0 !== r && e$3(this.prototype, t, r);
+                }
             }
         },
         {
-            key: "handleEvent",
-            value: function handleEvent(t) {
-                var _this_options;
-                var _this_options_host;
-                "function" == typeof this._$AH ? this._$AH.call((_this_options_host = (_this_options = this.options) === null || _this_options === void 0 ? void 0 : _this_options.host) !== null && _this_options_host !== void 0 ? _this_options_host : this.element, t) : this._$AH.handleEvent(t);
+            key: "getPropertyDescriptor",
+            value: function getPropertyDescriptor(t, s, i) {
+                var _r;
+                var _ref = (_r = r$3(this.prototype, t)) !== null && _r !== void 0 ? _r : {
+                    get: function get() {
+                        return this[s];
+                    },
+                    set: function set(t) {
+                        this[s] = t;
+                    }
+                }, e = _ref.get, h = _ref.set;
+                return {
+                    get: function get() {
+                        return e === null || e === void 0 ? void 0 : e.call(this);
+                    },
+                    set: function set(s) {
+                        var r = e === null || e === void 0 ? void 0 : e.call(this);
+                        h.call(this, s), this.requestUpdate(t, r, i);
+                    },
+                    configurable: !0,
+                    enumerable: !0
+                };
             }
-        }
-    ]);
-    return L;
-}(k);
-var z = /*#__PURE__*/ function() {
-    function z(t, i, s) {
-        _class_call_check$d(this, z);
-        this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
-    }
-    _create_class$d(z, [
+        },
         {
-            key: "_$AU",
-            get: function get() {
-                return this._$AM._$AU;
+            key: "getPropertyOptions",
+            value: function getPropertyOptions(t) {
+                var _this_elementProperties_get;
+                return (_this_elementProperties_get = this.elementProperties.get(t)) !== null && _this_elementProperties_get !== void 0 ? _this_elementProperties_get : y;
             }
         },
         {
-            key: "_$AI",
-            value: function _$AI(t) {
-                S(this, t);
+            key: "_$Ei",
+            value: function _$Ei() {
+                if (this.hasOwnProperty(d$2("elementProperties"))) return;
+                var t = n$2(this);
+                t.finalize(), void 0 !== t.l && (this.l = _to_consumable_array$6(t.l)), this.elementProperties = new Map(t.elementProperties);
             }
-        }
-    ]);
-    return z;
-}();
-var Z = {
-    M: e$2,
-    P: h,
-    A: o$1,
-    C: 1,
-    L: V,
-    R: M,
-    D: u,
-    V: S,
-    I: R,
-    H: k,
-    N: I,
-    U: L,
-    B: H,
-    F: z
-}, j = t$1.litHtmlPolyfillSupport;
-var _litHtmlVersions;
-j === null || j === void 0 ? void 0 : j(N, R), ((_litHtmlVersions = (_t = t$1).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.2.1");
-var B = function(t, i, s) {
-    var _s_renderBefore;
-    var e = (_s_renderBefore = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore !== void 0 ? _s_renderBefore : i;
-    var h = e._$litPart$;
-    if (void 0 === h) {
-        var _s_renderBefore1;
-        var _$t = (_s_renderBefore1 = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore1 !== void 0 ? _s_renderBefore1 : null;
-        e._$litPart$ = h = new R(i.insertBefore(l$1(), _$t), _$t, void 0, s !== null && s !== void 0 ? s : {});
-    }
-    return h._$AI(t), h;
-};
-
-function _assert_this_initialized$4(self) {
+        },
+        {
+            key: "finalize",
+            value: function finalize() {
+                if (this.hasOwnProperty(d$2("finalized"))) return;
+                if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$2("properties"))) {
+                    var t = this.properties, s = _to_consumable_array$6(h$1(t)).concat(_to_consumable_array$6(o$2(t)));
+                    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                    try {
+                        for(var _iterator = s[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                            var i = _step.value;
+                            this.createProperty(i, t[i]);
+                        }
+                    } catch (err) {
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                _iterator.return();
+                            }
+                        } finally{
+                            if (_didIteratorError) {
+                                throw _iteratorError;
+                            }
+                        }
+                    }
+                }
+                var t1 = this[Symbol.metadata];
+                if (null !== t1) {
+                    var s1 = litPropertyMetadata.get(t1);
+                    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                    if (void 0 !== s1) try {
+                        for(var _iterator1 = s1[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                            var _step_value = _sliced_to_array$4(_step1.value, 2), t2 = _step_value[0], i1 = _step_value[1];
+                            this.elementProperties.set(t2, i1);
+                        }
+                    } catch (err) {
+                        _didIteratorError1 = true;
+                        _iteratorError1 = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                _iterator1.return();
+                            }
+                        } finally{
+                            if (_didIteratorError1) {
+                                throw _iteratorError1;
+                            }
+                        }
+                    }
+                }
+                this._$Eh = new Map;
+                var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = undefined;
+                try {
+                    for(var _iterator2 = this.elementProperties[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true){
+                        var _step_value1 = _sliced_to_array$4(_step2.value, 2), t3 = _step_value1[0], s2 = _step_value1[1];
+                        var i2 = this._$Eu(t3, s2);
+                        void 0 !== i2 && this._$Eh.set(i2, t3);
+                    }
+                } catch (err) {
+                    _didIteratorError2 = true;
+                    _iteratorError2 = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                            _iterator2.return();
+                        }
+                    } finally{
+                        if (_didIteratorError2) {
+                            throw _iteratorError2;
+                        }
+                    }
+                }
+                this.elementStyles = this.finalizeStyles(this.styles);
+            }
+        },
+        {
+            key: "finalizeStyles",
+            value: function finalizeStyles(s) {
+                var i = [];
+                if (Array.isArray(s)) {
+                    var e = new Set(s.flat(1 / 0).reverse());
+                    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                    try {
+                        for(var _iterator = e[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                            var _$s = _step.value;
+                            i.unshift(c$2(_$s));
+                        }
+                    } catch (err) {
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                _iterator.return();
+                            }
+                        } finally{
+                            if (_didIteratorError) {
+                                throw _iteratorError;
+                            }
+                        }
+                    }
+                } else void 0 !== s && i.push(c$2(s));
+                return i;
+            }
+        },
+        {
+            key: "_$Eu",
+            value: function _$Eu(t, s) {
+                var i = s.attribute;
+                return !1 === i ? void 0 : "string" == typeof i ? i : "string" == typeof t ? t.toLowerCase() : void 0;
+            }
+        }
+    ]);
+    return b;
+}(_wrap_native_super(HTMLElement));
+var _reactiveElementVersions;
+b.elementStyles = [], b.shadowRootOptions = {
+    mode: "open"
+}, b[d$2("elementProperties")] = new Map, b[d$2("finalized")] = new Map, p$1 === null || p$1 === void 0 ? void 0 : p$1({
+    ReactiveElement: b
+}), ((_reactiveElementVersions = (_a1 = a$1).reactiveElementVersions) !== null && _reactiveElementVersions !== void 0 ? _reactiveElementVersions : _a1.reactiveElementVersions = []).push("2.0.4");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ function _array_like_to_array$7(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$3(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes$5(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array$7(arr);
+}
+function _assert_this_initialized$4(self) {
     if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
     return self;
 }
-function _class_call_check$c(instance, Constructor) {
+function _class_call_check$b(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _defineProperties$c(target, props) {
+function _defineProperties$b(target, props) {
     for(var i = 0; i < props.length; i++){
         var descriptor = props[i];
         descriptor.enumerable = descriptor.enumerable || false;
@@ -2245,27 +2123,11 @@ function _defineProperties$c(target, props) {
         Object.defineProperty(target, descriptor.key, descriptor);
     }
 }
-function _create_class$c(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$c(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$c(Constructor, staticProps);
+function _create_class$b(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties$b(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties$b(Constructor, staticProps);
     return Constructor;
 }
-function _get$1(target, property, receiver) {
-    if (typeof Reflect !== "undefined" && Reflect.get) {
-        _get$1 = Reflect.get;
-    } else {
-        _get$1 = function get(target, property, receiver) {
-            var base = _super_prop_base$1(target, property);
-            if (!base) return;
-            var desc = Object.getOwnPropertyDescriptor(base, property);
-            if (desc.get) {
-                return desc.get.call(receiver || target);
-            }
-            return desc.value;
-        };
-    }
-    return _get$1(target, property, receiver || target);
-}
 function _get_prototype_of$4(o) {
     _get_prototype_of$4 = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
         return o.__proto__ || Object.getPrototypeOf(o);
@@ -2285,6 +2147,39 @@ function _inherits$4(subClass, superClass) {
     });
     if (superClass) _set_prototype_of$4(subClass, superClass);
 }
+function _iterable_to_array$5(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit$3(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$3() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread$5() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _possible_constructor_return$4(self, call) {
     if (call && (_type_of$4(call) === "object" || typeof call === "function")) {
         return call;
@@ -2298,17 +2193,24 @@ function _set_prototype_of$4(o, p) {
     };
     return _set_prototype_of$4(o, p);
 }
-function _super_prop_base$1(object, property) {
-    while(!Object.prototype.hasOwnProperty.call(object, property)){
-        object = _get_prototype_of$4(object);
-        if (object === null) break;
-    }
-    return object;
+function _sliced_to_array$3(arr, i) {
+    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$3();
+}
+function _to_consumable_array$5(arr) {
+    return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$7(arr) || _non_iterable_spread$5();
 }
 function _type_of$4(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
+function _unsupported_iterable_to_array$7(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$7(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
+}
 function _is_native_reflect_construct$4() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
     if (Reflect.construct.sham) return false;
@@ -2333,265 +2235,489 @@ function _create_super$4(Derived) {
         return _possible_constructor_return$4(this, result);
     };
 }
-var _globalThis_litElementHydrateSupport, _globalThis$1;
-var _globalThis1;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */ var r$1 = /*#__PURE__*/ function(t) {
-    _inherits$4(r, t);
-    var _super = _create_super$4(r);
-    function r() {
-        _class_call_check$c(this, r);
-        var _this;
-        _this = _super.call.apply(_super, [
-            this
-        ].concat(Array.prototype.slice.call(arguments))), _this.renderOptions = {
-            host: _assert_this_initialized$4(_this)
-        }, _this._$Do = void 0;
-        return _possible_constructor_return$4(_this);
+var _t;
+var t$1 = globalThis, i$5 = t$1.trustedTypes, s$1 = i$5 ? i$5.createPolicy("lit-html", {
+    createHTML: function(t) {
+        return t;
     }
-    _create_class$c(r, [
-        {
-            key: "createRenderRoot",
-            value: function createRenderRoot() {
-                var _this_renderOptions;
-                var _$t = _get$1(_get_prototype_of$4(r.prototype), "createRenderRoot", this).call(this);
-                var _renderBefore;
-                return (_renderBefore = (_this_renderOptions = this.renderOptions).renderBefore) !== null && _renderBefore !== void 0 ? _renderBefore : _this_renderOptions.renderBefore = _$t.firstChild, _$t;
-            }
-        },
-        {
-            key: "update",
-            value: function update(t) {
-                var s = this.render();
-                this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), _get$1(_get_prototype_of$4(r.prototype), "update", this).call(this, t), this._$Do = B(s, this.renderRoot, this.renderOptions);
-            }
-        },
-        {
-            key: "connectedCallback",
-            value: function connectedCallback() {
-                var _this__$Do;
-                _get$1(_get_prototype_of$4(r.prototype), "connectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!0);
-            }
-        },
-        {
-            key: "disconnectedCallback",
-            value: function disconnectedCallback() {
-                var _this__$Do;
-                _get$1(_get_prototype_of$4(r.prototype), "disconnectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!1);
-            }
-        },
+}) : void 0, e$2 = "$lit$", h = "lit$".concat(Math.random().toFixed(9).slice(2), "$"), o$1 = "?" + h, n$1 = "<".concat(o$1, ">"), r$2 = document, l$1 = function() {
+    return r$2.createComment("");
+}, c = function(t) {
+    return null === t || "object" != typeof t && "function" != typeof t;
+}, a = Array.isArray, u = function(t) {
+    return a(t) || "function" == typeof (t === null || t === void 0 ? void 0 : t[Symbol.iterator]);
+}, d$1 = "[ 	\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(">|".concat(d$1, "(?:([^\\s\"'>=/]+)(").concat(d$1, "*=").concat(d$1, "*(?:[^ 	\n\f\r\"'`<>=]|(\"|')|))|$)"), "g"), p = /'/g, g = /"/g, $$1 = /^(?:script|style|textarea|title)$/i, T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = new WeakMap, C = r$2.createTreeWalker(r$2, 129);
+function P(t, i) {
+    if (!a(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+    return void 0 !== s$1 ? s$1.createHTML(i) : i;
+}
+var V = function(t, i) {
+    var s = t.length - 1, o = [];
+    var r, l = 2 === i ? "<svg>" : 3 === i ? "<math>" : "", c = f;
+    for(var _$i = 0; _$i < s; _$i++){
+        var s1 = t[_$i];
+        var a = void 0, u = void 0, d = -1, y = 0;
+        for(; y < s1.length && (c.lastIndex = y, u = c.exec(s1), null !== u);)y = c.lastIndex, c === f ? "!--" === u[1] ? c = v : void 0 !== u[1] ? c = _ : void 0 !== u[2] ? ($$1.test(u[2]) && (r = RegExp("</" + u[2], "g")), c = m) : void 0 !== u[3] && (c = m) : c === m ? ">" === u[0] ? (c = r !== null && r !== void 0 ? r : f, d = -1) : void 0 === u[1] ? d = -2 : (d = c.lastIndex - u[2].length, a = u[1], c = void 0 === u[3] ? m : '"' === u[3] ? g : p) : c === g || c === p ? c = m : c === v || c === _ ? c = f : (c = m, r = void 0);
+        var x = c === m && t[_$i + 1].startsWith("/>") ? " " : "";
+        l += c === f ? s1 + n$1 : d >= 0 ? (o.push(a), s1.slice(0, d) + e$2 + s1.slice(d) + h + x) : s1 + h + (-2 === d ? _$i : x);
+    }
+    return [
+        P(t, l + (t[s] || "<?>") + (2 === i ? "</svg>" : 3 === i ? "</math>" : "")),
+        o
+    ];
+};
+var N = /*#__PURE__*/ function() {
+    function N(param, n) {
+        var t = param.strings, s = param._$litType$;
+        _class_call_check$b(this, N);
+        var r;
+        this.parts = [];
+        var c = 0, a = 0;
+        var u = t.length - 1, d = this.parts, _V = _sliced_to_array$3(V(t, s), 2), f = _V[0], v = _V[1];
+        if (this.el = N.createElement(f, n), C.currentNode = this.el.content, 2 === s || 3 === s) {
+            var _t;
+            var t1 = this.el.content.firstChild;
+            (_t = t1).replaceWith.apply(_t, _to_consumable_array$5(t1.childNodes));
+        }
+        for(; null !== (r = C.nextNode()) && d.length < u;){
+            if (1 === r.nodeType) {
+                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                if (r.hasAttributes()) try {
+                    for(var _iterator = r.getAttributeNames()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var t2 = _step.value;
+                        if (t2.endsWith(e$2)) {
+                            var i1 = v[a++], s1 = r.getAttribute(t2).split(h), e1 = /([.?@])?(.*)/.exec(i1);
+                            d.push({
+                                type: 1,
+                                index: c,
+                                name: e1[2],
+                                strings: s1,
+                                ctor: "." === e1[1] ? H : "?" === e1[1] ? I : "@" === e1[1] ? L : k
+                            }), r.removeAttribute(t2);
+                        } else t2.startsWith(h) && (d.push({
+                            type: 6,
+                            index: c
+                        }), r.removeAttribute(t2));
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+                if ($$1.test(r.tagName)) {
+                    var t3 = r.textContent.split(h), s2 = t3.length - 1;
+                    if (s2 > 0) {
+                        r.textContent = i$5 ? i$5.emptyScript : "";
+                        for(var i2 = 0; i2 < s2; i2++)r.append(t3[i2], l$1()), C.nextNode(), d.push({
+                            type: 2,
+                            index: ++c
+                        });
+                        r.append(t3[s2], l$1());
+                    }
+                }
+            } else if (8 === r.nodeType) if (r.data === o$1) d.push({
+                type: 2,
+                index: c
+            });
+            else {
+                var t4 = -1;
+                for(; -1 !== (t4 = r.data.indexOf(h, t4 + 1));)d.push({
+                    type: 7,
+                    index: c
+                }), t4 += h.length - 1;
+            }
+            c++;
+        }
+    }
+    _create_class$b(N, null, [
         {
-            key: "render",
-            value: function render() {
-                return T;
+            key: "createElement",
+            value: function createElement(t, i) {
+                var s = r$2.createElement("template");
+                return s.innerHTML = t, s;
             }
         }
     ]);
-    return r;
-}(b);
-r$1._$litElement$ = !0, r$1["finalized"] = !0, (_globalThis_litElementHydrateSupport = (_globalThis$1 = globalThis).litElementHydrateSupport) === null || _globalThis_litElementHydrateSupport === void 0 ? void 0 : _globalThis_litElementHydrateSupport.call(_globalThis$1, {
-    LitElement: r$1
-});
-var i$4 = globalThis.litElementPolyfillSupport;
-i$4 === null || i$4 === void 0 ? void 0 : i$4({
-    LitElement: r$1
-});
-var o = {
-    _$AK: function(t, e, s) {
-        t._$AK(e, s);
-    },
-    _$AL: function(t) {
-        return t._$AL;
-    }
-};
-var _litElementVersions;
-((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.1.1");
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */ var e$1 = {
-    attributeToProperty: o._$AK,
-    changedProperties: o._$AL
-};
-
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */ /**
- * Map of ARIAMixin properties to attributes
- */ function _class_call_check$b(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
+    return N;
+}();
+function S(t, i) {
+    var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : t, e = arguments.length > 3 ? arguments[3] : void 0;
+    var _s__$Co, _h__$AO;
+    var _s;
+    if (i === T) return i;
+    var h = void 0 !== e ? (_s__$Co = s._$Co) === null || _s__$Co === void 0 ? void 0 : _s__$Co[e] : s._$Cl;
+    var o = c(i) ? void 0 : i._$litDirective$;
+    var __$Co;
+    return (h === null || h === void 0 ? void 0 : h.constructor) !== o && (h === null || h === void 0 ? void 0 : (_h__$AO = h._$AO) === null || _h__$AO === void 0 ? void 0 : _h__$AO.call(h, !1), void 0 === o ? h = void 0 : (h = new o(t), h._$AT(t, s, e)), void 0 !== e ? ((__$Co = (_s = s)._$Co) !== null && __$Co !== void 0 ? __$Co : _s._$Co = [])[e] = h : s._$Cl = h), void 0 !== h && (i = S(t, h._$AS(t, i.values), h, e)), i;
 }
-function _defineProperties$b(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
+var M = /*#__PURE__*/ function() {
+    function M(t, i) {
+        _class_call_check$b(this, M);
+        this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
     }
-}
-function _create_class$b(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties$b(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties$b(Constructor, staticProps);
-    return Constructor;
-}
-var ariaMixinAttributes = {
-    ariaAtomic: "aria-atomic",
-    ariaAutoComplete: "aria-autocomplete",
-    ariaBrailleLabel: "aria-braillelabel",
-    ariaBrailleRoleDescription: "aria-brailleroledescription",
-    ariaBusy: "aria-busy",
-    ariaChecked: "aria-checked",
-    ariaColCount: "aria-colcount",
-    ariaColIndex: "aria-colindex",
-    ariaColSpan: "aria-colspan",
-    ariaCurrent: "aria-current",
-    ariaDescription: "aria-description",
-    ariaDisabled: "aria-disabled",
-    ariaExpanded: "aria-expanded",
-    ariaHasPopup: "aria-haspopup",
-    ariaHidden: "aria-hidden",
-    ariaInvalid: "aria-invalid",
-    ariaKeyShortcuts: "aria-keyshortcuts",
-    ariaLabel: "aria-label",
-    ariaLevel: "aria-level",
-    ariaLive: "aria-live",
-    ariaModal: "aria-modal",
-    ariaMultiLine: "aria-multiline",
-    ariaMultiSelectable: "aria-multiselectable",
-    ariaOrientation: "aria-orientation",
-    ariaPlaceholder: "aria-placeholder",
-    ariaPosInSet: "aria-posinset",
-    ariaPressed: "aria-pressed",
-    ariaReadOnly: "aria-readonly",
-    ariaRequired: "aria-required",
-    ariaRoleDescription: "aria-roledescription",
-    ariaRowCount: "aria-rowcount",
-    ariaRowIndex: "aria-rowindex",
-    ariaRowSpan: "aria-rowspan",
-    ariaSelected: "aria-selected",
-    ariaSetSize: "aria-setsize",
-    ariaSort: "aria-sort",
-    ariaValueMax: "aria-valuemax",
-    ariaValueMin: "aria-valuemin",
-    ariaValueNow: "aria-valuenow",
-    ariaValueText: "aria-valuetext",
-    role: "role"
-};
-// Shim the global element internals object
-// Methods should be fine as noops and properties can generally
-// be while on the server.
-var ElementInternalsShim = /*#__PURE__*/ function() {
-    function ElementInternals(_host) {
-        _class_call_check$b(this, ElementInternals);
-        this.ariaAtomic = "";
-        this.ariaAutoComplete = "";
-        this.ariaBrailleLabel = "";
-        this.ariaBrailleRoleDescription = "";
-        this.ariaBusy = "";
-        this.ariaChecked = "";
-        this.ariaColCount = "";
-        this.ariaColIndex = "";
-        this.ariaColSpan = "";
-        this.ariaCurrent = "";
-        this.ariaDescription = "";
-        this.ariaDisabled = "";
-        this.ariaExpanded = "";
-        this.ariaHasPopup = "";
-        this.ariaHidden = "";
-        this.ariaInvalid = "";
-        this.ariaKeyShortcuts = "";
-        this.ariaLabel = "";
-        this.ariaLevel = "";
-        this.ariaLive = "";
-        this.ariaModal = "";
-        this.ariaMultiLine = "";
-        this.ariaMultiSelectable = "";
-        this.ariaOrientation = "";
-        this.ariaPlaceholder = "";
-        this.ariaPosInSet = "";
-        this.ariaPressed = "";
-        this.ariaReadOnly = "";
-        this.ariaRequired = "";
-        this.ariaRoleDescription = "";
-        this.ariaRowCount = "";
-        this.ariaRowIndex = "";
-        this.ariaRowSpan = "";
-        this.ariaSelected = "";
-        this.ariaSetSize = "";
-        this.ariaSort = "";
-        this.ariaValueMax = "";
-        this.ariaValueMin = "";
-        this.ariaValueNow = "";
-        this.ariaValueText = "";
-        this.role = "";
-        this.form = null;
-        this.labels = [];
-        this.states = new Set();
-        this.validationMessage = "";
-        this.validity = {};
-        this.willValidate = true;
-        this.__host = _host;
+    _create_class$b(M, [
+        {
+            key: "parentNode",
+            get: function get() {
+                return this._$AM.parentNode;
+            }
+        },
+        {
+            key: "_$AU",
+            get: function get() {
+                return this._$AM._$AU;
+            }
+        },
+        {
+            key: "u",
+            value: function u(t) {
+                var _t_creationScope;
+                var _this__$AD = this._$AD, _this__$AD_el = _this__$AD.el, i = _this__$AD_el.content, s = _this__$AD.parts, e = ((_t_creationScope = t === null || t === void 0 ? void 0 : t.creationScope) !== null && _t_creationScope !== void 0 ? _t_creationScope : r$2).importNode(i, !0);
+                C.currentNode = e;
+                var h = C.nextNode(), o = 0, n = 0, l = s[0];
+                for(; void 0 !== l;){
+                    if (o === l.index) {
+                        var i1 = void 0;
+                        2 === l.type ? i1 = new R(h, h.nextSibling, this, t) : 1 === l.type ? i1 = new l.ctor(h, l.name, l.strings, this, t) : 6 === l.type && (i1 = new z(h, this, t)), this._$AV.push(i1), l = s[++n];
+                    }
+                    o !== (l === null || l === void 0 ? void 0 : l.index) && (h = C.nextNode(), o++);
+                }
+                return C.currentNode = r$2, e;
+            }
+        },
+        {
+            key: "p",
+            value: function p(t) {
+                var i = 0;
+                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                try {
+                    for(var _iterator = this._$AV[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var s = _step.value;
+                        void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+            }
+        }
+    ]);
+    return M;
+}();
+var R = /*#__PURE__*/ function() {
+    function R(t, i, s, e) {
+        _class_call_check$b(this, R);
+        var _e_isConnected;
+        this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cv = (_e_isConnected = e === null || e === void 0 ? void 0 : e.isConnected) !== null && _e_isConnected !== void 0 ? _e_isConnected : !0;
+    }
+    _create_class$b(R, [
+        {
+            key: "_$AU",
+            get: function get() {
+                var _this__$AM;
+                var _this__$AM__$AU;
+                return (_this__$AM__$AU = (_this__$AM = this._$AM) === null || _this__$AM === void 0 ? void 0 : _this__$AM._$AU) !== null && _this__$AM__$AU !== void 0 ? _this__$AM__$AU : this._$Cv;
+            }
+        },
+        {
+            key: "parentNode",
+            get: function get() {
+                var t = this._$AA.parentNode;
+                var i = this._$AM;
+                return void 0 !== i && 11 === (t === null || t === void 0 ? void 0 : t.nodeType) && (t = i.parentNode), t;
+            }
+        },
+        {
+            key: "startNode",
+            get: function get() {
+                return this._$AA;
+            }
+        },
+        {
+            key: "endNode",
+            get: function get() {
+                return this._$AB;
+            }
+        },
+        {
+            key: "_$AI",
+            value: function _$AI(t) {
+                var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
+                t = S(this, t, i), c(t) ? t === E || null == t || "" === t ? (this._$AH !== E && this._$AR(), this._$AH = E) : t !== this._$AH && t !== T && this._(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : u(t) ? this.k(t) : this._(t);
+            }
+        },
+        {
+            key: "O",
+            value: function O(t) {
+                return this._$AA.parentNode.insertBefore(t, this._$AB);
+            }
+        },
+        {
+            key: "T",
+            value: function T(t) {
+                this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+            }
+        },
+        {
+            key: "_",
+            value: function _(t) {
+                this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$2.createTextNode(t)), this._$AH = t;
+            }
+        },
+        {
+            key: "$",
+            value: function $(t) {
+                var _this__$AH;
+                var i = t.values, s = t._$litType$, e = "number" == typeof s ? this._$AC(t) : (void 0 === s.el && (s.el = N.createElement(P(s.h, s.h[0]), this.options)), s);
+                if (((_this__$AH = this._$AH) === null || _this__$AH === void 0 ? void 0 : _this__$AH._$AD) === e) this._$AH.p(i);
+                else {
+                    var _$t = new M(e, this), s1 = _$t.u(this.options);
+                    _$t.p(i), this.T(s1), this._$AH = _$t;
+                }
+            }
+        },
+        {
+            key: "_$AC",
+            value: function _$AC(t) {
+                var i = A.get(t.strings);
+                return void 0 === i && A.set(t.strings, i = new N(t)), i;
+            }
+        },
+        {
+            key: "k",
+            value: function k(t) {
+                a(this._$AH) || (this._$AH = [], this._$AR());
+                var i = this._$AH;
+                var s, e = 0;
+                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                try {
+                    for(var _iterator = t[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var h = _step.value;
+                        e === i.length ? i.push(s = new R(this.O(l$1()), this.O(l$1()), this, this.options)) : s = i[e], s._$AI(h), e++;
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+                e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
+            }
+        },
+        {
+            key: "_$AR",
+            value: function _$AR() {
+                var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this._$AA.nextSibling, i = arguments.length > 1 ? arguments[1] : void 0;
+                var _this__$AP, _this;
+                for((_this__$AP = (_this = this)._$AP) === null || _this__$AP === void 0 ? void 0 : _this__$AP.call(_this, !1, !0, i); t && t !== this._$AB;){
+                    var i1 = t.nextSibling;
+                    t.remove(), t = i1;
+                }
+            }
+        },
+        {
+            key: "setConnected",
+            value: function setConnected(t) {
+                var _this__$AP, _this;
+                void 0 === this._$AM && (this._$Cv = t, (_this__$AP = (_this = this)._$AP) === null || _this__$AP === void 0 ? void 0 : _this__$AP.call(_this, t));
+            }
+        }
+    ]);
+    return R;
+}();
+var k = /*#__PURE__*/ function() {
+    function k(t, i, s, e, h) {
+        _class_call_check$b(this, k);
+        this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = h, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String), this.strings = s) : this._$AH = E;
     }
-    _create_class$b(ElementInternals, [
+    _create_class$b(k, [
         {
-            key: "shadowRoot",
+            key: "tagName",
             get: function get() {
-                // Grab the shadow root instance from the Element shim
-                // to ensure that the shadow root is always available
-                // to the internals instance even if the mode is 'closed'
-                return this.__host.__shadowRoot;
+                return this.element.tagName;
             }
         },
         {
-            key: "checkValidity",
-            value: function checkValidity() {
-                // TODO(augustjk) Consider actually implementing logic.
-                // See https://github.com/lit/lit/issues/3740
-                console.warn("`ElementInternals.checkValidity()` was called on the server." + "This method always returns true.");
-                return true;
+            key: "_$AU",
+            get: function get() {
+                return this._$AM._$AU;
             }
         },
         {
-            key: "reportValidity",
-            value: function reportValidity() {
-                return true;
+            key: "_$AI",
+            value: function _$AI(t) {
+                var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this, s = arguments.length > 2 ? arguments[2] : void 0, e = arguments.length > 3 ? arguments[3] : void 0;
+                var h = this.strings;
+                var o = !1;
+                if (void 0 === h) t = S(this, t, i, 0), o = !c(t) || t !== this._$AH && t !== T, o && (this._$AH = t);
+                else {
+                    var e1 = t;
+                    var n, r;
+                    for(t = h[0], n = 0; n < h.length - 1; n++)r = S(this, e1[s + n], i, n), r === T && (r = this._$AH[n]), o || (o = !c(r) || r !== this._$AH[n]), r === E ? t = E : t !== E && (t += (r !== null && r !== void 0 ? r : "") + h[n + 1]), this._$AH[n] = r;
+                }
+                o && !e && this.j(t);
             }
         },
         {
-            key: "setFormValue",
-            value: function setFormValue() {}
+            key: "j",
+            value: function j(t) {
+                t === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t !== null && t !== void 0 ? t : "");
+            }
+        }
+    ]);
+    return k;
+}();
+var H = /*#__PURE__*/ function(k) {
+    _inherits$4(H, k);
+    var _super = _create_super$4(H);
+    function H() {
+        _class_call_check$b(this, H);
+        var _this;
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments))), _this.type = 3;
+        return _possible_constructor_return$4(_this);
+    }
+    _create_class$b(H, [
+        {
+            key: "j",
+            value: function j(t) {
+                this.element[this.name] = t === E ? void 0 : t;
+            }
+        }
+    ]);
+    return H;
+}(k);
+var I = /*#__PURE__*/ function(k) {
+    _inherits$4(I, k);
+    var _super = _create_super$4(I);
+    function I() {
+        _class_call_check$b(this, I);
+        var _this;
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments))), _this.type = 4;
+        return _possible_constructor_return$4(_this);
+    }
+    _create_class$b(I, [
+        {
+            key: "j",
+            value: function j(t) {
+                this.element.toggleAttribute(this.name, !!t && t !== E);
+            }
+        }
+    ]);
+    return I;
+}(k);
+var L = /*#__PURE__*/ function(k) {
+    _inherits$4(L, k);
+    var _super = _create_super$4(L);
+    function L(t, i, s, e, h) {
+        _class_call_check$b(this, L);
+        var _this;
+        _this = _super.call(this, t, i, s, e, h), _this.type = 5;
+        return _possible_constructor_return$4(_this);
+    }
+    _create_class$b(L, [
+        {
+            key: "_$AI",
+            value: function _$AI(t) {
+                var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this;
+                var _S;
+                if ((t = (_S = S(this, t, i, 0)) !== null && _S !== void 0 ? _S : E) === T) return;
+                var s = this._$AH, e = t === E && s !== E || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, h = t !== E && (s === E || e);
+                e && this.element.removeEventListener(this.name, this, s), h && this.element.addEventListener(this.name, this, t), this._$AH = t;
+            }
         },
         {
-            key: "setValidity",
-            value: function setValidity() {}
+            key: "handleEvent",
+            value: function handleEvent(t) {
+                var _this_options;
+                var _this_options_host;
+                "function" == typeof this._$AH ? this._$AH.call((_this_options_host = (_this_options = this.options) === null || _this_options === void 0 ? void 0 : _this_options.host) !== null && _this_options_host !== void 0 ? _this_options_host : this.element, t) : this._$AH.handleEvent(t);
+            }
         }
     ]);
-    return ElementInternals;
+    return L;
+}(k);
+var z = /*#__PURE__*/ function() {
+    function z(t, i, s) {
+        _class_call_check$b(this, z);
+        this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
+    }
+    _create_class$b(z, [
+        {
+            key: "_$AU",
+            get: function get() {
+                return this._$AM._$AU;
+            }
+        },
+        {
+            key: "_$AI",
+            value: function _$AI(t) {
+                S(this, t);
+            }
+        }
+    ]);
+    return z;
 }();
-var HYDRATE_INTERNALS_ATTR_PREFIX = "hydrate-internals-";
+var Z = {
+    M: e$2,
+    P: h,
+    A: o$1,
+    C: 1,
+    L: V,
+    R: M,
+    D: u,
+    V: S,
+    I: R,
+    H: k,
+    N: I,
+    U: L,
+    B: H,
+    F: z
+}, j = t$1.litHtmlPolyfillSupport;
+var _litHtmlVersions;
+j === null || j === void 0 ? void 0 : j(N, R), ((_litHtmlVersions = (_t = t$1).litHtmlVersions) !== null && _litHtmlVersions !== void 0 ? _litHtmlVersions : _t.litHtmlVersions = []).push("3.2.1");
+var B = function(t, i, s) {
+    var _s_renderBefore;
+    var e = (_s_renderBefore = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore !== void 0 ? _s_renderBefore : i;
+    var h = e._$litPart$;
+    if (void 0 === h) {
+        var _s_renderBefore1;
+        var _$t = (_s_renderBefore1 = s === null || s === void 0 ? void 0 : s.renderBefore) !== null && _s_renderBefore1 !== void 0 ? _s_renderBefore1 : null;
+        e._$litPart$ = h = new R(i.insertBefore(l$1(), _$t), _$t, void 0, s !== null && s !== void 0 ? s : {});
+    }
+    return h._$AI(t), h;
+};
 
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */ function _array_like_to_array$7(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes$3(arr) {
-    if (Array.isArray(arr)) return arr;
-}
 function _assert_this_initialized$3(self) {
     if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -2617,51 +2743,40 @@ function _create_class$a(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties$a(Constructor, staticProps);
     return Constructor;
 }
+function _get$1(target, property, receiver) {
+    if (typeof Reflect !== "undefined" && Reflect.get) {
+        _get$1 = Reflect.get;
+    } else {
+        _get$1 = function get(target, property, receiver) {
+            var base = _super_prop_base$1(target, property);
+            if (!base) return;
+            var desc = Object.getOwnPropertyDescriptor(base, property);
+            if (desc.get) {
+                return desc.get.call(receiver || target);
+            }
+            return desc.value;
+        };
+    }
+    return _get$1(target, property, receiver || target);
+}
 function _get_prototype_of$3(o) {
     _get_prototype_of$3 = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
         return o.__proto__ || Object.getPrototypeOf(o);
     };
     return _get_prototype_of$3(o);
 }
-function _inherits$3(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-            value: subClass,
-            writable: true,
-            configurable: true
-        }
-    });
-    if (superClass) _set_prototype_of$3(subClass, superClass);
-}
-function _iterable_to_array_limit$3(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest$3() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+function _inherits$3(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of$3(subClass, superClass);
 }
 function _possible_constructor_return$3(self, call) {
     if (call && (_type_of$3(call) === "object" || typeof call === "function")) {
@@ -2676,21 +2791,17 @@ function _set_prototype_of$3(o, p) {
     };
     return _set_prototype_of$3(o, p);
 }
-function _sliced_to_array$3(arr, i) {
-    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$3();
+function _super_prop_base$1(object, property) {
+    while(!Object.prototype.hasOwnProperty.call(object, property)){
+        object = _get_prototype_of$3(object);
+        if (object === null) break;
+    }
+    return object;
 }
 function _type_of$3(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-function _unsupported_iterable_to_array$7(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$7(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
-}
 function _is_native_reflect_construct$3() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
     if (Reflect.construct.sham) return false;
@@ -2715,202 +2826,91 @@ function _create_super$3(Derived) {
         return _possible_constructor_return$3(this, result);
     };
 }
-var attributes = new WeakMap();
-var attributesForElement = function(element) {
-    var attrs = attributes.get(element);
-    if (attrs === undefined) {
-        attributes.set(element, attrs = new Map());
-    }
-    return attrs;
-};
-// The typings around the exports below are a little funky:
-//
-// 1. We want the `name` of the shim classes to match the real ones at runtime,
-//    hence e.g. `class Element`.
-// 2. We can't shadow the global types with a simple class declaration, because
-//    then we can't reference the global types for casting, hence e.g.
-//    `const ElementShim = class Element`.
-// 3. We want to export the classes typed as the real ones, hence e.g.
-//    `const ElementShimWithRealType = ElementShim as object as typeof Element;`.
-// 4. We want the exported names to match the real ones, hence e.g.
-//    `export {ElementShimWithRealType as Element}`.
-var ElementShim = /*#__PURE__*/ function() {
-    function Element() {
-        _class_call_check$a(this, Element);
-        this.__shadowRootMode = null;
-        this.__shadowRoot = null;
-        this.__internals = null;
+var _globalThis_litElementHydrateSupport, _globalThis$1;
+var _globalThis1;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ var r$1 = /*#__PURE__*/ function(t) {
+    _inherits$3(r, t);
+    var _super = _create_super$3(r);
+    function r() {
+        _class_call_check$a(this, r);
+        var _this;
+        _this = _super.call.apply(_super, [
+            this
+        ].concat(Array.prototype.slice.call(arguments))), _this.renderOptions = {
+            host: _assert_this_initialized$3(_this)
+        }, _this._$Do = void 0;
+        return _possible_constructor_return$3(_this);
     }
-    _create_class$a(Element, [
-        {
-            key: "attributes",
-            get: function get() {
-                return Array.from(attributesForElement(this)).map(function(param) {
-                    var _param = _sliced_to_array$3(param, 2), name = _param[0], value = _param[1];
-                    return {
-                        name: name,
-                        value: value
-                    };
-                });
-            }
-        },
-        {
-            key: "shadowRoot",
-            get: function get() {
-                if (this.__shadowRootMode === "closed") {
-                    return null;
-                }
-                return this.__shadowRoot;
-            }
-        },
-        {
-            key: "localName",
-            get: function get() {
-                return this.constructor.__localName;
-            }
-        },
-        {
-            key: "tagName",
-            get: function get() {
-                var _this_localName;
-                return (_this_localName = this.localName) === null || _this_localName === void 0 ? void 0 : _this_localName.toUpperCase();
-            }
-        },
-        {
-            key: "setAttribute",
-            value: function setAttribute(name, value) {
-                // Emulate browser behavior that silently casts all values to string. E.g.
-                // `42` becomes `"42"` and `{}` becomes `"[object Object]""`.
-                attributesForElement(this).set(name, String(value));
-            }
-        },
-        {
-            key: "removeAttribute",
-            value: function removeAttribute(name) {
-                attributesForElement(this).delete(name);
-            }
-        },
+    _create_class$a(r, [
         {
-            key: "toggleAttribute",
-            value: function toggleAttribute(name, force) {
-                // Steps reference https://dom.spec.whatwg.org/#dom-element-toggleattribute
-                if (this.hasAttribute(name)) {
-                    // Step 5
-                    if (force === undefined || !force) {
-                        this.removeAttribute(name);
-                        return false;
-                    }
-                } else {
-                    // Step 4
-                    if (force === undefined || force) {
-                        // Step 4.1
-                        this.setAttribute(name, "");
-                        return true;
-                    } else {
-                        // Step 4.2
-                        return false;
-                    }
-                }
-                // Step 6
-                return true;
+            key: "createRenderRoot",
+            value: function createRenderRoot() {
+                var _this_renderOptions;
+                var _$t = _get$1(_get_prototype_of$3(r.prototype), "createRenderRoot", this).call(this);
+                var _renderBefore;
+                return (_renderBefore = (_this_renderOptions = this.renderOptions).renderBefore) !== null && _renderBefore !== void 0 ? _renderBefore : _this_renderOptions.renderBefore = _$t.firstChild, _$t;
             }
         },
         {
-            key: "hasAttribute",
-            value: function hasAttribute(name) {
-                return attributesForElement(this).has(name);
+            key: "update",
+            value: function update(t) {
+                var s = this.render();
+                this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), _get$1(_get_prototype_of$3(r.prototype), "update", this).call(this, t), this._$Do = B(s, this.renderRoot, this.renderOptions);
             }
         },
         {
-            key: "attachShadow",
-            value: function attachShadow(init) {
-                var shadowRoot = {
-                    host: this
-                };
-                this.__shadowRootMode = init.mode;
-                if (init && init.mode === "open") {
-                    this.__shadowRoot = shadowRoot;
-                }
-                return shadowRoot;
+            key: "connectedCallback",
+            value: function connectedCallback() {
+                var _this__$Do;
+                _get$1(_get_prototype_of$3(r.prototype), "connectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!0);
             }
         },
         {
-            key: "attachInternals",
-            value: function attachInternals() {
-                if (this.__internals !== null) {
-                    throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': " + "ElementInternals for the specified element was already attached.");
-                }
-                var internals = new ElementInternalsShim(this);
-                this.__internals = internals;
-                return internals;
+            key: "disconnectedCallback",
+            value: function disconnectedCallback() {
+                var _this__$Do;
+                _get$1(_get_prototype_of$3(r.prototype), "disconnectedCallback", this).call(this), (_this__$Do = this._$Do) === null || _this__$Do === void 0 ? void 0 : _this__$Do.setConnected(!1);
             }
         },
         {
-            key: "getAttribute",
-            value: function getAttribute(name) {
-                var value = attributesForElement(this).get(name);
-                return value !== null && value !== void 0 ? value : null;
+            key: "render",
+            value: function render() {
+                return T;
             }
         }
     ]);
-    return Element;
-}();
-var HTMLElementShim = /*#__PURE__*/ function(ElementShim) {
-    _inherits$3(HTMLElement, ElementShim);
-    var _super = _create_super$3(HTMLElement);
-    function HTMLElement() {
-        _class_call_check$a(this, HTMLElement);
-        return _super.apply(this, arguments);
-    }
-    return HTMLElement;
-}(ElementShim);
-var HTMLElementShimWithRealType = HTMLElementShim;
-var CustomElementRegistryShim = /*#__PURE__*/ function() {
-    function CustomElementRegistry() {
-        _class_call_check$a(this, CustomElementRegistry);
-        this.__definitions = new Map();
+    return r;
+}(b);
+r$1._$litElement$ = !0, r$1["finalized"] = !0, (_globalThis_litElementHydrateSupport = (_globalThis$1 = globalThis).litElementHydrateSupport) === null || _globalThis_litElementHydrateSupport === void 0 ? void 0 : _globalThis_litElementHydrateSupport.call(_globalThis$1, {
+    LitElement: r$1
+});
+var i$4 = globalThis.litElementPolyfillSupport;
+i$4 === null || i$4 === void 0 ? void 0 : i$4({
+    LitElement: r$1
+});
+var o = {
+    _$AK: function(t, e, s) {
+        t._$AK(e, s);
+    },
+    _$AL: function(t) {
+        return t._$AL;
     }
-    _create_class$a(CustomElementRegistry, [
-        {
-            key: "define",
-            value: function define(name, ctor) {
-                if (this.__definitions.has(name)) {
-                    if (process.env.NODE_ENV === "development") {
-                        console.warn("'CustomElementRegistry' already has \"".concat(name, '" defined. ') + "This may have been caused by live reload or hot module " + "replacement in which case it can be safely ignored.\n" + "Make sure to test your application with a production build as " + "repeat registrations will throw in production.");
-                    } else {
-                        throw new Error("Failed to execute 'define' on 'CustomElementRegistry': " + 'the name "'.concat(name, '" has already been used with this registry'));
-                    }
-                }
-                // Provide tagName and localName for the component.
-                ctor.__localName = name;
-                var _ctor_observedAttributes;
-                this.__definitions.set(name, {
-                    ctor: ctor,
-                    // Note it's important we read `observedAttributes` in case it is a getter
-                    // with side-effects, as is the case in Lit, where it triggers class
-                    // finalization.
-                    //
-                    // TODO(aomarks) To be spec compliant, we should also capture the
-                    // registration-time lifecycle methods like `connectedCallback`. For them
-                    // to be actually accessible to e.g. the Lit SSR element renderer, though,
-                    // we'd need to introduce a new API for accessing them (since `get` only
-                    // returns the constructor).
-                    observedAttributes: (_ctor_observedAttributes = ctor.observedAttributes) !== null && _ctor_observedAttributes !== void 0 ? _ctor_observedAttributes : []
-                });
-            }
-        },
-        {
-            key: "get",
-            value: function get(name) {
-                var definition = this.__definitions.get(name);
-                return definition === null || definition === void 0 ? void 0 : definition.ctor;
-            }
-        }
-    ]);
-    return CustomElementRegistry;
-}();
-var CustomElementRegistryShimWithRealType = CustomElementRegistryShim;
-new CustomElementRegistryShimWithRealType();
+};
+var _litElementVersions;
+((_litElementVersions = (_globalThis1 = globalThis).litElementVersions) !== null && _litElementVersions !== void 0 ? _litElementVersions : _globalThis1.litElementVersions = []).push("4.1.1");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ var e$1 = {
+    attributeToProperty: o._$AK,
+    changedProperties: o._$AL
+};
 
 /**
  * @license