@record-evolution/widget-navbar 1.0.10 → 1.0.12

package/dist/widget-navbar.js

@@ -1,1442 +1,18 @@
-const Y = globalThis, ut = Y.ShadowRoot && (Y.ShadyCSS === void 0 || Y.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, vt = /* @__PURE__ */ 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;
-const { is: re, defineProperty: se, getOwnPropertyDescriptor: oe, getOwnPropertyNames: ae, getOwnPropertySymbols: ne, getPrototypeOf: le } = Object, J = globalThis, Et = J.trustedTypes, ce = Et ? Et.emptyScript : "", de = J.reactiveElementPolyfillSupport, U = (s, t) => s, Z = { toAttribute(s, t) {
-  switch (t) {
-    case Boolean:
-      s = s ? ce : 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 ??= /* @__PURE__ */ 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 = /* @__PURE__ */ 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 l = r?.call(this);
-      o?.call(this, a), this.requestUpdate(t, l, i);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? St;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(U("elementProperties"))) return;
-    const t = le(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 l = a.fromAttribute(e, o.type);
-      this[r] = l ?? this._$Ej?.get(r) ?? l, 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, l = this[r];
-        a !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, o, l);
-      }
-    }
-    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");
-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 = /* @__PURE__ */ Symbol.for("lit-noChange"), v = /* @__PURE__ */ 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 l = 0; l < e; l++) {
-    const n = s[l];
-    let d, p, c = -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, c = -1) : p[1] === void 0 ? c = -2 : (c = 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[l + 1].startsWith("/>") ? " " : "";
-    o += a === z ? n + he : c >= 0 ? (i.push(d), n.slice(0, c) + Ht + n.slice(c) + w + u) : n + w + (c === -2 ? l : 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 l = 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 c = this.el.content.firstChild;
-      c.replaceWith(...c.childNodes);
-    }
-    for (; (r = P.nextNode()) !== null && n.length < l; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const c of r.getAttributeNames()) if (c.endsWith(Ht)) {
-          const f = p[a++], u = r.getAttribute(c).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(c);
-        } else c.startsWith(w) && (n.push({ type: 6, index: o }), r.removeAttribute(c));
-        if (Bt.test(r.tagName)) {
-          const c = r.textContent.split(w), f = c.length - 1;
-          if (f > 0) {
-            r.textContent = X ? X.emptyScript : "";
-            for (let u = 0; u < f; u++) r.append(c[u], H()), P.nextNode(), n.push({ type: 2, index: ++o });
-            r.append(c[f], H());
-          }
-        }
-      } else if (r.nodeType === 8) if (r.data === Lt) n.push({ type: 2, index: o });
-      else {
-        let c = -1;
-        for (; (c = r.data.indexOf(w, c + 1)) !== -1; ) n.push({ type: 7, index: o }), c += 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, l = 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[++l];
-      }
-      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 l = t;
-      let n, d;
-      for (t = o[0], n = 0; n < o.length - 1; n++) d = O(this, l[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;
-};
-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");
-const S = (s) => (t, e) => {
-  e !== void 0 ? e.addInitializer((() => {
-    customElements.define(s, t);
-  })) : customElements.define(s, t);
-};
-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(l) {
-      const n = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(a, n, s);
-    }, init(l) {
-      return l !== void 0 && this.C(a, void 0, s, l), l;
-    } };
-  }
-  if (i === "setter") {
-    const { name: a } = e;
-    return function(l) {
-      const n = this[a];
-      t.call(this, l), 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);
-}
-function F(s) {
-  return m({ ...s, state: !0, attribute: !1 });
-}
-const _t = (s, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(s, t, e), e);
-function tt(s, t) {
-  return (e, i, r) => {
-    const o = (a) => a.renderRoot?.querySelector(s) ?? null;
-    return _t(e, i, { get() {
-      return o(this);
-    } });
-  };
-}
-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), l = a?.assignedElements(s) ?? [];
-      return r === void 0 ? l : l.filter(((n) => n.matches(r)));
-    } });
-  };
-}
-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) ?? [];
-    } });
-  };
-}
-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);
-  }
-}
-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, l = a !== s;
-    if (l) {
-      let n;
-      e._$AQ?.(s), e._$AM = s, e._$AP !== void 0 && (n = s._$AU) !== a._$AU && e._$AP(n);
-    }
-    if (o !== r || l) {
-      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();
-};
-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 l of s) r[a] = i ? i(l, a) : a, o[a] = e(l, 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 l = this.ut ??= [], n = [];
-    let d, p, c = 0, f = r.length - 1, u = 0, b = o.length - 1;
-    for (; c <= f && u <= b; ) if (r[c] === null) c++;
-    else if (r[f] === null) f--;
-    else if (l[c] === a[u]) n[u] = I(r[c], o[u]), c++, u++;
-    else if (l[f] === a[b]) n[b] = I(r[f], o[b]), f--, b--;
-    else if (l[c] === a[b]) n[b] = I(r[c], o[b]), D(s, n[b + 1], r[c]), c++, b--;
-    else if (l[f] === a[u]) n[u] = I(r[f], o[u]), D(s, r[c], r[f]), f--, u++;
-    else if (d === void 0 && (d = Nt(a, u, b), p = Nt(l, c, f)), d.has(l[c])) if (d.has(l[f])) {
-      const x = p.get(a[u]), it = x !== void 0 ? r[x] : null;
-      if (it === null) {
-        const At = D(s, r[c]);
-        I(At, o[u]), n[u] = At;
-      } else n[u] = I(it, o[u]), D(s, r[c], it), r[x] = null;
-      u++;
-    } else st(r[f]), f--;
-    else st(r[c]), c++;
-    for (; u <= b; ) {
-      const x = D(s, n[b + 1]);
-      I(x, o[u]), n[u++] = x;
-    }
-    for (; c <= f; ) {
-      const x = r[c++];
-      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 l = s.length - 1; l >= 0; l--) (a = s[l]) && (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;
-}
-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");
-  }
-}
-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%}
-`;
-let at = class extends ke {
-};
-at.styles = [Oe];
-at = h([
-  S("mdif4-icon")
-], at);
-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);
-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}}
-`;
-let nt = class extends et {
-};
-nt.styles = [Me];
-nt = h([
-  S("mdif4-divider")
-], nt);
-class Ne extends g {
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("aria-hidden", "true");
-  }
-  render() {
-    return A`<span class="shadow"></span>`;
-  }
-}
-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}
-`;
-let lt = class extends Ne {
-};
-lt.styles = [ze];
-lt = h([
-  S("mdif4-elevation")
-], lt);
-const Kt = /* @__PURE__ */ 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;
-  }
-}
-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 = /* @__PURE__ */ Symbol("handledByFocusRing");
-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}}
-`;
-let ct = class extends $t {
-};
-ct.styles = [Ue];
-ct = h([
-  S("mdif4-focus-ring")
-], ct);
-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;
-  }
-});
-const Xt = {
-  STANDARD: "cubic-bezier(0.2, 0, 0, 1)",
-  EMPHASIZED: "cubic-bezier(.3,0,0,1)"
-};
-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, l = i + o, { pageX: n, pageY: d } = t, p = this.currentCSSZoom ?? 1;
-    return {
-      x: (n - a) / p,
-      y: (d - l) / 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);
-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}
-`;
-let dt = class extends j {
-};
-dt.styles = [Ye];
-dt = h([
-  S("mdif4-ripple")
-], dt);
-const V = /* @__PURE__ */ Symbol("isFocusable"), ot = /* @__PURE__ */ Symbol("privateIsFocusable"), G = /* @__PURE__ */ Symbol("externalTabIndex"), K = /* @__PURE__ */ Symbol("isUpdatingTabIndex"), q = /* @__PURE__ */ 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, l, n) {
-      if (a !== "tabindex") {
-        super.attributeChangedCallback(a, l, n);
-        return;
-      }
-      if (this.requestUpdate("tabIndex", Number(l ?? -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, l = this[G] ?? a;
-      this[K] = !0, this.tabIndex = l, this[K] = !1;
-    }
-  }
-  return h([
-    m({ noAccessor: !0 })
-  ], r.prototype, "tabIndex", void 0), r;
-}
-const Jt = /* @__PURE__ */ 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, l = this.indicator.getBoundingClientRect(), n = l.left, d = l.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;
-}
-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, l = 48, n = i - l, d = i + r - a + l, p = Math.min(n, Math.max(d, o)), c = this.focusedTab ? "auto" : "instant";
-    this.tabsScrollerElement.scrollTo({ behavior: c, 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 l;
-    if (r || o)
-      l = r ? 0 : a.length - 1;
-    else {
-      const p = getComputedStyle(this).direction === "rtl" ? e : i, { focusedTab: c } = this;
-      if (!c)
-        l = p ? 0 : a.length - 1;
-      else {
-        const f = this.tabs.indexOf(c);
-        l = p ? f + 1 : f - 1, l >= a.length ? l = 0 : l < 0 && (l = a.length - 1);
-      }
-    }
-    const n = a[l];
-    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");
-}
-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}
-`;
-let ht = class extends N {
-};
-ht.styles = [ti];
-ht = h([
-  S("mdif4-tabs")
-], ht);
-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);
-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)}
-`;
-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}}
-`;
-let pt = class extends Qt {
-};
-pt.styles = [te, ei];
-pt = h([
-  S("mdif4-primary-tab")
-], pt);
-class ii extends _ {
-  constructor() {
-    super(...arguments), this.fullWidthIndicator = !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)))}
-`;
-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 {
+import { LitElement as u, css as m, nothing as g, html as a } from "lit";
+import { property as l, state as d } from "lit/decorators.js";
+import { repeat as f } from "lit/directives/repeat.js";
+import "@material/web/icon/icon";
+import "@material/web/tabs/tabs";
+import "@material/web/tabs/primary-tab";
+import "@material/web/tabs/secondary-tab";
+var b = Object.defineProperty, n = (c, t, e, i) => {
+  for (var s = void 0, o = c.length - 1, p; o >= 0; o--)
+    (p = c[o]) && (s = p(t, e, s) || s);
+  return s && b(t, e, s), s;
+};
+const h = class h extends u {
   constructor() {
-    super(...arguments), this.version = "1.0.10";
+    super(...arguments), this.version = "1.0.12";
   }
   update(t) {
     t.has("theme") && this.registerTheme(this.theme), super.update(t);
@@ -1471,11 +47,11 @@ const xt = class xt extends g {
     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`
+    const t = this.inputData?.style?.fontSize ?? 16, e = (this.inputData?.style?.fontSize ?? 16) * 1.5, i = this.inputData?.style?.color || this.themeTitleColor || "black", s = this.inputData?.style?.backgroundColor || this.themeBgColor || "white";
+    return a`
             <div
                 class="wrapper"
-                style="background-color: ${r}; color: ${i};
+                style="background-color: ${s}; color: ${i};
                 font-weight: ${this.inputData?.style?.fontWeight};
                 font-size: ${t}px;"
             >
@@ -1487,36 +63,36 @@ const xt = class xt extends g {
                 >
                     ${this.inputData?.title}
                 </h2>
-                <mdif4-tab class="xnav-list">
-                    ${Re(
+                <md-tab class="xnav-list">
+                    ${f(
       this.inputData?.navItems || [],
       (o) => o.label,
-      (o) => A`
-                            <mdif4-secondary-tab
+      (o) => a`
+                            <md-secondary-tab
                                 ?active=${this.matchesRoute(this.addSlashes(o))}
                                 style="font-size: ${t}px;
-                                --mdif4-secondary-tab-container-color: ${r};
+                                --md-secondary-tab-container-color: ${s};
                                 color: ${i};"
                                 @click=${() => this.handleNavItemClick(this.addSlashes(o))}
                             >
-                                ${o.iconName ? A`
-                                          <mdif4-icon
+                                ${o.iconName ? a`
+                                          <md-icon
                                               slot="icon"
                                               style="font-size: ${e}px;width: ${e}px;color: ${i}"
                                           >
                                               ${o.iconName}
-                                          </mdif4-icon>
-                                      ` : v}
+                                          </md-icon>
+                                      ` : g}
                                 ${o.label}
-                            </mdif4-secondary-tab>
+                            </md-secondary-tab>
                         `
     )}
-                </mdif4-tab>
+                </md-tab>
             </div>
         `;
   }
 };
-xt.styles = $`
+h.styles = m`
         :host {
             display: block;
             font-family: sans-serif;
@@ -1536,7 +112,7 @@ xt.styles = $`
             box-sizing: border-box;
         }
 
-        mdif4-icon {
+        md-icon {
             font-family: 'Material Symbols Outlined';
         }
 
@@ -1553,24 +129,24 @@ xt.styles = $`
             height: 48px;
         }
     `;
-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.10", E);
+let r = h;
+n([
+  l({ type: Object })
+], r.prototype, "inputData");
+n([
+  l({ type: Object })
+], r.prototype, "theme");
+n([
+  l({ type: String })
+], r.prototype, "route");
+n([
+  d()
+], r.prototype, "themeBgColor");
+n([
+  d()
+], r.prototype, "themeTitleColor");
+window.customElements.define("widget-navbar-1.0.12", r);
 export {
-  E as WidgetNavbar
+  r as WidgetNavbar
 };
 //# sourceMappingURL=widget-navbar.js.map