joe-header 2.0.0 → 2.0.1

package/README.md

@@ -15,7 +15,7 @@ Add this to the index.html file of the project where you want to use the header.
 ...
 <body>
   <joe-header></joe-header>
-  <script type="module" src="https://unpkg.com/joe-header@2.0.0/dist/joe-header.js"></script>
+  <script type="module" src="https://unpkg.com/joe-header@2.0.1/dist/joe-header.js"></script>
 </body>
 ...
 ```

package/dist/joe-header.js

@@ -3,19 +3,19 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Y = window, B = Y.ShadowRoot && (Y.ShadyCSS === void 0 || Y.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, R = Symbol(), Z = /* @__PURE__ */ new WeakMap();
-class Lt {
+const Y = window, R = Y.ShadowRoot && (Y.ShadyCSS === void 0 || Y.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, K = Symbol(), J = /* @__PURE__ */ new WeakMap();
+class ot {
   constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== R)
+    if (this._$cssResult$ = !0, i !== K)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (B && t === void 0) {
+    if (R && t === void 0) {
       const i = e !== void 0 && e.length === 1;
-      i && (t = Z.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Z.set(e, t));
+      i && (t = J.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && J.set(e, t));
     }
     return t;
   }
@@ -23,7 +23,7 @@ class Lt {
     return this.cssText;
   }
 }
-const rt = (M) => new Lt(typeof M == "string" ? M : M + "", void 0, R), lt = (M, ...t) => {
+const jt = (M) => new ot(typeof M == "string" ? M : M + "", void 0, K), lt = (M, ...t) => {
   const e = M.length === 1 ? M[0] : t.reduce((i, s, o) => i + ((L) => {
     if (L._$cssResult$ === !0)
       return L.cssText;
@@ -31,28 +31,28 @@ const rt = (M) => new Lt(typeof M == "string" ? M : M + "", void 0, R), lt = (M,
       return L;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + L + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(s) + M[o + 1], M[0]);
-  return new Lt(e, M, R);
+  return new ot(e, M, K);
 }, Nt = (M, t) => {
-  B ? M.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
+  R ? M.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
     const i = document.createElement("style"), s = Y.litNonce;
     s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, M.appendChild(i);
   });
-}, J = B ? (M) => M : (M) => M instanceof CSSStyleSheet ? ((t) => {
+}, W = R ? (M) => M : (M) => M instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
-  return rt(e);
+  return jt(e);
 })(M) : M;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var Q;
-const $ = window, W = $.trustedTypes, It = W ? W.emptyScript : "", X = $.reactiveElementPolyfillSupport, G = { toAttribute(M, t) {
+var b;
+const $ = window, X = $.trustedTypes, at = X ? X.emptyScript : "", F = $.reactiveElementPolyfillSupport, B = { toAttribute(M, t) {
   switch (t) {
     case Boolean:
-      M = M ? It : null;
+      M = M ? at : null;
       break;
     case Object:
     case Array:
@@ -77,7 +77,7 @@ const $ = window, W = $.trustedTypes, It = W ? W.emptyScript : "", X = $.reactiv
       }
   }
   return e;
-} }, ot = (M, t) => t !== M && (t == t || M == M), _ = { attribute: !0, type: String, converter: G, reflect: !1, hasChanged: ot };
+} }, nt = (M, t) => t !== M && (t == t || M == M), _ = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: nt };
 class T extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
@@ -128,9 +128,9 @@ class T extends HTMLElement {
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
       for (const s of i)
-        e.unshift(J(s));
+        e.unshift(W(s));
     } else
-      t !== void 0 && e.push(J(t));
+      t !== void 0 && e.push(W(t));
     return e;
   }
   static _$Ep(t, e) {
@@ -182,7 +182,7 @@ class T extends HTMLElement {
     var s;
     const o = this.constructor._$Ep(t, i);
     if (o !== void 0 && i.reflect === !0) {
-      const L = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : G).toAttribute(e, i.type);
+      const L = (((s = i.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? i.converter : B).toAttribute(e, i.type);
       this._$El = t, L == null ? this.removeAttribute(o) : this.setAttribute(o, L), this._$El = null;
     }
   }
@@ -190,13 +190,13 @@ class T extends HTMLElement {
     var i;
     const s = this.constructor, o = s._$Ev.get(t);
     if (o !== void 0 && this._$El !== o) {
-      const L = s.getPropertyOptions(o), j = typeof L.converter == "function" ? { fromAttribute: L.converter } : ((i = L.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? L.converter : G;
-      this._$El = o, this[o] = j.fromAttribute(e, L.type), this._$El = null;
+      const L = s.getPropertyOptions(o), g = typeof L.converter == "function" ? { fromAttribute: L.converter } : ((i = L.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? L.converter : B;
+      this._$El = o, this[o] = g.fromAttribute(e, L.type), this._$El = null;
     }
   }
   requestUpdate(t, e, i) {
     let s = !0;
-    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || ot)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
+    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || nt)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = !0;
@@ -257,84 +257,84 @@ class T extends HTMLElement {
   firstUpdated(t) {
   }
 }
-T.finalized = !0, T.elementProperties = /* @__PURE__ */ new Map(), T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, X == null || X({ ReactiveElement: T }), ((Q = $.reactiveElementVersions) !== null && Q !== void 0 ? Q : $.reactiveElementVersions = []).push("1.4.1");
+T.finalized = !0, T.elementProperties = /* @__PURE__ */ new Map(), T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, F == null || F({ ReactiveElement: T }), ((b = $.reactiveElementVersions) !== null && b !== void 0 ? b : $.reactiveElementVersions = []).push("1.4.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var b;
-const U = window, A = U.trustedTypes, F = A ? A.createPolicy("lit-html", { createHTML: (M) => M }) : void 0, a = `lit$${(Math.random() + "").slice(9)}$`, nt = "?" + a, at = `<${nt}>`, h = document, p = (M = "") => h.createComment(M), z = (M) => M === null || typeof M != "object" && typeof M != "function", ut = Array.isArray, Ct = (M) => ut(M) || typeof (M == null ? void 0 : M[Symbol.iterator]) == "function", d = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, V = /-->/g, q = />/g, C = RegExp(`>|[ 	
+var k;
+const f = window, A = f.trustedTypes, V = A ? A.createPolicy("lit-html", { createHTML: (M) => M }) : void 0, I = `lit$${(Math.random() + "").slice(9)}$`, rt = "?" + I, It = `<${rt}>`, h = document, z = (M = "") => h.createComment(M), S = (M) => M === null || typeof M != "object" && typeof M != "function", ut = Array.isArray, ct = (M) => ut(M) || typeof (M == null ? void 0 : M[Symbol.iterator]) == "function", x = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, q = /-->/g, tt = />/g, c = RegExp(`>|[ 	
 \f\r](?:([^\\s"'>=/]+)([ 	
 \f\r]*=[ 	
 \f\r]*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), tt = /'/g, et = /"/g, gt = /^(?:script|style|textarea|title)$/i, ct = (M) => (t, ...e) => ({ _$litType$: M, strings: t, values: e }), c = ct(1), D = Symbol.for("lit-noChange"), l = Symbol.for("lit-nothing"), it = /* @__PURE__ */ new WeakMap(), Tt = (M, t, e) => {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), et = /'/g, it = /"/g, gt = /^(?:script|style|textarea|title)$/i, Ct = (M) => (t, ...e) => ({ _$litType$: M, strings: t, values: e }), C = Ct(1), d = Symbol.for("lit-noChange"), l = Symbol.for("lit-nothing"), st = /* @__PURE__ */ new WeakMap(), Tt = (M, t, e) => {
   var i, s;
   const o = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
   let L = o._$litPart$;
   if (L === void 0) {
-    const j = (s = e == null ? void 0 : e.renderBefore) !== null && s !== void 0 ? s : null;
-    o._$litPart$ = L = new O(t.insertBefore(p(), j), j, void 0, e != null ? e : {});
+    const g = (s = e == null ? void 0 : e.renderBefore) !== null && s !== void 0 ? s : null;
+    o._$litPart$ = L = new O(t.insertBefore(z(), g), g, void 0, e != null ? e : {});
   }
   return L._$AI(M), L;
 }, y = h.createTreeWalker(h, 129, null, !1), yt = (M, t) => {
   const e = M.length - 1, i = [];
-  let s, o = t === 2 ? "<svg>" : "", L = d;
+  let s, o = t === 2 ? "<svg>" : "", L = x;
   for (let n = 0; n < e; n++) {
-    const u = M[n];
-    let I, g, r = -1, N = 0;
-    for (; N < u.length && (L.lastIndex = N, g = L.exec(u), g !== null); )
-      N = L.lastIndex, L === d ? g[1] === "!--" ? L = V : g[1] !== void 0 ? L = q : g[2] !== void 0 ? (gt.test(g[2]) && (s = RegExp("</" + g[2], "g")), L = C) : g[3] !== void 0 && (L = C) : L === C ? g[0] === ">" ? (L = s != null ? s : d, r = -1) : g[1] === void 0 ? r = -2 : (r = L.lastIndex - g[2].length, I = g[1], L = g[3] === void 0 ? C : g[3] === '"' ? et : tt) : L === et || L === tt ? L = C : L === V || L === q ? L = d : (L = C, s = void 0);
-    const v = L === C && M[n + 1].startsWith("/>") ? " " : "";
-    o += L === d ? u + at : r >= 0 ? (i.push(I), u.slice(0, r) + "$lit$" + u.slice(r) + a + v) : u + a + (r === -2 ? (i.push(void 0), n) : v);
-  }
-  const j = o + (M[e] || "<?>") + (t === 2 ? "</svg>" : "");
+    const r = M[n];
+    let a, u, j = -1, N = 0;
+    for (; N < r.length && (L.lastIndex = N, u = L.exec(r), u !== null); )
+      N = L.lastIndex, L === x ? u[1] === "!--" ? L = q : u[1] !== void 0 ? L = tt : u[2] !== void 0 ? (gt.test(u[2]) && (s = RegExp("</" + u[2], "g")), L = c) : u[3] !== void 0 && (L = c) : L === c ? u[0] === ">" ? (L = s != null ? s : x, j = -1) : u[1] === void 0 ? j = -2 : (j = L.lastIndex - u[2].length, a = u[1], L = u[3] === void 0 ? c : u[3] === '"' ? it : et) : L === it || L === et ? L = c : L === q || L === tt ? L = x : (L = c, s = void 0);
+    const v = L === c && M[n + 1].startsWith("/>") ? " " : "";
+    o += L === x ? r + It : j >= 0 ? (i.push(a), r.slice(0, j) + "$lit$" + r.slice(j) + I + v) : r + I + (j === -2 ? (i.push(void 0), n) : v);
+  }
+  const g = o + (M[e] || "<?>") + (t === 2 ? "</svg>" : "");
   if (!Array.isArray(M) || !M.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return [F !== void 0 ? F.createHTML(j) : j, i];
+  return [V !== void 0 ? V.createHTML(g) : g, i];
 };
-class S {
+class E {
   constructor({ strings: t, _$litType$: e }, i) {
     let s;
     this.parts = [];
     let o = 0, L = 0;
-    const j = t.length - 1, n = this.parts, [u, I] = yt(t, e);
-    if (this.el = S.createElement(u, i), y.currentNode = this.el.content, e === 2) {
-      const g = this.el.content, r = g.firstChild;
-      r.remove(), g.append(...r.childNodes);
+    const g = t.length - 1, n = this.parts, [r, a] = yt(t, e);
+    if (this.el = E.createElement(r, i), y.currentNode = this.el.content, e === 2) {
+      const u = this.el.content, j = u.firstChild;
+      j.remove(), u.append(...j.childNodes);
     }
-    for (; (s = y.nextNode()) !== null && n.length < j; ) {
+    for (; (s = y.nextNode()) !== null && n.length < g; ) {
       if (s.nodeType === 1) {
         if (s.hasAttributes()) {
-          const g = [];
-          for (const r of s.getAttributeNames())
-            if (r.endsWith("$lit$") || r.startsWith(a)) {
-              const N = I[L++];
-              if (g.push(r), N !== void 0) {
-                const v = s.getAttribute(N.toLowerCase() + "$lit$").split(a), m = /([.?@])?(.*)/.exec(N);
-                n.push({ type: 1, index: o, name: m[2], strings: v, ctor: m[1] === "." ? ht : m[1] === "?" ? wt : m[1] === "@" ? dt : f });
+          const u = [];
+          for (const j of s.getAttributeNames())
+            if (j.endsWith("$lit$") || j.startsWith(I)) {
+              const N = a[L++];
+              if (u.push(j), N !== void 0) {
+                const v = s.getAttribute(N.toLowerCase() + "$lit$").split(I), m = /([.?@])?(.*)/.exec(N);
+                n.push({ type: 1, index: o, name: m[2], strings: v, ctor: m[1] === "." ? ht : m[1] === "?" ? wt : m[1] === "@" ? Dt : U });
               } else
                 n.push({ type: 6, index: o });
             }
-          for (const r of g)
-            s.removeAttribute(r);
+          for (const j of u)
+            s.removeAttribute(j);
         }
         if (gt.test(s.tagName)) {
-          const g = s.textContent.split(a), r = g.length - 1;
-          if (r > 0) {
+          const u = s.textContent.split(I), j = u.length - 1;
+          if (j > 0) {
             s.textContent = A ? A.emptyScript : "";
-            for (let N = 0; N < r; N++)
-              s.append(g[N], p()), y.nextNode(), n.push({ type: 2, index: ++o });
-            s.append(g[r], p());
+            for (let N = 0; N < j; N++)
+              s.append(u[N], z()), y.nextNode(), n.push({ type: 2, index: ++o });
+            s.append(u[j], z());
           }
         }
       } else if (s.nodeType === 8)
-        if (s.data === nt)
+        if (s.data === rt)
           n.push({ type: 2, index: o });
         else {
-          let g = -1;
-          for (; (g = s.data.indexOf(a, g + 1)) !== -1; )
-            n.push({ type: 7, index: o }), g += a.length - 1;
+          let u = -1;
+          for (; (u = s.data.indexOf(I, u + 1)) !== -1; )
+            n.push({ type: 7, index: o }), u += I.length - 1;
         }
       o++;
     }
@@ -345,12 +345,12 @@ class S {
   }
 }
 function w(M, t, e = M, i) {
-  var s, o, L, j;
-  if (t === D)
+  var s, o, L, g;
+  if (t === d)
     return t;
   let n = i !== void 0 ? (s = e._$Cl) === null || s === void 0 ? void 0 : s[i] : e._$Cu;
-  const u = z(t) ? void 0 : t._$litDirective$;
-  return (n == null ? void 0 : n.constructor) !== u && ((o = n == null ? void 0 : n._$AO) === null || o === void 0 || o.call(n, !1), u === void 0 ? n = void 0 : (n = new u(M), n._$AT(M, e, i)), i !== void 0 ? ((L = (j = e)._$Cl) !== null && L !== void 0 ? L : j._$Cl = [])[i] = n : e._$Cu = n), n !== void 0 && (t = w(M, n._$AS(M, t.values), n, i)), t;
+  const r = S(t) ? void 0 : t._$litDirective$;
+  return (n == null ? void 0 : n.constructor) !== r && ((o = n == null ? void 0 : n._$AO) === null || o === void 0 || o.call(n, !1), r === void 0 ? n = void 0 : (n = new r(M), n._$AT(M, e, i)), i !== void 0 ? ((L = (g = e)._$Cl) !== null && L !== void 0 ? L : g._$Cl = [])[i] = n : e._$Cu = n), n !== void 0 && (t = w(M, n._$AS(M, t.values), n, i)), t;
 }
 class At {
   constructor(t, e) {
@@ -366,13 +366,13 @@ class At {
     var e;
     const { el: { content: i }, parts: s } = this._$AD, o = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : h).importNode(i, !0);
     y.currentNode = o;
-    let L = y.nextNode(), j = 0, n = 0, u = s[0];
-    for (; u !== void 0; ) {
-      if (j === u.index) {
-        let I;
-        u.type === 2 ? I = new O(L, L.nextSibling, this, t) : u.type === 1 ? I = new u.ctor(L, u.name, u.strings, this, t) : u.type === 6 && (I = new xt(L, this, t)), this.v.push(I), u = s[++n];
+    let L = y.nextNode(), g = 0, n = 0, r = s[0];
+    for (; r !== void 0; ) {
+      if (g === r.index) {
+        let a;
+        r.type === 2 ? a = new O(L, L.nextSibling, this, t) : r.type === 1 ? a = new r.ctor(L, r.name, r.strings, this, t) : r.type === 6 && (a = new xt(L, this, t)), this.v.push(a), r = s[++n];
       }
-      j !== (u == null ? void 0 : u.index) && (L = y.nextNode(), j++);
+      g !== (r == null ? void 0 : r.index) && (L = y.nextNode(), g++);
     }
     return o;
   }
@@ -403,7 +403,7 @@ class O {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = w(this, t, e), z(t) ? t === l || t == null || t === "" ? (this._$AH !== l && this._$AR(), this._$AH = l) : t !== this._$AH && t !== D && this.$(t) : t._$litType$ !== void 0 ? this.T(t) : t.nodeType !== void 0 ? this.k(t) : Ct(t) ? this.O(t) : this.$(t);
+    t = w(this, t, e), S(t) ? t === l || t == null || t === "" ? (this._$AH !== l && this._$AR(), this._$AH = l) : t !== this._$AH && t !== d && this.$(t) : t._$litType$ !== void 0 ? this.T(t) : t.nodeType !== void 0 ? this.k(t) : ct(t) ? this.O(t) : this.$(t);
   }
   S(t, e = this._$AB) {
     return this._$AA.parentNode.insertBefore(t, e);
@@ -412,28 +412,28 @@ class O {
     this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
   }
   $(t) {
-    this._$AH !== l && z(this._$AH) ? this._$AA.nextSibling.data = t : this.k(h.createTextNode(t)), this._$AH = t;
+    this._$AH !== l && S(this._$AH) ? this._$AA.nextSibling.data = t : this.k(h.createTextNode(t)), this._$AH = t;
   }
   T(t) {
     var e;
-    const { values: i, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = S.createElement(s.h, this.options)), s);
+    const { values: i, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = E.createElement(s.h, this.options)), s);
     if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === o)
       this._$AH.m(i);
     else {
-      const L = new At(o, this), j = L.p(this.options);
-      L.m(i), this.k(j), this._$AH = L;
+      const L = new At(o, this), g = L.p(this.options);
+      L.m(i), this.k(g), this._$AH = L;
     }
   }
   _$AC(t) {
-    let e = it.get(t.strings);
-    return e === void 0 && it.set(t.strings, e = new S(t)), e;
+    let e = st.get(t.strings);
+    return e === void 0 && st.set(t.strings, e = new E(t)), e;
   }
   O(t) {
     ut(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let i, s = 0;
     for (const o of t)
-      s === e.length ? e.push(i = new O(this.S(p()), this.S(p()), this, this.options)) : i = e[s], i._$AI(o), s++;
+      s === e.length ? e.push(i = new O(this.S(z()), this.S(z()), this, this.options)) : i = e[s], i._$AI(o), s++;
     s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -448,7 +448,7 @@ class O {
     this._$AM === void 0 && (this._$C_ = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
   }
 }
-class f {
+class U {
   constructor(t, e, i, s, o) {
     this.type = 1, this._$AH = l, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = l;
   }
@@ -462,12 +462,12 @@ class f {
     const o = this.strings;
     let L = !1;
     if (o === void 0)
-      t = w(this, t, e, 0), L = !z(t) || t !== this._$AH && t !== D, L && (this._$AH = t);
+      t = w(this, t, e, 0), L = !S(t) || t !== this._$AH && t !== d, L && (this._$AH = t);
     else {
-      const j = t;
-      let n, u;
+      const g = t;
+      let n, r;
       for (t = o[0], n = 0; n < o.length - 1; n++)
-        u = w(this, j[i + n], e, n), u === D && (u = this._$AH[n]), L || (L = !z(u) || u !== this._$AH[n]), u === l ? t = l : t !== l && (t += (u != null ? u : "") + o[n + 1]), this._$AH[n] = u;
+        r = w(this, g[i + n], e, n), r === d && (r = this._$AH[n]), L || (L = !S(r) || r !== this._$AH[n]), r === l ? t = l : t !== l && (t += (r != null ? r : "") + o[n + 1]), this._$AH[n] = r;
     }
     L && !s && this.P(t);
   }
@@ -475,7 +475,7 @@ class f {
     t === l ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t != null ? t : "");
   }
 }
-class ht extends f {
+class ht extends U {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -483,22 +483,22 @@ class ht extends f {
     this.element[this.name] = t === l ? void 0 : t;
   }
 }
-const Dt = A ? A.emptyScript : "";
-class wt extends f {
+const dt = A ? A.emptyScript : "";
+class wt extends U {
   constructor() {
     super(...arguments), this.type = 4;
   }
   P(t) {
-    t && t !== l ? this.element.setAttribute(this.name, Dt) : this.element.removeAttribute(this.name);
+    t && t !== l ? this.element.setAttribute(this.name, dt) : this.element.removeAttribute(this.name);
   }
 }
-class dt extends f {
+class Dt extends U {
   constructor(t, e, i, s, o) {
     super(t, e, i, s, o), this.type = 5;
   }
   _$AI(t, e = this) {
     var i;
-    if ((t = (i = w(this, t, e, 0)) !== null && i !== void 0 ? i : l) === D)
+    if ((t = (i = w(this, t, e, 0)) !== null && i !== void 0 ? i : l) === d)
       return;
     const s = this._$AH, o = t === l && s !== l || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, L = t !== l && (s === l || o);
     o && this.element.removeEventListener(this.name, this, s), L && this.element.addEventListener(this.name, this, t), this._$AH = t;
@@ -519,15 +519,15 @@ class xt {
     w(this, t);
   }
 }
-const st = U.litHtmlPolyfillSupport;
-st == null || st(S, O), ((b = U.litHtmlVersions) !== null && b !== void 0 ? b : U.litHtmlVersions = []).push("2.3.1");
+const Mt = f.litHtmlPolyfillSupport;
+Mt == null || Mt(E, O), ((k = f.litHtmlVersions) !== null && k !== void 0 ? k : f.litHtmlVersions = []).push("2.3.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var k, P;
-class x extends T {
+var P, H;
+class p extends T {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -549,13 +549,13 @@ class x extends T {
     super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
   }
   render() {
-    return D;
+    return d;
   }
 }
-x.finalized = !0, x._$litElement$ = !0, (k = globalThis.litElementHydrateSupport) === null || k === void 0 || k.call(globalThis, { LitElement: x });
-const Mt = globalThis.litElementPolyfillSupport;
-Mt == null || Mt({ LitElement: x });
-((P = globalThis.litElementVersions) !== null && P !== void 0 ? P : globalThis.litElementVersions = []).push("3.2.2");
+p.finalized = !0, p._$litElement$ = !0, (P = globalThis.litElementHydrateSupport) === null || P === void 0 || P.call(globalThis, { LitElement: p });
+const Lt = globalThis.litElementPolyfillSupport;
+Lt == null || Lt({ LitElement: p });
+((H = globalThis.litElementVersions) !== null && H !== void 0 ? H : globalThis.litElementVersions = []).push("3.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -579,7 +579,7 @@ const zt = (M, t) => t.kind === "method" && t.descriptor && !("value" in t.descr
 }, finisher(e) {
   e.createProperty(t.key, M);
 } };
-function jt(M) {
+function Z(M) {
   return (t, e) => e !== void 0 ? ((i, s, o) => {
     s.constructor.createProperty(o, i);
   })(M, t, e) : zt(M, t);
@@ -589,8 +589,8 @@ function jt(M) {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var H;
-((H = window.HTMLSlotElement) === null || H === void 0 ? void 0 : H.prototype.assignedElements) != null;
+var G;
+((G = window.HTMLSlotElement) === null || G === void 0 ? void 0 : G.prototype.assignedElements) != null;
 const St = "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMzOC41NyAxMzQwLjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgICAgICAuY2xzLTEgewogICAgICAgICAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLmNscy0yIHsKICAgICAgICAgICAgICAgIGZpbGw6ICNmNmMxZDk7CiAgICAgICAgICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgICAgICAgIH0KCiAgICAgICAgICAgIC5jbHMtMyB7CiAgICAgICAgICAgICAgICBjbGlwLXBhdGg6IHVybCgjY2xpcC1wYXRoKTsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLmNscy00IHsKICAgICAgICAgICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwLXBhdGgtMik7CiAgICAgICAgICAgIH0KCiAgICAgICAgICAgIC5jbHMtNSB7CiAgICAgICAgICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgICAgICB9CgogICAgICAgICAgICAuY2xzLTYgewogICAgICAgICAgICAgICAgZmlsbDogIzFlMWYxZDsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLmNscy03IHsKICAgICAgICAgICAgICAgIGZpbGw6ICMxOTFkMWY7CiAgICAgICAgICAgIH0KICAgICAgICA8L3N0eWxlPgogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNjkuNDUiIHk9IjIxNS42NiIgd2lkdGg9IjEwMDAuMTYiIGhlaWdodD0iNzkxLjQiIC8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC0yIj4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNjkuNDUiIHk9IjIxNS42NiIgd2lkdGg9IjEwMDAuMTYiIGhlaWdodD0iNzkxLjQiIC8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KICAgIDxnPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIKICAgICAgICAgICAgZD0iTTEzMzguNTcsNjcwLjNoMGMwLDM3MC4yNC0yOTkuNjgsNjcwLjQtNjY5LjMzLDY3MC40UzAsMTA0MC41NCwwLDY3MC4zLDI5OS41OCwwLDY2OS4yNCwwLDEzMzguNTcsMzAwLjA1LDEzMzguNTcsNjcwLjNaIiAvPgogICAgICAgIDxnPgogICAgICAgICAgICA8ZyBjbGFzcz0iY2xzLTMiPgogICAgICAgICAgICAgICAgPGcgY2xhc3M9ImNscy00Ij4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTUiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik0zNzcuNjgsNTY4LjEzYzE3LjUzLDE1LjYzLDM0LjQ3LDMwLjg3LDUxLjYxLDQ1LjksMy4zNiwzLDQuNjEsNi4yMSwzLjU4LDEwLjI4LTMuMzgsMTMuMjMtNC44NSwyNy4wOS0xMi40Myw0MC40My0xNy0xMC0zMS4yMy0yMi4zMS00Ni4yOC0zNC4zNi05LjI2LDUuNTUtMTguNjQsMTEuMjgtMjguMTMsMTYuOC02LjY2LDMuODgtMTAuNTMsOS43MS0xMi42MSwxNi45MS0zLjU1LDEyLjMtOS4yMywyMy43OS0xMy42NSwzNS43NEMzMTIuMyw3MjAsMzAyLjY5LDczNy43MywyODMuNTMsNzUwcy0yMy42NCwzMi41NS0yNC44NSw1My45Yy0uODIsMTQuNDUsMS4xMiwyOS0yLDQzLjM0LTEuNiw3LjM0LTEuODMsMTYuODEtMTIuODIsMTYuMjEtNi42LS4zNS05LjkyLTEwLTcuMTYtMjEuMDcsMy4zMS0xMy4yNiwyLjg0LTI2LjU1LDEuNDYtMzkuODUtMS42NC0xNS43MywxLjY4LTI5LjIzLDEyLjYyLTQxLjU0LDE2LjUxLTE4LjU5LDI4LjM1LTM5Ljg3LDMwLjM1LTY1LjQzLjYxLTcuNzksNC4zLTEzLjQxLDEwLjg2LTE3LjczLDE2LjQ0LTEwLjgxLDI3LjEyLTI2LjEsMzMtNDQuNzNhNTAuODQsNTAuODQsMCwwLDEsMTEuODEtMTkuODljMTMuNy0xNC41OCwyNy45My0yOC42Nyw0MC45MS00NSIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTUiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik02NjksODU2Yy0xLjQzLDE5LjM2LS4zNCwzNy40LTUuODUsNTQuNTktMS42Nyw1LjE5LTIuNywxMC45Mi03LjE2LDE1LTQ4Ljg0LDcuMTktODIuMzctMTcuMTQtOTIuMDUtNjctLjUzLTIuNzMtLjU4LTUuNTUtMS04LjMtMy4zLTIxLjMzLTIuMjMtMjQuMTYsMTguNDMtMjguNjIsNDAuODItOC44Miw4MS45NC04LjUxLDEyMi43OC0uMTEsNy44OCwxLjYyLDIwLjIxLDIuMTQsMjAsMTMuNzYtLjI0LDEyLjA1LTEyLjU3LDEyLjYxLTIxLjI5LDE0LjgyQzY5Mi4xNCw4NTIuODMsNjgxLjA4LDg1NCw2NjksODU2IiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTY5OC40OCw3ODkuOTNjLTE0LjY3LTM2LjYzLTMzLTcwLjc0LTQ5LjM4LTEwNS43Ni0uOTEtMS45NS0xLjc4LTQuNDYtMS4zNS02LjQyLDUuMDctMjMsNi4yOC00NywxOS02OS42NiwxOS4yLDIwLjQxLDI0Ljc2LDQ4LDQ0LjE3LDY5LjEsOC40OS0xOS4zNSwxNi4zMy0zNy4xOSwyNC4xNy01NSwxLjExLDQyLjYzLTUuMTMsODMuODgtOC44NSwxMjctMTMuNzMtNi0xMS41MS0yMC4xOS0yMi44My0yNy4zNS00LjMyLDEyLTEuMDUsMjMuMTYtLjY2LDM0LjExLjM5LDExLjM1LDQsMjMtNC4yMiwzNCIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTUiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik03MTMuOSwyNjUuMzFjLTIuNzMsMi40OC01LjU2LDIuMzItOC4zMiwyLjM2LTU2LjczLjY4LTEwOC40MywyMC43Ny0xNTkuODksNDEuNjYtNS4wOCwyLjA2LTkuNzcsNS4yOS0xNC4zNSw4LjQtMTQuODksMTAuMDktMjYuMTksMjIuMzctMjMuMzYsNDIuODYtMTMuMS05LjM1LTE1LjEtMTYuMjUtNy45LTI5LjE4LDktMTYuMTksMjEuNC0yOS44NiwzNC44LTQyLjQ1LDExLjc0LTExLDI0LjU4LTIwLjkyLDM2LjQ5LTMxLjc5LDI1Ljc1LTIzLjUxLDU2LjYyLTI3LDg5LTIyLDE0LjY5LDIuMjQsMjguODEsOC4xMiw0My4yNywxMiwxMC4yMSwyLjc1LDEzLjM2LDguNzgsMTAuMjcsMTguMTQiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNzM3LjYzLDQ5Mi43OUM3NDQsNTEzLjYsNzQ4LjU2LDUzNCw3NDcuODEsNTU1LjI2Yy0uMjQsNi44Ni0xLjU5LDEzLjE5LTUuNSwxOS0xMi40OSwxOC40Mi0yNC4zLDM3LjI0LTMyLjg1LDYxLjJhNDQ5LDQ0OSwwLDAsMS0zMC4wNS01OS42MWMtMi40Ny02LC41OS05LjU2LDQuMDctMTMuMjQsOC40NC04LjkyLDE3LTE3LjY4LDI1LjQ2LTI2LjYzLDExLjg2LTEyLjYxLDIzLjE2LTI1LjYzLDI4LjY5LTQzLjE1IiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTU2Mi40OSw5MDMuNjVsOSwxMS4zNWMtMiw0Ljg4LTguMzUsNS42My05LjcxLDExLjUyLjM2Ljg2LjU5LDIuNjcsMS42MiwzLjY4LDEwLjI3LDEwLjExLDI0LjE1LDExLjM4LDM3LjA4LDEzLjA5LDMyLjc0LDQuMzMsNjUuNjEsNC40Nyw5OC4xNS0yLjQ3LDUuNC0xLjE1LDExLjUzLTEuODgsMTUuNzktNC45NCwxNi43Ny0xMiwzNi4zOC03LjY2LDU1LjI4LTEyLjMyLS4xLDExLjQ5LTcuNzIsMTQuMzYtMTQuNTcsMTcuNDItMTQuODcsNi42NC0zMC43OSw5LjM3LTQ2LjgsMTEuNTRDNjU2LDk1OS42Myw2MDMuODQsOTU5LDU1Mi4xLDk0Ny42OWExMjcuNjIsMTI3LjYyLDAsMCwxLTIzLjYzLTcuOWMtNS40My0yLjM2LTExLjctNS4xOS0xMS45My0xMi42czYtMTAuMTIsMTEuNC0xMi44OWMxMC40NS01LjM5LDIxLjgzLTcuOTQsMzQuNTUtMTAuNjUiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNOTgyLjQxLDg1MC40N2MzNi41OSw4LjM1LDU5Ljc5LDYyLjUxLDQwLjkxLDkyLjIybC0zNi40Ny0xMi4xMWMxMy44NS0yNy41MiwxMS44Ny01My42LTQuNDQtODAuMTEiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNjMwLjYyLDYzNS4xMmMtMTUuMTctMjUuOTQtMjEuNi01NS4yNS0zNi4yNS04MiwxNy4xMiw4LjgsMzYsMTIuMTEsNTMuMTUsMjItMy4wOSwyMC44LTkuNCw0MC4xMi0xNi45LDYwIiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTcwMy4zMyw0OTcuNDNDNzMzLjI1LDQ1MCw3MjAuNzksNDAxLjUsNzA2LjU5LDM1M2MxOS4wOS0uMSwyMi4zNiwyLjg5LDI1LjMsMjAuODcsNC4zNiwyNi42OSwxLjgxLDUzLjI3LTEuMzcsNzkuNjktMS45NSwxNi4xNy05LjkxLDMwLjQ0LTIwLjgsNDIuNzgtMS40NywxLjY2LTMuMDksMy4xOC02LjM5LDEuMDkiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNzI3LjcsODk3LjgxYzEuNDMtNy42OCw0LjMzLTEyLjEzLDEwLjc1LTE0Ljg4LDguMDYtMy40NCwxMy4yNC0xMC4zMywxNS4zOS0xOC43MSwxLjU0LTYsMi0xMi45My03LTEzLjg3LTguNzUtLjkxLTQuNjMtNi44NC01LjA3LTExLjczLDguMjQtMi44OCwxNi41LTQuMjEsMjMuMzcsMi4yNyw3LjU3LDcuMTUsNS42OSwxNi4xOCwyLjg3LDI0LjkxLTUuNDcsMTctMjAuMTQsMjktNDAuMzEsMzIiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJNOTI0LjcxLDkwNi43NGMuNTUtMS41OCwxLjYxLTIuODksMy4xOC0xLjY1cy40MSwyLjcyLS40Nyw0bC0yLjcxLTIuMzQiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNOTcwLjE5LDg3MC44OWMtLjEyLS44Mi0uMjYtMS42NS0uNDYtMi41LTIuMzctOS4zNi0xMi4yOS0xMC4yNi0xOS44NC0xMi4xOS02LjY1LS4xMi02LTcuOS0xMC43MS0xMS4yOS00LjQxLTMuNjktMTAuMi0yLjczLTE1Ljk1LTIuNDQtMS4zNS0uNTYtMi42OS0xLjEyLTQtMS43LTMuOC0zLjU4LTUuOTItOS4xNS0xMC42OC0xMi04LjIzLTQuNjItMTkuNjItMS4xMy0yOC43NC0uMzMtMy43My0xLjI1LTctMi45My0xMC44Mi00LjA2LTYuODktMS44MS0xMS4zOSwzLjcyLTE1LjM1LDguOC0xLjIsMi0yLjQ3LDMuODctMy43OCw1Ljc3LTExLDE0LjMxLTIyLjQ1LDI4LjUtMzEuNTMsNDUuMzYsMjcuMTIsMTIuMjEsMjkuOC0xNiw0NS4yNy0yNS4wNyw5LjQ1LDE3LjY0LTEwLjM0LDI5LjYxLTYuNzEsNDQuNTcsMTIuOTMsOS4yNiwxNC4zNSw5LjQ1LDI5Ljk0LDQsNy40MywyMC40MiwxNi43MiwyMi4xNywzMC45NCw1Ljg5LDIuMTQtMi40Niw0LjY0LTQuNjMsNy02LjkzLjU1LTEuNTgsMS42MS0yLjg5LDMuMTgtMS42NWEyLjEzLDIuMTMsMCwwLDEsLjMuM2MtMi4xLDYuMjYtNi4zOSwxMS43NS01Ljc0LDE4LjY3LS4wNy4yNi0uMTYuNTMtLjIyLjgtMS40Miw2LDIuODgsOS4xMSw3LjQ4LDExLjU5LDQsMi4xMiw3LjU5LDEuNTQsMTAuNDEtMiwxMi4wNi0xNS4zMSwyMy43NS0zMSwyOS42My00OS44MiwxLjc3LTUuNjgsMi0xMC4xNC40NC0xMy43MSIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTYiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik01MDYuMzksNDMyLjg3YzEuNC0xNi42NS0xNS40Mi0zMS42Ny0uMDctNDYuMTctMy42NC02LjU3LTkuMjUtOS41Ni0xMy42LTEzLjgtMTYuNzYtMTYuMzItMTguODItMzAuNTMtNy4xOS01MC44Myw3LjgyLTEzLjY2LDE4LTI1LjQ3LDI4LjY1LTM2Ljk0LDE0Ljg1LTE2LDMyLTI5LjUzLDQ4LjcyLTQzLjQxLDMxLjI1LTI1Ljg2LDY3LjMtMzAuNDQsMTA1LjU3LTIyLjU2LDE2LjI5LDMuMzUsMzIuMjEsOC42Nyw0OC4xNCwxMy42YTc4LjgsNzguOCwwLDAsMSwxOC4yMiw4LjA3YzE1Ljc3LDkuODMsMjQuNDIsMjMuNDEsMjMuMzEsNDMuMDYtLjg2LDE0LjkyLTYuNTUsMjkuNTktMi44NCw0NC43MywxNS41NSw2LjcyLDE2LjE4LDcuNTgsMTYsMjQuNjEtLjIzLDE3LjM4LTQsMzQuMjktNy42Myw1MS4xNi0xLjI3LDUuOS00LjcxLDEwLjgtOS44NiwxNS0xNS40NCwxMi41Mi0xNC4xNywyOSwyLjI0LDQwLjczYTIzNC41MiwyMzQuNTIsMCwwLDAsNDQuMSwyNS4yNGMyNC44MiwxMC43MSw1MC43NiwxMC4zMyw3NS44NSwxNi4yMywyOC43LDYuNzUsNTcuOCwxMS44LDg2LjcsMTcuNzIsMTAuMzQsMi4xMiwxOC40NCw2LjUxLDIxLjQ3LDE4LjE0LDUuNDksMjEsMTMuNDUsNDEsMjUuODcsNTkuMjIsNy44MywxMS41LDcuNDIsMjUuODEsNi4wOCwzOS0xLjgzLDE4LDIuNzksMzQuMTIsMTAsNTAsOS45LDIxLjc1LDIwLjkxLDQzLjA5LDIzLjU1LDY3LjQxLjU4LDUuMzcsNCw5LjI4LDguOTUsMTEuMjUsMTAuNzUsNC4yNSwxNC4xNCwxMy42NywxNi41NCwyMy41Miw2LjA5LDI1LDguMzQsNTAuNTcsMTAuNjUsNzYuMS42Niw3LjIzLjIsMTQuMTYsNywxOS41LDUuNTYsNC40LDMuNCwxMi40OCw2LDE5LjdoNzAuODN2MTAzLjg5SDE2OS40NVY5MDMuNThoNjguODJjLTEuNzQtMTAuMDgtNy41Ny0xNi4zMi0xMi4xNC0yMi45NC03LjgyLTExLjM0LTEwLjM5LTIzLjY2LTctMzYuNiwzLjc1LTE0LjM5LDMuNjQtMjguNzcsMi4xNy00My4yLTEuOTItMTguODUsMi44OC0zNSwxNS42Ni00OS4yOSwxNS4xLTE2LjkyLDI1Ljc4LTM2LjIyLDI3Ljg5LTU5LjQ4cTEuNTktMTcuNjQsMTYuODUtMjcuMzhjMTIuNjMtOC4wNywyMS43LTE5LjM5LDI2LjA5LTMzLjY5LDQuMjMtMTMuNzksMTIuMjMtMjQuODksMjItMzUsMTMuMTYtMTMuNjYsMjQuODQtMjguNjcsMzcuNTItNDIuNjYsMzYtMzkuNjksNjguNTItODMuNDcsMTE5LjA3LTEwNy4xNyw3LjQxLTMuNDcsMTMuODItOS4wOSwyMC4wNi0xMy4yOU05MjQuNzEsOTA2Ljc0bDIuNzEsMi4zNGMtMS43Niw1LjI1LTMuOTMsMTAuNDEtNS4xOSwxNS43OC0xLjQyLDYsMi44Nyw5LjExLDcuNDgsMTEuNTksNCwyLjEyLDcuNTksMS41NCwxMC40MS0yLDEyLjA2LTE1LjMxLDIzLjc1LTMxLDI5LjYzLTQ5LjgyLDQtMTMtLjIzLTE5LjU4LTEzLjc1LTIzLjctNC45Mi0xLjUtOS0zLjEzLTEyLjgyLTYuOTEtMTEuNTMtMTEuMzktMjkuNTctMTItNDAuOTUtMjQtLjYxLS42NC0yLjE1LS41NS0zLjI1LS41NC0xMSwuMDktMjIuMDUsMi4yLTMyLjg3LTIuMzUtMy43OC0xLjU5LTcuODguNjYtMTAuMzIsMy45NEM4NDMuMDgsODQ4LjE3LDgyOSw4NjQuMzcsODE4LjMsODg0LjNjMjcuMTIsMTIuMjEsMjkuOC0xNiw0NS4yNy0yNS4wNyw5LjQ1LDE3LjY0LTEwLjM0LDI5LjYxLTYuNyw0NC41NywxMi45Miw5LjI2LDE0LjMzLDkuNDUsMjkuOTMsNCw3LjQzLDIwLjQzLDE2LjcyLDIyLjE3LDMwLjkzLDUuODksMi4xNS0yLjQ2LDQuNjUtNC42Myw3LTYuOTNtLTU0Ny0zMzguNjFjLTEzLDE2LjM3LTI3LjIxLDMwLjQ2LTQwLjkxLDQ1QTUwLjg0LDUwLjg0LDAsMCwwLDMyNSw2MzMuMDZjLTUuODQsMTguNjMtMTYuNTIsMzMuOTItMzMsNDQuNzMtNi41Niw0LjMyLTEwLjI1LDkuOTQtMTAuODYsMTcuNzMtMiwyNS41Ni0xMy44NCw0Ni44NC0zMC4zNSw2NS40My0xMC45NCwxMi4zMS0xNC4yNiwyNS44MS0xMi42Miw0MS41NCwxLjM4LDEzLjMsMS44NSwyNi41OS0xLjQ2LDM5Ljg1LTIuNzYsMTEsLjU2LDIwLjcyLDcuMTYsMjEuMDgsMTEsLjU5LDExLjIyLTguODgsMTIuODItMTYuMjIsMy4xMS0xNC4zLDEuMTctMjguODksMi00My4zNCwxLjIxLTIxLjM1LDUuOC00MS43MywyNC44NS01My45czI4Ljc3LTMwLDM2LjI0LTUwLjEzYzQuNDItMTIsMTAuMS0yMy40NCwxMy42NS0zNS43NCwyLjA4LTcuMiw1Ljk1LTEzLDEyLjYxLTE2LjkxLDkuNDktNS41MiwxOC44Ni0xMS4yNSwyOC4xMy0xNi44LDE1LDEyLDI5LjI2LDI0LjM4LDQ2LjI4LDM0LjM2LDcuNTgtMTMuMzQsOS4wNS0yNy4yLDEyLjQzLTQwLjQzLDEtNC4wNy0uMjItNy4zMy0zLjU4LTEwLjI4LTE3LjE0LTE1LTM0LjA4LTMwLjI3LTUxLjYxLTQ1LjlNNjY5LDg1NmMxMi4xLTIsMjMuMTYtMy4xNCwzMy44Mi01Ljg0LDguNzItMi4yMSwyMS4wNS0yLjc3LDIxLjI5LTE0LjgxLjI0LTExLjYzLTEyLjA5LTEyLjE1LTIwLTEzLjc3LTQwLjg0LTguNC04Mi04LjcxLTEyMi43OC4xMS0yMC42Niw0LjQ2LTIxLjczLDcuMjktMTguNDMsMjguNjIuNDMsMi43Ni40OCw1LjU3LDEsOC4zLDkuNjgsNDkuODUsNDMuMjEsNzQuMTksOTIuMDUsNjcsNC40Ni00LjA5LDUuNDktOS44Miw3LjE2LTE1LDUuNTEtMTcuMTksNC40Mi0zNS4yMyw1Ljg1LTU0LjU5bS0zMTAuNjksNDYuM2gxMzYuMmMyLjcxLTM3LTYuMi02OS4zOS0yNy41LTk4LjMzLTcuNjgtMTAuNDQtMTQuODYtMTIuMDctMjQuNTMtMy41OC0yLjg4LDIuNTMtNC45NCw2LTcuNCw5LTI1LjI4LDMwLjg1LTQ4Ljc0LDYzLjE5LTc2Ljc3LDkyLjkzTTY5OC40OCw3ODkuOTNjOC4yNC0xMSw0LjYxLTIyLjY1LDQuMjItMzQtLjM5LTEwLjk1LTMuNjYtMjIuMDguNjYtMzQuMTEsMTEuMzIsNy4xNiw5LjEsMjEuMzEsMjIuODMsMjcuMzUsMy43Mi00My4xMywxMC04NC4zOCw4Ljg1LTEyNy03Ljg0LDE3Ljg0LTE1LjY4LDM1LjY4LTI0LjE3LDU1LTE5LjQxLTIxLjA2LTI1LTQ4LjY5LTQ0LjE3LTY5LjEtMTIuNjcsMjIuNjUtMTMuODgsNDYuNzEtMTksNjkuNjYtLjQzLDIsLjQ0LDQuNDcsMS4zNSw2LjQyLDE2LjM5LDM1LDM0LjcxLDY5LjEzLDQ5LjM4LDEwNS43Nk03MTMuOSwyNjUuMzFjMy4wOS05LjM2LDAtMTUuMzktMTAuMjctMTguMTQtMTQuNDYtMy45LTI4LjU4LTkuNzgtNDMuMjctMTItMzIuMzctNS02My4yNC0xLjQ5LTg5LDIyQzU1OS40NiwyNjgsNTQ2LjYyLDI3Ny45Miw1MzQuODgsMjg5Yy0xMy40LDEyLjU5LTI1Ljc5LDI2LjI2LTM0LjgsNDIuNDQtNy4yLDEyLjk0LTUuMiwxOS44NCw3LjksMjkuMTktMi44My0yMC40OSw4LjQ3LTMyLjc3LDIzLjM2LTQyLjg3LDQuNTgtMy4xLDkuMjctNi4zMywxNC4zNS04LjM5LDUxLjQ2LTIwLjg5LDEwMy4xNi00MSwxNTkuODktNDEuNjYsMi43NiwwLDUuNi4xMiw4LjMyLTIuMzZtMjMuNzMsMjI3LjQ4Yy01LjUzLDE3LjUyLTE2LjgzLDMwLjU0LTI4LjY5LDQzLjE1LTguNDEsOC45NS0xNywxNy43MS0yNS40NiwyNi42My0zLjQ4LDMuNjgtNi41NCw3LjIzLTQuMDcsMTMuMjRhNDQ5LDQ0OSwwLDAsMCwzMC4wNSw1OS42MWM4LjU1LTI0LDIwLjM2LTQyLjc4LDMyLjg1LTYxLjIsMy45MS01Ljc3LDUuMjYtMTIuMSw1LjUtMTksLjc1LTIxLjI1LTMuOC00MS42Ni0xMC4xOC02Mi40N001NjIuNDksOTAzLjY1Yy0xMi43MiwyLjcxLTI0LjEsNS4yNi0zNC41NSwxMC42NS01LjM2LDIuNzctMTEuNjMsNS4zNC0xMS40LDEyLjg5czYuNSwxMC4yNCwxMS45MywxMi42YTEyNy42MiwxMjcuNjIsMCwwLDAsMjMuNjMsNy45QzYwMy44NSw5NTksNjU2LDk1OS42Myw3MDguMzMsOTUyLjUyYzE2LTIuMTcsMzEuOTMtNC45LDQ2LjgtMTEuNTQsNi44NS0zLjA2LDE0LjQ3LTUuOTMsMTQuNTctMTcuNDItMTguOSw0LjY2LTM4LjUxLjI4LTU1LjI4LDEyLjMyLTQuMjYsMy4wNi0xMC4zOSwzLjc5LTE1Ljc5LDQuOTQtMzIuNTQsNi45NC02NS40MSw2LjgtOTguMTUsMi40Ny0xMi45My0xLjcxLTI2LjgxLTMtMzcuMDgtMTMuMDktMS0xLTEuMjYtMi44Mi0xLjYyLTMuNjgsMS4zNi01Ljg5LDcuNzMtNi42NCw5LjcxLTExLjUybC05LTExLjM1bTQxOS45Mi01My4xOGMxNi4zMiwyNi41MSwxOC4yOSw1Mi41OSw0LjQ0LDgwLjExbDM2LjQ3LDEyLjExYzE4Ljg4LTI5LjcxLTQuMzItODMuODctNDAuOTEtOTIuMjJNNjMwLjYyLDYzNS4xMmM3LjUtMTkuODgsMTMuODEtMzkuMiwxNi45LTYwLTE3LjExLTkuODQtMzYtMTMuMTUtNTMuMTUtMjIsMTQuNjUsMjYuNywyMS4wOCw1NiwzNi4yNSw4Mm03Mi43MS0xMzcuNjljMy4zLDIuMDksNC45Mi41Nyw2LjM5LTEuMDksMTAuODktMTIuMzQsMTguODUtMjYuNjEsMjAuOC00Mi43OCwzLjE4LTI2LjQyLDUuNzMtNTMsMS4zNy03OS42OS0yLjk0LTE4LTYuMjEtMjEtMjUuMy0yMC44NywxNC4yLDQ4LjUsMjYuNjYsOTctMy4yNiwxNDQuNDNNNzI3LjcsODk3LjgxYzIwLjE3LTMsMzQuODQtMTUsNDAuMzEtMzIsMi44Mi04LjczLDQuNy0xNy43Ni0yLjg3LTI0LjkxLTYuODctNi40OC0xNS4xMy01LjE1LTIzLjM3LTIuMjcuNDQsNC44OS0zLjY4LDEwLjgyLDUuMDcsMTEuNzMsOSwuOTQsOC41NCw3Ljg2LDcsMTMuODctMi4xNSw4LjM4LTcuMzMsMTUuMjctMTUuMzksMTguNzEtNi40MiwyLjc1LTkuMzIsNy4yLTEwLjc1LDE0Ljg4IiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTU4MS44LDUwMi44OGMxLjItNC40OC0zLjMtNi40Mi01LTguNjVhOC4xOCw4LjE4LDAsMCwxLC42Ny00LjUzYy44LTEuODUsMS44Ny01LjEyLDEuODctNS4xMmEyNywyNywwLDAsMC0uMTQtNi44OCwxMC44MSwxMC44MSwwLDAsMC0zLjE3LTYuMTEsNS4yOSw1LjI5LDAsMCwxLTEuMzgtMmMtLjQ4LTEuMjgtLjkzLTIuNTYtMS4zLTMuODZhNy42OCw3LjY4LDAsMCwxLC4zMy01YzEtMi4zOSwxLjgxLTUuMDUuNS04LjE2LTMtNy03LjU1LTcuMDYtOS43MS04LjE5YTE4LjMyLDE4LjMyLDAsMCwxLTEuMzgtMS43NWMtMS0yLjkzLS4zMy03LjY5LTYuMTYtMTEuODItNC4xMy0yLjktMTkuMTcsMi40Ni0yMy42Miw1LjQ3LTMuMTUsMi01Ljg3LDQtOC42MSw1LjkzcS0zNC44OSwyMy4xMS02OS44Niw0Ni4xNGMtMjUuNjQsMTctNDIuNTEsNDEuODItNjAsNjUuNjEsOC41MiwxNC41NCwxNS40LDIwLjM5LDMzLjU1LDI4LjU2LDIuODItMy42NCw1LjczLTcuMzYsOC42NS0xMS4xMSw1LjA4LTQuMDYsNC40OS02LjM0LDguNjMtMTFsLjA4LS4wOWMuMTYtLjE4LjM1LS4zOC41My0uNTZhMTguMTEsMTguMTEsMCwwLDEsMTAuMzItNS43M2MzMi4yMy01Ljc0LDYzLTE3LjM2LDk1LTI0LjE2LDEzLjkyLTMsMjMuNjQtMTEuNjMsMjkuNDMtMjQuMjlaIiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNyIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTcwNi43NCw4MzYuNDljLTQzLjQ3LDkuNzktODQuMjksMTAtMTI4LS4yM2ExLjU4LDEuNTgsMCwwLDEtLjMtM2MyOS4xOC0xMy4xNiwxMDEuNTEtMTMsMTI4LjYzLjI1YTEuNTgsMS41OCwwLDAsMS0uMzYsMyIgLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+", Et = lt`
   :host {
     display: flex;
@@ -602,6 +602,8 @@ const St = "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMzOC41NyAxMzQwLj
     align-items: center;
     white-space: nowrap;
     font-size: 16px;
+
+    --brand-color: #f7c1d9;
   }
 
   .container {
@@ -879,15 +881,43 @@ const St = "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMzOC41NyAxMzQwLj
       display: initial;
     }
   }
+
+  .order-button {
+    width: 48px;
+    padding: 12px 16px;
+    display: inline-block;
+    color: #000;
+    font-weight: 400;
+    text-decoration: none;
+    text-transform: uppercase;
+    text-align: center;
+    transition: background-color 250ms;
+  }
+
+  .order-button:hover {
+    background-color: #ddd;
+  }
+
+  @media (min-width: 1024px) {
+    .order-button {
+      font-size: 14px;
+      background-color: var(--brand-color);
+      margin-right: 30px;
+    }
+
+    .order-button:hover {
+      background-color: #b791a3;
+    }
+  }
 `;
-var Ot = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, K = (M, t, e, i) => {
+var Ot = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, Q = (M, t, e, i) => {
   for (var s = i > 1 ? void 0 : i ? vt(t, e) : t, o = M.length - 1, L; o >= 0; o--)
     (L = M[o]) && (s = (i ? L(t, e, s) : L(s)) || s);
   return i && s && Ot(t, e, s), s;
 };
-let E = class extends x {
+let D = class extends p {
   constructor() {
-    super(...arguments), this.expanded = !1, this.links = [
+    super(...arguments), this.expanded = !1, this.showOrderButton = window.location.origin === "https://www.joejuice.com" || window.location.origin === "https://joejuice.com", this.links = [
       {
         label: "Home",
         href: "https://www.joejuice.com/"
@@ -960,7 +990,7 @@ let E = class extends x {
     ];
   }
   render() {
-    return c`
+    return C`
       <div class="container">
         <div class="navigation">
           <button
@@ -979,8 +1009,8 @@ let E = class extends x {
           >
             <ul>
               ${this.links.map(
-      (M) => M.collapsed ? c`<li class="collapsed">
-                      ${M.href ? c`<a
+      (M) => M.collapsed ? C`<li class="collapsed">
+                      ${M.href ? C`<a
                             href=${M.href}
                             target=${M.target}
                             itemprop="url"
@@ -992,14 +1022,14 @@ let E = class extends x {
                               ${M.label}
                               <div class="arrow"></div
                             ></span>
-                          </a>` : c`<span
+                          </a>` : C`<span
                             class=${M.hideMobile ? "collapsed__title hide-on-mobile" : "collapsed__title"}
                             >${M.label}</span
                           >`}
 
                       <ul class="collapsed__list">
                         ${M.collapsed.map(
-        (t) => c`<li
+        (t) => C`<li
                             itemprop="name"
                             class=${t.hideMobile ? "hide-on-mobile" : ""}
                           >
@@ -1016,7 +1046,7 @@ let E = class extends x {
                           </li>`
       )}
                       </ul>
-                    </li>` : c`<li
+                    </li>` : C`<li
                       itemprop="name"
                       class=${M.hideMobile ? "hide-on-mobile" : ""}
                     >
@@ -1040,6 +1070,14 @@ let E = class extends x {
 
         <div class="slot">
           <slot></slot>
+          ${this.showOrderButton ? C`
+                <a
+                  class="order-button"
+                  rel="follow"
+                  href="https://orders.joejuice.com"
+                  >Order</a
+                >
+              ` : ""}
         </div>
       </div>
     `;
@@ -1048,13 +1086,16 @@ let E = class extends x {
     this.expanded = !this.expanded;
   }
 };
-E.styles = Et;
-K([
-  jt()
-], E.prototype, "expanded", 2);
-K([
-  jt()
-], E.prototype, "links", 2);
-E = K([
+D.styles = Et;
+Q([
+  Z()
+], D.prototype, "expanded", 2);
+Q([
+  Z()
+], D.prototype, "showOrderButton", 2);
+Q([
+  Z()
+], D.prototype, "links", 2);
+D = Q([
   pt("joe-header")
-], E);
+], D);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "joe-header",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/joe-header.js",

package/types/joe-header.d.ts

@@ -13,6 +13,7 @@ interface Link {
 declare class JoeHeader extends LitElement {
     static styles: import("lit").CSSResult;
     expanded: boolean;
+    showOrderButton: boolean;
     links: Link[];
     render(): import("lit-html").TemplateResult<1>;
     toggle(): void;