@webwriter/quiz 1.0.3 → 1.0.4

package/dist/widgets/webwriter-task.js

@@ -54,44 +54,44 @@ var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "a
 var s = Symbol();
 var o = /* @__PURE__ */ new WeakMap();
 var n = class {
-  constructor(t6, e7, o7) {
+  constructor(t7, e7, o7) {
     if (this._$cssResult$ = true, o7 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t6, this.t = e7;
+    this.cssText = t7, this.t = e7;
   }
   get styleSheet() {
-    let t6 = this.o;
+    let t7 = this.o;
     const s3 = this.t;
-    if (e && void 0 === t6) {
+    if (e && void 0 === t7) {
       const e7 = void 0 !== s3 && 1 === s3.length;
-      e7 && (t6 = o.get(s3)), void 0 === t6 && ((this.o = t6 = new CSSStyleSheet()).replaceSync(this.cssText), e7 && o.set(s3, t6));
+      e7 && (t7 = o.get(s3)), void 0 === t7 && ((this.o = t7 = new CSSStyleSheet()).replaceSync(this.cssText), e7 && o.set(s3, t7));
     }
-    return t6;
+    return t7;
   }
   toString() {
     return this.cssText;
   }
 };
-var r = (t6) => new n("string" == typeof t6 ? t6 : t6 + "", void 0, s);
-var i = (t6, ...e7) => {
-  const o7 = 1 === t6.length ? t6[0] : e7.reduce((e8, s3, o8) => e8 + ((t7) => {
-    if (true === t7._$cssResult$) return t7.cssText;
-    if ("number" == typeof t7) return t7;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + t7 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s3) + t6[o8 + 1], t6[0]);
-  return new n(o7, t6, s);
+var r = (t7) => new n("string" == typeof t7 ? t7 : t7 + "", void 0, s);
+var i = (t7, ...e7) => {
+  const o7 = 1 === t7.length ? t7[0] : e7.reduce((e8, s3, o8) => e8 + ((t8) => {
+    if (true === t8._$cssResult$) return t8.cssText;
+    if ("number" == typeof t8) return t8;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t8 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s3) + t7[o8 + 1], t7[0]);
+  return new n(o7, t7, s);
 };
 var S = (s3, o7) => {
-  if (e) s3.adoptedStyleSheets = o7.map((t6) => t6 instanceof CSSStyleSheet ? t6 : t6.styleSheet);
+  if (e) s3.adoptedStyleSheets = o7.map((t7) => t7 instanceof CSSStyleSheet ? t7 : t7.styleSheet);
   else for (const e7 of o7) {
     const o8 = document.createElement("style"), n6 = t.litNonce;
     void 0 !== n6 && o8.setAttribute("nonce", n6), o8.textContent = e7.cssText, s3.appendChild(o8);
   }
 };
-var c = e ? (t6) => t6 : (t6) => t6 instanceof CSSStyleSheet ? ((t7) => {
+var c = e ? (t7) => t7 : (t7) => t7 instanceof CSSStyleSheet ? ((t8) => {
   let e7 = "";
-  for (const s3 of t7.cssRules) e7 += s3.cssText;
+  for (const s3 of t8.cssRules) e7 += s3.cssText;
   return r(e7);
-})(t6) : t6;
+})(t7) : t7;
 
 // ../../node_modules/lit/node_modules/@lit/reactive-element/reactive-element.js
 var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: r2, getOwnPropertyNames: h, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
@@ -99,88 +99,88 @@ var a = globalThis;
 var c2 = a.trustedTypes;
 var l = c2 ? c2.emptyScript : "";
 var p = a.reactiveElementPolyfillSupport;
-var d = (t6, s3) => t6;
-var u = { toAttribute(t6, s3) {
+var d = (t7, s3) => t7;
+var u = { toAttribute(t7, s3) {
   switch (s3) {
     case Boolean:
-      t6 = t6 ? l : null;
+      t7 = t7 ? l : null;
       break;
     case Object:
     case Array:
-      t6 = null == t6 ? t6 : JSON.stringify(t6);
+      t7 = null == t7 ? t7 : JSON.stringify(t7);
   }
-  return t6;
-}, fromAttribute(t6, s3) {
-  let i4 = t6;
+  return t7;
+}, fromAttribute(t7, s3) {
+  let i4 = t7;
   switch (s3) {
     case Boolean:
-      i4 = null !== t6;
+      i4 = null !== t7;
       break;
     case Number:
-      i4 = null === t6 ? null : Number(t6);
+      i4 = null === t7 ? null : Number(t7);
       break;
     case Object:
     case Array:
       try {
-        i4 = JSON.parse(t6);
-      } catch (t7) {
+        i4 = JSON.parse(t7);
+      } catch (t8) {
         i4 = null;
       }
   }
   return i4;
 } };
-var f = (t6, s3) => !i2(t6, s3);
+var f = (t7, s3) => !i2(t7, s3);
 var y = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
 Symbol.metadata ??= Symbol("metadata"), a.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 var b = class extends HTMLElement {
-  static addInitializer(t6) {
-    this._$Ei(), (this.l ??= []).push(t6);
+  static addInitializer(t7) {
+    this._$Ei(), (this.l ??= []).push(t7);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t6, s3 = y) {
-    if (s3.state && (s3.attribute = false), this._$Ei(), this.elementProperties.set(t6, s3), !s3.noAccessor) {
-      const i4 = Symbol(), r7 = this.getPropertyDescriptor(t6, i4, s3);
-      void 0 !== r7 && e2(this.prototype, t6, r7);
+  static createProperty(t7, s3 = y) {
+    if (s3.state && (s3.attribute = false), this._$Ei(), this.elementProperties.set(t7, s3), !s3.noAccessor) {
+      const i4 = Symbol(), r7 = this.getPropertyDescriptor(t7, i4, s3);
+      void 0 !== r7 && e2(this.prototype, t7, r7);
     }
   }
-  static getPropertyDescriptor(t6, s3, i4) {
-    const { get: e7, set: h5 } = r2(this.prototype, t6) ?? { get() {
+  static getPropertyDescriptor(t7, s3, i4) {
+    const { get: e7, set: h5 } = r2(this.prototype, t7) ?? { get() {
       return this[s3];
-    }, set(t7) {
-      this[s3] = t7;
+    }, set(t8) {
+      this[s3] = t8;
     } };
     return { get() {
       return e7?.call(this);
     }, set(s4) {
       const r7 = e7?.call(this);
-      h5.call(this, s4), this.requestUpdate(t6, r7, i4);
+      h5.call(this, s4), this.requestUpdate(t7, r7, i4);
     }, configurable: true, enumerable: true };
   }
-  static getPropertyOptions(t6) {
-    return this.elementProperties.get(t6) ?? y;
+  static getPropertyOptions(t7) {
+    return this.elementProperties.get(t7) ?? y;
   }
   static _$Ei() {
     if (this.hasOwnProperty(d("elementProperties"))) return;
-    const t6 = n2(this);
-    t6.finalize(), void 0 !== t6.l && (this.l = [...t6.l]), this.elementProperties = new Map(t6.elementProperties);
+    const t7 = n2(this);
+    t7.finalize(), void 0 !== t7.l && (this.l = [...t7.l]), this.elementProperties = new Map(t7.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(d("finalized"))) return;
     if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
-      const t7 = this.properties, s3 = [...h(t7), ...o2(t7)];
-      for (const i4 of s3) this.createProperty(i4, t7[i4]);
+      const t8 = this.properties, s3 = [...h(t8), ...o2(t8)];
+      for (const i4 of s3) this.createProperty(i4, t8[i4]);
     }
-    const t6 = this[Symbol.metadata];
-    if (null !== t6) {
-      const s3 = litPropertyMetadata.get(t6);
-      if (void 0 !== s3) for (const [t7, i4] of s3) this.elementProperties.set(t7, i4);
+    const t7 = this[Symbol.metadata];
+    if (null !== t7) {
+      const s3 = litPropertyMetadata.get(t7);
+      if (void 0 !== s3) for (const [t8, i4] of s3) this.elementProperties.set(t8, i4);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t7, s3] of this.elementProperties) {
-      const i4 = this._$Eu(t7, s3);
-      void 0 !== i4 && this._$Eh.set(i4, t7);
+    for (const [t8, s3] of this.elementProperties) {
+      const i4 = this._$Eu(t8, s3);
+      void 0 !== i4 && this._$Eh.set(i4, t8);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
@@ -192,75 +192,75 @@ var b = class extends HTMLElement {
     } else void 0 !== s3 && i4.push(c(s3));
     return i4;
   }
-  static _$Eu(t6, s3) {
+  static _$Eu(t7, s3) {
     const i4 = s3.attribute;
-    return false === i4 ? void 0 : "string" == typeof i4 ? i4 : "string" == typeof t6 ? t6.toLowerCase() : void 0;
+    return false === i4 ? void 0 : "string" == typeof i4 ? i4 : "string" == typeof t7 ? t7.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
   }
   _$Ev() {
-    this._$ES = new Promise((t6) => this.enableUpdating = t6), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t6) => t6(this));
+    this._$ES = new Promise((t7) => this.enableUpdating = t7), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t7) => t7(this));
   }
-  addController(t6) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(t6), void 0 !== this.renderRoot && this.isConnected && t6.hostConnected?.();
+  addController(t7) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(t7), void 0 !== this.renderRoot && this.isConnected && t7.hostConnected?.();
   }
-  removeController(t6) {
-    this._$EO?.delete(t6);
+  removeController(t7) {
+    this._$EO?.delete(t7);
   }
   _$E_() {
-    const t6 = /* @__PURE__ */ new Map(), s3 = this.constructor.elementProperties;
-    for (const i4 of s3.keys()) this.hasOwnProperty(i4) && (t6.set(i4, this[i4]), delete this[i4]);
-    t6.size > 0 && (this._$Ep = t6);
+    const t7 = /* @__PURE__ */ new Map(), s3 = this.constructor.elementProperties;
+    for (const i4 of s3.keys()) this.hasOwnProperty(i4) && (t7.set(i4, this[i4]), delete this[i4]);
+    t7.size > 0 && (this._$Ep = t7);
   }
   createRenderRoot() {
-    const t6 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return S(t6, this.constructor.elementStyles), t6;
+    const t7 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t7, this.constructor.elementStyles), t7;
   }
   connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t6) => t6.hostConnected?.());
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(true), this._$EO?.forEach((t7) => t7.hostConnected?.());
   }
-  enableUpdating(t6) {
+  enableUpdating(t7) {
   }
   disconnectedCallback() {
-    this._$EO?.forEach((t6) => t6.hostDisconnected?.());
+    this._$EO?.forEach((t7) => t7.hostDisconnected?.());
   }
-  attributeChangedCallback(t6, s3, i4) {
-    this._$AK(t6, i4);
+  attributeChangedCallback(t7, s3, i4) {
+    this._$AK(t7, i4);
   }
-  _$EC(t6, s3) {
-    const i4 = this.constructor.elementProperties.get(t6), e7 = this.constructor._$Eu(t6, i4);
+  _$EC(t7, s3) {
+    const i4 = this.constructor.elementProperties.get(t7), e7 = this.constructor._$Eu(t7, i4);
     if (void 0 !== e7 && true === i4.reflect) {
       const r7 = (void 0 !== i4.converter?.toAttribute ? i4.converter : u).toAttribute(s3, i4.type);
-      this._$Em = t6, null == r7 ? this.removeAttribute(e7) : this.setAttribute(e7, r7), this._$Em = null;
+      this._$Em = t7, null == r7 ? this.removeAttribute(e7) : this.setAttribute(e7, r7), this._$Em = null;
     }
   }
-  _$AK(t6, s3) {
-    const i4 = this.constructor, e7 = i4._$Eh.get(t6);
+  _$AK(t7, s3) {
+    const i4 = this.constructor, e7 = i4._$Eh.get(t7);
     if (void 0 !== e7 && this._$Em !== e7) {
-      const t7 = i4.getPropertyOptions(e7), r7 = "function" == typeof t7.converter ? { fromAttribute: t7.converter } : void 0 !== t7.converter?.fromAttribute ? t7.converter : u;
-      this._$Em = e7, this[e7] = r7.fromAttribute(s3, t7.type), this._$Em = null;
+      const t8 = i4.getPropertyOptions(e7), r7 = "function" == typeof t8.converter ? { fromAttribute: t8.converter } : void 0 !== t8.converter?.fromAttribute ? t8.converter : u;
+      this._$Em = e7, this[e7] = r7.fromAttribute(s3, t8.type), this._$Em = null;
     }
   }
-  requestUpdate(t6, s3, i4) {
-    if (void 0 !== t6) {
-      if (i4 ??= this.constructor.getPropertyOptions(t6), !(i4.hasChanged ?? f)(this[t6], s3)) return;
-      this.P(t6, s3, i4);
+  requestUpdate(t7, s3, i4) {
+    if (void 0 !== t7) {
+      if (i4 ??= this.constructor.getPropertyOptions(t7), !(i4.hasChanged ?? f)(this[t7], s3)) return;
+      this.P(t7, s3, i4);
     }
     false === this.isUpdatePending && (this._$ES = this._$ET());
   }
-  P(t6, s3, i4) {
-    this._$AL.has(t6) || this._$AL.set(t6, s3), true === i4.reflect && this._$Em !== t6 && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t6);
+  P(t7, s3, i4) {
+    this._$AL.has(t7) || this._$AL.set(t7, s3), true === i4.reflect && this._$Em !== t7 && (this._$Ej ??= /* @__PURE__ */ new Set()).add(t7);
   }
   async _$ET() {
     this.isUpdatePending = true;
     try {
       await this._$ES;
-    } catch (t7) {
-      Promise.reject(t7);
+    } catch (t8) {
+      Promise.reject(t8);
     }
-    const t6 = this.scheduleUpdate();
-    return null != t6 && await t6, !this.isUpdatePending;
+    const t7 = this.scheduleUpdate();
+    return null != t7 && await t7, !this.isUpdatePending;
   }
   scheduleUpdate() {
     return this.performUpdate();
@@ -269,25 +269,25 @@ var b = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [t8, s4] of this._$Ep) this[t8] = s4;
+        for (const [t9, s4] of this._$Ep) this[t9] = s4;
         this._$Ep = void 0;
       }
-      const t7 = this.constructor.elementProperties;
-      if (t7.size > 0) for (const [s4, i4] of t7) true !== i4.wrapped || this._$AL.has(s4) || void 0 === this[s4] || this.P(s4, this[s4], i4);
+      const t8 = this.constructor.elementProperties;
+      if (t8.size > 0) for (const [s4, i4] of t8) true !== i4.wrapped || this._$AL.has(s4) || void 0 === this[s4] || this.P(s4, this[s4], i4);
     }
-    let t6 = false;
+    let t7 = false;
     const s3 = this._$AL;
     try {
-      t6 = this.shouldUpdate(s3), t6 ? (this.willUpdate(s3), this._$EO?.forEach((t7) => t7.hostUpdate?.()), this.update(s3)) : this._$EU();
+      t7 = this.shouldUpdate(s3), t7 ? (this.willUpdate(s3), this._$EO?.forEach((t8) => t8.hostUpdate?.()), this.update(s3)) : this._$EU();
     } catch (s4) {
-      throw t6 = false, this._$EU(), s4;
+      throw t7 = false, this._$EU(), s4;
     }
-    t6 && this._$AE(s3);
+    t7 && this._$AE(s3);
   }
-  willUpdate(t6) {
+  willUpdate(t7) {
   }
-  _$AE(t6) {
-    this._$EO?.forEach((t7) => t7.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t6)), this.updated(t6);
+  _$AE(t7) {
+    this._$EO?.forEach((t8) => t8.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t7)), this.updated(t7);
   }
   _$EU() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
@@ -298,15 +298,15 @@ var b = class extends HTMLElement {
   getUpdateComplete() {
     return this._$ES;
   }
-  shouldUpdate(t6) {
+  shouldUpdate(t7) {
     return true;
   }
-  update(t6) {
-    this._$Ej &&= this._$Ej.forEach((t7) => this._$EC(t7, this[t7])), this._$EU();
+  update(t7) {
+    this._$Ej &&= this._$Ej.forEach((t8) => this._$EC(t8, this[t8])), this._$EU();
   }
-  updated(t6) {
+  updated(t7) {
   }
-  firstUpdated(t6) {
+  firstUpdated(t7) {
   }
 };
 b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[d("elementProperties")] = /* @__PURE__ */ new Map(), b[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: b }), (a.reactiveElementVersions ??= []).push("2.0.4");
@@ -314,16 +314,16 @@ b.elementStyles = [], b.shadowRootOptions = { mode: "open" }, b[d("elementProper
 // ../../node_modules/lit/node_modules/lit-html/lit-html.js
 var n3 = globalThis;
 var c3 = n3.trustedTypes;
-var h2 = c3 ? c3.createPolicy("lit-html", { createHTML: (t6) => t6 }) : void 0;
+var h2 = c3 ? c3.createPolicy("lit-html", { createHTML: (t7) => t7 }) : void 0;
 var f2 = "$lit$";
 var v = `lit$${Math.random().toFixed(9).slice(2)}$`;
 var m = "?" + v;
 var _ = `<${m}>`;
 var w = document;
 var lt = () => w.createComment("");
-var st = (t6) => null === t6 || "object" != typeof t6 && "function" != typeof t6;
+var st = (t7) => null === t7 || "object" != typeof t7 && "function" != typeof t7;
 var g = Array.isArray;
-var $ = (t6) => g(t6) || "function" == typeof t6?.[Symbol.iterator];
+var $ = (t7) => g(t7) || "function" == typeof t7?.[Symbol.iterator];
 var x = "[ 	\n\f\r]";
 var T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
 var E = /-->/g;
@@ -333,7 +333,7 @@ var O = RegExp(`>|${x}(?:([^\\s"'>=/]+)(${x}*=${x}*(?:[^
 var S2 = /'/g;
 var j = /"/g;
 var M = /^(?:script|style|textarea|title)$/i;
-var P = (t6) => (i4, ...s3) => ({ _$litType$: t6, strings: i4, values: s3 });
+var P = (t7) => (i4, ...s3) => ({ _$litType$: t7, strings: i4, values: s3 });
 var ke = P(1);
 var Oe = P(2);
 var Se = P(3);
@@ -341,68 +341,68 @@ var R = Symbol.for("lit-noChange");
 var D = Symbol.for("lit-nothing");
 var V = /* @__PURE__ */ new WeakMap();
 var I = w.createTreeWalker(w, 129);
-function N(t6, i4) {
-  if (!g(t6) || !t6.hasOwnProperty("raw")) throw Error("invalid template strings array");
+function N(t7, i4) {
+  if (!g(t7) || !t7.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return void 0 !== h2 ? h2.createHTML(i4) : i4;
 }
-var U = (t6, i4) => {
-  const s3 = t6.length - 1, e7 = [];
+var U = (t7, i4) => {
+  const s3 = t7.length - 1, e7 = [];
   let h5, o7 = 2 === i4 ? "<svg>" : 3 === i4 ? "<math>" : "", n6 = T;
   for (let i5 = 0; i5 < s3; i5++) {
-    const s4 = t6[i5];
+    const s4 = t7[i5];
     let r7, l3, c5 = -1, a3 = 0;
     for (; a3 < s4.length && (n6.lastIndex = a3, l3 = n6.exec(s4), null !== l3); ) a3 = n6.lastIndex, n6 === T ? "!--" === l3[1] ? n6 = E : void 0 !== l3[1] ? n6 = k : void 0 !== l3[2] ? (M.test(l3[2]) && (h5 = RegExp("</" + l3[2], "g")), n6 = O) : void 0 !== l3[3] && (n6 = O) : n6 === O ? ">" === l3[0] ? (n6 = h5 ?? T, c5 = -1) : void 0 === l3[1] ? c5 = -2 : (c5 = n6.lastIndex - l3[2].length, r7 = l3[1], n6 = void 0 === l3[3] ? O : '"' === l3[3] ? j : S2) : n6 === j || n6 === S2 ? n6 = O : n6 === E || n6 === k ? n6 = T : (n6 = O, h5 = void 0);
-    const u3 = n6 === O && t6[i5 + 1].startsWith("/>") ? " " : "";
+    const u3 = n6 === O && t7[i5 + 1].startsWith("/>") ? " " : "";
     o7 += n6 === T ? s4 + _ : c5 >= 0 ? (e7.push(r7), s4.slice(0, c5) + f2 + s4.slice(c5) + v + u3) : s4 + v + (-2 === c5 ? i5 : u3);
   }
-  return [N(t6, o7 + (t6[s3] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), e7];
+  return [N(t7, o7 + (t7[s3] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), e7];
 };
 var B = class _B2 {
-  constructor({ strings: t6, _$litType$: i4 }, s3) {
+  constructor({ strings: t7, _$litType$: i4 }, s3) {
     let e7;
     this.parts = [];
     let h5 = 0, o7 = 0;
-    const n6 = t6.length - 1, r7 = this.parts, [l3, a3] = U(t6, i4);
+    const n6 = t7.length - 1, r7 = this.parts, [l3, a3] = U(t7, i4);
     if (this.el = _B2.createElement(l3, s3), I.currentNode = this.el.content, 2 === i4 || 3 === i4) {
-      const t7 = this.el.content.firstChild;
-      t7.replaceWith(...t7.childNodes);
+      const t8 = this.el.content.firstChild;
+      t8.replaceWith(...t8.childNodes);
     }
     for (; null !== (e7 = I.nextNode()) && r7.length < n6; ) {
       if (1 === e7.nodeType) {
-        if (e7.hasAttributes()) for (const t7 of e7.getAttributeNames()) if (t7.endsWith(f2)) {
-          const i5 = a3[o7++], s4 = e7.getAttribute(t7).split(v), n7 = /([.?@])?(.*)/.exec(i5);
-          r7.push({ type: 1, index: h5, name: n7[2], strings: s4, ctor: "." === n7[1] ? Y : "?" === n7[1] ? Z : "@" === n7[1] ? q : G }), e7.removeAttribute(t7);
-        } else t7.startsWith(v) && (r7.push({ type: 6, index: h5 }), e7.removeAttribute(t7));
+        if (e7.hasAttributes()) for (const t8 of e7.getAttributeNames()) if (t8.endsWith(f2)) {
+          const i5 = a3[o7++], s4 = e7.getAttribute(t8).split(v), n7 = /([.?@])?(.*)/.exec(i5);
+          r7.push({ type: 1, index: h5, name: n7[2], strings: s4, ctor: "." === n7[1] ? Y : "?" === n7[1] ? Z : "@" === n7[1] ? q : G }), e7.removeAttribute(t8);
+        } else t8.startsWith(v) && (r7.push({ type: 6, index: h5 }), e7.removeAttribute(t8));
         if (M.test(e7.tagName)) {
-          const t7 = e7.textContent.split(v), i5 = t7.length - 1;
+          const t8 = e7.textContent.split(v), i5 = t8.length - 1;
           if (i5 > 0) {
             e7.textContent = c3 ? c3.emptyScript : "";
-            for (let s4 = 0; s4 < i5; s4++) e7.append(t7[s4], lt()), I.nextNode(), r7.push({ type: 2, index: ++h5 });
-            e7.append(t7[i5], lt());
+            for (let s4 = 0; s4 < i5; s4++) e7.append(t8[s4], lt()), I.nextNode(), r7.push({ type: 2, index: ++h5 });
+            e7.append(t8[i5], lt());
           }
         }
       } else if (8 === e7.nodeType) if (e7.data === m) r7.push({ type: 2, index: h5 });
       else {
-        let t7 = -1;
-        for (; -1 !== (t7 = e7.data.indexOf(v, t7 + 1)); ) r7.push({ type: 7, index: h5 }), t7 += v.length - 1;
+        let t8 = -1;
+        for (; -1 !== (t8 = e7.data.indexOf(v, t8 + 1)); ) r7.push({ type: 7, index: h5 }), t8 += v.length - 1;
       }
       h5++;
     }
   }
-  static createElement(t6, i4) {
+  static createElement(t7, i4) {
     const s3 = w.createElement("template");
-    return s3.innerHTML = t6, s3;
+    return s3.innerHTML = t7, s3;
   }
 };
-function z(t6, i4, s3 = t6, e7) {
+function z(t7, i4, s3 = t7, e7) {
   if (i4 === R) return i4;
   let h5 = void 0 !== e7 ? s3.o?.[e7] : s3.l;
   const o7 = st(i4) ? void 0 : i4._$litDirective$;
-  return h5?.constructor !== o7 && (h5?._$AO?.(false), void 0 === o7 ? h5 = void 0 : (h5 = new o7(t6), h5._$AT(t6, s3, e7)), void 0 !== e7 ? (s3.o ??= [])[e7] = h5 : s3.l = h5), void 0 !== h5 && (i4 = z(t6, h5._$AS(t6, i4.values), h5, e7)), i4;
+  return h5?.constructor !== o7 && (h5?._$AO?.(false), void 0 === o7 ? h5 = void 0 : (h5 = new o7(t7), h5._$AT(t7, s3, e7)), void 0 !== e7 ? (s3.o ??= [])[e7] = h5 : s3.l = h5), void 0 !== h5 && (i4 = z(t7, h5._$AS(t7, i4.values), h5, e7)), i4;
 }
 var F = class {
-  constructor(t6, i4) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t6, this._$AM = i4;
+  constructor(t7, i4) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t7, this._$AM = i4;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -410,35 +410,35 @@ var F = class {
   get _$AU() {
     return this._$AM._$AU;
   }
-  u(t6) {
-    const { el: { content: i4 }, parts: s3 } = this._$AD, e7 = (t6?.creationScope ?? w).importNode(i4, true);
+  u(t7) {
+    const { el: { content: i4 }, parts: s3 } = this._$AD, e7 = (t7?.creationScope ?? w).importNode(i4, true);
     I.currentNode = e7;
     let h5 = I.nextNode(), o7 = 0, n6 = 0, r7 = s3[0];
     for (; void 0 !== r7; ) {
       if (o7 === r7.index) {
         let i5;
-        2 === r7.type ? i5 = new et(h5, h5.nextSibling, this, t6) : 1 === r7.type ? i5 = new r7.ctor(h5, r7.name, r7.strings, this, t6) : 6 === r7.type && (i5 = new K(h5, this, t6)), this._$AV.push(i5), r7 = s3[++n6];
+        2 === r7.type ? i5 = new et(h5, h5.nextSibling, this, t7) : 1 === r7.type ? i5 = new r7.ctor(h5, r7.name, r7.strings, this, t7) : 6 === r7.type && (i5 = new K(h5, this, t7)), this._$AV.push(i5), r7 = s3[++n6];
       }
       o7 !== r7?.index && (h5 = I.nextNode(), o7++);
     }
     return I.currentNode = w, e7;
   }
-  p(t6) {
+  p(t7) {
     let i4 = 0;
-    for (const s3 of this._$AV) void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t6, s3, i4), i4 += s3.strings.length - 2) : s3._$AI(t6[i4])), i4++;
+    for (const s3 of this._$AV) void 0 !== s3 && (void 0 !== s3.strings ? (s3._$AI(t7, s3, i4), i4 += s3.strings.length - 2) : s3._$AI(t7[i4])), i4++;
   }
 };
 var et = class _et2 {
   get _$AU() {
     return this._$AM?._$AU ?? this.v;
   }
-  constructor(t6, i4, s3, e7) {
-    this.type = 2, this._$AH = D, this._$AN = void 0, this._$AA = t6, this._$AB = i4, this._$AM = s3, this.options = e7, this.v = e7?.isConnected ?? true;
+  constructor(t7, i4, s3, e7) {
+    this.type = 2, this._$AH = D, this._$AN = void 0, this._$AA = t7, this._$AB = i4, this._$AM = s3, this.options = e7, this.v = e7?.isConnected ?? true;
   }
   get parentNode() {
-    let t6 = this._$AA.parentNode;
+    let t7 = this._$AA.parentNode;
     const i4 = this._$AM;
-    return void 0 !== i4 && 11 === t6?.nodeType && (t6 = i4.parentNode), t6;
+    return void 0 !== i4 && 11 === t7?.nodeType && (t7 = i4.parentNode), t7;
   }
   get startNode() {
     return this._$AA;
@@ -446,45 +446,45 @@ var et = class _et2 {
   get endNode() {
     return this._$AB;
   }
-  _$AI(t6, i4 = this) {
-    t6 = z(this, t6, i4), st(t6) ? t6 === D || null == t6 || "" === t6 ? (this._$AH !== D && this._$AR(), this._$AH = D) : t6 !== this._$AH && t6 !== R && this._(t6) : void 0 !== t6._$litType$ ? this.$(t6) : void 0 !== t6.nodeType ? this.T(t6) : $(t6) ? this.k(t6) : this._(t6);
+  _$AI(t7, i4 = this) {
+    t7 = z(this, t7, i4), st(t7) ? t7 === D || null == t7 || "" === t7 ? (this._$AH !== D && this._$AR(), this._$AH = D) : t7 !== this._$AH && t7 !== R && this._(t7) : void 0 !== t7._$litType$ ? this.$(t7) : void 0 !== t7.nodeType ? this.T(t7) : $(t7) ? this.k(t7) : this._(t7);
   }
-  O(t6) {
-    return this._$AA.parentNode.insertBefore(t6, this._$AB);
+  O(t7) {
+    return this._$AA.parentNode.insertBefore(t7, this._$AB);
   }
-  T(t6) {
-    this._$AH !== t6 && (this._$AR(), this._$AH = this.O(t6));
+  T(t7) {
+    this._$AH !== t7 && (this._$AR(), this._$AH = this.O(t7));
   }
-  _(t6) {
-    this._$AH !== D && st(this._$AH) ? this._$AA.nextSibling.data = t6 : this.T(w.createTextNode(t6)), this._$AH = t6;
+  _(t7) {
+    this._$AH !== D && st(this._$AH) ? this._$AA.nextSibling.data = t7 : this.T(w.createTextNode(t7)), this._$AH = t7;
   }
-  $(t6) {
-    const { values: i4, _$litType$: s3 } = t6, e7 = "number" == typeof s3 ? this._$AC(t6) : (void 0 === s3.el && (s3.el = B.createElement(N(s3.h, s3.h[0]), this.options)), s3);
+  $(t7) {
+    const { values: i4, _$litType$: s3 } = t7, e7 = "number" == typeof s3 ? this._$AC(t7) : (void 0 === s3.el && (s3.el = B.createElement(N(s3.h, s3.h[0]), this.options)), s3);
     if (this._$AH?._$AD === e7) this._$AH.p(i4);
     else {
-      const t7 = new F(e7, this), s4 = t7.u(this.options);
-      t7.p(i4), this.T(s4), this._$AH = t7;
+      const t8 = new F(e7, this), s4 = t8.u(this.options);
+      t8.p(i4), this.T(s4), this._$AH = t8;
     }
   }
-  _$AC(t6) {
-    let i4 = V.get(t6.strings);
-    return void 0 === i4 && V.set(t6.strings, i4 = new B(t6)), i4;
+  _$AC(t7) {
+    let i4 = V.get(t7.strings);
+    return void 0 === i4 && V.set(t7.strings, i4 = new B(t7)), i4;
   }
-  k(t6) {
+  k(t7) {
     g(this._$AH) || (this._$AH = [], this._$AR());
     const i4 = this._$AH;
     let s3, e7 = 0;
-    for (const h5 of t6) e7 === i4.length ? i4.push(s3 = new _et2(this.O(lt()), this.O(lt()), this, this.options)) : s3 = i4[e7], s3._$AI(h5), e7++;
+    for (const h5 of t7) e7 === i4.length ? i4.push(s3 = new _et2(this.O(lt()), this.O(lt()), this, this.options)) : s3 = i4[e7], s3._$AI(h5), e7++;
     e7 < i4.length && (this._$AR(s3 && s3._$AB.nextSibling, e7), i4.length = e7);
   }
-  _$AR(t6 = this._$AA.nextSibling, i4) {
-    for (this._$AP?.(false, true, i4); t6 && t6 !== this._$AB; ) {
-      const i5 = t6.nextSibling;
-      t6.remove(), t6 = i5;
+  _$AR(t7 = this._$AA.nextSibling, i4) {
+    for (this._$AP?.(false, true, i4); t7 && t7 !== this._$AB; ) {
+      const i5 = t7.nextSibling;
+      t7.remove(), t7 = i5;
     }
   }
-  setConnected(t6) {
-    void 0 === this._$AM && (this.v = t6, this._$AP?.(t6));
+  setConnected(t7) {
+    void 0 === this._$AM && (this.v = t7, this._$AP?.(t7));
   }
 };
 var G = class {
@@ -494,75 +494,75 @@ var G = class {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t6, i4, s3, e7, h5) {
-    this.type = 1, this._$AH = D, this._$AN = void 0, this.element = t6, this.name = i4, this._$AM = e7, this.options = h5, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = D;
+  constructor(t7, i4, s3, e7, h5) {
+    this.type = 1, this._$AH = D, this._$AN = void 0, this.element = t7, this.name = i4, this._$AM = e7, this.options = h5, s3.length > 2 || "" !== s3[0] || "" !== s3[1] ? (this._$AH = Array(s3.length - 1).fill(new String()), this.strings = s3) : this._$AH = D;
   }
-  _$AI(t6, i4 = this, s3, e7) {
+  _$AI(t7, i4 = this, s3, e7) {
     const h5 = this.strings;
     let o7 = false;
-    if (void 0 === h5) t6 = z(this, t6, i4, 0), o7 = !st(t6) || t6 !== this._$AH && t6 !== R, o7 && (this._$AH = t6);
+    if (void 0 === h5) t7 = z(this, t7, i4, 0), o7 = !st(t7) || t7 !== this._$AH && t7 !== R, o7 && (this._$AH = t7);
     else {
-      const e8 = t6;
+      const e8 = t7;
       let n6, r7;
-      for (t6 = h5[0], n6 = 0; n6 < h5.length - 1; n6++) r7 = z(this, e8[s3 + n6], i4, n6), r7 === R && (r7 = this._$AH[n6]), o7 ||= !st(r7) || r7 !== this._$AH[n6], r7 === D ? t6 = D : t6 !== D && (t6 += (r7 ?? "") + h5[n6 + 1]), this._$AH[n6] = r7;
+      for (t7 = h5[0], n6 = 0; n6 < h5.length - 1; n6++) r7 = z(this, e8[s3 + n6], i4, n6), r7 === R && (r7 = this._$AH[n6]), o7 ||= !st(r7) || r7 !== this._$AH[n6], r7 === D ? t7 = D : t7 !== D && (t7 += (r7 ?? "") + h5[n6 + 1]), this._$AH[n6] = r7;
     }
-    o7 && !e7 && this.j(t6);
+    o7 && !e7 && this.j(t7);
   }
-  j(t6) {
-    t6 === D ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t6 ?? "");
+  j(t7) {
+    t7 === D ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t7 ?? "");
   }
 };
 var Y = class extends G {
   constructor() {
     super(...arguments), this.type = 3;
   }
-  j(t6) {
-    this.element[this.name] = t6 === D ? void 0 : t6;
+  j(t7) {
+    this.element[this.name] = t7 === D ? void 0 : t7;
   }
 };
 var Z = class extends G {
   constructor() {
     super(...arguments), this.type = 4;
   }
-  j(t6) {
-    this.element.toggleAttribute(this.name, !!t6 && t6 !== D);
+  j(t7) {
+    this.element.toggleAttribute(this.name, !!t7 && t7 !== D);
   }
 };
 var q = class extends G {
-  constructor(t6, i4, s3, e7, h5) {
-    super(t6, i4, s3, e7, h5), this.type = 5;
+  constructor(t7, i4, s3, e7, h5) {
+    super(t7, i4, s3, e7, h5), this.type = 5;
   }
-  _$AI(t6, i4 = this) {
-    if ((t6 = z(this, t6, i4, 0) ?? D) === R) return;
-    const s3 = this._$AH, e7 = t6 === D && s3 !== D || t6.capture !== s3.capture || t6.once !== s3.once || t6.passive !== s3.passive, h5 = t6 !== D && (s3 === D || e7);
-    e7 && this.element.removeEventListener(this.name, this, s3), h5 && this.element.addEventListener(this.name, this, t6), this._$AH = t6;
+  _$AI(t7, i4 = this) {
+    if ((t7 = z(this, t7, i4, 0) ?? D) === R) return;
+    const s3 = this._$AH, e7 = t7 === D && s3 !== D || t7.capture !== s3.capture || t7.once !== s3.once || t7.passive !== s3.passive, h5 = t7 !== D && (s3 === D || e7);
+    e7 && this.element.removeEventListener(this.name, this, s3), h5 && this.element.addEventListener(this.name, this, t7), this._$AH = t7;
   }
-  handleEvent(t6) {
-    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t6) : this._$AH.handleEvent(t6);
+  handleEvent(t7) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t7) : this._$AH.handleEvent(t7);
   }
 };
 var K = class {
-  constructor(t6, i4, s3) {
-    this.element = t6, this.type = 6, this._$AN = void 0, this._$AM = i4, this.options = s3;
+  constructor(t7, i4, s3) {
+    this.element = t7, this.type = 6, this._$AN = void 0, this._$AM = i4, this.options = s3;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AI(t6) {
-    z(this, t6);
+  _$AI(t7) {
+    z(this, t7);
   }
 };
 var si = { M: f2, P: v, A: m, C: 1, L: U, R: F, D: $, V: z, I: et, H: G, N: Z, U: q, B: Y, F: K };
 var Re = n3.litHtmlPolyfillSupport;
 Re?.(B, et), (n3.litHtmlVersions ??= []).push("3.2.0");
-var Q = (t6, i4, s3) => {
+var Q = (t7, i4, s3) => {
   const e7 = s3?.renderBefore ?? i4;
   let h5 = e7._$litPart$;
   if (void 0 === h5) {
-    const t7 = s3?.renderBefore ?? null;
-    e7._$litPart$ = h5 = new et(i4.insertBefore(lt(), t7), t7, void 0, s3 ?? {});
+    const t8 = s3?.renderBefore ?? null;
+    e7._$litPart$ = h5 = new et(i4.insertBefore(lt(), t8), t8, void 0, s3 ?? {});
   }
-  return h5._$AI(t6), h5;
+  return h5._$AI(t7), h5;
 };
 
 // ../../node_modules/lit/node_modules/lit-element/lit-element.js
@@ -571,12 +571,12 @@ var h3 = class extends b {
     super(...arguments), this.renderOptions = { host: this }, this.o = void 0;
   }
   createRenderRoot() {
-    const t6 = super.createRenderRoot();
-    return this.renderOptions.renderBefore ??= t6.firstChild, t6;
+    const t7 = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t7.firstChild, t7;
   }
-  update(t6) {
+  update(t7) {
     const e7 = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t6), this.o = Q(e7, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t7), this.o = Q(e7, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this.o?.setConnected(true);
@@ -595,20 +595,20 @@ f3?.({ LitElement: h3 });
 
 // ../../node_modules/lit/node_modules/lit-html/directive.js
 var t2 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
-var e3 = (t6) => (...e7) => ({ _$litDirective$: t6, values: e7 });
+var e3 = (t7) => (...e7) => ({ _$litDirective$: t7, values: e7 });
 var i3 = class {
-  constructor(t6) {
+  constructor(t7) {
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AT(t6, e7, i4) {
-    this.t = t6, this._$AM = e7, this.i = i4;
+  _$AT(t7, e7, i4) {
+    this.t = t7, this._$AM = e7, this.i = i4;
   }
-  _$AS(t6, e7) {
-    return this.update(t6, e7);
+  _$AS(t7, e7) {
+    return this.update(t7, e7);
   }
-  update(t6, e7) {
+  update(t7, e7) {
     return this.render(...e7);
   }
 };
@@ -620,22 +620,22 @@ var se = e3(class extends i3 {
   constructor(e7) {
     if (super(e7), e7.type !== t2.ATTRIBUTE || "style" !== e7.name || e7.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
-  render(t6) {
-    return Object.keys(t6).reduce((e7, r7) => {
-      const s3 = t6[r7];
+  render(t7) {
+    return Object.keys(t7).reduce((e7, r7) => {
+      const s3 = t7[r7];
       return null == s3 ? e7 : e7 + `${r7 = r7.includes("-") ? r7 : r7.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s3};`;
     }, "");
   }
-  update(t6, [e7]) {
-    const { style: r7 } = t6.element;
+  update(t7, [e7]) {
+    const { style: r7 } = t7.element;
     if (void 0 === this.ft) return this.ft = new Set(Object.keys(e7)), this.render(e7);
-    for (const t7 of this.ft) null == e7[t7] && (this.ft.delete(t7), t7.includes("-") ? r7.removeProperty(t7) : r7[t7] = null);
-    for (const t7 in e7) {
-      const s3 = e7[t7];
+    for (const t8 of this.ft) null == e7[t8] && (this.ft.delete(t8), t8.includes("-") ? r7.removeProperty(t8) : r7[t8] = null);
+    for (const t8 in e7) {
+      const s3 = e7[t8];
       if (null != s3) {
-        this.ft.add(t7);
+        this.ft.add(t8);
         const e8 = "string" == typeof s3 && s3.endsWith(ie);
-        t7.includes("-") || e8 ? r7.setProperty(t7, e8 ? s3.slice(0, -11) : s3, e8 ? ee : "") : r7[t7] = s3;
+        t8.includes("-") || e8 ? r7.setProperty(t8, e8 ? s3.slice(0, -11) : s3, e8 ? ee : "") : r7[t8] = s3;
       }
     }
     return R;
@@ -1384,40 +1384,40 @@ __publicField2(LitElementWw, "options", {});
 __publicField2(LitElementWw, "actions", {});
 
 // ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/custom-element.js
-var t4 = (t6) => (e7, o7) => {
+var t4 = (t7) => (e7, o7) => {
   void 0 !== o7 ? o7.addInitializer(() => {
-    customElements.define(t6, e7);
-  }) : customElements.define(t6, e7);
+    customElements.define(t7, e7);
+  }) : customElements.define(t7, e7);
 };
 
 // ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/property.js
 var o4 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
-var r4 = (t6 = o4, e7, r7) => {
+var r4 = (t7 = o4, e7, r7) => {
   const { kind: n6, metadata: i4 } = r7;
   let s3 = globalThis.litPropertyMetadata.get(i4);
-  if (void 0 === s3 && globalThis.litPropertyMetadata.set(i4, s3 = /* @__PURE__ */ new Map()), s3.set(r7.name, t6), "accessor" === n6) {
+  if (void 0 === s3 && globalThis.litPropertyMetadata.set(i4, s3 = /* @__PURE__ */ new Map()), s3.set(r7.name, t7), "accessor" === n6) {
     const { name: o7 } = r7;
     return { set(r8) {
       const n7 = e7.get.call(this);
-      e7.set.call(this, r8), this.requestUpdate(o7, n7, t6);
+      e7.set.call(this, r8), this.requestUpdate(o7, n7, t7);
     }, init(e8) {
-      return void 0 !== e8 && this.P(o7, void 0, t6), e8;
+      return void 0 !== e8 && this.P(o7, void 0, t7), e8;
     } };
   }
   if ("setter" === n6) {
     const { name: o7 } = r7;
     return function(r8) {
       const n7 = this[o7];
-      e7.call(this, r8), this.requestUpdate(o7, n7, t6);
+      e7.call(this, r8), this.requestUpdate(o7, n7, t7);
     };
   }
   throw Error("Unsupported decorator location: " + n6);
 };
-function n5(t6) {
-  return (e7, o7) => "object" == typeof o7 ? r4(t6, e7, o7) : ((t7, e8, o8) => {
+function n5(t7) {
+  return (e7, o7) => "object" == typeof o7 ? r4(t7, e7, o7) : ((t8, e8, o8) => {
     const r7 = e8.hasOwnProperty(o8);
-    return e8.constructor.createProperty(o8, r7 ? { ...t7, wrapped: true } : t7), r7 ? Object.getOwnPropertyDescriptor(e8, o8) : void 0;
-  })(t6, e7, o7);
+    return e8.constructor.createProperty(o8, r7 ? { ...t8, wrapped: true } : t8), r7 ? Object.getOwnPropertyDescriptor(e8, o8) : void 0;
+  })(t7, e7, o7);
 }
 
 // ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/state.js
@@ -1425,25 +1425,33 @@ function r5(r7) {
   return n5({ ...r7, state: true, attribute: false });
 }
 
+// ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/event-options.js
+function t5(t7) {
+  return (n6, o7) => {
+    const c5 = "function" == typeof n6 ? n6 : n6[o7];
+    Object.assign(c5, t7);
+  };
+}
+
 // ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/base.js
-var e5 = (e7, t6, c5) => (c5.configurable = true, c5.enumerable = true, Reflect.decorate && "object" != typeof t6 && Object.defineProperty(e7, t6, c5), c5);
+var e5 = (e7, t7, c5) => (c5.configurable = true, c5.enumerable = true, Reflect.decorate && "object" != typeof t7 && Object.defineProperty(e7, t7, c5), c5);
 
 // ../../node_modules/lit/node_modules/@lit/reactive-element/decorators/query.js
 function e6(e7, r7) {
   return (n6, s3, i4) => {
-    const o7 = (t6) => t6.renderRoot?.querySelector(e7) ?? null;
+    const o7 = (t7) => t7.renderRoot?.querySelector(e7) ?? null;
     if (r7) {
       const { get: e8, set: r8 } = "object" == typeof s3 ? n6 : i4 ?? (() => {
-        const t6 = Symbol();
+        const t7 = Symbol();
         return { get() {
-          return this[t6];
+          return this[t7];
         }, set(e9) {
-          this[t6] = e9;
+          this[t7] = e9;
         } };
       })();
       return e5(n6, s3, { get() {
-        let t6 = e8.call(this);
-        return void 0 === t6 && (t6 = o7(this), (null !== t6 || this.hasUpdated) && r8.call(this, t6)), t6;
+        let t7 = e8.call(this);
+        return void 0 === t7 && (t7 = o7(this), (null !== t7 || this.hasUpdated) && r8.call(this, t7)), t7;
       } });
     }
     return e5(n6, s3, { get() {
@@ -1457,8 +1465,8 @@ function o5(o7) {
   return (e7, n6) => {
     const { slot: r7, selector: s3 } = o7 ?? {}, c5 = "slot" + (r7 ? `[name=${r7}]` : ":not([name])");
     return e5(e7, n6, { get() {
-      const t6 = this.renderRoot?.querySelector(c5), e8 = t6?.assignedElements(o7) ?? [];
-      return void 0 === s3 ? e8 : e8.filter((t7) => t7.matches(s3));
+      const t7 = this.renderRoot?.querySelector(c5), e8 = t7?.assignedElements(o7) ?? [];
+      return void 0 === s3 ? e8 : e8.filter((t8) => t8.matches(s3));
     } });
   };
 }
@@ -1698,7 +1706,7 @@ var icon_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IFDWM6P4.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.B3BW2AY6.js
 var __defProp3 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
@@ -1728,8 +1736,26 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp3(target, key, result);
   return result;
 };
+var __accessCheck3 = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet3 = (obj, member, getter) => {
+  __accessCheck3(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd3 = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet3 = (obj, member, value, setter) => {
+  __accessCheck3(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2FB5TK5H.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CCJUT23E.js
 function watch(propertyName, options) {
   const resolvedOptions = __spreadValues({
     waitUntilFirstUpdate: false
@@ -1772,10 +1798,13 @@ var component_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5THGRZAA.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NLWS5DN7.js
+var _hasRecordedInitialProperties;
 var ShoelaceElement = class extends h3 {
   constructor() {
     super();
+    __privateAdd3(this, _hasRecordedInitialProperties, false);
+    this.initialReflectedProperties = /* @__PURE__ */ new Map();
     Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
       this.constructor.define(name, component);
     });
@@ -1817,8 +1846,30 @@ var ShoelaceElement = class extends h3 {
       `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
     );
   }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (!__privateGet3(this, _hasRecordedInitialProperties)) {
+      this.constructor.elementProperties.forEach(
+        (obj, prop) => {
+          if (obj.reflect && this[prop] != null) {
+            this.initialReflectedProperties.set(prop, this[prop]);
+          }
+        }
+      );
+      __privateSet3(this, _hasRecordedInitialProperties, true);
+    }
+    super.attributeChangedCallback(name, oldValue, newValue);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    this.initialReflectedProperties.forEach((value, prop) => {
+      if (changedProperties.has(prop) && this[prop] == null) {
+        this[prop] = value;
+      }
+    });
+  }
 };
-ShoelaceElement.version = "2.16.0";
+_hasRecordedInitialProperties = /* @__PURE__ */ new WeakMap();
+ShoelaceElement.version = "2.17.1";
 ShoelaceElement.dependencies = {};
 __decorateClass([
   n5()
@@ -1829,9 +1880,9 @@ __decorateClass([
 
 // ../../node_modules/lit/node_modules/lit-html/directive-helpers.js
 var { I: et3 } = si;
-var nt = (o7, t6) => void 0 === t6 ? void 0 !== o7?._$litType$ : o7?._$litType$ === t6;
+var nt = (o7, t7) => void 0 === t7 ? void 0 !== o7?._$litType$ : o7?._$litType$ === t7;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ALSPWWWG.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.O7VCMB7W.js
 var CACHEABLE_ERROR = Symbol();
 var RETRYABLE_ERROR = Symbol();
 var parser;
@@ -1852,11 +1903,6 @@ var SlIcon = class extends ShoelaceElement {
       this.svg = ke`<svg part="svg">
         <use part="use" href="${url}"></use>
       </svg>`;
-      await this.updateComplete;
-      const svg = this.shadowRoot.querySelector("[part='svg']");
-      if (typeof library2.mutator === "function") {
-        library2.mutator(svg);
-      }
       return this.svg;
     }
     try {
@@ -1946,6 +1992,13 @@ var SlIcon = class extends ShoelaceElement {
     }
     if (nt(svg)) {
       this.svg = svg;
+      if (library2) {
+        await this.updateComplete;
+        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
+        if (typeof library2.mutator === "function" && shadowSVG) {
+          library2.mutator(shadowSVG);
+        }
+      }
       return;
     }
     switch (svg) {
@@ -1992,20 +2045,20 @@ var Rt = e3(class extends i3 {
   constructor(s3) {
     if (super(s3), s3.type !== t2.ATTRIBUTE || "class" !== s3.name || s3.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
-  render(t6) {
-    return " " + Object.keys(t6).filter((s3) => t6[s3]).join(" ") + " ";
+  render(t7) {
+    return " " + Object.keys(t7).filter((s3) => t7[s3]).join(" ") + " ";
   }
-  update(t6, [s3]) {
+  update(t7, [s3]) {
     if (void 0 === this.st) {
-      this.st = /* @__PURE__ */ new Set(), void 0 !== t6.strings && (this.nt = new Set(t6.strings.join(" ").split(/\s/).filter((t7) => "" !== t7)));
-      for (const t7 in s3) s3[t7] && !this.nt?.has(t7) && this.st.add(t7);
+      this.st = /* @__PURE__ */ new Set(), void 0 !== t7.strings && (this.nt = new Set(t7.strings.join(" ").split(/\s/).filter((t8) => "" !== t8)));
+      for (const t8 in s3) s3[t8] && !this.nt?.has(t8) && this.st.add(t8);
       return this.render(s3);
     }
-    const i4 = t6.element.classList;
-    for (const t7 of this.st) t7 in s3 || (i4.remove(t7), this.st.delete(t7));
-    for (const t7 in s3) {
-      const r7 = !!s3[t7];
-      r7 === this.st.has(t7) || this.nt?.has(t7) || (r7 ? (i4.add(t7), this.st.add(t7)) : (i4.remove(t7), this.st.delete(t7)));
+    const i4 = t7.element.classList;
+    for (const t8 of this.st) t8 in s3 || (i4.remove(t8), this.st.delete(t8));
+    for (const t8 in s3) {
+      const r7 = !!s3[t8];
+      r7 === this.st.has(t8) || this.nt?.has(t8) || (r7 ? (i4.add(t8), this.st.add(t8)) : (i4.remove(t8), this.st.delete(t8)));
     }
     return R;
   }
@@ -2013,16 +2066,16 @@ var Rt = e3(class extends i3 {
 
 // ../../node_modules/lit/node_modules/lit-html/static.js
 var $e = Symbol.for("");
-var xe = (t6) => {
-  if (t6?.r === $e) return t6?._$litStatic$;
+var xe = (t7) => {
+  if (t7?.r === $e) return t7?._$litStatic$;
 };
-var er = (t6, ...r7) => ({ _$litStatic$: r7.reduce((r8, e7, a3) => r8 + ((t7) => {
-  if (void 0 !== t7._$litStatic$) return t7._$litStatic$;
-  throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t7}. Use 'unsafeStatic' to pass non-literal values, but
+var er = (t7, ...r7) => ({ _$litStatic$: r7.reduce((r8, e7, a3) => r8 + ((t8) => {
+  if (void 0 !== t8._$litStatic$) return t8._$litStatic$;
+  throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t8}. Use 'unsafeStatic' to pass non-literal values, but
             take care to ensure page security.`);
-})(e7) + t6[a3 + 1], t6[0]), r: $e });
+})(e7) + t7[a3 + 1], t7[0]), r: $e });
 var Te = /* @__PURE__ */ new Map();
-var Ee = (t6) => (r7, ...e7) => {
+var Ee = (t7) => (r7, ...e7) => {
   const a3 = e7.length;
   let o7, s3;
   const i4 = [], l3 = [];
@@ -2032,19 +2085,19 @@ var Ee = (t6) => (r7, ...e7) => {
     u3 !== a3 && l3.push(s3), i4.push(n6), u3++;
   }
   if (u3 === a3 && i4.push(r7[a3]), c5) {
-    const t7 = i4.join("$$lit$$");
-    void 0 === (r7 = Te.get(t7)) && (i4.raw = i4, Te.set(t7, r7 = i4)), e7 = l3;
+    const t8 = i4.join("$$lit$$");
+    void 0 === (r7 = Te.get(t8)) && (i4.raw = i4, Te.set(t8, r7 = i4)), e7 = l3;
   }
-  return t6(r7, ...e7);
+  return t7(r7, ...e7);
 };
 var ke3 = Ee(ke);
 var Oe3 = Ee(Oe);
 var Se3 = Ee(Se);
 
 // ../../node_modules/lit/node_modules/lit-html/directives/if-defined.js
-var to = (t6) => t6 ?? D;
+var to = (t7) => t7 ?? D;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.XJILXOW4.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.AYP3HPB7.js
 var SlIconButton = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -2219,15 +2272,15 @@ documentElementObserver.observe(document.documentElement, {
   attributeFilter: ["dir", "lang"]
 });
 function registerTranslation(...translation2) {
-  translation2.map((t6) => {
-    const code = t6.$code.toLowerCase();
+  translation2.map((t7) => {
+    const code = t7.$code.toLowerCase();
     if (translations.has(code)) {
-      translations.set(code, Object.assign(Object.assign({}, translations.get(code)), t6));
+      translations.set(code, Object.assign(Object.assign({}, translations.get(code)), t7));
     } else {
-      translations.set(code, t6);
+      translations.set(code, t7);
     }
     if (!fallback) {
-      fallback = t6;
+      fallback = t7;
     }
   });
   update();
@@ -2349,7 +2402,7 @@ var LocalizeController2 = class extends LocalizeController {
 };
 registerTranslation(en_default);
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.7HOIOSC7.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.R2T2D3TO.js
 var SlSpinner = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -2366,7 +2419,7 @@ var SlSpinner = class extends ShoelaceElement {
 };
 SlSpinner.styles = [component_styles_default, spinner_styles_default];
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.KWPBDQ6I.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.2RCF7SLU.js
 var formCollections = /* @__PURE__ */ new WeakMap();
 var reportValidityOverloads = /* @__PURE__ */ new WeakMap();
 var checkValidityOverloads = /* @__PURE__ */ new WeakMap();
@@ -3298,7 +3351,7 @@ var HasSlotController = class {
   }
 };
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MR6SHCJO.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.OEHLR4TU.js
 var SlButton = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -3447,7 +3500,7 @@ var SlButton = class extends ShoelaceElement {
         title=${this.title}
         name=${to(isLink ? void 0 : this.name)}
         value=${to(isLink ? void 0 : this.value)}
-        href=${to(isLink ? this.href : void 0)}
+        href=${to(isLink && !this.disabled ? this.href : void 0)}
         target=${to(isLink ? this.target : void 0)}
         download=${to(isLink ? this.download : void 0)}
         rel=${to(isLink ? this.rel : void 0)}
@@ -3637,7 +3690,7 @@ var details_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.DHU6MIVB.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.UW6SLYOK.js
 var defaultAnimationRegistry = /* @__PURE__ */ new Map();
 var customAnimationRegistry = /* @__PURE__ */ new WeakMap();
 function ensureAnimation(animation) {
@@ -3683,7 +3736,7 @@ function waitForEvent(el, eventName) {
   });
 }
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.LHI6QEL2.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3EPZX5HE.js
 function animateTo(el, keyframes, options) {
   return new Promise((resolve) => {
     if ((options == null ? void 0 : options.duration) === Infinity) {
@@ -3716,7 +3769,7 @@ function shimKeyframesHeightAuto(keyframes, calculatedHeight) {
   }));
 }
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.LWDZTXXJ.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.OPBM3XMX.js
 var SlDetails = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -3743,8 +3796,9 @@ var SlDetails = class extends ShoelaceElement {
     this.detailsObserver.observe(this.details, { attributes: true });
   }
   disconnectedCallback() {
+    var _a3;
     super.disconnectedCallback();
-    this.detailsObserver.disconnect();
+    (_a3 = this.detailsObserver) == null ? void 0 : _a3.disconnect();
   }
   handleSummaryClick(event) {
     event.preventDefault();
@@ -5292,26 +5346,26 @@ var computePosition2 = (reference, floating, options) => {
 };
 
 // ../../node_modules/composed-offset-position/dist/composed-offset-position.browser.min.mjs
-function t5(t6) {
-  return r6(t6);
+function t6(t7) {
+  return r6(t7);
 }
-function o6(t6) {
-  return t6.assignedSlot ? t6.assignedSlot : t6.parentNode instanceof ShadowRoot ? t6.parentNode.host : t6.parentNode;
+function o6(t7) {
+  return t7.assignedSlot ? t7.assignedSlot : t7.parentNode instanceof ShadowRoot ? t7.parentNode.host : t7.parentNode;
 }
-function r6(t6) {
-  for (let e7 = t6; e7; e7 = o6(e7)) if (e7 instanceof Element && "none" === getComputedStyle(e7).display) return null;
-  for (let e7 = o6(t6); e7; e7 = o6(e7)) {
+function r6(t7) {
+  for (let e7 = t7; e7; e7 = o6(e7)) if (e7 instanceof Element && "none" === getComputedStyle(e7).display) return null;
+  for (let e7 = o6(t7); e7; e7 = o6(e7)) {
     if (!(e7 instanceof Element)) continue;
-    const t7 = getComputedStyle(e7);
-    if ("contents" !== t7.display) {
-      if ("static" !== t7.position || "none" !== t7.filter) return e7;
+    const t8 = getComputedStyle(e7);
+    if ("contents" !== t8.display) {
+      if ("static" !== t8.position || "none" !== t8.filter) return e7;
       if ("BODY" === e7.tagName) return e7;
     }
   }
   return null;
 }
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.62L7S2LE.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.H24ENZMO.js
 function isVirtualElement(e7) {
   return e7 !== null && typeof e7 === "object" && "getBoundingClientRect" in e7 && ("contextElement" in e7 ? e7 instanceof Element : true);
 }
@@ -5438,7 +5492,7 @@ var SlPopup = class extends ShoelaceElement {
     if (this.anchorEl instanceof HTMLSlotElement) {
       this.anchorEl = this.anchorEl.assignedElements({ flatten: true })[0];
     }
-    if (this.anchorEl) {
+    if (this.anchorEl && this.active) {
       this.start();
     }
   }
@@ -5538,7 +5592,7 @@ var SlPopup = class extends ShoelaceElement {
         })
       );
     }
-    const getOffsetParent2 = this.strategy === "absolute" ? (element) => platform.getOffsetParent(element, t5) : platform.getOffsetParent;
+    const getOffsetParent2 = this.strategy === "absolute" ? (element) => platform.getOffsetParent(element, t6) : platform.getOffsetParent;
     computePosition2(this.anchorEl, this.popup, {
       placement: this.placement,
       middleware,
@@ -5713,7 +5767,7 @@ var button_group_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.AKN2SAUH.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.RBPP5PLA.js
 var SlButtonGroup = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -5786,7 +5840,7 @@ function findButton(el) {
   return (_a3 = el.closest(selector)) != null ? _a3 : el.querySelector(selector);
 }
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.G4XIACTT.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.XJU7WU2G.js
 var tab_group_styles_default = i`
   :host {
     --indicator-color: var(--sl-color-primary-600);
@@ -5818,6 +5872,11 @@ var tab_group_styles_default = i`
     padding: 0 var(--sl-spacing-x-large);
   }
 
+  .tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden,
+  .tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden {
+    visibility: hidden;
+  }
+
   .tab-group__body {
     display: block;
     overflow: auto;
@@ -6018,6 +6077,72 @@ var tab_group_styles_default = i`
   }
 `;
 
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.5VKIB4HA.js
+var resize_observer_styles_default = i`
+  :host {
+    display: contents;
+  }
+`;
+
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.YJK4WDCI.js
+var SlResizeObserver = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.observedElements = [];
+    this.disabled = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.resizeObserver = new ResizeObserver((entries) => {
+      this.emit("sl-resize", { detail: { entries } });
+    });
+    if (!this.disabled) {
+      this.startObserver();
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.stopObserver();
+  }
+  handleSlotChange() {
+    if (!this.disabled) {
+      this.startObserver();
+    }
+  }
+  startObserver() {
+    const slot = this.shadowRoot.querySelector("slot");
+    if (slot !== null) {
+      const elements = slot.assignedElements({ flatten: true });
+      this.observedElements.forEach((el) => this.resizeObserver.unobserve(el));
+      this.observedElements = [];
+      elements.forEach((el) => {
+        this.resizeObserver.observe(el);
+        this.observedElements.push(el);
+      });
+    }
+  }
+  stopObserver() {
+    this.resizeObserver.disconnect();
+  }
+  handleDisabledChange() {
+    if (this.disabled) {
+      this.stopObserver();
+    } else {
+      this.startObserver();
+    }
+  }
+  render() {
+    return ke` <slot @slotchange=${this.handleSlotChange}></slot> `;
+  }
+};
+SlResizeObserver.styles = [component_styles_default, resize_observer_styles_default];
+__decorateClass([
+  n5({ type: Boolean, reflect: true })
+], SlResizeObserver.prototype, "disabled", 2);
+__decorateClass([
+  watch("disabled", { waitUntilFirstUpdate: true })
+], SlResizeObserver.prototype, "handleDisabledChange", 1);
+
 // ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.RWUUFNUL.js
 function getOffset(element, parent) {
   return {
@@ -6049,7 +6174,7 @@ function scrollIntoView(element, container, direction = "vertical", behavior = "
   }
 }
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.CLVNS6TL.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.SXFLAUBY.js
 var SlTabGroup = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -6058,9 +6183,13 @@ var SlTabGroup = class extends ShoelaceElement {
     this.focusableTabs = [];
     this.panels = [];
     this.hasScrollControls = false;
+    this.shouldHideScrollStartButton = false;
+    this.shouldHideScrollEndButton = false;
     this.placement = "top";
     this.activation = "auto";
     this.noScrollControls = false;
+    this.fixedScrollControls = false;
+    this.scrollOffset = 1;
   }
   connectedCallback() {
     const whenAllDefined = Promise.all([
@@ -6098,9 +6227,10 @@ var SlTabGroup = class extends ShoelaceElement {
     });
   }
   disconnectedCallback() {
+    var _a3, _b;
     super.disconnectedCallback();
-    this.mutationObserver.disconnect();
-    this.resizeObserver.unobserve(this.nav);
+    (_a3 = this.mutationObserver) == null ? void 0 : _a3.disconnect();
+    (_b = this.resizeObserver) == null ? void 0 : _b.unobserve(this.nav);
   }
   getAllTabs() {
     const slot = this.shadowRoot.querySelector('slot[name="nav"]');
@@ -6137,7 +6267,7 @@ var SlTabGroup = class extends ShoelaceElement {
       }
     }
     if (["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) {
-      const activeEl = this.tabs.find((t6) => t6.matches(":focus"));
+      const activeEl = this.tabs.find((t7) => t7.matches(":focus"));
       const isRtl = this.matches(":dir(rtl)");
       let nextTab = null;
       if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "sl-tab") {
@@ -6281,12 +6411,25 @@ var SlTabGroup = class extends ShoelaceElement {
     }
     return nextTab;
   }
+  updateScrollButtons() {
+    if (this.hasScrollControls && !this.fixedScrollControls) {
+      this.shouldHideScrollStartButton = this.scrollFromStart() <= this.scrollOffset;
+      this.shouldHideScrollEndButton = this.isScrolledToEnd();
+    }
+  }
+  isScrolledToEnd() {
+    return this.scrollFromStart() + this.nav.clientWidth >= this.nav.scrollWidth - this.scrollOffset;
+  }
+  scrollFromStart() {
+    return this.localize.dir() === "rtl" ? -this.nav.scrollLeft : this.nav.scrollLeft;
+  }
   updateScrollControls() {
     if (this.noScrollControls) {
       this.hasScrollControls = false;
     } else {
       this.hasScrollControls = ["top", "bottom"].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth + 1;
     }
+    this.updateScrollButtons();
   }
   syncIndicator() {
     const tab = this.getActiveTab();
@@ -6326,18 +6469,26 @@ var SlTabGroup = class extends ShoelaceElement {
                 <sl-icon-button
                   part="scroll-button scroll-button--start"
                   exportparts="base:scroll-button__base"
-                  class="tab-group__scroll-button tab-group__scroll-button--start"
+                  class=${Rt({
+      "tab-group__scroll-button": true,
+      "tab-group__scroll-button--start": true,
+      "tab-group__scroll-button--start--hidden": this.shouldHideScrollStartButton
+    })}
                   name=${isRtl ? "chevron-right" : "chevron-left"}
                   library="system"
+                  tabindex="-1"
+                  aria-hidden="true"
                   label=${this.localize.term("scrollToStart")}
                   @click=${this.handleScrollToStart}
                 ></sl-icon-button>
               ` : ""}
 
-          <div class="tab-group__nav">
+          <div class="tab-group__nav" @scrollend=${this.updateScrollButtons}>
             <div part="tabs" class="tab-group__tabs" role="tablist">
               <div part="active-tab-indicator" class="tab-group__indicator"></div>
-              <slot name="nav" @slotchange=${this.syncTabsAndPanels}></slot>
+              <sl-resize-observer @sl-resize=${this.syncIndicator}>
+                <slot name="nav" @slotchange=${this.syncTabsAndPanels}></slot>
+              </sl-resize-observer>
             </div>
           </div>
 
@@ -6345,9 +6496,15 @@ var SlTabGroup = class extends ShoelaceElement {
                 <sl-icon-button
                   part="scroll-button scroll-button--end"
                   exportparts="base:scroll-button__base"
-                  class="tab-group__scroll-button tab-group__scroll-button--end"
+                  class=${Rt({
+      "tab-group__scroll-button": true,
+      "tab-group__scroll-button--end": true,
+      "tab-group__scroll-button--end--hidden": this.shouldHideScrollEndButton
+    })}
                   name=${isRtl ? "chevron-left" : "chevron-right"}
                   library="system"
+                  tabindex="-1"
+                  aria-hidden="true"
                   label=${this.localize.term("scrollToEnd")}
                   @click=${this.handleScrollToEnd}
                 ></sl-icon-button>
@@ -6360,7 +6517,7 @@ var SlTabGroup = class extends ShoelaceElement {
   }
 };
 SlTabGroup.styles = [component_styles_default, tab_group_styles_default];
-SlTabGroup.dependencies = { "sl-icon-button": SlIconButton };
+SlTabGroup.dependencies = { "sl-icon-button": SlIconButton, "sl-resize-observer": SlResizeObserver };
 __decorateClass([
   e6(".tab-group")
 ], SlTabGroup.prototype, "tabGroup", 2);
@@ -6376,6 +6533,12 @@ __decorateClass([
 __decorateClass([
   r5()
 ], SlTabGroup.prototype, "hasScrollControls", 2);
+__decorateClass([
+  r5()
+], SlTabGroup.prototype, "shouldHideScrollStartButton", 2);
+__decorateClass([
+  r5()
+], SlTabGroup.prototype, "shouldHideScrollEndButton", 2);
 __decorateClass([
   n5()
 ], SlTabGroup.prototype, "placement", 2);
@@ -6385,6 +6548,12 @@ __decorateClass([
 __decorateClass([
   n5({ attribute: "no-scroll-controls", type: Boolean })
 ], SlTabGroup.prototype, "noScrollControls", 2);
+__decorateClass([
+  n5({ attribute: "fixed-scroll-controls", type: Boolean })
+], SlTabGroup.prototype, "fixedScrollControls", 2);
+__decorateClass([
+  t5({ passive: true })
+], SlTabGroup.prototype, "updateScrollButtons", 1);
 __decorateClass([
   watch("noScrollControls", { waitUntilFirstUpdate: true })
 ], SlTabGroup.prototype, "updateScrollControls", 1);
@@ -6392,6 +6561,63 @@ __decorateClass([
   watch("placement", { waitUntilFirstUpdate: true })
 ], SlTabGroup.prototype, "syncIndicator", 1);
 
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.RISKC4J7.js
+var debounce = (fn, delay) => {
+  let timerId = 0;
+  return function(...args) {
+    window.clearTimeout(timerId);
+    timerId = window.setTimeout(() => {
+      fn.call(this, ...args);
+    }, delay);
+  };
+};
+var decorate = (proto, method, decorateFn) => {
+  const superFn = proto[method];
+  proto[method] = function(...args) {
+    superFn.call(this, ...args);
+    decorateFn.call(this, superFn, ...args);
+  };
+};
+var isSupported = "onscrollend" in window;
+if (!isSupported) {
+  const pointers = /* @__PURE__ */ new Set();
+  const scrollHandlers = /* @__PURE__ */ new WeakMap();
+  const handlePointerDown = (event) => {
+    for (const touch of event.changedTouches) {
+      pointers.add(touch.identifier);
+    }
+  };
+  const handlePointerUp = (event) => {
+    for (const touch of event.changedTouches) {
+      pointers.delete(touch.identifier);
+    }
+  };
+  document.addEventListener("touchstart", handlePointerDown, true);
+  document.addEventListener("touchend", handlePointerUp, true);
+  document.addEventListener("touchcancel", handlePointerUp, true);
+  decorate(EventTarget.prototype, "addEventListener", function(addEventListener, type) {
+    if (type !== "scrollend")
+      return;
+    const handleScrollEnd = debounce(() => {
+      if (!pointers.size) {
+        this.dispatchEvent(new Event("scrollend"));
+      } else {
+        handleScrollEnd();
+      }
+    }, 100);
+    addEventListener.call(this, "scroll", handleScrollEnd, { passive: true });
+    scrollHandlers.set(this, handleScrollEnd);
+  });
+  decorate(EventTarget.prototype, "removeEventListener", function(removeEventListener, type) {
+    if (type !== "scrollend")
+      return;
+    const scrollHandler = scrollHandlers.get(this);
+    if (scrollHandler) {
+      removeEventListener.call(this, "scroll", scrollHandler, { passive: true });
+    }
+  });
+}
+
 // ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.LE3KWASX.js
 var tab_styles_default = i`
   :host {
@@ -6463,7 +6689,7 @@ var tab_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.ZCYUTMNY.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.PET5PMJP.js
 var id = 0;
 var SlTab = class extends ShoelaceElement {
   constructor() {
@@ -6570,7 +6796,7 @@ var tab_panel_styles_default = i`
   }
 `;
 
-// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.RULXOBUX.js
+// ../../node_modules/@shoelace-style/shoelace/dist/chunks/chunk.F3F3MIHY.js
 var id2 = 0;
 var SlTabPanel = class extends ShoelaceElement {
   constructor() {