joe-header 1.1.5 → 2.0.0-beta1

package/dist/joe-header.js

@@ -0,0 +1,1000 @@
+/**
+ * @license
+ * 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 {
+  constructor(t, i, e) {
+    if (this._$cssResult$ = !0, e !== R)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = i;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const i = this.t;
+    if (B && t === void 0) {
+      const e = i !== void 0 && i.length === 1;
+      e && (t = Z.get(i)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), e && Z.set(i, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+}
+const rt = (M) => new Lt(typeof M == "string" ? M : M + "", void 0, R), Nt = (M, ...t) => {
+  const i = M.length === 1 ? M[0] : t.reduce((e, s, o) => e + ((L) => {
+    if (L._$cssResult$ === !0)
+      return L.cssText;
+    if (typeof L == "number")
+      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(i, M, R);
+}, lt = (M, t) => {
+  B ? M.adoptedStyleSheets = t.map((i) => i instanceof CSSStyleSheet ? i : i.styleSheet) : t.forEach((i) => {
+    const e = document.createElement("style"), s = Y.litNonce;
+    s !== void 0 && e.setAttribute("nonce", s), e.textContent = i.cssText, M.appendChild(e);
+  });
+}, W = B ? (M) => M : (M) => M instanceof CSSStyleSheet ? ((t) => {
+  let i = "";
+  for (const e of t.cssRules)
+    i += e.cssText;
+  return rt(i);
+})(M) : M;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var f;
+const U = window, J = U.trustedTypes, It = J ? J.emptyScript : "", X = U.reactiveElementPolyfillSupport, G = { toAttribute(M, t) {
+  switch (t) {
+    case Boolean:
+      M = M ? It : null;
+      break;
+    case Object:
+    case Array:
+      M = M == null ? M : JSON.stringify(M);
+  }
+  return M;
+}, fromAttribute(M, t) {
+  let i = M;
+  switch (t) {
+    case Boolean:
+      i = M !== null;
+      break;
+    case Number:
+      i = M === null ? null : Number(M);
+      break;
+    case Object:
+    case Array:
+      try {
+        i = JSON.parse(M);
+      } catch {
+        i = null;
+      }
+  }
+  return i;
+} }, ot = (M, t) => t !== M && (t == t || M == M), _ = { attribute: !0, type: String, converter: G, reflect: !1, hasChanged: ot };
+class c extends HTMLElement {
+  constructor() {
+    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
+  }
+  static addInitializer(t) {
+    var i;
+    (i = this.h) !== null && i !== void 0 || (this.h = []), this.h.push(t);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const t = [];
+    return this.elementProperties.forEach((i, e) => {
+      const s = this._$Ep(e, i);
+      s !== void 0 && (this._$Ev.set(s, e), t.push(s));
+    }), t;
+  }
+  static createProperty(t, i = _) {
+    if (i.state && (i.attribute = !1), this.finalize(), this.elementProperties.set(t, i), !i.noAccessor && !this.prototype.hasOwnProperty(t)) {
+      const e = typeof t == "symbol" ? Symbol() : "__" + t, s = this.getPropertyDescriptor(t, e, i);
+      s !== void 0 && Object.defineProperty(this.prototype, t, s);
+    }
+  }
+  static getPropertyDescriptor(t, i, e) {
+    return { get() {
+      return this[i];
+    }, set(s) {
+      const o = this[t];
+      this[i] = s, this.requestUpdate(t, o, e);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) || _;
+  }
+  static finalize() {
+    if (this.hasOwnProperty("finalized"))
+      return !1;
+    this.finalized = !0;
+    const t = Object.getPrototypeOf(this);
+    if (t.finalize(), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
+      const i = this.properties, e = [...Object.getOwnPropertyNames(i), ...Object.getOwnPropertySymbols(i)];
+      for (const s of e)
+        this.createProperty(s, i[s]);
+    }
+    return this.elementStyles = this.finalizeStyles(this.styles), !0;
+  }
+  static finalizeStyles(t) {
+    const i = [];
+    if (Array.isArray(t)) {
+      const e = new Set(t.flat(1 / 0).reverse());
+      for (const s of e)
+        i.unshift(W(s));
+    } else
+      t !== void 0 && i.push(W(t));
+    return i;
+  }
+  static _$Ep(t, i) {
+    const e = i.attribute;
+    return e === !1 ? void 0 : typeof e == "string" ? e : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  u() {
+    var t;
+    this._$E_ = new Promise((i) => this.enableUpdating = i), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((i) => i(this));
+  }
+  addController(t) {
+    var i, e;
+    ((i = this._$ES) !== null && i !== void 0 ? i : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) === null || e === void 0 || e.call(t));
+  }
+  removeController(t) {
+    var i;
+    (i = this._$ES) === null || i === void 0 || i.splice(this._$ES.indexOf(t) >>> 0, 1);
+  }
+  _$Eg() {
+    this.constructor.elementProperties.forEach((t, i) => {
+      this.hasOwnProperty(i) && (this._$Ei.set(i, this[i]), delete this[i]);
+    });
+  }
+  createRenderRoot() {
+    var t;
+    const i = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
+    return lt(i, this.constructor.elementStyles), i;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((i) => {
+      var e;
+      return (e = i.hostConnected) === null || e === void 0 ? void 0 : e.call(i);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$ES) === null || t === void 0 || t.forEach((i) => {
+      var e;
+      return (e = i.hostDisconnected) === null || e === void 0 ? void 0 : e.call(i);
+    });
+  }
+  attributeChangedCallback(t, i, e) {
+    this._$AK(t, e);
+  }
+  _$EO(t, i, e = _) {
+    var s;
+    const o = this.constructor._$Ep(t, e);
+    if (o !== void 0 && e.reflect === !0) {
+      const L = (((s = e.converter) === null || s === void 0 ? void 0 : s.toAttribute) !== void 0 ? e.converter : G).toAttribute(i, e.type);
+      this._$El = t, L == null ? this.removeAttribute(o) : this.setAttribute(o, L), this._$El = null;
+    }
+  }
+  _$AK(t, i) {
+    var e;
+    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 } : ((e = L.converter) === null || e === void 0 ? void 0 : e.fromAttribute) !== void 0 ? L.converter : G;
+      this._$El = o, this[o] = j.fromAttribute(i, L.type), this._$El = null;
+    }
+  }
+  requestUpdate(t, i, e) {
+    let s = !0;
+    t !== void 0 && (((e = e || this.constructor.getPropertyOptions(t)).hasChanged || ot)(this[t], i) ? (this._$AL.has(t) || this._$AL.set(t, i), e.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, e))) : s = !1), !this.isUpdatePending && s && (this._$E_ = this._$Ej());
+  }
+  async _$Ej() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$E_;
+    } catch (i) {
+      Promise.reject(i);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var t;
+    if (!this.isUpdatePending)
+      return;
+    this.hasUpdated, this._$Ei && (this._$Ei.forEach((s, o) => this[o] = s), this._$Ei = void 0);
+    let i = !1;
+    const e = this._$AL;
+    try {
+      i = this.shouldUpdate(e), i ? (this.willUpdate(e), (t = this._$ES) === null || t === void 0 || t.forEach((s) => {
+        var o;
+        return (o = s.hostUpdate) === null || o === void 0 ? void 0 : o.call(s);
+      }), this.update(e)) : this._$Ek();
+    } catch (s) {
+      throw i = !1, this._$Ek(), s;
+    }
+    i && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var i;
+    (i = this._$ES) === null || i === void 0 || i.forEach((e) => {
+      var s;
+      return (s = e.hostUpdated) === null || s === void 0 ? void 0 : s.call(e);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$Ek() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$E_;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$EC !== void 0 && (this._$EC.forEach((i, e) => this._$EO(e, this[e], i)), this._$EC = void 0), this._$Ek();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+}
+c.finalized = !0, c.elementProperties = /* @__PURE__ */ new Map(), c.elementStyles = [], c.shadowRootOptions = { mode: "open" }, X == null || X({ ReactiveElement: c }), ((f = U.reactiveElementVersions) !== null && f !== void 0 ? f : U.reactiveElementVersions = []).push("1.4.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var k;
+const $ = window, y = $.trustedTypes, F = y ? y.createPolicy("lit-html", { createHTML: (M) => M }) : void 0, C = `lit$${(Math.random() + "").slice(9)}$`, nt = "?" + C, Ct = `<${nt}>`, A = document, x = (M = "") => A.createComment(M), p = (M) => M === null || typeof M != "object" && typeof M != "function", ut = Array.isArray, at = (M) => ut(M) || typeof (M == null ? void 0 : M[Symbol.iterator]) == "function", w = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, V = /-->/g, q = />/g, a = RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), tt = /'/g, it = /"/g, gt = /^(?:script|style|textarea|title)$/i, ct = (M) => (t, ...i) => ({ _$litType$: M, strings: t, values: i }), m = ct(1), D = Symbol.for("lit-noChange"), N = Symbol.for("lit-nothing"), et = /* @__PURE__ */ new WeakMap(), Tt = (M, t, i) => {
+  var e, s;
+  const o = (e = i == null ? void 0 : i.renderBefore) !== null && e !== void 0 ? e : t;
+  let L = o._$litPart$;
+  if (L === void 0) {
+    const j = (s = i == null ? void 0 : i.renderBefore) !== null && s !== void 0 ? s : null;
+    o._$litPart$ = L = new E(t.insertBefore(x(), j), j, void 0, i != null ? i : {});
+  }
+  return L._$AI(M), L;
+}, T = A.createTreeWalker(A, 129, null, !1), yt = (M, t) => {
+  const i = M.length - 1, e = [];
+  let s, o = t === 2 ? "<svg>" : "", L = w;
+  for (let n = 0; n < i; n++) {
+    const u = M[n];
+    let I, g, r = -1, l = 0;
+    for (; l < u.length && (L.lastIndex = l, g = L.exec(u), g !== null); )
+      l = L.lastIndex, L === w ? g[1] === "!--" ? L = V : g[1] !== void 0 ? L = q : g[2] !== void 0 ? (gt.test(g[2]) && (s = RegExp("</" + g[2], "g")), L = a) : g[3] !== void 0 && (L = a) : L === a ? g[0] === ">" ? (L = s != null ? s : w, r = -1) : g[1] === void 0 ? r = -2 : (r = L.lastIndex - g[2].length, I = g[1], L = g[3] === void 0 ? a : g[3] === '"' ? it : tt) : L === it || L === tt ? L = a : L === V || L === q ? L = w : (L = a, s = void 0);
+    const O = L === a && M[n + 1].startsWith("/>") ? " " : "";
+    o += L === w ? u + Ct : r >= 0 ? (e.push(I), u.slice(0, r) + "$lit$" + u.slice(r) + C + O) : u + C + (r === -2 ? (e.push(void 0), n) : O);
+  }
+  const j = o + (M[i] || "<?>") + (t === 2 ? "</svg>" : "");
+  if (!Array.isArray(M) || !M.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return [F !== void 0 ? F.createHTML(j) : j, e];
+};
+class z {
+  constructor({ strings: t, _$litType$: i }, e) {
+    let s;
+    this.parts = [];
+    let o = 0, L = 0;
+    const j = t.length - 1, n = this.parts, [u, I] = yt(t, i);
+    if (this.el = z.createElement(u, e), T.currentNode = this.el.content, i === 2) {
+      const g = this.el.content, r = g.firstChild;
+      r.remove(), g.append(...r.childNodes);
+    }
+    for (; (s = T.nextNode()) !== null && n.length < j; ) {
+      if (s.nodeType === 1) {
+        if (s.hasAttributes()) {
+          const g = [];
+          for (const r of s.getAttributeNames())
+            if (r.endsWith("$lit$") || r.startsWith(C)) {
+              const l = I[L++];
+              if (g.push(r), l !== void 0) {
+                const O = s.getAttribute(l.toLowerCase() + "$lit$").split(C), v = /([.?@])?(.*)/.exec(l);
+                n.push({ type: 1, index: o, name: v[2], strings: O, ctor: v[1] === "." ? Dt : v[1] === "?" ? wt : v[1] === "@" ? dt : Q });
+              } else
+                n.push({ type: 6, index: o });
+            }
+          for (const r of g)
+            s.removeAttribute(r);
+        }
+        if (gt.test(s.tagName)) {
+          const g = s.textContent.split(C), r = g.length - 1;
+          if (r > 0) {
+            s.textContent = y ? y.emptyScript : "";
+            for (let l = 0; l < r; l++)
+              s.append(g[l], x()), T.nextNode(), n.push({ type: 2, index: ++o });
+            s.append(g[r], x());
+          }
+        }
+      } else if (s.nodeType === 8)
+        if (s.data === nt)
+          n.push({ type: 2, index: o });
+        else {
+          let g = -1;
+          for (; (g = s.data.indexOf(C, g + 1)) !== -1; )
+            n.push({ type: 7, index: o }), g += C.length - 1;
+        }
+      o++;
+    }
+  }
+  static createElement(t, i) {
+    const e = A.createElement("template");
+    return e.innerHTML = t, e;
+  }
+}
+function h(M, t, i = M, e) {
+  var s, o, L, j;
+  if (t === D)
+    return t;
+  let n = e !== void 0 ? (s = i._$Cl) === null || s === void 0 ? void 0 : s[e] : i._$Cu;
+  const u = p(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, i, e)), e !== void 0 ? ((L = (j = i)._$Cl) !== null && L !== void 0 ? L : j._$Cl = [])[e] = n : i._$Cu = n), n !== void 0 && (t = h(M, n._$AS(M, t.values), n, e)), t;
+}
+class At {
+  constructor(t, i) {
+    this.v = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  p(t) {
+    var i;
+    const { el: { content: e }, parts: s } = this._$AD, o = ((i = t == null ? void 0 : t.creationScope) !== null && i !== void 0 ? i : A).importNode(e, !0);
+    T.currentNode = o;
+    let L = T.nextNode(), j = 0, n = 0, u = s[0];
+    for (; u !== void 0; ) {
+      if (j === u.index) {
+        let I;
+        u.type === 2 ? I = new E(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];
+      }
+      j !== (u == null ? void 0 : u.index) && (L = T.nextNode(), j++);
+    }
+    return o;
+  }
+  m(t) {
+    let i = 0;
+    for (const e of this.v)
+      e !== void 0 && (e.strings !== void 0 ? (e._$AI(t, e, i), i += e.strings.length - 2) : e._$AI(t[i])), i++;
+  }
+}
+class E {
+  constructor(t, i, e, s) {
+    var o;
+    this.type = 2, this._$AH = N, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = e, this.options = s, this._$C_ = (o = s == null ? void 0 : s.isConnected) === null || o === void 0 || o;
+  }
+  get _$AU() {
+    var t, i;
+    return (i = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && i !== void 0 ? i : this._$C_;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const i = this._$AM;
+    return i !== void 0 && t.nodeType === 11 && (t = i.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, i = this) {
+    t = h(this, t, i), p(t) ? t === N || t == null || t === "" ? (this._$AH !== N && this._$AR(), this._$AH = N) : t !== this._$AH && t !== D && this.$(t) : t._$litType$ !== void 0 ? this.T(t) : t.nodeType !== void 0 ? this.k(t) : at(t) ? this.O(t) : this.$(t);
+  }
+  S(t, i = this._$AB) {
+    return this._$AA.parentNode.insertBefore(t, i);
+  }
+  k(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
+  }
+  $(t) {
+    this._$AH !== N && p(this._$AH) ? this._$AA.nextSibling.data = t : this.k(A.createTextNode(t)), this._$AH = t;
+  }
+  T(t) {
+    var i;
+    const { values: e, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = z.createElement(s.h, this.options)), s);
+    if (((i = this._$AH) === null || i === void 0 ? void 0 : i._$AD) === o)
+      this._$AH.m(e);
+    else {
+      const L = new At(o, this), j = L.p(this.options);
+      L.m(e), this.k(j), this._$AH = L;
+    }
+  }
+  _$AC(t) {
+    let i = et.get(t.strings);
+    return i === void 0 && et.set(t.strings, i = new z(t)), i;
+  }
+  O(t) {
+    ut(this._$AH) || (this._$AH = [], this._$AR());
+    const i = this._$AH;
+    let e, s = 0;
+    for (const o of t)
+      s === i.length ? i.push(e = new E(this.S(x()), this.S(x()), this, this.options)) : e = i[s], e._$AI(o), s++;
+    s < i.length && (this._$AR(e && e._$AB.nextSibling, s), i.length = s);
+  }
+  _$AR(t = this._$AA.nextSibling, i) {
+    var e;
+    for ((e = this._$AP) === null || e === void 0 || e.call(this, !1, !0, i); t && t !== this._$AB; ) {
+      const s = t.nextSibling;
+      t.remove(), t = s;
+    }
+  }
+  setConnected(t) {
+    var i;
+    this._$AM === void 0 && (this._$C_ = t, (i = this._$AP) === null || i === void 0 || i.call(this, t));
+  }
+}
+class Q {
+  constructor(t, i, e, s, o) {
+    this.type = 1, this._$AH = N, this._$AN = void 0, this.element = t, this.name = i, this._$AM = s, this.options = o, e.length > 2 || e[0] !== "" || e[1] !== "" ? (this._$AH = Array(e.length - 1).fill(new String()), this.strings = e) : this._$AH = N;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, i = this, e, s) {
+    const o = this.strings;
+    let L = !1;
+    if (o === void 0)
+      t = h(this, t, i, 0), L = !p(t) || t !== this._$AH && t !== D, L && (this._$AH = t);
+    else {
+      const j = t;
+      let n, u;
+      for (t = o[0], n = 0; n < o.length - 1; n++)
+        u = h(this, j[e + n], i, n), u === D && (u = this._$AH[n]), L || (L = !p(u) || u !== this._$AH[n]), u === N ? t = N : t !== N && (t += (u != null ? u : "") + o[n + 1]), this._$AH[n] = u;
+    }
+    L && !s && this.P(t);
+  }
+  P(t) {
+    t === N ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t != null ? t : "");
+  }
+}
+class Dt extends Q {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  P(t) {
+    this.element[this.name] = t === N ? void 0 : t;
+  }
+}
+const ht = y ? y.emptyScript : "";
+class wt extends Q {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  P(t) {
+    t && t !== N ? this.element.setAttribute(this.name, ht) : this.element.removeAttribute(this.name);
+  }
+}
+class dt extends Q {
+  constructor(t, i, e, s, o) {
+    super(t, i, e, s, o), this.type = 5;
+  }
+  _$AI(t, i = this) {
+    var e;
+    if ((t = (e = h(this, t, i, 0)) !== null && e !== void 0 ? e : N) === D)
+      return;
+    const s = this._$AH, o = t === N && s !== N || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, L = t !== N && (s === N || o);
+    o && this.element.removeEventListener(this.name, this, s), L && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var i, e;
+    typeof this._$AH == "function" ? this._$AH.call((e = (i = this.options) === null || i === void 0 ? void 0 : i.host) !== null && e !== void 0 ? e : this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class xt {
+  constructor(t, i, e) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = e;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    h(this, t);
+  }
+}
+const st = $.litHtmlPolyfillSupport;
+st == null || st(z, E), ((k = $.litHtmlVersions) !== null && k !== void 0 ? k : $.litHtmlVersions = []).push("2.3.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var b, P;
+class d extends c {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var t, i;
+    const e = super.createRenderRoot();
+    return (t = (i = this.renderOptions).renderBefore) !== null && t !== void 0 || (i.renderBefore = e.firstChild), e;
+  }
+  update(t) {
+    const i = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Tt(i, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var t;
+    super.connectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
+  }
+  render() {
+    return D;
+  }
+}
+d.finalized = !0, d._$litElement$ = !0, (b = globalThis.litElementHydrateSupport) === null || b === void 0 || b.call(globalThis, { LitElement: d });
+const Mt = globalThis.litElementPolyfillSupport;
+Mt == null || Mt({ LitElement: d });
+((P = globalThis.litElementVersions) !== null && P !== void 0 ? P : globalThis.litElementVersions = []).push("3.2.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const pt = (M) => (t) => typeof t == "function" ? ((i, e) => (customElements.define(i, e), e))(M, t) : ((i, e) => {
+  const { kind: s, elements: o } = e;
+  return { kind: s, elements: o, finisher(L) {
+    customElements.define(i, L);
+  } };
+})(M, t);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const zt = (M, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(i) {
+  i.createProperty(t.key, M);
+} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
+  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
+}, finisher(i) {
+  i.createProperty(t.key, M);
+} };
+function jt(M) {
+  return (t, i) => i !== void 0 ? ((e, s, o) => {
+    s.constructor.createProperty(o, e);
+  })(M, t, i) : zt(M, t);
+}
+/**
+ * @license
+ * 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;
+const St = "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMzOC41NyAxMzQwLjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGRlZnM+CiAgICAgICAgPHN0eWxlPgogICAgICAgICAgICAuY2xzLTEgewogICAgICAgICAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLmNscy0yIHsKICAgICAgICAgICAgICAgIGZpbGw6ICNmNmMxZDk7CiAgICAgICAgICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgICAgICAgIH0KCiAgICAgICAgICAgIC5jbHMtMyB7CiAgICAgICAgICAgICAgICBjbGlwLXBhdGg6IHVybCgjY2xpcC1wYXRoKTsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLmNscy00IHsKICAgICAgICAgICAgICAgIGNsaXAtcGF0aDogdXJsKCNjbGlwLXBhdGgtMik7CiAgICAgICAgICAgIH0KCiAgICAgICAgICAgIC5jbHMtNSB7CiAgICAgICAgICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgICAgICB9CgogICAgICAgICAgICAuY2xzLTYgewogICAgICAgICAgICAgICAgZmlsbDogIzFlMWYxZDsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgLmNscy03IHsKICAgICAgICAgICAgICAgIGZpbGw6ICMxOTFkMWY7CiAgICAgICAgICAgIH0KICAgICAgICA8L3N0eWxlPgogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNjkuNDUiIHk9IjIxNS42NiIgd2lkdGg9IjEwMDAuMTYiIGhlaWdodD0iNzkxLjQiIC8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aC0yIj4KICAgICAgICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxNjkuNDUiIHk9IjIxNS42NiIgd2lkdGg9IjEwMDAuMTYiIGhlaWdodD0iNzkxLjQiIC8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KICAgIDxnPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIKICAgICAgICAgICAgZD0iTTEzMzguNTcsNjcwLjNoMGMwLDM3MC4yNC0yOTkuNjgsNjcwLjQtNjY5LjMzLDY3MC40UzAsMTA0MC41NCwwLDY3MC4zLDI5OS41OCwwLDY2OS4yNCwwLDEzMzguNTcsMzAwLjA1LDEzMzguNTcsNjcwLjNaIiAvPgogICAgICAgIDxnPgogICAgICAgICAgICA8ZyBjbGFzcz0iY2xzLTMiPgogICAgICAgICAgICAgICAgPGcgY2xhc3M9ImNscy00Ij4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTUiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik0zNzcuNjgsNTY4LjEzYzE3LjUzLDE1LjYzLDM0LjQ3LDMwLjg3LDUxLjYxLDQ1LjksMy4zNiwzLDQuNjEsNi4yMSwzLjU4LDEwLjI4LTMuMzgsMTMuMjMtNC44NSwyNy4wOS0xMi40Myw0MC40My0xNy0xMC0zMS4yMy0yMi4zMS00Ni4yOC0zNC4zNi05LjI2LDUuNTUtMTguNjQsMTEuMjgtMjguMTMsMTYuOC02LjY2LDMuODgtMTAuNTMsOS43MS0xMi42MSwxNi45MS0zLjU1LDEyLjMtOS4yMywyMy43OS0xMy42NSwzNS43NEMzMTIuMyw3MjAsMzAyLjY5LDczNy43MywyODMuNTMsNzUwcy0yMy42NCwzMi41NS0yNC44NSw1My45Yy0uODIsMTQuNDUsMS4xMiwyOS0yLDQzLjM0LTEuNiw3LjM0LTEuODMsMTYuODEtMTIuODIsMTYuMjEtNi42LS4zNS05LjkyLTEwLTcuMTYtMjEuMDcsMy4zMS0xMy4yNiwyLjg0LTI2LjU1LDEuNDYtMzkuODUtMS42NC0xNS43MywxLjY4LTI5LjIzLDEyLjYyLTQxLjU0LDE2LjUxLTE4LjU5LDI4LjM1LTM5Ljg3LDMwLjM1LTY1LjQzLjYxLTcuNzksNC4zLTEzLjQxLDEwLjg2LTE3LjczLDE2LjQ0LTEwLjgxLDI3LjEyLTI2LjEsMzMtNDQuNzNhNTAuODQsNTAuODQsMCwwLDEsMTEuODEtMTkuODljMTMuNy0xNC41OCwyNy45My0yOC42Nyw0MC45MS00NSIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTUiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik02NjksODU2Yy0xLjQzLDE5LjM2LS4zNCwzNy40LTUuODUsNTQuNTktMS42Nyw1LjE5LTIuNywxMC45Mi03LjE2LDE1LTQ4Ljg0LDcuMTktODIuMzctMTcuMTQtOTIuMDUtNjctLjUzLTIuNzMtLjU4LTUuNTUtMS04LjMtMy4zLTIxLjMzLTIuMjMtMjQuMTYsMTguNDMtMjguNjIsNDAuODItOC44Miw4MS45NC04LjUxLDEyMi43OC0uMTEsNy44OCwxLjYyLDIwLjIxLDIuMTQsMjAsMTMuNzYtLjI0LDEyLjA1LTEyLjU3LDEyLjYxLTIxLjI5LDE0LjgyQzY5Mi4xNCw4NTIuODMsNjgxLjA4LDg1NCw2NjksODU2IiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTY5OC40OCw3ODkuOTNjLTE0LjY3LTM2LjYzLTMzLTcwLjc0LTQ5LjM4LTEwNS43Ni0uOTEtMS45NS0xLjc4LTQuNDYtMS4zNS02LjQyLDUuMDctMjMsNi4yOC00NywxOS02OS42NiwxOS4yLDIwLjQxLDI0Ljc2LDQ4LDQ0LjE3LDY5LjEsOC40OS0xOS4zNSwxNi4zMy0zNy4xOSwyNC4xNy01NSwxLjExLDQyLjYzLTUuMTMsODMuODgtOC44NSwxMjctMTMuNzMtNi0xMS41MS0yMC4xOS0yMi44My0yNy4zNS00LjMyLDEyLTEuMDUsMjMuMTYtLjY2LDM0LjExLjM5LDExLjM1LDQsMjMtNC4yMiwzNCIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTUiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik03MTMuOSwyNjUuMzFjLTIuNzMsMi40OC01LjU2LDIuMzItOC4zMiwyLjM2LTU2LjczLjY4LTEwOC40MywyMC43Ny0xNTkuODksNDEuNjYtNS4wOCwyLjA2LTkuNzcsNS4yOS0xNC4zNSw4LjQtMTQuODksMTAuMDktMjYuMTksMjIuMzctMjMuMzYsNDIuODYtMTMuMS05LjM1LTE1LjEtMTYuMjUtNy45LTI5LjE4LDktMTYuMTksMjEuNC0yOS44NiwzNC44LTQyLjQ1LDExLjc0LTExLDI0LjU4LTIwLjkyLDM2LjQ5LTMxLjc5LDI1Ljc1LTIzLjUxLDU2LjYyLTI3LDg5LTIyLDE0LjY5LDIuMjQsMjguODEsOC4xMiw0My4yNywxMiwxMC4yMSwyLjc1LDEzLjM2LDguNzgsMTAuMjcsMTguMTQiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNzM3LjYzLDQ5Mi43OUM3NDQsNTEzLjYsNzQ4LjU2LDUzNCw3NDcuODEsNTU1LjI2Yy0uMjQsNi44Ni0xLjU5LDEzLjE5LTUuNSwxOS0xMi40OSwxOC40Mi0yNC4zLDM3LjI0LTMyLjg1LDYxLjJhNDQ5LDQ0OSwwLDAsMS0zMC4wNS01OS42MWMtMi40Ny02LC41OS05LjU2LDQuMDctMTMuMjQsOC40NC04LjkyLDE3LTE3LjY4LDI1LjQ2LTI2LjYzLDExLjg2LTEyLjYxLDIzLjE2LTI1LjYzLDI4LjY5LTQzLjE1IiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTU2Mi40OSw5MDMuNjVsOSwxMS4zNWMtMiw0Ljg4LTguMzUsNS42My05LjcxLDExLjUyLjM2Ljg2LjU5LDIuNjcsMS42MiwzLjY4LDEwLjI3LDEwLjExLDI0LjE1LDExLjM4LDM3LjA4LDEzLjA5LDMyLjc0LDQuMzMsNjUuNjEsNC40Nyw5OC4xNS0yLjQ3LDUuNC0xLjE1LDExLjUzLTEuODgsMTUuNzktNC45NCwxNi43Ny0xMiwzNi4zOC03LjY2LDU1LjI4LTEyLjMyLS4xLDExLjQ5LTcuNzIsMTQuMzYtMTQuNTcsMTcuNDItMTQuODcsNi42NC0zMC43OSw5LjM3LTQ2LjgsMTEuNTRDNjU2LDk1OS42Myw2MDMuODQsOTU5LDU1Mi4xLDk0Ny42OWExMjcuNjIsMTI3LjYyLDAsMCwxLTIzLjYzLTcuOWMtNS40My0yLjM2LTExLjctNS4xOS0xMS45My0xMi42czYtMTAuMTIsMTEuNC0xMi44OWMxMC40NS01LjM5LDIxLjgzLTcuOTQsMzQuNTUtMTAuNjUiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNOTgyLjQxLDg1MC40N2MzNi41OSw4LjM1LDU5Ljc5LDYyLjUxLDQwLjkxLDkyLjIybC0zNi40Ny0xMi4xMWMxMy44NS0yNy41MiwxMS44Ny01My42LTQuNDQtODAuMTEiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNjMwLjYyLDYzNS4xMmMtMTUuMTctMjUuOTQtMjEuNi01NS4yNS0zNi4yNS04MiwxNy4xMiw4LjgsMzYsMTIuMTEsNTMuMTUsMjItMy4wOSwyMC44LTkuNCw0MC4xMi0xNi45LDYwIiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTcwMy4zMyw0OTcuNDNDNzMzLjI1LDQ1MCw3MjAuNzksNDAxLjUsNzA2LjU5LDM1M2MxOS4wOS0uMSwyMi4zNiwyLjg5LDI1LjMsMjAuODcsNC4zNiwyNi42OSwxLjgxLDUzLjI3LTEuMzcsNzkuNjktMS45NSwxNi4xNy05LjkxLDMwLjQ0LTIwLjgsNDIuNzgtMS40NywxLjY2LTMuMDksMy4xOC02LjM5LDEuMDkiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNzI3LjcsODk3LjgxYzEuNDMtNy42OCw0LjMzLTEyLjEzLDEwLjc1LTE0Ljg4LDguMDYtMy40NCwxMy4yNC0xMC4zMywxNS4zOS0xOC43MSwxLjU0LTYsMi0xMi45My03LTEzLjg3LTguNzUtLjkxLTQuNjMtNi44NC01LjA3LTExLjczLDguMjQtMi44OCwxNi41LTQuMjEsMjMuMzcsMi4yNyw3LjU3LDcuMTUsNS42OSwxNi4xOCwyLjg3LDI0LjkxLTUuNDcsMTctMjAuMTQsMjktNDAuMzEsMzIiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJNOTI0LjcxLDkwNi43NGMuNTUtMS41OCwxLjYxLTIuODksMy4xOC0xLjY1cy40MSwyLjcyLS40Nyw0bC0yLjcxLTIuMzQiIC8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy01IgogICAgICAgICAgICAgICAgICAgICAgICBkPSJNOTcwLjE5LDg3MC44OWMtLjEyLS44Mi0uMjYtMS42NS0uNDYtMi41LTIuMzctOS4zNi0xMi4yOS0xMC4yNi0xOS44NC0xMi4xOS02LjY1LS4xMi02LTcuOS0xMC43MS0xMS4yOS00LjQxLTMuNjktMTAuMi0yLjczLTE1Ljk1LTIuNDQtMS4zNS0uNTYtMi42OS0xLjEyLTQtMS43LTMuOC0zLjU4LTUuOTItOS4xNS0xMC42OC0xMi04LjIzLTQuNjItMTkuNjItMS4xMy0yOC43NC0uMzMtMy43My0xLjI1LTctMi45My0xMC44Mi00LjA2LTYuODktMS44MS0xMS4zOSwzLjcyLTE1LjM1LDguOC0xLjIsMi0yLjQ3LDMuODctMy43OCw1Ljc3LTExLDE0LjMxLTIyLjQ1LDI4LjUtMzEuNTMsNDUuMzYsMjcuMTIsMTIuMjEsMjkuOC0xNiw0NS4yNy0yNS4wNyw5LjQ1LDE3LjY0LTEwLjM0LDI5LjYxLTYuNzEsNDQuNTcsMTIuOTMsOS4yNiwxNC4zNSw5LjQ1LDI5Ljk0LDQsNy40MywyMC40MiwxNi43MiwyMi4xNywzMC45NCw1Ljg5LDIuMTQtMi40Niw0LjY0LTQuNjMsNy02LjkzLjU1LTEuNTgsMS42MS0yLjg5LDMuMTgtMS42NWEyLjEzLDIuMTMsMCwwLDEsLjMuM2MtMi4xLDYuMjYtNi4zOSwxMS43NS01Ljc0LDE4LjY3LS4wNy4yNi0uMTYuNTMtLjIyLjgtMS40Miw2LDIuODgsOS4xMSw3LjQ4LDExLjU5LDQsMi4xMiw3LjU5LDEuNTQsMTAuNDEtMiwxMi4wNi0xNS4zMSwyMy43NS0zMSwyOS42My00OS44MiwxLjc3LTUuNjgsMi0xMC4xNC40NC0xMy43MSIgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTYiCiAgICAgICAgICAgICAgICAgICAgICAgIGQ9Ik01MDYuMzksNDMyLjg3YzEuNC0xNi42NS0xNS40Mi0zMS42Ny0uMDctNDYuMTctMy42NC02LjU3LTkuMjUtOS41Ni0xMy42LTEzLjgtMTYuNzYtMTYuMzItMTguODItMzAuNTMtNy4xOS01MC44Myw3LjgyLTEzLjY2LDE4LTI1LjQ3LDI4LjY1LTM2Ljk0LDE0Ljg1LTE2LDMyLTI5LjUzLDQ4LjcyLTQzLjQxLDMxLjI1LTI1Ljg2LDY3LjMtMzAuNDQsMTA1LjU3LTIyLjU2LDE2LjI5LDMuMzUsMzIuMjEsOC42Nyw0OC4xNCwxMy42YTc4LjgsNzguOCwwLDAsMSwxOC4yMiw4LjA3YzE1Ljc3LDkuODMsMjQuNDIsMjMuNDEsMjMuMzEsNDMuMDYtLjg2LDE0LjkyLTYuNTUsMjkuNTktMi44NCw0NC43MywxNS41NSw2LjcyLDE2LjE4LDcuNTgsMTYsMjQuNjEtLjIzLDE3LjM4LTQsMzQuMjktNy42Myw1MS4xNi0xLjI3LDUuOS00LjcxLDEwLjgtOS44NiwxNS0xNS40NCwxMi41Mi0xNC4xNywyOSwyLjI0LDQwLjczYTIzNC41MiwyMzQuNTIsMCwwLDAsNDQuMSwyNS4yNGMyNC44MiwxMC43MSw1MC43NiwxMC4zMyw3NS44NSwxNi4yMywyOC43LDYuNzUsNTcuOCwxMS44LDg2LjcsMTcuNzIsMTAuMzQsMi4xMiwxOC40NCw2LjUxLDIxLjQ3LDE4LjE0LDUuNDksMjEsMTMuNDUsNDEsMjUuODcsNTkuMjIsNy44MywxMS41LDcuNDIsMjUuODEsNi4wOCwzOS0xLjgzLDE4LDIuNzksMzQuMTIsMTAsNTAsOS45LDIxLjc1LDIwLjkxLDQzLjA5LDIzLjU1LDY3LjQxLjU4LDUuMzcsNCw5LjI4LDguOTUsMTEuMjUsMTAuNzUsNC4yNSwxNC4xNCwxMy42NywxNi41NCwyMy41Miw2LjA5LDI1LDguMzQsNTAuNTcsMTAuNjUsNzYuMS42Niw3LjIzLjIsMTQuMTYsNywxOS41LDUuNTYsNC40LDMuNCwxMi40OCw2LDE5LjdoNzAuODN2MTAzLjg5SDE2OS40NVY5MDMuNThoNjguODJjLTEuNzQtMTAuMDgtNy41Ny0xNi4zMi0xMi4xNC0yMi45NC03LjgyLTExLjM0LTEwLjM5LTIzLjY2LTctMzYuNiwzLjc1LTE0LjM5LDMuNjQtMjguNzcsMi4xNy00My4yLTEuOTItMTguODUsMi44OC0zNSwxNS42Ni00OS4yOSwxNS4xLTE2LjkyLDI1Ljc4LTM2LjIyLDI3Ljg5LTU5LjQ4cTEuNTktMTcuNjQsMTYuODUtMjcuMzhjMTIuNjMtOC4wNywyMS43LTE5LjM5LDI2LjA5LTMzLjY5LDQuMjMtMTMuNzksMTIuMjMtMjQuODksMjItMzUsMTMuMTYtMTMuNjYsMjQuODQtMjguNjcsMzcuNTItNDIuNjYsMzYtMzkuNjksNjguNTItODMuNDcsMTE5LjA3LTEwNy4xNyw3LjQxLTMuNDcsMTMuODItOS4wOSwyMC4wNi0xMy4yOU05MjQuNzEsOTA2Ljc0bDIuNzEsMi4zNGMtMS43Niw1LjI1LTMuOTMsMTAuNDEtNS4xOSwxNS43OC0xLjQyLDYsMi44Nyw5LjExLDcuNDgsMTEuNTksNCwyLjEyLDcuNTksMS41NCwxMC40MS0yLDEyLjA2LTE1LjMxLDIzLjc1LTMxLDI5LjYzLTQ5LjgyLDQtMTMtLjIzLTE5LjU4LTEzLjc1LTIzLjctNC45Mi0xLjUtOS0zLjEzLTEyLjgyLTYuOTEtMTEuNTMtMTEuMzktMjkuNTctMTItNDAuOTUtMjQtLjYxLS42NC0yLjE1LS41NS0zLjI1LS41NC0xMSwuMDktMjIuMDUsMi4yLTMyLjg3LTIuMzUtMy43OC0xLjU5LTcuODguNjYtMTAuMzIsMy45NEM4NDMuMDgsODQ4LjE3LDgyOSw4NjQuMzcsODE4LjMsODg0LjNjMjcuMTIsMTIuMjEsMjkuOC0xNiw0NS4yNy0yNS4wNyw5LjQ1LDE3LjY0LTEwLjM0LDI5LjYxLTYuNyw0NC41NywxMi45Miw5LjI2LDE0LjMzLDkuNDUsMjkuOTMsNCw3LjQzLDIwLjQzLDE2LjcyLDIyLjE3LDMwLjkzLDUuODksMi4xNS0yLjQ2LDQuNjUtNC42Myw3LTYuOTNtLTU0Ny0zMzguNjFjLTEzLDE2LjM3LTI3LjIxLDMwLjQ2LTQwLjkxLDQ1QTUwLjg0LDUwLjg0LDAsMCwwLDMyNSw2MzMuMDZjLTUuODQsMTguNjMtMTYuNTIsMzMuOTItMzMsNDQuNzMtNi41Niw0LjMyLTEwLjI1LDkuOTQtMTAuODYsMTcuNzMtMiwyNS41Ni0xMy44NCw0Ni44NC0zMC4zNSw2NS40My0xMC45NCwxMi4zMS0xNC4yNiwyNS44MS0xMi42Miw0MS41NCwxLjM4LDEzLjMsMS44NSwyNi41OS0xLjQ2LDM5Ljg1LTIuNzYsMTEsLjU2LDIwLjcyLDcuMTYsMjEuMDgsMTEsLjU5LDExLjIyLTguODgsMTIuODItMTYuMjIsMy4xMS0xNC4zLDEuMTctMjguODksMi00My4zNCwxLjIxLTIxLjM1LDUuOC00MS43MywyNC44NS01My45czI4Ljc3LTMwLDM2LjI0LTUwLjEzYzQuNDItMTIsMTAuMS0yMy40NCwxMy42NS0zNS43NCwyLjA4LTcuMiw1Ljk1LTEzLDEyLjYxLTE2LjkxLDkuNDktNS41MiwxOC44Ni0xMS4yNSwyOC4xMy0xNi44LDE1LDEyLDI5LjI2LDI0LjM4LDQ2LjI4LDM0LjM2LDcuNTgtMTMuMzQsOS4wNS0yNy4yLDEyLjQzLTQwLjQzLDEtNC4wNy0uMjItNy4zMy0zLjU4LTEwLjI4LTE3LjE0LTE1LTM0LjA4LTMwLjI3LTUxLjYxLTQ1LjlNNjY5LDg1NmMxMi4xLTIsMjMuMTYtMy4xNCwzMy44Mi01Ljg0LDguNzItMi4yMSwyMS4wNS0yLjc3LDIxLjI5LTE0LjgxLjI0LTExLjYzLTEyLjA5LTEyLjE1LTIwLTEzLjc3LTQwLjg0LTguNC04Mi04LjcxLTEyMi43OC4xMS0yMC42Niw0LjQ2LTIxLjczLDcuMjktMTguNDMsMjguNjIuNDMsMi43Ni40OCw1LjU3LDEsOC4zLDkuNjgsNDkuODUsNDMuMjEsNzQuMTksOTIuMDUsNjcsNC40Ni00LjA5LDUuNDktOS44Miw3LjE2LTE1LDUuNTEtMTcuMTksNC40Mi0zNS4yMyw1Ljg1LTU0LjU5bS0zMTAuNjksNDYuM2gxMzYuMmMyLjcxLTM3LTYuMi02OS4zOS0yNy41LTk4LjMzLTcuNjgtMTAuNDQtMTQuODYtMTIuMDctMjQuNTMtMy41OC0yLjg4LDIuNTMtNC45NCw2LTcuNCw5LTI1LjI4LDMwLjg1LTQ4Ljc0LDYzLjE5LTc2Ljc3LDkyLjkzTTY5OC40OCw3ODkuOTNjOC4yNC0xMSw0LjYxLTIyLjY1LDQuMjItMzQtLjM5LTEwLjk1LTMuNjYtMjIuMDguNjYtMzQuMTEsMTEuMzIsNy4xNiw5LjEsMjEuMzEsMjIuODMsMjcuMzUsMy43Mi00My4xMywxMC04NC4zOCw4Ljg1LTEyNy03Ljg0LDE3Ljg0LTE1LjY4LDM1LjY4LTI0LjE3LDU1LTE5LjQxLTIxLjA2LTI1LTQ4LjY5LTQ0LjE3LTY5LjEtMTIuNjcsMjIuNjUtMTMuODgsNDYuNzEtMTksNjkuNjYtLjQzLDIsLjQ0LDQuNDcsMS4zNSw2LjQyLDE2LjM5LDM1LDM0LjcxLDY5LjEzLDQ5LjM4LDEwNS43Nk03MTMuOSwyNjUuMzFjMy4wOS05LjM2LDAtMTUuMzktMTAuMjctMTguMTQtMTQuNDYtMy45LTI4LjU4LTkuNzgtNDMuMjctMTItMzIuMzctNS02My4yNC0xLjQ5LTg5LDIyQzU1OS40NiwyNjgsNTQ2LjYyLDI3Ny45Miw1MzQuODgsMjg5Yy0xMy40LDEyLjU5LTI1Ljc5LDI2LjI2LTM0LjgsNDIuNDQtNy4yLDEyLjk0LTUuMiwxOS44NCw3LjksMjkuMTktMi44My0yMC40OSw4LjQ3LTMyLjc3LDIzLjM2LTQyLjg3LDQuNTgtMy4xLDkuMjctNi4zMywxNC4zNS04LjM5LDUxLjQ2LTIwLjg5LDEwMy4xNi00MSwxNTkuODktNDEuNjYsMi43NiwwLDUuNi4xMiw4LjMyLTIuMzZtMjMuNzMsMjI3LjQ4Yy01LjUzLDE3LjUyLTE2LjgzLDMwLjU0LTI4LjY5LDQzLjE1LTguNDEsOC45NS0xNywxNy43MS0yNS40NiwyNi42My0zLjQ4LDMuNjgtNi41NCw3LjIzLTQuMDcsMTMuMjRhNDQ5LDQ0OSwwLDAsMCwzMC4wNSw1OS42MWM4LjU1LTI0LDIwLjM2LTQyLjc4LDMyLjg1LTYxLjIsMy45MS01Ljc3LDUuMjYtMTIuMSw1LjUtMTksLjc1LTIxLjI1LTMuOC00MS42Ni0xMC4xOC02Mi40N001NjIuNDksOTAzLjY1Yy0xMi43MiwyLjcxLTI0LjEsNS4yNi0zNC41NSwxMC42NS01LjM2LDIuNzctMTEuNjMsNS4zNC0xMS40LDEyLjg5czYuNSwxMC4yNCwxMS45MywxMi42YTEyNy42MiwxMjcuNjIsMCwwLDAsMjMuNjMsNy45QzYwMy44NSw5NTksNjU2LDk1OS42Myw3MDguMzMsOTUyLjUyYzE2LTIuMTcsMzEuOTMtNC45LDQ2LjgtMTEuNTQsNi44NS0zLjA2LDE0LjQ3LTUuOTMsMTQuNTctMTcuNDItMTguOSw0LjY2LTM4LjUxLjI4LTU1LjI4LDEyLjMyLTQuMjYsMy4wNi0xMC4zOSwzLjc5LTE1Ljc5LDQuOTQtMzIuNTQsNi45NC02NS40MSw2LjgtOTguMTUsMi40Ny0xMi45My0xLjcxLTI2LjgxLTMtMzcuMDgtMTMuMDktMS0xLTEuMjYtMi44Mi0xLjYyLTMuNjgsMS4zNi01Ljg5LDcuNzMtNi42NCw5LjcxLTExLjUybC05LTExLjM1bTQxOS45Mi01My4xOGMxNi4zMiwyNi41MSwxOC4yOSw1Mi41OSw0LjQ0LDgwLjExbDM2LjQ3LDEyLjExYzE4Ljg4LTI5LjcxLTQuMzItODMuODctNDAuOTEtOTIuMjJNNjMwLjYyLDYzNS4xMmM3LjUtMTkuODgsMTMuODEtMzkuMiwxNi45LTYwLTE3LjExLTkuODQtMzYtMTMuMTUtNTMuMTUtMjIsMTQuNjUsMjYuNywyMS4wOCw1NiwzNi4yNSw4Mm03Mi43MS0xMzcuNjljMy4zLDIuMDksNC45Mi41Nyw2LjM5LTEuMDksMTAuODktMTIuMzQsMTguODUtMjYuNjEsMjAuOC00Mi43OCwzLjE4LTI2LjQyLDUuNzMtNTMsMS4zNy03OS42OS0yLjk0LTE4LTYuMjEtMjEtMjUuMy0yMC44NywxNC4yLDQ4LjUsMjYuNjYsOTctMy4yNiwxNDQuNDNNNzI3LjcsODk3LjgxYzIwLjE3LTMsMzQuODQtMTUsNDAuMzEtMzIsMi44Mi04LjczLDQuNy0xNy43Ni0yLjg3LTI0LjkxLTYuODctNi40OC0xNS4xMy01LjE1LTIzLjM3LTIuMjcuNDQsNC44OS0zLjY4LDEwLjgyLDUuMDcsMTEuNzMsOSwuOTQsOC41NCw3Ljg2LDcsMTMuODctMi4xNSw4LjM4LTcuMzMsMTUuMjctMTUuMzksMTguNzEtNi40MiwyLjc1LTkuMzIsNy4yLTEwLjc1LDE0Ljg4IiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNSIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTU4MS44LDUwMi44OGMxLjItNC40OC0zLjMtNi40Mi01LTguNjVhOC4xOCw4LjE4LDAsMCwxLC42Ny00LjUzYy44LTEuODUsMS44Ny01LjEyLDEuODctNS4xMmEyNywyNywwLDAsMC0uMTQtNi44OCwxMC44MSwxMC44MSwwLDAsMC0zLjE3LTYuMTEsNS4yOSw1LjI5LDAsMCwxLTEuMzgtMmMtLjQ4LTEuMjgtLjkzLTIuNTYtMS4zLTMuODZhNy42OCw3LjY4LDAsMCwxLC4zMy01YzEtMi4zOSwxLjgxLTUuMDUuNS04LjE2LTMtNy03LjU1LTcuMDYtOS43MS04LjE5YTE4LjMyLDE4LjMyLDAsMCwxLTEuMzgtMS43NWMtMS0yLjkzLS4zMy03LjY5LTYuMTYtMTEuODItNC4xMy0yLjktMTkuMTcsMi40Ni0yMy42Miw1LjQ3LTMuMTUsMi01Ljg3LDQtOC42MSw1LjkzcS0zNC44OSwyMy4xMS02OS44Niw0Ni4xNGMtMjUuNjQsMTctNDIuNTEsNDEuODItNjAsNjUuNjEsOC41MiwxNC41NCwxNS40LDIwLjM5LDMzLjU1LDI4LjU2LDIuODItMy42NCw1LjczLTcuMzYsOC42NS0xMS4xMSw1LjA4LTQuMDYsNC40OS02LjM0LDguNjMtMTFsLjA4LS4wOWMuMTYtLjE4LjM1LS4zOC41My0uNTZhMTguMTEsMTguMTEsMCwwLDEsMTAuMzItNS43M2MzMi4yMy01Ljc0LDYzLTE3LjM2LDk1LTI0LjE2LDEzLjkyLTMsMjMuNjQtMTEuNjMsMjkuNDMtMjQuMjlaIiAvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtNyIKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTcwNi43NCw4MzYuNDljLTQzLjQ3LDkuNzktODQuMjksMTAtMTI4LS4yM2ExLjU4LDEuNTgsMCwwLDEtLjMtM2MyOS4xOC0xMy4xNiwxMDEuNTEtMTMsMTI4LjYzLjI1YTEuNTgsMS41OCwwLDAsMS0uMzYsMyIgLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+", Et = Nt`
+  :host {
+    background-color: #fff;
+    display: flex;
+    padding: 0 10px;
+    height: 40px;
+    font-display: swap;
+    font-family: "UniversLTCondensed", "Univers LT Std", "Helvetica Neue", arial,
+      sans-serif;
+    font-weight: 400;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.06);
+    height: 60px;
+    align-items: center;
+    white-space: nowrap;
+    font-size: 16px;
+  }
+
+  @media (min-width: 1024px) {
+    :host {
+      padding: 0 10px 0 40px;
+    }
+  }
+
+  .container {
+    display: grid;
+    grid-template-columns: 1fr 40px 1fr;
+    grid-template-rows: 1fr;
+    gap: 12px;
+    grid-template-areas: "navigation logo slot";
+    width: 100%;
+    z-index: 9999;
+  }
+
+  @media (min-width: 1024px) {
+    .container {
+      grid-template-columns: 40px auto 1fr;
+      grid-template-areas: "logo navigation slot";
+    }
+  }
+
+  .navigation {
+    grid-area: navigation;
+  }
+
+  .toggle {
+    flex: 1;
+    background: none;
+    border: none;
+    width: 40px;
+    height: 40px;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 6px;
+    cursor: pointer;
+    align-items: center;
+    touch-action: manipulation;
+  }
+
+  @media (min-width: 1024px) {
+    .toggle {
+      display: none;
+    }
+  }
+
+  .toggle__icon {
+    width: 28px;
+    height: 2px;
+    background-color: black;
+    transition: all 0.2s ease-in-out;
+  }
+
+  .toggle--expanded .toggle__icon:first-child {
+    transform: rotate(135deg);
+    margin: -4px;
+  }
+
+  .toggle--expanded .toggle__icon:last-child {
+    transform: rotate(-135deg);
+    margin: -4px;
+  }
+
+  nav {
+    position: absolute;
+    left: 0;
+    top: 60px;
+    height: calc(100% - 60px);
+    width: 60%;
+    background-color: #fff;
+    max-width: 360px;
+    box-shadow: inset 0 8px 16px 0 rgba(0, 0, 0, 0.06);
+    padding: 32px;
+    box-sizing: border-box;
+    transform: translateX(-20vw);
+    will-change: opacity, transform;
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  nav.open {
+    transform: translateX(0);
+    opacity: 1;
+    pointer-events: initial;
+  }
+
+  nav ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  nav li {
+    line-height: 36px;
+  }
+
+  nav a {
+    display: flex;
+    color: black;
+    font-weight: 400;
+    text-decoration: none;
+    text-transform: uppercase;
+  }
+
+  nav a span {
+    padding: 2px 4px;
+    border-bottom: 2px solid transparent;
+    transition: border-color 150ms ease;
+    width: 100%;
+    position: relative;
+  }
+
+  nav a:hover span {
+    border-bottom: 2px solid black;
+  }
+
+  @media (min-width: 1024px) {
+    nav {
+      position: initial;
+      left: initial;
+      top: initial;
+      height: initial;
+      width: initial;
+      background-color: initial;
+      max-width: initial;
+      box-shadow: initial;
+      padding: initial;
+      box-sizing: border-box;
+      transform: translateX(0);
+      will-change: opacity, transform;
+      transition: initial;
+      opacity: 1;
+      pointer-events: initial;
+    }
+
+    nav ul {
+      display: flex;
+    }
+
+    nav li {
+      line-height: initial;
+    }
+
+    nav li a {
+      margin: 0 24px;
+      height: 60px;
+      align-items: center;
+    }
+  }
+
+  .collapsed {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+  }
+
+  .collapsed__title {
+    display: none;
+    color: black;
+    font-weight: 400;
+    padding: 2px 4px;
+    text-decoration: none;
+    text-transform: uppercase;
+    border-bottom: 2px solid transparent;
+    transition: border-color 150ms ease;
+  }
+
+  li.collapsed:hover .collapsed__title {
+    border-bottom: 2px solid black;
+  }
+
+  .collapsed__list {
+    width: 100%;
+  }
+
+  @media (min-width: 1024px) {
+    .collapsed__title {
+      display: inline-block;
+      margin: 0 24px;
+      z-index: 1;
+    }
+
+    .collapsed__list {
+      display: initial;
+      transform: translateY(-30px);
+      opacity: 0;
+      animation-delay: 200ms;
+      transition: opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955),
+        transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
+      animation-fill-mode: forwards;
+      background-color: #fff;
+      position: absolute;
+      left: 0;
+      top: 60px;
+      pointer-events: none;
+      width: auto;
+    }
+
+    .collapsed:hover .collapsed__list {
+      opacity: 1;
+      transform: translateY(0px);
+      pointer-events: unset;
+    }
+
+    .collapsed__list span {
+      width: unset;
+    }
+  }
+
+  .logo {
+    grid-area: logo;
+    display: flex;
+    align-items: center;
+  }
+
+  .logo a {
+    display: flex;
+  }
+
+  .slot {
+    grid-area: slot;
+    text-align: right;
+    overflow: hidden;
+  }
+
+  .arrow:before {
+    content: "";
+    width: 9px;
+    height: 2px;
+    position: absolute;
+    background: black;
+    transform: rotate(45deg);
+    top: 17px;
+    right: 5px;
+    bottom: 0px;
+  }
+
+  .arrow::after {
+    content: "";
+    width: 9px;
+    height: 2px;
+    position: absolute;
+    background: black;
+    transform: rotate(-45deg);
+    top: 22px;
+    right: 5px;
+    bottom: 0px;
+  }
+
+  @media (min-width: 1024px) {
+    .arrow {
+      display: none;
+    }
+  }
+`;
+var Ot = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, K = (M, t, i, e) => {
+  for (var s = e > 1 ? void 0 : e ? vt(t, i) : t, o = M.length - 1, L; o >= 0; o--)
+    (L = M[o]) && (s = (e ? L(t, i, s) : L(s)) || s);
+  return e && s && Ot(t, i, s), s;
+};
+let S = class extends d {
+  constructor() {
+    super(...arguments), this.expanded = !1, this.links = [
+      {
+        label: "Home",
+        href: "https://www.joejuice.com/"
+      },
+      {
+        label: "Menu",
+        href: "https://gtly.to/Csp5K56vz"
+      },
+      {
+        label: "Stores",
+        href: "https://gtly.ink/Xh7TCljV2"
+      },
+      {
+        label: "App",
+        href: "https://www.joejuice.com/app"
+      },
+      {
+        label: "Webshop",
+        href: "https://gtly.to/MXuQTmNAL"
+      },
+      {
+        label: "Careers",
+        href: "https://www.joejuice.com/careers"
+      },
+      {
+        label: "Culture",
+        href: "https://www.joejuice.com/culture",
+        collapsed: !0
+      },
+      {
+        label: "Impact",
+        href: "https://www.joejuice.com/impact",
+        collapsed: !0
+      },
+      {
+        label: "News / Blog",
+        href: "https://www.joejuice.com/news",
+        collapsed: !0
+      },
+      {
+        label: "Events",
+        href: "https://www.joejuice.com/events",
+        collapsed: !0
+      }
+    ];
+  }
+  render() {
+    return m`
+      <div class="container">
+        <div class="navigation">
+          <button
+            class=${this.expanded ? "toggle toggle--expanded" : "toggle"}
+            @click=${this.toggle}
+          >
+            <div class="toggle__icon"></div>
+            <div class="toggle__icon"></div>
+          </button>
+
+          <nav
+            class=${this.expanded ? "open" : ""}
+            role="navigation"
+            itemscope
+            itemtype="http://www.schema.org/SiteNavigationElement"
+          >
+            <ul>
+              ${this.links.filter((M) => !M.collapsed).map(
+      (M) => m`<li itemprop="name">
+                    <a href=${M.href} itemprop="url">
+                      <span itemprop="name">
+                        ${M.label}
+                        <div class="arrow"></div
+                      ></span>
+                    </a>
+                  </li>`
+    )}
+              ${this.links.filter((M) => M.collapsed).length > 0 ? m`
+                    <li class="collapsed">
+                      <span class="collapsed__title">& MORE</span>
+                      <ul class="collapsed__list">
+                        ${this.links.filter((M) => M.collapsed).map(
+      (M) => m`<li itemprop="name">
+                              <a href=${M.href} itemprop="url">
+                                <span
+                                  >${M.label}
+                                  <div class="arrow"></div
+                                ></span>
+                              </a>
+                            </li>`
+    )}
+                      </ul>
+                    </li>
+                  ` : ""}
+            </ul>
+          </nav>
+        </div>
+
+        <div class="logo">
+          <a href="https://www.joejuice.com/">
+            <img width="40" height="40" src="${St}" alt="JOE & THE JUICE" />
+          </a>
+        </div>
+
+        <div class="slot">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+  }
+  toggle() {
+    this.expanded = !this.expanded;
+  }
+};
+S.styles = Et;
+K([
+  jt()
+], S.prototype, "expanded", 2);
+K([
+  jt()
+], S.prototype, "links", 2);
+S = K([
+  pt("joe-header")
+], S);