@supersoniks/concorde 3.2.2 → 3.2.4

package/dist/concorde-core.es.js

@@ -55,7 +55,7 @@ let J = class Lt {
     const h = Lt.getAncestorAttributeValue(
       t,
       "credentials"
-    ) || void 0, f = t.getAttribute("cache"), d = t.hasAttribute("blockUntilDone");
+    ) || void 0, u = t.getAttribute("cache"), d = t.hasAttribute("blockUntilDone");
     return {
       serviceURL: e,
       token: i,
@@ -65,7 +65,7 @@ let J = class Lt {
       tokenProvider: l,
       addHTTPResponse: s,
       credentials: h,
-      cache: f,
+      cache: u,
       blockUntilDone: d
     };
   }
@@ -127,9 +127,9 @@ let us = class {
   }
   static minutesDuration(t, i = "", s = "long") {
     i || (i = J.getLanguage());
-    const e = (h, f) => [Math.floor(h / f), h % f];
-    function o(h, f, d) {
-      return new Intl.NumberFormat(h, { style: "unit", unit: f, unitDisplay: d }).format;
+    const e = (h, u) => [Math.floor(h / u), h % u];
+    function o(h, u, d) {
+      return new Intl.NumberFormat(h, { style: "unit", unit: u, unitDisplay: d }).format;
     }
     const [n, l] = e(t, 60), c = [];
     return n && c.push(o(i, "hour", s)(n)), l && c.push(o(i, "minute", s)(l)), new Intl.ListFormat(i, {
@@ -171,9 +171,9 @@ function ls(r) {
 function Ve(r) {
   return typeof r == "object" && r != null;
 }
-let xe = "sonic";
-typeof __SONIC_PREFIX__ > "u" && (xe = "sonic");
-const js = xe == "sonic" ? "publisher-proxies-data" : xe + "-publisher-proxies-data";
+let Pe = "sonic";
+typeof __SONIC_PREFIX__ > "u" && (Pe = "sonic");
+const js = Pe == "sonic" ? "publisher-proxies-data" : Pe + "-publisher-proxies-data";
 var At;
 let di = (At = class {
   constructor(t, i, s) {
@@ -386,7 +386,7 @@ let di = (At = class {
    * retourner le webcomponent auquel le proxy est associé
    */
   get $tag() {
-    return this._instanceCounter_ || (At.instancesCounter++, this._instanceCounter_ = At.instancesCounter), At.instances.set(this._instanceCounter_, this), "<" + xe + '-publisher-proxy publisher="' + this._instanceCounter_ + '"></' + xe + "-publisher-proxy>";
+    return this._instanceCounter_ || (At.instancesCounter++, this._instanceCounter_ = At.instancesCounter), At.instances.set(this._instanceCounter_, this), "<" + Pe + '-publisher-proxy publisher="' + this._instanceCounter_ + '"></' + Pe + "-publisher-proxy>";
   }
 }, At.instances = /* @__PURE__ */ new Map(), At.instancesCounter = 0, At);
 var D;
@@ -543,20 +543,20 @@ let T = (D = class {
     n.write(s), n.close();
     const l = await new Response(o.readable).arrayBuffer(), c = new Uint8Array(l);
     let h = "";
-    for (let f = 0; f < c.length; f++)
-      h += String.fromCharCode(c[f]);
+    for (let u = 0; u < c.length; u++)
+      h += String.fromCharCode(c[u]);
     return btoa(h);
   }
   async decompress(t, i) {
     const s = atob(t), o = Uint8Array.from(
       s,
-      (f) => f.charCodeAt(0)
+      (u) => u.charCodeAt(0)
     ).buffer, n = window, l = new n.DecompressionStream(i), c = l.writable.getWriter();
     c.write(o), c.close();
     const h = await new Response(l.readable).arrayBuffer();
     return new TextDecoder().decode(h);
   }
-}, D.buildDate = "Tue Oct 07 2025 12:59:57 GMT+0200 (heure d’été d’Europe centrale)", D.changed = !1, D.saving = !1, D.saveId = 0, D.instance = null, D.instances = /* @__PURE__ */ new Map(), D.modifiedCollectore = [], D);
+}, D.buildDate = "Mon Oct 13 2025 14:17:18 GMT+0200 (Central European Summer Time)", D.changed = !1, D.saving = !1, D.saveId = 0, D.instance = null, D.instances = /* @__PURE__ */ new Map(), D.modifiedCollectore = [], D);
 if (typeof window < "u") {
   const r = window;
   r[fs + "PublisherManager"] = r[fs + "PublisherManager"] || T;
@@ -699,7 +699,7 @@ class Vr extends HTMLElement {
 }
 try {
   customElements.define(
-    xe + "-publisher-proxy",
+    Pe + "-publisher-proxy",
     Vr
   );
 } catch {
@@ -822,35 +822,35 @@ let As = (N = class {
     e.forEach((n) => {
       const l = n.bindedVariablesDescriptor, c = n.propertyToUpdate;
       for (const h of l.variables) {
-        const f = h;
+        const u = h;
         let d = s;
-        d = N.getSubPublisher(s, f);
-        const m = t, v = {
+        d = N.getSubPublisher(s, u);
+        const g = t, v = {
           publisher: d,
           onAssign: () => {
             const b = l.variables.map((E) => N.getSubPublisher(s, E)?.get());
             let x = l.expression, C = !1;
             if (b.length == 1 && l.variables[0].join(".") == x.substring(1)) {
               let E = b[0];
-              E === null && (E = ""), m[c] = E;
+              E === null && (E = ""), g[c] = E;
               return;
             }
             for (let E = 0; E < b.length; E++) {
               let p = b[E];
-              const u = l.variables[E];
-              p === null && (C = !0, p = void 0), x = x.replace("$" + u.join("."), p);
+              const f = l.variables[E];
+              p === null && (C = !0, p = void 0), x = x.replace("$" + f.join("."), p);
             }
             if (x.indexOf("|") != -1) {
               const E = x.indexOf("|");
               if (E == 0)
                 x = us.js(x.substring(1));
               else {
-                const p = x.substring(0, E), u = x.substring(E + 1), y = us[p];
-                x = C ? "" : y ? y(u) : x;
+                const p = x.substring(0, E), f = x.substring(E + 1), y = us[p];
+                x = C ? "" : y ? y(f) : x;
               }
             } else
               x = C ? "" : x;
-            m[c] = x;
+            g[c] = x;
           }
         };
         d?.onAssign(v.onAssign), o.push(v);
@@ -860,7 +860,7 @@ let As = (N = class {
 }, N.observedElements = /* @__PURE__ */ new Map(), N.enabled = !0, N.publisherListeners = /* @__PURE__ */ new Map(), N);
 As.observe(document.documentElement);
 window.SonicDataBindObserver || (window.SonicDataBindObserver = As);
-let tt = class Vt {
+let tt = class Bt {
   /**
    * Effectue une comparaison d'égalité non profonde entre deux objets.
    */
@@ -886,8 +886,8 @@ let tt = class Vt {
     if (e.length !== o.length && s)
       return !1;
     for (const n of e) {
-      const l = t[n], c = i[n], h = Vt.isObject(l) && Vt.isObject(c), f = s ? l !== c : l != c;
-      if (h && !Vt.deepEqual(l, c) || !h && f)
+      const l = t[n], c = i[n], h = Bt.isObject(l) && Bt.isObject(c), u = s ? l !== c : l != c;
+      if (h && !Bt.deepEqual(l, c) || !h && u)
         return !1;
     }
     return !0;
@@ -906,7 +906,7 @@ let tt = class Vt {
     return t == null;
   }
   static isEmpty(t) {
-    return Vt.isUndefindOrNull(t) ? !0 : Object.keys(t).length === 0;
+    return Bt.isUndefindOrNull(t) ? !0 : Object.keys(t).length === 0;
   }
   /**
    * traverse l'objet pour obtenir la valeur a l'adresse donnée via le tableau de clés pathArray.
@@ -918,19 +918,19 @@ let tt = class Vt {
       const o = t[e];
       if (o === void 0)
         return;
-      s && Vt.isObject(o) ? t = Object.assign(Array.isArray(o) ? [] : {}, t, o) : t = t[e];
+      s && Bt.isObject(o) ? t = Object.assign(Array.isArray(o) ? [] : {}, t, o) : t = t[e];
     }
     return t;
   }
   static traverseDotNotation(t, i, s = !1) {
-    return Vt.traverse(t, i.split("."), s);
+    return Bt.traverse(t, i.split("."), s);
   }
   /*eslint-enable @typescript-eslint/no-explicit-any*/
   static getURLSearchArray(t, i = "") {
     let s = [];
     for (let e in t) {
       const o = t[e];
-      i && (e = i + "[" + e + "]"), Vt.isObject(o) ? s = [
+      i && (e = i + "[" + e + "]"), Bt.isObject(o) ? s = [
         ...s,
         ...this.getURLSearchArray(o, e)
       ] : s.push(`${e}=${o}`);
@@ -938,10 +938,10 @@ let tt = class Vt {
     return s;
   }
   static getURLSearchString(t) {
-    return Vt.getURLSearchArray(t, "").join("&");
+    return Bt.getURLSearchArray(t, "").join("&");
   }
 };
-const dt = tt.traverseDotNotation;
+const pt = tt.traverseDotNotation;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -999,7 +999,7 @@ const Br = (r) => new pr(typeof r == "string" ? r : r + "", void 0, ui), P = (r,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Hr, defineProperty: Wr, getOwnPropertyDescriptor: Kr, getOwnPropertyNames: Yr, getOwnPropertySymbols: Xr, getPrototypeOf: Zr } = Object, ks = globalThis, ji = ks.trustedTypes, Gr = ji ? ji.emptyScript : "", Qr = ks.reactiveElementPolyfillSupport, Be = (r, t) => r, gs = { toAttribute(r, t) {
+const { is: Hr, defineProperty: Wr, getOwnPropertyDescriptor: Kr, getOwnPropertyNames: Yr, getOwnPropertySymbols: Xr, getPrototypeOf: Zr } = Object, ks = globalThis, ji = ks.trustedTypes, Gr = ji ? ji.emptyScript : "", Qr = ks.reactiveElementPolyfillSupport, Be = (r, t) => r, ms = { toAttribute(r, t) {
   switch (t) {
     case Boolean:
       r = r ? Gr : null;
@@ -1027,9 +1027,9 @@ const { is: Hr, defineProperty: Wr, getOwnPropertyDescriptor: Kr, getOwnProperty
       }
   }
   return i;
-} }, fi = (r, t) => !Hr(r, t), Fi = { attribute: !0, type: String, converter: gs, reflect: !1, useDefault: !1, hasChanged: fi };
+} }, fi = (r, t) => !Hr(r, t), Fi = { attribute: !0, type: String, converter: ms, reflect: !1, useDefault: !1, hasChanged: fi };
 Symbol.metadata ??= Symbol("metadata"), ks.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let we = class extends HTMLElement {
+let _e = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
@@ -1126,14 +1126,14 @@ let we = class extends HTMLElement {
   _$ET(t, i) {
     const s = this.constructor.elementProperties.get(t), e = this.constructor._$Eu(t, s);
     if (e !== void 0 && s.reflect === !0) {
-      const o = (s.converter?.toAttribute !== void 0 ? s.converter : gs).toAttribute(i, s.type);
+      const o = (s.converter?.toAttribute !== void 0 ? s.converter : ms).toAttribute(i, s.type);
       this._$Em = t, o == null ? this.removeAttribute(e) : this.setAttribute(e, o), this._$Em = null;
     }
   }
   _$AK(t, i) {
     const s = this.constructor, e = s._$Eh.get(t);
     if (e !== void 0 && this._$Em !== e) {
-      const o = s.getPropertyOptions(e), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : gs;
+      const o = s.getPropertyOptions(e), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : ms;
       this._$Em = e;
       const l = n.fromAttribute(i, o.type);
       this[e] = l ?? this._$Ej?.get(e) ?? l, this._$Em = null;
@@ -1210,13 +1210,13 @@ let we = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-we.elementStyles = [], we.shadowRootOptions = { mode: "open" }, we[Be("elementProperties")] = /* @__PURE__ */ new Map(), we[Be("finalized")] = /* @__PURE__ */ new Map(), Qr?.({ ReactiveElement: we }), (ks.reactiveElementVersions ??= []).push("2.1.1");
+_e.elementStyles = [], _e.shadowRootOptions = { mode: "open" }, _e[Be("elementProperties")] = /* @__PURE__ */ new Map(), _e[Be("finalized")] = /* @__PURE__ */ new Map(), Qr?.({ ReactiveElement: _e }), (ks.reactiveElementVersions ??= []).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Jr = { attribute: !0, type: String, converter: gs, reflect: !1, hasChanged: fi }, to = (r = Jr, t, i) => {
+const Jr = { attribute: !0, type: String, converter: ms, reflect: !1, hasChanged: fi }, to = (r = Jr, t, i) => {
   const { kind: s, metadata: e } = i;
   let o = globalThis.litPropertyMetadata.get(e);
   if (o === void 0 && globalThis.litPropertyMetadata.set(e, o = /* @__PURE__ */ new Map()), s === "setter" && ((r = Object.create(r)).wrapped = !0), o.set(i.name, r), s === "accessor") {
@@ -1256,16 +1256,16 @@ function L(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const gi = (r, t, i) => (i.configurable = !0, i.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(r, t, i), i);
+const mi = (r, t, i) => (i.configurable = !0, i.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(r, t, i), i);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ae(r, t) {
+function ge(r, t) {
   return (i, s, e) => {
     const o = (n) => n.renderRoot?.querySelector(r) ?? null;
-    return gi(i, s, { get() {
+    return mi(i, s, { get() {
       return o(this);
     } });
   };
@@ -1278,7 +1278,7 @@ function Ae(r, t) {
 function ke(r) {
   return (t, i) => {
     const { slot: s, selector: e } = r ?? {}, o = "slot" + (s ? `[name=${s}]` : ":not([name])");
-    return gi(t, i, { get() {
+    return mi(t, i, { get() {
       const n = this.renderRoot?.querySelector(o), l = n?.assignedElements(r) ?? [];
       return e === void 0 ? l : l.filter(((c) => c.matches(e)));
     } });
@@ -1289,10 +1289,10 @@ function ke(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function ht(r) {
+function dt(r) {
   return (t, i) => {
     const { slot: s } = r ?? {}, e = "slot" + (s ? `[name=${s}]` : ":not([name])");
-    return gi(t, i, { get() {
+    return mi(t, i, { get() {
       return this.renderRoot?.querySelector(e)?.assignedNodes(r) ?? [];
     } });
   };
@@ -1302,10 +1302,10 @@ function ht(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const mi = globalThis, ms = mi.trustedTypes, zi = ms ? ms.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ur = "$lit$", Yt = `lit$${Math.random().toFixed(9).slice(2)}$`, fr = "?" + Yt, eo = `<${fr}>`, he = document, We = () => he.createComment(""), Ke = (r) => r === null || typeof r != "object" && typeof r != "function", bi = Array.isArray, so = (r) => bi(r) || typeof r?.[Symbol.iterator] == "function", Fs = `[ 	
+const gi = globalThis, gs = gi.trustedTypes, zi = gs ? gs.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ur = "$lit$", Yt = `lit$${Math.random().toFixed(9).slice(2)}$`, fr = "?" + Yt, eo = `<${fr}>`, he = document, We = () => he.createComment(""), Ke = (r) => r === null || typeof r != "object" && typeof r != "function", bi = Array.isArray, so = (r) => bi(r) || typeof r?.[Symbol.iterator] == "function", Fs = `[ 	
 \f\r]`, je = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ri = /-->/g, Ui = />/g, oe = RegExp(`>|${Fs}(?:([^\\s"'>=/]+)(${Fs}*=${Fs}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Vi = /'/g, Bi = /"/g, gr = /^(?:script|style|textarea|title)$/i, io = (r) => (t, ...i) => ({ _$litType$: r, strings: t, values: i }), g = io(1), yt = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), qi = /* @__PURE__ */ new WeakMap(), ce = he.createTreeWalker(he, 129);
-function mr(r, t) {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Vi = /'/g, Bi = /"/g, mr = /^(?:script|style|textarea|title)$/i, io = (r) => (t, ...i) => ({ _$litType$: r, strings: t, values: i }), m = io(1), wt = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), qi = /* @__PURE__ */ new WeakMap(), ce = he.createTreeWalker(he, 129);
+function gr(r, t) {
   if (!bi(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return zi !== void 0 ? zi.createHTML(t) : t;
 }
@@ -1314,19 +1314,19 @@ const ro = (r, t) => {
   let e, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = je;
   for (let l = 0; l < i; l++) {
     const c = r[l];
-    let h, f, d = -1, m = 0;
-    for (; m < c.length && (n.lastIndex = m, f = n.exec(c), f !== null); ) m = n.lastIndex, n === je ? f[1] === "!--" ? n = Ri : f[1] !== void 0 ? n = Ui : f[2] !== void 0 ? (gr.test(f[2]) && (e = RegExp("</" + f[2], "g")), n = oe) : f[3] !== void 0 && (n = oe) : n === oe ? f[0] === ">" ? (n = e ?? je, d = -1) : f[1] === void 0 ? d = -2 : (d = n.lastIndex - f[2].length, h = f[1], n = f[3] === void 0 ? oe : f[3] === '"' ? Bi : Vi) : n === Bi || n === Vi ? n = oe : n === Ri || n === Ui ? n = je : (n = oe, e = void 0);
+    let h, u, d = -1, g = 0;
+    for (; g < c.length && (n.lastIndex = g, u = n.exec(c), u !== null); ) g = n.lastIndex, n === je ? u[1] === "!--" ? n = Ri : u[1] !== void 0 ? n = Ui : u[2] !== void 0 ? (mr.test(u[2]) && (e = RegExp("</" + u[2], "g")), n = oe) : u[3] !== void 0 && (n = oe) : n === oe ? u[0] === ">" ? (n = e ?? je, d = -1) : u[1] === void 0 ? d = -2 : (d = n.lastIndex - u[2].length, h = u[1], n = u[3] === void 0 ? oe : u[3] === '"' ? Bi : Vi) : n === Bi || n === Vi ? n = oe : n === Ri || n === Ui ? n = je : (n = oe, e = void 0);
     const v = n === oe && r[l + 1].startsWith("/>") ? " " : "";
     o += n === je ? c + eo : d >= 0 ? (s.push(h), c.slice(0, d) + ur + c.slice(d) + Yt + v) : c + Yt + (d === -2 ? l : v);
   }
-  return [mr(r, o + (r[i] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  return [gr(r, o + (r[i] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
 let qs = class br {
   constructor({ strings: t, _$litType$: i }, s) {
     let e;
     this.parts = [];
     let o = 0, n = 0;
-    const l = t.length - 1, c = this.parts, [h, f] = ro(t, i);
+    const l = t.length - 1, c = this.parts, [h, u] = ro(t, i);
     if (this.el = br.createElement(h, s), ce.currentNode = this.el.content, i === 2 || i === 3) {
       const d = this.el.content.firstChild;
       d.replaceWith(...d.childNodes);
@@ -1334,15 +1334,15 @@ let qs = class br {
     for (; (e = ce.nextNode()) !== null && c.length < l; ) {
       if (e.nodeType === 1) {
         if (e.hasAttributes()) for (const d of e.getAttributeNames()) if (d.endsWith(ur)) {
-          const m = f[n++], v = e.getAttribute(d).split(Yt), b = /([.?@])?(.*)/.exec(m);
+          const g = u[n++], v = e.getAttribute(d).split(Yt), b = /([.?@])?(.*)/.exec(g);
           c.push({ type: 1, index: o, name: b[2], strings: v, ctor: b[1] === "." ? no : b[1] === "?" ? ao : b[1] === "@" ? lo : Os }), e.removeAttribute(d);
         } else d.startsWith(Yt) && (c.push({ type: 6, index: o }), e.removeAttribute(d));
-        if (gr.test(e.tagName)) {
-          const d = e.textContent.split(Yt), m = d.length - 1;
-          if (m > 0) {
-            e.textContent = ms ? ms.emptyScript : "";
-            for (let v = 0; v < m; v++) e.append(d[v], We()), ce.nextNode(), c.push({ type: 2, index: ++o });
-            e.append(d[m], We());
+        if (mr.test(e.tagName)) {
+          const d = e.textContent.split(Yt), g = d.length - 1;
+          if (g > 0) {
+            e.textContent = gs ? gs.emptyScript : "";
+            for (let v = 0; v < g; v++) e.append(d[v], We()), ce.nextNode(), c.push({ type: 2, index: ++o });
+            e.append(d[g], We());
           }
         }
       } else if (e.nodeType === 8) if (e.data === fr) c.push({ type: 2, index: o });
@@ -1358,11 +1358,11 @@ let qs = class br {
     return s.innerHTML = t, s;
   }
 };
-function Pe(r, t, i = r, s) {
-  if (t === yt) return t;
+function $e(r, t, i = r, s) {
+  if (t === wt) return t;
   let e = s !== void 0 ? i._$Co?.[s] : i._$Cl;
   const o = Ke(t) ? void 0 : t._$litDirective$;
-  return e?.constructor !== o && (e?._$AO?.(!1), o === void 0 ? e = void 0 : (e = new o(r), e._$AT(r, i, s)), s !== void 0 ? (i._$Co ??= [])[s] = e : i._$Cl = e), e !== void 0 && (t = Pe(r, e._$AS(r, t.values), e, s)), t;
+  return e?.constructor !== o && (e?._$AO?.(!1), o === void 0 ? e = void 0 : (e = new o(r), e._$AT(r, i, s)), s !== void 0 ? (i._$Co ??= [])[s] = e : i._$Cl = e), e !== void 0 && (t = $e(r, e._$AS(r, t.values), e, s)), t;
 }
 let oo = class {
   constructor(t, i) {
@@ -1411,7 +1411,7 @@ class Oe {
     return this._$AB;
   }
   _$AI(t, i = this) {
-    t = Pe(this, t, i), Ke(t) ? t === S || t == null || t === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : t !== this._$AH && t !== yt && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : so(t) ? this.k(t) : this._(t);
+    t = $e(this, t, i), Ke(t) ? t === S || t == null || t === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : t !== this._$AH && t !== wt && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : so(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -1423,7 +1423,7 @@ class Oe {
     this._$AH !== S && Ke(this._$AH) ? this._$AA.nextSibling.data = t : this.T(he.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: i, _$litType$: s } = t, e = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = qs.createElement(mr(s.h, s.h[0]), this.options)), s);
+    const { values: i, _$litType$: s } = t, e = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = qs.createElement(gr(s.h, s.h[0]), this.options)), s);
     if (this._$AH?._$AD === e) this._$AH.p(i);
     else {
       const o = new oo(e, this), n = o.u(this.options);
@@ -1464,11 +1464,11 @@ class Os {
   _$AI(t, i = this, s, e) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = Pe(this, t, i, 0), n = !Ke(t) || t !== this._$AH && t !== yt, n && (this._$AH = t);
+    if (o === void 0) t = $e(this, t, i, 0), n = !Ke(t) || t !== this._$AH && t !== wt, n && (this._$AH = t);
     else {
       const l = t;
       let c, h;
-      for (t = o[0], c = 0; c < o.length - 1; c++) h = Pe(this, l[s + c], i, c), h === yt && (h = this._$AH[c]), n ||= !Ke(h) || h !== this._$AH[c], h === S ? t = S : t !== S && (t += (h ?? "") + o[c + 1]), this._$AH[c] = h;
+      for (t = o[0], c = 0; c < o.length - 1; c++) h = $e(this, l[s + c], i, c), h === wt && (h = this._$AH[c]), n ||= !Ke(h) || h !== this._$AH[c], h === S ? t = S : t !== S && (t += (h ?? "") + o[c + 1]), this._$AH[c] = h;
     }
     n && !e && this.j(t);
   }
@@ -1497,7 +1497,7 @@ class lo extends Os {
     super(t, i, s, e, o), this.type = 5;
   }
   _$AI(t, i = this) {
-    if ((t = Pe(this, t, i, 0) ?? S) === yt) return;
+    if ((t = $e(this, t, i, 0) ?? S) === wt) return;
     const s = this._$AH, e = t === S && s !== S || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== S && (s === S || e);
     e && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -1513,11 +1513,11 @@ class co {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    Pe(this, t);
+    $e(this, t);
   }
 }
-const ho = { I: Oe }, po = mi.litHtmlPolyfillSupport;
-po?.(qs, Oe), (mi.litHtmlVersions ??= []).push("3.3.1");
+const ho = { I: Oe }, po = gi.litHtmlPolyfillSupport;
+po?.(qs, Oe), (gi.litHtmlVersions ??= []).push("3.3.1");
 const uo = (r, t, i) => {
   const s = i?.renderBefore ?? t;
   let e = s._$litPart$;
@@ -1532,7 +1532,7 @@ const uo = (r, t, i) => {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { I: fo } = ho, go = (r) => r.strings === void 0, Hi = () => document.createComment(""), Fe = (r, t, i) => {
+const { I: fo } = ho, mo = (r) => r.strings === void 0, Hi = () => document.createComment(""), Fe = (r, t, i) => {
   const s = r._$AA.parentNode, e = t === void 0 ? r._$AB : t._$AA;
   if (i === void 0) {
     const o = s.insertBefore(Hi(), e), n = s.insertBefore(Hi(), e);
@@ -1552,7 +1552,7 @@ const { I: fo } = ho, go = (r) => r.strings === void 0, Hi = () => document.crea
     }
   }
   return i;
-}, ne = (r, t, i = r) => (r._$AI(t, i), r), mo = {}, bo = (r, t = mo) => r._$AH = t, vo = (r) => r._$AH, zs = (r) => {
+}, ne = (r, t, i = r) => (r._$AI(t, i), r), go = {}, bo = (r, t = go) => r._$AH = t, vo = (r) => r._$AH, zs = (r) => {
   r._$AR(), r._$AA.remove();
 };
 /**
@@ -1560,7 +1560,7 @@ const { I: fo } = ho, go = (r) => r.strings === void 0, Hi = () => document.crea
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const me = { ATTRIBUTE: 1, CHILD: 2 }, ee = (r) => (...t) => ({ _$litDirective$: r, values: t });
+const be = { ATTRIBUTE: 1, CHILD: 2 }, ee = (r) => (...t) => ({ _$litDirective$: r, values: t });
 let De = class {
   constructor(t) {
   }
@@ -1611,7 +1611,7 @@ function wo(r, t = !1, i = 0) {
   else qe(this, r);
 }
 const _o = (r) => {
-  r.type == me.CHILD && (r._$AP ??= wo, r._$AQ ??= yo);
+  r.type == be.CHILD && (r._$AP ??= wo, r._$AQ ??= yo);
 };
 class vi extends De {
   constructor() {
@@ -1624,7 +1624,7 @@ class vi extends De {
     t !== this.isConnected && (this.isConnected = t, t ? this.reconnected?.() : this.disconnected?.()), i && (qe(this, t), bs(this));
   }
   setValue(t) {
-    if (go(this._$Ct)) this._$Ct._$AI(t, this);
+    if (mo(this._$Ct)) this._$Ct._$AI(t, this);
     else {
       const i = [...this._$Ct._$AH];
       i[this._$Ci] = t, this._$Ct._$AI(i, this, 0);
@@ -1641,7 +1641,7 @@ class vi extends De {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const yi = globalThis;
-let w = class extends we {
+let w = class extends _e {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -1660,7 +1660,7 @@ let w = class extends we {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return yt;
+    return wt;
   }
 };
 w._$litElement$ = !0, w.finalized = !0, yi.litElementHydrateSupport?.({ LitElement: w });
@@ -1695,7 +1695,7 @@ class Po extends vi {
   }
   /* eslint-enable @typescript-eslint/no-explicit-any*/
   render(t) {
-    return this.observable !== t && (this.observable = t, this.isConnected && this.subscribe(t)), yt;
+    return this.observable !== t && (this.observable = t, this.isConnected && this.subscribe(t)), wt;
   }
   // Subscribes to the observable, calling the directive's asynchronous
   // setValue API each time the value changes
@@ -1819,15 +1819,15 @@ const yr = ee(Po), $o = yr, Co = yr, So = (r) => Ds(r).values().next().value?.ge
     let n = [];
     Array.isArray(o) ? n = o : n = [o];
     const l = [];
-    let c = Number.POSITIVE_INFINITY, h = 0, f = 0;
-    if (e.has("limit") && (c = parseInt(e.get("limit") || "0"), f++), e.has("offset") && (h = parseInt(e.get("offset") || "0"), f++), f > 0 && (e.delete("limit"), e.delete("offset")), e.size === 0)
+    let c = Number.POSITIVE_INFINITY, h = 0, u = 0;
+    if (e.has("limit") && (c = parseInt(e.get("limit") || "0"), u++), e.has("offset") && (h = parseInt(e.get("offset") || "0"), u++), u > 0 && (e.delete("limit"), e.delete("offset")), e.size === 0)
       return n.slice(h, h + c);
-    for (const [d, m] of e.entries()) {
-      const v = m.split(",").map((b) => b.trim());
+    for (const [d, g] of e.entries()) {
+      const v = g.split(",").map((b) => b.trim());
       for (const b of v)
         for (const x of n)
           if (typeof x != "object")
-            isNaN(+x) ? x.toString().toLowerCase().includes(m.toLowerCase()) && l.push(x) : x === m && l.push(x);
+            isNaN(+x) ? x.toString().toLowerCase().includes(g.toLowerCase()) && l.push(x) : x === g && l.push(x);
           else {
             const C = x;
             if (!C[d]) continue;
@@ -1870,16 +1870,16 @@ const yr = ee(Po), $o = yr, Co = yr, So = (r) => Ds(r).values().next().value?.ge
       headers: o
     });
     if (!F.loadingGetPromises.has(l)) {
-      const h = new Promise(async (f) => {
+      const h = new Promise(async (u) => {
         try {
           const d = await fetch(n, {
             headers: o,
             credentials: this.credentials,
             cache: this.cache
-          }), m = await this.handleResult(d, e);
-          f(m);
+          }), g = await this.handleResult(d, e);
+          u(g);
         } catch {
-          f(null);
+          u(null);
         }
       });
       F.loadingGetPromises.set(l, h);
@@ -1940,7 +1940,7 @@ const yr = ee(Po), $o = yr, Co = yr, So = (r) => Ds(r).values().next().value?.ge
     }, n = await this.createHeaders(e);
     n.Accept = "application/json";
     const l = new FormData(), c = i;
-    for (const f in c) l.set(f, c[f]);
+    for (const u in c) l.set(u, c[u]);
     const h = await fetch(this.computeURL(t), {
       headers: n,
       credentials: this.credentials,
@@ -1975,7 +1975,7 @@ const yr = ee(Po), $o = yr, Co = yr, So = (r) => Ds(r).values().next().value?.ge
   }
 };
 F.loadingGetPromises = /* @__PURE__ */ new Map(), F.tokens = /* @__PURE__ */ new Map(), F.invalidTokens = [], F.failledTokenUpdates = /* @__PURE__ */ new Map(), F.firstCallDoneFlags = /* @__PURE__ */ new Map();
-let $e = F;
+let Ce = F;
 J.getApiConfiguration(
   document.body || document.documentElement
 );
@@ -1988,11 +1988,11 @@ const Oo = async (r, t) => {
  */
 let Hs = class extends De {
   constructor(t) {
-    if (super(t), this.it = S, t.type !== me.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+    if (super(t), this.it = S, t.type !== be.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(t) {
     if (t === S || t == null) return this._t = void 0, this.it = t;
-    if (t === yt) return t;
+    if (t === wt) return t;
     if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (t === this.it) return this._t;
     this.it = t;
@@ -2021,7 +2021,7 @@ const z = ee(Hs), Ws = /* @__PURE__ */ new Map(), Wi = (r) => {
       break;
     }
   return o || (o = {
-    api: new $e(t),
+    api: new Ce(t),
     keysToTranslate: /* @__PURE__ */ new Set(),
     translatedKeys: /* @__PURE__ */ new Set(),
     wordingProvider: i,
@@ -2042,21 +2042,21 @@ const z = ee(Hs), Ws = /* @__PURE__ */ new Map(), Wi = (r) => {
   }
   /* eslint-enable @typescript-eslint/no-explicit-any*/
   render(t, i = !1) {
-    return this.useUnsafeHTML = i, this.key !== t && (this.key = t, this.isConnected && this.subscribe(t)), yt;
+    return this.useUnsafeHTML = i, this.key !== t && (this.key = t, this.isConnected && this.subscribe(t)), wt;
   }
   static async callApi(t, i, s = !0, e) {
     if (await T.getInstance().isLocalStrorageReady, V.firstCall) {
       V.firstCall = !1, hi(V.reloadWordings);
-      const f = Object.keys(V.publisher.get());
-      for (const d of f)
+      const u = Object.keys(V.publisher.get());
+      for (const d of u)
         V.publisher.get()[d] === Ki && delete V.publisher[d];
     }
     if (t) {
-      const f = J.getAncestorAttributeValue(
+      const u = J.getAncestorAttributeValue(
         t,
         "wordingVersionProvider"
       );
-      f && _r(f).onAssign(
+      u && _r(u).onAssign(
         V.handleVersionProvider(t)
       );
     }
@@ -2078,9 +2078,9 @@ const z = ee(Hs), Ws = /* @__PURE__ */ new Map(), Wi = (r) => {
     const h = n.api;
     window.queueMicrotask(async () => {
       if (o = V.publisher["wording_" + i].get() != null, !o && i !== "" && (n.keysToTranslate.add(i), V.publisher["wording_" + i] = Ki), l !== n.callIndex) return;
-      const f = Array.from(n.keysToTranslate);
-      if (!f.length) return;
-      const d = c.split("?"), m = d.shift(), v = (d.length > 0 ? d.join("?") + "&" : "") + "labels[]=" + f.join("&labels[]="), b = m + "?" + v;
+      const u = Array.from(n.keysToTranslate);
+      if (!u.length) return;
+      const d = c.split("?"), g = d.shift(), v = (d.length > 0 ? d.join("?") + "&" : "") + "labels[]=" + u.join("&labels[]="), b = g + "?" + v;
       n.translatedKeys = /* @__PURE__ */ new Set([
         ...n.translatedKeys,
         ...n.keysToTranslate
@@ -2137,8 +2137,8 @@ const z = ee(Hs), Ws = /* @__PURE__ */ new Map(), Wi = (r) => {
 V.publisher = T.get("sonic-wording", {
   localStorageMode: "enabled"
 }), V.firstCall = !0, V.versionProviderHandlers = /* @__PURE__ */ new Map();
-let _e = V;
-const Do = ee(_e), Lo = Do;
+let xe = V;
+const Do = ee(xe), Lo = Do;
 var Eo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, Ot = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? No(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
@@ -2178,7 +2178,7 @@ const Z = (r, t) => {
     updated(n) {
       super.updated(n);
       const c = [...(this.shadowRoot || this).children].filter(
-        (f) => f.tagName != "STYLE"
+        (u) => u.tagName != "STYLE"
       ), h = this.displayContents ? "contents" : c.length == 0 ? "none" : null;
       h ? this.style.display = h : this.style.removeProperty("display");
     }
@@ -2191,8 +2191,8 @@ const Z = (r, t) => {
         };
         let l = !0;
         const c = new IntersectionObserver((h) => {
-          for (const f of h)
-            if (l && f.isIntersecting) {
+          for (const u of h)
+            if (l && u.isIntersecting) {
               l = !1, c.disconnect(), this.initWording(), this.shouldRenderLazy = !1, this.startPublisher();
               break;
             }
@@ -2203,7 +2203,7 @@ const Z = (r, t) => {
       this.initPublisher(), this.addDebugger(), super.connectedCallback();
     }
     disconnectedCallback() {
-      this.removeDebugger(), super.disconnectedCallback(), this.publisher && (this.publisher.stopTemplateFilling(this), this.publisher.offInternalMutation(this.requestUpdate)), _e.publisher.stopTemplateFilling(this), this.onAssign && this.publisher?.offAssign(this.onAssign);
+      this.removeDebugger(), super.disconnectedCallback(), this.publisher && (this.publisher.stopTemplateFilling(this), this.publisher.offInternalMutation(this.requestUpdate)), xe.publisher.stopTemplateFilling(this), this.onAssign && this.publisher?.offAssign(this.onAssign);
     }
     addDebugger() {
       if (this.hasAttribute("debug") && !this.defferedDebug) {
@@ -2254,8 +2254,8 @@ const Z = (r, t) => {
     async initWording() {
       const n = Object.getOwnPropertyNames(this.constructor.prototype);
       for (const l of n)
-        l.indexOf("wording_") == 0 && _e.callApi(this, l.substring(8));
-      _e.publisher.startTemplateFilling(this);
+        l.indexOf("wording_") == 0 && xe.callApi(this, l.substring(8));
+      xe.publisher.startTemplateFilling(this);
     }
     /**
      *
@@ -2539,10 +2539,10 @@ let et = (H = class {
   static changeFromComponent(t) {
     const i = t.goBack, s = document.referrer;
     if (i != null) {
-      const h = document.location.origin, f = (i || h).toString(), m = s.indexOf("http") == 0 ? new URL(s).origin != h : !1, v = s == "", b = history.length < 3, x = v && b, C = f != document.location.href;
-      if (m && C || x) {
+      const h = document.location.origin, u = (i || h).toString(), g = s.indexOf("http") == 0 ? new URL(s).origin != h : !1, v = s == "", b = history.length < 3, x = v && b, C = u != document.location.href;
+      if (g && C || x) {
         const p = history.state || {};
-        p.concorde = p.concorde || {}, p.concorde.hasDoneHistoryBack = !0, history.pushState(p, document.title), history.back(), document.location.replace(f);
+        p.concorde = p.concorde || {}, p.concorde.hasDoneHistoryBack = !0, history.pushState(p, document.title), history.back(), document.location.replace(u);
       } else
         history.back();
       return;
@@ -2583,9 +2583,9 @@ let et = (H = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const xr = "important", zo = " !" + xr, mt = ee(class extends De {
+const xr = "important", zo = " !" + xr, ut = ee(class extends De {
   constructor(r) {
-    if (super(r), r.type !== me.ATTRIBUTE || r.name !== "style" || r.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+    if (super(r), r.type !== be.ATTRIBUTE || r.name !== "style" || r.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(r) {
     return Object.keys(r).reduce(((t, i) => {
@@ -2605,7 +2605,7 @@ const xr = "important", zo = " !" + xr, mt = ee(class extends De {
         s.includes("-") || o ? i.setProperty(s, o ? e.slice(0, -11) : e, o ? xr : "") : i[s] = e;
       }
     }
-    return yt;
+    return wt;
   }
 });
 var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, Dt = (r, t, i, s) => {
@@ -2644,11 +2644,11 @@ const hs = /* @__PURE__ */ new Map(), Le = (r) => {
     }
     setFormPublisherValue(s) {
       const e = this.getFormPublisher();
-      e && dt(e, this.name).set(s);
+      e && pt(e, this.name).set(s);
     }
     getFormPublisherValue() {
       const s = this.getFormPublisher();
-      return s ? dt(s, this.name).get() : null;
+      return s ? pt(s, this.name).get() : null;
     }
     /**
      * Mise en forme de la valeur fournie au formPublisher associé au composant
@@ -2680,13 +2680,13 @@ const hs = /* @__PURE__ */ new Map(), Le = (r) => {
     initPublisher() {
       let s = this.getFormPublisher();
       const e = this.hasAncestorAttribute("initFromPublisher") && this._name && this.getFormPublisherValue() ? this.getFormPublisherValue() : this.getAttribute("value");
-      this._name && this.publisher && dt(this.publisher, this._name).offAssign(
+      this._name && this.publisher && pt(this.publisher, this._name).offAssign(
         this.onValueAssign
-      ), this._name && s && dt(s, this._name).offAssign(
+      ), this._name && s && pt(s, this._name).offAssign(
         this.onFormValueAssign
-      ), super.initPublisher(), this.name || (this._name = this.getAttribute("name")), this.value || (this._value = this.getAttribute("value")), this.publisher && this._name && dt(this.publisher, this._name).onAssign(
+      ), super.initPublisher(), this.name || (this._name = this.getAttribute("name")), this.value || (this._value = this.getAttribute("value")), this.publisher && this._name && pt(this.publisher, this._name).onAssign(
         this.onValueAssign
-      ), s = this.getFormPublisher(), this._name && s && (dt(s, this._name).onAssign(
+      ), s = this.getFormPublisher(), this._name && s && (pt(s, this._name).onAssign(
         this.onFormValueAssign
       ), s.onFormInvalidate(this.onFormDataInValidate)), this.updateDataValue(), e && (this.value = e);
     }
@@ -2719,24 +2719,24 @@ const hs = /* @__PURE__ */ new Map(), Le = (r) => {
       this.addEventListener("keydown", (l) => {
         const c = l;
         if (!["ArrowDown", "ArrowUp"].includes(c.key)) return;
-        const h = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])", f = n?.filter((v) => {
+        const h = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])", u = n?.filter((v) => {
           const b = v.shadowRoot?.querySelector(h);
           if (!b) return !1;
           const x = window.getComputedStyle(b);
           return x.display !== "none" && x.display !== "" && x.pointerEvents != "none" && x.visibility !== "hidden" && b.getBoundingClientRect().width > 0;
         });
         let d = null;
-        if (c.key == "ArrowDown" && f) {
-          const v = f.indexOf(this);
-          v == f.length - 1 ? d = f[0] : d = f[v + 1];
-        } else if (c.key == "ArrowUp" && f) {
-          const v = f.indexOf(this);
-          v == 0 ? d = f[f.length - 1] : d = f[v - 1];
+        if (c.key == "ArrowDown" && u) {
+          const v = u.indexOf(this);
+          v == u.length - 1 ? d = u[0] : d = u[v + 1];
+        } else if (c.key == "ArrowUp" && u) {
+          const v = u.indexOf(this);
+          v == 0 ? d = u[u.length - 1] : d = u[v - 1];
         }
-        const m = d?.shadowRoot?.querySelector(
+        const g = d?.shadowRoot?.querySelector(
           h
         );
-        m && m.focus && (m.focus(), l.preventDefault(), l.stopPropagation());
+        g && g.focus && (g.focus(), l.preventDefault(), l.stopPropagation());
       });
     }
     focus() {
@@ -2753,11 +2753,11 @@ const hs = /* @__PURE__ */ new Map(), Le = (r) => {
       this.value = null;
     }
     disconnectedCallback() {
-      this.unsetOnDisconnect() && this.unset(), super.disconnectedCallback(), this._name && this.publisher && dt(this.publisher, this._name).offAssign(
+      this.unsetOnDisconnect() && this.unset(), super.disconnectedCallback(), this._name && this.publisher && pt(this.publisher, this._name).offAssign(
         this.onValueAssign
       );
       const s = this.getFormPublisher();
-      this._name && s && (dt(s, this._name).offAssign(
+      this._name && s && (pt(s, this._name).offAssign(
         this.onFormValueAssign
       ), s.offFormInvalidate(this.onFormDataInValidate));
     }
@@ -2904,47 +2904,47 @@ function Ho() {
     (function(s, e) {
       return t !== null ? r.exports = e() : s.UrlPattern = e();
     })(qo, function() {
-      var s, e, o, n, l, c, h, f, d, m, v, b, x, C, E;
+      var s, e, o, n, l, c, h, u, d, g, v, b, x, C, E;
       return d = function(p) {
         return p.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
-      }, h = function(p, u) {
+      }, h = function(p, f) {
         var y, A, k;
         for (k = [], y = -1, A = p.length; ++y < A; )
-          k = k.concat(u(p[y]));
+          k = k.concat(f(p[y]));
         return k;
-      }, C = function(p, u) {
+      }, C = function(p, f) {
         var y, A, k;
         for (k = "", y = -1, A = p.length; ++y < A; )
-          k += u(p[y]);
+          k += f(p[y]);
         return k;
       }, x = function(p) {
         return new RegExp(p.toString() + "|").exec("").length - 1;
-      }, v = function(p, u) {
+      }, v = function(p, f) {
         var y, A, k, q, Y;
         for (q = {}, y = -1, k = p.length; ++y < k; )
-          A = p[y], Y = u[y], Y != null && (q[A] != null ? (Array.isArray(q[A]) || (q[A] = [q[A]]), q[A].push(Y)) : q[A] = Y);
+          A = p[y], Y = f[y], Y != null && (q[A] != null ? (Array.isArray(q[A]) || (q[A] = [q[A]]), q[A].push(Y)) : q[A] = Y);
         return q;
-      }, s = {}, s.Result = function(p, u) {
-        this.value = p, this.rest = u;
-      }, s.Tagged = function(p, u) {
-        this.tag = p, this.value = u;
-      }, s.tag = function(p, u) {
+      }, s = {}, s.Result = function(p, f) {
+        this.value = p, this.rest = f;
+      }, s.Tagged = function(p, f) {
+        this.tag = p, this.value = f;
+      }, s.tag = function(p, f) {
         return function(y) {
           var A, k;
-          if (A = u(y), A != null)
+          if (A = f(y), A != null)
             return k = new s.Tagged(p, A.value), new s.Result(k, A.rest);
         };
       }, s.regex = function(p) {
-        return function(u) {
+        return function(f) {
           var y, A;
-          if (y = p.exec(u), y != null)
-            return A = y[0], new s.Result(A, u.slice(A.length));
+          if (y = p.exec(f), y != null)
+            return A = y[0], new s.Result(A, f.slice(A.length));
         };
       }, s.sequence = function() {
         var p;
-        return p = 1 <= arguments.length ? i.call(arguments, 0) : [], function(u) {
+        return p = 1 <= arguments.length ? i.call(arguments, 0) : [], function(f) {
           var y, A, k, q, Y, ot;
-          for (y = -1, A = p.length, ot = [], q = u; ++y < A; ) {
+          for (y = -1, A = p.length, ot = [], q = f; ++y < A; ) {
             if (k = p[y], Y = k(q), Y == null)
               return;
             ot.push(Y.value), q = Y.rest;
@@ -2952,59 +2952,59 @@ function Ho() {
           return new s.Result(ot, q);
         };
       }, s.pick = function() {
-        var p, u;
-        return p = arguments[0], u = 2 <= arguments.length ? i.call(arguments, 1) : [], function(y) {
+        var p, f;
+        return p = arguments[0], f = 2 <= arguments.length ? i.call(arguments, 1) : [], function(y) {
           var A, k;
-          if (k = s.sequence.apply(s, u)(y), k != null)
+          if (k = s.sequence.apply(s, f)(y), k != null)
             return A = k.value, k.value = A[p], k;
         };
       }, s.string = function(p) {
-        var u;
-        return u = p.length, function(y) {
-          if (y.slice(0, u) === p)
-            return new s.Result(p, y.slice(u));
+        var f;
+        return f = p.length, function(y) {
+          if (y.slice(0, f) === p)
+            return new s.Result(p, y.slice(f));
         };
       }, s.lazy = function(p) {
-        var u;
-        return u = null, function(y) {
-          return u == null && (u = p()), u(y);
+        var f;
+        return f = null, function(y) {
+          return f == null && (f = p()), f(y);
         };
-      }, s.baseMany = function(p, u, y, A, k) {
+      }, s.baseMany = function(p, f, y, A, k) {
         var q, Y, ot, Ie;
-        for (ot = k, Ie = y ? "" : []; !(u != null && (q = u(ot), q != null) || (Y = p(ot), Y == null)); )
+        for (ot = k, Ie = y ? "" : []; !(f != null && (q = f(ot), q != null) || (Y = p(ot), Y == null)); )
           y ? Ie += Y.value : Ie.push(Y.value), ot = Y.rest;
         if (!(A && Ie.length === 0))
           return new s.Result(Ie, ot);
       }, s.many1 = function(p) {
-        return function(u) {
-          return s.baseMany(p, null, !1, !0, u);
+        return function(f) {
+          return s.baseMany(p, null, !1, !0, f);
         };
-      }, s.concatMany1Till = function(p, u) {
+      }, s.concatMany1Till = function(p, f) {
         return function(y) {
-          return s.baseMany(p, u, !0, !0, y);
+          return s.baseMany(p, f, !0, !0, y);
         };
       }, s.firstChoice = function() {
         var p;
-        return p = 1 <= arguments.length ? i.call(arguments, 0) : [], function(u) {
+        return p = 1 <= arguments.length ? i.call(arguments, 0) : [], function(f) {
           var y, A, k, q;
           for (y = -1, A = p.length; ++y < A; )
-            if (k = p[y], q = k(u), q != null)
+            if (k = p[y], q = k(f), q != null)
               return q;
         };
       }, b = function(p) {
-        var u;
-        return u = {}, u.wildcard = s.tag("wildcard", s.string(p.wildcardChar)), u.optional = s.tag("optional", s.pick(1, s.string(p.optionalSegmentStartChar), s.lazy(function() {
-          return u.pattern;
-        }), s.string(p.optionalSegmentEndChar))), u.name = s.regex(new RegExp("^[" + p.segmentNameCharset + "]+")), u.named = s.tag("named", s.pick(1, s.string(p.segmentNameStartChar), s.lazy(function() {
-          return u.name;
-        }))), u.escapedChar = s.pick(1, s.string(p.escapeChar), s.regex(/^./)), u.static = s.tag("static", s.concatMany1Till(s.firstChoice(s.lazy(function() {
-          return u.escapedChar;
-        }), s.regex(/^./)), s.firstChoice(s.string(p.segmentNameStartChar), s.string(p.optionalSegmentStartChar), s.string(p.optionalSegmentEndChar), u.wildcard))), u.token = s.lazy(function() {
-          return s.firstChoice(u.wildcard, u.optional, u.named, u.static);
-        }), u.pattern = s.many1(s.lazy(function() {
-          return u.token;
-        })), u;
-      }, f = {
+        var f;
+        return f = {}, f.wildcard = s.tag("wildcard", s.string(p.wildcardChar)), f.optional = s.tag("optional", s.pick(1, s.string(p.optionalSegmentStartChar), s.lazy(function() {
+          return f.pattern;
+        }), s.string(p.optionalSegmentEndChar))), f.name = s.regex(new RegExp("^[" + p.segmentNameCharset + "]+")), f.named = s.tag("named", s.pick(1, s.string(p.segmentNameStartChar), s.lazy(function() {
+          return f.name;
+        }))), f.escapedChar = s.pick(1, s.string(p.escapeChar), s.regex(/^./)), f.static = s.tag("static", s.concatMany1Till(s.firstChoice(s.lazy(function() {
+          return f.escapedChar;
+        }), s.regex(/^./)), s.firstChoice(s.string(p.segmentNameStartChar), s.string(p.optionalSegmentStartChar), s.string(p.optionalSegmentEndChar), f.wildcard))), f.token = s.lazy(function() {
+          return s.firstChoice(f.wildcard, f.optional, f.named, f.static);
+        }), f.pattern = s.many1(s.lazy(function() {
+          return f.token;
+        })), f;
+      }, u = {
         escapeChar: "\\",
         segmentNameStartChar: ":",
         segmentValueCharset: "a-zA-Z0-9-_~ %",
@@ -3012,23 +3012,23 @@ function Ho() {
         optionalSegmentStartChar: "(",
         optionalSegmentEndChar: ")",
         wildcardChar: "*"
-      }, c = function(p, u) {
+      }, c = function(p, f) {
         if (Array.isArray(p))
           return C(p, function(y) {
-            return c(y, u);
+            return c(y, f);
           });
         switch (p.tag) {
           case "wildcard":
             return "(.*?)";
           case "named":
-            return "([" + u + "]+)";
+            return "([" + f + "]+)";
           case "static":
             return d(p.value);
           case "optional":
-            return "(?:" + c(p.value, u) + ")?";
+            return "(?:" + c(p.value, f) + ")?";
         }
-      }, l = function(p, u) {
-        return u == null && (u = f.segmentValueCharset), "^" + c(p, u) + "$";
+      }, l = function(p, f) {
+        return f == null && (f = u.segmentValueCharset), "^" + c(p, f) + "$";
       }, n = function(p) {
         if (Array.isArray(p))
           return h(p, n);
@@ -3042,53 +3042,53 @@ function Ho() {
           case "optional":
             return n(p.value);
         }
-      }, m = function(p, u, y, A) {
+      }, g = function(p, f, y, A) {
         var k, q, Y, ot;
-        if (A == null && (A = !1), ot = p[u], ot == null) {
+        if (A == null && (A = !1), ot = p[f], ot == null) {
           if (A)
-            throw new Error("no values provided for key `" + u + "`");
+            throw new Error("no values provided for key `" + f + "`");
           return;
         }
-        if (k = y[u] || 0, q = Array.isArray(ot) ? ot.length - 1 : 0, k > q) {
+        if (k = y[f] || 0, q = Array.isArray(ot) ? ot.length - 1 : 0, k > q) {
           if (A)
-            throw new Error("too few values provided for key `" + u + "`");
+            throw new Error("too few values provided for key `" + f + "`");
           return;
         }
-        return Y = Array.isArray(ot) ? ot[k] : ot, A && (y[u] = k + 1), Y;
-      }, o = function(p, u, y) {
+        return Y = Array.isArray(ot) ? ot[k] : ot, A && (y[f] = k + 1), Y;
+      }, o = function(p, f, y) {
         var A, k;
         if (Array.isArray(p)) {
           for (A = -1, k = p.length; ++A < k; )
-            if (o(p[A], u, y))
+            if (o(p[A], f, y))
               return !0;
           return !1;
         }
         switch (p.tag) {
           case "wildcard":
-            return m(u, "_", y, !1) != null;
+            return g(f, "_", y, !1) != null;
           case "named":
-            return m(u, p.value, y, !1) != null;
+            return g(f, p.value, y, !1) != null;
           case "static":
             return !1;
           case "optional":
-            return o(p.value, u, y);
+            return o(p.value, f, y);
         }
-      }, E = function(p, u, y) {
+      }, E = function(p, f, y) {
         if (Array.isArray(p))
           return C(p, function(A) {
-            return E(A, u, y);
+            return E(A, f, y);
           });
         switch (p.tag) {
           case "wildcard":
-            return m(u, "_", y, !0);
+            return g(f, "_", y, !0);
           case "named":
-            return m(u, p.value, y, !0);
+            return g(f, p.value, y, !0);
           case "static":
             return p.value;
           case "optional":
-            return o(p.value, u, y) ? E(p.value, u, y) : "";
+            return o(p.value, f, y) ? E(p.value, f, y) : "";
         }
-      }, e = function(p, u) {
+      }, e = function(p, f) {
         var y, A, k, q, Y;
         if (p instanceof e) {
           this.isRegex = p.isRegex, this.regex = p.regex, this.ast = p.ast, this.names = p.names;
@@ -3097,12 +3097,12 @@ function Ho() {
         if (this.isRegex = p instanceof RegExp, !(typeof p == "string" || this.isRegex))
           throw new TypeError("argument must be a regex or a string");
         if (this.isRegex) {
-          if (this.regex = p, u != null) {
-            if (!Array.isArray(u))
+          if (this.regex = p, f != null) {
+            if (!Array.isArray(f))
               throw new Error("if first argument is a regex the second argument may be an array of group names but you provided something else");
-            if (y = x(this.regex), u.length !== y)
-              throw new Error("regex contains " + y + " groups but array of group names contains " + u.length);
-            this.names = u;
+            if (y = x(this.regex), f.length !== y)
+              throw new Error("regex contains " + y + " groups but array of group names contains " + f.length);
+            this.names = f;
           }
           return;
         }
@@ -3111,33 +3111,33 @@ function Ho() {
         if (Y = p.replace(/\s+/g, ""), Y !== p)
           throw new Error("argument must not contain whitespace");
         if (A = {
-          escapeChar: u?.escapeChar || f.escapeChar,
-          segmentNameStartChar: u?.segmentNameStartChar || f.segmentNameStartChar,
-          segmentNameCharset: u?.segmentNameCharset || f.segmentNameCharset,
-          segmentValueCharset: u?.segmentValueCharset || f.segmentValueCharset,
-          optionalSegmentStartChar: u?.optionalSegmentStartChar || f.optionalSegmentStartChar,
-          optionalSegmentEndChar: u?.optionalSegmentEndChar || f.optionalSegmentEndChar,
-          wildcardChar: u?.wildcardChar || f.wildcardChar
+          escapeChar: f?.escapeChar || u.escapeChar,
+          segmentNameStartChar: f?.segmentNameStartChar || u.segmentNameStartChar,
+          segmentNameCharset: f?.segmentNameCharset || u.segmentNameCharset,
+          segmentValueCharset: f?.segmentValueCharset || u.segmentValueCharset,
+          optionalSegmentStartChar: f?.optionalSegmentStartChar || u.optionalSegmentStartChar,
+          optionalSegmentEndChar: f?.optionalSegmentEndChar || u.optionalSegmentEndChar,
+          wildcardChar: f?.wildcardChar || u.wildcardChar
         }, q = b(A), k = q.pattern(p), k == null)
           throw new Error("couldn't parse pattern");
         if (k.rest !== "")
           throw new Error("could only partially parse pattern");
         this.ast = k.value, this.regex = new RegExp(l(this.ast, A.segmentValueCharset)), this.names = n(this.ast);
       }, e.prototype.match = function(p) {
-        var u, y;
-        return y = this.regex.exec(p), y == null ? null : (u = y.slice(1), this.names ? v(this.names, u) : u);
+        var f, y;
+        return y = this.regex.exec(p), y == null ? null : (f = y.slice(1), this.names ? v(this.names, f) : f);
       }, e.prototype.stringify = function(p) {
         if (p == null && (p = {}), this.isRegex)
           throw new Error("can't stringify patterns generated from a regex");
         if (p !== Object(p))
           throw new Error("argument must be an object or undefined");
         return E(this.ast, p, {});
-      }, e.escapeForRegex = d, e.concatMap = h, e.stringConcatMap = C, e.regexGroupCount = x, e.keysAndValuesToObject = v, e.P = s, e.newParser = b, e.defaultOptions = f, e.astNodeToRegexString = l, e.astNodeToNames = n, e.getParam = m, e.astNodeContainsSegmentsForProvidedParams = o, e.stringify = E, e;
+      }, e.escapeForRegex = d, e.concatMap = h, e.stringConcatMap = C, e.regexGroupCount = x, e.keysAndValuesToObject = v, e.P = s, e.newParser = b, e.defaultOptions = u, e.astNodeToRegexString = l, e.astNodeToNames = n, e.getParam = g, e.astNodeContainsSegmentsForProvidedParams = o, e.stringify = E, e;
     });
   })(Ue, Ue.exports)), Ue.exports;
 }
 var Wo = Ho();
-const Bt = /* @__PURE__ */ Bo(Wo), Ko = Rr, Yo = Vo, Xo = As, Zo = us, Xt = J, Go = et, Je = tt, Qo = He, st = T, Jo = $e, tn = Bt;
+const qt = /* @__PURE__ */ Bo(Wo), Ko = Rr, Yo = Vo, Xo = As, Zo = us, Xt = J, Go = et, Je = tt, Qo = He, st = T, Jo = Ce, tn = qt;
 window["concorde-utils"] = window["concorde-utils"] || {};
 window["concorde-utils"] = {
   Utils: Ko,
@@ -3399,11 +3399,11 @@ let I = class extends wi(Le(Z(w))) {
       justifyContent: this.justify,
       align: this.align,
       minWidth: this.minWidth
-    }, t = g`
+    }, t = m`
       <button
         part="button"
         class=${this.hasPrefix || this.hasSuffix ? "has-prefix-or-suffix" : ""}
-        style=${mt(r)}
+        style=${ut(r)}
         aria-controls=${$(this.ariaControls)}
         aria-expanded=${$(this.sonicAriaExpanded)}
         aria-label=${$(this.ariaLabel)}
@@ -3423,10 +3423,10 @@ let I = class extends wi(Le(Z(w))) {
           part="suffix"
           name="suffix"
         ></slot>
-        ${this.loading == !0 ? g`<sonic-icon name="loader" class="loader"></sonic-icon>` : ""}
+        ${this.loading == !0 ? m`<sonic-icon name="loader" class="loader"></sonic-icon>` : ""}
       </button>
     `;
-    return this.href ? g`<a
+    return this.href ? m`<a
           href="${this.href}"
           download=${$(this.download)}
           target=${$(this.target)}
@@ -3434,7 +3434,7 @@ let I = class extends wi(Le(Z(w))) {
           aria-labelledby=${$(this.ariaLabelledby)}
           @click=${this.pushState || this.goBack !== null ? this.handleNavigation : null}
           >${t}</a
-        >` : g`${t}`;
+        >` : m`${t}`;
   }
   onSlotChange() {
     this.hasPrefix = !!this.prefixes?.length, this.hasSuffix = !!this.suffixes?.length;
@@ -3902,7 +3902,7 @@ const Xi = (r, t, i) => {
   return s;
 }, Ls = ee(class extends De {
   constructor(r) {
-    if (super(r), r.type !== me.CHILD) throw Error("repeat() can only be used in text expressions");
+    if (super(r), r.type !== be.CHILD) throw Error("repeat() can only be used in text expressions");
   }
   dt(r, t, i) {
     let s;
@@ -3919,31 +3919,31 @@ const Xi = (r, t, i) => {
     const e = vo(r), { values: o, keys: n } = this.dt(t, i, s);
     if (!Array.isArray(e)) return this.ut = n, o;
     const l = this.ut ??= [], c = [];
-    let h, f, d = 0, m = e.length - 1, v = 0, b = o.length - 1;
-    for (; d <= m && v <= b; ) if (e[d] === null) d++;
-    else if (e[m] === null) m--;
+    let h, u, d = 0, g = e.length - 1, v = 0, b = o.length - 1;
+    for (; d <= g && v <= b; ) if (e[d] === null) d++;
+    else if (e[g] === null) g--;
     else if (l[d] === n[v]) c[v] = ne(e[d], o[v]), d++, v++;
-    else if (l[m] === n[b]) c[b] = ne(e[m], o[b]), m--, b--;
+    else if (l[g] === n[b]) c[b] = ne(e[g], o[b]), g--, b--;
     else if (l[d] === n[b]) c[b] = ne(e[d], o[b]), Fe(r, c[b + 1], e[d]), d++, b--;
-    else if (l[m] === n[v]) c[v] = ne(e[m], o[v]), Fe(r, e[d], e[m]), m--, v++;
-    else if (h === void 0 && (h = Xi(n, v, b), f = Xi(l, d, m)), h.has(l[d])) if (h.has(l[m])) {
-      const x = f.get(n[v]), C = x !== void 0 ? e[x] : null;
+    else if (l[g] === n[v]) c[v] = ne(e[g], o[v]), Fe(r, e[d], e[g]), g--, v++;
+    else if (h === void 0 && (h = Xi(n, v, b), u = Xi(l, d, g)), h.has(l[d])) if (h.has(l[g])) {
+      const x = u.get(n[v]), C = x !== void 0 ? e[x] : null;
       if (C === null) {
         const E = Fe(r, e[d]);
         ne(E, o[v]), c[v] = E;
       } else c[v] = ne(C, o[v]), Fe(r, e[d], C), e[x] = null;
       v++;
-    } else zs(e[m]), m--;
+    } else zs(e[g]), g--;
     else zs(e[d]), d++;
     for (; v <= b; ) {
       const x = Fe(r, c[b + 1]);
       ne(x, o[v]), c[v++] = x;
     }
-    for (; d <= m; ) {
+    for (; d <= g; ) {
       const x = e[d++];
       x !== null && zs(x);
     }
-    return this.ut = n, bo(r, c), yt;
+    return this.ut = n, bo(r, c), wt;
   }
 }), an = /* @__PURE__ */ new WeakMap();
 let Zi = 0;
@@ -3972,7 +3972,7 @@ const Us = /* @__PURE__ */ new Map(), Gi = /* @__PURE__ */ new WeakSet(), Qi = (
 } }, ln = { duration: 333, easing: "ease-in-out" }, cn = ["left", "top", "width", "height", "opacity", "color", "background"], er = /* @__PURE__ */ new WeakMap();
 class hn extends vi {
   constructor(t) {
-    if (super(t), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, t.type === me.CHILD) throw Error("The `animate` directive must be used in attribute position.");
+    if (super(t), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, t.type === be.CHILD) throw Error("The `animate` directive must be used in attribute position.");
     this.createFinished();
   }
   createFinished() {
@@ -4100,13 +4100,13 @@ class hn extends vi {
     let n = !1;
     const l = {};
     for (const c in i) {
-      const h = t[c], f = i[c];
+      const h = t[c], u = i[c];
       if (c in Vs) {
         const d = Vs[c];
-        if (h === void 0 || f === void 0) continue;
-        const m = d(h, f);
-        m.transform !== void 0 && (l[c] = m.value, n = !0, e.transform = `${e.transform ?? ""} ${m.transform}`, m.overrideFrom !== void 0 && Object.assign(e, m.overrideFrom));
-      } else h !== f && h !== void 0 && f !== void 0 && (n = !0, e[c] = h, o[c] = f);
+        if (h === void 0 || u === void 0) continue;
+        const g = d(h, u);
+        g.transform !== void 0 && (l[c] = g.value, n = !0, e.transform = `${e.transform ?? ""} ${g.transform}`, g.overrideFrom !== void 0 && Object.assign(e, g.overrideFrom));
+      } else h !== u && h !== void 0 && u !== void 0 && (n = !0, e[c] = h, o[c] = u);
     }
     return e.transformOrigin = o.transformOrigin = s ? "center center" : "top left", this.animatingProperties = l, n ? [e, o] : void 0;
   }
@@ -4198,7 +4198,7 @@ let sr = !1;
 function fn() {
   sr || (sr = !0, vs.custom.url = document.querySelector("[customIconLibraryPath]")?.getAttribute("customIconLibraryPath") || "", vs.custom.defaultPrefix = document.querySelector("[customIconDefaultPrefix]")?.getAttribute("customIconDefaultPrefix") || "");
 }
-const ir = sessionStorage.getItem("sonicIconsCache"), Kt = ir ? JSON.parse(ir) : { icons: {}, names: [] }, gn = 100, Ni = class Ni {
+const ir = sessionStorage.getItem("sonicIconsCache"), Vt = ir ? JSON.parse(ir) : { icons: {}, names: [] }, mn = 100, Ni = class Ni {
 };
 Ni.default = {
   get: async (t) => {
@@ -4211,48 +4211,52 @@ Ni.default = {
       const c = n + "-" + s;
       if (l[c]) return z(l[c]);
       const h = (o.url || "").replace("$prefix", n).replace("$name", s);
-      if (Kt.icons[h])
-        return l[c] = Kt.icons[h], z(Kt.icons[h]);
+      if (Vt.icons[h]) {
+        const d = Vt.icons[h];
+        if (/^\s*<svg[\s>]/i.test(d || ""))
+          return l[c] = d, z(d);
+        delete Vt.icons[h];
+      }
       if (!ds.has(h)) {
-        const d = new Promise(async (m) => {
+        const d = new Promise(async (g) => {
           try {
             const v = await fetch(h);
             if (!v.ok) {
-              m("");
+              g("");
               return;
             }
             try {
               const b = v.headers.get("content-type") || "";
               if (!b.includes("image/svg+xml") && !b.includes("svg")) {
-                m("");
+                g("");
                 return;
               }
               const x = await v.text(), C = /^\s*<svg[\s>]/i.test(x);
-              m(C ? x : "");
+              g(C ? x : "");
             } catch {
-              m(null);
+              g("");
             }
           } catch {
-            Oo(), m(null);
+            Oo(), g("");
           }
         });
         ds.set(h, d);
       }
-      const f = await ds.get(h);
-      if (ds.delete(h), l[c] = f || "", Kt.icons[h] = f || "", Kt.names.length > gn) {
-        const d = Kt.names.shift();
-        delete Kt.icons[d];
+      const u = await ds.get(h);
+      if (ds.delete(h), l[c] = u || "", u && /^\s*<svg[\s>]/i.test(u) && (Vt.icons[h] = u, Vt.names.push(h)), Vt.names.length > mn) {
+        const d = Vt.names.shift();
+        delete Vt.icons[d];
       }
-      return sessionStorage.setItem("sonicIconsCache", JSON.stringify(Kt)), z(f);
+      return sessionStorage.setItem("sonicIconsCache", JSON.stringify(Vt)), u ? z(u) : "";
     }
     return z(e.core[t.name] || "");
   }
 };
 let Ks = Ni;
-var mn = Object.defineProperty, bn = Object.getOwnPropertyDescriptor, ts = (r, t, i, s) => {
+var gn = Object.defineProperty, bn = Object.getOwnPropertyDescriptor, ts = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? bn(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
-  return s && e && mn(t, i, e), e;
+  return s && e && gn(t, i, e), e;
 };
 const vn = "sonic-icon";
 let de = class extends w {
@@ -4388,7 +4392,7 @@ let _t = class extends w {
       if (JSON.parse(r)[this.id])
         return S;
     }
-    return this.visible ? g`<div
+    return this.visible ? m`<div
       class="sonic-toast ${this.status} ${this.ghost ? "ghost" : ""}"
     >
       <button
@@ -4402,14 +4406,14 @@ let _t = class extends w {
         class="sonic-toast-content custom-scroll"
         style="max-height: ${this.maxHeight} ;"
       >
-        ${this.status && g`<sonic-icon
+        ${this.status && m`<sonic-icon
           name=${_n[this.status]}
           class="sonic-toast-icon"
           size="2xl"
         ></sonic-icon>`}
 
         <div class="sonic-toast-text">
-          ${this.title ? g`<div class="sonic-toast-title">${this.title}</div>` : ""}
+          ${this.title ? m`<div class="sonic-toast-title">${this.title}</div>` : ""}
           ${this.text ? z(this.text) : ""}
           <slot></slot>
         </div>
@@ -4793,15 +4797,15 @@ var Sn = Object.defineProperty, An = Object.getOwnPropertyDescriptor, ss = (r, t
   return s && e && Sn(t, i, e), e;
 };
 const kn = "sonic-theme";
-let vt = class extends w {
+let yt = class extends w {
   constructor() {
-    super(), this.background = !1, this.color = !1, this.font = !1, vt.instance = this;
+    super(), this.background = !1, this.color = !1, this.font = !1, yt.instance = this;
   }
   /**
    * retourne le conteneur de tout ce qui pop : popups / modale / tooltip? / dropdown / ...
    */
   static getPopContainer() {
-    return vt.instance || document.body;
+    return yt.instance || document.body;
   }
   connectedCallback() {
     super.connectedCallback(), window.addEventListener("message", (r) => this.receiveMessage(r), !1), window.dispatchEvent(new CustomEvent("SonicThemeReady")), this.postCSSVars();
@@ -4832,7 +4836,7 @@ let vt = class extends w {
   }
   getCssVariables() {
     const r = [], t = [
-      ...vt.styles.map((e) => e.styleSheet),
+      ...yt.styles.map((e) => e.styleSheet),
       ...Array.from(document.styleSheets)
     ];
     for (const e of t)
@@ -4852,10 +4856,10 @@ let vt = class extends w {
     return r.forEach((e) => s[e] = i.getPropertyValue(e)), s;
   }
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
-vt.styles = [
+yt.styles = [
   $n,
   Cn,
   Pn,
@@ -4895,19 +4899,19 @@ vt.styles = [
 ];
 ss([
   a({ type: String, reflect: !0 })
-], vt.prototype, "theme", 2);
+], yt.prototype, "theme", 2);
 ss([
   a({ type: Boolean, reflect: !0 })
-], vt.prototype, "background", 2);
+], yt.prototype, "background", 2);
 ss([
   a({ type: Boolean, reflect: !0 })
-], vt.prototype, "color", 2);
+], yt.prototype, "color", 2);
 ss([
   a({ type: Boolean, reflect: !0 })
-], vt.prototype, "font", 2);
-vt = ss([
+], yt.prototype, "font", 2);
+yt = ss([
   _(kn)
-], vt);
+], yt);
 var On = Object.defineProperty, Dn = Object.getOwnPropertyDescriptor, Pr = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Dn(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
@@ -4939,11 +4943,11 @@ let O = class extends w {
       zIndex: "10000",
       maxWidth: "64ch",
       flexDirection: "column-reverse"
-    }), O.handleExistingToastDelegation(), this.toasts ? g`<div aria-live="polite" style=${mt(i)}>
+    }), O.handleExistingToastDelegation(), this.toasts ? m`<div aria-live="polite" style=${ut(i)}>
       ${Ls(
       this.toasts,
       (s) => s.id,
-      (s) => g`
+      (s) => m`
           <sonic-toast-item
             maxHeight=${t ? "none" : "10rem"}
             status=${$(s.status)}
@@ -5013,7 +5017,7 @@ let O = class extends w {
     ));
   }
   static getInstance() {
-    return O.instance || (O.instance = document.createElement("sonic-toast"), vt.getPopContainer().prepend(O.instance)), O.instance;
+    return O.instance || (O.instance = document.createElement("sonic-toast"), yt.getPopContainer().prepend(O.instance)), O.instance;
   }
   static add(t) {
     if (O.delegateToasts) {
@@ -5134,7 +5138,7 @@ const _i = (r, t) => {
      * Un Toast est affiché si le chargement échoue
      */
     async _fetchData() {
-      if (this.requestUpdate(), !this.isFetchEnabled || (this.api = new $e(this.getApiConfiguration()), !this.api) || (this.dispatchEvent(new CustomEvent("loading", { detail: this })), this.getAttribute("localStorage") === "enabled" && await st.getInstance().isLocalStrorageReady, !this.isConnected)) return;
+      if (this.requestUpdate(), !this.isFetchEnabled || (this.api = new Ce(this.getApiConfiguration()), !this.api) || (this.dispatchEvent(new CustomEvent("loading", { detail: this })), this.getAttribute("localStorage") === "enabled" && await st.getInstance().isLocalStrorageReady, !this.isConnected)) return;
       const e = st.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
       this.isLoading = !0, tt.isObject(this.props) && Object.keys(this.props || {}).length > 0 && this.isFirstLoad && window.requestAnimationFrame(() => {
         this.dispatchEvent(new CustomEvent("load", { detail: this })), this.isFirstLoad = !1, this.isLoading = !1;
@@ -5289,10 +5293,10 @@ window["concorde-mixins"] = {
  */
 const Et = ee(class extends De {
   constructor(r) {
-    if (super(r), r.type !== me.CHILD) throw Error("templateContent can only be used in child bindings");
+    if (super(r), r.type !== be.CHILD) throw Error("templateContent can only be used in child bindings");
   }
   render(r) {
-    return this.vt === r ? yt : (this.vt = r, document.importNode(r.content, !0));
+    return this.vt === r ? wt : (this.vt = r, document.importNode(r.content, !0));
   }
 });
 var Un = Object.defineProperty, Vn = Object.getOwnPropertyDescriptor, Ar = (r, t, i, s) => {
@@ -5305,16 +5309,16 @@ let ys = class extends _i(Z(xi(w))) {
   renderLoader() {
     if (!(this.isLoading && this.loader !== void 0)) return S;
     const r = this.loader === !0 || this.loader === "" ? "fixed" : this.loader;
-    return g`<sonic-loader mode=${r}></sonic-loader>`;
+    return m`<sonic-loader mode=${r}></sonic-loader>`;
   }
   renderSkeleton() {
     const r = this.templateParts.skeleton;
     return this.isLoading && r ? Et(r) : S;
   }
   render() {
-    return g`
+    return m`
       ${this.renderSkeleton()} ${this.renderLoader()}
-      ${this.isLoading ? S : g`<slot></slot>`}
+      ${this.isLoading ? S : m`<slot></slot>`}
     `;
   }
 };
@@ -5342,7 +5346,7 @@ let ws = class extends w {
     super(...arguments), this.condition = !1;
   }
   render() {
-    return this.condition ? g` <slot></slot> ` : S;
+    return this.condition ? m` <slot></slot> ` : S;
   }
 };
 ws.styles = P`
@@ -5490,13 +5494,13 @@ let nt = class extends w {
   static show(r) {
     nt.loader || (nt.loader = document.createElement("sonic-loader"));
     const t = nt.loader;
-    r || (r = {}), r.mode && t.setAttribute("mode", r.mode), r.noDelay && t.setAttribute("noDelay", ""), r.container || (r.container = vt.getPopContainer(), r.mode = "fixed"), r.container.appendChild(t), nt.callCounter++;
+    r || (r = {}), r.mode && t.setAttribute("mode", r.mode), r.noDelay && t.setAttribute("noDelay", ""), r.container || (r.container = yt.getPopContainer(), r.mode = "fixed"), r.container.appendChild(t), nt.callCounter++;
   }
   static hide() {
     nt.callCounter--, !(nt.callCounter > 0) && nt.loader && nt.loader.remove();
   }
   render() {
-    return g`<div
+    return m`<div
       class="sonic-loader sonic-loader--${this.mode} ${this.noDelay ? "sonic-loader--nodelay" : ""} "
     >
       <div></div>
@@ -5566,7 +5570,7 @@ let or = class extends Z(w) {
     super.updated(r), this.children.length == 0 ? this.style.display = "none" : this.style.display = "contents";
   }
   render() {
-    return g`<slot></slot> `;
+    return m`<slot></slot> `;
   }
 };
 or = Jn([
@@ -5598,7 +5602,7 @@ let xt = class extends _i(Z(Qe(w))) {
   renderLoader() {
     if (!(this.isLoading && this.loader !== void 0) || this.templateParts.skeleton) return S;
     const t = this.loader === !0 || this.loader === "" ? "fixed" : this.loader;
-    return g`<sonic-loader mode=${t}></sonic-loader>`;
+    return m`<sonic-loader mode=${t}></sonic-loader>`;
   }
   renderSkeleton() {
     if (this.skeleton)
@@ -5613,10 +5617,10 @@ let xt = class extends _i(Z(Qe(w))) {
     return r ? Et(r) : S;
   }
   renderLoadingState() {
-    return g`${this.renderSkeleton()} ${this.renderLoader()} `;
+    return m`${this.renderSkeleton()} ${this.renderLoader()} `;
   }
   renderNoResultState() {
-    return g` <div
+    return m` <div
       style="color: var(--sc-base-400);
     font-size: 1.5em;
     margin: 4rem 0;
@@ -5662,7 +5666,7 @@ let xt = class extends _i(Z(Qe(w))) {
     return { width: e - s, height: n - o };
   }
   render() {
-    return g`
+    return m`
       ${this.renderContent()}
       <div
         style="grid-column: 1 / -1;min-height:${this.isLoading ? 0 : this.loadingSize.height}px; width:0;float:left;display: var(--list-loader-height-display);"
@@ -5670,7 +5674,7 @@ let xt = class extends _i(Z(Qe(w))) {
     `;
   }
   handleProgrammaticTemplates(r, t, i) {
-    return this.items ? g`<sonic-subscriber
+    return this.items ? m`<sonic-subscriber
       ?debug=${this.defferedDebug === !0}
       .bindPublisher=${() => this.publisher[i]}
       .propertyMap?=${this.itemPropertyMap}
@@ -5682,7 +5686,7 @@ let xt = class extends _i(Z(Qe(w))) {
   renderContent() {
     if (this.isLoading && !Array.isArray(this.props)) return this.renderLoadingState();
     if (typeof this.props == "string") return this.renderNoResultState();
-    if (!tt.isObject(this.props)) return g`<div></div>`;
+    if (!tt.isObject(this.props)) return m`<div></div>`;
     const s = this.formatProps();
     if ((s?.length || 0) == 0) {
       if (this.noItems)
@@ -5693,41 +5697,41 @@ let xt = class extends _i(Z(Qe(w))) {
     const e = this.templateList.length;
     let o = -1;
     const n = this.hasAttribute("extractValues"), l = this.renderSeparator(), c = s?.length || 0, h = s?.slice(this.offset, this.offset + this.limit);
-    return g`
-      ${h?.map((f, d) => {
-      if (f == null) return S;
-      let m = d, v = null;
-      if (typeof f == "object" && !Array.isArray(f)) {
-        n && (m = f?.key);
-        const u = f[this.templateKey];
-        u && typeof u == "string" && (v = this.templateParts[u]);
-      }
-      if (m == "_sonic_http_response_" || typeof m != "string" && typeof m != "number") return S;
-      const b = d >= c - 1, x = d % 2, C = this.publisher[m], E = {
-        key: m,
+    return m`
+      ${h?.map((u, d) => {
+      if (u == null) return S;
+      let g = d, v = null;
+      if (typeof u == "object" && !Array.isArray(u)) {
+        n && (g = u?.key);
+        const f = u[this.templateKey];
+        f && typeof f == "string" && (v = this.templateParts[f]);
+      }
+      if (g == "_sonic_http_response_" || typeof g != "string" && typeof g != "number") return S;
+      const b = d >= c - 1, x = d % 2, C = this.publisher[g], E = {
+        key: g,
         even: x == 0,
         odd: x == 1,
         onlyChild: c == 1,
         firstChild: d == 0,
         lastChild: b
       };
-      C._key_ = m + "", C._metadata_ = {
+      C._key_ = g + "", C._metadata_ = {
         ...C._metadata_.get(),
         ...E
       };
       const p = this.handleProgrammaticTemplates(
-        f,
+        u,
         E,
-        m
+        g
       );
-      return p ? g`${p}${b ? S : l}` : (o++, v && (o = -1), g`
+      return p ? m`${p}${b ? S : l}` : (o++, v && (o = -1), m`
           <sonic-subscriber
             ?debug=${this.defferedDebug === !0}
             .bindPublisher=${function() {
         return C;
       }}
             .propertyMap?=${this.itemPropertyMap}
-            dataProvider="${this.dataProvider}/list-item/${m}"
+            dataProvider="${this.dataProvider}/list-item/${g}"
           >
             ${Et(v || this.templateList[o % e])}
           </sonic-subscriber>
@@ -5859,8 +5863,8 @@ let X = class extends Z(w) {
       }
     }
     if (Array.isArray(this.props)) {
-      const d = this.props, m = d[d.length - 1];
-      t = parseInt(m.offset.toString()) + parseInt(m.limit.toString());
+      const d = this.props, g = d[d.length - 1];
+      t = parseInt(g.offset.toString()) + parseInt(g.limit.toString());
     } else {
       const d = [];
       d.resultCount = this.resultCount, d.lastFetchedData = r?.detail.fetchedData || {}, this.props = d;
@@ -5875,7 +5879,7 @@ let X = class extends Z(w) {
     for (const d in c)
       this.filteredFields && h.includes(d) || c[d] == null || c[d] == "" || l.set(d, c[d]);
     this.searchHash || (this.searchHash = l.toString()), n = n + "?" + l.toString(), e = e + "_item_from_queue_" + this.instanceId, this.listDataProviders.push(e);
-    const f = [
+    const u = [
       ...this.props,
       {
         id: l.toString() + "/" + this.props.length,
@@ -5885,18 +5889,18 @@ let X = class extends Z(w) {
         limit: this.limit
       }
     ];
-    f.resultCount = this.resultCount, f.lastFetchedData = r?.detail.fetchedData || {}, this.props = f, this.lastRequestTime = (/* @__PURE__ */ new Date()).getTime();
+    u.resultCount = this.resultCount, u.lastFetchedData = r?.detail.fetchedData || {}, this.props = u, this.lastRequestTime = (/* @__PURE__ */ new Date()).getTime();
   }
   render() {
     if (this.storeScrollPosition(), !Array.isArray(this.props))
       return S;
     let r = !this.noLazyload;
-    return this.props.length == 1 && (r = !1), this.style.display = "block", g`
+    return this.props.length == 1 && (r = !1), this.style.display = "block", m`
       ${Or(this.props, (t, i) => {
       const s = i == 0 ? this.templates : this.templates?.filter(
         (e) => e.getAttribute("data-value") != "no-item"
       );
-      return g`
+      return m`
           <sonic-list
             fetch
             loader="${this.loader}"
@@ -6008,7 +6012,7 @@ let Zt = class extends Z(w) {
       let c = {};
       l && (c = l.get());
       let h = null;
-      const f = this.getAncestorAttributeValue("dataProvider"), d = this.endPoint || f, m = async () => {
+      const u = this.getAncestorAttributeValue("dataProvider"), d = this.endPoint || u, g = async () => {
         const b = { ...o };
         if (delete b.needsCaptchaValidation, delete c.needsCaptchaValidation, e)
           h = await this.api?.submitFormData(
@@ -6029,11 +6033,11 @@ let Zt = class extends Z(w) {
               h = await this.api?.delete(d, b, c);
               break;
             case "get":
-              const u = new URLSearchParams();
+              const f = new URLSearchParams();
               if (b)
                 for (const A in b)
-                  u.append(A, b[A]);
-              const y = "?" + u.toString();
+                  f.append(A, b[A]);
+              const y = "?" + f.toString();
               h = await this.api?.get(d + y, c);
               break;
             default:
@@ -6047,7 +6051,7 @@ let Zt = class extends Z(w) {
           "clearedDataOnSuccess"
         );
         x && x.split(" ").forEach(
-          (u) => T.get(u).set({})
+          (f) => T.get(f).set({})
         );
         const C = this.hasAttribute("usernameKey") ? this.getAttribute("usernameKey") : "username", E = this.hasAttribute("passwordKey") ? this.getAttribute("passwordKey") : "password";
         this.api?.lastResult?.ok && b[C] && b[E] && this.saveCredentials(
@@ -6075,15 +6079,15 @@ let Zt = class extends Z(w) {
       if (v) {
         v.captchaToken = "request_token";
         const b = (x) => {
-          x != "request_token" ? (m(), v.captchaToken.offAssign(b)) : (nt.hide(), this.disabled = !1);
+          x != "request_token" ? (g(), v.captchaToken.offAssign(b)) : (nt.hide(), this.disabled = !1);
         };
         v.captchaToken.onAssign(b);
       } else
-        m();
+        g();
     };
   }
   connectedCallback() {
-    this.hasAttribute("onClick") && this.addEventListener("click", this.submit), this.hasAttribute("onEnterKey") && this.addEventListener("keydown", this.submit), super.connectedCallback(), this.api = new $e(this.getApiConfiguration());
+    this.hasAttribute("onClick") && this.addEventListener("click", this.submit), this.hasAttribute("onEnterKey") && this.addEventListener("keydown", this.submit), super.connectedCallback(), this.api = new Ce(this.getApiConfiguration());
   }
   submitNativeForm() {
     const r = Xt.getClosestForm(this);
@@ -6113,7 +6117,7 @@ let Zt = class extends Z(w) {
     }
   }
   render() {
-    return g`<div ?data-disabled=${this.disabled}><slot></slot></div>`;
+    return m`<div ?data-disabled=${this.disabled}><slot></slot></div>`;
   }
 };
 Zt.styles = P`
@@ -6147,7 +6151,7 @@ var ha = Object.defineProperty, da = Object.getOwnPropertyDescriptor, is = (r, t
   return s && e && ha(t, i, e), e;
 };
 const pa = "sonic-router";
-let Ce = class extends Qe(w) {
+let Se = class extends Qe(w) {
   constructor() {
     super(...arguments), this.templateValueAttribute = "data-route", this._location = document.location.href.replace(
       document.location.origin,
@@ -6190,7 +6194,7 @@ let Ce = class extends Qe(w) {
         e.shift(), r.push(i([...e]));
       } else
         try {
-          const o = new Bt(this.patternBasePath + t).match(this.cleanLocation);
+          const o = new qt(this.patternBasePath + t).match(this.cleanLocation);
           if (o) {
             const n = o || {};
             r.push(i(n));
@@ -6206,7 +6210,7 @@ let Ce = class extends Qe(w) {
   render() {
     const r = this.handleroutes();
     if (r.length > 0)
-      return g`${r}`;
+      return m`${r}`;
     const t = [];
     for (const i of this.templatePartsList) {
       const s = i.getAttribute(this.templateValueAttribute) || "";
@@ -6214,7 +6218,7 @@ let Ce = class extends Qe(w) {
         t.push(i);
       else
         try {
-          new Bt(this.patternBasePath + s + "(/*)").match(
+          new qt(this.patternBasePath + s + "(/*)").match(
             this.cleanLocation
           ) && (i.setAttribute("mode", "patternMatching"), t.push(i));
         } catch {
@@ -6230,7 +6234,7 @@ let Ce = class extends Qe(w) {
       );
       i && t.push(i);
     }
-    return g`${Ls(
+    return m`${Ls(
       t,
       (i, s) => s + (/* @__PURE__ */ new Date()).getTime(),
       (i) => {
@@ -6238,17 +6242,17 @@ let Ce = class extends Qe(w) {
           let s = "";
           const e = i.getAttribute("dataProviderExpression") || "";
           if (i.getAttribute("mode") == "patternMatching") {
-            const o = new Bt(
+            const o = new qt(
               "(/)*" + (i.getAttribute(this.templateValueAttribute) || "") + "*"
             );
-            s = new Bt(e).stringify(o.match(this.cleanLocation));
+            s = new qt(e).stringify(o.match(this.cleanLocation));
           } else {
             const o = new RegExp(
               i.getAttribute(this.templateValueAttribute) || ""
             ), n = (this.cleanLocation + "").match(o);
             n && (s = n.shift()?.replace(o, e) || "");
           }
-          return g`<div
+          return m`<div
             style="display:contents"
             dataProvider="${s}"
           >
@@ -6262,25 +6266,25 @@ let Ce = class extends Qe(w) {
 };
 is([
   a({ type: String })
-], Ce.prototype, "fallBackRoute", 2);
+], Se.prototype, "fallBackRoute", 2);
 is([
   a({ type: Object })
-], Ce.prototype, "routes", 2);
+], Se.prototype, "routes", 2);
 is([
   a({ type: String })
-], Ce.prototype, "basePath", 2);
+], Se.prototype, "basePath", 2);
 is([
   a()
-], Ce.prototype, "location", 1);
-Ce = is([
+], Se.prototype, "location", 1);
+Se = is([
   _(pa)
-], Ce);
+], Se);
 var ua = Object.getOwnPropertyDescriptor, fa = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? ua(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = n(e) || e);
   return e;
 };
-const ga = "sonic-redirect";
+const ma = "sonic-redirect";
 let nr = class extends Z(w) {
   connectedCallback() {
     this.noShadowDom = "", this.style.display = "none", super.connectedCallback(), this.udpateCallBack = () => this.update(), this.publisher && this.publisher.onInternalMutation(this.udpateCallBack);
@@ -6299,12 +6303,12 @@ let nr = class extends Z(w) {
   }
 };
 nr = fa([
-  _(ga)
+  _(ma)
 ], nr);
-var ma = Object.defineProperty, ba = Object.getOwnPropertyDescriptor, Ns = (r, t, i, s) => {
+var ga = Object.defineProperty, ba = Object.getOwnPropertyDescriptor, Ns = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? ba(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
-  return s && e && ma(t, i, e), e;
+  return s && e && ga(t, i, e), e;
 };
 const va = "sonic-states";
 let Ye = class extends Z(Qe(w)) {
@@ -6336,7 +6340,7 @@ let Ye = class extends Z(Qe(w)) {
         o.shift(), t.push(s([...o]));
       } else
         try {
-          const o = new Bt("(/)*" + i + "*");
+          const o = new qt("(/)*" + i + "*");
           if (o.match(r)) {
             const n = o.match(r) || {};
             t.push(s(n));
@@ -6354,18 +6358,18 @@ let Ye = class extends Z(Qe(w)) {
     (!Array.isArray(r) && tt.isObject(r) || r === void 0) && (r = "");
     const t = this.handleStates(r);
     if (t.length > 0)
-      return g`${t}`;
+      return m`${t}`;
     const i = [];
     for (const s of this.templatePartsList) {
       let e = s.getAttribute(this.templateValueAttribute), o = r;
       if (this.inverted && (o = e, e = r), e == "" && (e = this.inverted ? ".*?" : "^$"), new RegExp(e).test(o + ""))
         i.push(s), s.removeAttribute("mode");
       else {
-        const l = new Bt(e);
+        const l = new qt(e);
         l.names.length > 0 && l.match(o) && (s.setAttribute("mode", "patternMatching"), i.push(s));
       }
     }
-    return g`${Ls(
+    return m`${Ls(
       i,
       (s, e) => e + (/* @__PURE__ */ new Date()).getTime(),
       (s) => {
@@ -6377,13 +6381,13 @@ let Ye = class extends Z(Qe(w)) {
             this.templateValueAttribute
           );
           if (this.inverted && (n = l, l = r), l == "" && (l = this.inverted ? "*" : "^$"), s.getAttribute("mode") == "patternMatching") {
-            const c = new Bt(l);
-            o = new Bt(e).stringify(c.match(n));
+            const c = new qt(l);
+            o = new qt(e).stringify(c.match(n));
           } else {
             const c = new RegExp(l), h = (n + "").match(c);
             h && (o = h.shift()?.replace(c, e));
           }
-          return g`<div
+          return m`<div
             style="display:contents"
             dataProvider="${o}"
           >
@@ -6418,7 +6422,7 @@ let ar = class extends w {
     return this;
   }
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 ar = wa([
@@ -6435,7 +6439,7 @@ let Xs = class extends Z(w) {
     super(...arguments), this.text = "Example";
   }
   render() {
-    return g`<div>${this.text}</div>`;
+    return m`<div>${this.text}</div>`;
   }
 };
 Dr([
@@ -6587,8 +6591,8 @@ class Wa {
       if (h)
         for (const d of h)
           e.nodes.push(d);
-      const f = s.parent.nodes?.indexOf(s.child) || -1;
-      f != -1 && (s.parent.nodes?.splice(f, 1), s.parent.nodes?.splice(f, 0, e));
+      const u = s.parent.nodes?.indexOf(s.child) || -1;
+      u != -1 && (s.parent.nodes?.splice(u, 1), s.parent.nodes?.splice(u, 0, e));
     }
   }
   /**
@@ -6834,7 +6838,7 @@ let xs = class extends se(w) {
       }
   }
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 xs.styles = [
@@ -6861,7 +6865,7 @@ let lr = class extends se(w) {
     this.setAttribute("subDataProvider", this.getAttribute("key")), super.connectedCallback();
   }
   render() {
-    return typeof this.props == "object" || this.props === void 0 ? g`<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>` : g`${z(this.props.toString())}<slot name="prefix"></slot><slot></slot
+    return typeof this.props == "object" || this.props === void 0 ? m`<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>` : m`${z(this.props.toString())}<slot name="prefix"></slot><slot></slot
       ><slot name="suffix"></slot>`;
   }
 };
@@ -6876,7 +6880,7 @@ var el = Object.defineProperty, sl = Object.getOwnPropertyDescriptor, Ci = (r, t
 const il = "sonic-t";
 let Ps = class extends w {
   render() {
-    return this.key ? g`${Lo(this.key, this.unsafeHTML)}` : S;
+    return this.key ? m`${Lo(this.key, this.unsafeHTML)}` : S;
   }
 };
 Ci([
@@ -6899,7 +6903,7 @@ let pe = class extends w {
     super(...arguments), this.type = "default", this.variant = "default", this.ellipsis = !1;
   }
   render() {
-    return g`
+    return m`
       <slot name="prefix"></slot>
       <slot></slot>
       <slot name="suffix"></slot>
@@ -7113,7 +7117,7 @@ let Gt = class extends w {
     r.has("href") && this.setFocusable();
   }
   render() {
-    return this.href ? g`
+    return this.href ? m`
       <a
         href="${this.href}"
         aria-label=${this.ariaLabel || S}
@@ -7122,7 +7126,7 @@ let Gt = class extends w {
       >
         <slot></slot>
       </a>
-    ` : g`<slot></slot>`;
+    ` : m`<slot></slot>`;
   }
 };
 Gt.styles = [
@@ -7163,7 +7167,7 @@ let Qt = class extends w {
     super(...arguments), this.max = 100, this.invert = !1, this.type = "default";
   }
   render() {
-    return g`
+    return m`
       <progress value=${$(this.value)} max=${this.max}></progress>
       <div class="slot-container">
         <slot></slot>
@@ -7701,7 +7705,7 @@ const fl = P`
  */
 const Ai = ee(class extends De {
   constructor(r) {
-    if (super(r), r.type !== me.ATTRIBUTE || r.name !== "class" || r.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+    if (super(r), r.type !== be.ATTRIBUTE || r.name !== "class" || r.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(r) {
     return " " + Object.keys(r).filter(((t) => r[t])).join(" ") + " ";
@@ -7718,13 +7722,13 @@ const Ai = ee(class extends De {
       const e = !!t[s];
       e === this.st.has(s) || this.nt?.has(s) || (e ? (i.add(s), this.st.add(s)) : (i.remove(s), this.st.delete(s)));
     }
-    return yt;
+    return wt;
   }
 });
-var gl = Object.defineProperty, ml = Object.getOwnPropertyDescriptor, U = (r, t, i, s) => {
-  for (var e = s > 1 ? void 0 : s ? ml(t, i) : t, o = r.length - 1, n; o >= 0; o--)
+var ml = Object.defineProperty, gl = Object.getOwnPropertyDescriptor, U = (r, t, i, s) => {
+  for (var e = s > 1 ? void 0 : s ? gl(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
-  return s && e && gl(t, i, e), e;
+  return s && e && ml(t, i, e), e;
 };
 const bl = "sonic-input";
 let j = class extends Es(Le(Z(w))) {
@@ -7808,7 +7812,7 @@ let j = class extends Es(Le(Z(w))) {
       "no-suffix": !this.hasSuffix,
       "no-prefix": !this.hasPrefix
     };
-    return g`
+    return m`
       <label for="${this.id || "form-element"}" class="${this.hasLabel ? "form-label" : "hidden"}"
         >${this.label ? z(
       this.label
@@ -7854,7 +7858,7 @@ let j = class extends Es(Le(Z(w))) {
               .name=${this.name}
               .value=${this.value}
             />
-              ${this.showPasswordToggle ? g`<sonic-button
+              ${this.showPasswordToggle ? m`<sonic-button
                       shape="circle"
                       class="password-toggle"
                       @click=${this.togglePasswordVisibility}
@@ -7875,7 +7879,7 @@ let j = class extends Es(Le(Z(w))) {
           name="description"
           @slotchange=${this.hasSlotOrProps}
           class="${this.hasDescription ? "form-description" : "hidden"}"
-        >${this.description ? g`${z(this.description)}` : S}</slot>
+        >${this.description ? m`${z(this.description)}` : S}</slot>
         <slot name="list"></slot>
       </div>
     `;
@@ -7949,19 +7953,19 @@ U([
   a({ type: Boolean, reflect: !0 })
 ], j.prototype, "active", 2);
 U([
-  ht({ slot: "label", flatten: !0 })
+  dt({ slot: "label", flatten: !0 })
 ], j.prototype, "slotLabelNodes", 2);
 U([
-  ht({ slot: "description", flatten: !0 })
+  dt({ slot: "description", flatten: !0 })
 ], j.prototype, "slotDescriptionNodes", 2);
 U([
-  ht({ slot: "suffix", flatten: !0 })
+  dt({ slot: "suffix", flatten: !0 })
 ], j.prototype, "slotSuffixNodes", 2);
 U([
-  ht({ slot: "prefix", flatten: !0 })
+  dt({ slot: "prefix", flatten: !0 })
 ], j.prototype, "slotPrefixNodes", 2);
 U([
-  Ae("input")
+  ge("input")
 ], j.prototype, "input", 2);
 U([
   L()
@@ -8076,15 +8080,15 @@ let it = class extends w {
     let s = t[1];
     const e = 5, o = this.getBoundingClientRect(), l = J.getScrollableAncestor(
       this.popContent
-    )?.getBoundingClientRect(), c = Math.max(0, l?.left || 0) + e, h = Math.max(0, l?.top || 0) + e, f = Math.min(
+    )?.getBoundingClientRect(), c = Math.max(0, l?.left || 0) + e, h = Math.max(0, l?.top || 0) + e, u = Math.min(
       window.innerWidth,
       l?.right || window.innerWidth
     ) - e, d = Math.min(
       window.innerHeight,
       l?.bottom || window.innerHeight
-    ) - e, m = o.left, v = o.top;
-    let b = m, x = v, C = this.popContent?.getBoundingClientRect();
-    const E = v - C.height, p = m - C.width, u = m + o.width, y = v + o.height, A = m + (o.width - C.width) * 0.5, k = v + (o.height - C.height) * 0.5;
+    ) - e, g = o.left, v = o.top;
+    let b = g, x = v, C = this.popContent?.getBoundingClientRect();
+    const E = v - C.height, p = g - C.width, f = g + o.width, y = v + o.height, A = g + (o.width - C.width) * 0.5, k = v + (o.height - C.height) * 0.5;
     switch (i) {
       case "bottom":
         x = y, s == "center" && (b = A);
@@ -8096,25 +8100,25 @@ let it = class extends w {
         b = p, s == "center" && (x = k);
         break;
       case "right":
-        b = u, s == "center" && (x = k);
+        b = f, s == "center" && (x = k);
         break;
     }
     this.lastContentX += b - C.x, this.lastContentY += x - C.y, Object.assign(this.popContent.style, {
       left: `${this.lastContentX}px`,
       top: `${this.lastContentY}px`
-    }), C = this.popContent?.getBoundingClientRect(), C.x < c && i == "left" && (b = u), C.y < h && i == "top" && (x = y), C.x + C.width > f && i == "right" && (b = p), C.y + C.height > d && i == "bottom" && (x = E), this.lastContentX += b - C.x, this.lastContentY += x - C.y, Object.assign(this.popContent.style, {
+    }), C = this.popContent?.getBoundingClientRect(), C.x < c && i == "left" && (b = f), C.y < h && i == "top" && (x = y), C.x + C.width > u && i == "right" && (b = p), C.y + C.height > d && i == "bottom" && (x = E), this.lastContentX += b - C.x, this.lastContentY += x - C.y, Object.assign(this.popContent.style, {
       left: `${this.lastContentX}px`,
       top: `${this.lastContentY}px`
     }), C = this.popContent?.getBoundingClientRect(), C.x < c && (this.lastContentX += c - C.x), C.y < h && (this.lastContentY += h - C.y), Object.assign(this.popContent.style, {
       left: `${this.lastContentX}px`,
       top: `${this.lastContentY}px`
-    }), C = this.popContent?.getBoundingClientRect(), C.x + C.width > f && (this.lastContentX += f - (C.x + C.width)), C.y + C.height > d && (this.lastContentY += d - (C.y + C.height)), Object.assign(this.popContent.style, {
+    }), C = this.popContent?.getBoundingClientRect(), C.x + C.width > u && (this.lastContentX += u - (C.x + C.width)), C.y + C.height > d && (this.lastContentY += d - (C.y + C.height)), Object.assign(this.popContent.style, {
       left: `${this.lastContentX}px`,
       top: `${this.lastContentY}px`
     });
   }
   render() {
-    return g`
+    return m`
       <slot
         @click=${this.manual ? () => {
     } : this.toggle}
@@ -8174,10 +8178,10 @@ jt([
   L()
 ], it.prototype, "open", 2);
 jt([
-  Ae("slot:not([name=content])")
+  ge("slot:not([name=content])")
 ], it.prototype, "popBtn", 2);
 jt([
-  Ae("slot[name=content]")
+  ge("slot[name=content]")
 ], it.prototype, "popContent", 2);
 jt([
   a({ type: Boolean })
@@ -8252,7 +8256,7 @@ class Nr {
     this.u.disconnect();
   }
 }
-var $l = Object.defineProperty, Cl = Object.getOwnPropertyDescriptor, ft = (r, t, i, s) => {
+var $l = Object.defineProperty, Cl = Object.getOwnPropertyDescriptor, mt = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Cl(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && $l(t, i, e), e;
@@ -8306,7 +8310,7 @@ let at = class extends xi(
     const r = this.searchParameter || this.name, t = this.getAncestorAttributeValue("formDataProvider"), i = t + "__" + this.name + "__autocomplete";
     this.initSearchDataProvider = `${i}_init_search__`, this.initQueueDataProvider = `${i}_init_queue__`, this.searchDataProvider = `${i}_search__`, this.queueDataProvider = `${i}_queue__`;
     const s = st.get;
-    this.searchPublisher = s(this.searchDataProvider)[r], this.formValuePublisher = dt(
+    this.searchPublisher = s(this.searchDataProvider)[r], this.formValuePublisher = pt(
       s(t),
       this.name
     ), this.countPublisher = s(this.queueDataProvider).resultCount, this.initCountPublisher = s(
@@ -8352,7 +8356,7 @@ let at = class extends xi(
     return this.isSearchParameter() ? this.searchPublisher?.get() : this.lastValidSearch;
   }
   render() {
-    return g`
+    return m`
       <sonic-pop noToggle style="display:block;" @hide=${this.handleHide}>
         <sonic-input
           class="form-element"
@@ -8379,7 +8383,7 @@ let at = class extends xi(
             @slotchange=${this.hasSlotOrProps}
           ></slot>
 
-          ${this.select ? g`
+          ${this.select ? m`
                 <sonic-icon
                   slot="suffix"
                   class="select-chevron"
@@ -8444,49 +8448,49 @@ at.styles = [
       }
     `
 ];
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "size", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "placeholder", 2);
-ft([
+mt([
   a()
 ], at.prototype, "filteredFields", 2);
-ft([
+mt([
   a({ type: Boolean, reflect: !0 })
 ], at.prototype, "readonly", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "dataProviderExpression", 2);
-ft([
+mt([
   a({ type: Number })
 ], at.prototype, "minSearchLength", 2);
-ft([
+mt([
   a({ type: Boolean })
 ], at.prototype, "select", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "key", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "searchParameter", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "propertyName", 2);
-ft([
-  ht({ slot: "prefix", flatten: !0 })
+mt([
+  dt({ slot: "prefix", flatten: !0 })
 ], at.prototype, "slotInputPrefixNodes", 2);
-ft([
+mt([
   L()
 ], at.prototype, "hasInputPrefix", 2);
-ft([
+mt([
   L()
 ], at.prototype, "isPopVisible", 2);
-ft([
+mt([
   L()
 ], at.prototype, "lastValidSearch", 2);
-at = ft([
+at = mt([
   _("sonic-input-autocomplete")
 ], at);
 var Sl = Object.defineProperty, Al = Object.getOwnPropertyDescriptor, gt = (r, t, i, s) => {
@@ -8508,10 +8512,10 @@ let lt = class extends se(w) {
     this.checkValue && this.name && st.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].offAssign(this.checkValue), super.disconnectedCallback();
   }
   getIcon(t) {
-    return t ? g`<sonic-icon library="heroicons" name="face-smile"></sonic-icon>` : g`<sonic-icon library="heroicons" name="x-mark"></sonic-icon>`;
+    return t ? m`<sonic-icon library="heroicons" name="face-smile"></sonic-icon>` : m`<sonic-icon library="heroicons" name="x-mark"></sonic-icon>`;
   }
   render() {
-    return this.hasNoChar ? S : g`
+    return this.hasNoChar ? S : m`
       <div>${this.wording_password_helper_decription}</div>
       <div>
         ${this.getIcon(this.hasEnoughChars)}
@@ -8580,7 +8584,7 @@ gt([
 lt = gt([
   _(kl)
 ], lt);
-var Ol = Object.defineProperty, Dl = Object.getOwnPropertyDescriptor, be = (r, t, i, s) => {
+var Ol = Object.defineProperty, Dl = Object.getOwnPropertyDescriptor, ve = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Dl(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && Ol(t, i, e), e;
@@ -8596,10 +8600,10 @@ let Jt = class extends se(w) {
       this.getAncestorAttributeValue("formDataProvider")
     );
     this.name && this.sameValueAs && (this.checkValue = (t) => {
-      t ? this.hasNoChar = t.length == 0 : this.hasNoChar = !0, this.name && this.sameValueAs && (this.areEqual = dt(r, this.name).get() == dt(r, this.sameValueAs).get());
-    }, dt(r, this.name).onAssign(
+      t ? this.hasNoChar = t.length == 0 : this.hasNoChar = !0, this.name && this.sameValueAs && (this.areEqual = pt(r, this.name).get() == pt(r, this.sameValueAs).get());
+    }, pt(r, this.name).onAssign(
       this.checkValue
-    ), dt(r, this.sameValueAs).onAssign(
+    ), pt(r, this.sameValueAs).onAssign(
       this.checkValue
     ));
   }
@@ -8608,9 +8612,9 @@ let Jt = class extends se(w) {
       const r = st.get(
         this.getAncestorAttributeValue("formDataProvider")
       );
-      dt(r, this.name).offAssign(
+      pt(r, this.name).offAssign(
         this.checkValue
-      ), dt(r, this.sameValueAs).offAssign(
+      ), pt(r, this.sameValueAs).offAssign(
         this.checkValue
       );
     }
@@ -8618,41 +8622,41 @@ let Jt = class extends se(w) {
   }
   //TODO Multilangue
   render() {
-    return this.hasNoChar ? S : g`
+    return this.hasNoChar ? S : m`
       <span>
         ${this.areEqual ? z(this.descriptionWhenEqual) : z(this.descriptionWhenNotEqual)}
       </span>
     `;
   }
 };
-be([
+ve([
   a()
 ], Jt.prototype, "name", 2);
-be([
+ve([
   a()
 ], Jt.prototype, "sameValueAs", 2);
-be([
+ve([
   a()
 ], Jt.prototype, "descriptionWhenEqual", 2);
-be([
+ve([
   a()
 ], Jt.prototype, "descriptionWhenNotEqual", 2);
-be([
+ve([
   L()
 ], Jt.prototype, "areEqual", 2);
-be([
+ve([
   L()
 ], Jt.prototype, "hasNoChar", 2);
-Jt = be([
+Jt = ve([
   _(Ll)
 ], Jt);
-var El = Object.defineProperty, Nl = Object.getOwnPropertyDescriptor, Wt = (r, t, i, s) => {
+var El = Object.defineProperty, Nl = Object.getOwnPropertyDescriptor, Kt = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Nl(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && El(t, i, e), e;
 };
 const Tl = "sonic-checkbox";
-let pt = class extends wi(
+let ft = class extends wi(
   Es(Le(Z(w)))
 ) {
   constructor() {
@@ -8668,7 +8672,7 @@ let pt = class extends wi(
     this.hasLabel = !!(this.label || this.slotLabelNodes?.length), this.hasDescription = !!(this.description || this.slotDescriptionNodes?.length);
   }
   render() {
-    return g`
+    return m`
       <label class="checkbox-container ${this.disabled ? "disabled" : ""}">
 
         <span class="icon-container">
@@ -8695,14 +8699,14 @@ let pt = class extends wi(
       /*+ labelStarSuffix*/
     ) : ""}
             <slot @slotchange=${this.hasSlotOrProps}></slot>
-            <slot @slotchange=${this.hasSlotOrProps} name="description" class="${this.hasDescription ? "description" : "hidden"} ">${this.description ? g`${z(this.description)}` : ""}</slot>
+            <slot @slotchange=${this.hasSlotOrProps} name="description" class="${this.hasDescription ? "description" : "hidden"} ">${this.description ? m`${z(this.description)}` : ""}</slot>
           </div>
         </label>
       </label>
     `;
   }
 };
-pt.styles = [
+ft.styles = [
   Mt,
   P`
       :host {
@@ -8828,40 +8832,40 @@ pt.styles = [
       }
     `
 ];
-Wt([
+Kt([
   a({ type: Boolean, reflect: !0 })
-], pt.prototype, "touched", 2);
-Wt([
+], ft.prototype, "touched", 2);
+Kt([
   a({ type: String })
-], pt.prototype, "iconName", 2);
-Wt([
+], ft.prototype, "iconName", 2);
+Kt([
   a({ type: String })
-], pt.prototype, "indeterminateIconName", 2);
-Wt([
+], ft.prototype, "indeterminateIconName", 2);
+Kt([
   a({ type: Boolean })
-], pt.prototype, "showAsIndeterminate", 2);
-Wt([
+], ft.prototype, "showAsIndeterminate", 2);
+Kt([
   a({ type: Boolean })
-], pt.prototype, "hasDescription", 2);
-Wt([
+], ft.prototype, "hasDescription", 2);
+Kt([
   a({ type: Boolean })
-], pt.prototype, "hasLabel", 2);
-Wt([
-  ht({ flatten: !0 })
-], pt.prototype, "slotLabelNodes", 2);
-Wt([
-  ht({ slot: "description", flatten: !0 })
-], pt.prototype, "slotDescriptionNodes", 2);
-pt = Wt([
+], ft.prototype, "hasLabel", 2);
+Kt([
+  dt({ flatten: !0 })
+], ft.prototype, "slotLabelNodes", 2);
+Kt([
+  dt({ slot: "description", flatten: !0 })
+], ft.prototype, "slotDescriptionNodes", 2);
+ft = Kt([
   _(Tl)
-], pt);
+], ft);
 var Ml = Object.getOwnPropertyDescriptor, Il = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Ml(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = n(e) || e);
   return e;
 };
 const jl = "sonic-radio";
-let Zs = class extends pt {
+let Zs = class extends ft {
   constructor() {
     super(), this.radio = !0;
   }
@@ -8870,7 +8874,7 @@ let Zs = class extends pt {
   }
 };
 Zs.styles = [
-  pt.styles,
+  ft.styles,
   P`
       :host input {
         border-radius: 50%;
@@ -8898,13 +8902,13 @@ var Fl = Object.getOwnPropertyDescriptor, zl = (r, t, i, s) => {
   return e;
 };
 const Rl = "sonic-switch";
-let Gs = class extends pt {
+let Gs = class extends ft {
   constructor() {
     super(), this.unique = !0;
   }
 };
 Gs.styles = [
-  pt.styles,
+  ft.styles,
   P`
       sonic-icon {
         display: none;
@@ -9049,7 +9053,7 @@ let W = class extends Le(Z(w)) {
       "has-prefix": this.hasPrefix,
       "has-suffix": this.hasSuffix
     };
-    return g`
+    return m`
       <label
         for="form-element"
         class="${this.hasLabel ? "form-label" : "hidden"}"
@@ -9085,7 +9089,7 @@ let W = class extends Le(Z(w)) {
       (t) => t[this.valueKey],
       (t) => {
         const i = this.value == t[this.valueKey];
-        return g`<option
+        return m`<option
                   ?selected=${i}
                   value="${t[this.valueKey]}"
                 >
@@ -9108,7 +9112,7 @@ let W = class extends Le(Z(w)) {
         name="description"
         @slotchange=${this.hasSlotOrProps}
         class="${this.hasDescription ? "form-description" : "hidden"}"
-        >${this.description ? g`${z(this.description)}` : ""}</slot
+        >${this.description ? m`${z(this.description)}` : ""}</slot
       >
     `;
   }
@@ -9207,16 +9211,16 @@ Q([
   a()
 ], W.prototype, "label", 1);
 Q([
-  ht({ slot: "label", flatten: !0 })
+  dt({ slot: "label", flatten: !0 })
 ], W.prototype, "slotLabelNodes", 2);
 Q([
-  ht({ slot: "description", flatten: !0 })
+  dt({ slot: "description", flatten: !0 })
 ], W.prototype, "slotDescriptionNodes", 2);
 Q([
-  ht({ slot: "suffix", flatten: !0 })
+  dt({ slot: "suffix", flatten: !0 })
 ], W.prototype, "slotSuffixNodes", 2);
 Q([
-  ht({ slot: "prefix", flatten: !0 })
+  dt({ slot: "prefix", flatten: !0 })
 ], W.prototype, "slotPrefixNodes", 2);
 Q([
   L()
@@ -9264,7 +9268,7 @@ let ct = class extends Es(Le(Z(w))) {
     const r = {
       resize: this.resize
     };
-    return g`
+    return m`
       <label
         for="${this.id || "form-element"}"
         class="${this.hasLabel ? "form-label" : "hidden"}"
@@ -9299,7 +9303,7 @@ let ct = class extends Es(Le(Z(w))) {
           class="form-element textarea custom-scroll"
           aria-label=${$(this.ariaLabel)}
           aria-labelledby=${$(this.ariaLabelledby)}
-          style=${mt(r)}
+          style=${ut(r)}
         >
 ${this.value}</textarea
         >
@@ -9309,7 +9313,7 @@ ${this.value}</textarea
         name="description"
         @slotchange=${this.hasSlotOrProps}
         class="${this.hasDescription ? "form-description" : "hidden"}"
-        >${this.description ? g`${z(this.description)}` : ""}</slot
+        >${this.description ? m`${z(this.description)}` : ""}</slot
       >
     `;
   }
@@ -9355,10 +9359,10 @@ bt([
   a({ type: String })
 ], ct.prototype, "resize", 2);
 bt([
-  ht({ slot: "label", flatten: !0 })
+  dt({ slot: "label", flatten: !0 })
 ], ct.prototype, "slotLabelNodes", 2);
 bt([
-  ht({ slot: "description", flatten: !0 })
+  dt({ slot: "description", flatten: !0 })
 ], ct.prototype, "slotDescriptionNodes", 2);
 bt([
   L()
@@ -9376,7 +9380,7 @@ var Kl = Object.getOwnPropertyDescriptor, Yl = (r, t, i, s) => {
 };
 let Qs = class extends w {
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 Qs.styles = [
@@ -9402,13 +9406,13 @@ Qs.styles = [
 Qs = Yl([
   _("sonic-legend-description")
 ], Qs);
-var Xl = Object.defineProperty, Zl = Object.getOwnPropertyDescriptor, ve = (r, t, i, s) => {
+var Xl = Object.defineProperty, Zl = Object.getOwnPropertyDescriptor, ye = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Zl(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && Xl(t, i, e), e;
 };
 const Gl = "sonic-legend";
-let qt = class extends w {
+let Ht = class extends w {
   constructor() {
     super(...arguments), this.forceAutoFill = !1;
   }
@@ -9425,8 +9429,8 @@ let qt = class extends w {
     this.hasAttribute("label") && !this.forceAutoFill && (r = this.getAttribute("label")), this._label = r, this.requestUpdate();
   }
   render() {
-    return g`<legend part="legend">
-      ${this.iconName ? g`<div class="icon">
+    return m`<legend part="legend">
+      ${this.iconName ? m`<div class="icon">
             <sonic-icon
               name=${this.iconName}
               prefix=${$(this.iconPrefix)}
@@ -9436,7 +9440,7 @@ let qt = class extends w {
 
       <div class="legend-content">
         ${z(this.label ? this.label : "")}
-        ${this.description ? g`<sonic-legend-description
+        ${this.description ? m`<sonic-legend-description
               >${z(this.description)}</sonic-legend-description
             >` : ""}
         <slot></slot>
@@ -9445,7 +9449,7 @@ let qt = class extends w {
     </legend>`;
   }
 };
-qt.styles = [
+Ht.styles = [
   P`
       :host {
         --sc-legend-font-size: 1.5rem;
@@ -9492,27 +9496,27 @@ qt.styles = [
       }
     `
 ];
-ve([
+ye([
   a({ type: Boolean })
-], qt.prototype, "forceAutoFill", 2);
-ve([
+], Ht.prototype, "forceAutoFill", 2);
+ye([
   a()
-], qt.prototype, "description", 1);
-ve([
+], Ht.prototype, "description", 1);
+ye([
   a()
-], qt.prototype, "label", 1);
-ve([
+], Ht.prototype, "label", 1);
+ye([
   a({ type: String })
-], qt.prototype, "iconName", 2);
-ve([
+], Ht.prototype, "iconName", 2);
+ye([
   a({ type: String })
-], qt.prototype, "iconLibrary", 2);
-ve([
+], Ht.prototype, "iconLibrary", 2);
+ye([
   a({ type: String })
-], qt.prototype, "iconPrefix", 2);
-qt = ve([
+], Ht.prototype, "iconPrefix", 2);
+Ht = ye([
   _(Gl)
-], qt);
+], Ht);
 var Ql = Object.defineProperty, Jl = Object.getOwnPropertyDescriptor, Ft = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Jl(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
@@ -9524,11 +9528,11 @@ let Pt = class extends Z(w) {
     super(...arguments), this.disabled = !1, this.variant = "default";
   }
   render() {
-    return g`<fieldset
+    return m`<fieldset
       form="${$(this.form)}"
       ?disabled="${this.disabled}"
     >
-      ${this.label ? g` <sonic-legend
+      ${this.label ? m` <sonic-legend
             label=${$(this.label)}
             description=${$(this.description)}
             iconName=${$(this.iconName)}
@@ -9641,7 +9645,7 @@ let Xe = class extends Z(w) {
       "cq--md": this.offsetWidth > 440,
       "one-form-element": this.oneFormElement
     };
-    return g`<div class=${Ai(r)}>
+    return m`<div class=${Ai(r)}>
       <slot @slotchange=${this.onSlotChange}></slot>
     </div>`;
   }
@@ -9708,7 +9712,7 @@ let Ze = class extends w {
       flexDirection: this.direction,
       justifyContent: this.justify
     };
-    return g`<slot style=${mt(r)}></slot>`;
+    return m`<slot style=${ut(r)}></slot>`;
   }
 };
 Ze.styles = [
@@ -9764,7 +9768,7 @@ let Nt = class extends w {
     const r = {
       alignItems: this.alignItems
     };
-    return g`<span class="${this.hasLabel ? "form-label" : "hidden"}"
+    return m`<span class="${this.hasLabel ? "form-label" : "hidden"}"
         >${this.label ? z(
       this.label
       /*+ labelStarSuffix*/
@@ -9773,13 +9777,13 @@ let Nt = class extends w {
           @slotchange=${this.hasSlotOrProps}
         ></slot
       ></span>
-      <slot class="main-slot" style=${mt(r)}></slot>
+      <slot class="main-slot" style=${ut(r)}></slot>
       <slot
         name="description"
         @slotchange=${this.hasSlotOrProps}
         class="${this.hasDescription ? "form-description" : "hidden"}"
       >
-        ${this.description ? g`${z(this.description)}` : ""}
+        ${this.description ? m`${z(this.description)}` : ""}
       </slot>`;
   }
 };
@@ -9819,10 +9823,10 @@ ie([
   a({ type: String })
 ], Nt.prototype, "description", 2);
 ie([
-  ht({ slot: "label", flatten: !0 })
+  dt({ slot: "label", flatten: !0 })
 ], Nt.prototype, "slotLabelNodes", 2);
 ie([
-  ht({ slot: "description", flatten: !0 })
+  dt({ slot: "description", flatten: !0 })
 ], Nt.prototype, "slotDescriptionNodes", 2);
 ie([
   L()
@@ -9859,14 +9863,14 @@ let $t = class extends w {
       imageRendering: this.imageRendering,
       objectPosition: this.objectPosition
     };
-    return g`<div part="image">
+    return m`<div part="image">
       <picture part="picture"
         ><img
           part="img"
           src="${this.src}"
           loading="${this.loading}"
           alt="${this.alt}"
-          style=${mt(r)}
+          style=${ut(r)}
       /></picture>
     </div>`;
   }
@@ -9978,40 +9982,75 @@ zt([
 $t = zt([
   _(pc)
 ], $t);
-var uc = Object.defineProperty, fc = Object.getOwnPropertyDescriptor, wt = (r, t, i, s) => {
+var uc = Object.defineProperty, fc = Object.getOwnPropertyDescriptor, vt = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? fc(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && uc(t, i, e), e;
 };
-const gc = "sonic-menu";
-let ut = class extends w {
+const mc = "sonic-menu";
+let ht = class extends w {
   constructor() {
-    super(...arguments), this.direction = "column", this.gap = "var(--sc-menu-gap)", this.align = "left", this.shadow = null, this.moreShape = "circle", this.scrollable = !1, this.observer = null, this.minWidth = "0", this.hasMoreElements = !1, this.updateIsScollable = () => {
-      this.scrollable && (this.initScrollable(), this.setScrollShadow(this, this.direction));
+    super(...arguments), this.direction = "column", this.gap = "var(--sc-menu-gap)", this.align = "left", this.shadow = null, this.moreShape = "circle", this.scrollable = !1, this.observer = null, this.attributeObserver = null, this.minWidth = "0", this.hasMoreElements = !1, this.handleScrollEnd = () => {
+      this.setScrollShadow(this.menuContent, this.direction);
+    }, this.updateIsScollable = () => {
+      this.scrollable && (this.initScrollable(), this.setScrollShadow(this.menuContent, this.direction));
     };
   }
   checkIfMore() {
     this.hasMoreElements = !!this.moreElements?.length;
   }
+  moreSlotChange() {
+    this.checkIfMore(), this.updateIsScollable();
+  }
   updated(r) {
     const t = this.querySelector(".more-btn");
-    this.size && t && t.setAttribute("size", this.size), this.querySelectorAll("sonic-divider").forEach((s) => {
-      s.hasAttribute("size") || s.setAttribute("size", "xs");
-    }), super.updated(r);
+    this.size && t && t.setAttribute("size", this.size), super.updated(r);
+  }
+  setDividersSize(r) {
+    r.forEach((t) => {
+      t.setAttribute("size", "sm"), this.direction == "row" ? t.style.setProperty("margin", "0 .1rem ") : t.style.setProperty("margin", " 0.1rem 0");
+    });
   }
   mainSlotChange() {
-    this.setChildrenSize(this.menuChildren), this.updateIsScollable();
+    this.setChildrenSize(this.menuChildren), this.setDividersSize(this.menuChildren), this.updateIsScollable(), this.updateScrollPosition(), this.observeMenuItemsAttributes();
+  }
+  observeMenuItemsAttributes() {
+    this.attributeObserver?.disconnect(), this.attributeObserver = new MutationObserver(() => {
+      this.updateScrollPosition();
+    }), this.menuChildren.forEach((r) => {
+      this.attributeObserver.observe(r, {
+        attributes: !0,
+        attributeFilter: ["active"]
+      });
+    });
+  }
+  updateScrollPosition() {
+    if (this.scrollable) {
+      const r = this.menuChildren.filter(
+        (t) => t.hasAttribute("active") && t.getAttribute("active") !== "false"
+      );
+      r.length === 1 && requestAnimationFrame(() => {
+        r[0].scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "center"
+        });
+      });
+    }
   }
   connectedCallback() {
     this.observer = new ResizeObserver(this.updateIsScollable), this.observer.observe(this), super.connectedCallback();
   }
+  firstUpdated(r) {
+    this.menuContent.addEventListener("scrollend", this.handleScrollEnd);
+  }
   disconnectedCallback() {
-    this.observer?.disconnect(), super.disconnectedCallback();
+    this.observer?.disconnect(), this.attributeObserver?.disconnect(), this.menuContent.removeEventListener("scrollend", this.handleScrollEnd), super.disconnectedCallback();
   }
   initScrollable() {
     let r = !1, t, i;
     this.scrollable && (this.addEventListener("mousedown", (s) => {
-      r = !0, this.classList.add("active"), t = s.pageX - this.offsetLeft, i = this.scrollLeft;
+      r = !0, this.classList.add("active"), t = s.pageX - this.menuContent.offsetLeft, i = this.menuContent.scrollLeft;
     }), this.addEventListener("mouseleave", () => {
       r = !1, this.classList.remove("active");
     }), this.addEventListener("mouseup", () => {
@@ -10019,10 +10058,10 @@ let ut = class extends w {
     }), this.addEventListener("mousemove", (s) => {
       if (!r) return;
       s.preventDefault();
-      const o = (s.pageX - this.offsetLeft - t) * 1.5;
-      this.scrollLeft = i - o, this.setScrollShadow(this, this.direction);
+      const o = (s.pageX - this.menuContent.offsetLeft - t) * 1.5;
+      this.menuContent.scrollLeft = i - o, this.setScrollShadow(this.menuContent, this.direction);
     }), this.addEventListener("scroll", (s) => {
-      s.preventDefault(), this.setScrollShadow(this, this.direction);
+      s.preventDefault(), this.setScrollShadow(this.menuContent, this.direction);
     }));
   }
   setScrollShadow(r, t) {
@@ -10036,28 +10075,34 @@ let ut = class extends w {
   render() {
     const r = {
       minWidth: this.minWidth,
-      flexDirection: this.direction,
-      gap: this.gap
+      flexDirection: this.direction
     }, t = this.direction == "row", i = {
+      gap: this.gap,
+      flexDirection: this.direction
+    }, s = {
       display: "block",
       alignSelf: t ? "center" : "flex-start",
       justifySelf: "center",
       flexDirection: this.direction
-    }, s = {
+    }, e = {
       marginLeft: t ? "" : ".55em"
     };
-    return g`<menu
+    return m`<menu
       part="menu"
       class="shadowable"
-      style=${mt(r)}
+      style=${ut(r)}
     >
-      <slot @slotchange=${this.mainSlotChange}></slot>
+      <slot
+        @slotchange=${this.mainSlotChange}
+        id="menu-content"
+        style=${ut(i)}
+      ></slot>
       <sonic-pop
-        style=${mt(i)}
+        style=${ut(s)}
         class=${this.hasMoreElements ? "" : "hidden"}
       >
         <sonic-menu-item
-          style=${mt(s)}
+          style=${ut(e)}
           class="more-btn"
           shape=${this.moreShape}
           align="center"
@@ -10067,12 +10112,16 @@ let ut = class extends w {
             name=${t ? "more-vert" : "more-horiz"}
           ></sonic-icon>
         </sonic-menu-item>
-        <slot name="more" @slotchange=${this.checkIfMore} slot="content"></slot>
+        <slot
+          name="more"
+          @slotchange=${this.moreSlotChange}
+          slot="content"
+        ></slot>
       </sonic-pop>
     </menu>`;
   }
 };
-ut.styles = [
+ht.styles = [
   P`
       :host {
         display: block;
@@ -10081,9 +10130,8 @@ ut.styles = [
 
       :host > menu {
         display: flex;
-        border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
+        padding: 0;
         margin: 0;
-        padding: 0.35em;
       }
 
       .hidden {
@@ -10091,26 +10139,36 @@ ut.styles = [
       }
 
       /* SCROLLABLE*/
-      :host([scrollable]) {
+      #menu-content {
+        display: flex;
+        padding: 0.35em;
+        margin: 0;
+      }
+
+      :host([scrollable]) #menu-content {
         scrollbar-width: none;
+        max-width: 100%;
         -ms-overflow-style: none;
-      }
-      :host([scrollable]) menu > * {
         scroll-snap-align: start;
         white-space: nowrap;
+        border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
+        transition: mask-image 0.15s linear;
       }
-      :host([scrollable][direction="row"]) {
+
+      :host([scrollable][direction="row"]) #menu-content {
         overflow-x: scroll;
+        scroll-snap-align: start;
         scroll-snap-type: x mandatory;
       }
-      :host([scrollable][direction="column"]) {
+      :host([scrollable][direction="column"]) #menu-content {
         overflow-y: scroll;
+        scroll-snap-align: start;
         scroll-snap-type: y mandatory;
       }
       :host([scrollable])::-webkit-scrollbar {
         display: none !important;
       }
-      :host([scrollable][direction="row"].shadow-right) {
+      :host([scrollable][direction="row"].shadow-right) #menu-content {
         -webkit-mask-image: linear-gradient(
           to left,
           rgba(0, 0, 0, 0),
@@ -10122,7 +10180,7 @@ ut.styles = [
           rgba(0, 0, 0, 1) 10%
         );
       }
-      :host([scrollable][direction="row"].shadow-left) {
+      :host([scrollable][direction="row"].shadow-left) #menu-content {
         -webkit-mask-image: linear-gradient(
           to right,
           rgba(0, 0, 0, 0),
@@ -10134,7 +10192,8 @@ ut.styles = [
           rgba(0, 0, 0, 1) 10%
         );
       }
-      :host([scrollable][direction="row"].shadow-left.shadow-right) {
+      :host([scrollable][direction="row"].shadow-left.shadow-right)
+        #menu-content {
         -webkit-mask-image: linear-gradient(
           to right,
           rgba(0, 0, 0, 0) 0%,
@@ -10150,7 +10209,7 @@ ut.styles = [
           rgba(0, 0, 0, 0) 100%
         );
       }
-      :host([scrollable][direction="column"].shadow-top) {
+      :host([scrollable][direction="column"].shadow-top) #menu-content {
         -webkit-mask-image: linear-gradient(
           to bottom,
           rgba(0, 0, 0, 0),
@@ -10162,7 +10221,7 @@ ut.styles = [
           rgba(0, 0, 0, 1) 10%
         );
       }
-      :host([scrollable][direction="column"].shadow-bottom) {
+      :host([scrollable][direction="column"].shadow-bottom) #menu-content {
         -webkit-mask-image: linear-gradient(
           to top,
           rgba(0, 0, 0, 0),
@@ -10174,7 +10233,8 @@ ut.styles = [
           rgba(0, 0, 0, 1) 10%
         );
       }
-      :host([scrollable][direction="column"].shadow-top.shadow-bottom) {
+      :host([scrollable][direction="column"].shadow-top.shadow-bottom)
+        #menu-content {
         -webkit-mask-image: linear-gradient(
           to top,
           rgba(0, 0, 0, 0) 0%,
@@ -10193,49 +10253,52 @@ ut.styles = [
     `,
   Er
 ];
-wt([
+vt([
   a({ type: String, reflect: !0 })
-], ut.prototype, "size", 2);
-wt([
+], ht.prototype, "size", 2);
+vt([
   a({ type: String, reflect: !0 })
-], ut.prototype, "direction", 2);
-wt([
+], ht.prototype, "direction", 2);
+vt([
   a({ type: String })
-], ut.prototype, "gap", 2);
-wt([
+], ht.prototype, "gap", 2);
+vt([
   a({ type: String, reflect: !0 })
-], ut.prototype, "align", 2);
-wt([
+], ht.prototype, "align", 2);
+vt([
   a({ type: String, reflect: !0 })
-], ut.prototype, "shadow", 2);
-wt([
+], ht.prototype, "shadow", 2);
+vt([
   a({ type: String })
-], ut.prototype, "moreShape", 2);
-wt([
+], ht.prototype, "moreShape", 2);
+vt([
   a({ type: Boolean })
-], ut.prototype, "scrollable", 2);
-wt([
+], ht.prototype, "scrollable", 2);
+vt([
   a({ type: String })
-], ut.prototype, "minWidth", 2);
-wt([
-  Ae("menu")
-], ut.prototype, "menu", 2);
-wt([
-  ke({ selector: "sonic-menu-item" })
-], ut.prototype, "menuChildren", 2);
-wt([
+], ht.prototype, "minWidth", 2);
+vt([
+  ge("menu")
+], ht.prototype, "menu", 2);
+vt([
+  ge("#menu-content")
+], ht.prototype, "menuContent", 2);
+vt([
+  ke({ selector: "*" })
+], ht.prototype, "menuChildren", 2);
+vt([
   ke({ slot: "more", selector: "*" })
-], ut.prototype, "moreElements", 2);
-wt([
+], ht.prototype, "moreElements", 2);
+vt([
   L()
-], ut.prototype, "hasMoreElements", 2);
-ut = wt([
-  _(gc)
-], ut);
-var mc = Object.defineProperty, bc = Object.getOwnPropertyDescriptor, Tr = (r, t, i, s) => {
+], ht.prototype, "hasMoreElements", 2);
+ht = vt([
+  _(mc)
+], ht);
+var gc = Object.defineProperty, bc = Object.getOwnPropertyDescriptor, Tr = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? bc(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
-  return s && e && mc(t, i, e), e;
+  return s && e && gc(t, i, e), e;
 };
 const vc = "sonic-modal-actions";
 let $s = class extends w {
@@ -10250,7 +10313,7 @@ let $s = class extends w {
     }), super.firstUpdated(r);
   }
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 $s.styles = [
@@ -10289,7 +10352,7 @@ let Cs = class extends w {
     super.connectedCallback(), this.lang = document.documentElement.lang?.split("-")[0] ?? "fr";
   }
   render() {
-    return g`<sonic-button
+    return m`<sonic-button
       aria-label=${this.translation[this.lang]}
       reset=${$(this.reset)}
       shape="circle"
@@ -10318,7 +10381,7 @@ var xc = Object.getOwnPropertyDescriptor, Pc = (r, t, i, s) => {
 const $c = "sonic-modal-content";
 let Js = class extends w {
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 Js.styles = [
@@ -10340,7 +10403,7 @@ var Cc = Object.getOwnPropertyDescriptor, Sc = (r, t, i, s) => {
 const Ac = "sonic-modal-subtitle";
 let ti = class extends w {
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 ti.styles = [
@@ -10369,7 +10432,7 @@ var kc = Object.getOwnPropertyDescriptor, Oc = (r, t, i, s) => {
 const Dc = "sonic-modal-title";
 let ei = class extends w {
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 ei.styles = [
@@ -10410,7 +10473,7 @@ let M = class extends Z(w) {
   }
   static create(r) {
     const t = document.createElement(Mr);
-    return t.options = r, r.removeHashOnHide === !0 && t.setAttribute("removeHashOnHide", "true"), r.removeOnHide === !0 && t.setAttribute("removeOnHide", "true"), r.closeOnLocationChange === !0 && t.setAttribute("closeOnLocationChange", "true"), r.maxWidth && (t.maxWidth = r?.maxWidth), r.width && (t.width = r?.width), r.maxHeight && (t.maxHeight = r?.maxHeight), r.height && (t.height = r?.height), r.forceAction && (t.forceAction = !0), r.fullScreen && (t.fullScreen = r?.fullScreen), r.effect && (t.effect = r?.effect), r.noCloseButton && (t.noCloseButton = !0), r.paddingX && (t.paddingX = r?.paddingX), r.paddingY && (t.paddingY = r?.paddingY), r.zIndex && (t.zIndex = r?.zIndex), vt.getPopContainer().appendChild(t), t.updateComplete.then(() => {
+    return t.options = r, r.removeHashOnHide === !0 && t.setAttribute("removeHashOnHide", "true"), r.removeOnHide === !0 && t.setAttribute("removeOnHide", "true"), r.closeOnLocationChange === !0 && t.setAttribute("closeOnLocationChange", "true"), r.maxWidth && (t.maxWidth = r?.maxWidth), r.width && (t.width = r?.width), r.maxHeight && (t.maxHeight = r?.maxHeight), r.height && (t.height = r?.height), r.forceAction && (t.forceAction = !0), r.fullScreen && (t.fullScreen = r?.fullScreen), r.effect && (t.effect = r?.effect), r.noCloseButton && (t.noCloseButton = !0), r.paddingX && (t.paddingX = r?.paddingX), r.paddingY && (t.paddingY = r?.paddingY), r.zIndex && (t.zIndex = r?.zIndex), yt.getPopContainer().appendChild(t), t.updateComplete.then(() => {
       t.show();
     }), t;
   }
@@ -10456,26 +10519,26 @@ let M = class extends Z(w) {
       maxHeight: this.maxHeight,
       width: this.width,
       height: this.height,
-      pointerEvents: this._animationState === "visible" ? "auto" : "none"
+      pointerEvents: this._animationState !== "hidden" ? "auto" : "none"
     }, t = {
       display: this.fullScreen ? "none" : "block",
       pointerEvents: this._animationState === "visible" ? "auto" : "none"
     };
-    return g`
+    return m`
       <div
         id="backdrop"
         @click=${this.handleOverlayClick}
-        style=${mt(t)}
+        style=${ut(t)}
       ></div>
       <dialog
         id="modal"
         part="modal"
         class="custom-scroll"
         aria-modal="true"
-        style=${mt(r)}
+        style=${ut(r)}
       >
-        ${this._animationState !== "hidden" ? g`<div id="modal-content">
-              ${!this.forceAction && !this.noCloseButton ? g`<sonic-modal-close></sonic-modal-close>` : S}
+        ${this._animationState !== "hidden" ? m`<div id="modal-content">
+              ${!this.forceAction && !this.noCloseButton ? m`<sonic-modal-close></sonic-modal-close>` : S}
               ${this.modalFragment("title")} ${this.modalFragment("subtitle")}
               ${this.modalFragment("content")} ${this.modalFragment("actions")}
               <slot></slot>
@@ -10489,13 +10552,13 @@ let M = class extends Z(w) {
     let i;
     switch (t instanceof Object ? i = t : i = z(t), r) {
       case "title":
-        return g`<sonic-modal-title>${i}</sonic-modal-title>`;
+        return m`<sonic-modal-title>${i}</sonic-modal-title>`;
       case "subtitle":
-        return g`<sonic-modal-subtitle>${i}</sonic-modal-subtitle>`;
+        return m`<sonic-modal-subtitle>${i}</sonic-modal-subtitle>`;
       case "content":
-        return g`<sonic-modal-content>${i}</sonic-modal-content>`;
+        return m`<sonic-modal-content>${i}</sonic-modal-content>`;
       case "actions":
-        return g`<sonic-modal-actions>${i}</sonic-modal-actions>`;
+        return m`<sonic-modal-actions>${i}</sonic-modal-actions>`;
       default:
         return S;
     }
@@ -10537,35 +10600,35 @@ let M = class extends Z(w) {
     return new Promise((t) => {
       const { quartOut: i, linear: s, translateY: e, durationIn: o, durationOut: n, quadOut: l } = this._animationConfig, c = this._modalElement;
       if (!c) return t();
-      const h = r === "in", f = h ? o : n, d = !this.fullScreen && h ? 100 : 0;
+      const h = r === "in", u = h ? o : n, d = !this.fullScreen && h ? 100 : 0;
       this.fullScreen || (h ? this.style.setProperty("--sc_backdrop-opacity", "0.8") : setTimeout(() => {
         this.style.setProperty("--sc_backdrop-opacity", "0");
       }, 150));
-      const m = [];
-      this.effect === "slide" && (m.push(
+      const g = [];
+      this.effect === "slide" && (g.push(
         c.animate(
           [
             { transform: h ? e : "translateY(0)" },
             { transform: h ? "translateY(0)" : e }
           ],
           {
-            duration: f,
+            duration: u,
             easing: h ? i : l,
             fill: "both",
             delay: d
           }
         )
-      ), m.push(
+      ), g.push(
         c.animate(
           [{ opacity: h ? 0 : 1 }, { opacity: h ? 1 : 0 }],
           {
-            duration: f,
+            duration: u,
             easing: s,
             fill: "both",
             delay: d
           }
         )
-      )), Promise.all(m.map((v) => v.finished)).then(
+      )), Promise.all(g.map((v) => v.finished)).then(
         () => t()
       );
     });
@@ -10650,12 +10713,12 @@ M.styles = [
       /* Layout des éléments slottés */
       ::slotted(sonic-modal-title),
       sonic-modal-title {
-        margin-bottom: 1.75rem;
+        margin-bottom: 1.2rem;
       }
       ::slotted(sonic-modal-subtitle),
       sonic-modal-subtitle {
-        margin-bottom: 1.75rem;
-        margin-top: -1.25rem;
+        margin-bottom: 1.2rem;
+        margin-top: -1rem;
       }
 
       :host([align="left"]) ::slotted(sonic-modal-title),
@@ -10759,7 +10822,7 @@ G([
   a({ type: Boolean, reflect: !0 })
 ], M.prototype, "visible", 2);
 G([
-  Ae("#modal")
+  ge("#modal")
 ], M.prototype, "_modalElement", 2);
 G([
   a({ type: Boolean })
@@ -10798,17 +10861,17 @@ let Ct = class extends w {
     super.connectedCallback();
   }
   render() {
-    return g`
+    return m`
       <slot name="icon" class="${this.noIcon ? "hidden" : ""}"
-        >${this.noIcon ? S : g`<div>
-              ${this.status && g`<sonic-icon name=${Mc[this.status]}></sonic-icon>`}
+        >${this.noIcon ? S : m`<div>
+              ${this.status && m`<sonic-icon name=${Mc[this.status]}></sonic-icon>`}
             </div>`}</slot
       >
       <div class="content">
-        ${this.label ? g`<span class="label">${z(this.label)}</span>` : S}
+        ${this.label ? m`<span class="label">${z(this.label)}</span>` : S}
         <div>${this.text}<slot></slot></div>
       </div>
-      ${this.dismissible ? g`<sonic-button
+      ${this.dismissible ? m`<sonic-button
             @click=${this.close}
             class="close-btn"
             variant="unstyled"
@@ -10961,8 +11024,8 @@ let ue = class extends Z(w) {
     super(...arguments), this.size = "md", this.background = !1, this.noIcon = !1, this.messages = [];
   }
   render() {
-    return this.messages?.length ? g`<div class="container">
-      ${Or(this.messages, (r) => r.type == "public" ? g`<sonic-alert
+    return this.messages?.length ? m`<div class="container">
+      ${Or(this.messages, (r) => r.type == "public" ? m`<sonic-alert
             status=${r.status || "default"}
             text=${$(r.content)}
             size=${this.size}
@@ -11044,7 +11107,7 @@ let fe = class extends w {
   }
   render() {
     const r = this.disabled || this.label == "" ? "disabled" : "";
-    return g`<div
+    return m`<div
       data-tooltip-text="${this.label.trim().replace("&nbsp;", " ")}"
       class="tooltip ${r}"
     >
@@ -11191,7 +11254,7 @@ let St = class extends w {
     super.firstUpdated(r), (this.label || this.slotNodes?.length) && this.divider?.classList.add("has-text");
   }
   render() {
-    return g`<div part="divider">
+    return m`<div part="divider">
       <span class="text"
         >${z(this.label ? this.label : "")}<slot></slot
       ></span>
@@ -11333,10 +11396,10 @@ St.styles = [
     `
 ];
 Ut([
-  ht({ flatten: !0 })
+  dt({ flatten: !0 })
 ], St.prototype, "slotNodes", 2);
 Ut([
-  Ae("div")
+  ge("div")
 ], St.prototype, "divider", 2);
 Ut([
   a({ type: String })
@@ -11370,7 +11433,7 @@ var Xc = Object.getOwnPropertyDescriptor, Zc = (r, t, i, s) => {
 const Gc = "sonic-card-header-description";
 let ii = class extends w {
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 ii.styles = [
@@ -11395,10 +11458,10 @@ var Qc = Object.defineProperty, Jc = Object.getOwnPropertyDescriptor, Li = (r, t
 const th = "sonic-card-header";
 let Ge = class extends w {
   render() {
-    return g`
+    return m`
       <div class="header-content">
         ${z(this.label)}
-        ${this.description ? g`<sonic-card-header-description
+        ${this.description ? m`<sonic-card-header-description
               >${z(this.description)}</sonic-card-header-description
             >` : S}
         <slot></slot>
@@ -11465,7 +11528,7 @@ var eh = Object.getOwnPropertyDescriptor, sh = (r, t, i, s) => {
 const ih = "sonic-card-main";
 let ri = class extends w {
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 ri.styles = [
@@ -11486,7 +11549,7 @@ var rh = Object.getOwnPropertyDescriptor, oh = (r, t, i, s) => {
 const nh = "sonic-card-footer";
 let oi = class extends w {
   render() {
-    return g` <slot></slot> `;
+    return m` <slot></slot> `;
   }
 };
 oi.styles = [
@@ -11599,7 +11662,7 @@ let Ss = class extends w {
     super(...arguments), this.type = "base";
   }
   render() {
-    return g`<slot></slot> `;
+    return m`<slot></slot> `;
   }
 };
 Ss.styles = [
@@ -11648,7 +11711,7 @@ var dh = Object.defineProperty, ph = Object.getOwnPropertyDescriptor, as = (r, t
   return s && e && dh(t, i, e), e;
 };
 const uh = "sonic-tr";
-let ge = class extends Z(w) {
+let me = class extends Z(w) {
   constructor() {
     super(...arguments), this._metadata_ = {};
   }
@@ -11656,10 +11719,10 @@ let ge = class extends Z(w) {
     r.has("_metadata_") && (this.even = !!this._metadata_.even, this.odd = !!this._metadata_.odd, this.last = !!this._metadata_.lastChild), super.willUpdate(r);
   }
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
-ge.styles = [
+me.styles = [
   Ei,
   P`
       :host {
@@ -11683,26 +11746,26 @@ ge.styles = [
 ];
 as([
   a({ type: Object })
-], ge.prototype, "_metadata_", 2);
+], me.prototype, "_metadata_", 2);
 as([
   a({ type: Boolean, reflect: !0 })
-], ge.prototype, "even", 2);
+], me.prototype, "even", 2);
 as([
   a({ type: Boolean, reflect: !0 })
-], ge.prototype, "odd", 2);
+], me.prototype, "odd", 2);
 as([
   a({ type: Boolean, reflect: !0 })
-], ge.prototype, "last", 2);
-ge = as([
+], me.prototype, "last", 2);
+me = as([
   _(uh)
-], ge);
-var fh = Object.defineProperty, gh = Object.getOwnPropertyDescriptor, ye = (r, t, i, s) => {
-  for (var e = s > 1 ? void 0 : s ? gh(t, i) : t, o = r.length - 1, n; o >= 0; o--)
+], me);
+var fh = Object.defineProperty, mh = Object.getOwnPropertyDescriptor, we = (r, t, i, s) => {
+  for (var e = s > 1 ? void 0 : s ? mh(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && fh(t, i, e), e;
 };
-const mh = "sonic-th";
-let Ht = class extends w {
+const gh = "sonic-th";
+let Wt = class extends w {
   render() {
     const r = {
       textAlign: this.align,
@@ -11710,9 +11773,9 @@ let Ht = class extends w {
       maxWidth: this.maxWidth,
       width: this.width
     };
-    return g`<th
+    return m`<th
       part="th"
-      style=${mt(r)}
+      style=${ut(r)}
       colspan=${$(this.colSpan)}
       rowspan=${$(this.rowSpan)}
     >
@@ -11720,7 +11783,7 @@ let Ht = class extends w {
     </th> `;
   }
 };
-Ht.styles = [
+Wt.styles = [
   Ei,
   P`
       :host {
@@ -11747,27 +11810,27 @@ Ht.styles = [
       }
     `
 ];
-ye([
+we([
   a({ type: Number })
-], Ht.prototype, "colSpan", 2);
-ye([
+], Wt.prototype, "colSpan", 2);
+we([
   a({ type: Number })
-], Ht.prototype, "rowSpan", 2);
-ye([
+], Wt.prototype, "rowSpan", 2);
+we([
   a({ type: String })
-], Ht.prototype, "align", 2);
-ye([
+], Wt.prototype, "align", 2);
+we([
   a({ type: String })
-], Ht.prototype, "minWidth", 2);
-ye([
+], Wt.prototype, "minWidth", 2);
+we([
   a({ type: String })
-], Ht.prototype, "maxWidth", 2);
-ye([
+], Wt.prototype, "maxWidth", 2);
+we([
   a({ type: String })
-], Ht.prototype, "width", 2);
-Ht = ye([
-  _(mh)
-], Ht);
+], Wt.prototype, "width", 2);
+Wt = we([
+  _(gh)
+], Wt);
 var bh = Object.defineProperty, vh = Object.getOwnPropertyDescriptor, re = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? vh(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
@@ -11783,7 +11846,7 @@ let Tt = class extends w {
       maxWidth: this.maxWidth,
       width: this.width
     };
-    return g`<td part="td" style=${mt(r)} colspan=${$(this.colSpan)} rowspan=${$(this.rowSpan)}>
+    return m`<td part="td" style=${ut(r)} colspan=${$(this.colSpan)} rowspan=${$(this.rowSpan)}>
       <slot></slot>
     </td>`;
   }
@@ -11837,7 +11900,7 @@ var wh = Object.getOwnPropertyDescriptor, _h = (r, t, i, s) => {
 const xh = "sonic-thead";
 let ni = class extends w {
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 ni.styles = [
@@ -11858,7 +11921,7 @@ var Ph = Object.getOwnPropertyDescriptor, $h = (r, t, i, s) => {
 const Ch = "sonic-tbody";
 let ai = class extends w {
   render() {
-    return g`<tbody part="tbody">
+    return m`<tbody part="tbody">
       <slot></slot>
     </tbody>`;
   }
@@ -11894,7 +11957,7 @@ var Sh = Object.getOwnPropertyDescriptor, Ah = (r, t, i, s) => {
 const kh = "sonic-tfoot";
 let li = class extends w {
   render() {
-    return g`<tfoot>
+    return m`<tfoot>
       <slot></slot>
     </tfoot>`;
   }
@@ -11917,7 +11980,7 @@ var Oh = Object.getOwnPropertyDescriptor, Dh = (r, t, i, s) => {
 const Lh = "sonic-caption";
 let ci = class extends w {
   render() {
-    return g`<slot></slot>`;
+    return m`<slot></slot>`;
   }
 };
 ci.styles = [
@@ -11944,10 +12007,10 @@ let te = class extends w {
     const r = {
       maxHeight: this.maxHeight
     };
-    return g`
+    return m`
       <div
         class="table-container ${this.noCustomScroll ? "" : "custom-scroll"}"
-        style=${mt(r)}
+        style=${ut(r)}
       >
         <div class="table">
           <slot></slot>
@@ -12282,7 +12345,7 @@ var Rh = Object.defineProperty, Uh = Object.getOwnPropertyDescriptor, Is = (r, t
 const Vh = "supersoniks_altcha", Bh = "Si2\\]X8M4!n9DCLd";
 let hr = !1;
 const qh = "sonic-captcha";
-let Se = class extends se(w) {
+let Ae = class extends se(w) {
   constructor() {
     super(...arguments), this.key = "", this.action = null, this.zIndex = 9999, this.onCaptchaTokenChanged = (r) => {
       r == "request_token" && (this.formPublisher && (this.formPublisher.captchaToken = ""), this.requestToken());
@@ -12340,7 +12403,7 @@ let Se = class extends se(w) {
       verifying: "Verifying...",
       wait: "Verifying... Please wait."
     };
-    return g`
+    return m`
       <form>
         <altcha-widget
           challengeurl="${this.chalengeUrl}?key=${this.key}&maxNumber=${this.maxNumber}"
@@ -12355,7 +12418,7 @@ let Se = class extends se(w) {
     `;
   }
 };
-Se.styles = [
+Ae.styles = [
   zh,
   P`
       :host {
@@ -12380,16 +12443,16 @@ Se.styles = [
 ];
 Is([
   a()
-], Se.prototype, "key", 2);
+], Ae.prototype, "key", 2);
 Is([
   a()
-], Se.prototype, "action", 2);
+], Ae.prototype, "action", 2);
 Is([
   a({ type: Number })
-], Se.prototype, "zIndex", 2);
-Se = Is([
+], Ae.prototype, "zIndex", 2);
+Ae = Is([
   _(qh)
-], Se);
+], Ae);
 window.queueMicrotask = window.queueMicrotask || function(r) {
   Promise.resolve().then(r).catch(
     (t) => setTimeout(() => {
@@ -12443,8 +12506,8 @@ function Yh(...r) {
     const n = o.shift() || "";
     let l = T.get(n);
     l = Je.traverse(l, o);
-    const c = /* @__PURE__ */ new Set(), h = (f) => {
-      t[s] = f, t.filter((d) => d !== null).length == r.length && c.forEach((d) => d(...t));
+    const c = /* @__PURE__ */ new Set(), h = (u) => {
+      t[s] = u, t.filter((d) => d !== null).length == r.length && c.forEach((d) => d(...t));
     };
     i.push({ publisher: l, onAssign: h, callbacks: c });
   }