@record-evolution/widget-navbar 1.0.2

package/dist/widget-navbar.js

@@ -0,0 +1,1792 @@
+/* @license Copyright (c) 2025 IronFlock GmbH. All rights reserved.*/
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Y = globalThis, ut = Y.ShadowRoot && (Y.ShadyCSS === void 0 || Y.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, vt = Symbol(), wt = /* @__PURE__ */ new WeakMap();
+let Ut = class {
+  constructor(t, e, i) {
+    if (this._$cssResult$ = !0, i !== vt) 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 (ut && t === void 0) {
+      const i = e !== void 0 && e.length === 1;
+      i && (t = wt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && wt.set(e, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const ee = (s) => new Ut(typeof s == "string" ? s : s + "", void 0, vt), $ = (s, ...t) => {
+  const e = s.length === 1 ? s[0] : t.reduce(((i, r, o) => i + ((a) => {
+    if (a._$cssResult$ === !0) return a.cssText;
+    if (typeof a == "number") return a;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(r) + s[o + 1]), s[0]);
+  return new Ut(e, s, vt);
+}, ie = (s, t) => {
+  if (ut) s.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
+  else for (const e of t) {
+    const i = document.createElement("style"), r = Y.litNonce;
+    r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
+  }
+}, Ct = ut ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+  let e = "";
+  for (const i of t.cssRules) e += i.cssText;
+  return ee(e);
+})(s) : s;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: re, defineProperty: se, getOwnPropertyDescriptor: oe, getOwnPropertyNames: ae, getOwnPropertySymbols: ne, getPrototypeOf: ce } = Object, J = globalThis, Et = J.trustedTypes, le = Et ? Et.emptyScript : "", de = J.reactiveElementPolyfillSupport, U = (s, t) => s, Z = { toAttribute(s, t) {
+  switch (t) {
+    case Boolean:
+      s = s ? le : null;
+      break;
+    case Object:
+    case Array:
+      s = s == null ? s : JSON.stringify(s);
+  }
+  return s;
+}, fromAttribute(s, t) {
+  let e = s;
+  switch (t) {
+    case Boolean:
+      e = s !== null;
+      break;
+    case Number:
+      e = s === null ? null : Number(s);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(s);
+      } catch {
+        e = null;
+      }
+  }
+  return e;
+} }, mt = (s, t) => !re(s, t), St = { attribute: !0, type: String, converter: Z, reflect: !1, useDefault: !1, hasChanged: mt };
+Symbol.metadata ??= Symbol("metadata"), J.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+let k = class extends HTMLElement {
+  static addInitializer(t) {
+    this._$Ei(), (this.l ??= []).push(t);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t, e = St) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
+      const i = Symbol(), r = this.getPropertyDescriptor(t, i, e);
+      r !== void 0 && se(this.prototype, t, r);
+    }
+  }
+  static getPropertyDescriptor(t, e, i) {
+    const { get: r, set: o } = oe(this.prototype, t) ?? { get() {
+      return this[e];
+    }, set(a) {
+      this[e] = a;
+    } };
+    return { get: r, set(a) {
+      const c = r?.call(this);
+      o?.call(this, a), this.requestUpdate(t, c, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? St;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(U("elementProperties"))) return;
+    const t = ce(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(U("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(U("properties"))) {
+      const e = this.properties, i = [...ae(e), ...ne(e)];
+      for (const r of i) this.createProperty(r, e[r]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const e = litPropertyMetadata.get(t);
+      if (e !== void 0) for (const [i, r] of e) this.elementProperties.set(i, r);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, i] of this.elementProperties) {
+      const r = this._$Eu(e, i);
+      r !== void 0 && this._$Eh.set(r, e);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const e = [];
+    if (Array.isArray(t)) {
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const r of i) e.unshift(Ct(r));
+    } else t !== void 0 && e.push(Ct(t));
+    return e;
+  }
+  static _$Eu(t, e) {
+    const i = e.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise(((t) => this.enableUpdating = t)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t) => t(this)));
+  }
+  addController(t) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
+  }
+  removeController(t) {
+    this._$EO?.delete(t);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+    t.size > 0 && (this._$Ep = t);
+  }
+  createRenderRoot() {
+    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return ie(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach(((t) => t.hostDisconnected?.()));
+  }
+  attributeChangedCallback(t, e, i) {
+    this._$AK(t, i);
+  }
+  _$ET(t, e) {
+    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
+    if (r !== void 0 && i.reflect === !0) {
+      const o = (i.converter?.toAttribute !== void 0 ? i.converter : Z).toAttribute(e, i.type);
+      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+    }
+  }
+  _$AK(t, e) {
+    const i = this.constructor, r = i._$Eh.get(t);
+    if (r !== void 0 && this._$Em !== r) {
+      const o = i.getPropertyOptions(r), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : Z;
+      this._$Em = r;
+      const c = a.fromAttribute(e, o.type);
+      this[r] = c ?? this._$Ej?.get(r) ?? c, this._$Em = null;
+    }
+  }
+  requestUpdate(t, e, i) {
+    if (t !== void 0) {
+      const r = this.constructor, o = this[t];
+      if (i ??= r.getPropertyOptions(t), !((i.hasChanged ?? mt)(o, e) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, i)))) return;
+      this.C(t, e, i);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
+  }
+  C(t, e, { useDefault: i, reflect: r, wrapped: o }, a) {
+    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, a ?? e ?? this[t]), o !== !0 || a !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  }
+  async _$EP() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    const t = this.scheduleUpdate();
+    return t != null && await t, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [r, o] of this._$Ep) this[r] = o;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [r, o] of i) {
+        const { wrapped: a } = o, c = this[r];
+        a !== !0 || this._$AL.has(r) || c === void 0 || this.C(r, void 0, o, c);
+      }
+    }
+    let t = !1;
+    const e = this._$AL;
+    try {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(e)) : this._$EM();
+    } catch (i) {
+      throw t = !1, this._$EM(), i;
+    }
+    t && this._$AE(e);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    this._$EO?.forEach(((e) => e.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t) {
+    return !0;
+  }
+  update(t) {
+    this._$Eq &&= this._$Eq.forEach(((e) => this._$ET(e, this[e]))), this._$EM();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[U("elementProperties")] = /* @__PURE__ */ new Map(), k[U("finalized")] = /* @__PURE__ */ new Map(), de?.({ ReactiveElement: k }), (J.reactiveElementVersions ??= []).push("2.1.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const bt = globalThis, X = bt.trustedTypes, Tt = X ? X.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Ht = "$lit$", w = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + w, he = `<${Lt}>`, R = document, H = () => R.createComment(""), L = (s) => s === null || typeof s != "object" && typeof s != "function", yt = Array.isArray, pe = (s) => yt(s) || typeof s?.[Symbol.iterator] == "function", rt = `[ 	
+\f\r]`, z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, It = /-->/g, Pt = />/g, T = RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Rt = /'/g, kt = /"/g, Bt = /^(?:script|style|textarea|title)$/i, fe = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), A = fe(1), C = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ot = /* @__PURE__ */ new WeakMap(), P = R.createTreeWalker(R, 129);
+function Ft(s, t) {
+  if (!yt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Tt !== void 0 ? Tt.createHTML(t) : t;
+}
+const ue = (s, t) => {
+  const e = s.length - 1, i = [];
+  let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = z;
+  for (let c = 0; c < e; c++) {
+    const n = s[c];
+    let d, p, l = -1, f = 0;
+    for (; f < n.length && (a.lastIndex = f, p = a.exec(n), p !== null); ) f = a.lastIndex, a === z ? p[1] === "!--" ? a = It : p[1] !== void 0 ? a = Pt : p[2] !== void 0 ? (Bt.test(p[2]) && (r = RegExp("</" + p[2], "g")), a = T) : p[3] !== void 0 && (a = T) : a === T ? p[0] === ">" ? (a = r ?? z, l = -1) : p[1] === void 0 ? l = -2 : (l = a.lastIndex - p[2].length, d = p[1], a = p[3] === void 0 ? T : p[3] === '"' ? kt : Rt) : a === kt || a === Rt ? a = T : a === It || a === Pt ? a = z : (a = T, r = void 0);
+    const u = a === T && s[c + 1].startsWith("/>") ? " " : "";
+    o += a === z ? n + he : l >= 0 ? (i.push(d), n.slice(0, l) + Ht + n.slice(l) + w + u) : n + w + (l === -2 ? c : u);
+  }
+  return [Ft(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+};
+class B {
+  constructor({ strings: t, _$litType$: e }, i) {
+    let r;
+    this.parts = [];
+    let o = 0, a = 0;
+    const c = t.length - 1, n = this.parts, [d, p] = ue(t, e);
+    if (this.el = B.createElement(d, i), P.currentNode = this.el.content, e === 2 || e === 3) {
+      const l = this.el.content.firstChild;
+      l.replaceWith(...l.childNodes);
+    }
+    for (; (r = P.nextNode()) !== null && n.length < c; ) {
+      if (r.nodeType === 1) {
+        if (r.hasAttributes()) for (const l of r.getAttributeNames()) if (l.endsWith(Ht)) {
+          const f = p[a++], u = r.getAttribute(l).split(w), b = /([.?@])?(.*)/.exec(f);
+          n.push({ type: 1, index: o, name: b[2], strings: u, ctor: b[1] === "." ? me : b[1] === "?" ? be : b[1] === "@" ? ye : Q }), r.removeAttribute(l);
+        } else l.startsWith(w) && (n.push({ type: 6, index: o }), r.removeAttribute(l));
+        if (Bt.test(r.tagName)) {
+          const l = r.textContent.split(w), f = l.length - 1;
+          if (f > 0) {
+            r.textContent = X ? X.emptyScript : "";
+            for (let u = 0; u < f; u++) r.append(l[u], H()), P.nextNode(), n.push({ type: 2, index: ++o });
+            r.append(l[f], H());
+          }
+        }
+      } else if (r.nodeType === 8) if (r.data === Lt) n.push({ type: 2, index: o });
+      else {
+        let l = -1;
+        for (; (l = r.data.indexOf(w, l + 1)) !== -1; ) n.push({ type: 7, index: o }), l += w.length - 1;
+      }
+      o++;
+    }
+  }
+  static createElement(t, e) {
+    const i = R.createElement("template");
+    return i.innerHTML = t, i;
+  }
+}
+function O(s, t, e = s, i) {
+  if (t === C) return t;
+  let r = i !== void 0 ? e._$Co?.[i] : e._$Cl;
+  const o = L(t) ? void 0 : t._$litDirective$;
+  return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(s), r._$AT(s, e, i)), i !== void 0 ? (e._$Co ??= [])[i] = r : e._$Cl = r), r !== void 0 && (t = O(s, r._$AS(s, t.values), r, i)), t;
+}
+let ve = class {
+  constructor(t, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: e }, parts: i } = this._$AD, r = (t?.creationScope ?? R).importNode(e, !0);
+    P.currentNode = r;
+    let o = P.nextNode(), a = 0, c = 0, n = i[0];
+    for (; n !== void 0; ) {
+      if (a === n.index) {
+        let d;
+        n.type === 2 ? d = new M(o, o.nextSibling, this, t) : n.type === 1 ? d = new n.ctor(o, n.name, n.strings, this, t) : n.type === 6 && (d = new ge(o, this, t)), this._$AV.push(d), n = i[++c];
+      }
+      a !== n?.index && (o = P.nextNode(), a++);
+    }
+    return P.currentNode = R, r;
+  }
+  p(t) {
+    let e = 0;
+    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+  }
+};
+class M {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t, e, i, r) {
+    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = O(this, t, e), L(t) ? t === v || t == null || t === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : pe(t) ? this.k(t) : this._(t);
+  }
+  O(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  _(t) {
+    this._$AH !== v && L(this._$AH) ? this._$AA.nextSibling.data = t : this.T(R.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = B.createElement(Ft(i.h, i.h[0]), this.options)), i);
+    if (this._$AH?._$AD === r) this._$AH.p(e);
+    else {
+      const o = new ve(r, this), a = o.u(this.options);
+      o.p(e), this.T(a), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let e = Ot.get(t.strings);
+    return e === void 0 && Ot.set(t.strings, e = new B(t)), e;
+  }
+  k(t) {
+    yt(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let i, r = 0;
+    for (const o of t) r === e.length ? e.push(i = new M(this.O(H()), this.O(H()), this, this.options)) : i = e[r], i._$AI(o), r++;
+    r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
+      const i = t.nextSibling;
+      t.remove(), t = i;
+    }
+  }
+  setConnected(t) {
+    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
+  }
+}
+class Q {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t, e, i, r, o) {
+    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = v;
+  }
+  _$AI(t, e = this, i, r) {
+    const o = this.strings;
+    let a = !1;
+    if (o === void 0) t = O(this, t, e, 0), a = !L(t) || t !== this._$AH && t !== C, a && (this._$AH = t);
+    else {
+      const c = t;
+      let n, d;
+      for (t = o[0], n = 0; n < o.length - 1; n++) d = O(this, c[i + n], e, n), d === C && (d = this._$AH[n]), a ||= !L(d) || d !== this._$AH[n], d === v ? t = v : t !== v && (t += (d ?? "") + o[n + 1]), this._$AH[n] = d;
+    }
+    a && !r && this.j(t);
+  }
+  j(t) {
+    t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class me extends Q {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === v ? void 0 : t;
+  }
+}
+class be extends Q {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== v);
+  }
+}
+class ye extends Q {
+  constructor(t, e, i, r, o) {
+    super(t, e, i, r, o), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    if ((t = O(this, t, e, 0) ?? v) === C) return;
+    const i = this._$AH, r = t === v && i !== v || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== v && (i === v || r);
+    r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class ge {
+  constructor(t, e, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    O(this, t);
+  }
+}
+const _e = { I: M }, $e = bt.litHtmlPolyfillSupport;
+$e?.(B, M), (bt.litHtmlVersions ??= []).push("3.3.1");
+const xe = (s, t, e) => {
+  const i = e?.renderBefore ?? t;
+  let r = i._$litPart$;
+  if (r === void 0) {
+    const o = e?.renderBefore ?? null;
+    i._$litPart$ = r = new M(t.insertBefore(H(), o), o, void 0, e ?? {});
+  }
+  return r._$AI(s), r;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const gt = globalThis;
+let g = class extends k {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t.firstChild, t;
+  }
+  update(t) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = xe(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
+  }
+  render() {
+    return C;
+  }
+};
+g._$litElement$ = !0, g.finalized = !0, gt.litElementHydrateSupport?.({ LitElement: g });
+const Ae = gt.litElementPolyfillSupport;
+Ae?.({ LitElement: g });
+(gt.litElementVersions ??= []).push("4.2.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const S = (s) => (t, e) => {
+  e !== void 0 ? e.addInitializer((() => {
+    customElements.define(s, t);
+  })) : customElements.define(s, t);
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const we = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: mt }, Ce = (s = we, t, e) => {
+  const { kind: i, metadata: r } = e;
+  let o = globalThis.litPropertyMetadata.get(r);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), o.set(e.name, s), i === "accessor") {
+    const { name: a } = e;
+    return { set(c) {
+      const n = t.get.call(this);
+      t.set.call(this, c), this.requestUpdate(a, n, s);
+    }, init(c) {
+      return c !== void 0 && this.C(a, void 0, s, c), c;
+    } };
+  }
+  if (i === "setter") {
+    const { name: a } = e;
+    return function(c) {
+      const n = this[a];
+      t.call(this, c), this.requestUpdate(a, n, s);
+    };
+  }
+  throw Error("Unsupported decorator location: " + i);
+};
+function m(s) {
+  return (t, e) => typeof e == "object" ? Ce(s, t, e) : ((i, r, o) => {
+    const a = r.hasOwnProperty(o);
+    return r.constructor.createProperty(o, i), a ? Object.getOwnPropertyDescriptor(r, o) : void 0;
+  })(s, t, e);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function F(s) {
+  return m({ ...s, state: !0, attribute: !1 });
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const _t = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function tt(s, t) {
+  return (e, i, r) => {
+    const o = (a) => a.renderRoot?.querySelector(s) ?? null;
+    return _t(e, i, { get() {
+      return o(this);
+    } });
+  };
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function jt(s) {
+  return (t, e) => {
+    const { slot: i, selector: r } = s ?? {}, o = "slot" + (i ? `[name=${i}]` : ":not([name])");
+    return _t(t, e, { get() {
+      const a = this.renderRoot?.querySelector(o), c = a?.assignedElements(s) ?? [];
+      return r === void 0 ? c : c.filter(((n) => n.matches(r)));
+    } });
+  };
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function Ee(s) {
+  return (t, e) => {
+    const { slot: i } = s ?? {}, r = "slot" + (i ? `[name=${i}]` : ":not([name])");
+    return _t(t, e, { get() {
+      return this.renderRoot?.querySelector(r)?.assignedNodes(s) ?? [];
+    } });
+  };
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Wt = { ATTRIBUTE: 1, CHILD: 2 }, Vt = (s) => (...t) => ({ _$litDirective$: s, values: t });
+class Gt {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, e, i) {
+    this._$Ct = t, this._$AM = e, this._$Ci = i;
+  }
+  _$AS(t, e) {
+    return this.update(t, e);
+  }
+  update(t, e) {
+    return this.render(...e);
+  }
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { I: Se } = _e, Mt = () => document.createComment(""), D = (s, t, e) => {
+  const i = s._$AA.parentNode, r = t === void 0 ? s._$AB : t._$AA;
+  if (e === void 0) {
+    const o = i.insertBefore(Mt(), r), a = i.insertBefore(Mt(), r);
+    e = new Se(o, a, s, s.options);
+  } else {
+    const o = e._$AB.nextSibling, a = e._$AM, c = a !== s;
+    if (c) {
+      let n;
+      e._$AQ?.(s), e._$AM = s, e._$AP !== void 0 && (n = s._$AU) !== a._$AU && e._$AP(n);
+    }
+    if (o !== r || c) {
+      let n = e._$AA;
+      for (; n !== o; ) {
+        const d = n.nextSibling;
+        i.insertBefore(n, r), n = d;
+      }
+    }
+  }
+  return e;
+}, I = (s, t, e = s) => (s._$AI(t, e), s), Te = {}, Ie = (s, t = Te) => s._$AH = t, Pe = (s) => s._$AH, st = (s) => {
+  s._$AR(), s._$AA.remove();
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Nt = (s, t, e) => {
+  const i = /* @__PURE__ */ new Map();
+  for (let r = t; r <= e; r++) i.set(s[r], r);
+  return i;
+}, Re = Vt(class extends Gt {
+  constructor(s) {
+    if (super(s), s.type !== Wt.CHILD) throw Error("repeat() can only be used in text expressions");
+  }
+  dt(s, t, e) {
+    let i;
+    e === void 0 ? e = t : t !== void 0 && (i = t);
+    const r = [], o = [];
+    let a = 0;
+    for (const c of s) r[a] = i ? i(c, a) : a, o[a] = e(c, a), a++;
+    return { values: o, keys: r };
+  }
+  render(s, t, e) {
+    return this.dt(s, t, e).values;
+  }
+  update(s, [t, e, i]) {
+    const r = Pe(s), { values: o, keys: a } = this.dt(t, e, i);
+    if (!Array.isArray(r)) return this.ut = a, o;
+    const c = this.ut ??= [], n = [];
+    let d, p, l = 0, f = r.length - 1, u = 0, b = o.length - 1;
+    for (; l <= f && u <= b; ) if (r[l] === null) l++;
+    else if (r[f] === null) f--;
+    else if (c[l] === a[u]) n[u] = I(r[l], o[u]), l++, u++;
+    else if (c[f] === a[b]) n[b] = I(r[f], o[b]), f--, b--;
+    else if (c[l] === a[b]) n[b] = I(r[l], o[b]), D(s, n[b + 1], r[l]), l++, b--;
+    else if (c[f] === a[u]) n[u] = I(r[f], o[u]), D(s, r[l], r[f]), f--, u++;
+    else if (d === void 0 && (d = Nt(a, u, b), p = Nt(c, l, f)), d.has(c[l])) if (d.has(c[f])) {
+      const x = p.get(a[u]), it = x !== void 0 ? r[x] : null;
+      if (it === null) {
+        const At = D(s, r[l]);
+        I(At, o[u]), n[u] = At;
+      } else n[u] = I(it, o[u]), D(s, r[l], it), r[x] = null;
+      u++;
+    } else st(r[f]), f--;
+    else st(r[l]), l++;
+    for (; u <= b; ) {
+      const x = D(s, n[b + 1]);
+      I(x, o[u]), n[u++] = x;
+    }
+    for (; l <= f; ) {
+      const x = r[l++];
+      x !== null && st(x);
+    }
+    return this.ut = a, Ie(s, n), C;
+  }
+});
+function h(s, t, e, i) {
+  var r = arguments.length, o = r < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, e) : i, a;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(s, t, e, i);
+  else for (var c = s.length - 1; c >= 0; c--) (a = s[c]) && (o = (r < 3 ? a(o) : r > 3 ? a(t, e, o) : a(t, e)) || o);
+  return r > 3 && o && Object.defineProperty(t, e, o), o;
+}
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class ke extends g {
+  render() {
+    return A`<slot></slot>`;
+  }
+  connectedCallback() {
+    if (super.connectedCallback(), this.getAttribute("aria-hidden") === "false") {
+      this.removeAttribute("aria-hidden");
+      return;
+    }
+    this.setAttribute("aria-hidden", "true");
+  }
+}
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const Oe = $`:host{font-size:var(--mdif4-icon-size, 24px);width:var(--mdif4-icon-size, 24px);height:var(--mdif4-icon-size, 24px);color:inherit;font-variation-settings:inherit;font-weight:400;font-family:var(--mdif4-icon-font, Material Symbols Outlined);display:inline-flex;font-style:normal;place-items:center;place-content:center;line-height:1;overflow:hidden;letter-spacing:normal;text-transform:none;user-select:none;white-space:nowrap;word-wrap:normal;flex-shrink:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}::slotted(svg){fill:currentColor}::slotted(*){height:100%;width:100%}
+`;
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let at = class extends ke {
+};
+at.styles = [Oe];
+at = h([
+  S("mdif4-icon")
+], at);
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class et extends g {
+  constructor() {
+    super(...arguments), this.inset = !1, this.insetStart = !1, this.insetEnd = !1;
+  }
+}
+h([
+  m({ type: Boolean, reflect: !0 })
+], et.prototype, "inset", void 0);
+h([
+  m({ type: Boolean, reflect: !0, attribute: "inset-start" })
+], et.prototype, "insetStart", void 0);
+h([
+  m({ type: Boolean, reflect: !0, attribute: "inset-end" })
+], et.prototype, "insetEnd", void 0);
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const Me = $`:host{box-sizing:border-box;color:var(--mdif4-divider-color, var(--mdif4-sys-color-outline-variant, #cac4d0));display:flex;height:var(--mdif4-divider-thickness, 1px);width:100%}:host([inset]),:host([inset-start]){padding-inline-start:16px}:host([inset]),:host([inset-end]){padding-inline-end:16px}:host::before{background:currentColor;content:"";height:100%;width:100%}@media(forced-colors: active){:host::before{background:CanvasText}}
+`;
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let nt = class extends et {
+};
+nt.styles = [Me];
+nt = h([
+  S("mdif4-divider")
+], nt);
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class Ne extends g {
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("aria-hidden", "true");
+  }
+  render() {
+    return A`<span class="shadow"></span>`;
+  }
+}
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const ze = $`:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:"";transition-property:box-shadow,opacity;--_level: var(--mdif4-elevation-level, 0);--_shadow-color: var(--mdif4-elevation-shadow-color, var(--mdif4-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15}
+`;
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let ct = class extends Ne {
+};
+ct.styles = [ze];
+ct = h([
+  S("mdif4-elevation")
+], ct);
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const Kt = Symbol("attachableController");
+let qt;
+qt = new MutationObserver((s) => {
+  for (const t of s)
+    t.target[Kt]?.hostConnected();
+});
+class Yt {
+  get htmlFor() {
+    return this.host.getAttribute("for");
+  }
+  set htmlFor(t) {
+    t === null ? this.host.removeAttribute("for") : this.host.setAttribute("for", t);
+  }
+  get control() {
+    return this.host.hasAttribute("for") ? !this.htmlFor || !this.host.isConnected ? null : this.host.getRootNode().querySelector(`#${this.htmlFor}`) : this.currentControl || this.host.parentElement;
+  }
+  set control(t) {
+    t ? this.attach(t) : this.detach();
+  }
+  /**
+   * Creates a new controller for an `Attachable` element.
+   *
+   * @param host The `Attachable` element.
+   * @param onControlChange A callback with two parameters for the previous and
+   *     next control. An `Attachable` element may perform setup or teardown
+   *     logic whenever the control changes.
+   */
+  constructor(t, e) {
+    this.host = t, this.onControlChange = e, this.currentControl = null, t.addController(this), t[Kt] = this, qt?.observe(t, { attributeFilter: ["for"] });
+  }
+  attach(t) {
+    t !== this.currentControl && (this.setCurrentControl(t), this.host.removeAttribute("for"));
+  }
+  detach() {
+    this.setCurrentControl(null), this.host.setAttribute("for", "");
+  }
+  /** @private */
+  hostConnected() {
+    this.setCurrentControl(this.control);
+  }
+  /** @private */
+  hostDisconnected() {
+    this.setCurrentControl(null);
+  }
+  setCurrentControl(t) {
+    this.onControlChange(this.currentControl, t), this.currentControl = t;
+  }
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const De = ["focusin", "focusout", "pointerdown"];
+class $t extends g {
+  constructor() {
+    super(...arguments), this.visible = !1, this.inward = !1, this.attachableController = new Yt(this, this.onControlChange.bind(this));
+  }
+  get htmlFor() {
+    return this.attachableController.htmlFor;
+  }
+  set htmlFor(t) {
+    this.attachableController.htmlFor = t;
+  }
+  get control() {
+    return this.attachableController.control;
+  }
+  set control(t) {
+    this.attachableController.control = t;
+  }
+  attach(t) {
+    this.attachableController.attach(t);
+  }
+  detach() {
+    this.attachableController.detach();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("aria-hidden", "true");
+  }
+  /** @private */
+  handleEvent(t) {
+    if (!t[zt]) {
+      switch (t.type) {
+        default:
+          return;
+        case "focusin":
+          this.visible = this.control?.matches(":focus-visible") ?? !1;
+          break;
+        case "focusout":
+        case "pointerdown":
+          this.visible = !1;
+          break;
+      }
+      t[zt] = !0;
+    }
+  }
+  onControlChange(t, e) {
+    for (const i of De)
+      t?.removeEventListener(i, this), e?.addEventListener(i, this);
+  }
+  update(t) {
+    t.has("visible") && this.dispatchEvent(new Event("visibility-changed")), super.update(t);
+  }
+}
+h([
+  m({ type: Boolean, reflect: !0 })
+], $t.prototype, "visible", void 0);
+h([
+  m({ type: Boolean, reflect: !0 })
+], $t.prototype, "inward", void 0);
+const zt = Symbol("handledByFocusRing");
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const Ue = $`:host{animation-delay:0s,calc(var(--mdif4-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--mdif4-focus-ring-duration, 600ms)*.25),calc(var(--mdif4-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--mdif4-focus-ring-color, var(--mdif4-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--mdif4-focus-ring-shape-end-end, var(--mdif4-focus-ring-shape, var(--mdif4-sys-shape-corner-full, 9999px))) + var(--mdif4-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--mdif4-focus-ring-shape-end-start, var(--mdif4-focus-ring-shape, var(--mdif4-sys-shape-corner-full, 9999px))) + var(--mdif4-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--mdif4-focus-ring-shape-start-end, var(--mdif4-focus-ring-shape, var(--mdif4-sys-shape-corner-full, 9999px))) + var(--mdif4-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--mdif4-focus-ring-shape-start-start, var(--mdif4-focus-ring-shape, var(--mdif4-sys-shape-corner-full, 9999px))) + var(--mdif4-focus-ring-outward-offset, 2px));inset:calc(-1*var(--mdif4-focus-ring-outward-offset, 2px));outline:var(--mdif4-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--mdif4-focus-ring-shape-end-end, var(--mdif4-focus-ring-shape, var(--mdif4-sys-shape-corner-full, 9999px))) - var(--mdif4-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--mdif4-focus-ring-shape-end-start, var(--mdif4-focus-ring-shape, var(--mdif4-sys-shape-corner-full, 9999px))) - var(--mdif4-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--mdif4-focus-ring-shape-start-end, var(--mdif4-focus-ring-shape, var(--mdif4-sys-shape-corner-full, 9999px))) - var(--mdif4-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--mdif4-focus-ring-shape-start-start, var(--mdif4-focus-ring-shape, var(--mdif4-sys-shape-corner-full, 9999px))) - var(--mdif4-focus-ring-inward-offset, 0px));border:var(--mdif4-focus-ring-width, 3px) solid currentColor;inset:var(--mdif4-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--mdif4-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--mdif4-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--mdif4-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--mdif4-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
+`;
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let lt = class extends $t {
+};
+lt.styles = [Ue];
+lt = h([
+  S("mdif4-focus-ring")
+], lt);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Zt = Vt(class extends Gt {
+  constructor(s) {
+    if (super(s), s.type !== Wt.ATTRIBUTE || s.name !== "class" || s.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(s) {
+    return " " + Object.keys(s).filter(((t) => s[t])).join(" ") + " ";
+  }
+  update(s, [t]) {
+    if (this.st === void 0) {
+      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter(((i) => i !== ""))));
+      for (const i in t) t[i] && !this.nt?.has(i) && this.st.add(i);
+      return this.render(t);
+    }
+    const e = s.element.classList;
+    for (const i of this.st) i in t || (e.remove(i), this.st.delete(i));
+    for (const i in t) {
+      const r = !!t[i];
+      r === this.st.has(i) || this.nt?.has(i) || (r ? (e.add(i), this.st.add(i)) : (e.remove(i), this.st.delete(i)));
+    }
+    return C;
+  }
+});
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const Xt = {
+  STANDARD: "cubic-bezier(0.2, 0, 0, 1)",
+  EMPHASIZED: "cubic-bezier(.3,0,0,1)"
+};
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const He = 450, Dt = 225, Le = 0.2, Be = 10, Fe = 75, je = 0.35, We = "::after", Ve = "forwards";
+var y;
+(function(s) {
+  s[s.INACTIVE = 0] = "INACTIVE", s[s.TOUCH_DELAY = 1] = "TOUCH_DELAY", s[s.HOLDING = 2] = "HOLDING", s[s.WAITING_FOR_CLICK = 3] = "WAITING_FOR_CLICK";
+})(y || (y = {}));
+const Ge = [
+  "click",
+  "contextmenu",
+  "pointercancel",
+  "pointerdown",
+  "pointerenter",
+  "pointerleave",
+  "pointerup"
+], Ke = 150, qe = window.matchMedia("(forced-colors: active)");
+class j extends g {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.hovered = !1, this.pressed = !1, this.rippleSize = "", this.rippleScale = "", this.initialSize = 0, this.state = y.INACTIVE, this.attachableController = new Yt(this, this.onControlChange.bind(this));
+  }
+  get htmlFor() {
+    return this.attachableController.htmlFor;
+  }
+  set htmlFor(t) {
+    this.attachableController.htmlFor = t;
+  }
+  get control() {
+    return this.attachableController.control;
+  }
+  set control(t) {
+    this.attachableController.control = t;
+  }
+  attach(t) {
+    this.attachableController.attach(t);
+  }
+  detach() {
+    this.attachableController.detach();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("aria-hidden", "true");
+  }
+  render() {
+    const t = {
+      hovered: this.hovered,
+      pressed: this.pressed
+    };
+    return A`<div class="surface ${Zt(t)}"></div>`;
+  }
+  update(t) {
+    t.has("disabled") && this.disabled && (this.hovered = !1, this.pressed = !1), super.update(t);
+  }
+  /**
+   * TODO(b/269799771): make private
+   * @private only public for slider
+   */
+  handlePointerenter(t) {
+    this.shouldReactToEvent(t) && (this.hovered = !0);
+  }
+  /**
+   * TODO(b/269799771): make private
+   * @private only public for slider
+   */
+  handlePointerleave(t) {
+    this.shouldReactToEvent(t) && (this.hovered = !1, this.state !== y.INACTIVE && this.endPressAnimation());
+  }
+  handlePointerup(t) {
+    if (this.shouldReactToEvent(t)) {
+      if (this.state === y.HOLDING) {
+        this.state = y.WAITING_FOR_CLICK;
+        return;
+      }
+      if (this.state === y.TOUCH_DELAY) {
+        this.state = y.WAITING_FOR_CLICK, this.startPressAnimation(this.rippleStartEvent);
+        return;
+      }
+    }
+  }
+  async handlePointerdown(t) {
+    if (this.shouldReactToEvent(t)) {
+      if (this.rippleStartEvent = t, !this.isTouch(t)) {
+        this.state = y.WAITING_FOR_CLICK, this.startPressAnimation(t);
+        return;
+      }
+      this.state = y.TOUCH_DELAY, await new Promise((e) => {
+        setTimeout(e, Ke);
+      }), this.state === y.TOUCH_DELAY && (this.state = y.HOLDING, this.startPressAnimation(t));
+    }
+  }
+  handleClick() {
+    if (!this.disabled) {
+      if (this.state === y.WAITING_FOR_CLICK) {
+        this.endPressAnimation();
+        return;
+      }
+      this.state === y.INACTIVE && (this.startPressAnimation(), this.endPressAnimation());
+    }
+  }
+  handlePointercancel(t) {
+    this.shouldReactToEvent(t) && this.endPressAnimation();
+  }
+  handleContextmenu() {
+    this.disabled || this.endPressAnimation();
+  }
+  determineRippleSize() {
+    const { height: t, width: e } = this.getBoundingClientRect(), i = Math.max(t, e), r = Math.max(je * i, Fe), o = this.currentCSSZoom ?? 1, a = Math.floor(i * Le / o), n = Math.sqrt(e ** 2 + t ** 2) + Be;
+    this.initialSize = a;
+    const d = (n + r) / a;
+    this.rippleScale = `${d / o}`, this.rippleSize = `${a}px`;
+  }
+  getNormalizedPointerEventCoords(t) {
+    const { scrollX: e, scrollY: i } = window, { left: r, top: o } = this.getBoundingClientRect(), a = e + r, c = i + o, { pageX: n, pageY: d } = t, p = this.currentCSSZoom ?? 1;
+    return {
+      x: (n - a) / p,
+      y: (d - c) / p
+    };
+  }
+  getTranslationCoordinates(t) {
+    const { height: e, width: i } = this.getBoundingClientRect(), r = this.currentCSSZoom ?? 1, o = {
+      x: (i / r - this.initialSize) / 2,
+      y: (e / r - this.initialSize) / 2
+    };
+    let a;
+    return t instanceof PointerEvent ? a = this.getNormalizedPointerEventCoords(t) : a = {
+      x: i / r / 2,
+      y: e / r / 2
+    }, a = {
+      x: a.x - this.initialSize / 2,
+      y: a.y - this.initialSize / 2
+    }, { startPoint: a, endPoint: o };
+  }
+  startPressAnimation(t) {
+    if (!this.mdRoot)
+      return;
+    this.pressed = !0, this.growAnimation?.cancel(), this.determineRippleSize();
+    const { startPoint: e, endPoint: i } = this.getTranslationCoordinates(t), r = `${e.x}px, ${e.y}px`, o = `${i.x}px, ${i.y}px`;
+    this.growAnimation = this.mdRoot.animate({
+      top: [0, 0],
+      left: [0, 0],
+      height: [this.rippleSize, this.rippleSize],
+      width: [this.rippleSize, this.rippleSize],
+      transform: [
+        `translate(${r}) scale(1)`,
+        `translate(${o}) scale(${this.rippleScale})`
+      ]
+    }, {
+      pseudoElement: We,
+      duration: He,
+      easing: Xt.STANDARD,
+      fill: Ve
+    });
+  }
+  async endPressAnimation() {
+    this.rippleStartEvent = void 0, this.state = y.INACTIVE;
+    const t = this.growAnimation;
+    let e = 1 / 0;
+    if (typeof t?.currentTime == "number" ? e = t.currentTime : t?.currentTime && (e = t.currentTime.to("ms").value), e >= Dt) {
+      this.pressed = !1;
+      return;
+    }
+    await new Promise((i) => {
+      setTimeout(i, Dt - e);
+    }), this.growAnimation === t && (this.pressed = !1);
+  }
+  /**
+   * Returns `true` if
+   *  - the ripple element is enabled
+   *  - the pointer is primary for the input type
+   *  - the pointer is the pointer that started the interaction, or will start
+   * the interaction
+   *  - the pointer is a touch, or the pointer state has the primary button
+   * held, or the pointer is hovering
+   */
+  shouldReactToEvent(t) {
+    if (this.disabled || !t.isPrimary || this.rippleStartEvent && this.rippleStartEvent.pointerId !== t.pointerId)
+      return !1;
+    if (t.type === "pointerenter" || t.type === "pointerleave")
+      return !this.isTouch(t);
+    const e = t.buttons === 1;
+    return this.isTouch(t) || e;
+  }
+  isTouch({ pointerType: t }) {
+    return t === "touch";
+  }
+  /** @private */
+  async handleEvent(t) {
+    if (!qe?.matches)
+      switch (t.type) {
+        case "click":
+          this.handleClick();
+          break;
+        case "contextmenu":
+          this.handleContextmenu();
+          break;
+        case "pointercancel":
+          this.handlePointercancel(t);
+          break;
+        case "pointerdown":
+          await this.handlePointerdown(t);
+          break;
+        case "pointerenter":
+          this.handlePointerenter(t);
+          break;
+        case "pointerleave":
+          this.handlePointerleave(t);
+          break;
+        case "pointerup":
+          this.handlePointerup(t);
+          break;
+      }
+  }
+  onControlChange(t, e) {
+    for (const i of Ge)
+      t?.removeEventListener(i, this), e?.addEventListener(i, this);
+  }
+}
+h([
+  m({ type: Boolean, reflect: !0 })
+], j.prototype, "disabled", void 0);
+h([
+  F()
+], j.prototype, "hovered", void 0);
+h([
+  F()
+], j.prototype, "pressed", void 0);
+h([
+  tt(".surface")
+], j.prototype, "mdRoot", void 0);
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const Ye = $`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--mdif4-ripple-hover-color, var(--mdif4-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--mdif4-ripple-pressed-color, var(--mdif4-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--mdif4-ripple-hover-color, var(--mdif4-sys-color-on-surface, #1d1b20));opacity:var(--mdif4-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--mdif4-ripple-pressed-opacity, 0.12);transition-duration:105ms}
+`;
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let dt = class extends j {
+};
+dt.styles = [Ye];
+dt = h([
+  S("mdif4-ripple")
+], dt);
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const V = Symbol("isFocusable"), ot = Symbol("privateIsFocusable"), G = Symbol("externalTabIndex"), K = Symbol("isUpdatingTabIndex"), q = Symbol("updateTabIndex");
+function Ze(s) {
+  var t, e, i;
+  class r extends s {
+    constructor() {
+      super(...arguments), this[t] = !0, this[e] = null, this[i] = !1;
+    }
+    get [V]() {
+      return this[ot];
+    }
+    set [V](a) {
+      this[V] !== a && (this[ot] = a, this[q]());
+    }
+    connectedCallback() {
+      super.connectedCallback(), this[q]();
+    }
+    attributeChangedCallback(a, c, n) {
+      if (a !== "tabindex") {
+        super.attributeChangedCallback(a, c, n);
+        return;
+      }
+      if (this.requestUpdate("tabIndex", Number(c ?? -1)), !this[K]) {
+        if (!this.hasAttribute("tabindex")) {
+          this[G] = null, this[q]();
+          return;
+        }
+        this[G] = this.tabIndex;
+      }
+    }
+    [(t = ot, e = G, i = K, q)]() {
+      const a = this[V] ? 0 : -1, c = this[G] ?? a;
+      this[K] = !0, this.tabIndex = c, this[K] = !1;
+    }
+  }
+  return h([
+    m({ noAccessor: !0 })
+  ], r.prototype, "tabIndex", void 0), r;
+}
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const Jt = Symbol("animateIndicator"), Xe = Ze(g);
+class _ extends Xe {
+  /**
+   * @deprecated use `active`
+   */
+  get selected() {
+    return this.active;
+  }
+  set selected(t) {
+    this.active = t;
+  }
+  constructor() {
+    super(), this.isTab = !0, this.active = !1, this.hasIcon = !1, this.iconOnly = !1, this.fullWidthIndicator = !1, this.internals = // Cast needed for closure
+    this.attachInternals(), this.internals.role = "tab", this.addEventListener("keydown", this.handleKeydown.bind(this));
+  }
+  render() {
+    const t = A`<div class="indicator"></div>`;
+    return A`<div
+      class="button"
+      role="presentation"
+      @click=${this.handleContentClick}>
+      <mdif4-focus-ring part="focus-ring" inward .control=${this}></mdif4-focus-ring>
+      <mdif4-elevation part="elevation"></mdif4-elevation>
+      <mdif4-ripple .control=${this}></mdif4-ripple>
+      <div
+        class="content ${Zt(this.getContentClasses())}"
+        role="presentation">
+        <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
+        <slot @slotchange=${this.handleSlotChange}></slot>
+        ${this.fullWidthIndicator ? v : t}
+      </div>
+      ${this.fullWidthIndicator ? t : v}
+    </div>`;
+  }
+  getContentClasses() {
+    return {
+      "has-icon": this.hasIcon,
+      "has-label": !this.iconOnly
+    };
+  }
+  updated() {
+    this.internals.ariaSelected = String(this.active);
+  }
+  async handleKeydown(t) {
+    await 0, !t.defaultPrevented && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.click());
+  }
+  handleContentClick(t) {
+    t.stopPropagation(), this.click();
+  }
+  [Jt](t) {
+    if (!this.indicator)
+      return;
+    this.indicator.getAnimations().forEach((i) => {
+      i.cancel();
+    });
+    const e = this.getKeyframes(t);
+    e !== null && this.indicator.animate(e, {
+      duration: 250,
+      easing: Xt.EMPHASIZED
+    });
+  }
+  getKeyframes(t) {
+    const e = Je();
+    if (!this.active)
+      return e ? [{ opacity: 1 }, { transform: "none" }] : null;
+    const i = {}, r = t.indicator?.getBoundingClientRect() ?? {}, o = r.left, a = r.width, c = this.indicator.getBoundingClientRect(), n = c.left, d = c.width, p = a / d;
+    return !e && o !== void 0 && n !== void 0 && !isNaN(p) ? i.transform = `translateX(${(o - n).toFixed(4)}px) scaleX(${p.toFixed(4)})` : i.opacity = 0, [i, { transform: "none" }];
+  }
+  handleSlotChange() {
+    this.iconOnly = !1;
+    for (const t of this.assignedDefaultNodes) {
+      const e = t.nodeType === Node.TEXT_NODE && !!t.wholeText.match(/\S/);
+      if (t.nodeType === Node.ELEMENT_NODE || e)
+        return;
+    }
+    this.iconOnly = !0;
+  }
+  handleIconSlotChange() {
+    this.hasIcon = this.assignedIcons.length > 0;
+  }
+}
+h([
+  m({ type: Boolean, reflect: !0, attribute: "mdif4-tab" })
+], _.prototype, "isTab", void 0);
+h([
+  m({ type: Boolean, reflect: !0 })
+], _.prototype, "active", void 0);
+h([
+  m({ type: Boolean })
+], _.prototype, "selected", null);
+h([
+  m({ type: Boolean, attribute: "has-icon" })
+], _.prototype, "hasIcon", void 0);
+h([
+  m({ type: Boolean, attribute: "icon-only" })
+], _.prototype, "iconOnly", void 0);
+h([
+  tt(".indicator")
+], _.prototype, "indicator", void 0);
+h([
+  F()
+], _.prototype, "fullWidthIndicator", void 0);
+h([
+  Ee({ flatten: !0 })
+], _.prototype, "assignedDefaultNodes", void 0);
+h([
+  jt({ slot: "icon", flatten: !0 })
+], _.prototype, "assignedIcons", void 0);
+function Je() {
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class N extends g {
+  /**
+   * The currently selected tab, `null` only when there are no tab children.
+   *
+   * @export
+   */
+  get activeTab() {
+    return this.tabs.find((t) => t.active) ?? null;
+  }
+  set activeTab(t) {
+    t && this.activateTab(t);
+  }
+  /**
+   * The index of the currently selected tab.
+   *
+   * @export
+   */
+  get activeTabIndex() {
+    return this.tabs.findIndex((t) => t.active);
+  }
+  set activeTabIndex(t) {
+    const e = () => {
+      const i = this.tabs[t];
+      i && this.activateTab(i);
+    };
+    if (!this.slotElement) {
+      this.updateComplete.then(e);
+      return;
+    }
+    e();
+  }
+  get focusedTab() {
+    return this.tabs.find((t) => t.matches(":focus-within"));
+  }
+  constructor() {
+    super(), this.autoActivate = !1, this.internals = // Cast needed for closure
+    this.attachInternals(), this.internals.role = "tablist", this.addEventListener("keydown", this.handleKeydown.bind(this)), this.addEventListener("keyup", this.handleKeyup.bind(this)), this.addEventListener("focusout", this.handleFocusout.bind(this));
+  }
+  /**
+   * Scrolls the toolbar, if overflowing, to the active tab, or the provided
+   * tab.
+   *
+   * @param tabToScrollTo The tab that should be scrolled to. Defaults to the
+   *     active tab.
+   * @return A Promise that resolves after the tab has been scrolled to.
+   */
+  async scrollToTab(t) {
+    await this.updateComplete;
+    const { tabs: e } = this;
+    if (t ??= this.activeTab, !t || !e.includes(t) || !this.tabsScrollerElement)
+      return;
+    for (const f of this.tabs)
+      await f.updateComplete;
+    const i = t.offsetLeft, r = t.offsetWidth, o = this.scrollLeft, a = this.offsetWidth, c = 48, n = i - c, d = i + r - a + c, p = Math.min(n, Math.max(d, o)), l = this.focusedTab ? "auto" : "instant";
+    this.tabsScrollerElement.scrollTo({ behavior: l, top: 0, left: p });
+  }
+  render() {
+    return A`
+      <div class="tabs">
+        <slot
+          @slotchange=${this.handleSlotChange}
+          @click=${this.handleTabClick}></slot>
+      </div>
+      <mdif4-divider part="divider"></mdif4-divider>
+    `;
+  }
+  async handleTabClick(t) {
+    const e = t.target;
+    await 0, !(t.defaultPrevented || !Qe(e) || e.active) && this.activateTab(e);
+  }
+  activateTab(t) {
+    const { tabs: e } = this, i = this.activeTab;
+    if (!(!e.includes(t) || i === t)) {
+      for (const r of e)
+        r.active = r === t;
+      if (i) {
+        if (!this.dispatchEvent(new Event("change", { bubbles: !0, cancelable: !0 }))) {
+          for (const o of e)
+            o.active = o === i;
+          return;
+        }
+        t[Jt](i);
+      }
+      this.updateFocusableTab(t), this.scrollToTab(t);
+    }
+  }
+  updateFocusableTab(t) {
+    for (const e of this.tabs)
+      e.tabIndex = e === t ? 0 : -1;
+  }
+  // focus item on keydown and optionally select it
+  async handleKeydown(t) {
+    await 0;
+    const e = t.key === "ArrowLeft", i = t.key === "ArrowRight", r = t.key === "Home", o = t.key === "End";
+    if (t.defaultPrevented || !e && !i && !r && !o)
+      return;
+    const { tabs: a } = this;
+    if (a.length < 2)
+      return;
+    t.preventDefault();
+    let c;
+    if (r || o)
+      c = r ? 0 : a.length - 1;
+    else {
+      const p = getComputedStyle(this).direction === "rtl" ? e : i, { focusedTab: l } = this;
+      if (!l)
+        c = p ? 0 : a.length - 1;
+      else {
+        const f = this.tabs.indexOf(l);
+        c = p ? f + 1 : f - 1, c >= a.length ? c = 0 : c < 0 && (c = a.length - 1);
+      }
+    }
+    const n = a[c];
+    n.focus(), this.autoActivate ? this.activateTab(n) : this.updateFocusableTab(n);
+  }
+  // scroll to item on keyup.
+  handleKeyup() {
+    this.scrollToTab(this.focusedTab ?? this.activeTab);
+  }
+  handleFocusout() {
+    if (this.matches(":focus-within"))
+      return;
+    const { activeTab: t } = this;
+    t && this.updateFocusableTab(t);
+  }
+  handleSlotChange() {
+    const t = this.tabs[0];
+    !this.activeTab && t && this.activateTab(t), this.scrollToTab(this.activeTab);
+  }
+}
+h([
+  jt({ flatten: !0, selector: "[mdif4-tab]" })
+], N.prototype, "tabs", void 0);
+h([
+  m({ type: Number, attribute: "active-tab-index" })
+], N.prototype, "activeTabIndex", null);
+h([
+  m({ type: Boolean, attribute: "auto-activate" })
+], N.prototype, "autoActivate", void 0);
+h([
+  tt(".tabs")
+], N.prototype, "tabsScrollerElement", void 0);
+h([
+  tt("slot")
+], N.prototype, "slotElement", void 0);
+function Qe(s) {
+  return s instanceof HTMLElement && s.hasAttribute("mdif4-tab");
+}
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const ti = $`:host{box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;scroll-behavior:smooth;scrollbar-width:none;position:relative}:host([hidden]){display:none}:host::-webkit-scrollbar{display:none}.tabs{align-items:end;display:flex;height:100%;overflow:inherit;scroll-behavior:inherit;scrollbar-width:inherit;justify-content:space-between;width:100%}::slotted(*){flex:1}::slotted([active]){z-index:1}
+`;
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let ht = class extends N {
+};
+ht.styles = [ti];
+ht = h([
+  S("mdif4-tabs")
+], ht);
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class Qt extends _ {
+  constructor() {
+    super(...arguments), this.inlineIcon = !1;
+  }
+  getContentClasses() {
+    return {
+      ...super.getContentClasses(),
+      stacked: !this.inlineIcon
+    };
+  }
+}
+h([
+  m({ type: Boolean, attribute: "inline-icon" })
+], Qt.prototype, "inlineIcon", void 0);
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const ei = $`:host{--_active-indicator-color: var(--mdif4-primary-tab-active-indicator-color, var(--mdif4-sys-color-primary, #6750a4));--_active-indicator-height: var(--mdif4-primary-tab-active-indicator-height, 3px);--_active-indicator-shape: var(--mdif4-primary-tab-active-indicator-shape, 3px 3px 0px 0px);--_active-hover-state-layer-color: var(--mdif4-primary-tab-active-hover-state-layer-color, var(--mdif4-sys-color-primary, #6750a4));--_active-hover-state-layer-opacity: var(--mdif4-primary-tab-active-hover-state-layer-opacity, 0.08);--_active-pressed-state-layer-color: var(--mdif4-primary-tab-active-pressed-state-layer-color, var(--mdif4-sys-color-primary, #6750a4));--_active-pressed-state-layer-opacity: var(--mdif4-primary-tab-active-pressed-state-layer-opacity, 0.12);--_container-color: var(--mdif4-primary-tab-container-color, var(--mdif4-sys-color-surface, #fef7ff));--_container-elevation: var(--mdif4-primary-tab-container-elevation, 0);--_container-height: var(--mdif4-primary-tab-container-height, 48px);--_with-icon-and-label-text-container-height: var(--mdif4-primary-tab-with-icon-and-label-text-container-height, 64px);--_hover-state-layer-color: var(--mdif4-primary-tab-hover-state-layer-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--mdif4-primary-tab-hover-state-layer-opacity, 0.08);--_pressed-state-layer-color: var(--mdif4-primary-tab-pressed-state-layer-color, var(--mdif4-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--mdif4-primary-tab-pressed-state-layer-opacity, 0.12);--_active-focus-icon-color: var(--mdif4-primary-tab-active-focus-icon-color, var(--mdif4-sys-color-primary, #6750a4));--_active-hover-icon-color: var(--mdif4-primary-tab-active-hover-icon-color, var(--mdif4-sys-color-primary, #6750a4));--_active-icon-color: var(--mdif4-primary-tab-active-icon-color, var(--mdif4-sys-color-primary, #6750a4));--_active-pressed-icon-color: var(--mdif4-primary-tab-active-pressed-icon-color, var(--mdif4-sys-color-primary, #6750a4));--_icon-size: var(--mdif4-primary-tab-icon-size, 24px);--_focus-icon-color: var(--mdif4-primary-tab-focus-icon-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_hover-icon-color: var(--mdif4-primary-tab-hover-icon-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_icon-color: var(--mdif4-primary-tab-icon-color, var(--mdif4-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--mdif4-primary-tab-pressed-icon-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_label-text-font: var(--mdif4-primary-tab-label-text-font, var(--mdif4-sys-typescale-title-small-font, var(--mdif4-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--mdif4-primary-tab-label-text-line-height, var(--mdif4-sys-typescale-title-small-line-height, 1.25rem));--_label-text-size: var(--mdif4-primary-tab-label-text-size, var(--mdif4-sys-typescale-title-small-size, 0.875rem));--_label-text-weight: var(--mdif4-primary-tab-label-text-weight, var(--mdif4-sys-typescale-title-small-weight, var(--mdif4-ref-typeface-weight-medium, 500)));--_active-focus-label-text-color: var(--mdif4-primary-tab-active-focus-label-text-color, var(--mdif4-sys-color-primary, #6750a4));--_active-hover-label-text-color: var(--mdif4-primary-tab-active-hover-label-text-color, var(--mdif4-sys-color-primary, #6750a4));--_active-label-text-color: var(--mdif4-primary-tab-active-label-text-color, var(--mdif4-sys-color-primary, #6750a4));--_active-pressed-label-text-color: var(--mdif4-primary-tab-active-pressed-label-text-color, var(--mdif4-sys-color-primary, #6750a4));--_focus-label-text-color: var(--mdif4-primary-tab-focus-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--mdif4-primary-tab-hover-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_label-text-color: var(--mdif4-primary-tab-label-text-color, var(--mdif4-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--mdif4-primary-tab-pressed-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--mdif4-primary-tab-container-shape-start-start, var(--mdif4-primary-tab-container-shape, var(--mdif4-sys-shape-corner-none, 0px)));--_container-shape-start-end: var(--mdif4-primary-tab-container-shape-start-end, var(--mdif4-primary-tab-container-shape, var(--mdif4-sys-shape-corner-none, 0px)));--_container-shape-end-end: var(--mdif4-primary-tab-container-shape-end-end, var(--mdif4-primary-tab-container-shape, var(--mdif4-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--mdif4-primary-tab-container-shape-end-start, var(--mdif4-primary-tab-container-shape, var(--mdif4-sys-shape-corner-none, 0px)))}.content.stacked{flex-direction:column;gap:2px}.content.stacked.has-icon.has-label{height:var(--_with-icon-and-label-text-container-height)}
+`;
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const te = $`:host{display:inline-flex;align-items:center;justify-content:center;outline:none;padding:0 16px;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;user-select:none;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);color:var(--_label-text-color);z-index:0;--mdif4-ripple-hover-color: var(--_hover-state-layer-color);--mdif4-ripple-hover-opacity: var(--_hover-state-layer-opacity);--mdif4-ripple-pressed-color: var(--_pressed-state-layer-color);--mdif4-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--mdif4-elevation-level: var(--_container-elevation)}mdif4-focus-ring{--mdif4-focus-ring-shape: 8px}:host([active]) mdif4-focus-ring{margin-bottom:calc(var(--_active-indicator-height) + 1px)}.button::before{background:var(--_container-color);content:"";inset:0;position:absolute;z-index:-1}.button::before,mdif4-ripple,mdif4-elevation{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-end-radius:var(--_container-shape-end-end);border-end-start-radius:var(--_container-shape-end-start)}.content{position:relative;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;height:var(--_container-height);gap:8px}.indicator{position:absolute;box-sizing:border-box;z-index:-1;transform-origin:bottom left;background:var(--_active-indicator-color);border-radius:var(--_active-indicator-shape);height:var(--_active-indicator-height);inset:auto 0 0 0;opacity:0}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;color:var(--_icon-color);font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size)}:host(:hover){color:var(--_hover-label-text-color);cursor:pointer}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus){color:var(--_focus-label-text-color)}:host(:focus) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active){color:var(--_pressed-label-text-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host([active]) .indicator{opacity:1}:host([active]){color:var(--_active-label-text-color);--mdif4-ripple-hover-color: var(--_active-hover-state-layer-color);--mdif4-ripple-hover-opacity: var(--_active-hover-state-layer-opacity);--mdif4-ripple-pressed-color: var(--_active-pressed-state-layer-color);--mdif4-ripple-pressed-opacity: var(--_active-pressed-state-layer-opacity)}:host([active]) ::slotted([slot=icon]){color:var(--_active-icon-color)}:host([active]:hover){color:var(--_active-hover-label-text-color)}:host([active]:hover) ::slotted([slot=icon]){color:var(--_active-hover-icon-color)}:host([active]:focus){color:var(--_active-focus-label-text-color)}:host([active]:focus) ::slotted([slot=icon]){color:var(--_active-focus-icon-color)}:host([active]:active){color:var(--_active-pressed-label-text-color)}:host([active]:active) ::slotted([slot=icon]){color:var(--_active-pressed-icon-color)}:host,::slotted(*){white-space:nowrap}@media(forced-colors: active){.indicator{background:CanvasText}}
+`;
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let pt = class extends Qt {
+};
+pt.styles = [te, ei];
+pt = h([
+  S("mdif4-primary-tab")
+], pt);
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class ii extends _ {
+  constructor() {
+    super(...arguments), this.fullWidthIndicator = !0;
+  }
+}
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const ri = $`:host{--_active-indicator-color: var(--mdif4-secondary-tab-active-indicator-color, var(--mdif4-sys-color-primary, #6750a4));--_active-indicator-height: var(--mdif4-secondary-tab-active-indicator-height, 2px);--_active-label-text-color: var(--mdif4-secondary-tab-active-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_container-color: var(--mdif4-secondary-tab-container-color, var(--mdif4-sys-color-surface, #fef7ff));--_container-elevation: var(--mdif4-secondary-tab-container-elevation, 0);--_container-height: var(--mdif4-secondary-tab-container-height, 48px);--_focus-label-text-color: var(--mdif4-secondary-tab-focus-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--mdif4-secondary-tab-hover-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_hover-state-layer-color: var(--mdif4-secondary-tab-hover-state-layer-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--mdif4-secondary-tab-hover-state-layer-opacity, 0.08);--_label-text-font: var(--mdif4-secondary-tab-label-text-font, var(--mdif4-sys-typescale-title-small-font, var(--mdif4-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--mdif4-secondary-tab-label-text-line-height, var(--mdif4-sys-typescale-title-small-line-height, 1.25rem));--_label-text-size: var(--mdif4-secondary-tab-label-text-size, var(--mdif4-sys-typescale-title-small-size, 0.875rem));--_label-text-weight: var(--mdif4-secondary-tab-label-text-weight, var(--mdif4-sys-typescale-title-small-weight, var(--mdif4-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--mdif4-secondary-tab-pressed-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--mdif4-secondary-tab-pressed-state-layer-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_pressed-state-layer-opacity: var(--mdif4-secondary-tab-pressed-state-layer-opacity, 0.12);--_active-focus-icon-color: var(--mdif4-secondary-tab-active-focus-icon-color, );--_active-focus-label-text-color: var(--mdif4-secondary-tab-active-focus-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_active-hover-icon-color: var(--mdif4-secondary-tab-active-hover-icon-color, );--_active-hover-label-text-color: var(--mdif4-secondary-tab-active-hover-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_active-hover-state-layer-color: var(--mdif4-secondary-tab-active-hover-state-layer-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_active-hover-state-layer-opacity: var(--mdif4-secondary-tab-active-hover-state-layer-opacity, 0.08);--_active-icon-color: var(--mdif4-secondary-tab-active-icon-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_active-indicator-shape: var(--mdif4-secondary-tab-active-indicator-shape, 0);--_active-pressed-icon-color: var(--mdif4-secondary-tab-active-pressed-icon-color, );--_active-pressed-label-text-color: var(--mdif4-secondary-tab-active-pressed-label-text-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_active-pressed-state-layer-color: var(--mdif4-secondary-tab-active-pressed-state-layer-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_active-pressed-state-layer-opacity: var(--mdif4-secondary-tab-active-pressed-state-layer-opacity, 0.12);--_label-text-color: var(--mdif4-secondary-tab-label-text-color, var(--mdif4-sys-color-on-surface-variant, #49454f));--_focus-icon-color: var(--mdif4-secondary-tab-focus-icon-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_hover-icon-color: var(--mdif4-secondary-tab-hover-icon-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_icon-size: var(--mdif4-secondary-tab-icon-size, 24px);--_icon-color: var(--mdif4-secondary-tab-icon-color, var(--mdif4-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--mdif4-secondary-tab-pressed-icon-color, var(--mdif4-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--mdif4-secondary-tab-container-shape-start-start, var(--mdif4-secondary-tab-container-shape, var(--mdif4-sys-shape-corner-none, 0px)));--_container-shape-start-end: var(--mdif4-secondary-tab-container-shape-start-end, var(--mdif4-secondary-tab-container-shape, var(--mdif4-sys-shape-corner-none, 0px)));--_container-shape-end-end: var(--mdif4-secondary-tab-container-shape-end-end, var(--mdif4-secondary-tab-container-shape, var(--mdif4-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--mdif4-secondary-tab-container-shape-end-start, var(--mdif4-secondary-tab-container-shape, var(--mdif4-sys-shape-corner-none, 0px)))}
+`;
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let ft = class extends ii {
+};
+ft.styles = [te, ri];
+ft = h([
+  S("mdif4-secondary-tab")
+], ft);
+var si = Object.defineProperty, W = (s, t, e, i) => {
+  for (var r = void 0, o = s.length - 1, a; o >= 0; o--)
+    (a = s[o]) && (r = a(t, e, r) || r);
+  return r && si(t, e, r), r;
+};
+const xt = class xt extends g {
+  constructor() {
+    super(...arguments), this.version = "1.0.2";
+  }
+  update(t) {
+    t.has("theme") && this.registerTheme(this.theme), super.update(t);
+  }
+  firstUpdated(t) {
+    this.registerTheme(this.theme);
+  }
+  registerTheme(t) {
+    const e = getComputedStyle(this).getPropertyValue("--re-text-color").trim(), i = getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim();
+    this.themeBgColor = i || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = e || this.theme?.theme_object?.title?.textStyle?.color;
+  }
+  handleNavItemClick(t) {
+    const e = new CustomEvent("nav-submit", {
+      detail: { path: t },
+      bubbles: !0,
+      composed: !0
+    });
+    this.dispatchEvent(e);
+  }
+  normalizeRoute(t) {
+    return t || "/";
+  }
+  trimRoute(t) {
+    return t ? "/" + t.split("/").filter(Boolean).join("/") : "";
+  }
+  matchesRoute(t) {
+    if (t === void 0) return !1;
+    const e = this.trimRoute(decodeURIComponent(this.route || "/")), i = this.trimRoute(t);
+    return t.startsWith("/") ? e.startsWith(i) : e.endsWith("/" + i) || e === i;
+  }
+  render() {
+    const t = this.inputData?.style?.fontSize ?? 16, e = (this.inputData?.style?.fontSize ?? 16) * 1.5, i = this.inputData?.style?.color || this.themeTitleColor || "black", r = this.inputData?.style?.backgroundColor || this.themeBgColor || "white";
+    return A`
+            <div
+                class="wrapper"
+                style="background-color: ${r}; color: ${i};
+                font-weight: ${this.inputData?.style?.fontWeight};
+                font-size: ${t}px;"
+            >
+                <h2
+                    class="paging"
+                    style=${this.inputData?.route ? "cursor: pointer" : ""}
+                    ?active=${this.inputData?.title}
+                    @click=${() => this.handleNavItemClick(this.inputData?.route)}
+                >
+                    ${this.inputData?.title}
+                </h2>
+                <mdif4-tab class="xnav-list">
+                    ${Re(
+      this.inputData?.navItems || [],
+      (o) => o.label,
+      (o) => A`
+                            <mdif4-secondary-tab
+                                ?active=${this.matchesRoute(o.route)}
+                                style="font-size: ${t}px;
+                                --mdif4-secondary-tab-container-color: ${r};
+                                color: ${i};"
+                                @click=${() => this.handleNavItemClick(o.route)}
+                            >
+                                ${o.iconName ? A`
+                                          <mdif4-icon
+                                              slot="icon"
+                                              style="font-size: ${e}px;width: ${e}px;color: ${i}"
+                                          >
+                                              ${o.iconName}
+                                          </mdif4-icon>
+                                      ` : v}
+                                ${o.label}
+                            </mdif4-secondary-tab>
+                        `
+    )}
+                </mdif4-tab>
+            </div>
+        `;
+  }
+};
+xt.styles = $`
+        :host {
+            display: block;
+            font-family: sans-serif;
+            box-sizing: border-box;
+            margin: auto;
+        }
+
+        .paging:not([active]) {
+            display: none !important;
+        }
+
+        .wrapper {
+            display: flex;
+            align-items: end;
+            height: 100%;
+            width: 100%;
+            box-sizing: border-box;
+        }
+
+        mdif4-icon {
+            font-family: 'Material Symbols Outlined';
+        }
+
+        .selected {
+            font-weight: bold;
+            background-color: rgba(0, 0, 0, 0.1);
+        }
+
+        h2 {
+            margin: 0;
+            padding: 0px;
+            font-size: 1.2em;
+        }
+    `;
+let E = xt;
+W([
+  m({ type: Object })
+], E.prototype, "inputData");
+W([
+  m({ type: Object })
+], E.prototype, "theme");
+W([
+  m({ type: String })
+], E.prototype, "route");
+W([
+  F()
+], E.prototype, "themeBgColor");
+W([
+  F()
+], E.prototype, "themeTitleColor");
+window.customElements.define("widget-navbar-1.0.2", E);
+export {
+  E as WidgetNavbar
+};
+//# sourceMappingURL=widget-navbar.js.map