@record-evolution/widget-navbar 1.0.8 → 1.0.10

package/dist/widget-navbar.js

@@ -1,21 +1,15 @@
-/* @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();
+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, r) {
-    if (this._$cssResult$ = !0, r !== vt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+  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 r = e !== void 0 && e.length === 1;
-      r && (t = wt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && wt.set(e, t));
+      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;
   }
@@ -24,32 +18,27 @@ let Ut = class {
   }
 };
 const ee = (s) => new Ut(typeof s == "string" ? s : s + "", void 0, vt), $ = (s, ...t) => {
-  const e = s.length === 1 ? s[0] : t.reduce(((r, i, o) => r + ((a) => {
+  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.");
-  })(i) + s[o + 1]), s[0]);
+  })(r) + s[o + 1]), s[0]);
   return new Ut(e, s, vt);
-}, re = (s, t) => {
+}, ie = (s, t) => {
   if (ut) s.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
   else for (const e of t) {
-    const r = document.createElement("style"), i = Y.litNonce;
-    i !== void 0 && r.setAttribute("nonce", i), r.textContent = e.cssText, s.appendChild(r);
+    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 r of t.cssRules) e += r.cssText;
+  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: ie, 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) {
+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 ? le : null;
+      s = s ? ce : null;
       break;
     case Object:
     case Array:
@@ -74,8 +63,8 @@ const { is: ie, defineProperty: se, getOwnPropertyDescriptor: oe, getOwnProperty
       }
   }
   return e;
-} }, mt = (s, t) => !ie(s, t), St = { attribute: !0, type: String, converter: Z, reflect: !1, useDefault: !1, hasChanged: mt };
-Symbol.metadata ??= Symbol("metadata"), J.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+} }, 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);
@@ -85,19 +74,19 @@ let k = class extends HTMLElement {
   }
   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 r = Symbol(), i = this.getPropertyDescriptor(t, r, e);
-      i !== void 0 && se(this.prototype, t, i);
+      const i = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, i, e);
+      r !== void 0 && se(this.prototype, t, r);
     }
   }
-  static getPropertyDescriptor(t, e, r) {
-    const { get: i, set: o } = oe(this.prototype, t) ?? { get() {
+  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: i, set(a) {
-      const c = i?.call(this);
-      o?.call(this, a), this.requestUpdate(t, c, r);
+    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) {
@@ -105,38 +94,38 @@ let k = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(U("elementProperties"))) return;
-    const t = ce(this);
+    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, r = [...ae(e), ...ne(e)];
-      for (const i of r) this.createProperty(i, e[i]);
+      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 [r, i] of e) this.elementProperties.set(r, i);
+      if (e !== void 0) for (const [i, r] of e) this.elementProperties.set(i, r);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, r] of this.elementProperties) {
-      const i = this._$Eu(e, r);
-      i !== void 0 && this._$Eh.set(i, e);
+    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 r = new Set(t.flat(1 / 0).reverse());
-      for (const i of r) e.unshift(Ct(i));
+      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 r = e.attribute;
-    return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
+    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();
@@ -152,12 +141,12 @@ let k = class extends HTMLElement {
   }
   _$E_() {
     const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const r of e.keys()) this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
+    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 re(t, this.constructor.elementStyles), t;
+    return ie(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
@@ -167,35 +156,35 @@ let k = class extends HTMLElement {
   disconnectedCallback() {
     this._$EO?.forEach(((t) => t.hostDisconnected?.()));
   }
-  attributeChangedCallback(t, e, r) {
-    this._$AK(t, r);
+  attributeChangedCallback(t, e, i) {
+    this._$AK(t, i);
   }
   _$ET(t, e) {
-    const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
-    if (i !== void 0 && r.reflect === !0) {
-      const o = (r.converter?.toAttribute !== void 0 ? r.converter : Z).toAttribute(e, r.type);
-      this._$Em = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
+    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 r = this.constructor, i = r._$Eh.get(t);
-    if (i !== void 0 && this._$Em !== i) {
-      const o = r.getPropertyOptions(i), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : Z;
-      this._$Em = i;
-      const c = a.fromAttribute(e, o.type);
-      this[i] = c ?? this._$Ej?.get(i) ?? c, this._$Em = null;
+    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, r) {
+  requestUpdate(t, e, i) {
     if (t !== void 0) {
-      const i = this.constructor, o = this[t];
-      if (r ??= i.getPropertyOptions(t), !((r.hasChanged ?? mt)(o, e) || r.useDefault && r.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, r)))) return;
-      this.C(t, e, r);
+      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: r, reflect: i, wrapped: o }, a) {
-    r && !(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 || r || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  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;
@@ -214,21 +203,21 @@ let k = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [i, o] of this._$Ep) this[i] = o;
+        for (const [r, o] of this._$Ep) this[r] = o;
         this._$Ep = void 0;
       }
-      const r = this.constructor.elementProperties;
-      if (r.size > 0) for (const [i, o] of r) {
-        const { wrapped: a } = o, c = this[i];
-        a !== !0 || this._$AL.has(i) || c === void 0 || this.C(i, void 0, o, c);
+      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(((r) => r.hostUpdate?.())), this.update(e)) : this._$EM();
-    } catch (r) {
-      throw t = !1, this._$EM(), r;
+      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);
   }
@@ -258,72 +247,67 @@ let k = class extends HTMLElement {
   }
 };
 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", it = `[ 	
-\f\r]`, z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, It = /-->/g, Pt = />/g, T = RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^ 	
-\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);
+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, r = [];
-  let i, 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]) && (i = RegExp("</" + p[2], "g")), a = T) : p[3] !== void 0 && (a = T) : a === T ? p[0] === ">" ? (a = i ?? 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, i = void 0);
-    const u = a === T && s[c + 1].startsWith("/>") ? " " : "";
-    o += a === z ? n + he : l >= 0 ? (r.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>" : "")), r];
+  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 }, r) {
-    let i;
+  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, r), P.currentNode = this.el.content, e === 2 || e === 3) {
-      const l = this.el.content.firstChild;
-      l.replaceWith(...l.childNodes);
+    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 (; (i = P.nextNode()) !== null && n.length < c; ) {
-      if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(Ht)) {
-          const f = p[a++], u = i.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 }), i.removeAttribute(l);
-        } else l.startsWith(w) && (n.push({ type: 6, index: o }), i.removeAttribute(l));
-        if (Bt.test(i.tagName)) {
-          const l = i.textContent.split(w), f = l.length - 1;
+    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) {
-            i.textContent = X ? X.emptyScript : "";
-            for (let u = 0; u < f; u++) i.append(l[u], H()), P.nextNode(), n.push({ type: 2, index: ++o });
-            i.append(l[f], H());
+            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 (i.nodeType === 8) if (i.data === Lt) n.push({ type: 2, index: o });
+      } else if (r.nodeType === 8) if (r.data === Lt) n.push({ type: 2, index: o });
       else {
-        let l = -1;
-        for (; (l = i.data.indexOf(w, l + 1)) !== -1; ) n.push({ type: 7, index: o }), l += w.length - 1;
+        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 r = R.createElement("template");
-    return r.innerHTML = t, r;
+    const i = R.createElement("template");
+    return i.innerHTML = t, i;
   }
 }
-function O(s, t, e = s, r) {
+function O(s, t, e = s, i) {
   if (t === C) return t;
-  let i = r !== void 0 ? e._$Co?.[r] : e._$Cl;
+  let r = i !== void 0 ? e._$Co?.[i] : e._$Cl;
   const o = L(t) ? void 0 : t._$litDirective$;
-  return i?.constructor !== o && (i?._$AO?.(!1), o === void 0 ? i = void 0 : (i = new o(s), i._$AT(s, e, r)), r !== void 0 ? (e._$Co ??= [])[r] = i : e._$Cl = i), i !== void 0 && (t = O(s, i._$AS(s, t.values), i, r)), t;
+  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) {
@@ -336,29 +320,29 @@ let ve = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: r } = this._$AD, i = (t?.creationScope ?? R).importNode(e, !0);
-    P.currentNode = i;
-    let o = P.nextNode(), a = 0, c = 0, n = r[0];
+    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 = r[++c];
+        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, i;
+    return P.currentNode = R, r;
   }
   p(t) {
     let e = 0;
-    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, e), e += r.strings.length - 2) : r._$AI(t[e])), e++;
+    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, r, i) {
-    this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
+  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;
@@ -384,10 +368,10 @@ class M {
     this._$AH !== v && L(this._$AH) ? this._$AA.nextSibling.data = t : this.T(R.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = B.createElement(Ft(r.h, r.h[0]), this.options)), r);
-    if (this._$AH?._$AD === i) this._$AH.p(e);
+    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(i, this), a = o.u(this.options);
+      const o = new ve(r, this), a = o.u(this.options);
       o.p(e), this.T(a), this._$AH = o;
     }
   }
@@ -398,14 +382,14 @@ class M {
   k(t) {
     yt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let r, i = 0;
-    for (const o of t) i === e.length ? e.push(r = new M(this.O(H()), this.O(H()), this, this.options)) : r = e[i], r._$AI(o), i++;
-    i < e.length && (this._$AR(r && r._$AB.nextSibling, i), e.length = i);
+    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 r = t.nextSibling;
-      t.remove(), t = r;
+      const i = t.nextSibling;
+      t.remove(), t = i;
     }
   }
   setConnected(t) {
@@ -419,19 +403,19 @@ class Q {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, r, i, o) {
-    this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = v;
+  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, r, i) {
+  _$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;
+      const l = t;
       let n, d;
-      for (t = o[0], n = 0; n < o.length - 1; n++) d = O(this, c[r + 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;
+      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 && !i && this.j(t);
+    a && !r && this.j(t);
   }
   j(t) {
     t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -454,21 +438,21 @@ class be extends Q {
   }
 }
 class ye extends Q {
-  constructor(t, e, r, i, o) {
-    super(t, e, r, i, o), this.type = 5;
+  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 r = this._$AH, i = t === v && r !== v || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, o = t !== v && (r === v || i);
-    i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    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, r) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
+  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;
@@ -480,19 +464,14 @@ class ge {
 const _e = { I: M }, $e = bt.litHtmlPolyfillSupport;
 $e?.(B, M), (bt.litHtmlVersions ??= []).push("3.3.1");
 const xe = (s, t, e) => {
-  const r = e?.renderBefore ?? t;
-  let i = r._$litPart$;
-  if (i === void 0) {
+  const i = e?.renderBefore ?? t;
+  let r = i._$litPart$;
+  if (r === void 0) {
     const o = e?.renderBefore ?? null;
-    r._$litPart$ = i = new M(t.insertBefore(H(), o), o, void 0, e ?? {});
+    i._$litPart$ = r = new M(t.insertBefore(H(), o), o, void 0, e ?? {});
   }
-  return i._$AI(s), i;
+  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() {
@@ -520,107 +499,67 @@ g._$litElement$ = !0, g.finalized = !0, gt.litElementHydrateSupport?.({ LitEleme
 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: r, metadata: i } = e;
-  let o = globalThis.litPropertyMetadata.get(i);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), r === "setter" && ((s = Object.create(s)).wrapped = !0), o.set(e.name, s), r === "accessor") {
+  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) {
+    return { set(l) {
       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;
+      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 (r === "setter") {
+  if (i === "setter") {
     const { name: a } = e;
-    return function(c) {
+    return function(l) {
       const n = this[a];
-      t.call(this, c), this.requestUpdate(a, n, s);
+      t.call(this, l), this.requestUpdate(a, n, s);
     };
   }
-  throw Error("Unsupported decorator location: " + r);
+  throw Error("Unsupported decorator location: " + i);
 };
 function m(s) {
-  return (t, e) => typeof e == "object" ? Ce(s, t, e) : ((r, i, o) => {
-    const a = i.hasOwnProperty(o);
-    return i.constructor.createProperty(o, r), a ? Object.getOwnPropertyDescriptor(i, o) : void 0;
+  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, r, i) => {
+  return (e, i, r) => {
     const o = (a) => a.renderRoot?.querySelector(s) ?? null;
-    return _t(e, r, { get() {
+    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: r, selector: i } = s ?? {}, o = "slot" + (r ? `[name=${r}]` : ":not([name])");
+    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 i === void 0 ? c : c.filter(((n) => n.matches(i)));
+      const a = this.renderRoot?.querySelector(o), l = a?.assignedElements(s) ?? [];
+      return r === void 0 ? l : l.filter(((n) => n.matches(r)));
     } });
   };
 }
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
 function Ee(s) {
   return (t, e) => {
-    const { slot: r } = s ?? {}, i = "slot" + (r ? `[name=${r}]` : ":not([name])");
+    const { slot: i } = s ?? {}, r = "slot" + (i ? `[name=${i}]` : ":not([name])");
     return _t(t, e, { get() {
-      return this.renderRoot?.querySelector(i)?.assignedNodes(s) ?? [];
+      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) {
@@ -628,8 +567,8 @@ class Gt {
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AT(t, e, r) {
-    this._$Ct = t, this._$AM = e, this._$Ci = r;
+  _$AT(t, e, i) {
+    this._$Ct = t, this._$AM = e, this._$Ci = i;
   }
   _$AS(t, e) {
     return this.update(t, e);
@@ -638,27 +577,22 @@ class Gt {
     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 r = s._$AA.parentNode, i = t === void 0 ? s._$AB : t._$AA;
+  const i = s._$AA.parentNode, r = t === void 0 ? s._$AB : t._$AA;
   if (e === void 0) {
-    const o = r.insertBefore(Mt(), i), a = r.insertBefore(Mt(), i);
+    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) {
+    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 !== i || c) {
+    if (o !== r || l) {
       let n = e._$AA;
       for (; n !== o; ) {
         const d = n.nextSibling;
-        r.insertBefore(n, i), n = d;
+        i.insertBefore(n, r), n = d;
       }
     }
   }
@@ -666,72 +600,62 @@ const { I: Se } = _e, Mt = () => document.createComment(""), D = (s, t, 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 r = /* @__PURE__ */ new Map();
-  for (let i = t; i <= e; i++) r.set(s[i], i);
-  return r;
+  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 r;
-    e === void 0 ? e = t : t !== void 0 && (r = t);
-    const i = [], o = [];
+    let i;
+    e === void 0 ? e = t : t !== void 0 && (i = t);
+    const r = [], o = [];
     let a = 0;
-    for (const c of s) i[a] = r ? r(c, a) : a, o[a] = e(c, a), a++;
-    return { values: o, keys: i };
+    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, r]) {
-    const i = Pe(s), { values: o, keys: a } = this.dt(t, e, r);
-    if (!Array.isArray(i)) return this.ut = a, o;
-    const c = this.ut ??= [], n = [];
-    let d, p, l = 0, f = i.length - 1, u = 0, b = o.length - 1;
-    for (; l <= f && u <= b; ) if (i[l] === null) l++;
-    else if (i[f] === null) f--;
-    else if (c[l] === a[u]) n[u] = I(i[l], o[u]), l++, u++;
-    else if (c[f] === a[b]) n[b] = I(i[f], o[b]), f--, b--;
-    else if (c[l] === a[b]) n[b] = I(i[l], o[b]), D(s, n[b + 1], i[l]), l++, b--;
-    else if (c[f] === a[u]) n[u] = I(i[f], o[u]), D(s, i[l], i[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]), rt = x !== void 0 ? i[x] : null;
-      if (rt === null) {
-        const At = D(s, i[l]);
+  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(rt, o[u]), D(s, i[l], rt), i[x] = null;
+      } else n[u] = I(it, o[u]), D(s, r[c], it), r[x] = null;
       u++;
-    } else st(i[f]), f--;
-    else st(i[l]), l++;
+    } 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 (; l <= f; ) {
-      const x = i[l++];
+    for (; c <= f; ) {
+      const x = r[c++];
       x !== null && st(x);
     }
     return this.ut = a, Ie(s, n), C;
   }
 });
-function h(s, t, e, r) {
-  var i = arguments.length, o = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, e) : r, a;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(s, t, e, r);
-  else for (var c = s.length - 1; c >= 0; c--) (a = s[c]) && (o = (i < 3 ? a(o) : i > 3 ? a(t, e, o) : a(t, e)) || o);
-  return i > 3 && o && Object.defineProperty(t, e, o), o;
+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;
 }
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
 class ke extends g {
   render() {
     return A`<slot></slot>`;
@@ -744,29 +668,14 @@ class ke extends g {
     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;
@@ -781,29 +690,14 @@ h([
 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");
@@ -812,30 +706,15 @@ class Ne extends g {
     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 {
+let lt = class extends Ne {
 };
-ct.styles = [ze];
-ct = h([
+lt.styles = [ze];
+lt = h([
   S("mdif4-elevation")
-], ct);
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const Kt = Symbol("attachableController");
+], lt);
+const Kt = /* @__PURE__ */ Symbol("attachableController");
 let qt;
 qt = new MutationObserver((s) => {
   for (const t of s)
@@ -883,11 +762,6 @@ class Yt {
     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() {
@@ -932,8 +806,8 @@ class $t extends g {
     }
   }
   onControlChange(t, e) {
-    for (const r of De)
-      t?.removeEventListener(r, this), e?.addEventListener(r, this);
+    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);
@@ -945,30 +819,15 @@ h([
 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 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}}
 `;
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-let lt = class extends $t {
+let ct = class extends $t {
 };
-lt.styles = [Ue];
-lt = h([
+ct.styles = [Ue];
+ct = h([
   S("mdif4-focus-ring")
-], lt);
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
+], 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.");
@@ -978,33 +837,23 @@ const Zt = Vt(class extends Gt {
   }
   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(((r) => r !== ""))));
-      for (const r in t) t[r] && !this.nt?.has(r) && this.st.add(r);
+      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 r of this.st) r in t || (e.remove(r), this.st.delete(r));
-    for (const r in t) {
-      const i = !!t[r];
-      i === this.st.has(r) || this.nt?.has(r) || (i ? (e.add(r), this.st.add(r)) : (e.remove(r), this.st.delete(r)));
+    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) {
@@ -1107,27 +956,27 @@ class j extends g {
     this.disabled || this.endPressAnimation();
   }
   determineRippleSize() {
-    const { height: t, width: e } = this.getBoundingClientRect(), r = Math.max(t, e), i = Math.max(je * r, Fe), o = this.currentCSSZoom ?? 1, a = Math.floor(r * Le / o), n = Math.sqrt(e ** 2 + t ** 2) + Be;
+    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 + i) / a;
+    const d = (n + r) / a;
     this.rippleScale = `${d / o}`, this.rippleSize = `${a}px`;
   }
   getNormalizedPointerEventCoords(t) {
-    const { scrollX: e, scrollY: r } = window, { left: i, top: o } = this.getBoundingClientRect(), a = e + i, c = r + o, { pageX: n, pageY: d } = t, p = this.currentCSSZoom ?? 1;
+    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 - c) / p
+      y: (d - l) / p
     };
   }
   getTranslationCoordinates(t) {
-    const { height: e, width: r } = this.getBoundingClientRect(), i = this.currentCSSZoom ?? 1, o = {
-      x: (r / i - this.initialSize) / 2,
-      y: (e / i - this.initialSize) / 2
+    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: r / i / 2,
-      y: e / i / 2
+      x: i / r / 2,
+      y: e / r / 2
     }, a = {
       x: a.x - this.initialSize / 2,
       y: a.y - this.initialSize / 2
@@ -1137,14 +986,14 @@ class j extends g {
     if (!this.mdRoot)
       return;
     this.pressed = !0, this.growAnimation?.cancel(), this.determineRippleSize();
-    const { startPoint: e, endPoint: r } = this.getTranslationCoordinates(t), i = `${e.x}px, ${e.y}px`, o = `${r.x}px, ${r.y}px`;
+    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(${i}) scale(1)`,
+        `translate(${r}) scale(1)`,
         `translate(${o}) scale(${this.rippleScale})`
       ]
     }, {
@@ -1162,8 +1011,8 @@ class j extends g {
       this.pressed = !1;
       return;
     }
-    await new Promise((r) => {
-      setTimeout(r, Dt - e);
+    await new Promise((i) => {
+      setTimeout(i, Dt - e);
     }), this.growAnimation === t && (this.pressed = !1);
   }
   /**
@@ -1214,8 +1063,8 @@ class j extends g {
       }
   }
   onControlChange(t, e) {
-    for (const r of Ge)
-      t?.removeEventListener(r, this), e?.addEventListener(r, this);
+    for (const i of Ge)
+      t?.removeEventListener(i, this), e?.addEventListener(i, this);
   }
 }
 h([
@@ -1230,35 +1079,20 @@ h([
 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");
+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, r;
-  class i extends s {
+  var t, e, i;
+  class r extends s {
     constructor() {
-      super(...arguments), this[t] = !0, this[e] = null, this[r] = !1;
+      super(...arguments), this[t] = !0, this[e] = null, this[i] = !1;
     }
     get [V]() {
       return this[ot];
@@ -1269,12 +1103,12 @@ function Ze(s) {
     connectedCallback() {
       super.connectedCallback(), this[q]();
     }
-    attributeChangedCallback(a, c, n) {
+    attributeChangedCallback(a, l, n) {
       if (a !== "tabindex") {
-        super.attributeChangedCallback(a, c, n);
+        super.attributeChangedCallback(a, l, n);
         return;
       }
-      if (this.requestUpdate("tabIndex", Number(c ?? -1)), !this[K]) {
+      if (this.requestUpdate("tabIndex", Number(l ?? -1)), !this[K]) {
         if (!this.hasAttribute("tabindex")) {
           this[G] = null, this[q]();
           return;
@@ -1282,21 +1116,16 @@ function Ze(s) {
         this[G] = this.tabIndex;
       }
     }
-    [(t = ot, e = G, r = K, q)]() {
-      const a = this[V] ? 0 : -1, c = this[G] ?? a;
-      this[K] = !0, this.tabIndex = c, this[K] = !1;
+    [(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 })
-  ], i.prototype, "tabIndex", void 0), i;
+  ], r.prototype, "tabIndex", void 0), r;
 }
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const Jt = Symbol("animateIndicator"), Xe = Ze(g);
+const Jt = /* @__PURE__ */ Symbol("animateIndicator"), Xe = Ze(g);
 class _ extends Xe {
   /**
    * @deprecated use `active`
@@ -1348,8 +1177,8 @@ class _ extends Xe {
   [Jt](t) {
     if (!this.indicator)
       return;
-    this.indicator.getAnimations().forEach((r) => {
-      r.cancel();
+    this.indicator.getAnimations().forEach((i) => {
+      i.cancel();
     });
     const e = this.getKeyframes(t);
     e !== null && this.indicator.animate(e, {
@@ -1361,8 +1190,8 @@ class _ extends Xe {
     const e = Je();
     if (!this.active)
       return e ? [{ opacity: 1 }, { transform: "none" }] : null;
-    const r = {}, i = t.indicator?.getBoundingClientRect() ?? {}, o = i.left, a = i.width, c = this.indicator.getBoundingClientRect(), n = c.left, d = c.width, p = a / d;
-    return !e && o !== void 0 && n !== void 0 && !isNaN(p) ? r.transform = `translateX(${(o - n).toFixed(4)}px) scaleX(${p.toFixed(4)})` : r.opacity = 0, [r, { transform: "none" }];
+    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;
@@ -1407,11 +1236,6 @@ h([
 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.
@@ -1434,8 +1258,8 @@ class N extends g {
   }
   set activeTabIndex(t) {
     const e = () => {
-      const r = this.tabs[t];
-      r && this.activateTab(r);
+      const i = this.tabs[t];
+      i && this.activateTab(i);
     };
     if (!this.slotElement) {
       this.updateComplete.then(e);
@@ -1465,8 +1289,8 @@ class N extends g {
       return;
     for (const f of this.tabs)
       await f.updateComplete;
-    const r = t.offsetLeft, i = t.offsetWidth, o = this.scrollLeft, a = this.offsetWidth, c = 48, n = r - c, d = r + i - a + c, p = Math.min(n, Math.max(d, o)), l = this.focusedTab ? "auto" : "instant";
-    this.tabsScrollerElement.scrollTo({ behavior: l, top: 0, left: p });
+    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`
@@ -1483,17 +1307,17 @@ class N extends g {
     await 0, !(t.defaultPrevented || !Qe(e) || e.active) && this.activateTab(e);
   }
   activateTab(t) {
-    const { tabs: e } = this, r = this.activeTab;
-    if (!(!e.includes(t) || r === t)) {
-      for (const i of e)
-        i.active = i === t;
-      if (r) {
+    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 === r;
+            o.active = o === i;
           return;
         }
-        t[Jt](r);
+        t[Jt](i);
       }
       this.updateFocusableTab(t), this.scrollToTab(t);
     }
@@ -1505,26 +1329,26 @@ class N extends g {
   // focus item on keydown and optionally select it
   async handleKeydown(t) {
     await 0;
-    const e = t.key === "ArrowLeft", r = t.key === "ArrowRight", i = t.key === "Home", o = t.key === "End";
-    if (t.defaultPrevented || !e && !r && !i && !o)
+    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 (i || o)
-      c = i ? 0 : a.length - 1;
+    let l;
+    if (r || o)
+      l = r ? 0 : a.length - 1;
     else {
-      const p = getComputedStyle(this).direction === "rtl" ? e : r, { focusedTab: l } = this;
-      if (!l)
-        c = p ? 0 : a.length - 1;
+      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(l);
-        c = p ? f + 1 : f - 1, c >= a.length ? c = 0 : c < 0 && (c = a.length - 1);
+        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[c];
+    const n = a[l];
     n.focus(), this.autoActivate ? this.activateTab(n) : this.updateFocusableTab(n);
   }
   // scroll to item on keyup.
@@ -1560,29 +1384,14 @@ h([
 function Qe(s) {
   return s instanceof HTMLElement && s.hasAttribute("mdif4-tab");
 }
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const tr = $`: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}
+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 = [tr];
+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;
@@ -1597,67 +1406,37 @@ class Qt extends _ {
 h([
   m({ type: Boolean, attribute: "inline-icon" })
 ], Qt.prototype, "inlineIcon", void 0);
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const er = $`: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 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, er];
+pt.styles = [te, ei];
 pt = h([
   S("mdif4-primary-tab")
 ], pt);
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-class rr extends _ {
+class ii extends _ {
   constructor() {
     super(...arguments), this.fullWidthIndicator = !0;
   }
 }
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const ir = $`: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)))}
+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 rr {
+let ft = class extends ii {
 };
-ft.styles = [te, ir];
+ft.styles = [te, ri];
 ft = h([
   S("mdif4-secondary-tab")
 ], ft);
-var sr = Object.defineProperty, W = (s, t, e, r) => {
-  for (var i = void 0, o = s.length - 1, a; o >= 0; o--)
-    (a = s[o]) && (i = a(t, e, i) || i);
-  return i && sr(t, e, i), i;
+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.8";
+    super(...arguments), this.version = "1.0.10";
   }
   update(t) {
     t.has("theme") && this.registerTheme(this.theme), super.update(t);
@@ -1666,8 +1445,8 @@ const xt = class xt extends g {
     this.registerTheme(this.theme);
   }
   registerTheme(t) {
-    const e = getComputedStyle(this).getPropertyValue("--re-text-color").trim(), r = getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim();
-    this.themeBgColor = r || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = e || this.theme?.theme_object?.title?.textStyle?.color;
+    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", {
@@ -1688,15 +1467,15 @@ const xt = class xt extends g {
   }
   matchesRoute(t) {
     if (t === void 0) return !1;
-    const e = this.trimRoute(decodeURIComponent(this.route || "/")), r = this.trimRoute(t);
-    return t.startsWith("/") ? e.startsWith(r) : e.endsWith(r) || e === r;
+    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, r = this.inputData?.style?.color || this.themeTitleColor || "black", i = this.inputData?.style?.backgroundColor || this.themeBgColor || "white";
+    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: ${i}; color: ${r};
+                style="background-color: ${r}; color: ${i};
                 font-weight: ${this.inputData?.style?.fontWeight};
                 font-size: ${t}px;"
             >
@@ -1704,7 +1483,7 @@ const xt = class xt extends g {
                     class="paging"
                     style=${this.inputData?.route ? "cursor: pointer" : ""}
                     ?active=${this.inputData?.title}
-                    @click=${() => this.handleNavItemClick(this.addSlashes(this.inputData?.route))}
+                    @click=${() => this.handleNavItemClick(this.addSlashes(this.inputData))}
                 >
                     ${this.inputData?.title}
                 </h2>
@@ -1716,14 +1495,14 @@ const xt = class xt extends g {
                             <mdif4-secondary-tab
                                 ?active=${this.matchesRoute(this.addSlashes(o))}
                                 style="font-size: ${t}px;
-                                --mdif4-secondary-tab-container-color: ${i};
-                                color: ${r};"
+                                --mdif4-secondary-tab-container-color: ${r};
+                                color: ${i};"
                                 @click=${() => this.handleNavItemClick(this.addSlashes(o))}
                             >
                                 ${o.iconName ? A`
                                           <mdif4-icon
                                               slot="icon"
-                                              style="font-size: ${e}px;width: ${e}px;color: ${r}"
+                                              style="font-size: ${e}px;width: ${e}px;color: ${i}"
                                           >
                                               ${o.iconName}
                                           </mdif4-icon>
@@ -1770,6 +1549,8 @@ xt.styles = $`
             margin: 0;
             padding: 0px;
             font-size: 1.2em;
+            line-height: 2.5;
+            height: 48px;
         }
     `;
 let E = xt;
@@ -1788,7 +1569,7 @@ W([
 W([
   F()
 ], E.prototype, "themeTitleColor");
-window.customElements.define("widget-navbar-1.0.8", E);
+window.customElements.define("widget-navbar-1.0.10", E);
 export {
   E as WidgetNavbar
 };