joe-header 2.0.10 → 2.0.12

package/dist/joe-header.js

@@ -3,19 +3,19 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$1 = window, e$4 = t$1.ShadowRoot && (void 0 === t$1.ShadyCSS || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$3 = Symbol(), n$4 = /* @__PURE__ */ new WeakMap();
-class o$3 {
+const t$2 = window, e$6 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$5 = Symbol(), n$7 = /* @__PURE__ */ new WeakMap();
+class o$5 {
   constructor(t2, e2, n2) {
-    if (this._$cssResult$ = true, n2 !== s$3)
+    if (this._$cssResult$ = true, n2 !== s$5)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t2, this.t = e2;
   }
   get styleSheet() {
     let t2 = this.o;
     const s2 = this.t;
-    if (e$4 && void 0 === t2) {
+    if (e$6 && void 0 === t2) {
       const e2 = void 0 !== s2 && 1 === s2.length;
-      e2 && (t2 = n$4.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$4.set(s2, t2));
+      e2 && (t2 = n$7.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$7.set(s2, t2));
     }
     return t2;
   }
@@ -23,36 +23,27 @@ class o$3 {
     return this.cssText;
   }
 }
-const r$2 = (t2) => new o$3("string" == typeof t2 ? t2 : t2 + "", void 0, s$3), i$2 = (t2, ...e2) => {
-  const n2 = 1 === t2.length ? t2[0] : e2.reduce((e3, s2, n3) => e3 + ((t3) => {
-    if (true === t3._$cssResult$)
-      return t3.cssText;
-    if ("number" == typeof t3)
-      return t3;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s2) + t2[n3 + 1], t2[0]);
-  return new o$3(n2, t2, s$3);
-}, S$1 = (s2, n2) => {
-  e$4 ? s2.adoptedStyleSheets = n2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet) : n2.forEach((e2) => {
-    const n3 = document.createElement("style"), o2 = t$1.litNonce;
+const r$4 = (t2) => new o$5("string" == typeof t2 ? t2 : t2 + "", void 0, s$5), S$2 = (s2, n2) => {
+  e$6 ? s2.adoptedStyleSheets = n2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet) : n2.forEach((e2) => {
+    const n3 = document.createElement("style"), o2 = t$2.litNonce;
     void 0 !== o2 && n3.setAttribute("nonce", o2), n3.textContent = e2.cssText, s2.appendChild(n3);
   });
-}, c$1 = e$4 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
+}, c$2 = e$6 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
   let e2 = "";
   for (const s2 of t3.cssRules)
     e2 += s2.cssText;
-  return r$2(e2);
+  return r$4(e2);
 })(t2) : t2;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var s$2;
-const e$3 = window, r$1 = e$3.trustedTypes, h$1 = r$1 ? r$1.emptyScript : "", o$2 = e$3.reactiveElementPolyfillSupport, n$3 = { toAttribute(t2, i2) {
+var s$4;
+const e$5 = window, r$3 = e$5.trustedTypes, h$2 = r$3 ? r$3.emptyScript : "", o$4 = e$5.reactiveElementPolyfillSupport, n$6 = { toAttribute(t2, i2) {
   switch (i2) {
     case Boolean:
-      t2 = t2 ? h$1 : null;
+      t2 = t2 ? h$2 : null;
       break;
     case Object:
     case Array:
@@ -77,14 +68,14 @@ const e$3 = window, r$1 = e$3.trustedTypes, h$1 = r$1 ? r$1.emptyScript : "", o$
       }
   }
   return s2;
-} }, a$1 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$2 = { attribute: true, type: String, converter: n$3, reflect: false, hasChanged: a$1 };
-class d$1 extends HTMLElement {
+} }, a$2 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$3 = { attribute: true, type: String, converter: n$6, reflect: false, hasChanged: a$2 }, d$2 = "finalized";
+class u$1 extends HTMLElement {
   constructor() {
-    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$El = null, this.u();
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$El = null, this._$Eu();
   }
   static addInitializer(t2) {
     var i2;
-    null !== (i2 = this.h) && void 0 !== i2 || (this.h = []), this.h.push(t2);
+    this.finalize(), (null !== (i2 = this.h) && void 0 !== i2 ? i2 : this.h = []).push(t2);
   }
   static get observedAttributes() {
     this.finalize();
@@ -94,7 +85,7 @@ class d$1 extends HTMLElement {
       void 0 !== e2 && (this._$Ev.set(e2, s2), t2.push(e2));
     }), t2;
   }
-  static createProperty(t2, i2 = l$2) {
+  static createProperty(t2, i2 = l$3) {
     if (i2.state && (i2.attribute = false), this.finalize(), this.elementProperties.set(t2, i2), !i2.noAccessor && !this.prototype.hasOwnProperty(t2)) {
       const s2 = "symbol" == typeof t2 ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s2, i2);
       void 0 !== e2 && Object.defineProperty(this.prototype, t2, e2);
@@ -109,14 +100,14 @@ class d$1 extends HTMLElement {
     }, configurable: true, enumerable: true };
   }
   static getPropertyOptions(t2) {
-    return this.elementProperties.get(t2) || l$2;
+    return this.elementProperties.get(t2) || l$3;
   }
   static finalize() {
-    if (this.hasOwnProperty("finalized"))
+    if (this.hasOwnProperty(d$2))
       return false;
-    this.finalized = true;
+    this[d$2] = true;
     const t2 = Object.getPrototypeOf(this);
-    if (t2.finalize(), this.elementProperties = new Map(t2.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+    if (t2.finalize(), void 0 !== t2.h && (this.h = [...t2.h]), this.elementProperties = new Map(t2.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
       const t3 = this.properties, i2 = [...Object.getOwnPropertyNames(t3), ...Object.getOwnPropertySymbols(t3)];
       for (const s2 of i2)
         this.createProperty(s2, t3[s2]);
@@ -128,16 +119,16 @@ class d$1 extends HTMLElement {
     if (Array.isArray(i2)) {
       const e2 = new Set(i2.flat(1 / 0).reverse());
       for (const i3 of e2)
-        s2.unshift(c$1(i3));
+        s2.unshift(c$2(i3));
     } else
-      void 0 !== i2 && s2.push(c$1(i2));
+      void 0 !== i2 && s2.push(c$2(i2));
     return s2;
   }
   static _$Ep(t2, i2) {
     const s2 = i2.attribute;
     return false === s2 ? void 0 : "string" == typeof s2 ? s2 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
   }
-  u() {
+  _$Eu() {
     var t2;
     this._$E_ = new Promise((t3) => this.enableUpdating = t3), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), null === (t2 = this.constructor.h) || void 0 === t2 || t2.forEach((t3) => t3(this));
   }
@@ -157,7 +148,7 @@ class d$1 extends HTMLElement {
   createRenderRoot() {
     var t2;
     const s2 = null !== (t2 = this.shadowRoot) && void 0 !== t2 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
-    return S$1(s2, this.constructor.elementStyles), s2;
+    return S$2(s2, this.constructor.elementStyles), s2;
   }
   connectedCallback() {
     var t2;
@@ -178,11 +169,11 @@ class d$1 extends HTMLElement {
   attributeChangedCallback(t2, i2, s2) {
     this._$AK(t2, s2);
   }
-  _$EO(t2, i2, s2 = l$2) {
+  _$EO(t2, i2, s2 = l$3) {
     var e2;
     const r2 = this.constructor._$Ep(t2, s2);
     if (void 0 !== r2 && true === s2.reflect) {
-      const h2 = (void 0 !== (null === (e2 = s2.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s2.converter : n$3).toAttribute(i2, s2.type);
+      const h2 = (void 0 !== (null === (e2 = s2.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s2.converter : n$6).toAttribute(i2, s2.type);
       this._$El = t2, null == h2 ? this.removeAttribute(r2) : this.setAttribute(r2, h2), this._$El = null;
     }
   }
@@ -190,13 +181,13 @@ class d$1 extends HTMLElement {
     var s2;
     const e2 = this.constructor, r2 = e2._$Ev.get(t2);
     if (void 0 !== r2 && this._$El !== r2) {
-      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s2 = t3.converter) || void 0 === s2 ? void 0 : s2.fromAttribute) ? t3.converter : n$3;
+      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s2 = t3.converter) || void 0 === s2 ? void 0 : s2.fromAttribute) ? t3.converter : n$6;
       this._$El = r2, this[r2] = h2.fromAttribute(i2, t3.type), this._$El = null;
     }
   }
   requestUpdate(t2, i2, s2) {
     let e2 = true;
-    void 0 !== t2 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || a$1)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), true === s2.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
+    void 0 !== t2 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || a$2)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), true === s2.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = true;
@@ -257,104 +248,95 @@ class d$1 extends HTMLElement {
   firstUpdated(t2) {
   }
 }
-d$1.finalized = true, d$1.elementProperties = /* @__PURE__ */ new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = { mode: "open" }, null == o$2 || o$2({ ReactiveElement: d$1 }), (null !== (s$2 = e$3.reactiveElementVersions) && void 0 !== s$2 ? s$2 : e$3.reactiveElementVersions = []).push("1.4.1");
+u$1[d$2] = true, u$1.elementProperties = /* @__PURE__ */ new Map(), u$1.elementStyles = [], u$1.shadowRootOptions = { mode: "open" }, null == o$4 || o$4({ ReactiveElement: u$1 }), (null !== (s$4 = e$5.reactiveElementVersions) && void 0 !== s$4 ? s$4 : e$5.reactiveElementVersions = []).push("1.6.3");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var t;
-const i$1 = window, s$1 = i$1.trustedTypes, e$2 = s$1 ? s$1.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$1 = `lit$${(Math.random() + "").slice(9)}$`, n$2 = "?" + o$1, l$1 = `<${n$2}>`, h = document, r = (t2 = "") => h.createComment(t2), d = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u = Array.isArray, c = (t2) => u(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, a = /-->/g, f = />/g, _ = RegExp(`>|[ 	
-\f\r](?:([^\\s"'>=/]+)([ 	
-\f\r]*=[ 	
-\f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), m = /'/g, p = /"/g, $ = /^(?:script|style|textarea|title)$/i, g = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), y = g(1), x = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), T = /* @__PURE__ */ new WeakMap(), A = (t2, i2, s2) => {
-  var e2, o2;
-  const n2 = null !== (e2 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== e2 ? e2 : i2;
-  let l2 = n2._$litPart$;
-  if (void 0 === l2) {
-    const t3 = null !== (o2 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== o2 ? o2 : null;
-    n2._$litPart$ = l2 = new S(i2.insertBefore(r(), t3), t3, void 0, null != s2 ? s2 : {});
-  }
-  return l2._$AI(t2), l2;
-}, E = h.createTreeWalker(h, 129, null, false), C = (t2, i2) => {
-  const s2 = t2.length - 1, n2 = [];
-  let h2, r2 = 2 === i2 ? "<svg>" : "", d2 = v;
+var t$1;
+const i$2 = window, s$3 = i$2.trustedTypes, e$4 = s$3 ? s$3.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$3 = "$lit$", n$5 = `lit$${(Math.random() + "").slice(9)}$`, l$2 = "?" + n$5, h$1 = `<${l$2}>`, r$2 = document, u = () => r$2.createComment(""), d$1 = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, c$1 = Array.isArray, v = (t2) => c$1(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), a$1 = "[ 	\n\f\r]", f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${a$1}(?:([^\\s"'>=/]+)(${a$1}*=${a$1}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y = /^(?:script|style|textarea|title)$/i, w = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), x = w(1), T = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), E = /* @__PURE__ */ new WeakMap(), C = r$2.createTreeWalker(r$2, 129, null, false);
+function P(t2, i2) {
+  if (!Array.isArray(t2) || !t2.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return void 0 !== e$4 ? e$4.createHTML(i2) : i2;
+}
+const V = (t2, i2) => {
+  const s2 = t2.length - 1, e2 = [];
+  let l2, r2 = 2 === i2 ? "<svg>" : "", u2 = f;
   for (let i3 = 0; i3 < s2; i3++) {
     const s3 = t2[i3];
-    let e2, u3, c2 = -1, g2 = 0;
-    for (; g2 < s3.length && (d2.lastIndex = g2, u3 = d2.exec(s3), null !== u3); )
-      g2 = d2.lastIndex, d2 === v ? "!--" === u3[1] ? d2 = a : void 0 !== u3[1] ? d2 = f : void 0 !== u3[2] ? ($.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = _) : void 0 !== u3[3] && (d2 = _) : d2 === _ ? ">" === u3[0] ? (d2 = null != h2 ? h2 : v, c2 = -1) : void 0 === u3[1] ? c2 = -2 : (c2 = d2.lastIndex - u3[2].length, e2 = u3[1], d2 = void 0 === u3[3] ? _ : '"' === u3[3] ? p : m) : d2 === p || d2 === m ? d2 = _ : d2 === a || d2 === f ? d2 = v : (d2 = _, h2 = void 0);
-    const y2 = d2 === _ && t2[i3 + 1].startsWith("/>") ? " " : "";
-    r2 += d2 === v ? s3 + l$1 : c2 >= 0 ? (n2.push(e2), s3.slice(0, c2) + "$lit$" + s3.slice(c2) + o$1 + y2) : s3 + o$1 + (-2 === c2 ? (n2.push(void 0), i3) : y2);
+    let d2, c2, v2 = -1, a2 = 0;
+    for (; a2 < s3.length && (u2.lastIndex = a2, c2 = u2.exec(s3), null !== c2); )
+      a2 = u2.lastIndex, u2 === f ? "!--" === c2[1] ? u2 = _ : void 0 !== c2[1] ? u2 = m : void 0 !== c2[2] ? (y.test(c2[2]) && (l2 = RegExp("</" + c2[2], "g")), u2 = p) : void 0 !== c2[3] && (u2 = p) : u2 === p ? ">" === c2[0] ? (u2 = null != l2 ? l2 : f, v2 = -1) : void 0 === c2[1] ? v2 = -2 : (v2 = u2.lastIndex - c2[2].length, d2 = c2[1], u2 = void 0 === c2[3] ? p : '"' === c2[3] ? $ : g) : u2 === $ || u2 === g ? u2 = p : u2 === _ || u2 === m ? u2 = f : (u2 = p, l2 = void 0);
+    const w2 = u2 === p && t2[i3 + 1].startsWith("/>") ? " " : "";
+    r2 += u2 === f ? s3 + h$1 : v2 >= 0 ? (e2.push(d2), s3.slice(0, v2) + o$3 + s3.slice(v2) + n$5 + w2) : s3 + n$5 + (-2 === v2 ? (e2.push(void 0), i3) : w2);
   }
-  const u2 = r2 + (t2[s2] || "<?>") + (2 === i2 ? "</svg>" : "");
-  if (!Array.isArray(t2) || !t2.hasOwnProperty("raw"))
-    throw Error("invalid template strings array");
-  return [void 0 !== e$2 ? e$2.createHTML(u2) : u2, n2];
+  return [P(t2, r2 + (t2[s2] || "<?>") + (2 === i2 ? "</svg>" : "")), e2];
 };
-class P {
+class N {
   constructor({ strings: t2, _$litType$: i2 }, e2) {
-    let l2;
+    let h2;
     this.parts = [];
-    let h2 = 0, d2 = 0;
-    const u2 = t2.length - 1, c2 = this.parts, [v2, a2] = C(t2, i2);
-    if (this.el = P.createElement(v2, e2), E.currentNode = this.el.content, 2 === i2) {
+    let r2 = 0, d2 = 0;
+    const c2 = t2.length - 1, v2 = this.parts, [a2, f2] = V(t2, i2);
+    if (this.el = N.createElement(a2, e2), C.currentNode = this.el.content, 2 === i2) {
       const t3 = this.el.content, i3 = t3.firstChild;
       i3.remove(), t3.append(...i3.childNodes);
     }
-    for (; null !== (l2 = E.nextNode()) && c2.length < u2; ) {
-      if (1 === l2.nodeType) {
-        if (l2.hasAttributes()) {
+    for (; null !== (h2 = C.nextNode()) && v2.length < c2; ) {
+      if (1 === h2.nodeType) {
+        if (h2.hasAttributes()) {
           const t3 = [];
-          for (const i3 of l2.getAttributeNames())
-            if (i3.endsWith("$lit$") || i3.startsWith(o$1)) {
-              const s2 = a2[d2++];
+          for (const i3 of h2.getAttributeNames())
+            if (i3.endsWith(o$3) || i3.startsWith(n$5)) {
+              const s2 = f2[d2++];
               if (t3.push(i3), void 0 !== s2) {
-                const t4 = l2.getAttribute(s2.toLowerCase() + "$lit$").split(o$1), i4 = /([.?@])?(.*)/.exec(s2);
-                c2.push({ type: 1, index: h2, name: i4[2], strings: t4, ctor: "." === i4[1] ? R : "?" === i4[1] ? H : "@" === i4[1] ? I : M });
+                const t4 = h2.getAttribute(s2.toLowerCase() + o$3).split(n$5), i4 = /([.?@])?(.*)/.exec(s2);
+                v2.push({ type: 1, index: r2, name: i4[2], strings: t4, ctor: "." === i4[1] ? H : "?" === i4[1] ? L : "@" === i4[1] ? z : k });
               } else
-                c2.push({ type: 6, index: h2 });
+                v2.push({ type: 6, index: r2 });
             }
           for (const i3 of t3)
-            l2.removeAttribute(i3);
+            h2.removeAttribute(i3);
         }
-        if ($.test(l2.tagName)) {
-          const t3 = l2.textContent.split(o$1), i3 = t3.length - 1;
+        if (y.test(h2.tagName)) {
+          const t3 = h2.textContent.split(n$5), i3 = t3.length - 1;
           if (i3 > 0) {
-            l2.textContent = s$1 ? s$1.emptyScript : "";
+            h2.textContent = s$3 ? s$3.emptyScript : "";
             for (let s2 = 0; s2 < i3; s2++)
-              l2.append(t3[s2], r()), E.nextNode(), c2.push({ type: 2, index: ++h2 });
-            l2.append(t3[i3], r());
+              h2.append(t3[s2], u()), C.nextNode(), v2.push({ type: 2, index: ++r2 });
+            h2.append(t3[i3], u());
           }
         }
-      } else if (8 === l2.nodeType)
-        if (l2.data === n$2)
-          c2.push({ type: 2, index: h2 });
+      } else if (8 === h2.nodeType)
+        if (h2.data === l$2)
+          v2.push({ type: 2, index: r2 });
         else {
           let t3 = -1;
-          for (; -1 !== (t3 = l2.data.indexOf(o$1, t3 + 1)); )
-            c2.push({ type: 7, index: h2 }), t3 += o$1.length - 1;
+          for (; -1 !== (t3 = h2.data.indexOf(n$5, t3 + 1)); )
+            v2.push({ type: 7, index: r2 }), t3 += n$5.length - 1;
         }
-      h2++;
+      r2++;
     }
   }
   static createElement(t2, i2) {
-    const s2 = h.createElement("template");
+    const s2 = r$2.createElement("template");
     return s2.innerHTML = t2, s2;
   }
 }
-function V(t2, i2, s2 = t2, e2) {
+function S$1(t2, i2, s2 = t2, e2) {
   var o2, n2, l2, h2;
-  if (i2 === x)
+  if (i2 === T)
     return i2;
-  let r2 = void 0 !== e2 ? null === (o2 = s2._$Cl) || void 0 === o2 ? void 0 : o2[e2] : s2._$Cu;
-  const u2 = d(i2) ? void 0 : i2._$litDirective$;
-  return (null == r2 ? void 0 : r2.constructor) !== u2 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u2 ? r2 = void 0 : (r2 = new u2(t2), r2._$AT(t2, s2, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s2)._$Cl) && void 0 !== l2 ? l2 : h2._$Cl = [])[e2] = r2 : s2._$Cu = r2), void 0 !== r2 && (i2 = V(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
+  let r2 = void 0 !== e2 ? null === (o2 = s2._$Co) || void 0 === o2 ? void 0 : o2[e2] : s2._$Cl;
+  const u2 = d$1(i2) ? void 0 : i2._$litDirective$;
+  return (null == r2 ? void 0 : r2.constructor) !== u2 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u2 ? r2 = void 0 : (r2 = new u2(t2), r2._$AT(t2, s2, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s2)._$Co) && void 0 !== l2 ? l2 : h2._$Co = [])[e2] = r2 : s2._$Cl = r2), void 0 !== r2 && (i2 = S$1(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
 }
-class N {
+class M {
   constructor(t2, i2) {
-    this.v = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
+    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -362,39 +344,39 @@ class N {
   get _$AU() {
     return this._$AM._$AU;
   }
-  p(t2) {
+  u(t2) {
     var i2;
-    const { el: { content: s2 }, parts: e2 } = this._$AD, o2 = (null !== (i2 = null == t2 ? void 0 : t2.creationScope) && void 0 !== i2 ? i2 : h).importNode(s2, true);
-    E.currentNode = o2;
-    let n2 = E.nextNode(), l2 = 0, r2 = 0, d2 = e2[0];
-    for (; void 0 !== d2; ) {
-      if (l2 === d2.index) {
+    const { el: { content: s2 }, parts: e2 } = this._$AD, o2 = (null !== (i2 = null == t2 ? void 0 : t2.creationScope) && void 0 !== i2 ? i2 : r$2).importNode(s2, true);
+    C.currentNode = o2;
+    let n2 = C.nextNode(), l2 = 0, h2 = 0, u2 = e2[0];
+    for (; void 0 !== u2; ) {
+      if (l2 === u2.index) {
         let i3;
-        2 === d2.type ? i3 = new S(n2, n2.nextSibling, this, t2) : 1 === d2.type ? i3 = new d2.ctor(n2, d2.name, d2.strings, this, t2) : 6 === d2.type && (i3 = new L(n2, this, t2)), this.v.push(i3), d2 = e2[++r2];
+        2 === u2.type ? i3 = new R(n2, n2.nextSibling, this, t2) : 1 === u2.type ? i3 = new u2.ctor(n2, u2.name, u2.strings, this, t2) : 6 === u2.type && (i3 = new Z(n2, this, t2)), this._$AV.push(i3), u2 = e2[++h2];
       }
-      l2 !== (null == d2 ? void 0 : d2.index) && (n2 = E.nextNode(), l2++);
+      l2 !== (null == u2 ? void 0 : u2.index) && (n2 = C.nextNode(), l2++);
     }
-    return o2;
+    return C.currentNode = r$2, o2;
   }
-  m(t2) {
+  v(t2) {
     let i2 = 0;
-    for (const s2 of this.v)
+    for (const s2 of this._$AV)
       void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
   }
 }
-class S {
+class R {
   constructor(t2, i2, s2, e2) {
     var o2;
-    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$C_ = null === (o2 = null == e2 ? void 0 : e2.isConnected) || void 0 === o2 || o2;
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cp = null === (o2 = null == e2 ? void 0 : e2.isConnected) || void 0 === o2 || o2;
   }
   get _$AU() {
     var t2, i2;
-    return null !== (i2 = null === (t2 = this._$AM) || void 0 === t2 ? void 0 : t2._$AU) && void 0 !== i2 ? i2 : this._$C_;
+    return null !== (i2 = null === (t2 = this._$AM) || void 0 === t2 ? void 0 : t2._$AU) && void 0 !== i2 ? i2 : this._$Cp;
   }
   get parentNode() {
     let t2 = this._$AA.parentNode;
     const i2 = this._$AM;
-    return void 0 !== i2 && 11 === t2.nodeType && (t2 = i2.parentNode), t2;
+    return void 0 !== i2 && 11 === (null == t2 ? void 0 : t2.nodeType) && (t2 = i2.parentNode), t2;
   }
   get startNode() {
     return this._$AA;
@@ -403,37 +385,37 @@ class S {
     return this._$AB;
   }
   _$AI(t2, i2 = this) {
-    t2 = V(this, t2, i2), d(t2) ? t2 === b || null == t2 || "" === t2 ? (this._$AH !== b && this._$AR(), this._$AH = b) : t2 !== this._$AH && t2 !== x && this.$(t2) : void 0 !== t2._$litType$ ? this.T(t2) : void 0 !== t2.nodeType ? this.k(t2) : c(t2) ? this.O(t2) : this.$(t2);
-  }
-  S(t2, i2 = this._$AB) {
-    return this._$AA.parentNode.insertBefore(t2, i2);
+    t2 = S$1(this, t2, i2), d$1(t2) ? t2 === A || null == t2 || "" === t2 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t2 !== this._$AH && t2 !== T && this._(t2) : void 0 !== t2._$litType$ ? this.g(t2) : void 0 !== t2.nodeType ? this.$(t2) : v(t2) ? this.T(t2) : this._(t2);
   }
   k(t2) {
-    this._$AH !== t2 && (this._$AR(), this._$AH = this.S(t2));
+    return this._$AA.parentNode.insertBefore(t2, this._$AB);
   }
   $(t2) {
-    this._$AH !== b && d(this._$AH) ? this._$AA.nextSibling.data = t2 : this.k(h.createTextNode(t2)), this._$AH = t2;
+    this._$AH !== t2 && (this._$AR(), this._$AH = this.k(t2));
   }
-  T(t2) {
+  _(t2) {
+    this._$AH !== A && d$1(this._$AH) ? this._$AA.nextSibling.data = t2 : this.$(r$2.createTextNode(t2)), this._$AH = t2;
+  }
+  g(t2) {
     var i2;
-    const { values: s2, _$litType$: e2 } = t2, o2 = "number" == typeof e2 ? this._$AC(t2) : (void 0 === e2.el && (e2.el = P.createElement(e2.h, this.options)), e2);
+    const { values: s2, _$litType$: e2 } = t2, o2 = "number" == typeof e2 ? this._$AC(t2) : (void 0 === e2.el && (e2.el = N.createElement(P(e2.h, e2.h[0]), this.options)), e2);
     if ((null === (i2 = this._$AH) || void 0 === i2 ? void 0 : i2._$AD) === o2)
-      this._$AH.m(s2);
+      this._$AH.v(s2);
     else {
-      const t3 = new N(o2, this), i3 = t3.p(this.options);
-      t3.m(s2), this.k(i3), this._$AH = t3;
+      const t3 = new M(o2, this), i3 = t3.u(this.options);
+      t3.v(s2), this.$(i3), this._$AH = t3;
     }
   }
   _$AC(t2) {
-    let i2 = T.get(t2.strings);
-    return void 0 === i2 && T.set(t2.strings, i2 = new P(t2)), i2;
+    let i2 = E.get(t2.strings);
+    return void 0 === i2 && E.set(t2.strings, i2 = new N(t2)), i2;
   }
-  O(t2) {
-    u(this._$AH) || (this._$AH = [], this._$AR());
+  T(t2) {
+    c$1(this._$AH) || (this._$AH = [], this._$AR());
     const i2 = this._$AH;
     let s2, e2 = 0;
     for (const o2 of t2)
-      e2 === i2.length ? i2.push(s2 = new S(this.S(r()), this.S(r()), this, this.options)) : s2 = i2[e2], s2._$AI(o2), e2++;
+      e2 === i2.length ? i2.push(s2 = new R(this.k(u()), this.k(u()), this, this.options)) : s2 = i2[e2], s2._$AI(o2), e2++;
     e2 < i2.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i2.length = e2);
   }
   _$AR(t2 = this._$AA.nextSibling, i2) {
@@ -445,12 +427,12 @@ class S {
   }
   setConnected(t2) {
     var i2;
-    void 0 === this._$AM && (this._$C_ = t2, null === (i2 = this._$AP) || void 0 === i2 || i2.call(this, t2));
+    void 0 === this._$AM && (this._$Cp = t2, null === (i2 = this._$AP) || void 0 === i2 || i2.call(this, t2));
   }
 }
-class M {
+class k {
   constructor(t2, i2, s2, e2, o2) {
-    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = b;
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = A;
   }
   get tagName() {
     return this.element.tagName;
@@ -462,45 +444,45 @@ class M {
     const o2 = this.strings;
     let n2 = false;
     if (void 0 === o2)
-      t2 = V(this, t2, i2, 0), n2 = !d(t2) || t2 !== this._$AH && t2 !== x, n2 && (this._$AH = t2);
+      t2 = S$1(this, t2, i2, 0), n2 = !d$1(t2) || t2 !== this._$AH && t2 !== T, n2 && (this._$AH = t2);
     else {
       const e3 = t2;
       let l2, h2;
       for (t2 = o2[0], l2 = 0; l2 < o2.length - 1; l2++)
-        h2 = V(this, e3[s2 + l2], i2, l2), h2 === x && (h2 = this._$AH[l2]), n2 || (n2 = !d(h2) || h2 !== this._$AH[l2]), h2 === b ? t2 = b : t2 !== b && (t2 += (null != h2 ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
+        h2 = S$1(this, e3[s2 + l2], i2, l2), h2 === T && (h2 = this._$AH[l2]), n2 || (n2 = !d$1(h2) || h2 !== this._$AH[l2]), h2 === A ? t2 = A : t2 !== A && (t2 += (null != h2 ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
     }
-    n2 && !e2 && this.P(t2);
+    n2 && !e2 && this.j(t2);
   }
-  P(t2) {
-    t2 === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t2 ? t2 : "");
+  j(t2) {
+    t2 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, null != t2 ? t2 : "");
   }
 }
-class R extends M {
+class H extends k {
   constructor() {
     super(...arguments), this.type = 3;
   }
-  P(t2) {
-    this.element[this.name] = t2 === b ? void 0 : t2;
+  j(t2) {
+    this.element[this.name] = t2 === A ? void 0 : t2;
   }
 }
-const k = s$1 ? s$1.emptyScript : "";
-class H extends M {
+const I = s$3 ? s$3.emptyScript : "";
+class L extends k {
   constructor() {
     super(...arguments), this.type = 4;
   }
-  P(t2) {
-    t2 && t2 !== b ? this.element.setAttribute(this.name, k) : this.element.removeAttribute(this.name);
+  j(t2) {
+    t2 && t2 !== A ? this.element.setAttribute(this.name, I) : this.element.removeAttribute(this.name);
   }
 }
-class I extends M {
+class z extends k {
   constructor(t2, i2, s2, e2, o2) {
     super(t2, i2, s2, e2, o2), this.type = 5;
   }
   _$AI(t2, i2 = this) {
     var s2;
-    if ((t2 = null !== (s2 = V(this, t2, i2, 0)) && void 0 !== s2 ? s2 : b) === x)
+    if ((t2 = null !== (s2 = S$1(this, t2, i2, 0)) && void 0 !== s2 ? s2 : A) === T)
       return;
-    const e2 = this._$AH, o2 = t2 === b && e2 !== b || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== b && (e2 === b || o2);
+    const e2 = this._$AH, o2 = t2 === A && e2 !== A || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== A && (e2 === A || o2);
     o2 && this.element.removeEventListener(this.name, this, e2), n2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
   }
   handleEvent(t2) {
@@ -508,7 +490,7 @@ class I extends M {
     "function" == typeof this._$AH ? this._$AH.call(null !== (s2 = null === (i2 = this.options) || void 0 === i2 ? void 0 : i2.host) && void 0 !== s2 ? s2 : this.element, t2) : this._$AH.handleEvent(t2);
   }
 }
-class L {
+class Z {
   constructor(t2, i2, s2) {
     this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s2;
   }
@@ -516,18 +498,288 @@ class L {
     return this._$AM._$AU;
   }
   _$AI(t2) {
-    V(this, t2);
+    S$1(this, t2);
   }
 }
-const Z = i$1.litHtmlPolyfillSupport;
-null == Z || Z(P, S), (null !== (t = i$1.litHtmlVersions) && void 0 !== t ? t : i$1.litHtmlVersions = []).push("2.3.1");
+const B = i$2.litHtmlPolyfillSupport;
+null == B || B(N, R), (null !== (t$1 = i$2.litHtmlVersions) && void 0 !== t$1 ? t$1 : i$2.litHtmlVersions = []).push("2.8.0");
+const D = (t2, i2, s2) => {
+  var e2, o2;
+  const n2 = null !== (e2 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== e2 ? e2 : i2;
+  let l2 = n2._$litPart$;
+  if (void 0 === l2) {
+    const t3 = null !== (o2 = null == s2 ? void 0 : s2.renderBefore) && void 0 !== o2 ? o2 : null;
+    n2._$litPart$ = l2 = new R(i2.insertBefore(u(), t3), t3, void 0, null != s2 ? s2 : {});
+  }
+  return l2._$AI(t2), l2;
+};
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t = window, e$3 = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), n$4 = /* @__PURE__ */ new WeakMap();
+class o$2 {
+  constructor(t2, e2, n2) {
+    if (this._$cssResult$ = true, n2 !== s$2)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t2, this.t = e2;
+  }
+  get styleSheet() {
+    let t2 = this.o;
+    const s2 = this.t;
+    if (e$3 && void 0 === t2) {
+      const e2 = void 0 !== s2 && 1 === s2.length;
+      e2 && (t2 = n$4.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$4.set(s2, t2));
+    }
+    return t2;
+  }
+  toString() {
+    return this.cssText;
+  }
+}
+const r$1 = (t2) => new o$2("string" == typeof t2 ? t2 : t2 + "", void 0, s$2), i$1 = (t2, ...e2) => {
+  const n2 = 1 === t2.length ? t2[0] : e2.reduce((e3, s2, n3) => e3 + ((t3) => {
+    if (true === t3._$cssResult$)
+      return t3.cssText;
+    if ("number" == typeof t3)
+      return t3;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s2) + t2[n3 + 1], t2[0]);
+  return new o$2(n2, t2, s$2);
+}, S = (s2, n2) => {
+  e$3 ? s2.adoptedStyleSheets = n2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet) : n2.forEach((e2) => {
+    const n3 = document.createElement("style"), o2 = t.litNonce;
+    void 0 !== o2 && n3.setAttribute("nonce", o2), n3.textContent = e2.cssText, s2.appendChild(n3);
+  });
+}, c = e$3 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
+  let e2 = "";
+  for (const s2 of t3.cssRules)
+    e2 += s2.cssText;
+  return r$1(e2);
+})(t2) : t2;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var s$1;
+const e$2 = window, r = e$2.trustedTypes, h = r ? r.emptyScript : "", o$1 = e$2.reactiveElementPolyfillSupport, n$3 = { toAttribute(t2, i2) {
+  switch (i2) {
+    case Boolean:
+      t2 = t2 ? h : null;
+      break;
+    case Object:
+    case Array:
+      t2 = null == t2 ? t2 : JSON.stringify(t2);
+  }
+  return t2;
+}, fromAttribute(t2, i2) {
+  let s2 = t2;
+  switch (i2) {
+    case Boolean:
+      s2 = null !== t2;
+      break;
+    case Number:
+      s2 = null === t2 ? null : Number(t2);
+      break;
+    case Object:
+    case Array:
+      try {
+        s2 = JSON.parse(t2);
+      } catch (t3) {
+        s2 = null;
+      }
+  }
+  return s2;
+} }, a = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$1 = { attribute: true, type: String, converter: n$3, reflect: false, hasChanged: a };
+class d extends HTMLElement {
+  constructor() {
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$El = null, this.u();
+  }
+  static addInitializer(t2) {
+    var i2;
+    null !== (i2 = this.h) && void 0 !== i2 || (this.h = []), this.h.push(t2);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const t2 = [];
+    return this.elementProperties.forEach((i2, s2) => {
+      const e2 = this._$Ep(s2, i2);
+      void 0 !== e2 && (this._$Ev.set(e2, s2), t2.push(e2));
+    }), t2;
+  }
+  static createProperty(t2, i2 = l$1) {
+    if (i2.state && (i2.attribute = false), this.finalize(), this.elementProperties.set(t2, i2), !i2.noAccessor && !this.prototype.hasOwnProperty(t2)) {
+      const s2 = "symbol" == typeof t2 ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s2, i2);
+      void 0 !== e2 && Object.defineProperty(this.prototype, t2, e2);
+    }
+  }
+  static getPropertyDescriptor(t2, i2, s2) {
+    return { get() {
+      return this[i2];
+    }, set(e2) {
+      const r2 = this[t2];
+      this[i2] = e2, this.requestUpdate(t2, r2, s2);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t2) {
+    return this.elementProperties.get(t2) || l$1;
+  }
+  static finalize() {
+    if (this.hasOwnProperty("finalized"))
+      return false;
+    this.finalized = true;
+    const t2 = Object.getPrototypeOf(this);
+    if (t2.finalize(), this.elementProperties = new Map(t2.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+      const t3 = this.properties, i2 = [...Object.getOwnPropertyNames(t3), ...Object.getOwnPropertySymbols(t3)];
+      for (const s2 of i2)
+        this.createProperty(s2, t3[s2]);
+    }
+    return this.elementStyles = this.finalizeStyles(this.styles), true;
+  }
+  static finalizeStyles(i2) {
+    const s2 = [];
+    if (Array.isArray(i2)) {
+      const e2 = new Set(i2.flat(1 / 0).reverse());
+      for (const i3 of e2)
+        s2.unshift(c(i3));
+    } else
+      void 0 !== i2 && s2.push(c(i2));
+    return s2;
+  }
+  static _$Ep(t2, i2) {
+    const s2 = i2.attribute;
+    return false === s2 ? void 0 : "string" == typeof s2 ? s2 : "string" == typeof t2 ? t2.toLowerCase() : void 0;
+  }
+  u() {
+    var t2;
+    this._$E_ = new Promise((t3) => this.enableUpdating = t3), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), null === (t2 = this.constructor.h) || void 0 === t2 || t2.forEach((t3) => t3(this));
+  }
+  addController(t2) {
+    var i2, s2;
+    (null !== (i2 = this._$ES) && void 0 !== i2 ? i2 : this._$ES = []).push(t2), void 0 !== this.renderRoot && this.isConnected && (null === (s2 = t2.hostConnected) || void 0 === s2 || s2.call(t2));
+  }
+  removeController(t2) {
+    var i2;
+    null === (i2 = this._$ES) || void 0 === i2 || i2.splice(this._$ES.indexOf(t2) >>> 0, 1);
+  }
+  _$Eg() {
+    this.constructor.elementProperties.forEach((t2, i2) => {
+      this.hasOwnProperty(i2) && (this._$Ei.set(i2, this[i2]), delete this[i2]);
+    });
+  }
+  createRenderRoot() {
+    var t2;
+    const s2 = null !== (t2 = this.shadowRoot) && void 0 !== t2 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
+    return S(s2, this.constructor.elementStyles), s2;
+  }
+  connectedCallback() {
+    var t2;
+    void 0 === this.renderRoot && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), null === (t2 = this._$ES) || void 0 === t2 || t2.forEach((t3) => {
+      var i2;
+      return null === (i2 = t3.hostConnected) || void 0 === i2 ? void 0 : i2.call(t3);
+    });
+  }
+  enableUpdating(t2) {
+  }
+  disconnectedCallback() {
+    var t2;
+    null === (t2 = this._$ES) || void 0 === t2 || t2.forEach((t3) => {
+      var i2;
+      return null === (i2 = t3.hostDisconnected) || void 0 === i2 ? void 0 : i2.call(t3);
+    });
+  }
+  attributeChangedCallback(t2, i2, s2) {
+    this._$AK(t2, s2);
+  }
+  _$EO(t2, i2, s2 = l$1) {
+    var e2;
+    const r2 = this.constructor._$Ep(t2, s2);
+    if (void 0 !== r2 && true === s2.reflect) {
+      const h2 = (void 0 !== (null === (e2 = s2.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s2.converter : n$3).toAttribute(i2, s2.type);
+      this._$El = t2, null == h2 ? this.removeAttribute(r2) : this.setAttribute(r2, h2), this._$El = null;
+    }
+  }
+  _$AK(t2, i2) {
+    var s2;
+    const e2 = this.constructor, r2 = e2._$Ev.get(t2);
+    if (void 0 !== r2 && this._$El !== r2) {
+      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s2 = t3.converter) || void 0 === s2 ? void 0 : s2.fromAttribute) ? t3.converter : n$3;
+      this._$El = r2, this[r2] = h2.fromAttribute(i2, t3.type), this._$El = null;
+    }
+  }
+  requestUpdate(t2, i2, s2) {
+    let e2 = true;
+    void 0 !== t2 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || a)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), true === s2.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
+  }
+  async _$Ej() {
+    this.isUpdatePending = true;
+    try {
+      await this._$E_;
+    } catch (t3) {
+      Promise.reject(t3);
+    }
+    const t2 = this.scheduleUpdate();
+    return null != t2 && await t2, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t2;
+    if (!this.isUpdatePending)
+      return;
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach((t3, i3) => this[i3] = t3), this._$Ei = void 0);
+    let i2 = false;
+    const s2 = this._$AL;
+    try {
+      i2 = this.shouldUpdate(s2), i2 ? (this.willUpdate(s2), null === (t2 = this._$ES) || void 0 === t2 || t2.forEach((t3) => {
+        var i3;
+        return null === (i3 = t3.hostUpdate) || void 0 === i3 ? void 0 : i3.call(t3);
+      }), this.update(s2)) : this._$Ek();
+    } catch (t3) {
+      throw i2 = false, this._$Ek(), t3;
+    }
+    i2 && this._$AE(s2);
+  }
+  willUpdate(t2) {
+  }
+  _$AE(t2) {
+    var i2;
+    null === (i2 = this._$ES) || void 0 === i2 || i2.forEach((t3) => {
+      var i3;
+      return null === (i3 = t3.hostUpdated) || void 0 === i3 ? void 0 : i3.call(t3);
+    }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t2)), this.updated(t2);
+  }
+  _$Ek() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$E_;
+  }
+  shouldUpdate(t2) {
+    return true;
+  }
+  update(t2) {
+    void 0 !== this._$EC && (this._$EC.forEach((t3, i2) => this._$EO(i2, this[i2], t3)), this._$EC = void 0), this._$Ek();
+  }
+  updated(t2) {
+  }
+  firstUpdated(t2) {
+  }
+}
+d.finalized = true, d.elementProperties = /* @__PURE__ */ new Map(), d.elementStyles = [], d.shadowRootOptions = { mode: "open" }, null == o$1 || o$1({ ReactiveElement: d }), (null !== (s$1 = e$2.reactiveElementVersions) && void 0 !== s$1 ? s$1 : e$2.reactiveElementVersions = []).push("1.4.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var l, o;
-class s extends d$1 {
+class s extends d {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -538,7 +790,7 @@ class s extends d$1 {
   }
   update(t2) {
     const i2 = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Do = A(i2, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Do = D(i2, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t2;
@@ -549,13 +801,13 @@ class s extends d$1 {
     super.disconnectedCallback(), null === (t2 = this._$Do) || void 0 === t2 || t2.setConnected(false);
   }
   render() {
-    return x;
+    return T;
   }
 }
 s.finalized = true, s._$litElement$ = true, null === (l = globalThis.litElementHydrateSupport) || void 0 === l || l.call(globalThis, { LitElement: s });
-const n$1 = globalThis.litElementPolyfillSupport;
-null == n$1 || n$1({ LitElement: s });
-(null !== (o = globalThis.litElementVersions) && void 0 !== o ? o : globalThis.litElementVersions = []).push("3.2.2");
+const n$2 = globalThis.litElementPolyfillSupport;
+null == n$2 || n$2({ LitElement: s });
+(null !== (o = globalThis.litElementVersions) && void 0 !== o ? o : globalThis.litElementVersions = []).push("3.3.3");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -578,11 +830,11 @@ const i = (i2, e2) => "method" === e2.kind && e2.descriptor && !("value" in e2.d
   "function" == typeof e2.initializer && (this[e2.key] = e2.initializer.call(this));
 }, finisher(n2) {
   n2.createProperty(e2.key, i2);
-} };
-function e(e2) {
-  return (n2, t2) => void 0 !== t2 ? ((i2, e3, n3) => {
-    e3.constructor.createProperty(n3, i2);
-  })(e2, n2, t2) : i(e2, n2);
+} }, e = (i2, e2, n2) => {
+  e2.constructor.createProperty(n2, i2);
+};
+function n$1(n2) {
+  return (t2, o2) => void 0 !== o2 ? e(n2, t2, o2) : i(n2, t2);
 }
 /**
  * @license
@@ -592,11 +844,11 @@ function e(e2) {
 var n;
 null != (null === (n = window.HTMLSlotElement) || void 0 === n ? void 0 : n.prototype.assignedElements) ? (o2, n2) => o2.assignedElements(n2) : (o2, n2) => o2.assignedNodes(n2).filter((o3) => o3.nodeType === Node.ELEMENT_NODE);
 const logo = "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMzOC41NyAxMzQwLjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgICAgICAuY2xzLTEgewogICAgICAgICAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLmNscy0yIHsKICAgICAgICAgICAgICAgIGZpbGw6ICNmNmMxZDk7CiAgICAgICAgICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgICAgICAgIH0KCiAgICAgICAgICAgIC5jbHMtMyB7CiAgICAgICAgICAgICAgICBjbGlwLXBhdGg6IHVybCgjY2xpcC1wYXRoKTsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLmNscy00IHsKICAgICAgICAgICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwLXBhdGgtMik7CiAgICAgICAgICAgIH0KCiAgICAgICAgICAgIC5jbHMtNSB7CiAgICAgICAgICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgICAgICB9CgogICAgICAgICAgICAuY2xzLTYgewogICAgICAgICAgICAgICAgZmlsbDogIzFlMWYxZDsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLmNscy03IHsKICAgICAgICAgICAgICAgIGZpbGw6ICMxOTFkMWY7CiAgICAgICAgICAgIH0KICAgICAgICA8L3N0eWxlPgogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNjkuNDUiIHk9IjIxNS42NiIgd2lkdGg9IjEwMDAuMTYiIGhlaWdodD0iNzkxLjQiIC8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC0yIj4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNjkuNDUiIHk9IjIxNS42NiIgd2lkdGg9IjEwMDAuMTYiIGhlaWdodD0iNzkxLjQiIC8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KICAgIDxnPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIKICAgICAgICAgICAgZD0iTTEzMzguNTcsNjcwLjNoMGMwLDM3MC4yNC0yOTkuNjgsNjcwLjQtNjY5LjMzLDY3MC40UzAsMTA0MC41NCwwLDY3MC4zLDI5OS41OCwwLDY2OS4yNCwwLDEzMzguNTcsMzAwLjA1LDEzMzguNTcsNjcwLjNaIiAvPgogICAgICAgIDxnPgogICAgICAgICAgICA8ZyBjbGFzcz0iY2xzLTMiPgogICAgICAgICAgICAgICAgPGcgY2xhc3M9ImNscy00Ij4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTUiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik0zNzcuNjgsNTY4LjEzYzE3LjUzLDE1LjYzLDM0LjQ3LDMwLjg3LDUxLjYxLDQ1LjksMy4zNiwzLDQuNjEsNi4yMSwzLjU4LDEwLjI4LTMuMzgsMTMuMjMtNC44NSwyNy4wOS0xMi40Myw0MC40My0xNy0xMC0zMS4yMy0yMi4zMS00Ni4yOC0zNC4zNi05LjI2LDUuNTUtMTguNjQsMTEuMjgtMjguMTMsMTYuOC02LjY2LDMuODgtMTAuNTMsOS43MS0xMi42MSwxNi45MS0zLjU1LDEyLjMtOS4yMywyMy43OS0xMy42NSwzNS43NEMzMTIuMyw3MjAsMzAyLjY5LDczNy43MywyODMuNTMsNzUwcy0yMy42NCwzMi41NS0yNC44NSw1My45Yy0uODIsMTQuNDUsMS4xMiwyOS0yLDQzLjM0LTEuNiw3LjM0LTEuODMsMTYuODEtMTIuODIsMTYuMjEtNi42LS4zNS05LjkyLTEwLTcuMTYtMjEuMDcsMy4zMS0xMy4yNiwyLjg0LTI2LjU1LDEuNDYtMzkuODUtMS42NC0xNS43MywxLjY4LTI5LjIzLDEyLjYyLTQxLjU0LDE2LjUxLTE4LjU5LDI4LjM1LTM5Ljg3LDMwLjM1LTY1LjQzLjYxLTcuNzksNC4zLTEzLjQxLDEwLjg2LTE3LjczLDE2LjQ0LTEwLjgxLDI3LjEyLTI2LjEsMzMtNDQuNzNhNTAuODQsNTAuODQsMCwwLDEsMTEuODEtMTkuODljMTMuNy0xNC41OCwyNy45My0yOC42Nyw0MC45MS00NSIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTUiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik02NjksODU2Yy0xLjQzLDE5LjM2LS4zNCwzNy40LTUuODUsNTQuNTktMS42Nyw1LjE5LTIuNywxMC45Mi03LjE2LDE1LTQ4Ljg0LDcuMTktODIuMzctMTcuMTQtOTIuMDUtNjctLjUzLTIuNzMtLjU4LTUuNTUtMS04LjMtMy4zLTIxLjMzLTIuMjMtMjQuMTYsMTguNDMtMjguNjIsNDAuODItOC44Miw4MS45NC04LjUxLDEyMi43OC0uMTEsNy44OCwxLjYyLDIwLjIxLDIuMTQsMjAsMTMuNzYtLjI0LDEyLjA1LTEyLjU3LDEyLjYxLTIxLjI5LDE0LjgyQzY5Mi4xNCw4NTIuODMsNjgxLjA4LDg1NCw2NjksODU2IiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTY5OC40OCw3ODkuOTNjLTE0LjY3LTM2LjYzLTMzLTcwLjc0LTQ5LjM4LTEwNS43Ni0uOTEtMS45NS0xLjc4LTQuNDYtMS4zNS02LjQyLDUuMDctMjMsNi4yOC00NywxOS02OS42NiwxOS4yLDIwLjQxLDI0Ljc2LDQ4LDQ0LjE3LDY5LjEsOC40OS0xOS4zNSwxNi4zMy0zNy4xOSwyNC4xNy01NSwxLjExLDQyLjYzLTUuMTMsODMuODgtOC44NSwxMjctMTMuNzMtNi0xMS41MS0yMC4xOS0yMi44My0yNy4zNS00LjMyLDEyLTEuMDUsMjMuMTYtLjY2LDM0LjExLjM5LDExLjM1LDQsMjMtNC4yMiwzNCIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTUiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik03MTMuOSwyNjUuMzFjLTIuNzMsMi40OC01LjU2LDIuMzItOC4zMiwyLjM2LTU2LjczLjY4LTEwOC40MywyMC43Ny0xNTkuODksNDEuNjYtNS4wOCwyLjA2LTkuNzcsNS4yOS0xNC4zNSw4LjQtMTQuODksMTAuMDktMjYuMTksMjIuMzctMjMuMzYsNDIuODYtMTMuMS05LjM1LTE1LjEtMTYuMjUtNy45LTI5LjE4LDktMTYuMTksMjEuNC0yOS44NiwzNC44LTQyLjQ1LDExLjc0LTExLDI0LjU4LTIwLjkyLDM2LjQ5LTMxLjc5LDI1Ljc1LTIzLjUxLDU2LjYyLTI3LDg5LTIyLDE0LjY5LDIuMjQsMjguODEsOC4xMiw0My4yNywxMiwxMC4yMSwyLjc1LDEzLjM2LDguNzgsMTAuMjcsMTguMTQiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNzM3LjYzLDQ5Mi43OUM3NDQsNTEzLjYsNzQ4LjU2LDUzNCw3NDcuODEsNTU1LjI2Yy0uMjQsNi44Ni0xLjU5LDEzLjE5LTUuNSwxOS0xMi40OSwxOC40Mi0yNC4zLDM3LjI0LTMyLjg1LDYxLjJhNDQ5LDQ0OSwwLDAsMS0zMC4wNS01OS42MWMtMi40Ny02LC41OS05LjU2LDQuMDctMTMuMjQsOC40NC04LjkyLDE3LTE3LjY4LDI1LjQ2LTI2LjYzLDExLjg2LTEyLjYxLDIzLjE2LTI1LjYzLDI4LjY5LTQzLjE1IiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTU2Mi40OSw5MDMuNjVsOSwxMS4zNWMtMiw0Ljg4LTguMzUsNS42My05LjcxLDExLjUyLjM2Ljg2LjU5LDIuNjcsMS42MiwzLjY4LDEwLjI3LDEwLjExLDI0LjE1LDExLjM4LDM3LjA4LDEzLjA5LDMyLjc0LDQuMzMsNjUuNjEsNC40Nyw5OC4xNS0yLjQ3LDUuNC0xLjE1LDExLjUzLTEuODgsMTUuNzktNC45NCwxNi43Ny0xMiwzNi4zOC03LjY2LDU1LjI4LTEyLjMyLS4xLDExLjQ5LTcuNzIsMTQuMzYtMTQuNTcsMTcuNDItMTQuODcsNi42NC0zMC43OSw5LjM3LTQ2LjgsMTEuNTRDNjU2LDk1OS42Myw2MDMuODQsOTU5LDU1Mi4xLDk0Ny42OWExMjcuNjIsMTI3LjYyLDAsMCwxLTIzLjYzLTcuOWMtNS40My0yLjM2LTExLjctNS4xOS0xMS45My0xMi42czYtMTAuMTIsMTEuNC0xMi44OWMxMC40NS01LjM5LDIxLjgzLTcuOTQsMzQuNTUtMTAuNjUiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNOTgyLjQxLDg1MC40N2MzNi41OSw4LjM1LDU5Ljc5LDYyLjUxLDQwLjkxLDkyLjIybC0zNi40Ny0xMi4xMWMxMy44NS0yNy41MiwxMS44Ny01My42LTQuNDQtODAuMTEiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNjMwLjYyLDYzNS4xMmMtMTUuMTctMjUuOTQtMjEuNi01NS4yNS0zNi4yNS04MiwxNy4xMiw4LjgsMzYsMTIuMTEsNTMuMTUsMjItMy4wOSwyMC44LTkuNCw0MC4xMi0xNi45LDYwIiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTcwMy4zMyw0OTcuNDNDNzMzLjI1LDQ1MCw3MjAuNzksNDAxLjUsNzA2LjU5LDM1M2MxOS4wOS0uMSwyMi4zNiwyLjg5LDI1LjMsMjAuODcsNC4zNiwyNi42OSwxLjgxLDUzLjI3LTEuMzcsNzkuNjktMS45NSwxNi4xNy05LjkxLDMwLjQ0LTIwLjgsNDIuNzgtMS40NywxLjY2LTMuMDksMy4xOC02LjM5LDEuMDkiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNzI3LjcsODk3LjgxYzEuNDMtNy42OCw0LjMzLTEyLjEzLDEwLjc1LTE0Ljg4LDguMDYtMy40NCwxMy4yNC0xMC4zMywxNS4zOS0xOC43MSwxLjU0LTYsMi0xMi45My03LTEzLjg3LTguNzUtLjkxLTQuNjMtNi44NC01LjA3LTExLjczLDguMjQtMi44OCwxNi41LTQuMjEsMjMuMzcsMi4yNyw3LjU3LDcuMTUsNS42OSwxNi4xOCwyLjg3LDI0LjkxLTUuNDcsMTctMjAuMTQsMjktNDAuMzEsMzIiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJNOTI0LjcxLDkwNi43NGMuNTUtMS41OCwxLjYxLTIuODksMy4xOC0xLjY1cy40MSwyLjcyLS40Nyw0bC0yLjcxLTIuMzQiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNOTcwLjE5LDg3MC44OWMtLjEyLS44Mi0uMjYtMS42NS0uNDYtMi41LTIuMzctOS4zNi0xMi4yOS0xMC4yNi0xOS44NC0xMi4xOS02LjY1LS4xMi02LTcuOS0xMC43MS0xMS4yOS00LjQxLTMuNjktMTAuMi0yLjczLTE1Ljk1LTIuNDQtMS4zNS0uNTYtMi42OS0xLjEyLTQtMS43LTMuOC0zLjU4LTUuOTItOS4xNS0xMC42OC0xMi04LjIzLTQuNjItMTkuNjItMS4xMy0yOC43NC0uMzMtMy43My0xLjI1LTctMi45My0xMC44Mi00LjA2LTYuODktMS44MS0xMS4zOSwzLjcyLTE1LjM1LDguOC0xLjIsMi0yLjQ3LDMuODctMy43OCw1Ljc3LTExLDE0LjMxLTIyLjQ1LDI4LjUtMzEuNTMsNDUuMzYsMjcuMTIsMTIuMjEsMjkuOC0xNiw0NS4yNy0yNS4wNyw5LjQ1LDE3LjY0LTEwLjM0LDI5LjYxLTYuNzEsNDQuNTcsMTIuOTMsOS4yNiwxNC4zNSw5LjQ1LDI5Ljk0LDQsNy40MywyMC40MiwxNi43MiwyMi4xNywzMC45NCw1Ljg5LDIuMTQtMi40Niw0LjY0LTQuNjMsNy02LjkzLjU1LTEuNTgsMS42MS0yLjg5LDMuMTgtMS42NWEyLjEzLDIuMTMsMCwwLDEsLjMuM2MtMi4xLDYuMjYtNi4zOSwxMS43NS01Ljc0LDE4LjY3LS4wNy4yNi0uMTYuNTMtLjIyLjgtMS40Miw2LDIuODgsOS4xMSw3LjQ4LDExLjU5LDQsMi4xMiw3LjU5LDEuNTQsMTAuNDEtMiwxMi4wNi0xNS4zMSwyMy43NS0zMSwyOS42My00OS44MiwxLjc3LTUuNjgsMi0xMC4xNC40NC0xMy43MSIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTYiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik01MDYuMzksNDMyLjg3YzEuNC0xNi42NS0xNS40Mi0zMS42Ny0uMDctNDYuMTctMy42NC02LjU3LTkuMjUtOS41Ni0xMy42LTEzLjgtMTYuNzYtMTYuMzItMTguODItMzAuNTMtNy4xOS01MC44Myw3LjgyLTEzLjY2LDE4LTI1LjQ3LDI4LjY1LTM2Ljk0LDE0Ljg1LTE2LDMyLTI5LjUzLDQ4LjcyLTQzLjQxLDMxLjI1LTI1Ljg2LDY3LjMtMzAuNDQsMTA1LjU3LTIyLjU2LDE2LjI5LDMuMzUsMzIuMjEsOC42Nyw0OC4xNCwxMy42YTc4LjgsNzguOCwwLDAsMSwxOC4yMiw4LjA3YzE1Ljc3LDkuODMsMjQuNDIsMjMuNDEsMjMuMzEsNDMuMDYtLjg2LDE0LjkyLTYuNTUsMjkuNTktMi44NCw0NC43MywxNS41NSw2LjcyLDE2LjE4LDcuNTgsMTYsMjQuNjEtLjIzLDE3LjM4LTQsMzQuMjktNy42Myw1MS4xNi0xLjI3LDUuOS00LjcxLDEwLjgtOS44NiwxNS0xNS40NCwxMi41Mi0xNC4xNywyOSwyLjI0LDQwLjczYTIzNC41MiwyMzQuNTIsMCwwLDAsNDQuMSwyNS4yNGMyNC44MiwxMC43MSw1MC43NiwxMC4zMyw3NS44NSwxNi4yMywyOC43LDYuNzUsNTcuOCwxMS44LDg2LjcsMTcuNzIsMTAuMzQsMi4xMiwxOC40NCw2LjUxLDIxLjQ3LDE4LjE0LDUuNDksMjEsMTMuNDUsNDEsMjUuODcsNTkuMjIsNy44MywxMS41LDcuNDIsMjUuODEsNi4wOCwzOS0xLjgzLDE4LDIuNzksMzQuMTIsMTAsNTAsOS45LDIxLjc1LDIwLjkxLDQzLjA5LDIzLjU1LDY3LjQxLjU4LDUuMzcsNCw5LjI4LDguOTUsMTEuMjUsMTAuNzUsNC4yNSwxNC4xNCwxMy42NywxNi41NCwyMy41Miw2LjA5LDI1LDguMzQsNTAuNTcsMTAuNjUsNzYuMS42Niw3LjIzLjIsMTQuMTYsNywxOS41LDUuNTYsNC40LDMuNCwxMi40OCw2LDE5LjdoNzAuODN2MTAzLjg5SDE2OS40NVY5MDMuNThoNjguODJjLTEuNzQtMTAuMDgtNy41Ny0xNi4zMi0xMi4xNC0yMi45NC03LjgyLTExLjM0LTEwLjM5LTIzLjY2LTctMzYuNiwzLjc1LTE0LjM5LDMuNjQtMjguNzcsMi4xNy00My4yLTEuOTItMTguODUsMi44OC0zNSwxNS42Ni00OS4yOSwxNS4xLTE2LjkyLDI1Ljc4LTM2LjIyLDI3Ljg5LTU5LjQ4cTEuNTktMTcuNjQsMTYuODUtMjcuMzhjMTIuNjMtOC4wNywyMS43LTE5LjM5LDI2LjA5LTMzLjY5LDQuMjMtMTMuNzksMTIuMjMtMjQuODksMjItMzUsMTMuMTYtMTMuNjYsMjQuODQtMjguNjcsMzcuNTItNDIuNjYsMzYtMzkuNjksNjguNTItODMuNDcsMTE5LjA3LTEwNy4xNyw3LjQxLTMuNDcsMTMuODItOS4wOSwyMC4wNi0xMy4yOU05MjQuNzEsOTA2Ljc0bDIuNzEsMi4zNGMtMS43Niw1LjI1LTMuOTMsMTAuNDEtNS4xOSwxNS43OC0xLjQyLDYsMi44Nyw5LjExLDcuNDgsMTEuNTksNCwyLjEyLDcuNTksMS41NCwxMC40MS0yLDEyLjA2LTE1LjMxLDIzLjc1LTMxLDI5LjYzLTQ5LjgyLDQtMTMtLjIzLTE5LjU4LTEzLjc1LTIzLjctNC45Mi0xLjUtOS0zLjEzLTEyLjgyLTYuOTEtMTEuNTMtMTEuMzktMjkuNTctMTItNDAuOTUtMjQtLjYxLS42NC0yLjE1LS41NS0zLjI1LS41NC0xMSwuMDktMjIuMDUsMi4yLTMyLjg3LTIuMzUtMy43OC0xLjU5LTcuODguNjYtMTAuMzIsMy45NEM4NDMuMDgsODQ4LjE3LDgyOSw4NjQuMzcsODE4LjMsODg0LjNjMjcuMTIsMTIuMjEsMjkuOC0xNiw0NS4yNy0yNS4wNyw5LjQ1LDE3LjY0LTEwLjM0LDI5LjYxLTYuNyw0NC41NywxMi45Miw5LjI2LDE0LjMzLDkuNDUsMjkuOTMsNCw3LjQzLDIwLjQzLDE2LjcyLDIyLjE3LDMwLjkzLDUuODksMi4xNS0yLjQ2LDQuNjUtNC42Myw3LTYuOTNtLTU0Ny0zMzguNjFjLTEzLDE2LjM3LTI3LjIxLDMwLjQ2LTQwLjkxLDQ1QTUwLjg0LDUwLjg0LDAsMCwwLDMyNSw2MzMuMDZjLTUuODQsMTguNjMtMTYuNTIsMzMuOTItMzMsNDQuNzMtNi41Niw0LjMyLTEwLjI1LDkuOTQtMTAuODYsMTcuNzMtMiwyNS41Ni0xMy44NCw0Ni44NC0zMC4zNSw2NS40My0xMC45NCwxMi4zMS0xNC4yNiwyNS44MS0xMi42Miw0MS41NCwxLjM4LDEzLjMsMS44NSwyNi41OS0xLjQ2LDM5Ljg1LTIuNzYsMTEsLjU2LDIwLjcyLDcuMTYsMjEuMDgsMTEsLjU5LDExLjIyLTguODgsMTIuODItMTYuMjIsMy4xMS0xNC4zLDEuMTctMjguODksMi00My4zNCwxLjIxLTIxLjM1LDUuOC00MS43MywyNC44NS01My45czI4Ljc3LTMwLDM2LjI0LTUwLjEzYzQuNDItMTIsMTAuMS0yMy40NCwxMy42NS0zNS43NCwyLjA4LTcuMiw1Ljk1LTEzLDEyLjYxLTE2LjkxLDkuNDktNS41MiwxOC44Ni0xMS4yNSwyOC4xMy0xNi44LDE1LDEyLDI5LjI2LDI0LjM4LDQ2LjI4LDM0LjM2LDcuNTgtMTMuMzQsOS4wNS0yNy4yLDEyLjQzLTQwLjQzLDEtNC4wNy0uMjItNy4zMy0zLjU4LTEwLjI4LTE3LjE0LTE1LTM0LjA4LTMwLjI3LTUxLjYxLTQ1LjlNNjY5LDg1NmMxMi4xLTIsMjMuMTYtMy4xNCwzMy44Mi01Ljg0LDguNzItMi4yMSwyMS4wNS0yLjc3LDIxLjI5LTE0LjgxLjI0LTExLjYzLTEyLjA5LTEyLjE1LTIwLTEzLjc3LTQwLjg0LTguNC04Mi04LjcxLTEyMi43OC4xMS0yMC42Niw0LjQ2LTIxLjczLDcuMjktMTguNDMsMjguNjIuNDMsMi43Ni40OCw1LjU3LDEsOC4zLDkuNjgsNDkuODUsNDMuMjEsNzQuMTksOTIuMDUsNjcsNC40Ni00LjA5LDUuNDktOS44Miw3LjE2LTE1LDUuNTEtMTcuMTksNC40Mi0zNS4yMyw1Ljg1LTU0LjU5bS0zMTAuNjksNDYuM2gxMzYuMmMyLjcxLTM3LTYuMi02OS4zOS0yNy41LTk4LjMzLTcuNjgtMTAuNDQtMTQuODYtMTIuMDctMjQuNTMtMy41OC0yLjg4LDIuNTMtNC45NCw2LTcuNCw5LTI1LjI4LDMwLjg1LTQ4Ljc0LDYzLjE5LTc2Ljc3LDkyLjkzTTY5OC40OCw3ODkuOTNjOC4yNC0xMSw0LjYxLTIyLjY1LDQuMjItMzQtLjM5LTEwLjk1LTMuNjYtMjIuMDguNjYtMzQuMTEsMTEuMzIsNy4xNiw5LjEsMjEuMzEsMjIuODMsMjcuMzUsMy43Mi00My4xMywxMC04NC4zOCw4Ljg1LTEyNy03Ljg0LDE3Ljg0LTE1LjY4LDM1LjY4LTI0LjE3LDU1LTE5LjQxLTIxLjA2LTI1LTQ4LjY5LTQ0LjE3LTY5LjEtMTIuNjcsMjIuNjUtMTMuODgsNDYuNzEtMTksNjkuNjYtLjQzLDIsLjQ0LDQuNDcsMS4zNSw2LjQyLDE2LjM5LDM1LDM0LjcxLDY5LjEzLDQ5LjM4LDEwNS43Nk03MTMuOSwyNjUuMzFjMy4wOS05LjM2LDAtMTUuMzktMTAuMjctMTguMTQtMTQuNDYtMy45LTI4LjU4LTkuNzgtNDMuMjctMTItMzIuMzctNS02My4yNC0xLjQ5LTg5LDIyQzU1OS40NiwyNjgsNTQ2LjYyLDI3Ny45Miw1MzQuODgsMjg5Yy0xMy40LDEyLjU5LTI1Ljc5LDI2LjI2LTM0LjgsNDIuNDQtNy4yLDEyLjk0LTUuMiwxOS44NCw3LjksMjkuMTktMi44My0yMC40OSw4LjQ3LTMyLjc3LDIzLjM2LTQyLjg3LDQuNTgtMy4xLDkuMjctNi4zMywxNC4zNS04LjM5LDUxLjQ2LTIwLjg5LDEwMy4xNi00MSwxNTkuODktNDEuNjYsMi43NiwwLDUuNi4xMiw4LjMyLTIuMzZtMjMuNzMsMjI3LjQ4Yy01LjUzLDE3LjUyLTE2LjgzLDMwLjU0LTI4LjY5LDQzLjE1LTguNDEsOC45NS0xNywxNy43MS0yNS40NiwyNi42My0zLjQ4LDMuNjgtNi41NCw3LjIzLTQuMDcsMTMuMjRhNDQ5LDQ0OSwwLDAsMCwzMC4wNSw1OS42MWM4LjU1LTI0LDIwLjM2LTQyLjc4LDMyLjg1LTYxLjIsMy45MS01Ljc3LDUuMjYtMTIuMSw1LjUtMTksLjc1LTIxLjI1LTMuOC00MS42Ni0xMC4xOC02Mi40N001NjIuNDksOTAzLjY1Yy0xMi43MiwyLjcxLTI0LjEsNS4yNi0zNC41NSwxMC42NS01LjM2LDIuNzctMTEuNjMsNS4zNC0xMS40LDEyLjg5czYuNSwxMC4yNCwxMS45MywxMi42YTEyNy42MiwxMjcuNjIsMCwwLDAsMjMuNjMsNy45QzYwMy44NSw5NTksNjU2LDk1OS42Myw3MDguMzMsOTUyLjUyYzE2LTIuMTcsMzEuOTMtNC45LDQ2LjgtMTEuNTQsNi44NS0zLjA2LDE0LjQ3LTUuOTMsMTQuNTctMTcuNDItMTguOSw0LjY2LTM4LjUxLjI4LTU1LjI4LDEyLjMyLTQuMjYsMy4wNi0xMC4zOSwzLjc5LTE1Ljc5LDQuOTQtMzIuNTQsNi45NC02NS40MSw2LjgtOTguMTUsMi40Ny0xMi45My0xLjcxLTI2LjgxLTMtMzcuMDgtMTMuMDktMS0xLTEuMjYtMi44Mi0xLjYyLTMuNjgsMS4zNi01Ljg5LDcuNzMtNi42NCw5LjcxLTExLjUybC05LTExLjM1bTQxOS45Mi01My4xOGMxNi4zMiwyNi41MSwxOC4yOSw1Mi41OSw0LjQ0LDgwLjExbDM2LjQ3LDEyLjExYzE4Ljg4LTI5LjcxLTQuMzItODMuODctNDAuOTEtOTIuMjJNNjMwLjYyLDYzNS4xMmM3LjUtMTkuODgsMTMuODEtMzkuMiwxNi45LTYwLTE3LjExLTkuODQtMzYtMTMuMTUtNTMuMTUtMjIsMTQuNjUsMjYuNywyMS4wOCw1NiwzNi4yNSw4Mm03Mi43MS0xMzcuNjljMy4zLDIuMDksNC45Mi41Nyw2LjM5LTEuMDksMTAuODktMTIuMzQsMTguODUtMjYuNjEsMjAuOC00Mi43OCwzLjE4LTI2LjQyLDUuNzMtNTMsMS4zNy03OS42OS0yLjk0LTE4LTYuMjEtMjEtMjUuMy0yMC44NywxNC4yLDQ4LjUsMjYuNjYsOTctMy4yNiwxNDQuNDNNNzI3LjcsODk3LjgxYzIwLjE3LTMsMzQuODQtMTUsNDAuMzEtMzIsMi44Mi04LjczLDQuNy0xNy43Ni0yLjg3LTI0LjkxLTYuODctNi40OC0xNS4xMy01LjE1LTIzLjM3LTIuMjcuNDQsNC44OS0zLjY4LDEwLjgyLDUuMDcsMTEuNzMsOSwuOTQsOC41NCw3Ljg2LDcsMTMuODctMi4xNSw4LjM4LTcuMzMsMTUuMjctMTUuMzksMTguNzEtNi40MiwyLjc1LTkuMzIsNy4yLTEwLjc1LDE0Ljg4IiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTU4MS44LDUwMi44OGMxLjItNC40OC0zLjMtNi40Mi01LTguNjVhOC4xOCw4LjE4LDAsMCwxLC42Ny00LjUzYy44LTEuODUsMS44Ny01LjEyLDEuODctNS4xMmEyNywyNywwLDAsMC0uMTQtNi44OCwxMC44MSwxMC44MSwwLDAsMC0zLjE3LTYuMTEsNS4yOSw1LjI5LDAsMCwxLTEuMzgtMmMtLjQ4LTEuMjgtLjkzLTIuNTYtMS4zLTMuODZhNy42OCw3LjY4LDAsMCwxLC4zMy01YzEtMi4zOSwxLjgxLTUuMDUuNS04LjE2LTMtNy03LjU1LTcuMDYtOS43MS04LjE5YTE4LjMyLDE4LjMyLDAsMCwxLTEuMzgtMS43NWMtMS0yLjkzLS4zMy03LjY5LTYuMTYtMTEuODItNC4xMy0yLjktMTkuMTcsMi40Ni0yMy42Miw1LjQ3LTMuMTUsMi01Ljg3LDQtOC42MSw1LjkzcS0zNC44OSwyMy4xMS02OS44Niw0Ni4xNGMtMjUuNjQsMTctNDIuNTEsNDEuODItNjAsNjUuNjEsOC41MiwxNC41NCwxNS40LDIwLjM5LDMzLjU1LDI4LjU2LDIuODItMy42NCw1LjczLTcuMzYsOC42NS0xMS4xMSw1LjA4LTQuMDYsNC40OS02LjM0LDguNjMtMTFsLjA4LS4wOWMuMTYtLjE4LjM1LS4zOC41My0uNTZhMTguMTEsMTguMTEsMCwwLDEsMTAuMzItNS43M2MzMi4yMy01Ljc0LDYzLTE3LjM2LDk1LTI0LjE2LDEzLjkyLTMsMjMuNjQtMTEuNjMsMjkuNDMtMjQuMjlaIiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNyIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTcwNi43NCw4MzYuNDljLTQzLjQ3LDkuNzktODQuMjksMTAtMTI4LS4yM2ExLjU4LDEuNTgsMCwwLDEtLjMtM2MyOS4xOC0xMy4xNiwxMDEuNTEtMTMsMTI4LjYzLjI1YTEuNTgsMS41OCwwLDAsMS0uMzYsMyIgLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";
-const styles = i$2`
+const styles = i$1`
   :host {
     display: flex;
     font-display: swap;
-    font-family: "Roboto Condensed", Arial, sans-serif;
+    font-family: "Roboto Flex", Arial, sans-serif;
     font-weight: 400;
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.06);
     align-items: center;
@@ -938,26 +1190,32 @@ let JoeHeader = class extends s {
     this.links = [
       {
         label: "Home",
+        gtm: "nav_menu_home",
         href: "https://www.joejuice.com/"
       },
       {
         label: "Menu",
+        gtm: "nav_menu_menu",
         href: "https://gtly.ink/Csp5K56vz"
       },
       {
         label: "Stores",
+        gtm: "nav_menu_stores",
         href: "https://gtly.ink/Xh7TCljV2"
       },
       {
         label: "App",
+        gtm: "nav_menu_app",
         href: "https://www.joejuice.com/app"
       },
       {
         label: "Careers",
+        gtm: "nav_menu_careers",
         href: "https://www.joejuice.com/apply"
       },
       {
         label: "Event Bookings",
+        gtm: "nav_menu_events",
         href: "https://www.joejuice.com/events",
         collapsed: [
           {
@@ -977,6 +1235,7 @@ let JoeHeader = class extends s {
           },
           {
             label: "Request Booking",
+            gtm: "request_event_booking",
             href: "https://joejuice.typeform.com/events",
             hideMobile: true,
             target: "_blank"
@@ -986,6 +1245,7 @@ let JoeHeader = class extends s {
       {
         label: "& MORE",
         hideMobile: true,
+        gtm: "nav_menu_more",
         collapsed: [
           {
             label: "Culture",
@@ -1004,7 +1264,7 @@ let JoeHeader = class extends s {
     ];
   }
   render() {
-    return y`
+    return x`
       <div class="container">
         <div class="navigation">
           <button
@@ -1024,10 +1284,11 @@ let JoeHeader = class extends s {
           >
             <ul>
               ${this.links.map(
-      (link) => link.collapsed ? y`<li class="collapsed">
-                      ${link.href ? y`<a
+      (link) => link.collapsed ? x`<li class="collapsed">
+                      ${link.href ? x`<a
                             href=${link.href}
                             target=${link.target}
+                            data-gtm-id=${link.gtm}
                             itemprop="url"
                           >
                             <span
@@ -1037,20 +1298,21 @@ let JoeHeader = class extends s {
                               ${link.label}
                               <div class="arrow"></div
                             ></span>
-                          </a>` : y`<span
+                          </a>` : x`<span
                             class=${link.hideMobile ? "collapsed__title hide-on-mobile" : "collapsed__title"}
                             >${link.label}</span
                           >`}
 
                       <ul class="collapsed__list">
                         ${link.collapsed.map(
-        (link2) => y`<li
+        (link2) => x`<li
                             itemprop="name"
                             class=${link2.hideMobile ? "hide-on-mobile" : ""}
                           >
                             <a
                               href=${link2.href}
                               target=${link2.target}
+                              data-gtm-id=${link2.gtm}
                               itemprop="url"
                             >
                               <span
@@ -1061,11 +1323,16 @@ let JoeHeader = class extends s {
                           </li>`
       )}
                       </ul>
-                    </li>` : y`<li
+                    </li>` : x`<li
                       itemprop="name"
                       class=${link.hideMobile ? "hide-on-mobile" : ""}
                     >
-                      <a href=${link.href} target=${link.target} itemprop="url">
+                      <a
+                        href=${link.href}
+                        target=${link.target}
+                        data-gtm-id=${link.gtm}
+                        itemprop="url"
+                      >
                         <span itemprop="name">
                           ${link.label}
                           <div class="arrow"></div
@@ -1090,7 +1357,7 @@ let JoeHeader = class extends s {
 
         <div class="slot">
           <slot></slot>
-          ${this.showOrderButton ? y`
+          ${this.showOrderButton ? x`
                 <a
                   class="order-button"
                   rel="follow"
@@ -1108,13 +1375,13 @@ let JoeHeader = class extends s {
 };
 JoeHeader.styles = styles;
 __decorateClass([
-  e()
+  n$1()
 ], JoeHeader.prototype, "expanded", 2);
 __decorateClass([
-  e()
+  n$1()
 ], JoeHeader.prototype, "showOrderButton", 2);
 __decorateClass([
-  e()
+  n$1()
 ], JoeHeader.prototype, "links", 2);
 JoeHeader = __decorateClass([
   e$1("joe-header")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "joe-header",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "license": "MIT",
   "type": "module",
   "main": "dist/joe-header.js",
@@ -9,7 +9,8 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build"
+    "build": "tsc && vite build",
+    "build:gzip": "tsc && vite build && gzip -k dist/joe-header.js"
   },
   "types": "types/joe-header.d.ts",
   "files": [
@@ -22,6 +23,6 @@
     "vite": "^3.0.6"
   },
   "dependencies": {
-    "lit": "^2.2.8"
+    "lit": "^2.8.0"
   }
 }

package/types/joe-header.d.ts

@@ -5,6 +5,7 @@ interface Link {
     collapsed?: Link[];
     hideMobile?: boolean;
     target?: string;
+    gtm?: string;
 }
 /**
  * Joe Header