@decidables/decidables-elements 0.3.4 → 0.3.5

package/lib/decidablesElements.esm.js

@@ -3,21 +3,21 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$2 = window,
-  e$4 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
-  s$5 = Symbol(),
-  n$5 = new WeakMap();
-let o$5 = class o {
+const t$3 = window,
+  e$5 = t$3.ShadowRoot && (void 0 === t$3.ShadyCSS || t$3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
+  s$6 = Symbol(),
+  n$6 = new WeakMap();
+let o$6 = class o {
   constructor(t, e, n) {
-    if (this._$cssResult$ = !0, n !== s$5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, n !== s$6) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const s = this.t;
-    if (e$4 && void 0 === t) {
+    if (e$5 && void 0 === t) {
       const e = void 0 !== s && 1 === s.length;
-      e && (t = n$5.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && n$5.set(s, t));
+      e && (t = n$6.get(s)), void 0 === t && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && n$6.set(s, t));
     }
     return t;
   }
@@ -25,18 +25,18 @@ let o$5 = class o {
     return this.cssText;
   }
 };
-const r$4 = t => new o$5("string" == typeof t ? t : t + "", void 0, s$5),
-  S$2 = (s, n) => {
-    e$4 ? s.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(e => {
+const r$5 = t => new o$6("string" == typeof t ? t : t + "", void 0, s$6),
+  S$3 = (s, n) => {
+    e$5 ? s.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(e => {
       const n = document.createElement("style"),
-        o = t$2.litNonce;
+        o = t$3.litNonce;
       void 0 !== o && n.setAttribute("nonce", o), n.textContent = e.cssText, s.appendChild(n);
     });
   },
-  c$1 = e$4 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
+  c$2 = e$5 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
     let e = "";
     for (const s of t.cssRules) e += s.cssText;
-    return r$4(e);
+    return r$5(e);
   })(t) : t;
 
 /**
@@ -44,16 +44,16 @@ const r$4 = t => new o$5("string" == typeof t ? t : t + "", void 0, s$5),
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var s$4;
-const e$3 = window,
-  r$3 = e$3.trustedTypes,
-  h$2 = r$3 ? r$3.emptyScript : "",
-  o$4 = e$3.reactiveElementPolyfillSupport,
-  n$4 = {
+var s$5;
+const e$4 = window,
+  r$4 = e$4.trustedTypes,
+  h$3 = r$4 ? r$4.emptyScript : "",
+  o$5 = e$4.reactiveElementPolyfillSupport,
+  n$5 = {
     toAttribute(t, i) {
       switch (i) {
         case Boolean:
-          t = t ? h$2 : null;
+          t = t ? h$3 : null;
           break;
         case Object:
         case Array:
@@ -81,15 +81,15 @@ const e$3 = window,
       return s;
     }
   },
-  a$2 = (t, i) => i !== t && (i == i || t == t),
-  l$4 = {
+  a$3 = (t, i) => i !== t && (i == i || t == t),
+  l$5 = {
     attribute: !0,
     type: String,
-    converter: n$4,
+    converter: n$5,
     reflect: !1,
-    hasChanged: a$2
+    hasChanged: a$3
   };
-let d$1 = class d extends HTMLElement {
+let d$2 = class d extends HTMLElement {
   constructor() {
     super(), this._$Ei = new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
   }
@@ -105,7 +105,7 @@ let d$1 = class d extends HTMLElement {
       void 0 !== e && (this._$Ev.set(e, s), t.push(e));
     }), t;
   }
-  static createProperty(t, i = l$4) {
+  static createProperty(t, i = l$5) {
     if (i.state && (i.attribute = !1), this.finalize(), this.elementProperties.set(t, i), !i.noAccessor && !this.prototype.hasOwnProperty(t)) {
       const s = "symbol" == typeof t ? Symbol() : "__" + t,
         e = this.getPropertyDescriptor(t, s, i);
@@ -126,7 +126,7 @@ let d$1 = class d extends HTMLElement {
     };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) || l$4;
+    return this.elementProperties.get(t) || l$5;
   }
   static finalize() {
     if (this.hasOwnProperty("finalized")) return !1;
@@ -143,8 +143,8 @@ let d$1 = class d extends HTMLElement {
     const s = [];
     if (Array.isArray(i)) {
       const e = new Set(i.flat(1 / 0).reverse());
-      for (const i of e) s.unshift(c$1(i));
-    } else void 0 !== i && s.push(c$1(i));
+      for (const i of e) s.unshift(c$2(i));
+    } else void 0 !== i && s.push(c$2(i));
     return s;
   }
   static _$Ep(t, i) {
@@ -171,7 +171,7 @@ let d$1 = class d extends HTMLElement {
   createRenderRoot() {
     var t;
     const s = null !== (t = this.shadowRoot) && void 0 !== t ? t : this.attachShadow(this.constructor.shadowRootOptions);
-    return S$2(s, this.constructor.elementStyles), s;
+    return S$3(s, this.constructor.elementStyles), s;
   }
   connectedCallback() {
     var t;
@@ -191,11 +191,11 @@ let d$1 = class d extends HTMLElement {
   attributeChangedCallback(t, i, s) {
     this._$AK(t, s);
   }
-  _$EO(t, i, s = l$4) {
+  _$EO(t, i, s = l$5) {
     var e;
     const r = this.constructor._$Ep(t, s);
     if (void 0 !== r && !0 === s.reflect) {
-      const h = (void 0 !== (null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) ? s.converter : n$4).toAttribute(i, s.type);
+      const h = (void 0 !== (null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) ? s.converter : n$5).toAttribute(i, s.type);
       this._$El = t, null == h ? this.removeAttribute(r) : this.setAttribute(r, h), this._$El = null;
     }
   }
@@ -207,13 +207,13 @@ let d$1 = class d extends HTMLElement {
       const t = e.getPropertyOptions(r),
         h = "function" == typeof t.converter ? {
           fromAttribute: t.converter
-        } : void 0 !== (null === (s = t.converter) || void 0 === s ? void 0 : s.fromAttribute) ? t.converter : n$4;
+        } : void 0 !== (null === (s = t.converter) || void 0 === s ? void 0 : s.fromAttribute) ? t.converter : n$5;
       this._$El = r, this[r] = h.fromAttribute(i, t.type), this._$El = null;
     }
   }
   requestUpdate(t, i, s) {
     let e = !0;
-    void 0 !== t && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || a$2)(this[t], i) ? (this._$AL.has(t) || this._$AL.set(t, i), !0 === s.reflect && this._$El !== t && (void 0 === this._$EC && (this._$EC = new Map()), this._$EC.set(t, s))) : e = !1), !this.isUpdatePending && e && (this._$E_ = this._$Ej());
+    void 0 !== t && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || a$3)(this[t], i) ? (this._$AL.has(t) || this._$AL.set(t, i), !0 === s.reflect && this._$El !== t && (void 0 === this._$EC && (this._$EC = new Map()), this._$EC.set(t, s))) : e = !1), !this.isUpdatePending && e && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = !0;
@@ -270,72 +270,67 @@ let d$1 = class d extends HTMLElement {
   updated(t) {}
   firstUpdated(t) {}
 };
-d$1.finalized = !0, d$1.elementProperties = new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = {
+d$2.finalized = !0, d$2.elementProperties = new Map(), d$2.elementStyles = [], d$2.shadowRootOptions = {
   mode: "open"
-}, null == o$4 || o$4({
-  ReactiveElement: d$1
-}), (null !== (s$4 = e$3.reactiveElementVersions) && void 0 !== s$4 ? s$4 : e$3.reactiveElementVersions = []).push("1.6.1");
+}, null == o$5 || o$5({
+  ReactiveElement: d$2
+}), (null !== (s$5 = e$4.reactiveElementVersions) && void 0 !== s$5 ? s$5 : e$4.reactiveElementVersions = []).push("1.6.1");
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var t$1;
-const i$1 = window,
-  s$3 = i$1.trustedTypes,
-  e$2 = s$3 ? s$3.createPolicy("lit-html", {
+var t$2;
+const i$2 = window,
+  s$4 = i$2.trustedTypes,
+  e$3 = s$4 ? s$4.createPolicy("lit-html", {
     createHTML: t => t
   }) : void 0,
-  o$3 = "$lit$",
-  n$3 = `lit$${(Math.random() + "").slice(9)}$`,
-  l$3 = "?" + n$3,
-  h$1 = `<${l$3}>`,
-  r$2 = document,
-  d = () => r$2.createComment(""),
-  u = t => null === t || "object" != typeof t && "function" != typeof t,
-  c = Array.isArray,
-  v = t => c(t) || "function" == typeof (null == t ? void 0 : t[Symbol.iterator]),
-  a$1 = "[ \t\n\f\r]",
-  f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
-  _ = /-->/g,
-  m = />/g,
-  p = RegExp(`>|${a$1}(?:([^\\s"'>=/]+)(${a$1}*=${a$1}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"),
-  g = /'/g,
-  $ = /"/g,
-  y = /^(?:script|style|textarea|title)$/i,
-  w = t => (i, ...s) => ({
-    _$litType$: t,
-    strings: i,
-    values: s
-  }),
-  x = w(1),
-  b = w(2),
-  T = Symbol.for("lit-noChange"),
-  A = Symbol.for("lit-nothing"),
-  E = new WeakMap(),
-  C = r$2.createTreeWalker(r$2, 129, null, !1),
-  P = (t, i) => {
-    const s = t.length - 1,
-      l = [];
-    let r,
-      d = 2 === i ? "<svg>" : "",
-      u = f;
-    for (let i = 0; i < s; i++) {
-      const s = t[i];
-      let e,
-        c,
-        v = -1,
-        a = 0;
-      for (; a < s.length && (u.lastIndex = a, c = u.exec(s), null !== c);) a = u.lastIndex, u === f ? "!--" === c[1] ? u = _ : void 0 !== c[1] ? u = m : void 0 !== c[2] ? (y.test(c[2]) && (r = RegExp("</" + c[2], "g")), u = p) : void 0 !== c[3] && (u = p) : u === p ? ">" === c[0] ? (u = null != r ? r : f, v = -1) : void 0 === c[1] ? v = -2 : (v = u.lastIndex - c[2].length, e = c[1], u = void 0 === c[3] ? p : '"' === c[3] ? $ : g) : u === $ || u === g ? u = p : u === _ || u === m ? u = f : (u = p, r = void 0);
-      const w = u === p && t[i + 1].startsWith("/>") ? " " : "";
-      d += u === f ? s + h$1 : v >= 0 ? (l.push(e), s.slice(0, v) + o$3 + s.slice(v) + n$3 + w) : s + n$3 + (-2 === v ? (l.push(void 0), i) : w);
-    }
-    const c = d + (t[s] || "<?>") + (2 === i ? "</svg>" : "");
-    if (!Array.isArray(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
-    return [void 0 !== e$2 ? e$2.createHTML(c) : c, l];
-  };
-class V {
+  o$4 = "$lit$",
+  n$4 = `lit$${(Math.random() + "").slice(9)}$`,
+  l$4 = "?" + n$4,
+  h$2 = `<${l$4}>`,
+  r$3 = document,
+  u$1 = () => r$3.createComment(""),
+  d$1 = t => null === t || "object" != typeof t && "function" != typeof t,
+  c$1 = Array.isArray,
+  v$1 = t => c$1(t) || "function" == typeof (null == t ? void 0 : t[Symbol.iterator]),
+  a$2 = "[ \t\n\f\r]",
+  f$1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
+  _$1 = /-->/g,
+  m$1 = />/g,
+  p$1 = RegExp(`>|${a$2}(?:([^\\s"'>=/]+)(${a$2}*=${a$2}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"),
+  g$1 = /'/g,
+  $$1 = /"/g,
+  y$1 = /^(?:script|style|textarea|title)$/i,
+  T$1 = Symbol.for("lit-noChange"),
+  A$1 = Symbol.for("lit-nothing"),
+  E$1 = new WeakMap(),
+  C$1 = r$3.createTreeWalker(r$3, 129, null, !1);
+function P$1(t, i) {
+  if (!Array.isArray(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== e$3 ? e$3.createHTML(i) : i;
+}
+const V$1 = (t, i) => {
+  const s = t.length - 1,
+    e = [];
+  let l,
+    r = 2 === i ? "<svg>" : "",
+    u = f$1;
+  for (let i = 0; i < s; i++) {
+    const s = t[i];
+    let d,
+      c,
+      v = -1,
+      a = 0;
+    for (; a < s.length && (u.lastIndex = a, c = u.exec(s), null !== c);) a = u.lastIndex, u === f$1 ? "!--" === c[1] ? u = _$1 : void 0 !== c[1] ? u = m$1 : void 0 !== c[2] ? (y$1.test(c[2]) && (l = RegExp("</" + c[2], "g")), u = p$1) : void 0 !== c[3] && (u = p$1) : u === p$1 ? ">" === c[0] ? (u = null != l ? l : f$1, v = -1) : void 0 === c[1] ? v = -2 : (v = u.lastIndex - c[2].length, d = c[1], u = void 0 === c[3] ? p$1 : '"' === c[3] ? $$1 : g$1) : u === $$1 || u === g$1 ? u = p$1 : u === _$1 || u === m$1 ? u = f$1 : (u = p$1, l = void 0);
+    const w = u === p$1 && t[i + 1].startsWith("/>") ? " " : "";
+    r += u === f$1 ? s + h$2 : v >= 0 ? (e.push(d), s.slice(0, v) + o$4 + s.slice(v) + n$4 + w) : s + n$4 + (-2 === v ? (e.push(void 0), i) : w);
+  }
+  return [P$1(t, r + (t[s] || "<?>") + (2 === i ? "</svg>" : "")), e];
+};
+let N$1 = class N {
   constructor({
     strings: t,
     _$litType$: i
@@ -343,30 +338,30 @@ class V {
     let h;
     this.parts = [];
     let r = 0,
-      u = 0;
+      d = 0;
     const c = t.length - 1,
       v = this.parts,
-      [a, f] = P(t, i);
-    if (this.el = V.createElement(a, e), C.currentNode = this.el.content, 2 === i) {
+      [a, f] = V$1(t, i);
+    if (this.el = N.createElement(a, e), C$1.currentNode = this.el.content, 2 === i) {
       const t = this.el.content,
         i = t.firstChild;
       i.remove(), t.append(...i.childNodes);
     }
-    for (; null !== (h = C.nextNode()) && v.length < c;) {
+    for (; null !== (h = C$1.nextNode()) && v.length < c;) {
       if (1 === h.nodeType) {
         if (h.hasAttributes()) {
           const t = [];
-          for (const i of h.getAttributeNames()) if (i.endsWith(o$3) || i.startsWith(n$3)) {
-            const s = f[u++];
+          for (const i of h.getAttributeNames()) if (i.endsWith(o$4) || i.startsWith(n$4)) {
+            const s = f[d++];
             if (t.push(i), void 0 !== s) {
-              const t = h.getAttribute(s.toLowerCase() + o$3).split(n$3),
+              const t = h.getAttribute(s.toLowerCase() + o$4).split(n$4),
                 i = /([.?@])?(.*)/.exec(s);
               v.push({
                 type: 1,
                 index: r,
                 name: i[2],
                 strings: t,
-                ctor: "." === i[1] ? k : "?" === i[1] ? I : "@" === i[1] ? L : R
+                ctor: "." === i[1] ? H$1 : "?" === i[1] ? L$1 : "@" === i[1] ? z$1 : k$1
               });
             } else v.push({
               type: 6,
@@ -375,46 +370,46 @@ class V {
           }
           for (const i of t) h.removeAttribute(i);
         }
-        if (y.test(h.tagName)) {
-          const t = h.textContent.split(n$3),
+        if (y$1.test(h.tagName)) {
+          const t = h.textContent.split(n$4),
             i = t.length - 1;
           if (i > 0) {
-            h.textContent = s$3 ? s$3.emptyScript : "";
-            for (let s = 0; s < i; s++) h.append(t[s], d()), C.nextNode(), v.push({
+            h.textContent = s$4 ? s$4.emptyScript : "";
+            for (let s = 0; s < i; s++) h.append(t[s], u$1()), C$1.nextNode(), v.push({
               type: 2,
               index: ++r
             });
-            h.append(t[i], d());
+            h.append(t[i], u$1());
           }
         }
-      } else if (8 === h.nodeType) if (h.data === l$3) v.push({
+      } else if (8 === h.nodeType) if (h.data === l$4) v.push({
         type: 2,
         index: r
       });else {
         let t = -1;
-        for (; -1 !== (t = h.data.indexOf(n$3, t + 1));) v.push({
+        for (; -1 !== (t = h.data.indexOf(n$4, t + 1));) v.push({
           type: 7,
           index: r
-        }), t += n$3.length - 1;
+        }), t += n$4.length - 1;
       }
       r++;
     }
   }
   static createElement(t, i) {
-    const s = r$2.createElement("template");
+    const s = r$3.createElement("template");
     return s.innerHTML = t, s;
   }
-}
-function N(t, i, s = t, e) {
+};
+function S$2(t, i, s = t, e) {
   var o, n, l, h;
-  if (i === T) return i;
+  if (i === T$1) return i;
   let r = void 0 !== e ? null === (o = s._$Co) || void 0 === o ? void 0 : o[e] : s._$Cl;
-  const d = u(i) ? void 0 : i._$litDirective$;
-  return (null == r ? void 0 : r.constructor) !== d && (null === (n = null == r ? void 0 : r._$AO) || void 0 === n || n.call(r, !1), void 0 === d ? r = void 0 : (r = new d(t), r._$AT(t, s, e)), void 0 !== e ? (null !== (l = (h = s)._$Co) && void 0 !== l ? l : h._$Co = [])[e] = r : s._$Cl = r), void 0 !== r && (i = N(t, r._$AS(t, i.values), r, e)), i;
+  const u = d$1(i) ? void 0 : i._$litDirective$;
+  return (null == r ? void 0 : r.constructor) !== u && (null === (n = null == r ? void 0 : r._$AO) || void 0 === n || n.call(r, !1), void 0 === u ? r = void 0 : (r = new u(t), r._$AT(t, s, e)), void 0 !== e ? (null !== (l = (h = s)._$Co) && void 0 !== l ? l : h._$Co = [])[e] = r : s._$Cl = r), void 0 !== r && (i = S$2(t, r._$AS(t, i.values), r, e)), i;
 }
-let S$1 = class S {
+let M$1 = class M {
   constructor(t, i) {
-    this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -422,7 +417,7 @@ let S$1 = class S {
   get _$AU() {
     return this._$AM._$AU;
   }
-  v(t) {
+  u(t) {
     var i;
     const {
         el: {
@@ -430,34 +425,34 @@ let S$1 = class S {
         },
         parts: e
       } = this._$AD,
-      o = (null !== (i = null == t ? void 0 : t.creationScope) && void 0 !== i ? i : r$2).importNode(s, !0);
-    C.currentNode = o;
-    let n = C.nextNode(),
+      o = (null !== (i = null == t ? void 0 : t.creationScope) && void 0 !== i ? i : r$3).importNode(s, !0);
+    C$1.currentNode = o;
+    let n = C$1.nextNode(),
       l = 0,
       h = 0,
-      d = e[0];
-    for (; void 0 !== d;) {
-      if (l === d.index) {
+      u = e[0];
+    for (; void 0 !== u;) {
+      if (l === u.index) {
         let i;
-        2 === d.type ? i = new M(n, n.nextSibling, this, t) : 1 === d.type ? i = new d.ctor(n, d.name, d.strings, this, t) : 6 === d.type && (i = new z(n, this, t)), this.u.push(i), d = e[++h];
+        2 === u.type ? i = new R$1(n, n.nextSibling, this, t) : 1 === u.type ? i = new u.ctor(n, u.name, u.strings, this, t) : 6 === u.type && (i = new Z(n, this, t)), this._$AV.push(i), u = e[++h];
       }
-      l !== (null == d ? void 0 : d.index) && (n = C.nextNode(), l++);
+      l !== (null == u ? void 0 : u.index) && (n = C$1.nextNode(), l++);
     }
-    return o;
+    return C$1.currentNode = r$3, o;
   }
-  p(t) {
+  v(t) {
     let i = 0;
-    for (const s of this.u) void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
+    for (const s of this._$AV) void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
   }
 };
-class M {
+let R$1 = class R {
   constructor(t, i, s, e) {
     var o;
-    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cm = null === (o = null == e ? void 0 : e.isConnected) || void 0 === o || o;
+    this.type = 2, this._$AH = A$1, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cp = null === (o = null == e ? void 0 : e.isConnected) || void 0 === o || o;
   }
   get _$AU() {
     var t, i;
-    return null !== (i = null === (t = this._$AM) || void 0 === t ? void 0 : t._$AU) && void 0 !== i ? i : this._$Cm;
+    return null !== (i = null === (t = this._$AM) || void 0 === t ? void 0 : t._$AU) && void 0 !== i ? i : this._$Cp;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -471,40 +466,40 @@ class M {
     return this._$AB;
   }
   _$AI(t, i = this) {
-    t = N(this, t, i), u(t) ? t === A || null == t || "" === t ? (this._$AH !== A && this._$AR(), this._$AH = A) : t !== this._$AH && t !== T && this.g(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : v(t) ? this.k(t) : this.g(t);
+    t = S$2(this, t, i), d$1(t) ? t === A$1 || null == t || "" === t ? (this._$AH !== A$1 && this._$AR(), this._$AH = A$1) : t !== this._$AH && t !== T$1 && this._(t) : void 0 !== t._$litType$ ? this.g(t) : void 0 !== t.nodeType ? this.$(t) : v$1(t) ? this.T(t) : this._(t);
   }
-  S(t) {
+  k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
   }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
+  $(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
   }
-  g(t) {
-    this._$AH !== A && u(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r$2.createTextNode(t)), this._$AH = t;
+  _(t) {
+    this._$AH !== A$1 && d$1(this._$AH) ? this._$AA.nextSibling.data = t : this.$(r$3.createTextNode(t)), this._$AH = t;
   }
-  $(t) {
+  g(t) {
     var i;
     const {
         values: s,
         _$litType$: e
       } = t,
-      o = "number" == typeof e ? this._$AC(t) : (void 0 === e.el && (e.el = V.createElement(e.h, this.options)), e);
-    if ((null === (i = this._$AH) || void 0 === i ? void 0 : i._$AD) === o) this._$AH.p(s);else {
-      const t = new S$1(o, this),
-        i = t.v(this.options);
-      t.p(s), this.T(i), this._$AH = t;
+      o = "number" == typeof e ? this._$AC(t) : (void 0 === e.el && (e.el = N$1.createElement(P$1(e.h, e.h[0]), this.options)), e);
+    if ((null === (i = this._$AH) || void 0 === i ? void 0 : i._$AD) === o) this._$AH.v(s);else {
+      const t = new M$1(o, this),
+        i = t.u(this.options);
+      t.v(s), this.$(i), this._$AH = t;
     }
   }
   _$AC(t) {
-    let i = E.get(t.strings);
-    return void 0 === i && E.set(t.strings, i = new V(t)), i;
+    let i = E$1.get(t.strings);
+    return void 0 === i && E$1.set(t.strings, i = new N$1(t)), i;
   }
-  k(t) {
-    c(this._$AH) || (this._$AH = [], this._$AR());
+  T(t) {
+    c$1(this._$AH) || (this._$AH = [], this._$AR());
     const i = this._$AH;
     let s,
       e = 0;
-    for (const o of t) e === i.length ? i.push(s = new M(this.S(d()), this.S(d()), this, this.options)) : s = i[e], s._$AI(o), e++;
+    for (const o of t) e === i.length ? i.push(s = new R(this.k(u$1()), this.k(u$1()), this, this.options)) : s = i[e], s._$AI(o), e++;
     e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
   }
   _$AR(t = this._$AA.nextSibling, i) {
@@ -516,12 +511,12 @@ class M {
   }
   setConnected(t) {
     var i;
-    void 0 === this._$AM && (this._$Cm = t, null === (i = this._$AP) || void 0 === i || i.call(this, t));
+    void 0 === this._$AM && (this._$Cp = t, null === (i = this._$AP) || void 0 === i || i.call(this, t));
   }
-}
-class R {
+};
+let k$1 = class k {
   constructor(t, i, s, e, o) {
-    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = o, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = A;
+    this.type = 1, this._$AH = A$1, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = o, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = A$1;
   }
   get tagName() {
     return this.element.tagName;
@@ -532,52 +527,52 @@ class R {
   _$AI(t, i = this, s, e) {
     const o = this.strings;
     let n = !1;
-    if (void 0 === o) t = N(this, t, i, 0), n = !u(t) || t !== this._$AH && t !== T, n && (this._$AH = t);else {
+    if (void 0 === o) t = S$2(this, t, i, 0), n = !d$1(t) || t !== this._$AH && t !== T$1, n && (this._$AH = t);else {
       const e = t;
       let l, h;
-      for (t = o[0], l = 0; l < o.length - 1; l++) h = N(this, e[s + l], i, l), h === T && (h = this._$AH[l]), n || (n = !u(h) || h !== this._$AH[l]), h === A ? t = A : t !== A && (t += (null != h ? h : "") + o[l + 1]), this._$AH[l] = h;
+      for (t = o[0], l = 0; l < o.length - 1; l++) h = S$2(this, e[s + l], i, l), h === T$1 && (h = this._$AH[l]), n || (n = !d$1(h) || h !== this._$AH[l]), h === A$1 ? t = A$1 : t !== A$1 && (t += (null != h ? h : "") + o[l + 1]), this._$AH[l] = h;
     }
     n && !e && this.j(t);
   }
   j(t) {
-    t === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
+    t === A$1 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
   }
-}
-class k extends R {
+};
+let H$1 = class H extends k$1 {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === A ? void 0 : t;
+    this.element[this.name] = t === A$1 ? void 0 : t;
   }
-}
-const H = s$3 ? s$3.emptyScript : "";
-class I extends R {
+};
+const I$1 = s$4 ? s$4.emptyScript : "";
+let L$1 = class L extends k$1 {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    t && t !== A ? this.element.setAttribute(this.name, H) : this.element.removeAttribute(this.name);
+    t && t !== A$1 ? this.element.setAttribute(this.name, I$1) : this.element.removeAttribute(this.name);
   }
-}
-class L extends R {
+};
+let z$1 = class z extends k$1 {
   constructor(t, i, s, e, o) {
     super(t, i, s, e, o), this.type = 5;
   }
   _$AI(t, i = this) {
     var s;
-    if ((t = null !== (s = N(this, t, i, 0)) && void 0 !== s ? s : A) === T) return;
+    if ((t = null !== (s = S$2(this, t, i, 0)) && void 0 !== s ? s : A$1) === T$1) return;
     const e = this._$AH,
-      o = t === A && e !== A || t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive,
-      n = t !== A && (e === A || o);
+      o = t === A$1 && e !== A$1 || t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive,
+      n = t !== A$1 && (e === A$1 || o);
     o && this.element.removeEventListener(this.name, this, e), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var i, s;
     "function" == typeof this._$AH ? this._$AH.call(null !== (s = null === (i = this.options) || void 0 === i ? void 0 : i.host) && void 0 !== s ? s : this.element, t) : this._$AH.handleEvent(t);
   }
-}
-class z {
+};
+class Z {
   constructor(t, i, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
   }
@@ -585,63 +580,53 @@ class z {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    N(this, t);
+    S$2(this, t);
   }
 }
-const j = i$1.litHtmlPolyfillSupport;
-null == j || j(V, M), (null !== (t$1 = i$1.litHtmlVersions) && void 0 !== t$1 ? t$1 : i$1.litHtmlVersions = []).push("2.7.0");
-const B = (t, i, s) => {
-  var e, o;
-  const n = null !== (e = null == s ? void 0 : s.renderBefore) && void 0 !== e ? e : i;
-  let l = n._$litPart$;
-  if (void 0 === l) {
-    const t = null !== (o = null == s ? void 0 : s.renderBefore) && void 0 !== o ? o : null;
-    n._$litPart$ = l = new M(i.insertBefore(d(), t), t, void 0, null != s ? s : {});
-  }
-  return l._$AI(t), l;
-};
+const B$1 = i$2.litHtmlPolyfillSupport;
+null == B$1 || B$1(N$1, R$1), (null !== (t$2 = i$2.litHtmlVersions) && void 0 !== t$2 ? t$2 : i$2.litHtmlVersions = []).push("2.8.0");
 
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t = window.ShadowRoot && (void 0 === window.ShadyCSS || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
-  e$1 = Symbol(),
-  n$2 = new Map();
-let s$2 = class s {
+const t$1 = window.ShadowRoot && (void 0 === window.ShadyCSS || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype,
+  e$2 = Symbol(),
+  n$3 = new Map();
+let s$3 = class s {
   constructor(t, n) {
-    if (this._$cssResult$ = !0, n !== e$1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, n !== e$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t;
   }
   get styleSheet() {
-    let e = n$2.get(this.cssText);
-    return t && void 0 === e && (n$2.set(this.cssText, e = new CSSStyleSheet()), e.replaceSync(this.cssText)), e;
+    let e = n$3.get(this.cssText);
+    return t$1 && void 0 === e && (n$3.set(this.cssText, e = new CSSStyleSheet()), e.replaceSync(this.cssText)), e;
   }
   toString() {
     return this.cssText;
   }
 };
-const o$2 = t => new s$2("string" == typeof t ? t : t + "", e$1),
-  r$1 = (t, ...n) => {
+const o$3 = t => new s$3("string" == typeof t ? t : t + "", e$2),
+  r$2 = (t, ...n) => {
     const o = 1 === t.length ? t[0] : n.reduce((e, n, s) => e + (t => {
       if (!0 === t._$cssResult$) return t.cssText;
       if ("number" == typeof t) return t;
       throw Error("Value passed to 'css' function must be a 'css' function result: " + t + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
     })(n) + t[s + 1], t[0]);
-    return new s$2(o, e$1);
+    return new s$3(o, e$2);
   },
-  i = (e, n) => {
-    t ? e.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(t => {
+  i$1 = (e, n) => {
+    t$1 ? e.adoptedStyleSheets = n.map(t => t instanceof CSSStyleSheet ? t : t.styleSheet) : n.forEach(t => {
       const n = document.createElement("style"),
         s = window.litNonce;
       void 0 !== s && n.setAttribute("nonce", s), n.textContent = t.cssText, e.appendChild(n);
     });
   },
-  S = t ? t => t : t => t instanceof CSSStyleSheet ? (t => {
+  S$1 = t$1 ? t => t : t => t instanceof CSSStyleSheet ? (t => {
     let e = "";
     for (const n of t.cssRules) e += n.cssText;
-    return o$2(e);
+    return o$3(e);
   })(t) : t;
 
 /**
@@ -649,15 +634,15 @@ const o$2 = t => new s$2("string" == typeof t ? t : t + "", e$1),
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var s$1;
-const e = window.trustedTypes,
-  r = e ? e.emptyScript : "",
-  h = window.reactiveElementPolyfillSupport,
-  o$1 = {
+var s$2;
+const e$1 = window.trustedTypes,
+  r$1 = e$1 ? e$1.emptyScript : "",
+  h$1 = window.reactiveElementPolyfillSupport,
+  o$2 = {
     toAttribute(t, i) {
       switch (i) {
         case Boolean:
-          t = t ? r : null;
+          t = t ? r$1 : null;
           break;
         case Object:
         case Array:
@@ -685,15 +670,15 @@ const e = window.trustedTypes,
       return s;
     }
   },
-  n$1 = (t, i) => i !== t && (i == i || t == t),
-  l$2 = {
+  n$2 = (t, i) => i !== t && (i == i || t == t),
+  l$3 = {
     attribute: !0,
     type: String,
-    converter: o$1,
+    converter: o$2,
     reflect: !1,
-    hasChanged: n$1
+    hasChanged: n$2
   };
-class a extends HTMLElement {
+let a$1 = class a extends HTMLElement {
   constructor() {
     super(), this._$Et = new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$Ei = null, this.o();
   }
@@ -709,7 +694,7 @@ class a extends HTMLElement {
       void 0 !== e && (this._$Eu.set(e, s), t.push(e));
     }), t;
   }
-  static createProperty(t, i = l$2) {
+  static createProperty(t, i = l$3) {
     if (i.state && (i.attribute = !1), this.finalize(), this.elementProperties.set(t, i), !i.noAccessor && !this.prototype.hasOwnProperty(t)) {
       const s = "symbol" == typeof t ? Symbol() : "__" + t,
         e = this.getPropertyDescriptor(t, s, i);
@@ -730,7 +715,7 @@ class a extends HTMLElement {
     };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) || l$2;
+    return this.elementProperties.get(t) || l$3;
   }
   static finalize() {
     if (this.hasOwnProperty("finalized")) return !1;
@@ -747,8 +732,8 @@ class a extends HTMLElement {
     const s = [];
     if (Array.isArray(i)) {
       const e = new Set(i.flat(1 / 0).reverse());
-      for (const i of e) s.unshift(S(i));
-    } else void 0 !== i && s.push(S(i));
+      for (const i of e) s.unshift(S$1(i));
+    } else void 0 !== i && s.push(S$1(i));
     return s;
   }
   static _$Eh(t, i) {
@@ -775,7 +760,7 @@ class a extends HTMLElement {
   createRenderRoot() {
     var t;
     const s = null !== (t = this.shadowRoot) && void 0 !== t ? t : this.attachShadow(this.constructor.shadowRootOptions);
-    return i(s, this.constructor.elementStyles), s;
+    return i$1(s, this.constructor.elementStyles), s;
   }
   connectedCallback() {
     var t;
@@ -795,11 +780,11 @@ class a extends HTMLElement {
   attributeChangedCallback(t, i, s) {
     this._$AK(t, s);
   }
-  _$ES(t, i, s = l$2) {
+  _$ES(t, i, s = l$3) {
     var e, r;
     const h = this.constructor._$Eh(t, s);
     if (void 0 !== h && !0 === s.reflect) {
-      const n = (null !== (r = null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) && void 0 !== r ? r : o$1.toAttribute)(i, s.type);
+      const n = (null !== (r = null === (e = s.converter) || void 0 === e ? void 0 : e.toAttribute) && void 0 !== r ? r : o$2.toAttribute)(i, s.type);
       this._$Ei = t, null == n ? this.removeAttribute(h) : this.setAttribute(h, n), this._$Ei = null;
     }
   }
@@ -810,13 +795,13 @@ class a extends HTMLElement {
     if (void 0 !== n && this._$Ei !== n) {
       const t = h.getPropertyOptions(n),
         l = t.converter,
-        a = null !== (r = null !== (e = null === (s = l) || void 0 === s ? void 0 : s.fromAttribute) && void 0 !== e ? e : "function" == typeof l ? l : null) && void 0 !== r ? r : o$1.fromAttribute;
+        a = null !== (r = null !== (e = null === (s = l) || void 0 === s ? void 0 : s.fromAttribute) && void 0 !== e ? e : "function" == typeof l ? l : null) && void 0 !== r ? r : o$2.fromAttribute;
       this._$Ei = n, this[n] = a(i, t.type), this._$Ei = null;
     }
   }
   requestUpdate(t, i, s) {
     let e = !0;
-    void 0 !== t && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || n$1)(this[t], i) ? (this._$AL.has(t) || this._$AL.set(t, i), !0 === s.reflect && this._$Ei !== t && (void 0 === this._$EC && (this._$EC = new Map()), this._$EC.set(t, s))) : e = !1), !this.isUpdatePending && e && (this._$Ep = this._$E_());
+    void 0 !== t && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || n$2)(this[t], i) ? (this._$AL.has(t) || this._$AL.set(t, i), !0 === s.reflect && this._$Ei !== t && (void 0 === this._$EC && (this._$EC = new Map()), this._$EC.set(t, s))) : e = !1), !this.isUpdatePending && e && (this._$Ep = this._$E_());
   }
   async _$E_() {
     this.isUpdatePending = !0;
@@ -872,12 +857,337 @@ class a extends HTMLElement {
   }
   updated(t) {}
   firstUpdated(t) {}
-}
-a.finalized = !0, a.elementProperties = new Map(), a.elementStyles = [], a.shadowRootOptions = {
+};
+a$1.finalized = !0, a$1.elementProperties = new Map(), a$1.elementStyles = [], a$1.shadowRootOptions = {
   mode: "open"
-}, null == h || h({
-  ReactiveElement: a
-}), (null !== (s$1 = globalThis.reactiveElementVersions) && void 0 !== s$1 ? s$1 : globalThis.reactiveElementVersions = []).push("1.3.1");
+}, null == h$1 || h$1({
+  ReactiveElement: a$1
+}), (null !== (s$2 = globalThis.reactiveElementVersions) && void 0 !== s$2 ? s$2 : globalThis.reactiveElementVersions = []).push("1.3.1");
+
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var t;
+const i = window,
+  s$1 = i.trustedTypes,
+  e = s$1 ? s$1.createPolicy("lit-html", {
+    createHTML: t => t
+  }) : void 0,
+  o$1 = "$lit$",
+  n$1 = `lit$${(Math.random() + "").slice(9)}$`,
+  l$2 = "?" + n$1,
+  h = `<${l$2}>`,
+  r = document,
+  d = () => r.createComment(""),
+  u = t => null === t || "object" != typeof t && "function" != typeof t,
+  c = Array.isArray,
+  v = t => c(t) || "function" == typeof (null == t ? void 0 : t[Symbol.iterator]),
+  a = "[ \t\n\f\r]",
+  f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
+  _ = /-->/g,
+  m = />/g,
+  p = RegExp(`>|${a}(?:([^\\s"'>=/]+)(${a}*=${a}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"),
+  g = /'/g,
+  $ = /"/g,
+  y = /^(?:script|style|textarea|title)$/i,
+  w = t => (i, ...s) => ({
+    _$litType$: t,
+    strings: i,
+    values: s
+  }),
+  x = w(1),
+  b = w(2),
+  T = Symbol.for("lit-noChange"),
+  A = Symbol.for("lit-nothing"),
+  E = new WeakMap(),
+  C = r.createTreeWalker(r, 129, null, !1),
+  P = (t, i) => {
+    const s = t.length - 1,
+      l = [];
+    let r,
+      d = 2 === i ? "<svg>" : "",
+      u = f;
+    for (let i = 0; i < s; i++) {
+      const s = t[i];
+      let e,
+        c,
+        v = -1,
+        a = 0;
+      for (; a < s.length && (u.lastIndex = a, c = u.exec(s), null !== c);) a = u.lastIndex, u === f ? "!--" === c[1] ? u = _ : void 0 !== c[1] ? u = m : void 0 !== c[2] ? (y.test(c[2]) && (r = RegExp("</" + c[2], "g")), u = p) : void 0 !== c[3] && (u = p) : u === p ? ">" === c[0] ? (u = null != r ? r : f, v = -1) : void 0 === c[1] ? v = -2 : (v = u.lastIndex - c[2].length, e = c[1], u = void 0 === c[3] ? p : '"' === c[3] ? $ : g) : u === $ || u === g ? u = p : u === _ || u === m ? u = f : (u = p, r = void 0);
+      const w = u === p && t[i + 1].startsWith("/>") ? " " : "";
+      d += u === f ? s + h : v >= 0 ? (l.push(e), s.slice(0, v) + o$1 + s.slice(v) + n$1 + w) : s + n$1 + (-2 === v ? (l.push(void 0), i) : w);
+    }
+    const c = d + (t[s] || "<?>") + (2 === i ? "</svg>" : "");
+    if (!Array.isArray(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+    return [void 0 !== e ? e.createHTML(c) : c, l];
+  };
+class V {
+  constructor({
+    strings: t,
+    _$litType$: i
+  }, e) {
+    let h;
+    this.parts = [];
+    let r = 0,
+      u = 0;
+    const c = t.length - 1,
+      v = this.parts,
+      [a, f] = P(t, i);
+    if (this.el = V.createElement(a, e), C.currentNode = this.el.content, 2 === i) {
+      const t = this.el.content,
+        i = t.firstChild;
+      i.remove(), t.append(...i.childNodes);
+    }
+    for (; null !== (h = C.nextNode()) && v.length < c;) {
+      if (1 === h.nodeType) {
+        if (h.hasAttributes()) {
+          const t = [];
+          for (const i of h.getAttributeNames()) if (i.endsWith(o$1) || i.startsWith(n$1)) {
+            const s = f[u++];
+            if (t.push(i), void 0 !== s) {
+              const t = h.getAttribute(s.toLowerCase() + o$1).split(n$1),
+                i = /([.?@])?(.*)/.exec(s);
+              v.push({
+                type: 1,
+                index: r,
+                name: i[2],
+                strings: t,
+                ctor: "." === i[1] ? k : "?" === i[1] ? I : "@" === i[1] ? L : R
+              });
+            } else v.push({
+              type: 6,
+              index: r
+            });
+          }
+          for (const i of t) h.removeAttribute(i);
+        }
+        if (y.test(h.tagName)) {
+          const t = h.textContent.split(n$1),
+            i = t.length - 1;
+          if (i > 0) {
+            h.textContent = s$1 ? s$1.emptyScript : "";
+            for (let s = 0; s < i; s++) h.append(t[s], d()), C.nextNode(), v.push({
+              type: 2,
+              index: ++r
+            });
+            h.append(t[i], d());
+          }
+        }
+      } else if (8 === h.nodeType) if (h.data === l$2) v.push({
+        type: 2,
+        index: r
+      });else {
+        let t = -1;
+        for (; -1 !== (t = h.data.indexOf(n$1, t + 1));) v.push({
+          type: 7,
+          index: r
+        }), t += n$1.length - 1;
+      }
+      r++;
+    }
+  }
+  static createElement(t, i) {
+    const s = r.createElement("template");
+    return s.innerHTML = t, s;
+  }
+}
+function N(t, i, s = t, e) {
+  var o, n, l, h;
+  if (i === T) return i;
+  let r = void 0 !== e ? null === (o = s._$Co) || void 0 === o ? void 0 : o[e] : s._$Cl;
+  const d = u(i) ? void 0 : i._$litDirective$;
+  return (null == r ? void 0 : r.constructor) !== d && (null === (n = null == r ? void 0 : r._$AO) || void 0 === n || n.call(r, !1), void 0 === d ? r = void 0 : (r = new d(t), r._$AT(t, s, e)), void 0 !== e ? (null !== (l = (h = s)._$Co) && void 0 !== l ? l : h._$Co = [])[e] = r : s._$Cl = r), void 0 !== r && (i = N(t, r._$AS(t, i.values), r, e)), i;
+}
+class S {
+  constructor(t, i) {
+    this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  v(t) {
+    var i;
+    const {
+        el: {
+          content: s
+        },
+        parts: e
+      } = this._$AD,
+      o = (null !== (i = null == t ? void 0 : t.creationScope) && void 0 !== i ? i : r).importNode(s, !0);
+    C.currentNode = o;
+    let n = C.nextNode(),
+      l = 0,
+      h = 0,
+      d = e[0];
+    for (; void 0 !== d;) {
+      if (l === d.index) {
+        let i;
+        2 === d.type ? i = new M(n, n.nextSibling, this, t) : 1 === d.type ? i = new d.ctor(n, d.name, d.strings, this, t) : 6 === d.type && (i = new z(n, this, t)), this.u.push(i), d = e[++h];
+      }
+      l !== (null == d ? void 0 : d.index) && (n = C.nextNode(), l++);
+    }
+    return o;
+  }
+  p(t) {
+    let i = 0;
+    for (const s of this.u) void 0 !== s && (void 0 !== s.strings ? (s._$AI(t, s, i), i += s.strings.length - 2) : s._$AI(t[i])), i++;
+  }
+}
+class M {
+  constructor(t, i, s, e) {
+    var o;
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = s, this.options = e, this._$Cm = null === (o = null == e ? void 0 : e.isConnected) || void 0 === o || o;
+  }
+  get _$AU() {
+    var t, i;
+    return null !== (i = null === (t = this._$AM) || void 0 === t ? void 0 : t._$AU) && void 0 !== i ? i : this._$Cm;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const i = this._$AM;
+    return void 0 !== i && 11 === (null == t ? void 0 : t.nodeType) && (t = i.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, i = this) {
+    t = N(this, t, i), u(t) ? t === A || null == t || "" === t ? (this._$AH !== A && this._$AR(), this._$AH = A) : t !== this._$AH && t !== T && this.g(t) : void 0 !== t._$litType$ ? this.$(t) : void 0 !== t.nodeType ? this.T(t) : v(t) ? this.k(t) : this.g(t);
+  }
+  S(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
+  }
+  g(t) {
+    this._$AH !== A && u(this._$AH) ? this._$AA.nextSibling.data = t : this.T(r.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var i;
+    const {
+        values: s,
+        _$litType$: e
+      } = t,
+      o = "number" == typeof e ? this._$AC(t) : (void 0 === e.el && (e.el = V.createElement(e.h, this.options)), e);
+    if ((null === (i = this._$AH) || void 0 === i ? void 0 : i._$AD) === o) this._$AH.p(s);else {
+      const t = new S(o, this),
+        i = t.v(this.options);
+      t.p(s), this.T(i), this._$AH = t;
+    }
+  }
+  _$AC(t) {
+    let i = E.get(t.strings);
+    return void 0 === i && E.set(t.strings, i = new V(t)), i;
+  }
+  k(t) {
+    c(this._$AH) || (this._$AH = [], this._$AR());
+    const i = this._$AH;
+    let s,
+      e = 0;
+    for (const o of t) e === i.length ? i.push(s = new M(this.S(d()), this.S(d()), this, this.options)) : s = i[e], s._$AI(o), e++;
+    e < i.length && (this._$AR(s && s._$AB.nextSibling, e), i.length = e);
+  }
+  _$AR(t = this._$AA.nextSibling, i) {
+    var s;
+    for (null === (s = this._$AP) || void 0 === s || s.call(this, !1, !0, i); t && t !== this._$AB;) {
+      const i = t.nextSibling;
+      t.remove(), t = i;
+    }
+  }
+  setConnected(t) {
+    var i;
+    void 0 === this._$AM && (this._$Cm = t, null === (i = this._$AP) || void 0 === i || i.call(this, t));
+  }
+}
+class R {
+  constructor(t, i, s, e, o) {
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t, this.name = i, this._$AM = e, this.options = o, s.length > 2 || "" !== s[0] || "" !== s[1] ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = A;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, i = this, s, e) {
+    const o = this.strings;
+    let n = !1;
+    if (void 0 === o) t = N(this, t, i, 0), n = !u(t) || t !== this._$AH && t !== T, n && (this._$AH = t);else {
+      const e = t;
+      let l, h;
+      for (t = o[0], l = 0; l < o.length - 1; l++) h = N(this, e[s + l], i, l), h === T && (h = this._$AH[l]), n || (n = !u(h) || h !== this._$AH[l]), h === A ? t = A : t !== A && (t += (null != h ? h : "") + o[l + 1]), this._$AH[l] = h;
+    }
+    n && !e && this.j(t);
+  }
+  j(t) {
+    t === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t ? t : "");
+  }
+}
+class k extends R {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === A ? void 0 : t;
+  }
+}
+const H = s$1 ? s$1.emptyScript : "";
+class I extends R {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== A ? this.element.setAttribute(this.name, H) : this.element.removeAttribute(this.name);
+  }
+}
+class L extends R {
+  constructor(t, i, s, e, o) {
+    super(t, i, s, e, o), this.type = 5;
+  }
+  _$AI(t, i = this) {
+    var s;
+    if ((t = null !== (s = N(this, t, i, 0)) && void 0 !== s ? s : A) === T) return;
+    const e = this._$AH,
+      o = t === A && e !== A || t.capture !== e.capture || t.once !== e.once || t.passive !== e.passive,
+      n = t !== A && (e === A || o);
+    o && this.element.removeEventListener(this.name, this, e), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var i, s;
+    "function" == typeof this._$AH ? this._$AH.call(null !== (s = null === (i = this.options) || void 0 === i ? void 0 : i.host) && void 0 !== s ? s : this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class z {
+  constructor(t, i, s) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = s;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    N(this, t);
+  }
+}
+const j = i.litHtmlPolyfillSupport;
+null == j || j(V, M), (null !== (t = i.litHtmlVersions) && void 0 !== t ? t : i.litHtmlVersions = []).push("2.7.0");
+const B = (t, i, s) => {
+  var e, o;
+  const n = null !== (e = null == s ? void 0 : s.renderBefore) && void 0 !== e ? e : i;
+  let l = n._$litPart$;
+  if (void 0 === l) {
+    const t = null !== (o = null == s ? void 0 : s.renderBefore) && void 0 !== o ? o : null;
+    n._$litPart$ = l = new M(i.insertBefore(d(), t), t, void 0, null != s ? s : {});
+  }
+  return l._$AI(t), l;
+};
 
 /**
  * @license
@@ -885,7 +1195,7 @@ a.finalized = !0, a.elementProperties = new Map(), a.elementStyles = [], a.shado
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var l$1, o;
-class s extends a {
+class s extends a$1 {
   constructor() {
     super(...arguments), this.renderOptions = {
       host: this
@@ -3526,24 +3836,24 @@ class DecidablesElement extends s {
     `;
   }
   static get styles() {
-    return r$1`
+    return r$2`
       :host {
-        ---shadow-0: var(--shadow-0, ${o$2(this.cssBoxShadow(0))});
-        ---shadow-2: var(--shadow-2, ${o$2(this.cssBoxShadow(2))});
-        ---shadow-4: var(--shadow-4, ${o$2(this.cssBoxShadow(4))});
-        ---shadow-8: var(--shadow-8, ${o$2(this.cssBoxShadow(8))});
-
-        ---color-background: var(--color-background, ${o$2(this.greys.white)});
-        ---color-border: var(--color-border, ${o$2(this.greys.light75)});
-        ---color-text: var(--color-text, ${o$2(this.greys.dark75)});
-        ---color-text-inverse: var(--color-text-inverse, ${o$2(this.greys.white)});
-        ---color-link: var(--color-link, ${o$2(this.greys.dark25)});
-        ---color-element-background: var(--color-element-background, ${o$2(this.greys.light75)});
-        ---color-element-disabled: var(--color-element-disabled, ${o$2(this.greys.light50)});
-        ---color-element-enabled: var(--color-element-enabled, ${o$2(this.greys.dark25)});
-        ---color-element-selected: var(--color-element-selected, ${o$2(this.greys.grey)});
-        ---color-element-border: var(--color-element-border, ${o$2(this.greys.dark50)});
-        ---color-element-emphasis: var(--color-element-emphasis, ${o$2(this.greys.dark75)});
+        ---shadow-0: var(--shadow-0, ${o$3(this.cssBoxShadow(0))});
+        ---shadow-2: var(--shadow-2, ${o$3(this.cssBoxShadow(2))});
+        ---shadow-4: var(--shadow-4, ${o$3(this.cssBoxShadow(4))});
+        ---shadow-8: var(--shadow-8, ${o$3(this.cssBoxShadow(8))});
+
+        ---color-background: var(--color-background, ${o$3(this.greys.white)});
+        ---color-border: var(--color-border, ${o$3(this.greys.light75)});
+        ---color-text: var(--color-text, ${o$3(this.greys.dark75)});
+        ---color-text-inverse: var(--color-text-inverse, ${o$3(this.greys.white)});
+        ---color-link: var(--color-link, ${o$3(this.greys.dark25)});
+        ---color-element-background: var(--color-element-background, ${o$3(this.greys.light75)});
+        ---color-element-disabled: var(--color-element-disabled, ${o$3(this.greys.light50)});
+        ---color-element-enabled: var(--color-element-enabled, ${o$3(this.greys.dark25)});
+        ---color-element-selected: var(--color-element-selected, ${o$3(this.greys.grey)});
+        ---color-element-border: var(--color-element-border, ${o$3(this.greys.dark50)});
+        ---color-element-emphasis: var(--color-element-emphasis, ${o$3(this.greys.dark75)});
 
         ---font-family-base: var(--font-family-base, "Source Sans", sans-serif);
         ---font-family-math: var(--font-family-math, "Source Serif", serif);
@@ -3604,7 +3914,7 @@ class DecidablesButton extends DecidablesElement {
     this.disabled = false;
   }
   static get styles() {
-    return [super.styles, r$1`
+    return [super.styles, r$2`
         :host {
           margin: 0.25rem;
         }
@@ -3674,7 +3984,7 @@ customElements.define('decidables-button', DecidablesButton);
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const l = l => null != l ? l : A;
+const l = l => null != l ? l : A$1;
 
 class DecidablesSlider extends DecidablesElement {
   static get properties() {
@@ -3729,11 +4039,11 @@ class DecidablesSlider extends DecidablesElement {
     this.value = event.target.value;
   }
   static get styles() {
-    return [super.styles, r$1`
+    return [super.styles, r$2`
         :host {
-          ---shadow-2-rotate: var(--shadow-2-rotate, ${o$2(this.cssBoxShadow(2, true, false))});
-          ---shadow-4-rotate: var(--shadow-4-rotate, ${o$2(this.cssBoxShadow(4, true, false))});
-          ---shadow-8-rotate: var(--shadow-8-rotate, ${o$2(this.cssBoxShadow(8, true, false))});
+          ---shadow-2-rotate: var(--shadow-2-rotate, ${o$3(this.cssBoxShadow(2, true, false))});
+          ---shadow-4-rotate: var(--shadow-4-rotate, ${o$3(this.cssBoxShadow(4, true, false))});
+          ---shadow-8-rotate: var(--shadow-8-rotate, ${o$3(this.cssBoxShadow(8, true, false))});
 
           display: flex;
 
@@ -4039,7 +4349,7 @@ class DecidablesSpinner extends DecidablesElement {
     this.value = event.target.value;
   }
   static get styles() {
-    return [super.styles, r$1`
+    return [super.styles, r$2`
         :host {
           ---decidables-spinner-font-size: var(--decidables-spinner-font-size, 1.125rem);
           ---decidables-spinner-input-width: var(--decidables-spinner-input-width, 4rem);
@@ -4163,7 +4473,7 @@ class DecidablesSwitch extends DecidablesElement {
     }));
   }
   static get styles() {
-    return [super.styles, r$1`
+    return [super.styles, r$2`
         :host {
           display: flex;
 
@@ -4315,7 +4625,7 @@ class DecidablesToggle extends DecidablesElement {
     this.disabled = false;
   }
   static get styles() {
-    return [super.styles, r$1`
+    return [super.styles, r$2`
         fieldset {
           display: flex;
 
@@ -4390,7 +4700,7 @@ class DecidablesToggleOption extends DecidablesElement {
     }));
   }
   static get styles() {
-    return [super.styles, r$1`
+    return [super.styles, r$2`
         :host {
           display: flex;
         }