@supersoniks/concorde 3.1.52 → 3.1.53

package/concorde-core.es.js

@@ -170,10 +170,7 @@ let or = Hr.replace(
 );
 const Cs = or.charAt(0).toUpperCase() + or.slice(1);
 function ys(r) {
-  return Object.prototype.hasOwnProperty.call(
-    r,
-    "__value"
-  );
+  return Object.prototype.hasOwnProperty.call(r, "__value");
 }
 function We(r) {
   return typeof r == "object" && r != null;
@@ -184,7 +181,7 @@ const ti = Ee == "sonic" ? "publisher-proxies-data" : Ee + "-publisher-proxies-d
 var Ot;
 let Ti = (Ot = class {
   constructor(t, s, i) {
-    for (this._proxies_ = /* @__PURE__ */ new Map(), this._is_savable_ = !1, this._invalidateListeners_ = /* @__PURE__ */ new Set(), this._formInvalidateListeners_ = /* @__PURE__ */ new Set(), this._assignListeners_ = /* @__PURE__ */ new Set(), this._mutationListeners_ = /* @__PURE__ */ new Set(), this._fillListeners_ = /* @__PURE__ */ new Set(), this._templateFillListeners_ = /* @__PURE__ */ new Set(), this._lockInternalMutationPublishing_ = !1, this._instanceCounter_ = 0, this._assignmentId_ = 0, this._value_ = t, this.parent = s || null, this._parentKey_ = i, this.root = this, this._instanceCounter_ = 0; this.root.parent; )
+    for (this._proxies_ = /* @__PURE__ */ new Map(), this._is_savable_ = !1, this._expiration_delay_ = 1e3 * 60 * 60 * 12, this._invalidateListeners_ = /* @__PURE__ */ new Set(), this._formInvalidateListeners_ = /* @__PURE__ */ new Set(), this._assignListeners_ = /* @__PURE__ */ new Set(), this._mutationListeners_ = /* @__PURE__ */ new Set(), this._fillListeners_ = /* @__PURE__ */ new Set(), this._templateFillListeners_ = /* @__PURE__ */ new Set(), this._lockInternalMutationPublishing_ = !1, this._instanceCounter_ = 0, this._assignmentId_ = 0, this._value_ = t, this.parent = s || null, this._parentKey_ = i, this.root = this, this._instanceCounter_ = 0; this.root.parent; )
       this.root = this.root.parent;
   }
   /**
@@ -415,9 +412,11 @@ let T = (k = class {
             }
           else
             i = await this.compress("{}", "gzip"), localStorage.setItem(ti, i), this.localStorageData = {};
-          const o = (/* @__PURE__ */ new Date()).getTime() - 1e3 * 60 * 60 * 12;
-          for (const n in this.localStorageData)
-            this.localStorageData[n].lastModifiationMS < o && delete this.localStorageData[n];
+          const o = 1e3 * 60 * 60 * 12;
+          for (const n in this.localStorageData) {
+            const a = this.localStorageData[n], c = (/* @__PURE__ */ new Date()).getTime() - (a.expirationDelayMs || o);
+            a.lastModifiationMS < c && delete this.localStorageData[n];
+          }
           t(!0);
         } catch {
           window.requestAnimationFrame(() => {
@@ -483,7 +482,7 @@ let T = (k = class {
       this.set(t, n);
     }
     const e = this.publishers.get(t);
-    return i && this.initialisedData.indexOf(t) === -1 && (e._is_savable_ = !0, this.initialisedData.push(t), this.setLocalData(e, t)), this.publishers.get(t);
+    return i && this.initialisedData.indexOf(t) === -1 && (s != null && s.expirationDelayMs && (e._expiration_delay_ = s.expirationDelayMs), e._is_savable_ = !0, this.initialisedData.push(t), this.setLocalData(e, t)), this.publishers.get(t);
   }
   /**
    * Remplace un publisher pour l'id fourni par un autre.
@@ -519,6 +518,7 @@ let T = (k = class {
           const n = o == null ? void 0 : o.get();
           n && (this.localStorageData[e + "¤lang_" + J.getLanguage()] = {
             lastModifiationMS: (/* @__PURE__ */ new Date()).getTime(),
+            expirationDelayMs: o._expiration_delay_,
             data: n
           }, i = !0);
         }
@@ -556,7 +556,7 @@ let T = (k = class {
     const h = await new Response(a.readable).arrayBuffer();
     return new TextDecoder().decode(h);
   }
-}, k.buildDate = "Fri Dec 13 2024 16:13:35 GMT+0100 (Central European Standard Time)", k.changed = !1, k.saving = !1, k.saveId = 0, k.instance = null, k.instances = /* @__PURE__ */ new Map(), k.modifiedCollectore = [], k);
+}, k.buildDate = "Tue Dec 17 2024 18:27:05 GMT+0100 (Central European Standard Time)", k.changed = !1, k.saving = !1, k.saveId = 0, k.instance = null, k.instances = /* @__PURE__ */ new Map(), k.modifiedCollectore = [], k);
 if (typeof window < "u") {
   const r = window;
   r[Cs + "PublisherManager"] = r[Cs + "PublisherManager"] || T;
@@ -599,6 +599,7 @@ const Mo = /* @__PURE__ */ new Set([
   "_parentKey_",
   "_value_",
   "_is_savable_",
+  "_expiration_delay_",
   "_lockInternalMutationPublishing_",
   "_instanceCounter_",
   "_assignmentId_"
@@ -640,6 +641,8 @@ class Qe extends Ti {
           return o._assignmentId_ = a, !0;
         if (n == "_is_savable_")
           return o._is_savable_ = a, !0;
+        if (n == "_expiration_delay_")
+          return o._expiration_delay_ = a, !0;
         if (n == "_instanceCounter_")
           return o._instanceCounter_ = a, !0;
         if (!o._proxies_.has(n)) {
@@ -975,7 +978,7 @@ let Br = class {
     return this.cssText;
   }
 };
-const jo = (r) => new Br(typeof r == "string" ? r : r + "", void 0, Ii), $ = (r, ...t) => {
+const jo = (r) => new Br(typeof r == "string" ? r : r + "", void 0, Ii), x = (r, ...t) => {
   const s = r.length === 1 ? r[0] : t.reduce((i, e, o) => i + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
@@ -2075,7 +2078,7 @@ const z = Pe(ui), fi = /* @__PURE__ */ new Map(), br = (r) => {
     wordingVersionProvider: i,
     apiCallKey: e
   }, fi.set(e, o)), o;
-}, vr = "", V = class V extends io {
+}, vr = "", H = class H extends io {
   /* eslint-disable @typescript-eslint/no-explicit-any*/
   constructor(t) {
     super(t), this.useUnsafeHTML = !1, this.onAssign = (s) => {
@@ -2084,18 +2087,18 @@ const z = Pe(ui), fi = /* @__PURE__ */ new Map(), br = (r) => {
     }, this.node = t.options.host;
   }
   unsubscribe() {
-    V.publisher["wording_" + this.key].offAssign(this.onAssign);
+    H.publisher["wording_" + this.key].offAssign(this.onAssign);
   }
   /* eslint-enable @typescript-eslint/no-explicit-any*/
   render(t, s = !1) {
     return this.useUnsafeHTML = s, this.key !== t && (this.key = t, this.isConnected && this.subscribe(t)), _t;
   }
   static async callApi(t, s, i = !0, e) {
-    if (await T.getInstance().isLocalStrorageReady, V.firstCall) {
-      V.firstCall = !1, Ni(V.reloadWordings);
-      const d = Object.keys(V.publisher.get());
+    if (await T.getInstance().isLocalStrorageReady, H.firstCall) {
+      H.firstCall = !1, Ni(H.reloadWordings);
+      const d = Object.keys(H.publisher.get());
       for (const p of d)
-        V.publisher.get()[p] === vr && delete V.publisher[p];
+        H.publisher.get()[p] === vr && delete H.publisher[p];
     }
     if (t) {
       const d = J.getAncestorAttributeValue(
@@ -2103,10 +2106,10 @@ const z = Pe(ui), fi = /* @__PURE__ */ new Map(), br = (r) => {
         "wordingVersionProvider"
       );
       d && no(d).onAssign(
-        V.handleVersionProvider(t)
+        H.handleVersionProvider(t)
       );
     }
-    let o = V.publisher.get()["wording_" + s] != null;
+    let o = H.publisher.get()["wording_" + s] != null;
     const n = e || br(t);
     if (!n) return;
     if (o && s !== "") {
@@ -2117,13 +2120,13 @@ const z = Pe(ui), fi = /* @__PURE__ */ new Map(), br = (r) => {
     const a = n.callIndex, c = n.wordingProvider ?? "";
     if (!c && i) {
       window.setTimeout(async () => {
-        V.callApi(null, s, !1, n);
+        H.callApi(null, s, !1, n);
       }, 1e3);
       return;
     }
     const h = n.api;
     window.queueMicrotask(async () => {
-      if (o = V.publisher["wording_" + s].get() != null, !o && s !== "" && (n.keysToTranslate.add(s), V.publisher["wording_" + s] = vr), a !== n.callIndex) return;
+      if (o = H.publisher["wording_" + s].get() != null, !o && s !== "" && (n.keysToTranslate.add(s), H.publisher["wording_" + s] = vr), a !== n.callIndex) return;
       const d = Array.from(n.keysToTranslate);
       if (!d.length) return;
       const p = c.split("?"), g = p.shift(), b = (p.length > 0 ? p.join("?") + "&" : "") + "labels[]=" + d.join("&labels[]="), v = g + "?" + b;
@@ -2133,23 +2136,23 @@ const z = Pe(ui), fi = /* @__PURE__ */ new Map(), br = (r) => {
       ]), n.keysToTranslate.clear();
       const P = await h.get(v);
       for (const S in P)
-        V.publisher["wording_" + S] = P[S];
+        H.publisher["wording_" + S] = P[S];
     });
   }
   static reloadWordings() {
     for (const t of fi.values())
-      t.keysToTranslate = new Set(t.translatedKeys), t.keysToTranslate.size > 0 && V.callApi(null, "", !1, t);
+      t.keysToTranslate = new Set(t.translatedKeys), t.keysToTranslate.size > 0 && H.callApi(null, "", !1, t);
   }
   //check if the wording version has changed
   static handleVersionProvider(t) {
     const s = br(t), i = (o) => {
     };
     if (!s) return i;
-    if (V.versionProviderHandlers.has(s))
-      return V.versionProviderHandlers.get(s) || i;
+    if (H.versionProviderHandlers.has(s))
+      return H.versionProviderHandlers.get(s) || i;
     const e = function(o) {
       if (!s.wordingVersionProvider) return;
-      const a = V.publisher.get().__wording_versions__ ?? [];
+      const a = H.publisher.get().__wording_versions__ ?? [];
       if (o == null) return;
       const c = a.find(
         (h) => h.serviceURL === s.api.serviceURL
@@ -2157,9 +2160,9 @@ const z = Pe(ui), fi = /* @__PURE__ */ new Map(), br = (r) => {
         serviceURL: s.api.serviceURL,
         version: 0
       };
-      a.includes(c) || a.push(c), o !== c.version && (c.version = o, V.publisher.set({ __wording_versions__: a }), V.reloadWordings());
+      a.includes(c) || a.push(c), o !== c.version && (c.version = o, H.publisher.set({ __wording_versions__: a }), H.reloadWordings());
     };
-    return V.versionProviderHandlers.set(
+    return H.versionProviderHandlers.set(
       s,
       e
     ), e;
@@ -2167,7 +2170,7 @@ const z = Pe(ui), fi = /* @__PURE__ */ new Map(), br = (r) => {
   // Subscribes to the key, calling the directive's asynchronous
   // setValue API each time the value changes
   subscribe(t) {
-    this.unsubscribe(), V.publisher["wording_" + t].onAssign(this.onAssign), V.callApi(this.node, t);
+    this.unsubscribe(), H.publisher["wording_" + t].onAssign(this.onAssign), H.callApi(this.node, t);
   }
   // When the directive is disconnected from the DOM, unsubscribe to ensure
   // the directive instance can be garbage collected
@@ -2180,10 +2183,10 @@ const z = Pe(ui), fi = /* @__PURE__ */ new Map(), br = (r) => {
     this.key && this.subscribe(this.key);
   }
 };
-V.publisher = T.get("sonic-wording", {
+H.publisher = T.get("sonic-wording", {
   localStorageMode: "enabled"
-}), V.firstCall = !0, V.versionProviderHandlers = /* @__PURE__ */ new Map();
-let Le = V;
+}), H.firstCall = !0, H.versionProviderHandlers = /* @__PURE__ */ new Map();
+let Le = H;
 const un = Pe(Le), fn = un;
 var mn = Object.defineProperty, gn = Object.getOwnPropertyDescriptor, Dt = (r, t, s, i) => {
   for (var e = i > 1 ? void 0 : i ? gn(t, s) : t, o = r.length - 1, n; o >= 0; o--)
@@ -2969,9 +2972,9 @@ var mi = { exports: {} };
     }, P = function(u) {
       return new RegExp(u.toString() + "|").exec("").length - 1;
     }, b = function(u, f) {
-      var y, C, O, E, U;
+      var y, C, O, E, V;
       for (E = {}, y = -1, O = u.length; ++y < O; )
-        C = u[y], U = f[y], U != null && (E[C] != null ? (Array.isArray(E[C]) || (E[C] = [E[C]]), E[C].push(U)) : E[C] = U);
+        C = u[y], V = f[y], V != null && (E[C] != null ? (Array.isArray(E[C]) || (E[C] = [E[C]]), E[C].push(V)) : E[C] = V);
       return E;
     }, i = {}, i.Result = function(u, f) {
       this.value = u, this.rest = f;
@@ -2992,11 +2995,11 @@ var mi = { exports: {} };
     }, i.sequence = function() {
       var u;
       return u = 1 <= arguments.length ? s.call(arguments, 0) : [], function(f) {
-        var y, C, O, E, U, W;
+        var y, C, O, E, V, W;
         for (y = -1, C = u.length, W = [], E = f; ++y < C; ) {
-          if (O = u[y], U = O(E), U == null)
+          if (O = u[y], V = O(E), V == null)
             return;
-          W.push(U.value), E = U.rest;
+          W.push(V.value), E = V.rest;
         }
         return new i.Result(W, E);
       };
@@ -3019,9 +3022,9 @@ var mi = { exports: {} };
         return f == null && (f = u()), f(y);
       };
     }, i.baseMany = function(u, f, y, C, O) {
-      var E, U, W, St;
-      for (W = O, St = y ? "" : []; !(f != null && (E = f(W), E != null) || (U = u(W), U == null)); )
-        y ? St += U.value : St.push(U.value), W = U.rest;
+      var E, V, W, St;
+      for (W = O, St = y ? "" : []; !(f != null && (E = f(W), E != null) || (V = u(W), V == null)); )
+        y ? St += V.value : St.push(V.value), W = V.rest;
       if (!(C && St.length === 0))
         return new i.Result(St, W);
     }, i.many1 = function(u) {
@@ -3092,7 +3095,7 @@ var mi = { exports: {} };
           return n(u.value);
       }
     }, g = function(u, f, y, C) {
-      var O, E, U, W;
+      var O, E, V, W;
       if (C == null && (C = !1), W = u[f], W == null) {
         if (C)
           throw new Error("no values provided for key `" + f + "`");
@@ -3103,7 +3106,7 @@ var mi = { exports: {} };
           throw new Error("too few values provided for key `" + f + "`");
         return;
       }
-      return U = Array.isArray(W) ? W[O] : W, C && (y[f] = O + 1), U;
+      return V = Array.isArray(W) ? W[O] : W, C && (y[f] = O + 1), V;
     }, o = function(u, f, y) {
       var C, O;
       if (Array.isArray(u)) {
@@ -3138,7 +3141,7 @@ var mi = { exports: {} };
           return o(u.value, f, y) ? D(u.value, f, y) : "";
       }
     }, e = function(u, f) {
-      var y, C, O, E, U;
+      var y, C, O, E, V;
       if (u instanceof e) {
         this.isRegex = u.isRegex, this.regex = u.regex, this.ast = u.ast, this.names = u.names;
         return;
@@ -3157,7 +3160,7 @@ var mi = { exports: {} };
       }
       if (u === "")
         throw new Error("argument must not be the empty string");
-      if (U = u.replace(/\s+/g, ""), U !== u)
+      if (V = u.replace(/\s+/g, ""), V !== u)
         throw new Error("argument must not contain whitespace");
       if (C = {
         escapeChar: (f != null ? f.escapeChar : void 0) || d.escapeChar,
@@ -3351,7 +3354,7 @@ const Vi = (r) => {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const x = (r) => r ?? A, Mt = $`
+const $ = (r) => r ?? A, Mt = x`
   /*SIZES*/
   :host {
     --sc-_fs: 1rem;
@@ -3453,10 +3456,10 @@ let I = class extends Vi(je(G(_))) {
         part="button"
         class=${this.hasPrefix || this.hasSuffix ? "has-prefix-or-suffix" : ""}
         style=${mt(r)}
-        aria-controls=${x(this.ariaControls)}
-        aria-expanded=${x(this.sonicAriaExpanded)}
-        aria-label=${x(this.ariaLabel)}
-        aria-labelledby=${x(this.ariaLabelledby)}
+        aria-controls=${$(this.ariaControls)}
+        aria-expanded=${$(this.sonicAriaExpanded)}
+        aria-label=${$(this.ariaLabel)}
+        aria-labelledby=${$(this.ariaLabelledby)}
         @click=${this.handleChange}
         @pointerdown=${this.handleRepeatStart}
       >
@@ -3476,10 +3479,10 @@ let I = class extends Vi(je(G(_))) {
     `;
     return this.href ? m`<a
           href="${this.href}"
-          download=${x(this.download)}
-          target=${x(this.target)}
-          aria-label=${x(this.ariaLabel)}
-          aria-labelledby=${x(this.ariaLabelledby)}
+          download=${$(this.download)}
+          target=${$(this.target)}
+          aria-label=${$(this.ariaLabel)}
+          aria-labelledby=${$(this.ariaLabelledby)}
           @click=${this.pushState || this.goBack !== null ? this.handleNavigation : null}
           >${t}</a
         >` : m`${t}`;
@@ -3491,7 +3494,7 @@ let I = class extends Vi(je(G(_))) {
 };
 I.styles = [
   Mt,
-  $`
+  x`
       * {
         box-sizing: border-box;
       }
@@ -4652,7 +4655,7 @@ let be = class extends _ {
     return this.iconText ? this.iconText : A;
   }
 };
-be.styles = $`
+be.styles = x`
     :host {
       line-height: 0.1em;
       width: fit-content;
@@ -4717,7 +4720,7 @@ ds([
 be = ds([
   w(ua)
 ], be);
-const ps = $`
+const ps = x`
   .custom-scroll {
     overflow: auto !important;
     overflow-y: overlay !important;
@@ -4814,7 +4817,7 @@ let $t = class extends _ {
 };
 $t.styles = [
   ps,
-  $`
+  x`
       * {
         box-sizing: border-box;
       }
@@ -5026,7 +5029,7 @@ It([
 $t = It([
   w(ba)
 ], $t);
-const va = $`
+const va = x`
   :host {
     /* POLICES */
     /*
@@ -5097,7 +5100,7 @@ const va = $`
     --sc-contrast-content: #fff;
     --sc-contrast: #000000;
   }
-`, ya = $`
+`, ya = x`
   :host([theme="light"]) {
     /*Boutons*/
     --sc-primary: var(--sc-base-800);
@@ -5126,7 +5129,7 @@ const va = $`
     --sc-base-900: #0f172a;
     --sc-base-content: var(--sc-base-700);
   }
-`, Ir = $`
+`, Ir = x`
   --sc-primary: var(--sc-dark-primary, var(--sc-base-700));
   --sc-info: var(--sc-dark-info, #3abff8);
   --sc-danger: var(--sc-dark-danger, #f87272);
@@ -5151,7 +5154,7 @@ const va = $`
   --sc-base-800: var(--sc-dark-base-800, #d9dce0);
   --sc-base-900: var(--sc-dark-base-900, #e5e7eb);
   --sc-base-content: var(--sc-dark-base-content, #e5e7eb);
-`, _a = $`
+`, _a = x`
   :host([theme="dark"]) {
     ${Ir}
   }
@@ -5238,7 +5241,7 @@ yt.styles = [
   ya,
   _a,
   va,
-  $`
+  x`
       :host([color]) {
         color: var(--sc-base-content, #000);
       }
@@ -5325,12 +5328,12 @@ let N = class extends _ {
       (i) => m`
           <sonic-toast-item
             maxHeight=${t ? "none" : "10rem"}
-            status=${x(i.status)}
-            title=${x(i.title)}
+            status=${$(i.status)}
+            title=${$(i.title)}
             ?ghost=${i.ghost}
             ?dismissForever=${i.dismissForever}
             ?preserve=${i.preserve}
-            id=${x(i.id)}
+            id=${$(i.id)}
             @hide=${() => this.removeItem(i)}
             ${Ps({
         keyframeOptions: {
@@ -5689,7 +5692,7 @@ let Ts = class extends Bi(G(qi(_))) {
   }
 };
 Ts.styles = [
-  $`
+  x`
       :host {
         display: contents;
       }
@@ -5715,7 +5718,7 @@ let Ms = class extends _ {
     return this.condition ? m` <slot></slot> ` : A;
   }
 };
-Ms.styles = $`
+Ms.styles = x`
     :host {
       display: contents;
     }
@@ -5726,7 +5729,7 @@ wo([
 Ms = wo([
   w(Ua)
 ], Ms);
-const Va = $`
+const Va = x`
   :host([align="left"]) .sonic-loader--inline {
     margin-left: 0;
   }
@@ -5793,7 +5796,7 @@ const Va = $`
       transform: translate(24px, 0);
     }
   }
-`, Ha = $`
+`, Ha = x`
   @keyframes sonic-loader--fixed {
     0% {
       transform: scale(0);
@@ -5879,7 +5882,7 @@ let rt = class extends _ {
 rt.styles = [
   Va,
   Ha,
-  $`
+  x`
       :host {
         --sc-_loader-bg: var(--sc-primary, currentColor);
         pointer-events: none;
@@ -6286,7 +6289,7 @@ let Gt = class extends G(_) {
       const d = this.getAncestorAttributeValue("dataProvider"), p = this.endPoint || d;
       rt.show();
       const g = async () => {
-        var f, y, C, O, E, U, W, St;
+        var f, y, C, O, E, V, W, St;
         if (e)
           h = await ((f = this.api) == null ? void 0 : f.submitFormData(
             p,
@@ -6314,7 +6317,7 @@ let Gt = class extends G(_) {
               h = await ((E = this.api) == null ? void 0 : E.get(p + No, c));
               break;
             default:
-              h = await ((U = this.api) == null ? void 0 : U.post(p, o, c));
+              h = await ((V = this.api) == null ? void 0 : V.post(p, o, c));
               break;
           }
         rt.hide(), h ? h._sonic_http_response_ && !h._sonic_http_response_.ok && Object.keys(h).length === 1 && (h.messages = [{ content: "Network Error", status: "error" }]) : h = { messages: [{ content: "Network Error", status: "error" }] };
@@ -6384,7 +6387,7 @@ let Gt = class extends G(_) {
     return m`<div ?data-disabled=${this.disabled}><slot></slot></div>`;
   }
 };
-Gt.styles = $`
+Gt.styles = x`
     [data-disabled] {
       opacity: 0.3;
       pointer-events: none;
@@ -7131,7 +7134,7 @@ let zs = class extends ee(_) {
   }
 };
 zs.styles = [
-  $`
+  x`
       :host {
         display: contents;
       }
@@ -7201,7 +7204,7 @@ let ve = class extends _ {
 };
 ve.styles = [
   Mt,
-  $`
+  x`
       :host {
         --sc-badge-gap: 0.3em;
         --sc-badge-py: 0.35em;
@@ -7411,7 +7414,7 @@ let Xt = class extends _ {
       <a
         href="${this.href}"
         aria-label=${this.ariaLabel || A}
-        target=${x(this.target)}
+        target=${$(this.target)}
         @click=${this.pushState ? this.handlePushState : null}
       >
         <slot></slot>
@@ -7420,7 +7423,7 @@ let Xt = class extends _ {
   }
 };
 Xt.styles = [
-  $`
+  x`
       a {
         color: inherit;
         text-decoration: none;
@@ -7458,7 +7461,7 @@ let Qt = class extends _ {
   }
   render() {
     return m`
-      <progress value=${x(this.value)} max=${this.max}></progress>
+      <progress value=${$(this.value)} max=${this.max}></progress>
       <div class="slot-container">
         <slot></slot>
         <slot name="remaining"></slot>
@@ -7468,7 +7471,7 @@ let Qt = class extends _ {
 };
 Qt.styles = [
   Mt,
-  $`
+  x`
       :host {
         --sc-progress-bg: var(
           --sc-input-bg,
@@ -7599,7 +7602,7 @@ Re([
 Qt = Re([
   w(pc)
 ], Qt);
-const uc = $`
+const uc = x`
   .password-toggle {
     color: var(--sc-input-c);
     font-size: var(--sc-input-fs);
@@ -7610,7 +7613,7 @@ const uc = $`
   :host([inlineContent]) .has-suffix .password-toggle {
     margin-right: 0;
   }
-`, Xs = $`
+`, Xs = x`
   :host {
     --sc-label-fs: var(--sc-_fs, 1rem);
     --sc-label-fw: var(--sc-label-font-weight, 500);
@@ -7624,14 +7627,14 @@ const uc = $`
     margin-bottom: 0.22em;
     display: block;
   }
-`, Qs = $`
+`, Qs = x`
   .form-description {
     color: var(--sc-base-400, var(--sc-base-content, #000));
     font-size: 0.85em;
     margin-top: 0.2em;
     display: block;
   }
-`, Xi = $`
+`, Xi = x`
   * {
     box-sizing: border-box;
   }
@@ -8012,7 +8015,7 @@ var fc = Object.defineProperty, mc = Object.getOwnPropertyDescriptor, q = (r, t,
   return i && e && fc(t, s, e), e;
 };
 const gc = "sonic-input";
-let H = class extends Gs(je(G(_))) {
+let U = class extends Gs(je(G(_))) {
   constructor() {
     super(...arguments), this.readonly = !1, this.inlineContent = !1, this.disableInlineContentFocus = !1, this.showPasswordToggle = !1, this.hasDescription = !1, this.hasLabel = !1, this.hasSuffix = !1, this.hasPrefix = !1, this.isPassword = !1;
   }
@@ -8089,29 +8092,30 @@ let H = class extends Gs(je(G(_))) {
             <input
               data-form-element
               part="input"
-              id=${x(this.id || "form-element")}
+              id=${$(this.id || "form-element")}
               part="input"
               class="form-element input"
               @input=${this.handleChange}
               @blur=${this.handleBlur}
               type=${this.type}
-              disabled=${x(this.disabled)}
+              disabled=${$(this.disabled)}
               ?readonly=${this.readonly}
               ?autofocus=${this.autofocus}
-              list=${x(this.list)}
-              tabindex=${x(this.tabindex)}
-              pattern=${x(this.pattern)}
-              min=${x(this.min)}
-              max=${x(this.max)}
-              step=${x(this.step)}
-              src=${x(this.src)}
-              minlength=${x(this.minlength)}
-              maxlength=${x(this.maxlength)}
-              placeholder=${x(this.placeholder)}
+              list=${$(this.list)}
+              tabindex=${$(this.tabindex)}
+              pattern=${$(this.pattern)}
+              min=${$(this.min)}
+              max=${$(this.max)}
+              step=${$(this.step)}
+              inputmode=${$(this.inputmode)}  
+              src=${$(this.src)}
+              minlength=${$(this.minlength)}
+              maxlength=${$(this.maxlength)}
+              placeholder=${$(this.placeholder)}
               ?required=${this.required}
-              autocomplete=${x(this.autocomplete)}
-              aria-label=${x(this.ariaLabel)}
-              aria-labelledby=${x(this.ariaLabelledby)}
+              autocomplete=${$(this.autocomplete)}
+              aria-label=${$(this.ariaLabel)}
+              aria-labelledby=${$(this.ariaLabelledby)}
               .name=${this.name}
               .value=${this.value}
             />
@@ -8142,13 +8146,13 @@ let H = class extends Gs(je(G(_))) {
     `;
   }
 };
-H.styles = [
+U.styles = [
   Mt,
   Xi,
   Xs,
   Qs,
   uc,
-  $`
+  x`
       :host([type="hidden"]) {
         appearance: none !important;
         display: none !important;
@@ -8160,80 +8164,83 @@ H.styles = [
 ];
 q([
   l({ type: String, reflect: !0 })
-], H.prototype, "size", 2);
+], U.prototype, "size", 2);
+q([
+  l({ type: String })
+], U.prototype, "inputmode", 2);
 q([
   l({ type: String })
-], H.prototype, "list", 2);
+], U.prototype, "list", 2);
 q([
   l({ type: String })
-], H.prototype, "placeholder", 2);
+], U.prototype, "placeholder", 2);
 q([
   l({ type: String })
-], H.prototype, "pattern", 2);
+], U.prototype, "pattern", 2);
 q([
   l({ type: String })
-], H.prototype, "min", 2);
+], U.prototype, "min", 2);
 q([
   l({ type: String })
-], H.prototype, "max", 2);
+], U.prototype, "max", 2);
 q([
   l({ type: Boolean })
-], H.prototype, "readonly", 2);
+], U.prototype, "readonly", 2);
 q([
   l({ type: Number })
-], H.prototype, "step", 2);
+], U.prototype, "step", 2);
 q([
   l({ type: Number })
-], H.prototype, "minlength", 2);
+], U.prototype, "minlength", 2);
 q([
   l({ type: Number })
-], H.prototype, "maxlength", 2);
+], U.prototype, "maxlength", 2);
 q([
   l({ type: String })
-], H.prototype, "src", 2);
+], U.prototype, "src", 2);
 q([
   l({ type: Boolean, reflect: !0 })
-], H.prototype, "inlineContent", 2);
+], U.prototype, "inlineContent", 2);
 q([
   l({ type: Boolean })
-], H.prototype, "disableInlineContentFocus", 2);
+], U.prototype, "disableInlineContentFocus", 2);
 q([
   l({ type: Boolean })
-], H.prototype, "showPasswordToggle", 2);
+], U.prototype, "showPasswordToggle", 2);
 q([
   ht({ slot: "label", flatten: !0 })
-], H.prototype, "slotLabelNodes", 2);
+], U.prototype, "slotLabelNodes", 2);
 q([
   ht({ slot: "description", flatten: !0 })
-], H.prototype, "slotDescriptionNodes", 2);
+], U.prototype, "slotDescriptionNodes", 2);
 q([
   ht({ slot: "suffix", flatten: !0 })
-], H.prototype, "slotSuffixNodes", 2);
+], U.prototype, "slotSuffixNodes", 2);
 q([
   ht({ slot: "prefix", flatten: !0 })
-], H.prototype, "slotPrefixNodes", 2);
+], U.prototype, "slotPrefixNodes", 2);
 q([
   $e("input")
-], H.prototype, "input", 2);
+], U.prototype, "input", 2);
 q([
   M()
-], H.prototype, "hasDescription", 2);
+], U.prototype, "hasDescription", 2);
 q([
   M()
-], H.prototype, "hasLabel", 2);
+], U.prototype, "hasLabel", 2);
 q([
   M()
-], H.prototype, "hasSuffix", 2);
+], U.prototype, "hasSuffix", 2);
 q([
   M()
-], H.prototype, "hasPrefix", 2);
+], U.prototype, "hasPrefix", 2);
 q([
   M()
-], H.prototype, "isPassword", 2);
-H = q([
+], U.prototype, "isPassword", 2);
+U = q([
   w(gc)
-], H);
-const Ao = $`
+], U);
+const Ao = x`
   /*OMBRE*/
   :host([shadow]) .shadowable,
   :host([shadow="md"]) .shadowable,
@@ -8319,7 +8326,7 @@ let nt = class extends _ {
     this.popContent && this.resizeObserver.unobserve(this.popContent), super.disconnectedCallback(), nt.pops.delete(this), nt.pops.size == 0 && (document.removeEventListener("pointerdown", this._handleClosePop), document.removeEventListener("click", this._handleClosePop));
   }
   computePosition(r) {
-    var E, U, W, St;
+    var E, V, W, St;
     const t = r.split(" "), s = t[0];
     let i = t[1], e = (E = this.popContent) == null ? void 0 : E.getBoundingClientRect();
     const o = 5, n = this.getBoundingClientRect(), a = J.getScrollableAncestor(
@@ -8350,7 +8357,7 @@ let nt = class extends _ {
     this.lastContentX += P - e.x, this.lastContentY += S - e.y, Object.assign(this.popContent.style, {
       left: `${this.lastContentX}px`,
       top: `${this.lastContentY}px`
-    }), e = (U = this.popContent) == null ? void 0 : U.getBoundingClientRect(), e.x < h && s == "left" && (P = f), e.y < d && s == "top" && (S = y), e.x + e.width > p && s == "right" && (P = u), e.y + e.height > g && s == "bottom" && (S = D), this.lastContentX += P - e.x, this.lastContentY += S - e.y, Object.assign(this.popContent.style, {
+    }), e = (V = this.popContent) == null ? void 0 : V.getBoundingClientRect(), e.x < h && s == "left" && (P = f), e.y < d && s == "top" && (S = y), e.x + e.width > p && s == "right" && (P = u), e.y + e.height > g && s == "bottom" && (S = D), this.lastContentX += P - e.x, this.lastContentY += S - e.y, Object.assign(this.popContent.style, {
       left: `${this.lastContentX}px`,
       top: `${this.lastContentY}px`
     }), e = (W = this.popContent) == null ? void 0 : W.getBoundingClientRect(), e.x < h && (this.lastContentX += h - e.x), e.y < d && (this.lastContentY += d - e.y), Object.assign(this.popContent.style, {
@@ -8381,7 +8388,7 @@ let nt = class extends _ {
 };
 nt.pops = /* @__PURE__ */ new Set();
 nt.styles = [
-  $`
+  x`
       :host {
         display: inline-block;
         vertical-align: middle;
@@ -8615,16 +8622,16 @@ let at = class extends qi(
           formDataProvider="${this.searchDataProvider}"
           type="search"
           data-keyboard-nav="${this.getAttribute("data-keyboard-nav") || ""}"
-          label="${x(this.label)}"
-          description="${x(this.description)}"
-          name="${x(this.searchParameter || this.name)}"
-          placeholder="${x(this.placeholder)}"
+          label="${$(this.label)}"
+          description="${$(this.description)}"
+          name="${$(this.searchParameter || this.name)}"
+          placeholder="${$(this.placeholder)}"
           ?readonly="${this.readonly}"
           autocomplete="off"
           clearable
           inlineContent
           size=${this.size}
-          value="${x(((r = this.searchPublisher) == null ? void 0 : r.get()) || this.value)}"
+          value="${$(((r = this.searchPublisher) == null ? void 0 : r.get()) || this.value)}"
         >
           <slot
             name="prefix"
@@ -8674,7 +8681,7 @@ let at = class extends qi(
 };
 at.styles = [
   ps,
-  $`
+  x`
       :host {
         display: block;
       }
@@ -8922,13 +8929,13 @@ let pt = class extends Vi(
             @blur=${this.handleBlur}
             ?required=${this.required}
             ?data-indeterminate=${this.showAsIndeterminate}
-            .disabled=${x(this.disabled)}
-            .checked=${x(this.checked)}
+            .disabled=${$(this.disabled)}
+            .checked=${$(this.checked)}
             .name=${this.name}
             .value=${this.value}
             ?autofocus=${this.autofocus}
-            aria-label=${x(this.ariaLabel)}
-            aria-labelledby=${x(this.ariaLabelledby)}
+            aria-label=${$(this.ariaLabel)}
+            aria-labelledby=${$(this.ariaLabelledby)}
           />
           <sonic-icon name="${this.checked == "indeterminate" || this.showAsIndeterminate ? this.indeterminateIconName : this.iconName}" class="sc-input-icon"></sonic-icon>
         </span>
@@ -8948,7 +8955,7 @@ let pt = class extends Vi(
 };
 pt.styles = [
   Mt,
-  $`
+  x`
       :host {
         --sc-checkbox-border-width: var(--sc-form-border-width);
         --sc-checkbox-border-color: var(
@@ -9115,7 +9122,7 @@ let yi = class extends pt {
 };
 yi.styles = [
   pt.styles,
-  $`
+  x`
       :host input {
         border-radius: 50%;
       }
@@ -9143,13 +9150,10 @@ var zc = Object.defineProperty, Rc = Object.getOwnPropertyDescriptor, Uc = (r, t
 };
 const Vc = "sonic-switch";
 let _i = class extends pt {
-  constructor() {
-    super(), this.unique = !0;
-  }
 };
 _i.styles = [
   pt.styles,
-  $`
+  x`
       sonic-icon {
         display: none;
       }
@@ -9319,12 +9323,12 @@ let Y = class extends je(G(_)) {
             ?disabled=${this.disabled}
             ?required=${this.required}
             ?multiple=${this.multiple}
-            size=${x(this.selectSize)}
+            size=${$(this.selectSize)}
             ?autofocus=${this.autofocus}
             .value="${this.value}"
             class="form-element"
-            aria-label=${x(this.ariaLabel)}
-            aria-labelledby=${x(this.ariaLabelledby)}
+            aria-label=${$(this.ariaLabel)}
+            aria-labelledby=${$(this.ariaLabelledby)}
           >
             ${Ks(
       this.options,
@@ -9364,7 +9368,7 @@ Y.styles = [
   Xi,
   Xs,
   Qs,
-  $`
+  x`
       .form-element {
         appearance: none;
       }
@@ -9523,22 +9527,22 @@ let ct = class extends Gs(je(G(_))) {
           id="${this.id || "form-element"}"
           @input=${this.handleChange}
           @blur=${this.handleBlur}
-          disabled=${x(this.disabled)}
+          disabled=${$(this.disabled)}
           ?required=${this.required}
           ?autofocus=${this.autofocus}
-          rows=${x(this.rows)}
-          cols=${x(this.cols)}
-          maxlength=${x(this.maxlength)}
-          minlength=${x(this.minlength)}
+          rows=${$(this.rows)}
+          cols=${$(this.cols)}
+          maxlength=${$(this.maxlength)}
+          minlength=${$(this.minlength)}
           ?readonly=${this.readonly}
-          spellcheck=${x(this.spellcheck)}
-          autocomplete=${x(this.autocomplete)}
-          tabindex=${x(this.tabindex)}
-          wrap=${x(this.wrap)}
+          spellcheck=${$(this.spellcheck)}
+          autocomplete=${$(this.autocomplete)}
+          tabindex=${$(this.tabindex)}
+          wrap=${$(this.wrap)}
           placeholder="${this.placeholder}"
           class="form-element textarea custom-scroll"
-          aria-label=${x(this.ariaLabel)}
-          aria-labelledby=${x(this.ariaLabelledby)}
+          aria-label=${$(this.ariaLabel)}
+          aria-labelledby=${$(this.ariaLabelledby)}
           style=${mt(r)}
         >
 ${this.value}</textarea
@@ -9560,7 +9564,7 @@ ct.styles = [
   Xs,
   Qs,
   ps,
-  $`
+  x`
       textarea {
         overflow-y: auto !important;
         font-size: inherit;
@@ -9620,7 +9624,7 @@ let wi = class extends _ {
   }
 };
 wi.styles = [
-  $`
+  x`
       :host {
         font-size: 1.15rem;
         line-height: 1.2;
@@ -9662,8 +9666,8 @@ let Ht = class extends _ {
       ${this.iconName ? m`<div class="icon">
             <sonic-icon
               name=${this.iconName}
-              prefix=${x(this.iconPrefix)}
-              library=${x(this.iconLibrary)}
+              prefix=${$(this.iconPrefix)}
+              library=${$(this.iconLibrary)}
             ></sonic-icon>
           </div>` : ""}
 
@@ -9679,7 +9683,7 @@ let Ht = class extends _ {
   }
 };
 Ht.styles = [
-  $`
+  x`
       :host {
         --sc-legend-font-size: 1.5rem;
         --sc-legend-font-weight: var(--sc-font-weight-base, 400);
@@ -9752,22 +9756,22 @@ let xt = class extends G(_) {
   }
   render() {
     return m`<fieldset
-      form="${x(this.form)}"
+      form="${$(this.form)}"
       ?disabled="${this.disabled}"
     >
       ${this.label ? m` <sonic-legend
-            label=${x(this.label)}
-            description=${x(this.description)}
-            iconName=${x(this.iconName)}
-            iconPrefix=${x(this.iconPrefix)}
-            iconLibrary=${x(this.iconLibrary)}
+            label=${$(this.label)}
+            description=${$(this.description)}
+            iconName=${$(this.iconName)}
+            iconPrefix=${$(this.iconPrefix)}
+            iconLibrary=${$(this.iconLibrary)}
           ></sonic-legend>` : A}
       <slot></slot>
     </fieldset>`;
   }
 };
 xt.styles = [
-  $`
+  x`
       :host {
         --sc-fieldset-mt: 0;
         --sc-fieldset-mb: 1rem;
@@ -9874,7 +9878,7 @@ let rs = class extends G(_) {
   }
 };
 rs.styles = [
-  $`
+  x`
       :host {
         display: block;
       }
@@ -9939,7 +9943,7 @@ let os = class extends _ {
   }
 };
 os.styles = [
-  $`
+  x`
       :host {
         display: block;
       }
@@ -10015,7 +10019,7 @@ Nt.styles = [
   Mt,
   Xs,
   Qs,
-  $`
+  x`
       :host {
         display: inline-block;
         vertical-align: middle;
@@ -10101,7 +10105,7 @@ let Pt = class extends _ {
   }
 };
 Pt.styles = [
-  $`
+  x`
       :host {
         --sc-img-radius: 0;
         --sc-img-bg: var(--sc-placeholder-bg, rgba(12, 12, 12, 0.05));
@@ -10304,7 +10308,7 @@ let ut = class extends _ {
   }
 };
 ut.styles = [
-  $`
+  x`
       :host {
         display: block;
         --sc-menu-gap: 0.15rem;
@@ -10487,7 +10491,7 @@ let Us = class extends _ {
   }
 };
 Us.styles = [
-  $`
+  x`
       :host {
         display: flex;
         gap: 0.5rem;
@@ -10510,7 +10514,7 @@ var $h = Object.defineProperty, xh = Object.getOwnPropertyDescriptor, Oo = (r, t
 const Ph = "sonic-modal-close";
 let Vs = class extends _ {
   render() {
-    return m`<sonic-button reset=${x(this.reset)} shape="circle" @click=${this.handleClick}
+    return m`<sonic-button reset=${$(this.reset)} shape="circle" @click=${this.handleClick}
       ><sonic-icon name="cancel" size="lg"></sonic-icon
     ></sonic-button>`;
   }
@@ -10519,7 +10523,7 @@ let Vs = class extends _ {
   }
 };
 Vs.styles = [
-  $`
+  x`
       :host {
         position: sticky;
         display: block;
@@ -10550,7 +10554,7 @@ let $i = class extends _ {
   }
 };
 $i.styles = [
-  $`
+  x`
       :host {
         display: block;
         width: 100%;
@@ -10572,7 +10576,7 @@ let xi = class extends _ {
   }
 };
 xi.styles = [
-  $`
+  x`
       :host {
         font-size: 1.1rem;
         display: block;
@@ -10602,7 +10606,7 @@ let Pi = class extends _ {
   }
 };
 Pi.styles = [
-  $`
+  x`
       :host {
         font-weight: bold;
         font-size: 1.5rem;
@@ -10781,7 +10785,7 @@ let j = class extends G(_) {
 };
 j.styles = [
   ps,
-  $`
+  x`
       :host {
         --sc-modal-py: 2.5rem;
         --sc-modal-px: 1.5rem;
@@ -11018,7 +11022,7 @@ let At = class extends _ {
 };
 At.styles = [
   Mt,
-  $`
+  x`
       :host {
         --sc_color: var(--sc-base-content, #000);
         --sc_rounded: var(--sc-rounded);
@@ -11152,7 +11156,7 @@ let ye = class extends G(_) {
     return (r = this.messages) != null && r.length ? m`<div class="container">
       ${$o(this.messages, (t) => t.type == "public" ? m`<sonic-alert
             status=${t.status || "default"}
-            text=${x(t.content)}
+            text=${$(t.content)}
             size=${this.size}
             ?noIcon=${this.noIcon}
             ?background=${this.background}
@@ -11161,7 +11165,7 @@ let ye = class extends G(_) {
   }
 };
 ye.styles = [
-  $`
+  x`
       .container {
         display: grid;
         gap: 0.5em;
@@ -11237,7 +11241,7 @@ let _e = class extends _ {
   }
 };
 _e.styles = [
-  $`
+  x`
       :host {
         position: relative;
         display: inline-flex;
@@ -11376,8 +11380,8 @@ let Ct = class extends _ {
   }
 };
 Ct.styles = [
-  $`
-      :host {
+  x`
+      :host { 
         --sc-divider-my: 0.5rem;
         --sc-divider-mx: 0;
         --sc-divider-border-width: max(
@@ -11551,7 +11555,7 @@ let Ci = class extends _ {
   }
 };
 Ci.styles = [
-  $`
+  x`
       :host() {
         display: block;
         font-size: 0.7em;
@@ -11585,7 +11589,7 @@ let ns = class extends _ {
   }
 };
 ns.styles = [
-  $`
+  x`
       :host {
         --sc-card-header-mb: 1.35rem;
         --sc-card-header-font-size: 1.875rem;
@@ -11646,7 +11650,7 @@ let Si = class extends _ {
   }
 };
 Si.styles = [
-  $`
+  x`
       :host {
         display: block;
       }
@@ -11667,7 +11671,7 @@ let Oi = class extends _ {
   }
 };
 Oi.styles = [
-  $`
+  x`
       :host {
         display: block;
       }
@@ -11676,7 +11680,7 @@ Oi.styles = [
 Oi = fd([
   w(md)
 ], Oi);
-const sr = $`
+const sr = x`
   :host {
     --sc-_color: inherit;
     color: var(--sc-_color);
@@ -11701,7 +11705,7 @@ const sr = $`
   .inherit-color {
     color: var(--sc-_color);
   }
-`, gd = $`
+`, gd = x`
   :host {
     --sc-_color: inherit;
     --sc-_bg: inherit;
@@ -11781,7 +11785,7 @@ let Hs = class extends _ {
 };
 Hs.styles = [
   gd,
-  $`
+  x`
       * {
         box-sizing: border-box;
       }
@@ -11838,7 +11842,7 @@ let we = class extends G(_) {
 };
 we.styles = [
   sr,
-  $`
+  x`
       :host {
         display: table-row;
       }
@@ -11890,8 +11894,8 @@ let Bt = class extends _ {
     return m`<th
       part="th"
       style=${mt(r)}
-      colspan=${x(this.colSpan)}
-      rowspan=${x(this.rowSpan)}
+      colspan=${$(this.colSpan)}
+      rowspan=${$(this.rowSpan)}
     >
       <slot></slot>
     </th> `;
@@ -11899,7 +11903,7 @@ let Bt = class extends _ {
 };
 Bt.styles = [
   sr,
-  $`
+  x`
       :host {
         display: contents;
         background: var(--sc-table-bg);
@@ -11960,14 +11964,14 @@ let Tt = class extends _ {
       maxWidth: this.maxWidth,
       width: this.width
     };
-    return m`<td part="td" style=${mt(r)} colspan=${x(this.colSpan)} rowspan=${x(this.rowSpan)}>
+    return m`<td part="td" style=${mt(r)} colspan=${$(this.colSpan)} rowspan=${$(this.rowSpan)}>
       <slot></slot>
     </td>`;
   }
 };
 Tt.styles = [
   sr,
-  $`
+  x`
       :host {
         display: contents;
       }
@@ -12018,7 +12022,7 @@ let Di = class extends _ {
   }
 };
 Di.styles = [
-  $`
+  x`
       :host {
         display: table-header-group;
       }
@@ -12041,7 +12045,7 @@ let ki = class extends _ {
   }
 };
 ki.styles = [
-  $`
+  x`
       :host {
         display: table-row-group;
       }
@@ -12077,7 +12081,7 @@ let Li = class extends _ {
   }
 };
 Li.styles = [
-  $`
+  x`
       :host {
         display: contents;
       }
@@ -12098,7 +12102,7 @@ let Ei = class extends _ {
   }
 };
 Ei.styles = [
-  $`
+  x`
       :host {
         display: table-caption;
         font-size: 0.75rem;
@@ -12136,7 +12140,7 @@ let te = class extends _ {
 te.styles = [
   ps,
   Mt,
-  $`
+  x`
       :host {
         --sc-table-fw: var(--sc-font-weight-base, 400);
         --sc-table-fst: var(--sc-font-style-base, normal);