@mgdis/stencil-helpers 2.0.0 → 2.2.0

package/dist/index.es.js

@@ -5,13 +5,13 @@ var X = (e) => {
 var he = (e, t, s) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var g = (e, t, s) => he(e, typeof t != "symbol" ? t + "" : t, s), ye = (e, t, s) => t.has(e) || X("Cannot " + s);
 var k = (e, t, s) => (ye(e, t, "read from private field"), s ? s.call(e) : t.get(e)), P = (e, t, s) => t.has(e) ? X("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s);
-const ze = (e = "", t = 10) => {
+const qe = (e = "", t = 10) => {
   const s = new Uint8Array(t);
   crypto.getRandomValues(s);
   const r = Array.from(s).map((o) => o.toString(16).padStart(2, "0")).join("").slice(0, t);
   return e !== "" ? `${e}-${r}` : r;
-};
-class Ie {
+}, Ge = (e) => me(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;
+class Xe {
   constructor(t = []) {
     /**
      * Available classes
@@ -46,7 +46,7 @@ class Ie {
     this.classes = t;
   }
 }
-const Ge = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Xe = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Je = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Ke = (e) => {
+const Je = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Ke = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Qe = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Ze = (e) => {
   const t = te(e), s = se(e);
   return [e, ...t, ...s];
 }, te = (e, t = []) => {
@@ -63,7 +63,7 @@ const Ge = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Xe =
     for (const s of Array.from(e.frames))
       t.push(s), se(s, t);
   return t;
-}, Qe = (e) => typeof e == "string" && e.trim() !== "", Ze = (e) => typeof e == "object" ? JSON.stringify(e) : `${e}`, Ye = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, Ve = async (e) => e();
+}, me = (e) => typeof e == "string" && e.trim() !== "", Ye = (e) => typeof e == "object" ? JSON.stringify(e) : `${e}`, Ve = (e) => typeof e == "number" && !Number.isNaN(e), et = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, tt = async (e) => e();
 var E = {
   allRenderFn: !1,
   cmpDidLoad: !0,
@@ -153,12 +153,12 @@ var E = {
   attachStyles: !0,
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
-}, me = Object.defineProperty, be = (e, t) => {
+}, be = Object.defineProperty, Se = (e, t) => {
   for (var s in t)
-    me(e, s, { get: t[s], enumerable: !0 });
-}, J = (e, t) => t in e, K = "http://www.w3.org/1999/xlink", q = typeof window < "u" ? window : {}, _ = q.document || { head: {} };
-q.HTMLElement;
-var L = {
+    be(e, s, { get: t[s], enumerable: !0 });
+}, J = (e, t) => t in e, K = "http://www.w3.org/1999/xlink", B = typeof window < "u" ? window : {}, M = B.document || { head: {} };
+B.HTMLElement;
+var j = {
   $flags$: 0,
   $resourcesUrl$: "",
   jmp: (e) => e(),
@@ -166,13 +166,13 @@ var L = {
   ael: (e, t, s, r) => e.addEventListener(t, s, r),
   rel: (e, t, s, r) => e.removeEventListener(t, s, r),
   ce: (e, t) => new CustomEvent(e, t)
-}, Q = {}, Se = "http://www.w3.org/2000/svg", Te = "http://www.w3.org/1999/xhtml", ke = (e) => e != null, re = (e) => (e = typeof e, e === "object" || e === "function"), xe = {};
-be(xe, {
+}, Q = {}, Te = "http://www.w3.org/2000/svg", ke = "http://www.w3.org/1999/xhtml", xe = (e) => e != null, re = (e) => (e = typeof e, e === "object" || e === "function"), Ae = {};
+Se(Ae, {
   err: () => oe,
-  map: () => Ae,
+  map: () => Ee,
   ok: () => U,
-  unwrap: () => Ee,
-  unwrapErr: () => Le
+  unwrap: () => je,
+  unwrapErr: () => Re
 });
 var U = (e) => ({
   isOk: !0,
@@ -183,7 +183,7 @@ var U = (e) => ({
   isErr: !0,
   value: e
 });
-function Ae(e, t) {
+function Ee(e, t) {
   if (e.isOk) {
     const s = t(e.value);
     return s instanceof Promise ? s.then((r) => U(r)) : U(s);
@@ -194,19 +194,19 @@ function Ae(e, t) {
   }
   throw "should never get here";
 }
-var Ee = (e) => {
+var je = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, Le = (e) => {
+}, Re = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
-}, je = (e, t, ...s) => {
-  let r = null, o = null, n = null, l = !1, a = !1;
-  const c = [], d = (i) => {
-    for (let $ = 0; $ < i.length; $++)
-      r = i[$], Array.isArray(r) ? d(r) : r != null && typeof r != "boolean" && ((l = !re(r)) && (r = String(r)), l && a ? c[c.length - 1].$text$ += r : c.push(l ? W(null, r) : r), a = l);
+}, Le = (e, t, ...s) => {
+  let r = null, o = null, n = null, i = !1, a = !1;
+  const c = [], d = (l) => {
+    for (let $ = 0; $ < l.length; $++)
+      r = l[$], Array.isArray(r) ? d(r) : r != null && typeof r != "boolean" && ((i = !re(r)) && (r = String(r)), i && a ? c[c.length - 1].$text$ += r : c.push(i ? W(null, r) : r), a = i);
   };
   d(s);
   const f = W(e, null);
@@ -220,12 +220,12 @@ var Ee = (e) => {
     $children$: null
   };
   return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
-}, Re = {}, Oe = (e) => e && e.$tag$ === Re, Z = (e, t, s, r, o, n) => {
+}, Oe = {}, Ne = (e) => e && e.$tag$ === Oe, Z = (e, t, s, r, o, n) => {
   if (s !== r) {
-    let l = J(e, t), a = t.toLowerCase();
+    let i = J(e, t), a = t.toLowerCase();
     if (t === "class") {
       const c = e.classList, d = Y(s), f = Y(r);
-      c.remove(...d.filter((i) => i && !f.includes(i))), c.add(...f.filter((i) => i && !d.includes(i)));
+      c.remove(...d.filter((l) => l && !f.includes(l))), c.add(...f.filter((l) => l && !d.includes(l)));
     } else if (t === "style") {
       for (const c in s)
         (!r || r[c] == null) && (c.includes("-") ? e.style.removeProperty(c) : e.style[c] = "");
@@ -234,32 +234,32 @@ var Ee = (e) => {
     } else if (t !== "key") if (t === "ref")
       r && r(e);
     else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n") {
-      if (t[2] === "-" ? t = t.slice(3) : J(q, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s || r) {
+      if (t[2] === "-" ? t = t.slice(3) : J(B, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s || r) {
         const c = t.endsWith(ne);
-        t = t.replace(_e, ""), s && L.rel(e, t, s, c), r && L.ael(e, t, r, c);
+        t = t.replace(Fe, ""), s && j.rel(e, t, s, c), r && j.ael(e, t, r, c);
       }
     } else {
       const c = re(r);
-      if ((l || c && r !== null) && !o)
+      if ((i || c && r !== null) && !o)
         try {
           if (e.tagName.includes("-"))
             e[t] = r;
           else {
             const f = r ?? "";
-            t === "list" ? l = !1 : (s == null || e[t] != f) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = f : e.setAttribute(t, f));
+            t === "list" ? i = !1 : (s == null || e[t] != f) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = f : e.setAttribute(t, f));
           }
         } catch {
         }
       let d = !1;
-      a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, d = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === "") && (d ? e.removeAttributeNS(K, t) : e.removeAttribute(t)) : (!l || n & 4 || o) && !c && (r = r === !0 ? "" : r, d ? e.setAttributeNS(K, t, r) : e.setAttribute(t, r));
+      a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, d = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === "") && (d ? e.removeAttributeNS(K, t) : e.removeAttribute(t)) : (!i || n & 4 || o) && !c && (r = r === !0 ? "" : r, d ? e.setAttributeNS(K, t, r) : e.setAttribute(t, r));
     }
   }
-}, Me = /\s/, Y = (e) => e ? e.split(Me) : [], ne = "Capture", _e = new RegExp(ne + "$"), le = (e, t, s) => {
+}, Me = /\s/, Y = (e) => e ? e.split(Me) : [], ne = "Capture", Fe = new RegExp(ne + "$"), ie = (e, t, s) => {
   const r = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = e && e.$attrs$ || Q, n = t.$attrs$ || Q;
-  for (const l of V(Object.keys(o)))
-    l in n || Z(r, l, o[l], void 0, s, t.$flags$);
-  for (const l of V(Object.keys(n)))
-    Z(r, l, o[l], n[l], s, t.$flags$);
+  for (const i of V(Object.keys(o)))
+    i in n || Z(r, i, o[i], void 0, s, t.$flags$);
+  for (const i of V(Object.keys(n)))
+    Z(r, i, o[i], n[i], s, t.$flags$);
 };
 function V(e) {
   return e.includes("ref") ? (
@@ -270,11 +270,11 @@ function V(e) {
     e
   );
 }
-var x, H, j, N = !1, F = !1, z = !1, h = !1, C = (e, t, s, r) => {
+var x, H, R, F = !1, _ = !1, I = !1, h = !1, D = (e, t, s, r) => {
   var o;
   const n = t.$children$[s];
-  let l = 0, a, c, d;
-  if (N || (z = !0, n.$tag$ === "slot" && (x && r.classList.add(x + "-s"), n.$flags$ |= n.$children$ ? (
+  let i = 0, a, c, d;
+  if (F || (I = !0, n.$tag$ === "slot" && (x && r.classList.add(x + "-s"), n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -284,92 +284,92 @@ var x, H, j, N = !1, F = !1, z = !1, h = !1, C = (e, t, s, r) => {
     // where actual slot content should sit next to
     1
   ))), n.$text$ !== null)
-    a = n.$elm$ = _.createTextNode(n.$text$);
+    a = n.$elm$ = M.createTextNode(n.$text$);
   else if (n.$flags$ & 1)
-    a = n.$elm$ = _.createTextNode("");
+    a = n.$elm$ = M.createTextNode("");
   else {
-    if (h || (h = n.$tag$ === "svg"), a = n.$elm$ = _.createElementNS(
-      h ? Se : Te,
-      !N && E.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
-    ), h && n.$tag$ === "foreignObject" && (h = !1), le(null, n, h), !!a.getRootNode().querySelector("body") && E.scoped && ke(x) && a["s-si"] !== x && a.classList.add(a["s-si"] = x), G(a, r), n.$children$)
-      for (l = 0; l < n.$children$.length; ++l)
-        c = C(e, n, l, a), c && a.appendChild(c);
+    if (h || (h = n.$tag$ === "svg"), a = n.$elm$ = M.createElementNS(
+      h ? Te : ke,
+      !F && E.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
+    ), h && n.$tag$ === "foreignObject" && (h = !1), ie(null, n, h), !!a.getRootNode().querySelector("body") && E.scoped && xe(x) && a["s-si"] !== x && a.classList.add(a["s-si"] = x), G(a, r), n.$children$)
+      for (i = 0; i < n.$children$.length; ++i)
+        c = D(e, n, i, a), c && a.appendChild(c);
     n.$tag$ === "svg" ? h = !1 : a.tagName === "foreignObject" && (h = !0);
   }
-  return a["s-hn"] = j, n.$flags$ & 3 && (a["s-sr"] = !0, a["s-cr"] = H, a["s-sn"] = n.$name$ || "", a["s-rf"] = (o = n.$attrs$) == null ? void 0 : o.ref, d = e && e.$children$ && e.$children$[s], d && d.$tag$ === n.$tag$ && e.$elm$ && R(e.$elm$, !1)), a;
-}, R = (e, t) => {
-  L.$flags$ |= 1;
+  return a["s-hn"] = R, n.$flags$ & 3 && (a["s-sr"] = !0, a["s-cr"] = H, a["s-sn"] = n.$name$ || "", a["s-rf"] = (o = n.$attrs$) == null ? void 0 : o.ref, d = e && e.$children$ && e.$children$[s], d && d.$tag$ === n.$tag$ && e.$elm$ && L(e.$elm$, !1)), a;
+}, L = (e, t) => {
+  j.$flags$ |= 1;
   const s = Array.from(e.childNodes);
   if (e["s-sr"] && E.experimentalSlotFixes) {
     let r = e;
     for (; r = r.nextSibling; )
-      r && r["s-sn"] === e["s-sn"] && r["s-sh"] === j && s.push(r);
+      r && r["s-sn"] === e["s-sn"] && r["s-sh"] === R && s.push(r);
   }
   for (let r = s.length - 1; r >= 0; r--) {
     const o = s[r];
-    o["s-hn"] !== j && o["s-ol"] && (T(ce(o), o, I(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, z = !0), t && R(o, t);
+    o["s-hn"] !== R && o["s-ol"] && (T(ce(o), o, q(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, I = !0), t && L(o, t);
   }
-  L.$flags$ &= -2;
-}, ie = (e, t, s, r, o, n) => {
-  let l = e["s-cr"] && e["s-cr"].parentNode || e, a;
-  for (l.shadowRoot && l.tagName === j && (l = l.shadowRoot); o <= n; ++o)
-    r[o] && (a = C(null, s, o, e), a && (r[o].$elm$ = a, T(l, a, I(t))));
+  j.$flags$ &= -2;
+}, le = (e, t, s, r, o, n) => {
+  let i = e["s-cr"] && e["s-cr"].parentNode || e, a;
+  for (i.shadowRoot && i.tagName === R && (i = i.shadowRoot); o <= n; ++o)
+    r[o] && (a = D(null, s, o, e), a && (r[o].$elm$ = a, T(i, a, q(t))));
 }, ae = (e, t, s) => {
   for (let r = t; r <= s; ++r) {
     const o = e[r];
     if (o) {
       const n = o.$elm$;
-      $e(o), n && (F = !0, n["s-ol"] ? n["s-ol"].remove() : R(n, !0), n.remove());
+      $e(o), n && (_ = !0, n["s-ol"] ? n["s-ol"].remove() : L(n, !0), n.remove());
     }
   }
-}, Ne = (e, t, s, r, o = !1) => {
-  let n = 0, l = 0, a = 0, c = 0, d = t.length - 1, f = t[0], i = t[d], $ = r.length - 1, u = r[0], p = r[$], m, y;
-  for (; n <= d && l <= $; )
+}, _e = (e, t, s, r, o = !1) => {
+  let n = 0, i = 0, a = 0, c = 0, d = t.length - 1, f = t[0], l = t[d], $ = r.length - 1, u = r[0], p = r[$], m, y;
+  for (; n <= d && i <= $; )
     if (f == null)
       f = t[++n];
-    else if (i == null)
-      i = t[--d];
+    else if (l == null)
+      l = t[--d];
     else if (u == null)
-      u = r[++l];
+      u = r[++i];
     else if (p == null)
       p = r[--$];
-    else if (M(f, u, o))
-      A(f, u, o), f = t[++n], u = r[++l];
-    else if (M(i, p, o))
-      A(i, p, o), i = t[--d], p = r[--$];
-    else if (M(f, p, o))
-      (f.$tag$ === "slot" || p.$tag$ === "slot") && R(f.$elm$.parentNode, !1), A(f, p, o), T(e, f.$elm$, i.$elm$.nextSibling), f = t[++n], p = r[--$];
-    else if (M(i, u, o))
-      (f.$tag$ === "slot" || p.$tag$ === "slot") && R(i.$elm$.parentNode, !1), A(i, u, o), T(e, i.$elm$, f.$elm$), i = t[--d], u = r[++l];
+    else if (N(f, u, o))
+      A(f, u, o), f = t[++n], u = r[++i];
+    else if (N(l, p, o))
+      A(l, p, o), l = t[--d], p = r[--$];
+    else if (N(f, p, o))
+      (f.$tag$ === "slot" || p.$tag$ === "slot") && L(f.$elm$.parentNode, !1), A(f, p, o), T(e, f.$elm$, l.$elm$.nextSibling), f = t[++n], p = r[--$];
+    else if (N(l, u, o))
+      (f.$tag$ === "slot" || p.$tag$ === "slot") && L(l.$elm$.parentNode, !1), A(l, u, o), T(e, l.$elm$, f.$elm$), l = t[--d], u = r[++i];
     else {
       for (a = -1, c = n; c <= d; ++c)
         if (t[c] && t[c].$key$ !== null && t[c].$key$ === u.$key$) {
           a = c;
           break;
         }
-      a >= 0 ? (y = t[a], y.$tag$ !== u.$tag$ ? m = C(t && t[l], s, a, e) : (A(y, u, o), t[a] = void 0, m = y.$elm$), u = r[++l]) : (m = C(t && t[l], s, l, e), u = r[++l]), m && T(ce(f.$elm$), m, I(f.$elm$));
+      a >= 0 ? (y = t[a], y.$tag$ !== u.$tag$ ? m = D(t && t[i], s, a, e) : (A(y, u, o), t[a] = void 0, m = y.$elm$), u = r[++i]) : (m = D(t && t[i], s, i, e), u = r[++i]), m && T(ce(f.$elm$), m, q(f.$elm$));
     }
-  n > d ? ie(
+  n > d ? le(
     e,
     r[$ + 1] == null ? null : r[$ + 1].$elm$,
     s,
     r,
-    l,
+    i,
     $
-  ) : l > $ && ae(t, n, d);
-}, M = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? (
+  ) : i > $ && ae(t, n, d);
+}, N = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? (
   // The component gets hydrated and no VDOM has been initialized.
   // Here the comparison can't happen as $name$ property is not set for `leftNode`.
   "$nodeId$" in e && s && // `leftNode` is not from type HTMLComment which would cause many
   // hydration comments to be removed
   e.$elm$.nodeType !== 8 ? !1 : e.$name$ === t.$name$
-) : s ? !0 : e.$key$ === t.$key$ : !1, I = (e) => e && e["s-ol"] || e, ce = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, A = (e, t, s = !1) => {
-  const r = t.$elm$ = e.$elm$, o = e.$children$, n = t.$children$, l = t.$tag$, a = t.$text$;
+) : s ? !0 : e.$key$ === t.$key$ : !1, q = (e) => e && e["s-ol"] || e, ce = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, A = (e, t, s = !1) => {
+  const r = t.$elm$ = e.$elm$, o = e.$children$, n = t.$children$, i = t.$tag$, a = t.$text$;
   let c;
-  a === null ? (h = l === "svg" ? !0 : l === "foreignObject" ? !1 : h, l === "slot" && !N || le(e, t, h), o !== null && n !== null ? Ne(r, o, t, n, s) : n !== null ? (e.$text$ !== null && (r.textContent = ""), ie(r, null, t, n, 0, n.length - 1)) : (
+  a === null ? (h = i === "svg" ? !0 : i === "foreignObject" ? !1 : h, i === "slot" && !F || ie(e, t, h), o !== null && n !== null ? _e(r, o, t, n, s) : n !== null ? (e.$text$ !== null && (r.textContent = ""), le(r, null, t, n, 0, n.length - 1)) : (
     // don't do this on initial render as it can cause non-hydrated content to be removed
     !s && E.updatable && o !== null && ae(o, 0, o.length - 1)
-  ), h && l === "svg" && (h = !1)) : (c = r["s-cr"]) ? c.parentNode.textContent = a : e.$text$ !== a && (r.data = a);
+  ), h && i === "svg" && (h = !1)) : (c = r["s-cr"]) ? c.parentNode.textContent = a : e.$text$ !== a && (r.data = a);
 }, fe = (e) => {
   const t = e.childNodes;
   for (const s of t)
@@ -401,14 +401,14 @@ var x, H, j, N = !1, F = !1, z = !1, h = !1, C = (e, t, s, r) => {
       for (r = s.length - 1; r >= 0; r--)
         if (t = s[r], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== o["s-hn"] && !E.experimentalSlotFixes)
           if (ee(t, n)) {
-            let l = b.find((a) => a.$nodeToRelocate$ === t);
-            F = !0, t["s-sn"] = t["s-sn"] || n, l ? (l.$nodeToRelocate$["s-sh"] = o["s-hn"], l.$slotRefNode$ = o) : (t["s-sh"] = o["s-hn"], b.push({
+            let i = b.find((a) => a.$nodeToRelocate$ === t);
+            _ = !0, t["s-sn"] = t["s-sn"] || n, i ? (i.$nodeToRelocate$["s-sh"] = o["s-hn"], i.$slotRefNode$ = o) : (t["s-sh"] = o["s-hn"], b.push({
               $slotRefNode$: o,
               $nodeToRelocate$: t
             })), t["s-sr"] && b.map((a) => {
-              ee(a.$nodeToRelocate$, t["s-sn"]) && (l = b.find((c) => c.$nodeToRelocate$ === t), l && !a.$slotRefNode$ && (a.$slotRefNode$ = l.$slotRefNode$));
+              ee(a.$nodeToRelocate$, t["s-sn"]) && (i = b.find((c) => c.$nodeToRelocate$ === t), i && !a.$slotRefNode$ && (a.$slotRefNode$ = i.$slotRefNode$));
             });
-          } else b.some((l) => l.$nodeToRelocate$ === t) || b.push({
+          } else b.some((i) => i.$nodeToRelocate$ === t) || b.push({
             $nodeToRelocate$: t
           });
     }
@@ -435,22 +435,22 @@ var x, H, j, N = !1, F = !1, z = !1, h = !1, C = (e, t, s, r) => {
       for (const n of Array.from(e.childNodes))
         G(n, e, !0);
   }
-}, Fe = (e, t, s = !1) => {
-  var r, o, n, l, a;
-  const c = e.$hostElement$, d = e.$cmpMeta$, f = e.$vnode$ || W(null, null), i = Oe(t) ? t : je(null, null, t);
-  if (j = c.tagName, d.$attrsToReflect$ && (i.$attrs$ = i.$attrs$ || {}, d.$attrsToReflect$.map(
-    ([$, u]) => i.$attrs$[u] = c[$]
-  )), s && i.$attrs$)
-    for (const $ of Object.keys(i.$attrs$))
-      c.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (i.$attrs$[$] = c[$]);
-  i.$tag$ = null, i.$flags$ |= 4, e.$vnode$ = i, i.$elm$ = f.$elm$ = c.shadowRoot || c, x = c["s-sc"], N = (d.$flags$ & 1) !== 0, H = c["s-cr"], F = !1, A(f, i, s);
+}, De = (e, t, s = !1) => {
+  var r, o, n, i, a;
+  const c = e.$hostElement$, d = e.$cmpMeta$, f = e.$vnode$ || W(null, null), l = Ne(t) ? t : Le(null, null, t);
+  if (R = c.tagName, d.$attrsToReflect$ && (l.$attrs$ = l.$attrs$ || {}, d.$attrsToReflect$.map(
+    ([$, u]) => l.$attrs$[u] = c[$]
+  )), s && l.$attrs$)
+    for (const $ of Object.keys(l.$attrs$))
+      c.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (l.$attrs$[$] = c[$]);
+  l.$tag$ = null, l.$flags$ |= 4, e.$vnode$ = l, l.$elm$ = f.$elm$ = c.shadowRoot || c, x = c["s-sc"], F = (d.$flags$ & 1) !== 0, H = c["s-cr"], _ = !1, A(f, l, s);
   {
-    if (L.$flags$ |= 1, z) {
-      ue(i.$elm$);
+    if (j.$flags$ |= 1, I) {
+      ue(l.$elm$);
       for (const $ of b) {
         const u = $.$nodeToRelocate$;
         if (!u["s-ol"]) {
-          const p = _.createTextNode("");
+          const p = M.createTextNode("");
           p["s-nr"] = u, T(u.parentNode, u["s-ol"] = p, u);
         }
       }
@@ -476,14 +476,14 @@ var x, H, j, N = !1, F = !1, z = !1, h = !1, C = (e, t, s, r) => {
           }
           (!y && m !== u.parentNode || u.nextSibling !== y) && u !== y && (!u["s-hn"] && u["s-ol"] && (u["s-hn"] = u["s-ol"].parentNode.nodeName), T(m, u, y), u.nodeType === 1 && (u.hidden = (n = u["s-ih"]) != null ? n : !1)), u && typeof p["s-rf"] == "function" && p["s-rf"](u);
         } else
-          u.nodeType === 1 && (s && (u["s-ih"] = (l = u.hidden) != null ? l : !1), u.hidden = !0);
+          u.nodeType === 1 && (s && (u["s-ih"] = (i = u.hidden) != null ? i : !1), u.hidden = !0);
       }
     }
-    F && fe(i.$elm$), L.$flags$ &= -2, b.length = 0;
+    _ && fe(l.$elm$), j.$flags$ &= -2, b.length = 0;
   }
   if (E.experimentalScopedSlotChanges && d.$flags$ & 2)
-    for (const $ of i.$elm$.childNodes)
-      $["s-hn"] !== j && !$["s-sh"] && (s && $["s-ih"] == null && ($["s-ih"] = (a = $.hidden) != null ? a : !1), $.hidden = !0);
+    for (const $ of l.$elm$.childNodes)
+      $["s-hn"] !== R && !$["s-sh"] && (s && $["s-ih"] == null && ($["s-ih"] = (a = $.hidden) != null ? a : !1), $.hidden = !0);
   H = void 0;
 };
 const Ce = (e, t, s) => {
@@ -491,14 +491,14 @@ const Ce = (e, t, s) => {
 }, pe = (e, t, s, r, o) => {
   if (t && typeof t == "string") {
     const n = document.createElement(t);
-    Object.keys(s || {}).forEach((l) => {
-      Ce(n, l, s[l]);
-    }), r == null || r.forEach((l) => {
-      pe(n, l.$tag$, l.$attrs$, l.$children$, l.$text$);
+    Object.keys(s || {}).forEach((i) => {
+      Ce(n, i, s[i]);
+    }), r == null || r.forEach((i) => {
+      pe(n, i.$tag$, i.$attrs$, i.$children$, i.$text$);
     }), s != null && s.innerHTML && (n.innerHTML = s.innerHTML), e.appendChild(n);
   }
   o && (e.innerHTML = o);
-}, et = (e, t) => {
+}, st = (e, t) => {
   const s = {};
   if (typeof e != "object")
     throw new Error("filterArgs - args isn't an object.");
@@ -508,11 +508,11 @@ const Ce = (e, t, s) => {
       (!t || !Object.keys(t).includes(r) || t[r] !== o) && (s[n] = o);
     }
   return s;
-}, tt = (e, t) => {
+}, rt = (e, t) => {
   var r, o;
   const s = document.getElementById("storybook-root");
   if (s !== null)
-    return (o = document.querySelector("[lang]")) == null || o.setAttribute("lang", ((r = t.globals) == null ? void 0 : r.locale) || "en"), Fe(
+    return (o = document.querySelector("[lang]")) == null || o.setAttribute("lang", ((r = t.globals) == null ? void 0 : r.locale) || "en"), De(
       {
         $ancestorComponent$: void 0,
         $flags$: 0,
@@ -525,17 +525,17 @@ const Ce = (e, t, s) => {
       },
       e(t)
     ), s.children[s.children.length - 1];
-}, st = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {
+}, ot = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {
   const o = document.createElement("div");
   return pe(o, e, t, s, r), o.innerHTML;
-}, D = (e, t) => {
+}, C = (e, t) => {
   if (!t)
     return;
   const s = t.split("/");
   return `${e}${s.slice(2, s.length - 1).join("-")}--docs`;
 };
 var S, w;
-class rt {
+class nt {
   constructor(t) {
     /**
      * JsonDocs
@@ -563,56 +563,56 @@ class rt {
      * @returns component arg types
      */
     g(this, "extractArgTypes", (t) => {
-      const s = k(this, S).call(this, t), r = s == null ? void 0 : s.props.reduce((f, i) => {
-        const { control: $, options: u } = k(this, w).call(this, i);
+      const s = k(this, S).call(this, t), r = s == null ? void 0 : s.props.reduce((f, l) => {
+        const { control: $, options: u } = k(this, w).call(this, l);
         return {
           ...f,
-          [i.name]: {
-            name: i.attr || i.name,
-            description: i.docs,
-            type: { required: i.required },
+          [l.name]: {
+            name: l.attr || l.name,
+            description: l.docs,
+            type: { required: l.required },
             table: {
               category: "props",
-              type: { summary: i.type },
-              defaultValue: { summary: i.default }
+              type: { summary: l.type },
+              defaultValue: { summary: l.default }
             },
             control: $,
             options: u
           }
         };
       }, {}), o = s == null ? void 0 : s.events.reduce(
-        (f, i) => ({
+        (f, l) => ({
           ...f,
-          [i.event]: {
-            name: i.event,
-            description: i.docs,
+          [l.event]: {
+            name: l.event,
+            description: l.docs,
             table: {
               category: "events",
-              type: { summary: i.detail }
+              type: { summary: l.detail }
             }
           }
         }),
         {}
       ), n = s == null ? void 0 : s.methods.reduce(
-        (f, i) => ({
+        (f, l) => ({
           ...f,
-          [i.name]: {
-            name: i.name,
-            description: i.docs,
+          [l.name]: {
+            name: l.name,
+            description: l.docs,
             table: {
               category: "methods",
-              type: { summary: i.signature }
+              type: { summary: l.signature }
             }
           }
         }),
         {}
-      ), l = s == null ? void 0 : s.slots.reduce(
-        (f, i) => ({
+      ), i = s == null ? void 0 : s.slots.reduce(
+        (f, l) => ({
           ...f,
-          [i.name]: {
-            name: i.name !== "" ? i.name : "default",
+          [l.name]: {
+            name: l.name !== "" ? l.name : "default",
             // default slot are unnamed
-            description: i.docs,
+            description: l.docs,
             table: {
               category: "slots",
               type: { summary: void 0 }
@@ -621,11 +621,11 @@ class rt {
         }),
         {}
       ), a = s == null ? void 0 : s.styles.reduce(
-        (f, i) => ({
+        (f, l) => ({
           ...f,
-          [i.name]: {
-            name: i.name,
-            description: i.docs,
+          [l.name]: {
+            name: l.name,
+            description: l.docs,
             table: {
               category: "custom properties",
               type: { summary: void 0 }
@@ -633,26 +633,26 @@ class rt {
           }
         }),
         {}
-      ), c = s == null ? void 0 : s.dependencies.reduce((f, i) => {
-        const $ = k(this, S).call(this, i);
+      ), c = s == null ? void 0 : s.dependencies.reduce((f, l) => {
+        const $ = k(this, S).call(this, l);
         return {
           ...f,
-          [i]: {
-            name: i,
-            description: `<a href="./?path=/docs/${D("", $ == null ? void 0 : $.filePath)}">View Component Documentation</a>`,
+          [l]: {
+            name: l,
+            description: `<a href="./?path=/docs/${C("", $ == null ? void 0 : $.filePath)}">View Component Documentation</a>`,
             table: {
               category: "depends on",
               type: { summary: void 0 }
             }
           }
         };
-      }, {}), d = s == null ? void 0 : s.dependents.reduce((f, i) => {
-        const $ = k(this, S).call(this, i);
+      }, {}), d = s == null ? void 0 : s.dependents.reduce((f, l) => {
+        const $ = k(this, S).call(this, l);
         return {
           ...f,
-          [i]: {
-            name: i,
-            description: `<a href="./?path=/docs/${D("", $ == null ? void 0 : $.filePath)}">View Component Documentation</a>`,
+          [l]: {
+            name: l,
+            description: `<a href="./?path=/docs/${C("", $ == null ? void 0 : $.filePath)}">View Component Documentation</a>`,
             table: {
               category: "used by",
               type: { summary: void 0 }
@@ -664,7 +664,7 @@ class rt {
         ...r,
         ...o,
         ...n,
-        ...l,
+        ...i,
         ...a,
         ...c,
         ...d
@@ -683,7 +683,7 @@ class rt {
   }
 }
 S = new WeakMap(), w = new WeakMap();
-const De = (e, t) => {
+const we = (e, t) => {
   if (t)
     return `${e}${t}`;
 }, ge = (e) => {
@@ -712,9 +712,9 @@ const De = (e, t) => {
 `, t += e.slots.map(({ name: o, docs: n }) => `- \`${o}\`: ${n}
 `).join(""), t += `
 `), t;
-}, B = (e) => `${e.docs}
+}, z = (e) => `${e.docs}
 
-Type: \`${e.type}\``, ot = (e, t, s, r) => ({
+Type: \`${e.type}\``, it = (e, t, s, r) => ({
   $schema: "https://json.schemastore.org/web-types",
   name: e,
   version: t,
@@ -722,64 +722,64 @@ Type: \`${e.type}\``, ot = (e, t, s, r) => ({
   contributions: {
     html: {
       elements: s.components.map((o) => {
-        const n = D(r, o.filePath);
+        const n = C(r, o.filePath);
         return {
           name: o.tag,
           description: ge(o),
           "doc-url": n,
-          attributes: o.props.filter((l) => l.attr).map((l) => ({
-            name: l.attr,
-            description: B(l),
+          attributes: o.props.filter((i) => i.attr).map((i) => ({
+            name: i.attr,
+            description: z(i),
             "doc-url": n,
             value: {
-              type: l.type,
-              default: l.default,
-              required: l.required
+              type: i.type,
+              default: i.default,
+              required: i.required
             }
           })),
           js: {
-            properties: o.props.map((l) => ({
-              name: l.name,
-              description: B(l),
+            properties: o.props.map((i) => ({
+              name: i.name,
+              description: z(i),
               "doc-url": n,
               value: {
-                type: l.type,
-                default: l.default,
-                required: l.required
+                type: i.type,
+                default: i.default,
+                required: i.required
               }
             })),
-            events: o.events.map((l) => ({
-              name: l.event,
-              description: l.docs
+            events: o.events.map((i) => ({
+              name: i.event,
+              description: i.docs
             }))
           },
           css: {
-            properties: o.styles.map((l) => ({
-              name: l.name,
-              description: l.docs
+            properties: o.styles.map((i) => ({
+              name: i.name,
+              description: i.docs
             }))
           }
         };
       })
     }
   }
-}), we = (e, t, s) => [
-  { name: "Storybook", url: D(e, s) },
-  { name: "Sources", url: De(t, s) }
-], Pe = (e) => {
+}), Pe = (e, t, s) => [
+  { name: "Storybook", url: C(e, s) },
+  { name: "Sources", url: we(t, s) }
+], Ue = (e) => {
   if (!e.values.some(({ value: t }) => t === void 0))
     return e.values.map(({ value: t }) => ({ name: t }));
-}, nt = (e, t, s) => ({
+}, lt = (e, t, s) => ({
   version: 1.1,
   tags: e.components.map((r) => {
-    const o = we(t, s, r.filePath);
+    const o = Pe(t, s, r.filePath);
     return {
       name: r.tag,
       description: ge(r),
       attributes: r.props.map((n) => ({
         name: n.attr || n.name,
-        description: B(n),
-        values: Pe(n),
+        description: z(n),
+        values: Ue(n),
         references: o
       })),
       references: o
@@ -787,7 +787,7 @@ Type: \`${e.type}\``, ot = (e, t, s, r) => ({
   }),
   globalAttributes: [],
   valueSets: []
-}), lt = (e) => ({
+}), at = (e) => ({
   version: 1.1,
   properties: e.components.flatMap(
     (t) => t.styles.map((s) => ({
@@ -795,16 +795,29 @@ Type: \`${e.type}\``, ot = (e, t, s, r) => ({
       description: s.docs
     }))
   )
-}), it = (e) => {
+}), ct = (e) => {
   const t = { value: "2023", pattern: "yyyy" }, s = { value: "12", pattern: "mm" }, r = { value: "24", pattern: "dd" };
-  return He([t.value, s.value, r.value].join("-"), e, { timeZone: "UTC" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);
-}, at = (e) => e.toISOString().split("T")[0], Ue = (e, t, s) => {
-  const r = e.closest("[lang]"), o = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), n = o.length > 0 && typeof o[0] == "string" ? o[0] : navigator.language || s, l = n.split("-").shift();
-  return {
+  return ze([t.value, s.value, r.value].join("-"), e, { timeZone: "UTC" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);
+}, ft = (e) => e.toISOString().split("T")[0], We = (e, t, s) => {
+  const r = e.closest("[lang]"), o = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), n = o.length > 0 && typeof o[0] == "string" ? o[0] : navigator.language || s, i = n.split("-").shift();
+  return Object.keys(t).length === 0 ? {
+    locale: n,
+    messages: { lang: s }
+  } : {
     locale: n,
-    messages: t[l] || t[s]
+    messages: t[i] || t[s] || { lang: s }
   };
-}, ct = (e, t, s) => new Intl.NumberFormat(t, { style: "currency", currency: s }).format(e), ft = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), We = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, He = (e, t, s) => typeof e != "string" || e === "" || !We.test(e) ? "" : new Intl.DateTimeFormat(t, s).format(new Date(e)), ut = (e, t) => (s) => Ue(s, e, t), $t = ({ disconnect: e, observe: t, takeRecords: s }) => {
+}, ut = (e, t, s) => new Intl.NumberFormat(t, { style: "currency", currency: s }).format(e), $t = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), dt = (e, t, s = 0) => new Intl.NumberFormat(t, {
+  style: "percent",
+  minimumFractionDigits: s,
+  maximumFractionDigits: s
+}).format(e), pt = (e, t, s, r = "short", o = 0) => new Intl.NumberFormat(t, {
+  style: "unit",
+  unit: s,
+  unitDisplay: r,
+  minimumFractionDigits: o,
+  maximumFractionDigits: o
+}).format(e), He = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, ze = (e, t, s) => typeof e != "string" || e === "" || !He.test(e) ? "" : new Intl.DateTimeFormat(t, s).format(new Date(e)), gt = (e, t) => (s) => We(s, e, t), vt = ({ disconnect: e, observe: t, takeRecords: s }) => {
   class r {
     constructor(n) {
       /**
@@ -833,7 +846,7 @@ Type: \`${e.type}\``, ot = (e, t, s, r) => ({
       value: r
     });
   }), r;
-}, dt = ({ disconnect: e, observe: t }) => {
+}, ht = ({ disconnect: e, observe: t }) => {
   class s {
     constructor(o) {
       /**
@@ -869,11 +882,11 @@ class Be extends Event {
     /**
      *
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     g(this, "detail");
   }
+  // eslint-disable-line @typescript-eslint/no-explicit-any
 }
-const pt = () => {
+const yt = () => {
   class e extends Be {
   }
   return [window, global].forEach((t) => {
@@ -885,34 +898,38 @@ const pt = () => {
   }), e;
 };
 export {
-  Ie as ClassList,
-  rt as StorybookPreview,
-  Ge as allItemsAreString,
-  Ye as cleanString,
-  ze as createID,
-  We as dateRegExp,
-  at as dateToString,
-  ut as defineLocales,
-  et as filterArgs,
-  Je as focusableElements,
-  it as getLocaleDatePattern,
+  Xe as ClassList,
+  nt as StorybookPreview,
+  Je as allItemsAreString,
+  et as cleanString,
+  qe as createID,
+  He as dateRegExp,
+  ft as dateToString,
+  gt as defineLocales,
+  st as filterArgs,
+  Qe as focusableElements,
+  ct as getLocaleDatePattern,
   te as getParentWindows,
-  st as getStoryHTML,
-  D as getStorybookUrl,
-  Ke as getWindows,
-  Xe as isTagName,
-  Qe as isValidString,
-  ct as localeCurrency,
-  He as localeDate,
-  ft as localeNumber,
-  Ve as nextTick,
-  $t as setupMutationObserverMock,
-  dt as setupResizeObserverMock,
-  pt as setupSubmitEventMock,
-  tt as stencilWrapper,
-  Ze as toString,
-  lt as vsCodeCssGenerator,
-  nt as vsCodeGenerator,
-  ot as webTypesGenerator
+  ot as getStoryHTML,
+  C as getStorybookUrl,
+  Ze as getWindows,
+  Ke as isTagName,
+  Ve as isValidNumber,
+  me as isValidString,
+  Ge as isValideID,
+  ut as localeCurrency,
+  ze as localeDate,
+  $t as localeNumber,
+  dt as localePercent,
+  pt as localeUnit,
+  tt as nextTick,
+  vt as setupMutationObserverMock,
+  ht as setupResizeObserverMock,
+  yt as setupSubmitEventMock,
+  rt as stencilWrapper,
+  Ye as toString,
+  at as vsCodeCssGenerator,
+  lt as vsCodeGenerator,
+  it as webTypesGenerator
 };
 //# sourceMappingURL=index.es.js.map