@supersoniks/concorde 1.1.46 → 1.1.48

package/concorde-core.es.js

@@ -365,7 +365,6 @@ function isComplex(value) {
 const _PublisherProxy = class {
   constructor(target, parentProxPub) {
     this._proxies_ = /* @__PURE__ */ new Map();
-    this._key_ = "";
     this._is_savable_ = false;
     this._invalidateListeners_ = /* @__PURE__ */ new Set();
     this._assignListeners_ = /* @__PURE__ */ new Set();
@@ -1124,8 +1123,8 @@ function i$5(i2, n2) {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var n$7;
-const e$6 = null != (null === (n$7 = window.HTMLSlotElement) || void 0 === n$7 ? void 0 : n$7.prototype.assignedElements) ? (o2, n2) => o2.assignedElements(n2) : (o2, n2) => o2.assignedNodes(n2).filter((o3) => o3.nodeType === Node.ELEMENT_NODE);
+var n$6;
+const e$6 = null != (null === (n$6 = window.HTMLSlotElement) || void 0 === n$6 ? void 0 : n$6.prototype.assignedElements) ? (o2, n2) => o2.assignedElements(n2) : (o2, n2) => o2.assignedNodes(n2).filter((o3) => o3.nodeType === Node.ELEMENT_NODE);
 function l$6(n2) {
   const { slot: l2, selector: t2 } = null != n2 ? n2 : {};
   return o$a({ descriptor: (o2) => ({ get() {
@@ -1147,15 +1146,15 @@ function o$9(o2, n2, r2) {
     return null !== (t2 = null == n3 ? void 0 : n3.assignedNodes(l2)) && void 0 !== t2 ? t2 : [];
   }, enumerable: true, configurable: true }) });
 }
-var __defProp$18 = Object.defineProperty;
-var __getOwnPropDesc$18 = Object.getOwnPropertyDescriptor;
-var __decorateClass$18 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$18(target, key) : target;
+var __defProp$17 = Object.defineProperty;
+var __getOwnPropDesc$17 = Object.getOwnPropertyDescriptor;
+var __decorateClass$17 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$17(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$18(target, key, result);
+    __defProp$17(target, key, result);
   return result;
 };
 let keepDebugOnMouseOut = false;
@@ -1180,6 +1179,26 @@ const Subscriber$1 = (superClass, type) => {
         this.props = v2;
       };
     }
+    onConnected(callback) {
+      if (!this.connectedCallbackCalls)
+        this.connectedCallbackCalls = /* @__PURE__ */ new Set();
+      this.connectedCallbackCalls.add(callback);
+    }
+    onDisconnected(callback) {
+      if (!this.disconnectedCallbackCalls)
+        this.disconnectedCallbackCalls = /* @__PURE__ */ new Set();
+      this.disconnectedCallbackCalls.add(callback);
+    }
+    offConnected(callback) {
+      if (!this.connectedCallbackCalls)
+        this.connectedCallbackCalls = /* @__PURE__ */ new Set();
+      this.connectedCallbackCalls.delete(callback);
+    }
+    offDisconnected(callback) {
+      if (!this.disconnectedCallbackCalls)
+        this.disconnectedCallbackCalls = /* @__PURE__ */ new Set();
+      this.disconnectedCallbackCalls.delete(callback);
+    }
     hasAncestorAttribute(attributeName) {
       return this.getAncestorAttributeValue(attributeName) != null;
     }
@@ -1214,6 +1233,7 @@ const Subscriber$1 = (superClass, type) => {
         this.style.removeProperty("display");
     }
     connectedCallback() {
+      var _a2;
       _SubscriberElement.instanceCounter++;
       if (this.hasAttribute("lazyRendering")) {
         const options = {
@@ -1240,9 +1260,11 @@ const Subscriber$1 = (superClass, type) => {
         this.addDebugger();
       }
       super.connectedCallback();
+      (_a2 = this.connectedCallbackCalls) == null ? void 0 : _a2.forEach((cb) => cb(this));
     }
     disconnectedCallback() {
-      var _a2;
+      var _a2, _b;
+      (_a2 = this.disconnectedCallbackCalls) == null ? void 0 : _a2.forEach((cb) => cb(this));
       this.removeDebugger();
       super.disconnectedCallback();
       if (this.publisher) {
@@ -1252,7 +1274,7 @@ const Subscriber$1 = (superClass, type) => {
       if (this.wordingPublisher)
         this.wordingPublisher.stopTemplateFilling(this);
       if (this.onAssign)
-        (_a2 = this.publisher) == null ? void 0 : _a2.offAssign(this.onAssign);
+        (_b = this.publisher) == null ? void 0 : _b.offAssign(this.onAssign);
     }
     addDebugger() {
       var _a2;
@@ -1343,7 +1365,8 @@ const Subscriber$1 = (superClass, type) => {
       }
       if (!hasWording)
         return;
-      const publisher = PublisherManager$1.get("sonic-wording");
+      const publisher = PublisherManager$1.get("sonic-wording", { localStorageMode: "enabled" });
+      await PublisherManager$1.getInstance().isLocalStrorageReady;
       const wordingProvider = this.getAncestorAttributeValue("wordingProvider");
       const api2 = new API(this.getApiConfiguration());
       if (wordingProvider) {
@@ -1359,7 +1382,8 @@ const Subscriber$1 = (superClass, type) => {
           }
         }
         if (wordings.length > 0) {
-          const result = await api2.post(wordingProvider, { labels: wordings });
+          const calledURL = wordingProvider + "?labels[]=" + wordings.join("&labels[]=");
+          const result = await api2.get(calledURL);
           for (const elt in result) {
             publisher["wording_" + elt] = result[elt];
           }
@@ -1421,43 +1445,43 @@ const Subscriber$1 = (superClass, type) => {
   };
   let SubscriberElement = _SubscriberElement;
   SubscriberElement.instanceCounter = 0;
-  __decorateClass$18([
+  __decorateClass$17([
     e$7({ type: Boolean })
   ], SubscriberElement.prototype, "displayContents", 2);
-  __decorateClass$18([
+  __decorateClass$17([
     e$7({ type: Boolean })
   ], SubscriberElement.prototype, "noAutoFill", 2);
-  __decorateClass$18([
+  __decorateClass$17([
     e$7({ type: Boolean })
   ], SubscriberElement.prototype, "forceAutoFill", 2);
-  __decorateClass$18([
+  __decorateClass$17([
     e$7({ type: Object })
   ], SubscriberElement.prototype, "propertyMap", 2);
-  __decorateClass$18([
+  __decorateClass$17([
     e$7({ type: String, attribute: "data-title" })
   ], SubscriberElement.prototype, "title", 2);
-  __decorateClass$18([
+  __decorateClass$17([
     e$7({ reflect: true })
   ], SubscriberElement.prototype, "dataProvider", 2);
-  __decorateClass$18([
+  __decorateClass$17([
     e$7()
   ], SubscriberElement.prototype, "bindPublisher", 2);
-  __decorateClass$18([
+  __decorateClass$17([
     e$7()
   ], SubscriberElement.prototype, "props", 1);
   return SubscriberElement;
 };
 if (!window.SonicPublisherManager)
   window.SonicPublisherManager = PublisherManager$1;
-var __defProp$17 = Object.defineProperty;
-var __getOwnPropDesc$17 = Object.getOwnPropertyDescriptor;
-var __decorateClass$17 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$17(target, key) : target;
+var __defProp$16 = Object.defineProperty;
+var __getOwnPropDesc$16 = Object.getOwnPropertyDescriptor;
+var __decorateClass$16 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$16(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$17(target, key, result);
+    __defProp$16(target, key, result);
   return result;
 };
 const TemplatesContainer$1 = (superClass) => {
@@ -1484,7 +1508,7 @@ const TemplatesContainer$1 = (superClass) => {
       super.connectedCallback();
     }
   }
-  __decorateClass$17([
+  __decorateClass$16([
     e$7({ type: Array })
   ], TemplatesContainerElement.prototype, "templates", 2);
   return TemplatesContainerElement;
@@ -1494,7 +1518,7 @@ const TemplatesContainer$1 = (superClass) => {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$2 = window, e$5 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$6 = Symbol(), n$6 = /* @__PURE__ */ new WeakMap();
+const t$2 = window, e$5 = t$2.ShadowRoot && (void 0 === t$2.ShadyCSS || t$2.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$6 = Symbol(), n$5 = /* @__PURE__ */ new WeakMap();
 class o$8 {
   constructor(t2, e2, n2) {
     if (this._$cssResult$ = true, n2 !== s$6)
@@ -1506,7 +1530,7 @@ class o$8 {
     const s2 = this.t;
     if (e$5 && void 0 === t2) {
       const e2 = void 0 !== s2 && 1 === s2.length;
-      e2 && (t2 = n$6.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$6.set(s2, t2));
+      e2 && (t2 = n$5.get(s2)), void 0 === t2 && ((this.o = t2 = new CSSStyleSheet()).replaceSync(this.cssText), e2 && n$5.set(s2, t2));
     }
     return t2;
   }
@@ -1540,7 +1564,7 @@ const r$5 = (t2) => new o$8("string" == typeof t2 ? t2 : t2 + "", void 0, s$6),
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var s$5;
-const e$4 = window, r$4 = e$4.trustedTypes, h$3 = r$4 ? r$4.emptyScript : "", o$7 = e$4.reactiveElementPolyfillSupport, n$5 = { toAttribute(t2, i2) {
+const e$4 = window, r$4 = e$4.trustedTypes, h$3 = r$4 ? r$4.emptyScript : "", o$7 = e$4.reactiveElementPolyfillSupport, n$4 = { toAttribute(t2, i2) {
   switch (i2) {
     case Boolean:
       t2 = t2 ? h$3 : null;
@@ -1568,8 +1592,8 @@ const e$4 = window, r$4 = e$4.trustedTypes, h$3 = r$4 ? r$4.emptyScript : "", o$
       }
   }
   return s2;
-} }, a$3 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$5 = { attribute: true, type: String, converter: n$5, reflect: false, hasChanged: a$3 };
-class d$2 extends HTMLElement {
+} }, a$2 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$5 = { attribute: true, type: String, converter: n$4, reflect: false, hasChanged: a$2 };
+class d$1 extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$El = null, this.u();
   }
@@ -1673,7 +1697,7 @@ class d$2 extends HTMLElement {
     var e2;
     const r2 = this.constructor._$Ep(t2, s2);
     if (void 0 !== r2 && true === s2.reflect) {
-      const h2 = (void 0 !== (null === (e2 = s2.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s2.converter : n$5).toAttribute(i2, s2.type);
+      const h2 = (void 0 !== (null === (e2 = s2.converter) || void 0 === e2 ? void 0 : e2.toAttribute) ? s2.converter : n$4).toAttribute(i2, s2.type);
       this._$El = t2, null == h2 ? this.removeAttribute(r2) : this.setAttribute(r2, h2), this._$El = null;
     }
   }
@@ -1681,13 +1705,13 @@ class d$2 extends HTMLElement {
     var s2;
     const e2 = this.constructor, r2 = e2._$Ev.get(t2);
     if (void 0 !== r2 && this._$El !== r2) {
-      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s2 = t3.converter) || void 0 === s2 ? void 0 : s2.fromAttribute) ? t3.converter : n$5;
+      const t3 = e2.getPropertyOptions(r2), h2 = "function" == typeof t3.converter ? { fromAttribute: t3.converter } : void 0 !== (null === (s2 = t3.converter) || void 0 === s2 ? void 0 : s2.fromAttribute) ? t3.converter : n$4;
       this._$El = r2, this[r2] = h2.fromAttribute(i2, t3.type), this._$El = null;
     }
   }
   requestUpdate(t2, i2, s2) {
     let e2 = true;
-    void 0 !== t2 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || a$3)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), true === s2.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
+    void 0 !== t2 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || a$2)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), true === s2.reflect && this._$El !== t2 && (void 0 === this._$EC && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = true;
@@ -1748,14 +1772,14 @@ class d$2 extends HTMLElement {
   firstUpdated(t2) {
   }
 }
-d$2.finalized = true, d$2.elementProperties = /* @__PURE__ */ new Map(), d$2.elementStyles = [], d$2.shadowRootOptions = { mode: "open" }, null == o$7 || o$7({ ReactiveElement: d$2 }), (null !== (s$5 = e$4.reactiveElementVersions) && void 0 !== s$5 ? s$5 : e$4.reactiveElementVersions = []).push("1.6.1");
+d$1.finalized = true, d$1.elementProperties = /* @__PURE__ */ new Map(), d$1.elementStyles = [], d$1.shadowRootOptions = { mode: "open" }, null == o$7 || o$7({ ReactiveElement: d$1 }), (null !== (s$5 = e$4.reactiveElementVersions) && void 0 !== s$5 ? s$5 : e$4.reactiveElementVersions = []).push("1.6.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var t$1;
-const i$3 = window, s$4 = i$3.trustedTypes, e$3 = s$4 ? s$4.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$6 = `lit$${(Math.random() + "").slice(9)}$`, n$4 = "?" + o$6, l$4 = `<${n$4}>`, h$2 = document, r$3 = (t2 = "") => h$2.createComment(t2), d$1 = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u$2 = Array.isArray, c$3 = (t2) => u$2(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, a$2 = /-->/g, f$2 = />/g, _ = RegExp(`>|[ 	
+const i$3 = window, s$4 = i$3.trustedTypes, e$3 = s$4 ? s$4.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, o$6 = `lit$${(Math.random() + "").slice(9)}$`, n$3 = "?" + o$6, l$4 = `<${n$3}>`, h$2 = document, r$3 = (t2 = "") => h$2.createComment(t2), d = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u$2 = Array.isArray, c$3 = (t2) => u$2(t2) || "function" == typeof (null == t2 ? void 0 : t2[Symbol.iterator]), v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, a$1 = /-->/g, f$2 = />/g, _ = RegExp(`>|[ 	
 \f\r](?:([^\\s"'>=/]+)([ 	
 \f\r]*=[ 	
 \f\r]*(?:[^ 	
@@ -1766,7 +1790,7 @@ const i$3 = window, s$4 = i$3.trustedTypes, e$3 = s$4 ? s$4.createPolicy("lit-ht
     const s3 = t2[i3];
     let e2, u3, c2 = -1, g2 = 0;
     for (; g2 < s3.length && (d2.lastIndex = g2, u3 = d2.exec(s3), null !== u3); )
-      g2 = d2.lastIndex, d2 === v ? "!--" === u3[1] ? d2 = a$2 : void 0 !== u3[1] ? d2 = f$2 : void 0 !== u3[2] ? ($$1.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = _) : void 0 !== u3[3] && (d2 = _) : d2 === _ ? ">" === u3[0] ? (d2 = null != h2 ? h2 : v, c2 = -1) : void 0 === u3[1] ? c2 = -2 : (c2 = d2.lastIndex - u3[2].length, e2 = u3[1], d2 = void 0 === u3[3] ? _ : '"' === u3[3] ? p$2 : m$1) : d2 === p$2 || d2 === m$1 ? d2 = _ : d2 === a$2 || d2 === f$2 ? d2 = v : (d2 = _, h2 = void 0);
+      g2 = d2.lastIndex, d2 === v ? "!--" === u3[1] ? d2 = a$1 : void 0 !== u3[1] ? d2 = f$2 : void 0 !== u3[2] ? ($$1.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = _) : void 0 !== u3[3] && (d2 = _) : d2 === _ ? ">" === u3[0] ? (d2 = null != h2 ? h2 : v, c2 = -1) : void 0 === u3[1] ? c2 = -2 : (c2 = d2.lastIndex - u3[2].length, e2 = u3[1], d2 = void 0 === u3[3] ? _ : '"' === u3[3] ? p$2 : m$1) : d2 === p$2 || d2 === m$1 ? d2 = _ : d2 === a$1 || d2 === f$2 ? d2 = v : (d2 = _, h2 = void 0);
     const y2 = d2 === _ && t2[i3 + 1].startsWith("/>") ? " " : "";
     r2 += d2 === v ? s3 + l$4 : c2 >= 0 ? (n2.push(e2), s3.slice(0, c2) + "$lit$" + s3.slice(c2) + o$6 + y2) : s3 + o$6 + (-2 === c2 ? (n2.push(void 0), i3) : y2);
   }
@@ -1811,7 +1835,7 @@ class C {
           }
         }
       } else if (8 === l2.nodeType)
-        if (l2.data === n$4)
+        if (l2.data === n$3)
           c2.push({ type: 2, index: h2 });
         else {
           let t3 = -1;
@@ -1831,7 +1855,7 @@ function P(t2, i2, s2 = t2, e2) {
   if (i2 === x$1)
     return i2;
   let r2 = void 0 !== e2 ? null === (o2 = s2._$Co) || void 0 === o2 ? void 0 : o2[e2] : s2._$Cl;
-  const u2 = d$1(i2) ? void 0 : i2._$litDirective$;
+  const u2 = d(i2) ? void 0 : i2._$litDirective$;
   return (null == r2 ? void 0 : r2.constructor) !== u2 && (null === (n2 = null == r2 ? void 0 : r2._$AO) || void 0 === n2 || n2.call(r2, false), void 0 === u2 ? r2 = void 0 : (r2 = new u2(t2), r2._$AT(t2, s2, e2)), void 0 !== e2 ? (null !== (l2 = (h2 = s2)._$Co) && void 0 !== l2 ? l2 : h2._$Co = [])[e2] = r2 : s2._$Cl = r2), void 0 !== r2 && (i2 = P(t2, r2._$AS(t2, i2.values), r2, e2)), i2;
 }
 class V {
@@ -1885,7 +1909,7 @@ class N {
     return this._$AB;
   }
   _$AI(t2, i2 = this) {
-    t2 = P(this, t2, i2), d$1(t2) ? t2 === b$1 || null == t2 || "" === t2 ? (this._$AH !== b$1 && this._$AR(), this._$AH = b$1) : t2 !== this._$AH && t2 !== x$1 && this.g(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : c$3(t2) ? this.k(t2) : this.g(t2);
+    t2 = P(this, t2, i2), d(t2) ? t2 === b$1 || null == t2 || "" === t2 ? (this._$AH !== b$1 && this._$AR(), this._$AH = b$1) : t2 !== this._$AH && t2 !== x$1 && this.g(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : c$3(t2) ? this.k(t2) : this.g(t2);
   }
   O(t2, i2 = this._$AB) {
     return this._$AA.parentNode.insertBefore(t2, i2);
@@ -1894,7 +1918,7 @@ class N {
     this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
   }
   g(t2) {
-    this._$AH !== b$1 && d$1(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(h$2.createTextNode(t2)), this._$AH = t2;
+    this._$AH !== b$1 && d(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(h$2.createTextNode(t2)), this._$AH = t2;
   }
   $(t2) {
     var i2;
@@ -1944,12 +1968,12 @@ class S$1 {
     const o2 = this.strings;
     let n2 = false;
     if (void 0 === o2)
-      t2 = P(this, t2, i2, 0), n2 = !d$1(t2) || t2 !== this._$AH && t2 !== x$1, n2 && (this._$AH = t2);
+      t2 = P(this, t2, i2, 0), n2 = !d(t2) || t2 !== this._$AH && t2 !== x$1, n2 && (this._$AH = t2);
     else {
       const e3 = t2;
       let l2, h2;
       for (t2 = o2[0], l2 = 0; l2 < o2.length - 1; l2++)
-        h2 = P(this, e3[s2 + l2], i2, l2), h2 === x$1 && (h2 = this._$AH[l2]), n2 || (n2 = !d$1(h2) || h2 !== this._$AH[l2]), h2 === b$1 ? t2 = b$1 : t2 !== b$1 && (t2 += (null != h2 ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
+        h2 = P(this, e3[s2 + l2], i2, l2), h2 === x$1 && (h2 = this._$AH[l2]), n2 || (n2 = !d(h2) || h2 !== this._$AH[l2]), h2 === b$1 ? t2 = b$1 : t2 !== b$1 && (t2 += (null != h2 ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
     }
     n2 && !e2 && this.j(t2);
   }
@@ -2001,7 +2025,7 @@ class I {
     P(this, t2);
   }
 }
-const L = { P: "$lit$", A: o$6, M: n$4, C: 1, L: E, R: V, D: c$3, V: P, I: N, H: S$1, N: k, U: H, B: M, F: I }, z = i$3.litHtmlPolyfillSupport;
+const L = { P: "$lit$", A: o$6, M: n$3, C: 1, L: E, R: V, D: c$3, V: P, I: N, H: S$1, N: k, U: H, B: M, F: I }, z = i$3.litHtmlPolyfillSupport;
 null == z || z(C, N), (null !== (t$1 = i$3.litHtmlVersions) && void 0 !== t$1 ? t$1 : i$3.litHtmlVersions = []).push("2.6.1");
 const Z = (t2, i2, s2) => {
   var e2, o2;
@@ -2019,7 +2043,7 @@ const Z = (t2, i2, s2) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 var l$3, o$5;
-class s$3 extends d$2 {
+class s$3 extends d$1 {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -2045,21 +2069,21 @@ class s$3 extends d$2 {
   }
 }
 s$3.finalized = true, s$3._$litElement$ = true, null === (l$3 = globalThis.litElementHydrateSupport) || void 0 === l$3 || l$3.call(globalThis, { LitElement: s$3 });
-const n$3 = globalThis.litElementPolyfillSupport;
-null == n$3 || n$3({ LitElement: s$3 });
+const n$2 = globalThis.litElementPolyfillSupport;
+null == n$2 || n$2({ LitElement: s$3 });
 (null !== (o$5 = globalThis.litElementVersions) && void 0 !== o$5 ? o$5 : globalThis.litElementVersions = []).push("3.2.2");
-var __defProp$16 = Object.defineProperty;
-var __getOwnPropDesc$16 = Object.getOwnPropertyDescriptor;
-var __decorateClass$16 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$16(target, key) : target;
+var __defProp$15 = Object.defineProperty;
+var __getOwnPropDesc$15 = Object.getOwnPropertyDescriptor;
+var __decorateClass$15 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$15(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$16(target, key, result);
+    __defProp$15(target, key, result);
   return result;
 };
-const tagName$$ = "sonic-date";
+const tagName$_ = "sonic-date";
 let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
   constructor() {
     super(...arguments);
@@ -2119,9 +2143,6 @@ let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
         options
       );
       parts = format.formatRangeToParts(start, end);
-      if (this.designMode) {
-        parts.forEach((part) => part.hidden = part.value.trim() == ",");
-      }
       if (!isSameDay) {
         const to = parts.find(
           (part) => part.type == "literal" && part.source == "shared" && part.value.trim().length > 0
@@ -2131,12 +2152,22 @@ let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
           to.type = "to";
         }
         if (!this.designMode)
-          parts.unshift({ type: "from", value: this.duAu[0] + " ", source: "shared" });
+          parts.unshift({
+            type: "from",
+            value: this.duAu[0] + " ",
+            source: "shared"
+          });
       }
     } else {
-      const format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
+      const format = new Intl.DateTimeFormat(
+        this.language || this.pageLanguage,
+        options
+      );
       parts = format.formatToParts(start);
     }
+    if (this.designMode) {
+      parts.forEach((part) => part.hidden = part.value.trim() == ",");
+    }
     parts[0].value = Format$1.ucFirst(parts[0].value);
     return parts.filter((p2) => p2.hidden !== true);
   }
@@ -2192,65 +2223,65 @@ let SonicDate = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
     })}`;
   }
 };
-__decorateClass$16([
+__decorateClass$15([
   e$7()
 ], SonicDate.prototype, "wording_billet_periode_validite", 1);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: Boolean })
 ], SonicDate.prototype, "designMode", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "time_zone", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: Number })
 ], SonicDate.prototype, "date", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "date_string", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "start_date_string", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "end_date_string", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: Number })
 ], SonicDate.prototype, "start_date", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: Number })
 ], SonicDate.prototype, "end_date", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "era", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "year", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "month", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "day", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "weekday", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "hour", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "minute", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: String })
 ], SonicDate.prototype, "language", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: Boolean })
 ], SonicDate.prototype, "renderIf", 2);
-__decorateClass$16([
+__decorateClass$15([
   e$7({ type: Boolean })
 ], SonicDate.prototype, "now", 2);
-SonicDate = __decorateClass$16([
-  e$8(tagName$$)
+SonicDate = __decorateClass$15([
+  e$8(tagName$_)
 ], SonicDate);
 const _LocationHandler = class {
   static listen() {
@@ -2258,7 +2289,10 @@ const _LocationHandler = class {
     if (!_LocationHandler.listening) {
       return;
     }
-    const newURL = (_a2 = document.location) == null ? void 0 : _a2.href.replace(document.location.origin, "");
+    const newURL = (_a2 = document.location) == null ? void 0 : _a2.href.replace(
+      document.location.origin,
+      ""
+    );
     if (_LocationHandler.prevURL && _LocationHandler.prevURL != newURL) {
       _LocationHandler.prevURL = newURL;
       _LocationHandler.listeners.forEach((listener) => {
@@ -2335,8 +2369,9 @@ const _LocationHandler = class {
       document.location.href = to;
   }
   static updateComponentActiveState(component) {
-    if (component.autoActive == "disabled")
+    if (component.autoActive == "disabled") {
       return;
+    }
     if (component.href && component.href.indexOf("http") != 0) {
       const url1 = new URL(component.href, document.location.href);
       const url2 = new URL(component.location || "", document.location.origin);
@@ -2355,7 +2390,10 @@ const _LocationHandler = class {
 let LocationHandler$1 = _LocationHandler;
 LocationHandler$1.listeners = [];
 LocationHandler$1.listening = false;
-LocationHandler$1.prevURL = (_a = document.location) == null ? void 0 : _a.href.replace(document.location.origin, "");
+LocationHandler$1.prevURL = (_a = document.location) == null ? void 0 : _a.href.replace(
+  document.location.origin,
+  ""
+);
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -2413,15 +2451,15 @@ const i$1 = e$2(class extends i$2 {
     return x$1;
   }
 });
-var __defProp$15 = Object.defineProperty;
-var __getOwnPropDesc$15 = Object.getOwnPropertyDescriptor;
-var __decorateClass$15 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$15(target, key) : target;
+var __defProp$14 = Object.defineProperty;
+var __getOwnPropDesc$14 = Object.getOwnPropertyDescriptor;
+var __decorateClass$14 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$14(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$15(target, key, result);
+    __defProp$14(target, key, result);
   return result;
 };
 const keyboardLoops = /* @__PURE__ */ new Map();
@@ -2612,34 +2650,34 @@ const Form$2 = (superClass) => {
       }
     }
   }
-  __decorateClass$15([
+  __decorateClass$14([
     e$7({ type: Boolean, reflect: true })
   ], FormElement2.prototype, "touched", 2);
-  __decorateClass$15([
+  __decorateClass$14([
     e$7({ type: Boolean })
   ], FormElement2.prototype, "error", 2);
-  __decorateClass$15([
+  __decorateClass$14([
     e$7({ type: Boolean })
   ], FormElement2.prototype, "autofocus", 2);
-  __decorateClass$15([
+  __decorateClass$14([
     e$7({ type: Boolean })
   ], FormElement2.prototype, "required", 2);
-  __decorateClass$15([
+  __decorateClass$14([
     e$7()
   ], FormElement2.prototype, "forceAutoFill", 2);
-  __decorateClass$15([
+  __decorateClass$14([
     e$7({ type: Boolean })
   ], FormElement2.prototype, "disabled", 2);
-  __decorateClass$15([
+  __decorateClass$14([
     e$7({ type: String, attribute: "data-aria-label" })
   ], FormElement2.prototype, "ariaLabel", 2);
-  __decorateClass$15([
+  __decorateClass$14([
     e$7({ type: String, attribute: "data-aria-labelledby" })
   ], FormElement2.prototype, "ariaLabelledby", 2);
-  __decorateClass$15([
+  __decorateClass$14([
     e$7()
   ], FormElement2.prototype, "name", 1);
-  __decorateClass$15([
+  __decorateClass$14([
     e$7()
   ], FormElement2.prototype, "value", 1);
   return FormElement2;
@@ -2804,15 +2842,15 @@ window["concorde-utils"] = {
   PublisherManager,
   api
 };
-var __defProp$14 = Object.defineProperty;
-var __getOwnPropDesc$14 = Object.getOwnPropertyDescriptor;
-var __decorateClass$14 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$14(target, key) : target;
+var __defProp$13 = Object.defineProperty;
+var __getOwnPropDesc$13 = Object.getOwnPropertyDescriptor;
+var __decorateClass$13 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$13(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$14(target, key, result);
+    __defProp$13(target, key, result);
   return result;
 };
 const Form$1 = (superClass) => {
@@ -3053,22 +3091,22 @@ const Form$1 = (superClass) => {
       }
     }
   }
-  __decorateClass$14([
+  __decorateClass$13([
     e$7()
   ], FormCheckable2.prototype, "value", 1);
-  __decorateClass$14([
+  __decorateClass$13([
     e$7()
   ], FormCheckable2.prototype, "forceAutoFill", 2);
-  __decorateClass$14([
+  __decorateClass$13([
     e$7({ type: Boolean })
   ], FormCheckable2.prototype, "unique", 2);
-  __decorateClass$14([
+  __decorateClass$13([
     e$7({ type: Boolean })
   ], FormCheckable2.prototype, "radio", 2);
-  __decorateClass$14([
+  __decorateClass$13([
     e$7({ type: Boolean })
   ], FormCheckable2.prototype, "unCheckOnDisconnect", 2);
-  __decorateClass$14([
+  __decorateClass$13([
     e$7()
   ], FormCheckable2.prototype, "checked", 1);
   return FormCheckable2;
@@ -3080,18 +3118,18 @@ const Form$1 = (superClass) => {
  */
 const l$2 = (l2) => null != l2 ? l2 : b$1;
 const fontSize = i$4`:host{--sc-fs:1rem;--sc-lh:1.2;font-size:var(--sc-fs);line-height:var(--sc-lh)}:host([size="2xs"]){--sc-fs:0.625rem}:host([size=xs]){--sc-fs:0.75rem}:host([size=sm]){--sc-fs:0.875rem}:host([size=lg]){--sc-fs:1.125rem}:host([size=xl]){--sc-fs:1.25rem}:host([size="2xl"]){--sc-fs:1.5rem}`;
-var __defProp$13 = Object.defineProperty;
-var __getOwnPropDesc$13 = Object.getOwnPropertyDescriptor;
-var __decorateClass$13 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$13(target, key) : target;
+var __defProp$12 = Object.defineProperty;
+var __getOwnPropDesc$12 = Object.getOwnPropertyDescriptor;
+var __decorateClass$12 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$12(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$13(target, key, result);
+    __defProp$12(target, key, result);
   return result;
 };
-const tagName$_ = "sonic-button";
+const tagName$Z = "sonic-button";
 let Button = class extends Form$1(Form$2(Subscriber$1(s$3))) {
   constructor() {
     super(...arguments);
@@ -3117,7 +3155,6 @@ let Button = class extends Form$1(Form$2(Subscriber$1(s$3))) {
     this._href = value;
     if (this.href && this.href.indexOf("http") != 0) {
       LocationHandler$1.onChange(this);
-      this.location = document.location.href.replace(document.location.origin, "");
     } else
       LocationHandler$1.offChange(this);
     this.requestUpdate();
@@ -3166,7 +3203,12 @@ let Button = class extends Form$1(Form$2(Subscriber$1(s$3))) {
   }
   set location(value) {
     this._location = value;
-    LocationHandler$1.updateComponentActiveState(this);
+    this.requestUpdate();
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("location") || changedProperties.has("href") || changedProperties.has("autoActive")) {
+      LocationHandler$1.updateComponentActiveState(this);
+    }
   }
   render() {
     const btnStyles = {
@@ -3187,88 +3229,91 @@ let Button = class extends Form$1(Form$2(Subscriber$1(s$3))) {
 };
 Button.styles = [
   fontSize,
-  i$4`*{box-sizing:border-box}:host{--sc-btn-gap:0.35em;--sc-btn-py:0.25em;--sc-btn-px:1.1em;--sc-btn-fs:var(--sc-fs, 1rem);--sc-btn-fw:var(--sc-btn-font-weight);--sc-btn-ff:var(--sc-btn-font-family);--sc-btn-height:var(--sc-form-height);--btn-color:var(--sc-btn-color, var(--sc-base-content));--btn-bg:var(--sc-btn-bg, var(--sc-base-100));--sc-btn-border-style:solid;--sc-btn-border-width:var(--sc-form-border-width);--sc-btn-border-color:transparent;--btn-outline-bg-hover:var(--sc-btn-outline-bg-hover, var(--sc-base-100));--sc-btn-ghost-bg-hover:var(--sc-base-100);--sc-btn-active-color:var(--sc-base);--sc-btn-hover-filter:brightness(0.98);--sc-btn-active-filter:brightness(0.97);--sc-btn-active-bg:var(--sc-base-content);--sc-item-rounded-tr:var(--sc-btn-rounded);--sc-item-rounded-tl:var(--sc-btn-rounded);--sc-item-rounded-bl:var(--sc-btn-rounded);--sc-item-rounded-br:var(--sc-btn-rounded);display:inline-flex;vertical-align:middle;box-sizing:border-box;-webkit-print-color-adjust:exact}:host a{display:contents;color:unset}:host button{display:flex;flex:1;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--sc-btn-ff);font-weight:var(--sc-btn-fw);font-size:var(--sc-btn-fs);cursor:pointer;text-align:center;line-height:1.1;border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);background:var(--btn-bg);color:var(--btn-color);padding-top:var(--sc-btn-py);padding-bottom:var(--sc-btn-py);padding-left:var(--sc-btn-px);padding-right:var(--sc-btn-px);border:var(--sc-btn-border-width) var(--sc-btn-border-style) var(--sc-btn-border-color);min-height:var(--sc-btn-height)}:host button.has-prefix-or-suffix{gap:var(--sc-btn-gap)}:host button:focus,:host button:hover{filter:var(--sc-btn-hover-filter)}:host button:active{filter:var(--sc-btn-active-filter)}:host([type=default]) button{--btn-color:var(--sc-base-content);--btn-bg:var(--sc-base-100)}:host([type=primary]) button{--btn-color:var(--sc-primary-content);--btn-bg:var(--sc-primary)}:host([type=warning]) button{--btn-color:var(--sc-warning-content);--btn-bg:var(--sc-warning)}:host([type=danger]) button{--btn-color:var(--sc-danger-content);--btn-bg:var(--sc-danger)}:host([type=info]) button{--btn-color:var(--sc-info-content);--btn-bg:var(--sc-info)}:host([type=success]) button{--btn-color:var(--sc-success-content);--btn-bg:var(--sc-success)}:host([type=neutral]) button{--btn-color:var(--sc-base);--btn-bg:var(--sc-base-600)}:host([type=custom]) button{--btn-color:var(--sc-btn-custom-color);--btn-bg:var(--sc-btn-custom-bg)}:host([variant=unstyled]){display:inline-block}:host([variant=unstyled]) button{all:unset;display:contents;cursor:pointer;--sc-btn-height:auto;--sc-btn-width:auto}:host(:not([disabled])) button:focus{box-shadow:0 0 0 .18rem var(--sc-base-300);border-color:var(--sc-base-300)!important;outline:0}:host([variant=ghost][type]) button{color:var(--btn-bg);background:0 0}:host([variant=ghost][type=default]) button{color:var(--btn-color);background:0 0}:host([variant=ghost]) button:hover{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button:hover{filter:var(--sc-btn-hover-filter)}:host([variant=outline][type]) button{border-color:var(--btn-bg);color:var(--btn-bg);background:0 0}:host([variant=outline][type=default]) button{border-color:var(--sc-base-400);color:var(--sc-base-500);background:0 0}:host([variant=outline]) button:hover{background:var(--btn-outline-bg-hover)}:host([variant=link]:not([size])){vertical-align:baseline;margin-left:.25em;margin-right:.25em}:host([variant=link]:not([size])){font-size:inherit}:host([variant=link]) button{text-decoration:underline;padding:0;background:0 0;border:none;font-size:inherit;min-height:0;color:inherit}:host([variant=link][type]) button{color:var(--btn-bg)}:host([variant=link][type=default]) button{color:inherit}:host([variant=link]) button:focus,:host([variant=link]) button:hover{text-decoration:none}:host([shape=circle]) button{border-radius:50%}:host([shape=circle]) button,:host([shape=square]) button{width:var(--sc-btn-height);height:var(--sc-btn-height);padding:0;align-items:center;justify-content:0;text-align:center!important}:host([shape=block]),:host([shape=block]) button{width:100%}:host([disabled]){opacity:.3;pointer-events:none;user-select:none}:host([active]:not([variant=ghost]):not([variant=unstyled])) button{background:var(--sc-btn-active-bg);color:var(--sc-btn-active-color);border-color:var(--sc-btn-active-bg)}:host([align=left]) button{text-align:left}:host([align=right]) button{text-align:right}.main-slot{flex-grow:1;display:block}:host([minWidth]) .main-slot{flex-grow:0}slot[name=prefix],slot[name=suffix]{flex-shrink:0}::slotted(sonic-icon){min-width:1em;text-align:center}:host([icon]) ::slotted(sonic-icon){font-size:1.2em}sonic-tooltip{display:contents}:host(:not([active])) ::slotted([swap=on]){display:none!important}:host([active]) ::slotted([swap=off]){display:none!important}:host([loading]){pointer-events:none;position:relative}:host([loading]) slot{opacity:0!important;pointer-events:none}:host([loading]) .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;line-height:0;height:var(--sc-btn-ff);width:var(--sc-btn-ff);animation:rotation 2s infinite linear}@keyframes rotation{from{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(0)}to{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(359deg)}}`
+  i$4`*{box-sizing:border-box}:host{--sc-btn-gap:0.35em;--sc-btn-py:0.25em;--sc-btn-px:1.1em;--sc-btn-fs:var(--sc-fs, 1rem);--sc-btn-fw:var(--sc-btn-font-weight);--sc-btn-ff:var(--sc-btn-font-family);--sc-btn-height:var(--sc-form-height);--btn-color:var(--sc-btn-color, var(--sc-base-content));--btn-bg:var(--sc-btn-bg, var(--sc-base-100));--sc-btn-border-style:solid;--sc-btn-border-width:var(--sc-form-border-width);--sc-btn-border-color:transparent;--btn-outline-bg-hover:var(
+          --sc-btn-outline-bg-hover,
+          var(--sc-base-100)
+        );--sc-btn-ghost-bg-hover:var(--sc-base-100);--sc-btn-active-color:var(--sc-base);--sc-btn-hover-filter:brightness(0.98);--sc-btn-active-filter:brightness(0.97);--sc-btn-active-bg:var(--sc-base-content);--sc-item-rounded-tr:var(--sc-btn-rounded);--sc-item-rounded-tl:var(--sc-btn-rounded);--sc-item-rounded-bl:var(--sc-btn-rounded);--sc-item-rounded-br:var(--sc-btn-rounded);display:inline-flex;vertical-align:middle;box-sizing:border-box;-webkit-print-color-adjust:exact}:host a{display:contents;color:unset}:host button{display:flex;flex:1;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--sc-btn-ff);font-weight:var(--sc-btn-fw);font-size:var(--sc-btn-fs);cursor:pointer;text-align:center;line-height:1.1;border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);background:var(--btn-bg);color:var(--btn-color);padding-top:var(--sc-btn-py);padding-bottom:var(--sc-btn-py);padding-left:var(--sc-btn-px);padding-right:var(--sc-btn-px);border:var(--sc-btn-border-width) var(--sc-btn-border-style) var(--sc-btn-border-color);min-height:var(--sc-btn-height)}:host button.has-prefix-or-suffix{gap:var(--sc-btn-gap)}:host button:focus,:host button:hover{filter:var(--sc-btn-hover-filter)}:host button:active{filter:var(--sc-btn-active-filter)}:host([type=default]) button{--btn-color:var(--sc-base-content);--btn-bg:var(--sc-base-100)}:host([type=primary]) button{--btn-color:var(--sc-primary-content);--btn-bg:var(--sc-primary)}:host([type=warning]) button{--btn-color:var(--sc-warning-content);--btn-bg:var(--sc-warning)}:host([type=danger]) button{--btn-color:var(--sc-danger-content);--btn-bg:var(--sc-danger)}:host([type=info]) button{--btn-color:var(--sc-info-content);--btn-bg:var(--sc-info)}:host([type=success]) button{--btn-color:var(--sc-success-content);--btn-bg:var(--sc-success)}:host([type=neutral]) button{--btn-color:var(--sc-base);--btn-bg:var(--sc-base-600)}:host([type=custom]) button{--btn-color:var(--sc-btn-custom-color);--btn-bg:var(--sc-btn-custom-bg)}:host([variant=unstyled]){display:inline-block}:host([variant=unstyled]) button{all:unset;display:contents;cursor:pointer;--sc-btn-height:auto;--sc-btn-width:auto}:host(:not([disabled])) button:focus{box-shadow:0 0 0 .18rem var(--sc-base-300);border-color:var(--sc-base-300)!important;outline:0}:host([variant=ghost][type]) button{color:var(--btn-bg);background:0 0}:host([variant=ghost][type=default]) button{color:var(--btn-color);background:0 0}:host([variant=ghost]) button:hover{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button{background:var(--sc-btn-ghost-bg-hover);filter:none}:host([active][variant=ghost]) button:hover{filter:var(--sc-btn-hover-filter)}:host([variant=outline][type]) button{border-color:var(--btn-bg);color:var(--btn-bg);background:0 0}:host([variant=outline][type=default]) button{border-color:var(--sc-base-400);color:var(--sc-base-500);background:0 0}:host([variant=outline]) button:hover{background:var(--btn-outline-bg-hover)}:host([variant=link]:not([size])){vertical-align:baseline;margin-left:.25em;margin-right:.25em}:host([variant=link]:not([size])){font-size:inherit}:host([variant=link]) button{text-decoration:underline;padding:0;background:0 0;border:none;font-size:inherit;min-height:0;color:inherit}:host([variant=link][type]) button{color:var(--btn-bg)}:host([variant=link][type=default]) button{color:inherit}:host([variant=link]) button:focus,:host([variant=link]) button:hover{text-decoration:none}:host([shape=circle]) button{border-radius:50%}:host([shape=circle]) button,:host([shape=square]) button{width:var(--sc-btn-height);height:var(--sc-btn-height);padding:0;align-items:center;justify-content:0;text-align:center!important}:host([shape=block]),:host([shape=block]) button{width:100%}:host([disabled]){opacity:.3;pointer-events:none;user-select:none}:host([active]:not([variant=ghost]):not([variant=unstyled])) button{background:var(--sc-btn-active-bg);color:var(--sc-btn-active-color);border-color:var(--sc-btn-active-bg)}:host([align=left]) button{text-align:left}:host([align=right]) button{text-align:right}.main-slot{flex-grow:1;display:block}:host([minWidth]) .main-slot{flex-grow:0}slot[name=prefix],slot[name=suffix]{flex-shrink:0}::slotted(sonic-icon){min-width:1em;text-align:center}:host([icon]) ::slotted(sonic-icon){font-size:1.2em;vertical-align:middle}sonic-tooltip{display:contents}:host(:not([active])) ::slotted([swap=on]){display:none!important}:host([active]) ::slotted([swap=off]){display:none!important}:host([loading]){pointer-events:none;position:relative}:host([loading]) slot{opacity:0!important;pointer-events:none}:host([loading]) .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;line-height:0;height:var(--sc-btn-ff);width:var(--sc-btn-ff);animation:rotation 2s infinite linear}@keyframes rotation{from{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(0)}to{transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(359deg)}}`
 ];
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String, reflect: true })
 ], Button.prototype, "type", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String, reflect: true })
 ], Button.prototype, "variant", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String, reflect: true })
 ], Button.prototype, "size", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String, reflect: true })
 ], Button.prototype, "shape", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String })
 ], Button.prototype, "direction", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String, reflect: true })
 ], Button.prototype, "alignItems", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String })
 ], Button.prototype, "justify", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String, reflect: true })
 ], Button.prototype, "align", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String })
 ], Button.prototype, "minWidth", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: Boolean, reflect: true })
 ], Button.prototype, "icon", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String })
 ], Button.prototype, "autoActive", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: Boolean, reflect: true })
 ], Button.prototype, "loading", 2);
-__decorateClass$13([
+__decorateClass$12([
   t$3()
 ], Button.prototype, "hasPrefix", 2);
-__decorateClass$13([
+__decorateClass$12([
   t$3()
 ], Button.prototype, "hasSuffix", 2);
-__decorateClass$13([
+__decorateClass$12([
   l$6({ flatten: true, slot: "prefix" })
 ], Button.prototype, "prefixes", 2);
-__decorateClass$13([
+__decorateClass$12([
   l$6({ flatten: true, slot: "suffix" })
 ], Button.prototype, "suffixes", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String })
 ], Button.prototype, "target", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String })
 ], Button.prototype, "href", 1);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: String })
 ], Button.prototype, "goBack", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: Boolean })
 ], Button.prototype, "pushState", 2);
-__decorateClass$13([
+__decorateClass$12([
   e$7({ type: Boolean, reflect: true })
 ], Button.prototype, "active", 2);
-Button = __decorateClass$13([
-  e$8(tagName$_)
+Button = __decorateClass$12([
+  e$8(tagName$Z)
 ], Button);
 const inline = i$4`:host([align=left]) .sonic-loader--inline{margin-left:0}:host([align=right]) .sonic-loader--inline{margin-left:auto;margin-right:0}.sonic-loader--inline{display:block;position:relative;width:80px;height:80px;margin:auto;z-index:20}.sonic-loader--inline div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--sc-loader-bg);animation-timing-function:cubic-bezier(0,1,1,0)}.sonic-loader--inline div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.sonic-loader--inline div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.sonic-loader--inline div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.sonic-loader--inline div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}`;
 const fixed = i$4`@keyframes sonic-loader--fixed{0%{transform:scale(0);opacity:0}5%{opacity:1}70%{opacity:90%}100%{transform:scale(1);opacity:0}}.sonic-loader--fixed{position:fixed;top:50%;left:50%;transform:transateY(-50%) translateX(-50%);z-index:999}.sonic-loader--fixed>div:nth-child(2){animation-delay:-.5s}.sonic-loader--fixed>div:nth-child(3){animation-delay:-.2s}.sonic-loader--fixed>div:nth-child(4){display:none!important}.sonic-loader--fixed>div{background-color:var(--sc-loader-bg);width:5rem;height:5rem;border-radius:100%;margin:2px;animation-fill-mode:both;position:absolute;top:0;opacity:0;margin:0;top:-2.5rem;left:-2.5rem;width:5rem;height:5rem;animation:sonic-loader--fixed 1s 0s linear infinite}`;
-var __defProp$12 = Object.defineProperty;
-var __getOwnPropDesc$12 = Object.getOwnPropertyDescriptor;
-var __decorateClass$12 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$12(target, key) : target;
+var __defProp$11 = Object.defineProperty;
+var __getOwnPropDesc$11 = Object.getOwnPropertyDescriptor;
+var __decorateClass$11 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$11(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$12(target, key, result);
+    __defProp$11(target, key, result);
   return result;
 };
-const tagName$Z = "sonic-loader";
+const tagName$Y = "sonic-loader";
 let Loader = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -3306,18 +3351,18 @@ Loader.styles = [
   i$4`:host{--sc-loader-bg:var(--sc-primary, currentColor);pointer-events:none}.sonic-loader{opacity:0;animation:showLoader .5s .5s forwards}.sonic-loader--inline{animation-delay:0s}@keyframes showLoader{0%{opacity:0}100%{opacity:1}}`
 ];
 Loader.callCounter = 0;
-__decorateClass$12([
+__decorateClass$11([
   e$7({ type: String })
 ], Loader.prototype, "mode", 2);
-Loader = __decorateClass$12([
-  e$8(tagName$Z)
+Loader = __decorateClass$11([
+  e$8(tagName$Y)
 ], Loader);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: l$1 } = L, n$2 = (o2, l2) => void 0 === l2 ? void 0 !== (null == o2 ? void 0 : o2._$litType$) : (null == o2 ? void 0 : o2._$litType$) === l2, e$1 = (o2) => void 0 === o2.strings, c$2 = () => document.createComment(""), r$2 = (o2, t2, i2) => {
+const { I: l$1 } = L, e$1 = (o2) => void 0 === o2.strings, c$2 = () => document.createComment(""), r$2 = (o2, t2, i2) => {
   var n2;
   const d2 = o2._$AA.parentNode, v2 = void 0 === t2 ? o2._$AB : t2._$AA;
   if (void 0 === i2) {
@@ -3347,8 +3392,6 @@ const { I: l$1 } = L, n$2 = (o2, l2) => void 0 === l2 ? void 0 !== (null == o2 ?
     const o3 = t2.nextSibling;
     t2.remove(), t2 = o3;
   }
-}, a$1 = (o2) => {
-  o2._$AR();
 };
 /**
  * @license
@@ -3834,18 +3877,18 @@ Icons.fontAwesomeNext = {
   }
 };
 Icons.default = _Icons.fontAwesomeNext;
-var __defProp$11 = Object.defineProperty;
-var __getOwnPropDesc$11 = Object.getOwnPropertyDescriptor;
-var __decorateClass$11 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$11(target, key) : target;
+var __defProp$10 = Object.defineProperty;
+var __getOwnPropDesc$10 = Object.getOwnPropertyDescriptor;
+var __decorateClass$10 = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$10(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$11(target, key, result);
+    __defProp$10(target, key, result);
   return result;
 };
-const tagName$Y = "sonic-icon";
+const tagName$X = "sonic-icon";
 let Icon = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -3899,28 +3942,28 @@ let Icon = class extends s$3 {
   }
 };
 Icon.styles = i$4`:host{line-height:0;width:fit-content;height:fit-content;vertical-align:-.125em}svg{height:var(--sc-icon-size,1em);width:var(--sc-icon-size,1em)}svg:not([fill=none]){fill:currentColor}svg[fill=none]{stroke-width:2}:host([size="2xs"]) svg{--sc-icon-size:0.625em}:host([size=xs]) svg{--sc-icon-size:0.75em}:host([size=sm]) svg{--sc-icon-size:0.875em}:host([size=lg]) svg{--sc-icon-size:1.25em}:host([size=xl]) svg{--sc-icon-size:1.5em}:host([size="2xl"]) svg{--sc-icon-size:2em}:host([size="3xl"]) svg{--sc-icon-size:2.8em}`;
-__decorateClass$11([
+__decorateClass$10([
   e$7({ type: String })
 ], Icon.prototype, "name", 1);
-__decorateClass$11([
+__decorateClass$10([
   e$7({ type: String })
 ], Icon.prototype, "prefix", 1);
-__decorateClass$11([
+__decorateClass$10([
   e$7({ type: String })
 ], Icon.prototype, "library", 1);
-Icon = __decorateClass$11([
-  e$8(tagName$Y)
+Icon = __decorateClass$10([
+  e$8(tagName$X)
 ], Icon);
 const customScroll = i$4`.custom-scroll{overflow:auto!important;overflow-y:overlay!important}.custom-scroll::-webkit-scrollbar{width:.5rem;height:.5rem;border:solid .15rem transparent;border-radius:var(--sc-rounded);background:0 0}.custom-scroll::-webkit-scrollbar-thumb{box-shadow:inset 0 0 2rem 2rem var(--sc-scrollbar-bg);border-radius:var(--sc-rounded);border:solid .15rem transparent}`;
-var __defProp$10 = Object.defineProperty;
-var __getOwnPropDesc$10 = Object.getOwnPropertyDescriptor;
-var __decorateClass$10 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$10(target, key) : target;
+var __defProp$$ = Object.defineProperty;
+var __getOwnPropDesc$$ = Object.getOwnPropertyDescriptor;
+var __decorateClass$$ = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$$(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$10(target, key, result);
+    __defProp$$(target, key, result);
   return result;
 };
 const icon$1 = {
@@ -3929,7 +3972,7 @@ const icon$1 = {
   error: "warning-circled-outline",
   info: "info-empty"
 };
-const tagName$X = "sonic-toast-item";
+const tagName$W = "sonic-toast-item";
 let SonicToastItem = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -3981,48 +4024,48 @@ SonicToastItem.styles = [
   customScroll,
   i$4`*{box-sizing:border-box}:host{display:block;pointer-events:auto;position:relative;--sc-toast-status-color:transparent;--sc-toast-color:var(--sc-base-content);--sc-toast-bg:var(--sc-base);--sc-toast-rounded:var(--sc-rounded-md);--sc-toast-shadow:var(--sc-shadow-lg)}.fixed-area{position:fixed;bottom:1.25rem;right:1.25rem;z-index:10000;display:flex;flex-direction:column-reverse}.sonic-toast{position:relative;pointer-events:auto;overflow:hidden;line-height:1.25;color:var(--sc-toast-color);box-shadow:var(--sc-toast-shadow);border-radius:var(--sc-toast-rounded);background:var(--sc-toast-bg)}.sonic-toast-content{padding:1em 2.5rem 1em 1em;display:flex;gap:.5rem;overflow:auto;position:relative}.sonic-toast-text{align-self:center;margin-top:auto;margin-bottom:auto;max-width:70ch;line-height:1.2}.sonic-toast-text a,::slotted(a:not(.btn)){color:inherit!important;text-decoration:underline!important;text-underline-offset:.15rem}.sonic-toast-text :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6),::slotted(:is(p,ul,ol,hr,h1,h2,h3,h4,h5,h6)){margin:0 0 .3em!important}.sonic-toast-text li,::slotted(li){margin-bottom:.15em!important}.sonic-toast-text>:is(p,ul,ol,hr,h1,h2,h3,h4,h5,h6):last-child,::slotted(:is(p,ul,ol,hr,h1,h2,h3,h4,h5,h6):last-child){margin-bottom:0!important}.sonic-toast-close{all:unset;position:absolute;z-index:4;pointer-events:initial;right:.5em;top:.5em;width:1.5rem;height:1.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;text-align:center;opacity:.5;background:rgba(0,0,0,0)}.sonic-toast-close:focus,.sonic-toast-close:hover{opacity:1;background:rgba(0,0,0,.075)}.sonic-toast-close svg{width:1rem;height:1rem;object-fit:contain;object-position:center center}.sonic-toast-title{font-weight:700;font-size:1.15rem;margin:.15em 0 .25em;line-height:1.2}.success{--sc-toast-status-color:var(--sc-success);--sc-toast-title-color:var(--sc-toast-status-color)}.error{--sc-toast-status-color:var(--sc-danger);--sc-toast-title-color:var(--sc-toast-status-color)}.warning{--sc-toast-status-color:var(--sc-warning);--sc-toast-title-color:var(--sc-toast-status-color)}.info{--sc-toast-status-color:var(--sc-info);--sc-toast-title-color:var(--sc-toast-status-color)}.error,.info,.success,.warning{border-top:3px solid var(--sc-toast-status-color,currentColor)}.sonic-toast:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;opacity:.05;pointer-events:none;transition:.2s;border-radius:var(--sc-toast-rounded);background-color:var(--sc-toast-status-color)}.sonic-toast:hover:before{opacity:.025}.error .sonic-toast-icon,.info .sonic-toast-icon,.success .sonic-toast-icon,.warning .sonic-toast-icon{color:var(--sc-toast-status-color,currentColor)}.sonic-toast-icon{position:sticky;top:0}.ghost{opacity:.85;pointer-events:none}`
 ];
-__decorateClass$10([
+__decorateClass$$([
   e$7({ type: String })
 ], SonicToastItem.prototype, "title", 2);
-__decorateClass$10([
+__decorateClass$$([
   e$7({ type: String })
 ], SonicToastItem.prototype, "id", 2);
-__decorateClass$10([
+__decorateClass$$([
   e$7({ type: String })
 ], SonicToastItem.prototype, "text", 2);
-__decorateClass$10([
+__decorateClass$$([
   e$7({ type: String })
 ], SonicToastItem.prototype, "status", 2);
-__decorateClass$10([
+__decorateClass$$([
   e$7({ type: Boolean })
 ], SonicToastItem.prototype, "ghost", 2);
-__decorateClass$10([
+__decorateClass$$([
   e$7({ type: Boolean })
 ], SonicToastItem.prototype, "preserve", 2);
-__decorateClass$10([
+__decorateClass$$([
   e$7({ type: Boolean })
 ], SonicToastItem.prototype, "dismissForever", 2);
-__decorateClass$10([
+__decorateClass$$([
   e$7({ type: String })
 ], SonicToastItem.prototype, "maxHeight", 2);
-__decorateClass$10([
+__decorateClass$$([
   t$3()
 ], SonicToastItem.prototype, "visible", 2);
-SonicToastItem = __decorateClass$10([
-  e$8(tagName$X)
+SonicToastItem = __decorateClass$$([
+  e$8(tagName$W)
 ], SonicToastItem);
-var __defProp$$ = Object.defineProperty;
-var __getOwnPropDesc$$ = Object.getOwnPropertyDescriptor;
-var __decorateClass$$ = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$$(target, key) : target;
+var __defProp$_ = Object.defineProperty;
+var __getOwnPropDesc$_ = Object.getOwnPropertyDescriptor;
+var __decorateClass$_ = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$_(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$$(target, key, result);
+    __defProp$_(target, key, result);
   return result;
 };
-const tagName$W = "sonic-toast";
+const tagName$V = "sonic-toast";
 let SonicToast$1 = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -4137,24 +4180,24 @@ let SonicToast$1 = class extends s$3 {
     });
   }
 };
-__decorateClass$$([
+__decorateClass$_([
   e$7({ type: Array })
 ], SonicToast$1.prototype, "toasts", 2);
-SonicToast$1 = __decorateClass$$([
-  e$8(tagName$W)
+SonicToast$1 = __decorateClass$_([
+  e$8(tagName$V)
 ], SonicToast$1);
 if (typeof window !== "undefined") {
   window.SonicToast = SonicToast$1;
 }
-var __defProp$_ = Object.defineProperty;
-var __getOwnPropDesc$_ = Object.getOwnPropertyDescriptor;
-var __decorateClass$_ = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$_(target, key) : target;
+var __defProp$Z = Object.defineProperty;
+var __getOwnPropDesc$Z = Object.getOwnPropertyDescriptor;
+var __decorateClass$Z = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Z(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$_(target, key, result);
+    __defProp$Z(target, key, result);
   return result;
 };
 const Fetcher$1 = (superClass, propsType) => {
@@ -4286,10 +4329,14 @@ const Fetcher$1 = (superClass, propsType) => {
       };
       this.iObserver = new IntersectionObserver((entries) => this.onIntersection(entries), options);
       let elt = this.shadowRoot ? this.shadowRoot.children[0] : this.children[0];
-      if (elt && elt.nodeName.toLocaleLowerCase() == "slot")
+      if ((elt == null ? void 0 : elt.nodeName.toLocaleLowerCase()) == "slot")
         elt = elt.children[0];
       if (!elt || elt.nodeName.toLocaleLowerCase() == "template") {
         elt = document.createElement("span");
+        const style = elt.style;
+        style.position = "absolute";
+        style.pointerEvents = "none";
+        this.lazyLoadSpan = elt;
         this.appendChild(elt);
       }
       if (elt) {
@@ -4299,42 +4346,44 @@ const Fetcher$1 = (superClass, propsType) => {
       }
     }
     onIntersection(entries) {
-      var _a2;
+      var _a2, _b;
       for (const e2 of entries) {
         if (e2.isIntersecting && this.isFirstLoad) {
           this._fetchData();
-          (_a2 = this.iObserver) == null ? void 0 : _a2.disconnect();
+          (_a2 = this.lazyLoadSpan) == null ? void 0 : _a2.remove();
+          this.lazyLoadSpan = void 0;
+          (_b = this.iObserver) == null ? void 0 : _b.disconnect();
           break;
         }
       }
     }
   }
-  __decorateClass$_([
+  __decorateClass$Z([
     e$7()
   ], FetcherElement.prototype, "props", 1);
-  __decorateClass$_([
+  __decorateClass$Z([
     e$7({ type: String })
   ], FetcherElement.prototype, "endPoint", 1);
-  __decorateClass$_([
+  __decorateClass$Z([
     e$7()
   ], FetcherElement.prototype, "requestId", 2);
-  __decorateClass$_([
+  __decorateClass$Z([
     e$7({ type: Number })
   ], FetcherElement.prototype, "refetchEveryMs", 2);
   return FetcherElement;
 };
-var __defProp$Z = Object.defineProperty;
-var __getOwnPropDesc$Z = Object.getOwnPropertyDescriptor;
-var __decorateClass$Z = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Z(target, key) : target;
+var __defProp$Y = Object.defineProperty;
+var __getOwnPropDesc$Y = Object.getOwnPropertyDescriptor;
+var __decorateClass$Y = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Y(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$Z(target, key, result);
+    __defProp$Y(target, key, result);
   return result;
 };
-const tagName$V = "sonic-fetch";
+const tagName$U = "sonic-fetch";
 let Fetch = class extends Fetcher$1(Subscriber$1(s$3)) {
   render() {
     return y`<slot></slot>`;
@@ -4343,21 +4392,21 @@ let Fetch = class extends Fetcher$1(Subscriber$1(s$3)) {
 Fetch.styles = [
   i$4`:host{display:contents}`
 ];
-Fetch = __decorateClass$Z([
-  e$8(tagName$V)
+Fetch = __decorateClass$Y([
+  e$8(tagName$U)
 ], Fetch);
-var __defProp$Y = Object.defineProperty;
-var __getOwnPropDesc$Y = Object.getOwnPropertyDescriptor;
-var __decorateClass$Y = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Y(target, key) : target;
+var __defProp$X = Object.defineProperty;
+var __getOwnPropDesc$X = Object.getOwnPropertyDescriptor;
+var __decorateClass$X = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$X(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$Y(target, key, result);
+    __defProp$X(target, key, result);
   return result;
 };
-const tagName$U = "sonic-if";
+const tagName$T = "sonic-if";
 let SonicIF = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -4370,11 +4419,11 @@ let SonicIF = class extends s$3 {
   }
 };
 SonicIF.styles = i$4`:host{display:contents}`;
-__decorateClass$Y([
+__decorateClass$X([
   e$7({ type: Boolean })
 ], SonicIF.prototype, "condition", 2);
-SonicIF = __decorateClass$Y([
-  e$8(tagName$U)
+SonicIF = __decorateClass$X([
+  e$8(tagName$T)
 ], SonicIF);
 /**
  * @license
@@ -4390,18 +4439,18 @@ const o$2 = e$2(class extends i$2 {
     return this.ft === r2 ? x$1 : (this.ft = r2, document.importNode(r2.content, true));
   }
 });
-var __defProp$X = Object.defineProperty;
-var __getOwnPropDesc$X = Object.getOwnPropertyDescriptor;
-var __decorateClass$X = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$X(target, key) : target;
+var __defProp$W = Object.defineProperty;
+var __getOwnPropDesc$W = Object.getOwnPropertyDescriptor;
+var __decorateClass$W = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$W(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$X(target, key, result);
+    __defProp$W(target, key, result);
   return result;
 };
-const tagName$T = "sonic-subscriber";
+const tagName$S = "sonic-subscriber";
 let SonicSubscriber = class extends Subscriber$1(s$3) {
   constructor() {
     super(...arguments);
@@ -4422,21 +4471,21 @@ let SonicSubscriber = class extends Subscriber$1(s$3) {
     return y`<slot></slot>`;
   }
 };
-SonicSubscriber = __decorateClass$X([
-  e$8(tagName$T)
+SonicSubscriber = __decorateClass$W([
+  e$8(tagName$S)
 ], SonicSubscriber);
-var __defProp$W = Object.defineProperty;
-var __getOwnPropDesc$W = Object.getOwnPropertyDescriptor;
-var __decorateClass$W = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$W(target, key) : target;
+var __defProp$V = Object.defineProperty;
+var __getOwnPropDesc$V = Object.getOwnPropertyDescriptor;
+var __decorateClass$V = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$V(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$W(target, key, result);
+    __defProp$V(target, key, result);
   return result;
 };
-const tagName$S = "sonic-list";
+const tagName$R = "sonic-list";
 let List = class extends Fetcher$1(Subscriber$1(TemplatesContainer$1(s$3))) {
   constructor() {
     super(...arguments);
@@ -4520,29 +4569,39 @@ let List = class extends Fetcher$1(Subscriber$1(TemplatesContainer$1(s$3))) {
         return b$1;
       if (typeof key != "string" && typeof key != "number")
         return b$1;
-      const pub = this.publisher[key];
-      pub._key_ = key + "";
+      const isLastChild = index >= length - 1;
+      const indexMod2 = index % 2;
+      const childPublisher = this.publisher[key];
+      childPublisher._key_ = key + "";
+      childPublisher._metadata_ = {
+        ...childPublisher._metadata_.get(),
+        key,
+        even: indexMod2 == 0,
+        odd: indexMod2 == 1,
+        onlyChild: length == 1,
+        firstChild: index == 0,
+        lastChild: isLastChild
+      };
       counter++;
-      const isNotLast = index < length - 1;
       if (templatePart)
         counter = -1;
       return item && y`<sonic-subscriber ?debug="${this.defferedDebug === true}" .bindPublisher="${function() {
-        return pub;
-      }}" .propertyMap?="${this.itemPropertyMap}" dataProvider="${this.dataProvider}/list-item/${key}">${templatePart ? o$2(templatePart) : o$2(this.templateList[counter % templateCount])}</sonic-subscriber>${separator && isNotLast ? o$2(separator) : b$1}`;
+        return childPublisher;
+      }}" .propertyMap?="${this.itemPropertyMap}" dataProvider="${this.dataProvider}/list-item/${key}">${templatePart ? o$2(templatePart) : o$2(this.templateList[counter % templateCount])}</sonic-subscriber>${separator && !isLastChild ? o$2(separator) : b$1}`;
     })}`;
   }
 };
-__decorateClass$W([
+__decorateClass$V([
   e$7({ type: Object })
 ], List.prototype, "itemPropertyMap", 2);
-__decorateClass$W([
+__decorateClass$V([
   e$7({ type: String })
 ], List.prototype, "templateKey", 2);
-__decorateClass$W([
+__decorateClass$V([
   e$7({ type: String })
 ], List.prototype, "idKey", 2);
-List = __decorateClass$W([
-  e$8(tagName$S)
+List = __decorateClass$V([
+  e$8(tagName$R)
 ], List);
 /**
  * @license
@@ -4556,18 +4615,18 @@ function* o$1(o2, f2) {
       yield f2(t2, i2++);
   }
 }
-var __defProp$V = Object.defineProperty;
-var __getOwnPropDesc$V = Object.getOwnPropertyDescriptor;
-var __decorateClass$V = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$V(target, key) : target;
+var __defProp$U = Object.defineProperty;
+var __getOwnPropDesc$U = Object.getOwnPropertyDescriptor;
+var __decorateClass$U = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$U(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$V(target, key, result);
+    __defProp$U(target, key, result);
   return result;
 };
-const tagName$R = "sonic-queue";
+const tagName$Q = "sonic-queue";
 let Queue = class extends Subscriber$1(s$3) {
   constructor() {
     super(...arguments);
@@ -4758,57 +4817,57 @@ let Queue = class extends Subscriber$1(s$3) {
   }
 };
 Queue.instanceCounter = 0;
-__decorateClass$V([
+__decorateClass$U([
   e$7({ type: Array })
 ], Queue.prototype, "templates", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7({ type: Object })
 ], Queue.prototype, "itemPropertyMap", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7()
 ], Queue.prototype, "cache", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7()
 ], Queue.prototype, "targetRequestDuration", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7()
 ], Queue.prototype, "limit", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7()
 ], Queue.prototype, "lazyBoundsRatio", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7()
 ], Queue.prototype, "offset", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7()
 ], Queue.prototype, "resultCount", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7({ type: Boolean })
 ], Queue.prototype, "noLazyload", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7()
 ], Queue.prototype, "filteredFields", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7({ type: String })
 ], Queue.prototype, "dataProviderExpression", 2);
-__decorateClass$V([
+__decorateClass$U([
   e$7({ type: String })
 ], Queue.prototype, "idKey", 2);
-Queue = __decorateClass$V([
-  e$8(tagName$R)
+Queue = __decorateClass$U([
+  e$8(tagName$Q)
 ], Queue);
-var __defProp$U = Object.defineProperty;
-var __getOwnPropDesc$U = Object.getOwnPropertyDescriptor;
-var __decorateClass$U = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$U(target, key) : target;
+var __defProp$T = Object.defineProperty;
+var __getOwnPropDesc$T = Object.getOwnPropertyDescriptor;
+var __decorateClass$T = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$T(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$U(target, key, result);
+    __defProp$T(target, key, result);
   return result;
 };
-const tagName$Q = "sonic-submit";
+const tagName$P = "sonic-submit";
 let Submit = class extends Subscriber$1(s$3) {
   constructor() {
     super(...arguments);
@@ -4970,23 +5029,23 @@ let Submit = class extends Subscriber$1(s$3) {
   }
 };
 Submit.styles = i$4`[data-disabled]{opacity:.3;pointer-events:none;user-select:none}`;
-__decorateClass$U([
+__decorateClass$T([
   e$7({ type: String })
 ], Submit.prototype, "submitResultKey", 2);
-__decorateClass$U([
+__decorateClass$T([
   e$7({ type: Boolean })
 ], Submit.prototype, "disabled", 2);
-__decorateClass$U([
+__decorateClass$T([
   e$7({ type: String })
 ], Submit.prototype, "endPoint", 2);
-__decorateClass$U([
+__decorateClass$T([
   e$7()
 ], Submit.prototype, "name", 2);
-__decorateClass$U([
+__decorateClass$T([
   e$7()
 ], Submit.prototype, "value", 2);
-Submit = __decorateClass$U([
-  e$8(tagName$Q)
+Submit = __decorateClass$T([
+  e$8(tagName$P)
 ], Submit);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var urlPattern = { exports: {} };
@@ -5425,18 +5484,18 @@ var urlPattern = { exports: {} };
   });
 })(urlPattern, urlPattern.exports);
 var UrlPattern = urlPattern.exports;
-var __defProp$T = Object.defineProperty;
-var __getOwnPropDesc$T = Object.getOwnPropertyDescriptor;
-var __decorateClass$T = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$T(target, key) : target;
+var __defProp$S = Object.defineProperty;
+var __getOwnPropDesc$S = Object.getOwnPropertyDescriptor;
+var __decorateClass$S = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$S(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$T(target, key, result);
+    __defProp$S(target, key, result);
   return result;
 };
-const tagName$P = "sonic-router";
+const tagName$O = "sonic-router";
 let SonicRouter = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
   constructor() {
     super(...arguments);
@@ -5509,24 +5568,24 @@ let SonicRouter = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
     )}`;
   }
 };
-__decorateClass$T([
+__decorateClass$S([
   e$7()
 ], SonicRouter.prototype, "location", 1);
-SonicRouter = __decorateClass$T([
-  e$8(tagName$P)
+SonicRouter = __decorateClass$S([
+  e$8(tagName$O)
 ], SonicRouter);
-var __defProp$S = Object.defineProperty;
-var __getOwnPropDesc$S = Object.getOwnPropertyDescriptor;
-var __decorateClass$S = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$S(target, key) : target;
+var __defProp$R = Object.defineProperty;
+var __getOwnPropDesc$R = Object.getOwnPropertyDescriptor;
+var __decorateClass$R = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$S(target, key, result);
+    __defProp$R(target, key, result);
   return result;
 };
-const tagName$O = "sonic-redirect";
+const tagName$N = "sonic-redirect";
 let SonicRedirect = class extends Subscriber$1(s$3) {
   connectedCallback() {
     this.noShadowDom = "";
@@ -5555,21 +5614,21 @@ let SonicRedirect = class extends Subscriber$1(s$3) {
     }
   }
 };
-SonicRedirect = __decorateClass$S([
-  e$8(tagName$O)
+SonicRedirect = __decorateClass$R([
+  e$8(tagName$N)
 ], SonicRedirect);
-var __defProp$R = Object.defineProperty;
-var __getOwnPropDesc$R = Object.getOwnPropertyDescriptor;
-var __decorateClass$R = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target;
+var __defProp$Q = Object.defineProperty;
+var __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor;
+var __decorateClass$Q = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Q(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$R(target, key, result);
+    __defProp$Q(target, key, result);
   return result;
 };
-const tagName$N = "sonic-states";
+const tagName$M = "sonic-states";
 let SonicStates = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
   constructor() {
     super(...arguments);
@@ -5667,27 +5726,27 @@ let SonicStates = class extends Subscriber$1(TemplatesContainer$1(s$3)) {
     )}`;
   }
 };
-__decorateClass$R([
+__decorateClass$Q([
   e$7()
 ], SonicStates.prototype, "state", 2);
-__decorateClass$R([
+__decorateClass$Q([
   e$7({ type: Boolean, reflect: true })
 ], SonicStates.prototype, "inverted", 2);
-SonicStates = __decorateClass$R([
-  e$8(tagName$N)
+SonicStates = __decorateClass$Q([
+  e$8(tagName$M)
 ], SonicStates);
-var __defProp$Q = Object.defineProperty;
-var __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor;
-var __decorateClass$Q = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Q(target, key) : target;
+var __defProp$P = Object.defineProperty;
+var __getOwnPropDesc$P = Object.getOwnPropertyDescriptor;
+var __decorateClass$P = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$P(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$Q(target, key, result);
+    __defProp$P(target, key, result);
   return result;
 };
-const tagName$M = "sonic-scope";
+const tagName$L = "sonic-scope";
 let SonicScope = class extends s$3 {
   createRenderRoot() {
     return this;
@@ -5696,21 +5755,21 @@ let SonicScope = class extends s$3 {
     return y`<slot></slot>`;
   }
 };
-SonicScope = __decorateClass$Q([
-  e$8(tagName$M)
+SonicScope = __decorateClass$P([
+  e$8(tagName$L)
 ], SonicScope);
-var __defProp$P = Object.defineProperty;
-var __getOwnPropDesc$P = Object.getOwnPropertyDescriptor;
-var __decorateClass$P = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$P(target, key) : target;
+var __defProp$O = Object.defineProperty;
+var __getOwnPropDesc$O = Object.getOwnPropertyDescriptor;
+var __decorateClass$O = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$O(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$P(target, key, result);
+    __defProp$O(target, key, result);
   return result;
 };
-const tagName$L = "sonic-example";
+const tagName$K = "sonic-example";
 let SonicComponent$2 = class extends Subscriber$1(s$3) {
   constructor() {
     super(...arguments);
@@ -5720,11 +5779,11 @@ let SonicComponent$2 = class extends Subscriber$1(s$3) {
     return y`<div>${this.text}</div>`;
   }
 };
-__decorateClass$P([
+__decorateClass$O([
   e$7()
 ], SonicComponent$2.prototype, "text", 2);
-SonicComponent$2 = __decorateClass$P([
-  e$8(tagName$L)
+SonicComponent$2 = __decorateClass$O([
+  e$8(tagName$K)
 ], SonicComponent$2);
 const checkbox = {
   tagName: "sonic-checkbox"
@@ -6040,15 +6099,15 @@ class SDUIDescriptorTransformer {
     }
   }
 }
-var __defProp$O = Object.defineProperty;
-var __getOwnPropDesc$O = Object.getOwnPropertyDescriptor;
-var __decorateClass$O = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$O(target, key) : target;
+var __defProp$N = Object.defineProperty;
+var __getOwnPropDesc$N = Object.getOwnPropertyDescriptor;
+var __decorateClass$N = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$N(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$O(target, key, result);
+    __defProp$N(target, key, result);
   return result;
 };
 const Form = (superClass) => {
@@ -6096,22 +6155,22 @@ const Form = (superClass) => {
       this.requestUpdate();
     }
   }
-  __decorateClass$O([
+  __decorateClass$N([
     e$7()
   ], FormInput2.prototype, "forceAutoFill", 2);
-  __decorateClass$O([
+  __decorateClass$N([
     e$7({ type: String })
   ], FormInput2.prototype, "type", 1);
-  __decorateClass$O([
+  __decorateClass$N([
     e$7()
   ], FormInput2.prototype, "description", 1);
-  __decorateClass$O([
+  __decorateClass$N([
     e$7()
   ], FormInput2.prototype, "label", 1);
-  __decorateClass$O([
+  __decorateClass$N([
     e$7({ type: Number })
   ], FormInput2.prototype, "tabindex", 2);
-  __decorateClass$O([
+  __decorateClass$N([
     e$7({ type: String })
   ], FormInput2.prototype, "autocomplete", 2);
   return FormInput2;
@@ -6131,18 +6190,18 @@ window["concorde-mixins"] = {
   Subscriber,
   TemplatesContainer
 };
-var __defProp$N = Object.defineProperty;
-var __getOwnPropDesc$N = Object.getOwnPropertyDescriptor;
-var __decorateClass$N = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$N(target, key) : target;
+var __defProp$M = Object.defineProperty;
+var __getOwnPropDesc$M = Object.getOwnPropertyDescriptor;
+var __decorateClass$M = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$M(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$N(target, key, result);
+    __defProp$M(target, key, result);
   return result;
 };
-const tagName$K = "sonic-sdui";
+const tagName$J = "sonic-sdui";
 let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
   constructor() {
     super(...arguments);
@@ -6307,24 +6366,24 @@ let SonicSDUI = class extends Fetcher(Subscriber(s$3)) {
     }
   }
 };
-__decorateClass$N([
+__decorateClass$M([
   e$7()
 ], SonicSDUI.prototype, "sduiKey", 2);
-__decorateClass$N([
+__decorateClass$M([
   e$7()
 ], SonicSDUI.prototype, "messagesKey", 2);
-SonicSDUI = __decorateClass$N([
-  e$8(tagName$K)
+SonicSDUI = __decorateClass$M([
+  e$8(tagName$J)
 ], SonicSDUI);
-var __defProp$M = Object.defineProperty;
-var __getOwnPropDesc$M = Object.getOwnPropertyDescriptor;
-var __decorateClass$M = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$M(target, key) : target;
+var __defProp$L = Object.defineProperty;
+var __getOwnPropDesc$L = Object.getOwnPropertyDescriptor;
+var __decorateClass$L = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$L(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$M(target, key, result);
+    __defProp$L(target, key, result);
   return result;
 };
 let SonicMix = class extends Subscriber(s$3) {
@@ -6406,24 +6465,24 @@ let SonicMix = class extends Subscriber(s$3) {
 SonicMix.styles = [
   i$4`:host{display:contents}`
 ];
-__decorateClass$M([
+__decorateClass$L([
   e$7({ type: Object })
 ], SonicMix.prototype, "composition", 1);
-SonicMix = __decorateClass$M([
+SonicMix = __decorateClass$L([
   e$8("sonic-mix")
 ], SonicMix);
-var __defProp$L = Object.defineProperty;
-var __getOwnPropDesc$L = Object.getOwnPropertyDescriptor;
-var __decorateClass$L = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$L(target, key) : target;
+var __defProp$K = Object.defineProperty;
+var __getOwnPropDesc$K = Object.getOwnPropertyDescriptor;
+var __decorateClass$K = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$K(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$L(target, key, result);
+    __defProp$K(target, key, result);
   return result;
 };
-const tagName$J = "sonic-value";
+const tagName$I = "sonic-value";
 let SonicValue = class extends Subscriber(s$3) {
   connectedCallback() {
     this.setAttribute("subDataProvider", this.getAttribute("key"));
@@ -6435,8 +6494,8 @@ let SonicValue = class extends Subscriber(s$3) {
     return y`${o$3(this.props.toString())}<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>`;
   }
 };
-SonicValue = __decorateClass$L([
-  e$8(tagName$J)
+SonicValue = __decorateClass$K([
+  e$8(tagName$I)
 ], SonicValue);
 const coreVariables = i$4`:host{--sc-font-family-base:"Inter var","Inter",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--sc-font-weight-base:400;--sc-font-style-base:normal;--sc-headings-font-family:var(--sc-font-family-base),sans-serif;--sc-headings-font-style:var(--sc-font-style-base);--sc-headings-line-height:1.1;--sc-headings-font-weight:700;--sc-headings-text-transform:none;--sc-btn-font-weight:var(--sc-font-weight-base);--sc-btn-font-family:var(--sc-font-family-base);--sc-btn-font-style:var(--sc-font-style-base);--sc-rounded-sm:calc(var(--sc-rounded) * 0.5);--sc-rounded:0.375rem;--sc-rounded-md:calc(var(--sc-rounded) * 1.8);--sc-rounded-lg:calc(var(--sc-rounded) * 3);--sc-rounded-xl:calc(var(--sc-rounded) * 7);--sc-rounded-size-intensity:calc((1em - 1rem) * 0.4);--sc-btn-rounded-intensity:1.4;--sc-btn-font-weight:500;--sc-btn-rounded:calc(
       (var(--sc-rounded) + var(--sc-rounded-size-intensity)) *
@@ -6448,18 +6507,18 @@ const coreVariables = i$4`:host{--sc-font-family-base:"Inter var","Inter",-apple
 const light = i$4`:host{--sc-primary:var(--sc-base-800);--sc-info:#2563eb;--sc-danger:#f43f5e;--sc-warning:#f97316;--sc-success:#14b8a6;--sc-primary-content:var(--sc-base);--sc-info-content:var(--sc-base);--sc-danger-content:var(--sc-base);--sc-warning-content:var(--sc-base);--sc-success-content:var(--sc-base);--sc-base:#fff;--sc-base-50:#f8fafc;--sc-base-100:#f1f5f9;--sc-base-200:#e2e8f0;--sc-base-300:#cbd5e1;--sc-base-400:#94a3b8;--sc-base-500:#64748b;--sc-base-600:#475569;--sc-base-700:#334155;--sc-base-800:#1e293b;--sc-base-900:#0f172a;--sc-base-content:var(--sc-base-700);--sc-input-bg:var(--sc-base-100);--sc-input-color:var(--sc-base-content)}`;
 const darkCss = i$4``;
 const dark = i$4`:host([theme=dark]){${darkCss}}@media (prefers-color-scheme:dark){:host([theme=auto]){${darkCss}}}`;
-var __defProp$K = Object.defineProperty;
-var __getOwnPropDesc$K = Object.getOwnPropertyDescriptor;
-var __decorateClass$K = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$K(target, key) : target;
+var __defProp$J = Object.defineProperty;
+var __getOwnPropDesc$J = Object.getOwnPropertyDescriptor;
+var __decorateClass$J = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$J(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$K(target, key, result);
+    __defProp$J(target, key, result);
   return result;
 };
-const tagName$I = "sonic-theme";
+const tagName$H = "sonic-theme";
 let Theme = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -6474,6 +6533,7 @@ let Theme = class extends s$3 {
     this.postCSSVars();
   }
   postCSSVars() {
+    var _a2;
     const stylesheets = document.styleSheets;
     const ssLength = stylesheets.length;
     const fontUrls = [];
@@ -6482,14 +6542,18 @@ let Theme = class extends s$3 {
       if (ss.href && (ss.href.includes("googleapis") || ss.href.includes("typekit.net")))
         fontUrls.push(ss.href);
     }
+    const theme = {
+      variables: this.getCssVariables(),
+      fonts: fontUrls
+    };
+    (_a2 = PublisherManager.get("sonic-theme")) == null ? void 0 : _a2.set(theme);
     document.querySelectorAll("iframe").forEach(
       (elt) => {
-        var _a2;
-        return (_a2 = elt.contentWindow) == null ? void 0 : _a2.postMessage(
+        var _a3;
+        return (_a3 = elt.contentWindow) == null ? void 0 : _a3.postMessage(
           {
             type: "SonicTheme",
-            variables: this.getCssVariables(),
-            fonts: fontUrls
+            ...theme
           },
           "*"
         );
@@ -6508,7 +6572,6 @@ let Theme = class extends s$3 {
       ...Theme.styles.map((s2) => s2.styleSheet),
       ...Array.from(document.styleSheets)
     ];
-    console.log(stylesheets);
     for (const stylesheet of stylesheets) {
       try {
         if (!stylesheet)
@@ -6543,33 +6606,33 @@ Theme.styles = [
   coreVariables,
   i$4`:host([background]){display:block!important;background:var(--sc-body-bg)!important;min-height:100vh}:host([color]){color:var(--sc-base-content)}:host([font]){font-family:var(--sc-font-family-base),sans-serif;font-weight:var(--sc-font-weight-base);font-style:var(--sc-font-style-base)}`
 ];
-__decorateClass$K([
+__decorateClass$J([
   e$7({ type: String, reflect: true })
 ], Theme.prototype, "theme", 2);
-__decorateClass$K([
+__decorateClass$J([
   e$7({ type: Boolean, reflect: true })
 ], Theme.prototype, "background", 2);
-__decorateClass$K([
+__decorateClass$J([
   e$7({ type: Boolean, reflect: true })
 ], Theme.prototype, "color", 2);
-__decorateClass$K([
+__decorateClass$J([
   e$7({ type: Boolean, reflect: true })
 ], Theme.prototype, "font", 2);
-Theme = __decorateClass$K([
-  e$8(tagName$I)
+Theme = __decorateClass$J([
+  e$8(tagName$H)
 ], Theme);
-var __defProp$J = Object.defineProperty;
-var __getOwnPropDesc$J = Object.getOwnPropertyDescriptor;
-var __decorateClass$J = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$J(target, key) : target;
+var __defProp$I = Object.defineProperty;
+var __getOwnPropDesc$I = Object.getOwnPropertyDescriptor;
+var __decorateClass$I = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$I(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$J(target, key, result);
+    __defProp$I(target, key, result);
   return result;
 };
-const tagName$H = "sonic-badge";
+const tagName$G = "sonic-badge";
 let Badge = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -6583,22 +6646,22 @@ let Badge = class extends s$3 {
 };
 Badge.styles = [
   fontSize,
-  i$4`:host{--sc-badge-gap:0.3em;--sc-badge-py:0.17em;--sc-badge-px:0.66em;--sc-fs:1rem;--sc-badge-color:var(--sc-base-content, #1f2937);--sc-badge-bg:var(--sc-base-200, #e5e7eb);--sc-badge-border-with:var(--sc-form-border-width, 0.1rem);--sc-badge-border-color:transparent;--sc-badge-border:var(--sc-badge-border-with) solid var(--sc-badge-border-color);--sc-badge-rounded:0.85em;--sc-badge-fw:var(--sc-font-weight-base);display:inline-flex;align-items:center;box-sizing:border-box;line-height:var(--sc-lh);border-radius:var(--sc-badge-rounded);background:var(--sc-badge-bg);color:var(--sc-badge-color);font-family:var(--sc-badge-ff,var(--sc-font-family-base,inherit));font-weight:var(--sc-badge-fw);padding-top:var(--sc-badge-py);padding-bottom:var(--sc-badge-py);padding-left:var(--sc-badge-px);padding-right:var(--sc-badge-px);min-height:calc(var(--sc-badge-px) * 2);border:var(--sc-badge-border);-webkit-print-color-adjust:exact}:host([type=primary]){--sc-badge-color:var(--sc-primary-content);--sc-badge-bg:var(--sc-primary)}:host([type=warning]){--sc-badge-color:var(--sc-warning-content);--sc-badge-bg:var(--sc-warning)}:host([type=danger]){--sc-badge-color:var(--sc-danger-content);--sc-badge-bg:var(--sc-danger)}:host([type=info]){--sc-badge-color:var(--sc-info-content);--sc-badge-bg:var(--sc-info)}:host([type=success]){--sc-badge-color:var(--sc-success-content);--sc-badge-bg:var(--sc-success)}:host([type=neutral]){--sc-badge-color:var(--sc-base);--sc-badge-bg:var(--sc-base-content)}:host{font-size:var(--sc-fs);gap:var(--sc-badge-gap)}:host([size="2xs"]){--sc-badge-gap:0.35em}:host([size=xs]){--sc-badge-gap:0.35em}:host([size=sm]){--sc-badge-gap:0.35em}:host([size=lg]){--sc-lh:1.2;--sc-badge-gap:0.5em}:host([size=xl]){--sc-lh:1.2;--sc-badge-gap:0.5em}:host([contrast]){--sc-badge-color:var(--sc-contrast-content);--sc-badge-bg:var(--sc-contrast)}:host([variant=outline][type]){border-width:var(--sc-badge-border-with)!important;border-color:var(--sc-badge-bg);color:var(--sc-badge-bg);background:0 0}:host([variant=outline][type=default]){border-color:var(--sc-base-400);color:var(--sc-base-500);background:0 0}:host([variant=ghost][type]){color:var(--sc-badge-bg);background:0 0;padding:0}:host([variant=ghost][type=default]){color:var(--sc-badge-color);background:0 0}:host([ellipsis]){flex-wrap:nowrap;white-space:nowrap;max-width:100%}:host([ellipsis]) slot{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:100%}slot[name=prefix],slot[name=suffix]{flex-shrink:0}`
+  i$4`:host{--sc-badge-gap:0.3em;--sc-badge-py:0.17em;--sc-badge-px:0.66em;--sc-fs:1rem;--sc-badge-color:var(--sc-base-content, #1f2937);--sc-badge-bg:var(--sc-base-100, #e5e7eb);--sc-badge-border-with:var(--sc-form-border-width, 0.1rem);--sc-badge-border-color:transparent;--sc-badge-border:var(--sc-badge-border-with) solid var(--sc-badge-border-color);--sc-badge-rounded:0.85em;--sc-badge-fw:var(--sc-font-weight-base);display:inline-flex;align-items:center;box-sizing:border-box;line-height:var(--sc-lh);border-radius:var(--sc-badge-rounded);background:var(--sc-badge-bg);color:var(--sc-badge-color);font-family:var(--sc-badge-ff,var(--sc-font-family-base,inherit));font-weight:var(--sc-badge-fw);padding-top:var(--sc-badge-py);padding-bottom:var(--sc-badge-py);padding-left:var(--sc-badge-px);padding-right:var(--sc-badge-px);min-height:calc(var(--sc-badge-px) * 2);border:var(--sc-badge-border);-webkit-print-color-adjust:exact}:host([type=primary]){--sc-badge-color:var(--sc-primary-content);--sc-badge-bg:var(--sc-primary)}:host([type=warning]){--sc-badge-color:var(--sc-warning-content);--sc-badge-bg:var(--sc-warning)}:host([type=danger]){--sc-badge-color:var(--sc-danger-content);--sc-badge-bg:var(--sc-danger)}:host([type=info]){--sc-badge-color:var(--sc-info-content);--sc-badge-bg:var(--sc-info)}:host([type=success]){--sc-badge-color:var(--sc-success-content);--sc-badge-bg:var(--sc-success)}:host([type=neutral]){--sc-badge-color:var(--sc-base);--sc-badge-bg:var(--sc-base-content)}:host{font-size:var(--sc-fs);gap:var(--sc-badge-gap)}:host([size="2xs"]){--sc-badge-gap:0.35em}:host([size=xs]){--sc-badge-gap:0.35em}:host([size=sm]){--sc-badge-gap:0.35em}:host([size=lg]){--sc-lh:1.2;--sc-badge-gap:0.5em}:host([size=xl]){--sc-lh:1.2;--sc-badge-gap:0.5em}:host([contrast]){--sc-badge-color:var(--sc-contrast-content);--sc-badge-bg:var(--sc-contrast)}:host([variant=outline][type]){border-width:var(--sc-badge-border-with)!important;border-color:var(--sc-badge-bg);color:var(--sc-badge-bg);background:0 0}:host([variant=outline][type=default]){border-color:var(--sc-base-400);color:var(--sc-base-500);background:0 0}:host([variant=ghost][type]){color:var(--sc-badge-bg);background:0 0;padding:0}:host([variant=ghost][type=default]){color:var(--sc-badge-color);background:0 0}:host([ellipsis]){flex-wrap:nowrap;white-space:nowrap;max-width:100%}:host([ellipsis]) slot{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;max-width:100%}slot[name=prefix],slot[name=suffix]{flex-shrink:0}`
 ];
-__decorateClass$J([
+__decorateClass$I([
   e$7({ type: String, reflect: true })
 ], Badge.prototype, "type", 2);
-__decorateClass$J([
+__decorateClass$I([
   e$7({ type: String, reflect: true })
 ], Badge.prototype, "variant", 2);
-__decorateClass$J([
+__decorateClass$I([
   e$7({ type: String, reflect: true })
 ], Badge.prototype, "size", 2);
-__decorateClass$J([
+__decorateClass$I([
   e$7({ type: Boolean, reflect: true })
 ], Badge.prototype, "ellipsis", 2);
-Badge = __decorateClass$J([
-  e$8(tagName$H)
+Badge = __decorateClass$I([
+  e$8(tagName$G)
 ], Badge);
 class Electron {
   static fixBlankLink(link) {
@@ -6611,18 +6674,18 @@ class Electron {
     }
   }
 }
-var __defProp$I = Object.defineProperty;
-var __getOwnPropDesc$I = Object.getOwnPropertyDescriptor;
-var __decorateClass$I = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$I(target, key) : target;
+var __defProp$H = Object.defineProperty;
+var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
+var __decorateClass$H = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$I(target, key, result);
+    __defProp$H(target, key, result);
   return result;
 };
-const tagName$G = "sonic-link";
+const tagName$F = "sonic-link";
 let Link = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -6671,33 +6734,33 @@ let Link = class extends s$3 {
 Link.styles = [
   i$4`a{color:inherit;text-decoration:none;display:contents}`
 ];
-__decorateClass$I([
+__decorateClass$H([
   e$7({ type: String })
 ], Link.prototype, "href", 2);
-__decorateClass$I([
+__decorateClass$H([
   e$7({ type: String })
 ], Link.prototype, "autoActive", 2);
-__decorateClass$I([
+__decorateClass$H([
   e$7({ type: String })
 ], Link.prototype, "target", 1);
-__decorateClass$I([
+__decorateClass$H([
   e$7({ type: Boolean })
 ], Link.prototype, "pushState", 2);
-Link = __decorateClass$I([
-  e$8(tagName$G)
+Link = __decorateClass$H([
+  e$8(tagName$F)
 ], Link);
-var __defProp$H = Object.defineProperty;
-var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
-var __decorateClass$H = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
+var __defProp$G = Object.defineProperty;
+var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
+var __decorateClass$G = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$H(target, key, result);
+    __defProp$G(target, key, result);
   return result;
 };
-const tagName$F = "sonic-progress";
+const tagName$E = "sonic-progress";
 let Progress = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -6714,28 +6777,28 @@ Progress.styles = [
   fontSize,
   i$4`:host{--sc-progress-bg:var(--sc-input-bg, var(--sc-base-100, #f5f5f5));--sc-progress-color:var(--sc-base-content, #1f2937);--sc-progress-height:0.6em;--sc-progress-fs:var(--sc-fs, 1rem);--sc-progress-fw:500;--sc-progress-rounded:var(--sc-rounded-lg);display:block;line-height:1.2;font-weight:var(--sc-progress-fw);font-size:var(--sc-progress-fs)}progress{position:relative;width:100%;-webkit-appearance:none;appearance:none;overflow:hidden;border:none;height:var(--sc-progress-height);border-radius:var(--sc-progress-rounded);background-color:var(--sc-progress-bg);color:var(--sc-progress-color)}progress::-moz-progress-bar{background-color:var(--sc-progress-color);border-radius:var(--sc-progress-rounded)}progress:not([value])::-moz-progress-bar{background-color:var(--sc-progress-bg)}progress::-webkit-progress-bar{background-color:var(--sc-progress-bg)}progress::-webkit-progress-value{background-color:var(--sc-progress-color);border-radius:var(--sc-progress-rounded)}progress:indeterminate:after{background-color:var(--sc-progress-color);content:"";position:absolute;top:0;bottom:0;left:-40%;width:33.333333%;border-radius:var(--sc-progress-rounded);animation:progress-loading 3s infinite ease-in-out}@keyframes progress-loading{50%{left:107%}}:host([type=warning]){--sc-progress-color:var(--sc-warning)}:host([type=danger]){--sc-progress-color:var(--sc-danger)}:host([type=info]){--sc-progress-color:var(--sc-info)}:host([type=success]){--sc-progress-color:var(--sc-success)}:host([invert]){--sc-progress-bg:rgba(200, 200, 200, 0.1)}:host([type=default][invert]){--sc-progress-color:var(--sc-base)}slot[name=remaining]{font-weight:var(--sc-font-weight-base);font-size:.85em;margin-top:.5em}slot[name=remaining]::slotted(*){margin-left:auto}slot:not([name]){color:var(--sc-progress-color)}.slot-container{display:flex;justify-content:space-between;gap:.5em;margin-top:.15em}`
 ];
-__decorateClass$H([
+__decorateClass$G([
   e$7({ type: Number })
 ], Progress.prototype, "value", 2);
-__decorateClass$H([
+__decorateClass$G([
   e$7({ type: Number })
 ], Progress.prototype, "max", 2);
-__decorateClass$H([
+__decorateClass$G([
   e$7({ type: Boolean })
 ], Progress.prototype, "invert", 2);
-__decorateClass$H([
+__decorateClass$G([
   e$7({ type: String, reflect: true })
 ], Progress.prototype, "type", 2);
-__decorateClass$H([
+__decorateClass$G([
   e$7({ type: String, reflect: true })
 ], Progress.prototype, "size", 2);
-Progress = __decorateClass$H([
-  e$8(tagName$F)
+Progress = __decorateClass$G([
+  e$8(tagName$E)
 ], Progress);
 const passwordToggle = i$4`.password-toggle{color:var(--sc-input-c);font-size:var(--sc-input-fs);cursor:pointer;margin-right:calc(-.5 * var(--sc-input-px))}:host([inlineContent]) .has-suffix .password-toggle{margin-right:0}`;
 const label = i$4`:host{--sc-label-fs:var(--sc-fs, 1rem);--sc-label-fw:var(--sc-label-font-weight)}label{font-size:var(--sc-label-fs);font-weight:var(--sc-label-fw);line-height:1.2}.form-label{margin-bottom:.22em;display:block}`;
 const description = i$4`.form-description{color:var(--sc-base-400);font-size:.85em;margin-top:.2em;display:block}`;
-const formControl = i$4`*{box-sizing:border-box}:host{--sc-input-height:var(--sc-form-height);--sc-input-c:var(--sc-input-color, var(--sc-base-content));--sc-input-b-width:var(--sc-form-border-width);--sc-input-b-color:var(--sc-input-border-color);--sc-item-rounded-tr:var(--sc-input-rounded);--sc-item-rounded-tl:var(--sc-input-rounded);--sc-item-rounded-bl:var(--sc-input-rounded);--sc-item-rounded-br:var(--sc-input-rounded);--sc-input-fs:var(--sc-fs, 1rem);--sc-input-ff:inherit;--sc-input-py:0.55em;--sc-input-px:clamp(0.3em, 8%, 1.1em);--sc-input-background:var(--sc-input-bg);--sc-input-addon-c:var(--sc-input-addon-color, var(--sc-base));--sc-input-addon-bg:var(--sc-input-c)}.form-element{display:block;flex-grow:1;width:100%;line-height:1.1;color:var(--sc-input-c);border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);font-family:var(--sc-input-ff);background-color:var(--sc-input-background);border:var(--sc-input-b-width) solid var(--sc-input-b-color,var(--sc-base-300,#aaa));width:100%;font-size:var(--sc-input-fs);padding-top:var(--sc-input-py);padding-bottom:var(--sc-input-py);padding-left:var(--sc-input-px);padding-right:var(--sc-input-px);min-height:var(--sc-input-height)}.form-control{display:flex;width:100%}:host(:not([inlineContent])) .has-prefix slot[name=prefix],:host(:not([inlineContent])) .has-suffix slot[name=suffix]{min-width:var(--sc-input-height);box-sizing:border-box;display:flex;align-items:center;justify-content:center;line-height:1.1;flex-shrink:0;padding-left:clamp(.25em,3%,calc(.33 * var(--sc-input-px)));padding-right:clamp(.25em,3%,calc(.33 * var(--sc-input-px)))}:host(:not([inlineContent])) slot[name=prefix]{border-radius:var(--sc-item-rounded-tl) 0 0 var(--sc-item-rounded-bl);background-color:var(--sc-input-addon-bg);color:var(--sc-input-addon-c)}:host(:not([inlineContent])) slot[name=suffix]{border-radius:0 var(--sc-item-rounded-tr) var(--sc-item-rounded-br) 0;background-color:var(--sc-input-addon-bg);color:var(--sc-input-addon-c)}:host(:not([inlineContent])) .has-prefix .form-element{border-top-left-radius:0;border-bottom-left-radius:0}:host(:not([inlineContent])) .has-suffix .form-element{border-top-right-radius:0;border-bottom-right-radius:0}slot[name=prefix]::slotted(sonic-icon),slot[name=suffix]::slotted(sonic-icon){font-size:1.2em}.form-element .form-element,.form-element>slot{all:unset}:host([inlineContent]) .form-element{display:flex;align-items:center;gap:.35em;min-height:var(--sc-form-height)}:host([inlineContent]) .form-element .form-element{appearance:none;background:0 0;border:none;padding:0;display:block;width:50%;min-width:0;flex:1 1 auto;height:auto;min-height:auto;border-radius:0}:host([inlineContent]) slot[name=prefix]::slotted(*),:host([inlineContent]) slot[name=suffix]::slotted(*){display:block;flex:0 0 auto;max-width:100%;max-width:100%}:host([inlineContent]) .has-suffix slot[name=suffix]{margin-right:calc(-.5 * var(--sc-input-px))}:host([inlineContent]) .has-prefix slot[name=prefix]{margin-left:calc(-.5 * var(--sc-input-px))}:host([inlineContent]) slot[name=suffix]::slotted(*){margin-left:auto}:host([inlineContent]) .no-prefix slot[name=prefix],:host([inlineContent]) .no-suffix slot[name=suffix]{display:none}:host([disabled]) .form-control{cursor:not-allowed}:host([variant=ghost]) .form-element{--sc-input-bg:transparent}:host([disabled]) .form-element{pointer-events:none;opacity:.5}:host([disabled]) .select-chevron{display:none}::placeholder{color:inherit;opacity:.45}:host([placehoderAsLabel]) ::placeholder{opacity:1}:focus::placeholder{opacity:0!important}.form-element:focus,.form-element:focus-visible,:host(:not([disabled])) .form-element:hover{filter:brightness(.97);outline:0}.form-label{margin-bottom:.22em;display:block}.form-description{color:var(--sc-base-400);font-size:.85em;margin-top:.2em;display:block}.hidden{display:none}.contents{display:contents}:host([error]){--sc-input-b-color:var(--sc-danger)}:host input:visited{display:none}:host([touched][required]) :not(:focus):invalid{--sc-input-b-color:var(--sc-danger);--sc-input-c:var(--sc-danger)}:host([touched][required]) :not(:focus):invalid+.select-chevron{--sc-input-c:var(--sc-danger)}:host([touched][required]) :not([value=""]):not(:focus):valid{--sc-input-b-color:var(--sc-success);--sc-input-c:var(--sc-success)}:host([touched][required]) :not(:focus):valid+.select-chevron{--sc-input-c:var(--sc-success)}:host([type=color]) .form-element{padding:0;border:0;min-width:var(--sc-input-height)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl)}:host([type=image]) .form-element{padding:0;border:none}input[type=reset],input[type=submit]{cursor:pointer}:host([type=search]){appearance:none!important}input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;height:.65em;width:.65em;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);background-size:contain;background-repeat:no-repeat}:host([align=center]) .form-element{text-align:center}:host([align=left]) .form-element{text-align:left}:host([align=right]) .form-element{text-align:right}:host([noAppearance]) input[type=number]::-webkit-inner-spin-button,:host([noAppearance]) input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host([noAppearance]) input[type=number]{-moz-appearance:textfield!important}`;
+const formControl = i$4`*{box-sizing:border-box}:host{--sc-input-height:var(--sc-form-height);--sc-input-c:var(--sc-input-color, var(--sc-base-content));--sc-input-b-width:var(--sc-form-border-width);--sc-input-b-color:var(--sc-input-border-color);--sc-item-rounded-tr:var(--sc-input-rounded);--sc-item-rounded-tl:var(--sc-input-rounded);--sc-item-rounded-bl:var(--sc-input-rounded);--sc-item-rounded-br:var(--sc-input-rounded);--sc-input-fs:var(--sc-fs, 1rem);--sc-input-ff:inherit;--sc-input-py:0.55em;--sc-input-px:clamp(0.3em, 8%, 1.1em);--sc-input-background:var(--sc-input-bg);--sc-input-addon-c:var(--sc-input-addon-color, var(--sc-base));--sc-input-addon-bg:var(--sc-input-c)}.form-element{display:block;flex-grow:1;width:100%;line-height:1.1;color:var(--sc-input-c);border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl);font-family:var(--sc-input-ff);background-color:var(--sc-input-background);border:var(--sc-input-b-width) solid var(--sc-input-b-color,var(--sc-base-300,#aaa));width:100%;font-size:var(--sc-input-fs);padding-top:var(--sc-input-py);padding-bottom:var(--sc-input-py);padding-left:var(--sc-input-px);padding-right:var(--sc-input-px);min-height:var(--sc-input-height)}.form-control{display:flex;width:100%}:host(:not([inlineContent])) .has-prefix slot[name=prefix],:host(:not([inlineContent])) .has-suffix slot[name=suffix]{min-width:var(--sc-input-height);box-sizing:border-box;display:flex;align-items:center;justify-content:center;line-height:1.1;flex-shrink:0;padding-left:clamp(.25em,3%,calc(.33 * var(--sc-input-px)));padding-right:clamp(.25em,3%,calc(.33 * var(--sc-input-px)))}:host(:not([inlineContent])) slot[name=prefix]{border-radius:var(--sc-item-rounded-tl) 0 0 var(--sc-item-rounded-bl);background-color:var(--sc-input-addon-bg);color:var(--sc-input-addon-c)}:host(:not([inlineContent])) slot[name=suffix]{border-radius:0 var(--sc-item-rounded-tr) var(--sc-item-rounded-br) 0;background-color:var(--sc-input-addon-bg);color:var(--sc-input-addon-c)}:host(:not([inlineContent])) .has-prefix .form-element{border-top-left-radius:0;border-bottom-left-radius:0}:host(:not([inlineContent])) .has-suffix .form-element{border-top-right-radius:0;border-bottom-right-radius:0}slot[name=prefix]::slotted(sonic-icon),slot[name=suffix]::slotted(sonic-icon){font-size:1.2em}.form-element .form-element,.form-element>slot{all:unset}:host([inlineContent]) .form-element{display:flex;align-items:center;gap:.35em;min-height:var(--sc-form-height)}:host([inlineContent]) .form-element .form-element{appearance:none;background:0 0;border:none;padding:0;display:block;width:50%;min-width:0;flex:1 1 auto;height:auto;min-height:auto;border-radius:0}:host([inlineContent]) slot[name=prefix]::slotted(*),:host([inlineContent]) slot[name=suffix]::slotted(*){display:block;flex:0 0 auto;max-width:100%;max-width:100%;white-space:nowrap}:host([inlineContent]) .has-suffix slot[name=suffix]{margin-right:calc(-.5 * var(--sc-input-px))}:host([inlineContent]) .has-prefix slot[name=prefix]{margin-left:calc(-.5 * var(--sc-input-px))}:host([inlineContent]) slot[name=suffix]::slotted(*){margin-left:auto}:host([inlineContent]) .no-prefix slot[name=prefix],:host([inlineContent]) .no-suffix slot[name=suffix]{display:none}:host([disabled]) .form-control{cursor:not-allowed}:host([variant=ghost]) .form-element{--sc-input-bg:transparent}:host([disabled]) .form-element{pointer-events:none;opacity:.5}:host([disabled]) .select-chevron{display:none}::placeholder{color:inherit;opacity:.45}:host([placehoderAsLabel]) ::placeholder{opacity:1}:focus::placeholder{opacity:0!important}.form-element:focus,.form-element:focus-visible,:host(:not([disabled])) .form-element:hover{filter:brightness(.97);outline:0}.form-label{margin-bottom:.22em;display:block}.form-description{color:var(--sc-base-400);font-size:.85em;margin-top:.2em;display:block}.hidden{display:none}.contents{display:contents}:host([error]){--sc-input-b-color:var(--sc-danger)}:host input:visited{display:none}:host([touched][required]) :not(:focus):invalid{--sc-input-b-color:var(--sc-danger);--sc-input-c:var(--sc-danger)}:host([touched][required]) :not(:focus):invalid+.select-chevron{--sc-input-c:var(--sc-danger)}:host([touched][required]) :not([value=""]):not(:focus):valid{--sc-input-b-color:var(--sc-success);--sc-input-c:var(--sc-success)}:host([touched][required]) :not(:focus):valid+.select-chevron{--sc-input-c:var(--sc-success)}:host([type=color]) .form-element{padding:0;border:0;min-width:var(--sc-input-height)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br) var(--sc-item-rounded-bl)}:host([type=image]) .form-element{padding:0;border:none}input[type=reset],input[type=submit]{cursor:pointer}:host([type=search]){appearance:none!important}input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;height:.65em;width:.65em;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);background-size:contain;background-repeat:no-repeat}:host([align=center]) .form-element{text-align:center}:host([align=left]) .form-element{text-align:left}:host([align=right]) .form-element{text-align:right}:host([noAppearance]) input[type=number]::-webkit-inner-spin-button,:host([noAppearance]) input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host([noAppearance]) input[type=number]{-moz-appearance:textfield!important}`;
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -6769,18 +6832,18 @@ const o = e$2(class extends i$2 {
     return x$1;
   }
 });
-var __defProp$G = Object.defineProperty;
-var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
-var __decorateClass$G = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
+var __defProp$F = Object.defineProperty;
+var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
+var __decorateClass$F = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$G(target, key, result);
+    __defProp$F(target, key, result);
   return result;
 };
-const tagName$E = "sonic-input";
+const tagName$D = "sonic-input";
 let Input = class extends Form(Form$2(Subscriber$1(s$3))) {
   constructor() {
     super(...arguments);
@@ -6877,93 +6940,93 @@ Input.styles = [
   passwordToggle,
   i$4`:host([type=hidden]){appearance:none!important;display:none!important}:host>.form-control{position:relative}`
 ];
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: String, reflect: true })
 ], Input.prototype, "size", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: String })
 ], Input.prototype, "list", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: String })
 ], Input.prototype, "placeholder", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: String })
 ], Input.prototype, "pattern", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: String })
 ], Input.prototype, "min", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: String })
 ], Input.prototype, "max", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: Boolean })
 ], Input.prototype, "readonly", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: Number })
 ], Input.prototype, "step", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: Number })
 ], Input.prototype, "minlength", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: Number })
 ], Input.prototype, "maxlength", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: String })
 ], Input.prototype, "src", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: Boolean, reflect: true })
 ], Input.prototype, "inlineContent", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: Boolean })
 ], Input.prototype, "disableInlineContentFocus", 2);
-__decorateClass$G([
+__decorateClass$F([
   e$7({ type: Boolean })
 ], Input.prototype, "showPasswordToggle", 2);
-__decorateClass$G([
+__decorateClass$F([
   o$9({ slot: "label" })
 ], Input.prototype, "slotLabelNodes", 2);
-__decorateClass$G([
+__decorateClass$F([
   o$9({ slot: "description" })
 ], Input.prototype, "slotDescriptionNodes", 2);
-__decorateClass$G([
+__decorateClass$F([
   o$9({ slot: "suffix" })
 ], Input.prototype, "slotSuffixNodes", 2);
-__decorateClass$G([
+__decorateClass$F([
   o$9({ slot: "prefix" })
 ], Input.prototype, "slotPrefixNodes", 2);
-__decorateClass$G([
+__decorateClass$F([
   i$5("input")
 ], Input.prototype, "input", 2);
-__decorateClass$G([
+__decorateClass$F([
   t$3()
 ], Input.prototype, "hasDescription", 2);
-__decorateClass$G([
+__decorateClass$F([
   t$3()
 ], Input.prototype, "hasLabel", 2);
-__decorateClass$G([
+__decorateClass$F([
   t$3()
 ], Input.prototype, "hasSuffix", 2);
-__decorateClass$G([
+__decorateClass$F([
   t$3()
 ], Input.prototype, "hasPrefix", 2);
-__decorateClass$G([
+__decorateClass$F([
   t$3()
 ], Input.prototype, "isPassword", 2);
-Input = __decorateClass$G([
-  e$8(tagName$E)
+Input = __decorateClass$F([
+  e$8(tagName$D)
 ], Input);
-var __defProp$F = Object.defineProperty;
-var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
-var __decorateClass$F = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
+var __defProp$E = Object.defineProperty;
+var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
+var __decorateClass$E = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$F(target, key, result);
+    __defProp$E(target, key, result);
   return result;
 };
-const tagName$D = "sonic-pop";
+const tagName$C = "sonic-pop";
 let Pop = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -7124,42 +7187,42 @@ Pop.pops = /* @__PURE__ */ new Set();
 Pop.styles = [
   i$4`:host{display:inline-block;vertical-align:middle}slot[name=content]{max-width:80vw;background-color:var(--sc-base);position:absolute;z-index:50;display:block;transform:translateY(1rem) scale(.95);opacity:0;pointer-events:none;transition-duration:.15s;transition-timing-function:ease;transition-property:all;border-radius:min(calc(var(--sc-btn-rounded) * 2),.4em)}slot[name=content].is-open:not(.is-empty){transform:translateY(0) scale(1);opacity:1;pointer-events:auto;transition-property:scale,opacity;transition-timing-function:cubic-bezier(.25,.25,.42,1.225)}:host([shadow=md]) slot[name=content],:host([shadow=true]) slot[name=content],:host([shadow]) slot[name=content]{box-shadow:var(--sc-shadow)}:host([shadow=sm]) slot[name=content]{box-shadow:var(--sc-shadow-sm)}:host([shadow=none]) slot[name=content]{box-shadow:none}:host([shadow=lg]) slot[name=content]{box-shadow:var(--sc-shadow-lg)}:host([inline]){vertical-align:baseline}`
 ];
-__decorateClass$F([
+__decorateClass$E([
   t$3()
 ], Pop.prototype, "open", 2);
-__decorateClass$F([
+__decorateClass$E([
   i$5("slot:not([name=content])")
 ], Pop.prototype, "popBtn", 2);
-__decorateClass$F([
+__decorateClass$E([
   i$5("slot[name=content]")
 ], Pop.prototype, "popContent", 2);
-__decorateClass$F([
+__decorateClass$E([
   e$7({ type: Boolean })
 ], Pop.prototype, "noToggle", 2);
-__decorateClass$F([
+__decorateClass$E([
   e$7({ type: Boolean, reflect: true })
 ], Pop.prototype, "inline", 2);
-__decorateClass$F([
+__decorateClass$E([
   e$7({ type: String, reflect: true })
 ], Pop.prototype, "shadow", 2);
-__decorateClass$F([
+__decorateClass$E([
   e$7({ type: String })
 ], Pop.prototype, "placement", 2);
-Pop = __decorateClass$F([
-  e$8(tagName$D)
+Pop = __decorateClass$E([
+  e$8(tagName$C)
 ], Pop);
-var __defProp$E = Object.defineProperty;
-var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
-var __decorateClass$E = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
+var __defProp$D = Object.defineProperty;
+var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
+var __decorateClass$D = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$E(target, key, result);
+    __defProp$D(target, key, result);
   return result;
 };
-const tagName$C = "sonic-menu-item";
+const tagName$B = "sonic-menu-item";
 let MenuItem = class extends Button {
   constructor() {
     super();
@@ -7180,18 +7243,48 @@ let MenuItem = class extends Button {
     super.connectedCallback();
   }
 };
-MenuItem = __decorateClass$E([
-  e$8(tagName$C)
+MenuItem = __decorateClass$D([
+  e$8(tagName$B)
 ], MenuItem);
-var __defProp$D = Object.defineProperty;
-var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
-var __decorateClass$D = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
+class s {
+  constructor(s2, { target: t2, config: i2, callback: h2, skipInitial: e2 }) {
+    this.t = /* @__PURE__ */ new Set(), this.o = false, this.i = false, this.h = s2, null !== t2 && this.t.add(null != t2 ? t2 : s2), this.l = i2, this.o = null != e2 ? e2 : this.o, this.callback = h2, window.ResizeObserver ? (this.u = new ResizeObserver((s3) => {
+      this.handleChanges(s3), this.h.requestUpdate();
+    }), s2.addController(this)) : console.warn("ResizeController error: browser does not support ResizeObserver.");
+  }
+  handleChanges(s2) {
+    var t2;
+    this.value = null === (t2 = this.callback) || void 0 === t2 ? void 0 : t2.call(this, s2, this.u);
+  }
+  hostConnected() {
+    for (const s2 of this.t)
+      this.observe(s2);
+  }
+  hostDisconnected() {
+    this.disconnect();
+  }
+  async hostUpdated() {
+    !this.o && this.i && this.handleChanges([]), this.i = false;
+  }
+  observe(s2) {
+    this.t.add(s2), this.u.observe(s2, this.l), this.i = true, this.h.requestUpdate();
+  }
+  unobserve(s2) {
+    this.t.delete(s2), this.u.unobserve(s2);
+  }
+  disconnect() {
+    this.u.disconnect();
+  }
+}
+var __defProp$C = Object.defineProperty;
+var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
+var __decorateClass$C = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$C(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$D(target, key, result);
+    __defProp$C(target, key, result);
   return result;
 };
 let InputAutocomplete = class extends TemplatesContainer(
@@ -7206,6 +7299,8 @@ let InputAutocomplete = class extends TemplatesContainer(
     this.dataProviderExpression = "";
     this.key = "";
     this.searchParameter = "";
+    this.hasInputPrefix = false;
+    this._resizeController = new s(this, {});
     this.searchDataProvider = "";
     this.initSearchDataProvider = "";
     this.queueDataProvider = "";
@@ -7257,6 +7352,10 @@ let InputAutocomplete = class extends TemplatesContainer(
       }
     };
   }
+  hasSlotOrProps() {
+    var _a2;
+    this.hasInputPrefix = !!((_a2 = this.slotInputPrefixNodes) == null ? void 0 : _a2.length);
+  }
   connectedCallback() {
     var _a2, _b, _c;
     super.connectedCallback();
@@ -7304,7 +7403,6 @@ let InputAutocomplete = class extends TemplatesContainer(
       if (!Array.isArray(list))
         continue;
       listItem = list.find(itemFinder);
-      console.log(listItem);
       if (listItem) {
         break;
       }
@@ -7329,51 +7427,58 @@ let InputAutocomplete = class extends TemplatesContainer(
     (_c = this.searchPublisher) == null ? void 0 : _c.set(this.lastValidSearch);
   }
   render() {
-    return y`<sonic-pop noToggle style="display:block" @hide="${this.handleHide}"><sonic-input debug dataProvider="${this.initSearchDataProvider + Math.random()}" formDataProvider="${this.searchDataProvider}" type="search" data-keyboard-nav="${this.getAttribute("data-keyboard-nav") || ""}" label="${l$2(this.label)}" description="${l$2(this.description)}" name="${l$2(this.searchParameter || this.name)}" placeholder="${l$2(this.placeholder)}" ?readonly="${this.readonly}" autocomplete="off" clearable inlineContent size="${this.size}">${this.select ? y`<sonic-icon slot="suffix" class="select-chevron" name="nav-arrow-down" .size="${this.size}"></sonic-icon>` : b$1}</sonic-input><sonic-menu slot="content"><sonic-queue dataProvider="${this.queueDataProvider}" filteredFields="${this.filteredFields}" dataProviderExpression="${this.dataProviderExpression}" dataFilterProvider="${this.searchDataProvider}" key="${this.key}" .templates="${this.templateList}" displayContents></sonic-queue><sonic-queue noLazyload dataProvider="${this.initQueueDataProvider}" filteredFields="${this.filteredFields}" dataProviderExpression="${this.dataProviderExpression}" dataFilterProvider="${this.initSearchDataProvider}" key="${this.key}" displayContents></sonic-queue></sonic-menu></sonic-pop>`;
+    return y`<sonic-pop noToggle style="display:block" @hide="${this.handleHide}"><sonic-input dataProvider="${this.initSearchDataProvider + Math.random()}" formDataProvider="${this.searchDataProvider}" type="search" data-keyboard-nav="${this.getAttribute("data-keyboard-nav") || ""}" label="${l$2(this.label)}" description="${l$2(this.description)}" name="${l$2(this.searchParameter || this.name)}" placeholder="${l$2(this.placeholder)}" ?readonly="${this.readonly}" autocomplete="off" clearable inlineContent size="${this.size}"><slot name="prefix" slot="prefix" @slotchange="${this.hasSlotOrProps}"></slot>${this.select ? y`<sonic-icon slot="suffix" class="select-chevron" name="nav-arrow-down" .size="${this.size}"></sonic-icon>` : b$1}</sonic-input><sonic-menu slot="content" class="custom-scroll" style="${this.offsetWidth ? `width: ${this.offsetWidth}px` : ""}"><sonic-queue dataProvider="${this.queueDataProvider}" filteredFields="${this.filteredFields}" dataProviderExpression="${this.dataProviderExpression}" dataFilterProvider="${this.searchDataProvider}" key="${this.key}" .templates="${this.templateList}" displayContents></sonic-queue><sonic-queue noLazyload dataProvider="${this.initQueueDataProvider}" filteredFields="${this.filteredFields}" dataProviderExpression="${this.dataProviderExpression}" dataFilterProvider="${this.initSearchDataProvider}" key="${this.key}" displayContents></sonic-queue></sonic-menu></sonic-pop>`;
   }
 };
 InputAutocomplete.styles = [
-  i$4`:host{display:block}`
+  customScroll,
+  i$4`:host{display:block}sonic-menu{display:block;max-height:clamp(20rem,55vh,35rem);min-width:14rem;width:100%}`
 ];
-__decorateClass$D([
+__decorateClass$C([
   e$7({ type: String })
 ], InputAutocomplete.prototype, "size", 2);
-__decorateClass$D([
+__decorateClass$C([
   e$7({ type: String })
 ], InputAutocomplete.prototype, "placeholder", 2);
-__decorateClass$D([
+__decorateClass$C([
   e$7()
 ], InputAutocomplete.prototype, "filteredFields", 2);
-__decorateClass$D([
+__decorateClass$C([
   e$7({ type: Boolean })
 ], InputAutocomplete.prototype, "readonly", 2);
-__decorateClass$D([
+__decorateClass$C([
   e$7({ type: String })
 ], InputAutocomplete.prototype, "dataProviderExpression", 2);
-__decorateClass$D([
+__decorateClass$C([
   e$7({ type: Boolean })
 ], InputAutocomplete.prototype, "select", 2);
-__decorateClass$D([
+__decorateClass$C([
   e$7({ type: String })
 ], InputAutocomplete.prototype, "key", 2);
-__decorateClass$D([
+__decorateClass$C([
   e$7({ type: String })
 ], InputAutocomplete.prototype, "searchParameter", 2);
-InputAutocomplete = __decorateClass$D([
+__decorateClass$C([
+  o$9({ slot: "prefix" })
+], InputAutocomplete.prototype, "slotInputPrefixNodes", 2);
+__decorateClass$C([
+  t$3()
+], InputAutocomplete.prototype, "hasInputPrefix", 2);
+InputAutocomplete = __decorateClass$C([
   e$8("sonic-input-autocomplete")
 ], InputAutocomplete);
-var __defProp$C = Object.defineProperty;
-var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
-var __decorateClass$C = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$C(target, key) : target;
+var __defProp$B = Object.defineProperty;
+var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
+var __decorateClass$B = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$B(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$C(target, key, result);
+    __defProp$B(target, key, result);
   return result;
 };
-const tagName$B = "sonic-password-helper";
+const tagName$A = "sonic-password-helper";
 let SonicComponent$1 = class extends Subscriber(s$3) {
   constructor() {
     super(...arguments);
@@ -7425,63 +7530,63 @@ let SonicComponent$1 = class extends Subscriber(s$3) {
     return y`<div>${this.wording_password_helper_decription}</div><div>${this.getIcon(this.hasEnoughChars)} ${this.wording_password_helper_min_length}</div><div>${this.getIcon(this.hasMinuscule)} ${this.wording_password_helper_lower_case}</div><div>${this.getIcon(this.hasMajuscule)} ${this.wording_password_helper_upper_case}</div><div>${this.getIcon(this.hasNumber)} ${this.wording_password_helper_number}</div><div>${this.getIcon(this.hasSpecialChar)} ${this.wording_password_helper_special_char}</div>`;
   }
 };
-__decorateClass$C([
+__decorateClass$B([
   e$7()
 ], SonicComponent$1.prototype, "name", 2);
-__decorateClass$C([
+__decorateClass$B([
   e$7()
 ], SonicComponent$1.prototype, "minChars", 2);
-__decorateClass$C([
+__decorateClass$B([
   t$3()
 ], SonicComponent$1.prototype, "hasNoChar", 2);
-__decorateClass$C([
+__decorateClass$B([
   t$3()
 ], SonicComponent$1.prototype, "hasEnoughChars", 2);
-__decorateClass$C([
+__decorateClass$B([
   t$3()
 ], SonicComponent$1.prototype, "hasMinuscule", 2);
-__decorateClass$C([
+__decorateClass$B([
   t$3()
 ], SonicComponent$1.prototype, "hasMajuscule", 2);
-__decorateClass$C([
+__decorateClass$B([
   t$3()
 ], SonicComponent$1.prototype, "hasNumber", 2);
-__decorateClass$C([
+__decorateClass$B([
   t$3()
 ], SonicComponent$1.prototype, "hasSpecialChar", 2);
-__decorateClass$C([
+__decorateClass$B([
   e$7()
 ], SonicComponent$1.prototype, "wording_password_helper_decription", 2);
-__decorateClass$C([
+__decorateClass$B([
   e$7()
 ], SonicComponent$1.prototype, "wording_password_helper_min_length", 2);
-__decorateClass$C([
+__decorateClass$B([
   e$7()
 ], SonicComponent$1.prototype, "wording_password_helper_lower_case", 2);
-__decorateClass$C([
+__decorateClass$B([
   e$7()
 ], SonicComponent$1.prototype, "wording_password_helper_upper_case", 2);
-__decorateClass$C([
+__decorateClass$B([
   e$7()
 ], SonicComponent$1.prototype, "wording_password_helper_number", 2);
-__decorateClass$C([
+__decorateClass$B([
   e$7()
 ], SonicComponent$1.prototype, "wording_password_helper_special_char", 2);
-SonicComponent$1 = __decorateClass$C([
-  e$8(tagName$B)
+SonicComponent$1 = __decorateClass$B([
+  e$8(tagName$A)
 ], SonicComponent$1);
-var __defProp$B = Object.defineProperty;
-var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
-var __decorateClass$B = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$B(target, key) : target;
+var __defProp$A = Object.defineProperty;
+var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
+var __decorateClass$A = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$A(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$B(target, key, result);
+    __defProp$A(target, key, result);
   return result;
 };
-const tagName$A = "sonic-same-value-helper";
+const tagName$z = "sonic-same-value-helper";
 let SonicComponent = class extends Subscriber(s$3) {
   constructor() {
     super(...arguments);
@@ -7521,39 +7626,39 @@ let SonicComponent = class extends Subscriber(s$3) {
     return y`<span>${this.areEqual ? o$3(this.descriptionWhenEqual) : o$3(this.descriptionWhenNotEqual)}</span>`;
   }
 };
-__decorateClass$B([
+__decorateClass$A([
   e$7()
 ], SonicComponent.prototype, "name", 2);
-__decorateClass$B([
+__decorateClass$A([
   e$7()
 ], SonicComponent.prototype, "sameValueAs", 2);
-__decorateClass$B([
+__decorateClass$A([
   e$7()
 ], SonicComponent.prototype, "descriptionWhenEqual", 2);
-__decorateClass$B([
+__decorateClass$A([
   e$7()
 ], SonicComponent.prototype, "descriptionWhenNotEqual", 2);
-__decorateClass$B([
+__decorateClass$A([
   t$3()
 ], SonicComponent.prototype, "areEqual", 2);
-__decorateClass$B([
+__decorateClass$A([
   t$3()
 ], SonicComponent.prototype, "hasNoChar", 2);
-SonicComponent = __decorateClass$B([
-  e$8(tagName$A)
+SonicComponent = __decorateClass$A([
+  e$8(tagName$z)
 ], SonicComponent);
-var __defProp$A = Object.defineProperty;
-var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
-var __decorateClass$A = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$A(target, key) : target;
+var __defProp$z = Object.defineProperty;
+var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
+var __decorateClass$z = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$z(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$A(target, key, result);
+    __defProp$z(target, key, result);
   return result;
 };
-const tagName$z = "sonic-checkbox";
+const tagName$y = "sonic-checkbox";
 let Checkbox = class extends Form$1(
   Form(Form$2(Subscriber$1(s$3)))
 ) {
@@ -7588,45 +7693,45 @@ Checkbox.styles = [
   fontSize,
   i$4`:host{--sc-checkbox-border-width:var(--sc-form-border-width);--sc-checkbox-border-color:var(--sc-input-border-color);--sc-checkbox-bg:var(--sc-input-bg);--sc-checkbox-color:transparent}*{box-sizing:border-box}.checkbox-container{min-height:1.4em;display:flex;gap:.5em;line-height:1.2;align-items:flex-start;font-size:var(--sc-fs)}.icon-container{position:relative;display:flex;flex-shrink:0}input{box-sizing:border-box;appearance:none;flex-shrink:0;height:calc(var(--sc-fs) * 1.25);width:calc(var(--sc-fs) * 1.25);display:block;cursor:pointer;border-radius:.25em;transition:.2s;outline:0;margin:0;background-color:var(--sc-checkbox-bg);border:var(--sc-checkbox-border-width) solid var(--sc-checkbox-border-color)}:host(:not([disabled])) input:active,input:focus{box-shadow:0 0 0 2px var(--sc-primary)}:host(:not([disabled])) label{cursor:pointer}sonic-icon{line-height:0;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) scale(0);transition:transform .2s ease-in-out;color:var(--sc-checkbox-color)}.description{color:var(--sc-base-400);font-size:.85em;margin-top:.2em;display:block}input:checked,input[checked],input[data-indeterminate]{--sc-checkbox-border-color:var(--sc-primary);--sc-checkbox-bg:var(--sc-primary)}input:checked+sonic-icon,input[checked]+sonic-icon,input[data-indeterminate]+sonic-icon{--sc-checkbox-color:var(--sc-primary-content);transform:translateX(-50%) translateY(-50%) scale(1)}.disabled{cursor:not-allowed}.disabled input{opacity:.4}.disabled .checkbox-text{opacity:.6}:host(:not([disabled])) label:hover input{filter:brightness(.97)}::slotted(a){color:inherit;text-decoration:underline!important}::slotted(a:hover){text-decoration:none!important}.hidden{display:none}`
 ];
-__decorateClass$A([
+__decorateClass$z([
   e$7({ type: Boolean, reflect: true })
 ], Checkbox.prototype, "touched", 2);
-__decorateClass$A([
+__decorateClass$z([
   e$7({ type: String })
 ], Checkbox.prototype, "iconName", 2);
-__decorateClass$A([
+__decorateClass$z([
   e$7({ type: String })
 ], Checkbox.prototype, "indeterminateIconName", 2);
-__decorateClass$A([
+__decorateClass$z([
   e$7({ type: Boolean })
 ], Checkbox.prototype, "showAsIndeterminate", 2);
-__decorateClass$A([
+__decorateClass$z([
   e$7({ type: Boolean })
 ], Checkbox.prototype, "hasDescription", 2);
-__decorateClass$A([
+__decorateClass$z([
   e$7({ type: Boolean })
 ], Checkbox.prototype, "hasLabel", 2);
-__decorateClass$A([
+__decorateClass$z([
   o$9()
 ], Checkbox.prototype, "slotLabelNodes", 2);
-__decorateClass$A([
+__decorateClass$z([
   o$9({ slot: "description" })
 ], Checkbox.prototype, "slotDescriptionNodes", 2);
-Checkbox = __decorateClass$A([
-  e$8(tagName$z)
+Checkbox = __decorateClass$z([
+  e$8(tagName$y)
 ], Checkbox);
-var __defProp$z = Object.defineProperty;
-var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
-var __decorateClass$z = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$z(target, key) : target;
+var __defProp$y = Object.defineProperty;
+var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
+var __decorateClass$y = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$y(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$z(target, key, result);
+    __defProp$y(target, key, result);
   return result;
 };
-const tagName$y = "sonic-radio";
+const tagName$x = "sonic-radio";
 let Radio = class extends Checkbox {
   constructor() {
     super();
@@ -7641,21 +7746,21 @@ Radio.styles = [
   Checkbox.styles,
   i$4`:host input{border-radius:50%}:host sonic-icon{border-radius:50%;overflow:hidden;background-color:var(--sc-primary-content);line-height:0;display:block;font-size:1em;height:.6em;width:.6em}`
 ];
-Radio = __decorateClass$z([
-  e$8(tagName$y)
+Radio = __decorateClass$y([
+  e$8(tagName$x)
 ], Radio);
-var __defProp$y = Object.defineProperty;
-var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
-var __decorateClass$y = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$y(target, key) : target;
+var __defProp$x = Object.defineProperty;
+var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
+var __decorateClass$x = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$y(target, key, result);
+    __defProp$x(target, key, result);
   return result;
 };
-const tagName$x = "sonic-select";
+const tagName$w = "sonic-select";
 let Select = class extends Form$2(Subscriber$1(s$3)) {
   constructor() {
     super(...arguments);
@@ -7786,75 +7891,75 @@ Select.styles = [
   description,
   i$4`.form-element{appearance:none}:host([disabled]) sonic-icon{opacity:0}@supports selector(:has(*)){:host(:not([disabled])) .form-element:not(:has(option:only-child)){padding-right:max(1.275em,calc(1.5 * var(--sc-input-px)))}}@supports not selector(:has(*)){:host(:not([disabled])) .form-element{padding-right:max(1.275em,calc(1.5 * var(--sc-input-px)))}}.form-select-wrapper{position:relative;width:100%}sonic-icon{position:absolute;right:calc(.8 * var(--sc-input-px));top:50%;pointer-events:none;transform:translateY(-50%);color:var(--sc-input-c)}option{padding:.1rem var(--sc-input-px);color:var(--sc-base-content);background:var(--sc-base)}select[multiple] option{background:0 0;padding:0}`
 ];
-__decorateClass$y([
+__decorateClass$x([
   e$7({ type: String })
 ], Select.prototype, "valueKey", 2);
-__decorateClass$y([
+__decorateClass$x([
   e$7({ type: String })
 ], Select.prototype, "wordingKey", 2);
-__decorateClass$y([
+__decorateClass$x([
   e$7({ type: Boolean })
 ], Select.prototype, "multiple", 2);
-__decorateClass$y([
+__decorateClass$x([
   e$7({ type: String, reflect: true })
 ], Select.prototype, "size", 2);
-__decorateClass$y([
+__decorateClass$x([
   e$7({ type: Number })
 ], Select.prototype, "selectSize", 2);
-__decorateClass$y([
+__decorateClass$x([
   e$7({ type: Array })
 ], Select.prototype, "options", 1);
-__decorateClass$y([
+__decorateClass$x([
   e$7({ reflect: true })
 ], Select.prototype, "value", 1);
-__decorateClass$y([
+__decorateClass$x([
   e$7({ type: Boolean })
 ], Select.prototype, "forceAutoFill", 2);
-__decorateClass$y([
+__decorateClass$x([
   e$7()
 ], Select.prototype, "description", 1);
-__decorateClass$y([
+__decorateClass$x([
   e$7()
 ], Select.prototype, "label", 1);
-__decorateClass$y([
+__decorateClass$x([
   o$9({ slot: "label" })
 ], Select.prototype, "slotLabelNodes", 2);
-__decorateClass$y([
+__decorateClass$x([
   o$9({ slot: "description" })
 ], Select.prototype, "slotDescriptionNodes", 2);
-__decorateClass$y([
+__decorateClass$x([
   o$9({ slot: "suffix" })
 ], Select.prototype, "slotSuffixNodes", 2);
-__decorateClass$y([
+__decorateClass$x([
   o$9({ slot: "prefix" })
 ], Select.prototype, "slotPrefixNodes", 2);
-__decorateClass$y([
+__decorateClass$x([
   t$3()
 ], Select.prototype, "hasDescription", 2);
-__decorateClass$y([
+__decorateClass$x([
   t$3()
 ], Select.prototype, "hasLabel", 2);
-__decorateClass$y([
+__decorateClass$x([
   t$3()
 ], Select.prototype, "hasSuffix", 2);
-__decorateClass$y([
+__decorateClass$x([
   t$3()
 ], Select.prototype, "hasPrefix", 2);
-Select = __decorateClass$y([
-  e$8(tagName$x)
+Select = __decorateClass$x([
+  e$8(tagName$w)
 ], Select);
-var __defProp$x = Object.defineProperty;
-var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
-var __decorateClass$x = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
+var __defProp$w = Object.defineProperty;
+var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
+var __decorateClass$w = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$x(target, key, result);
+    __defProp$w(target, key, result);
   return result;
 };
-const tagName$w = "sonic-textarea";
+const tagName$v = "sonic-textarea";
 let Textarea = class extends Form(Form$2(Subscriber$1(s$3))) {
   constructor() {
     super(...arguments);
@@ -7900,54 +8005,54 @@ Textarea.styles = [
   customScroll,
   i$4`textarea{font-size:inherit}`
 ];
-__decorateClass$x([
+__decorateClass$w([
   e$7({ type: String })
 ], Textarea.prototype, "size", 2);
-__decorateClass$x([
+__decorateClass$w([
   e$7({ type: Number })
 ], Textarea.prototype, "rows", 2);
-__decorateClass$x([
+__decorateClass$w([
   e$7({ type: Number })
 ], Textarea.prototype, "cols", 2);
-__decorateClass$x([
+__decorateClass$w([
   e$7({ type: Number })
 ], Textarea.prototype, "maxlength", 2);
-__decorateClass$x([
+__decorateClass$w([
   e$7({ type: Number })
 ], Textarea.prototype, "minlength", 2);
-__decorateClass$x([
+__decorateClass$w([
   e$7({ type: String })
 ], Textarea.prototype, "wrap", 2);
-__decorateClass$x([
+__decorateClass$w([
   e$7({ type: Boolean })
 ], Textarea.prototype, "readonly", 2);
-__decorateClass$x([
+__decorateClass$w([
   e$7({ type: String })
 ], Textarea.prototype, "placeholder", 2);
-__decorateClass$x([
+__decorateClass$w([
   o$9({ slot: "label" })
 ], Textarea.prototype, "slotLabelNodes", 2);
-__decorateClass$x([
+__decorateClass$w([
   o$9({ slot: "description" })
 ], Textarea.prototype, "slotDescriptionNodes", 2);
-__decorateClass$x([
+__decorateClass$w([
   t$3()
 ], Textarea.prototype, "hasDescription", 2);
-__decorateClass$x([
+__decorateClass$w([
   t$3()
 ], Textarea.prototype, "hasLabel", 2);
-Textarea = __decorateClass$x([
-  e$8(tagName$w)
+Textarea = __decorateClass$w([
+  e$8(tagName$v)
 ], Textarea);
-var __defProp$w = Object.defineProperty;
-var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
-var __decorateClass$w = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
+var __defProp$v = Object.defineProperty;
+var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
+var __decorateClass$v = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$w(target, key, result);
+    __defProp$v(target, key, result);
   return result;
 };
 let LegendDescription = class extends s$3 {
@@ -7958,21 +8063,21 @@ let LegendDescription = class extends s$3 {
 LegendDescription.styles = [
   i$4`:host{color:var(--sc-neutral-500);font-size:1.25rem;line-height:1.2;display:block;font-weight:var(--sc-font-weight-base);font-style:var(--sc-font-style-base);margin-top:.25em}`
 ];
-LegendDescription = __decorateClass$w([
+LegendDescription = __decorateClass$v([
   e$8("sonic-legend-description")
 ], LegendDescription);
-var __defProp$v = Object.defineProperty;
-var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
-var __decorateClass$v = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
+var __defProp$u = Object.defineProperty;
+var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
+var __decorateClass$u = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$v(target, key, result);
+    __defProp$u(target, key, result);
   return result;
 };
-const tagName$v = "sonic-legend";
+const tagName$u = "sonic-legend";
 let Legend = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -8003,39 +8108,39 @@ let Legend = class extends s$3 {
 Legend.styles = [
   i$4`:host{--sc-legend-font-size:1.5rem;--sc-legend-font-weight:var(--sc-font-weight-base);--sc-legend-font-style:var(--sc-headings-font-style);--sc-legend-family:var(--sc-headings-font-family);--sc-legend-line-height:var(--sc-headings-line-height);--sc-legend-color:var(--sc-base-content);display:flex;width:100%}legend{font-size:var(--sc-legend-font-size);font-weight:var(--sc-legend-font-weight);font-style:var(--sc-legend-font-style);font-family:var(--sc-legend-font-family);line-height:var(--sc-legend-line-height);color:var(--sc-legend-color);padding:0;display:flex;width:100%;align-items:flex-start;gap:.5em}slot[name=suffix]{display:block;margin-left:auto;flex-shrink:0}.legend-content{flex-grow:1}`
 ];
-__decorateClass$v([
+__decorateClass$u([
   e$7({ type: Boolean })
 ], Legend.prototype, "forceAutoFill", 2);
-__decorateClass$v([
+__decorateClass$u([
   e$7()
 ], Legend.prototype, "description", 1);
-__decorateClass$v([
+__decorateClass$u([
   e$7()
 ], Legend.prototype, "label", 1);
-__decorateClass$v([
+__decorateClass$u([
   e$7({ type: String })
 ], Legend.prototype, "iconName", 2);
-__decorateClass$v([
+__decorateClass$u([
   e$7({ type: String })
 ], Legend.prototype, "iconLibrary", 2);
-__decorateClass$v([
+__decorateClass$u([
   e$7({ type: String })
 ], Legend.prototype, "iconPrefix", 2);
-Legend = __decorateClass$v([
-  e$8(tagName$v)
+Legend = __decorateClass$u([
+  e$8(tagName$u)
 ], Legend);
-var __defProp$u = Object.defineProperty;
-var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
-var __decorateClass$u = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
+var __defProp$t = Object.defineProperty;
+var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
+var __decorateClass$t = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$u(target, key, result);
+    __defProp$t(target, key, result);
   return result;
 };
-const tagName$u = "sonic-fieldset";
+const tagName$t = "sonic-fieldset";
 let Fieldset = class extends Subscriber$1(s$3) {
   constructor() {
     super(...arguments);
@@ -8049,75 +8154,45 @@ let Fieldset = class extends Subscriber$1(s$3) {
 Fieldset.styles = [
   i$4`:host{--sc-fieldset-mt:0;--sc-fieldset-mb:1rem;--sc-fieldset-border-color:var(--sc-border-color);--sc-fieldset-border-width:var(--sc-form-border-width);margin-top:var(--sc-fieldset-mt);margin-bottom:var(--sc-fieldset-mb);display:block;border:var(--sc-fieldset-border-width) solid var(--sc-fieldset-border-color)!important;padding:1.8rem 1.25rem;border-radius:var(--sc-rounded-lg)}fieldset{all:unset;display:contents}:host([variant=ghost]),:host([variant=shadow]){--sc-fieldset-border-color:transparent}:host([variant=shadow]){--sc-fieldset-border-color:transparent;box-shadow:var(--sc-shadow-lg)}::slotted(sonic-legend),sonic-legend{margin-bottom:1.5rem;display:block}::slotted(sonic-legend:last-child){margin-bottom:0}`
 ];
-__decorateClass$u([
+__decorateClass$t([
   e$7({ type: Boolean, reflect: true })
 ], Fieldset.prototype, "disabled", 2);
-__decorateClass$u([
+__decorateClass$t([
   e$7({ type: String })
 ], Fieldset.prototype, "form", 2);
-__decorateClass$u([
+__decorateClass$t([
   e$7({ type: String })
 ], Fieldset.prototype, "label", 2);
-__decorateClass$u([
+__decorateClass$t([
   e$7({ type: String })
 ], Fieldset.prototype, "description", 2);
-__decorateClass$u([
+__decorateClass$t([
   e$7({ type: String })
 ], Fieldset.prototype, "iconName", 2);
-__decorateClass$u([
+__decorateClass$t([
   e$7({ type: String })
 ], Fieldset.prototype, "iconLibrary", 2);
-__decorateClass$u([
+__decorateClass$t([
   e$7({ type: String })
 ], Fieldset.prototype, "iconPrefix", 2);
-__decorateClass$u([
+__decorateClass$t([
   e$7({ type: String, reflect: true })
 ], Fieldset.prototype, "variant", 2);
-Fieldset = __decorateClass$u([
-  e$8(tagName$u)
+Fieldset = __decorateClass$t([
+  e$8(tagName$t)
 ], Fieldset);
-class s {
-  constructor(s2, { target: t2, config: i2, callback: h2, skipInitial: e2 }) {
-    this.t = /* @__PURE__ */ new Set(), this.o = false, this.i = false, this.h = s2, null !== t2 && this.t.add(null != t2 ? t2 : s2), this.l = i2, this.o = null != e2 ? e2 : this.o, this.callback = h2, window.ResizeObserver ? (this.u = new ResizeObserver((s3) => {
-      this.handleChanges(s3), this.h.requestUpdate();
-    }), s2.addController(this)) : console.warn("ResizeController error: browser does not support ResizeObserver.");
-  }
-  handleChanges(s2) {
-    var t2;
-    this.value = null === (t2 = this.callback) || void 0 === t2 ? void 0 : t2.call(this, s2, this.u);
-  }
-  hostConnected() {
-    for (const s2 of this.t)
-      this.observe(s2);
-  }
-  hostDisconnected() {
-    this.disconnect();
-  }
-  async hostUpdated() {
-    !this.o && this.i && this.handleChanges([]), this.i = false;
-  }
-  observe(s2) {
-    this.t.add(s2), this.u.observe(s2, this.l), this.i = true, this.h.requestUpdate();
-  }
-  unobserve(s2) {
-    this.t.delete(s2), this.u.unobserve(s2);
-  }
-  disconnect() {
-    this.u.disconnect();
-  }
-}
-var __defProp$t = Object.defineProperty;
-var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
-var __decorateClass$t = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
+var __defProp$s = Object.defineProperty;
+var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
+var __decorateClass$s = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$t(target, key, result);
+    __defProp$s(target, key, result);
   return result;
 };
-const tagName$t = "sonic-form-layout";
+const tagName$s = "sonic-form-layout";
 let FormLayout = class extends Subscriber$1(s$3) {
   constructor() {
     super(...arguments);
@@ -8139,29 +8214,29 @@ let FormLayout = class extends Subscriber$1(s$3) {
   }
 };
 FormLayout.styles = [
-  i$4`:host{display:block}div{display:grid;grid-gap:1.5rem;align-items:flex-start}.cq--md{grid-gap:1.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.one-form-element{grid-template-columns:1fr}::slotted(:not(sonic-input):not(sonic-select):not(sonic-input-autocomplete):not(.form-item-container)){grid-column:1/-1}::slotted(sonic-divider){--sc-divider-my:0}`
+  i$4`:host{display:block}div{display:grid;grid-gap:1.5rem;align-items:flex-start}.cq--md{grid-gap:1.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.one-form-element{grid-template-columns:1fr}::slotted(sonic-submit){display:contents}::slotted(:not(sonic-input):not(sonic-select):not(sonic-input-autocomplete):not(.form-item-container)){grid-column:1/-1}::slotted(sonic-divider){--sc-divider-my:0}`
 ];
-__decorateClass$t([
+__decorateClass$s([
   l$6({ flatten: true })
 ], FormLayout.prototype, "slottedElements", 2);
-__decorateClass$t([
+__decorateClass$s([
   e$7({ type: Boolean })
 ], FormLayout.prototype, "oneFormElement", 2);
-FormLayout = __decorateClass$t([
-  e$8(tagName$t)
+FormLayout = __decorateClass$s([
+  e$8(tagName$s)
 ], FormLayout);
-var __defProp$s = Object.defineProperty;
-var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
-var __decorateClass$s = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
+var __defProp$r = Object.defineProperty;
+var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
+var __decorateClass$r = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$s(target, key, result);
+    __defProp$r(target, key, result);
   return result;
 };
-const tagName$s = "sonic-form-actions";
+const tagName$r = "sonic-form-actions";
 let FormActions = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -8179,27 +8254,27 @@ let FormActions = class extends s$3 {
 FormActions.styles = [
   i$4`:host{display:block}slot{display:flex;flex-wrap:wrap;gap:.3rem}`
 ];
-__decorateClass$s([
+__decorateClass$r([
   e$7({ type: String })
 ], FormActions.prototype, "direction", 2);
-__decorateClass$s([
+__decorateClass$r([
   e$7({ type: String })
 ], FormActions.prototype, "justify", 2);
-FormActions = __decorateClass$s([
-  e$8(tagName$s)
+FormActions = __decorateClass$r([
+  e$8(tagName$r)
 ], FormActions);
-var __defProp$r = Object.defineProperty;
-var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
-var __decorateClass$r = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
+var __defProp$q = Object.defineProperty;
+var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
+var __decorateClass$q = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$r(target, key, result);
+    __defProp$q(target, key, result);
   return result;
 };
-const tagName$r = "sonic-group";
+const tagName$q = "sonic-group";
 let Group = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -8254,42 +8329,42 @@ Group.styles = [
   description,
   i$4`:host{display:inline-block;vertical-align:middle}.main-slot{width:100%;display:flex}.hidden{display:none}::slotted(sonic-button),::slotted(sonic-input),::slotted(sonic-select){flex-grow:1}`
 ];
-__decorateClass$r([
+__decorateClass$q([
   e$7({ type: String })
 ], Group.prototype, "alignItems", 2);
-__decorateClass$r([
+__decorateClass$q([
   e$7({ type: String })
 ], Group.prototype, "label", 2);
-__decorateClass$r([
+__decorateClass$q([
   e$7({ type: String })
 ], Group.prototype, "description", 2);
-__decorateClass$r([
+__decorateClass$q([
   o$9({ slot: "label" })
 ], Group.prototype, "slotLabelNodes", 2);
-__decorateClass$r([
+__decorateClass$q([
   o$9({ slot: "description" })
 ], Group.prototype, "slotDescriptionNodes", 2);
-__decorateClass$r([
+__decorateClass$q([
   t$3()
 ], Group.prototype, "hasDescription", 2);
-__decorateClass$r([
+__decorateClass$q([
   t$3()
 ], Group.prototype, "hasLabel", 2);
-Group = __decorateClass$r([
-  e$8(tagName$r)
+Group = __decorateClass$q([
+  e$8(tagName$q)
 ], Group);
-var __defProp$q = Object.defineProperty;
-var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
-var __decorateClass$q = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
+var __defProp$p = Object.defineProperty;
+var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
+var __decorateClass$p = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
   for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
     if (decorator = decorators[i2])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
   if (kind && result)
-    __defProp$q(target, key, result);
+    __defProp$p(target, key, result);
   return result;
 };
-const tagName$q = "sonic-image";
+const tagName$p = "sonic-image";
 let Image = class extends s$3 {
   constructor() {
     super(...arguments);
@@ -8302,6 +8377,17 @@ let Image = class extends s$3 {
     this.imageRendering = "auto";
     this.cover = false;
   }
+  firstUpdated() {
+    var _a2;
+    if (this.transition) {
+      const img = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector("img");
+      if (!img)
+        return;
+      img.onload = function() {
+        img.classList.add("loaded");
+      };
+    }
+  }
   render() {
     const imgStyles = {
       aspectRatio: this.cover ? "auto" : this.ratio,
@@ -8312,148 +8398,38 @@ let Image = class extends s$3 {
   }
 };
 Image.styles = [
-  i$4`:host{--sc-img-radius:0;--sc-img-bg:var(--sc-placeholder-bg);border-radius:var(--sc-img-radius);display:block;width:100%;background:var(--sc-img-bg)}img{width:100%;vertical-align:middle;object-fit:cover}img[src=""]{visibility:hidden}:host([rounded]){--sc-img-radius:var(--sc-rounded);overflow:hidden}:host([rounded=sm]){--sc-img-radius:var(--sc-rounded-sm)}:host([rounded=md]){--sc-img-radius:var(--sc-rounded-md)}:host([rounded=lg]){--sc-img-radius:var(--sc-rounded-lg)}:host([rounded=xl]){--sc-img-radius:var(--sc-rounded-xl)}:host([rounded=full]){--sc-img-radius:50%!important}:host([rounded=none]){--sc-img-radius:0!important}:host([cover]),:host([cover]) img,:host([cover])>div{position:absolute!important;left:0!important;top:0!important;right:0!important;bottom:0!important;height:100%!important;width:100%!important}`
+  i$4`:host{--sc-img-radius:0;--sc-img-bg:var(--sc-placeholder-bg);border-radius:var(--sc-img-radius);display:block;width:100%;background:var(--sc-img-bg)}img{width:100%;vertical-align:middle;object-fit:cover}img[src=""]{visibility:hidden}:host([rounded]){--sc-img-radius:var(--sc-rounded);overflow:hidden}:host([rounded=sm]){--sc-img-radius:var(--sc-rounded-sm)}:host([rounded=md]){--sc-img-radius:var(--sc-rounded-md)}:host([rounded=lg]){--sc-img-radius:var(--sc-rounded-lg)}:host([rounded=xl]){--sc-img-radius:var(--sc-rounded-xl)}:host([rounded=full]){--sc-img-radius:50%!important}:host([rounded=none]){--sc-img-radius:0!important}:host([cover]),:host([cover]) img,:host([cover])>div{position:absolute!important;left:0!important;top:0!important;right:0!important;bottom:0!important;height:100%!important;width:100%!important}:host([transition]) img{opacity:0;transition:.25s}:host([transition=fade-scale-out]) img{scale:1.08;transition:opacity .3s linear,scale .3s cubic-bezier(.16,1,.3,1)}:host([transition]) img.loaded{opacity:1;scale:1}`
 ];
-__decorateClass$q([
+__decorateClass$p([
   e$7({ type: String })
 ], Image.prototype, "rounded", 2);
-__decorateClass$q([
+__decorateClass$p([
   e$7({ type: String })
 ], Image.prototype, "src", 2);
-__decorateClass$q([
+__decorateClass$p([
   e$7({ type: String })
 ], Image.prototype, "alt", 2);
-__decorateClass$q([
+__decorateClass$p([
   e$7({ type: String })
 ], Image.prototype, "loading", 2);
-__decorateClass$q([
+__decorateClass$p([
+  e$7({ type: String, reflect: true })
+], Image.prototype, "transition", 2);
+__decorateClass$p([
   e$7({ type: String })
 ], Image.prototype, "ratio", 2);
-__decorateClass$q([
+__decorateClass$p([
   e$7({ type: String })
 ], Image.prototype, "objectPosition", 2);
-__decorateClass$q([
+__decorateClass$p([
   e$7({ type: String })
 ], Image.prototype, "imageRendering", 2);
-__decorateClass$q([
+__decorateClass$p([
   e$7({ type: Boolean, reflect: true })
 ], Image.prototype, "cover", 2);
-Image = __decorateClass$q([
-  e$8(tagName$q)
-], Image);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const d = e$2(class extends i$2 {
-  constructor(t2) {
-    super(t2), this.et = /* @__PURE__ */ new WeakMap();
-  }
-  render(t2) {
-    return [t2];
-  }
-  update(s2, [e2]) {
-    if (n$2(this.it) && (!n$2(e2) || this.it.strings !== e2.strings)) {
-      const e3 = m(s2).pop();
-      let o2 = this.et.get(this.it.strings);
-      if (void 0 === o2) {
-        const s3 = document.createDocumentFragment();
-        o2 = Z(b$1, s3), o2.setConnected(false), this.et.set(this.it.strings, o2);
-      }
-      s$2(o2, [e3]), r$2(o2, void 0, e3);
-    }
-    if (n$2(e2)) {
-      if (!n$2(this.it) || this.it.strings !== e2.strings) {
-        const t2 = this.et.get(e2.strings);
-        if (void 0 !== t2) {
-          const i2 = m(t2).pop();
-          a$1(s2), r$2(s2, void 0, i2), s$2(s2, [i2]);
-        }
-      }
-      this.it = e2;
-    } else
-      this.it = void 0;
-    return this.render(e2);
-  }
-});
-var __defProp$p = Object.defineProperty;
-var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
-var __decorateClass$p = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$p(target, key, result);
-  return result;
-};
-const tagName$p = "sonic-event-taxonomy";
-let Taxonomy = class extends s$3 {
-  constructor() {
-    super(...arguments);
-    this.icon = { name: "" };
-    this.taxonomy = [];
-    this.separator = ",&nbsp;";
-    this.key = "";
-    this.displayAll = false;
-    this.contrast = false;
-    this.type = "default";
-    this.variant = "default";
-    this.size = "md";
-  }
-  render() {
-    if (!Array.isArray(this.taxonomy))
-      return b$1;
-    const key = this.key + "_display";
-    const taxo = this.displayAll ? this.taxonomy : this.taxonomy.filter(
-      (elt) => elt != null && (elt[key] === true || elt[key] == "1" || !Object.hasOwnProperty.call(elt, key))
-    );
-    if (taxo.length === 0) {
-      this.style.display = "none";
-      return b$1;
-    }
-    this.style.removeProperty("display");
-    return d(y`<sonic-badge type="${this.type}" variant="${this.variant}" size="${this.size}" ?contrast="${this.contrast}"><sonic-icon slot="prefix" library="${l$2(this.icon.library)}" prefix="${l$2(this.icon.prefix)}" name="${l$2(this.icon.name)}"></sonic-icon><span class="taxonomy-list">${c$1(
-      taxo,
-      (item) => item[this.key + "_id"],
-      (item) => {
-        return y`<span>${item[this.key + "_name"] || item["name"]}</span><span class="sonic-taxonomy-separator">${o$3(this.separator)}</span>`;
-      }
-    )}</span></sonic-badge>`);
-  }
-};
-Taxonomy.styles = i$4`:host .sonic-taxonomy-separator:last-child{display:none}.taxonomy-list{display:flex;flex-wrap:wrap}`;
-__decorateClass$p([
-  e$7({ type: Object })
-], Taxonomy.prototype, "icon", 2);
-__decorateClass$p([
-  e$7({ type: Array })
-], Taxonomy.prototype, "taxonomy", 2);
-__decorateClass$p([
-  e$7({ type: String })
-], Taxonomy.prototype, "separator", 2);
-__decorateClass$p([
-  e$7({ type: String })
-], Taxonomy.prototype, "key", 2);
-__decorateClass$p([
-  e$7({ type: Boolean })
-], Taxonomy.prototype, "displayAll", 2);
-__decorateClass$p([
-  e$7({ type: Boolean })
-], Taxonomy.prototype, "contrast", 2);
-__decorateClass$p([
-  e$7({ type: String, reflect: true })
-], Taxonomy.prototype, "type", 2);
-__decorateClass$p([
-  e$7({ type: String, reflect: true })
-], Taxonomy.prototype, "variant", 2);
-__decorateClass$p([
-  e$7({ type: String, reflect: true })
-], Taxonomy.prototype, "size", 2);
-Taxonomy = __decorateClass$p([
+Image = __decorateClass$p([
   e$8(tagName$p)
-], Taxonomy);
+], Image);
 var __defProp$o = Object.defineProperty;
 var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
 var __decorateClass$o = (decorators, target, key, kind) => {
@@ -8823,6 +8799,10 @@ let Modal = class extends Subscriber$1(s$3) {
       modal.maxWidth = options == null ? void 0 : options.maxWidth;
     if (options.width)
       modal.width = options == null ? void 0 : options.width;
+    if (options.maxHeight)
+      modal.maxHeight = options == null ? void 0 : options.maxHeight;
+    if (options.height)
+      modal.height = options == null ? void 0 : options.height;
     if (options.paddingX)
       modal.style.setProperty("--sc-modal-px", options == null ? void 0 : options.paddingX);
     if (options.paddingY)
@@ -8938,7 +8918,7 @@ let Modal = class extends Subscriber$1(s$3) {
 };
 Modal.styles = [
   customScroll,
-  i$4`:host{--sc-modal-py:2.5rem;--sc-modal-px:1.5rem;--sc-modal-max-w:min(100vw, 64ch);--sc-modal-max-h:80vh;--sc-modal-rounded:var(--sc-rounded-lg);--sc-modal-z-index:990}*{box-sizing:border-box}.modal-wrapper{position:fixed;bottom:0;left:0;width:100%;z-index:calc(var(--sc-modal-z-index) + 1);align-items:center;justify-content:center;flex-direction:column;display:flex;pointer-events:none}.modal-content{display:flex;flex-direction:column;min-height:10rem;line-height:1.25}.modal{background:var(--sc-base);color:var(--sc-base-content);width:100%;box-shadow:var(--sc-shadow-lg);border-radius:var(--sc-modal-rounded) var(--sc-modal-rounded) 0 0;pointer-events:auto;transform:translateZ(0)}.overlay{background:var(--sc-modal-overlay-bg,var(--sc-base-200));left:0;top:0;right:0;bottom:0;z-index:var(--sc-modal-z-index);opacity:.8;position:fixed}::slotted(sonic-modal-title){margin-bottom:1.25rem}::slotted(sonic-modal-subtitle){margin-top:-.9rem;margin-bottom:1.25rem}@media (max-width:767.5px){.modal,.modal-wrapper{max-width:none!important;width:100%!important;border-radius:var(--sc-modal-rounded) var(--sc-modal-rounded) 0 0!important}}@media (min-width:768px){.modal-wrapper{top:50%;left:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%)}.modal{top:50%;bottom:auto;right:auto;border-radius:var(--sc-modal-rounded)}}:host([align=left]) .modal-content{text-align:left;align-items:flex-start}:host([align=center]) .modal-content{text-align:center;align-items:center}:host([align=right]) .modal-content{text-align:right;align-items:flex-end}:host([rounded=none]) modal{--sc-img-radius:0!important}`
+  i$4`:host{--sc-modal-py:2.5rem;--sc-modal-px:1.5rem;--sc-modal-max-w:min(100vw, 64ch);--sc-modal-max-h:85vh;--sc-modal-rounded:var(--sc-rounded-lg);--sc-modal-z-index:990}*{box-sizing:border-box}.modal-wrapper{position:fixed;bottom:0;left:0;width:100%;z-index:calc(var(--sc-modal-z-index) + 1);align-items:center;justify-content:center;flex-direction:column;display:flex;pointer-events:none}.modal-content{display:flex;flex-direction:column;min-height:10rem;line-height:1.25}.modal{background:var(--sc-base);color:var(--sc-base-content);width:100%;box-shadow:var(--sc-shadow-lg);border-radius:var(--sc-modal-rounded) var(--sc-modal-rounded) 0 0;pointer-events:auto;transform:translateZ(0)}.overlay{background:var(--sc-modal-overlay-bg,var(--sc-base-200));left:0;top:0;right:0;bottom:0;z-index:var(--sc-modal-z-index);opacity:.8;position:fixed}::slotted(sonic-modal-title){margin-bottom:1.25rem}::slotted(sonic-modal-subtitle){margin-top:-.9rem;margin-bottom:1.25rem}@media (max-width:767.5px){.modal,.modal-wrapper{max-width:none!important;width:100%!important;border-radius:var(--sc-modal-rounded) var(--sc-modal-rounded) 0 0!important}}@media (min-width:768px){.modal-wrapper{top:50%;left:50%;bottom:auto;right:auto;transform:translateX(-50%) translateY(-50%)}.modal{top:50%;bottom:auto;right:auto;border-radius:var(--sc-modal-rounded)}}:host([align=left]) .modal-content{text-align:left;align-items:flex-start}:host([align=center]) .modal-content{text-align:center;align-items:center}:host([align=right]) .modal-content{text-align:right;align-items:flex-end}:host([rounded=none]) modal{--sc-img-radius:0!important}`
 ];
 __decorateClass$i([
   e$7({ type: Boolean })