@mgdis/stencil-helpers 1.1.1 → 1.1.2

package/dist/index.es.js

@@ -1,11 +1,11 @@
 var ie = Object.defineProperty;
-var ce = (t, e, n) => e in t ? ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var p = (t, e, n) => (ce(t, typeof e != "symbol" ? e + "" : e, n), n);
+var ce = (t, e, s) => e in t ? ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var p = (t, e, s) => (ce(t, typeof e != "symbol" ? e + "" : e, s), s);
 const Re = (t = "", e = 10) => {
-  const n = new Uint8Array(e);
-  crypto.getRandomValues(n);
-  const s = Array.from(n).map((r) => r.toString(16).padStart(2, "0")).join("").slice(0, e);
-  return t !== "" ? `${t}-${s}` : s;
+  const s = new Uint8Array(e);
+  crypto.getRandomValues(s);
+  const r = Array.from(s).map((n) => n.toString(16).padStart(2, "0")).join("").slice(0, e);
+  return t !== "" ? `${t}-${r}` : r;
 };
 class Me {
   constructor(e = []) {
@@ -25,8 +25,8 @@ class Me {
      * @param className - class name to delete
      */
     p(this, "delete", (e) => {
-      const n = this.classes.indexOf(e);
-      n > -1 && this.classes.splice(n, 1);
+      const s = this.classes.indexOf(e);
+      s > -1 && this.classes.splice(s, 1);
     });
     /**
      * Check if class exist in list
@@ -43,27 +43,27 @@ class Me {
   }
 }
 const Oe = (t) => Array.isArray(t) && t.every((e) => typeof e == "string"), Fe = (t, e) => e.includes(t == null ? void 0 : t.tagName.toLowerCase()), De = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', _e = (t) => {
-  const e = I(t), n = X(t);
-  return [t, ...e, ...n];
+  const e = I(t), s = X(t);
+  return [t, ...e, ...s];
 }, I = (t, e = []) => {
   if (t.self !== t.top)
     try {
-      const n = t.parent;
-      return n ? (e.push(n), I(n, e)) : e;
-    } catch (n) {
-      return console.error("Different hosts between iframes:", n), e;
+      const s = t.parent;
+      return s ? (e.push(s), I(s, e)) : e;
+    } catch (s) {
+      return console.error("Different hosts between iframes:", s), e;
     }
   return e;
 }, X = (t, e = []) => {
   if (t.frames.length > 0)
-    for (const n of Array.from(t.frames))
-      e.push(n), X(n, e);
+    for (const s of Array.from(t.frames))
+      e.push(s), X(s, e);
   return e;
 }, Be = (t) => typeof t == "string" && t.trim() !== "", Ne = (t) => typeof t == "string" ? t.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : t, Ue = async (t) => t(), K = (t, e) => {
   if (!e)
     return;
-  const n = e.split("/");
-  return `${t}${n.slice(2, n.length - 1).join("-")}--docs`;
+  const s = e.split("/");
+  return `${t}${s.slice(2, s.length - 1).join("-")}--docs`;
 }, ae = (t, e) => {
   if (e)
     return `${t}${e}`;
@@ -71,44 +71,44 @@ const Oe = (t) => Array.isArray(t) && t.every((e) => typeof e == "string"), Fe =
   let e = t.overview ? `${t.overview}
 
 ` : "";
-  const n = t.props.filter(({ attr: r }) => r !== void 0);
-  n.length && (e += `Attributes:
-`, e += n.map(({ attr: r, docs: l }) => `- \`${r}\`: ${l}
+  const s = t.props.filter(({ attr: n }) => n !== void 0);
+  s.length && (e += `Attributes:
+`, e += s.map(({ attr: n, docs: l }) => `- \`${n}\`: ${l}
 `).join(""), e += `
 `);
-  const s = t.props.filter(({ attr: r }) => r === void 0);
-  return s.length && (e += `Properties:
-`, e += s.map(({ name: r, docs: l }) => `- \`${r}\`: ${l}
+  const r = t.props.filter(({ attr: n }) => n === void 0);
+  return r.length && (e += `Properties:
+`, e += r.map(({ name: n, docs: l }) => `- \`${n}\`: ${l}
 `).join(""), e += `
 `), t.methods.length && (e += `Methods:
-`, e += t.methods.map(({ name: r, docs: l }) => `- \`${r}\`: ${l}
+`, e += t.methods.map(({ name: n, docs: l }) => `- \`${n}\`: ${l}
 `).join(""), e += `
 `), t.events.length && (e += `Events:
-`, e += t.events.map(({ event: r, docs: l }) => `- \`${r}\`: ${l}
+`, e += t.events.map(({ event: n, docs: l }) => `- \`${n}\`: ${l}
 `).join(""), e += `
 `), t.listeners.length && (e += `Listeners:
-`, e += t.listeners.map(({ event: r }) => `- \`${r}\`
+`, e += t.listeners.map(({ event: n }) => `- \`${n}\`
 `).join(""), e += `
 `), t.slots.length && (e += `Slots:
-`, e += t.slots.map(({ name: r, docs: l }) => `- \`${r}\`: ${l}
+`, e += t.slots.map(({ name: n, docs: l }) => `- \`${n}\`: ${l}
 `).join(""), e += `
 `), e;
 }, F = (t) => `${t.docs}
 
-Type: \`${t.type}\``, Ce = (t, e, n, s) => ({
+Type: \`${t.type}\``, Ce = (t, e, s, r) => ({
   $schema: "https://json.schemastore.org/web-types",
   name: t,
   version: e,
   "description-markup": "markdown",
   contributions: {
     html: {
-      elements: n.components.map((r) => {
-        const l = K(s, r.filePath);
+      elements: s.components.map((n) => {
+        const l = K(r, n.filePath);
         return {
-          name: r.tag,
-          description: Q(r),
+          name: n.tag,
+          description: Q(n),
           "doc-url": l,
-          attributes: r.props.filter((o) => o.attr).map((o) => ({
+          attributes: n.props.filter((o) => o.attr).map((o) => ({
             name: o.attr,
             description: F(o),
             "doc-url": l,
@@ -119,7 +119,7 @@ Type: \`${t.type}\``, Ce = (t, e, n, s) => ({
             }
           })),
           js: {
-            properties: r.props.map((o) => ({
+            properties: n.props.map((o) => ({
               name: o.name,
               description: F(o),
               "doc-url": l,
@@ -129,7 +129,7 @@ Type: \`${t.type}\``, Ce = (t, e, n, s) => ({
                 required: o.required
               }
             })),
-            events: r.events.map((o) => ({
+            events: n.events.map((o) => ({
               name: o.event,
               description: o.docs
             }))
@@ -138,23 +138,23 @@ Type: \`${t.type}\``, Ce = (t, e, n, s) => ({
       })
     }
   }
-}), fe = (t, e, n) => {
-  if (n)
+}), fe = (t, e, s) => {
+  if (s)
     return [
-      { name: "Storybook", url: K(t, n) },
-      { name: "Sources", url: ae(e, n) }
+      { name: "Storybook", url: K(t, s) },
+      { name: "Sources", url: ae(e, s) }
     ];
 }, $e = (t) => {
   if (!t.values.some(({ value: e }) => e === void 0))
     return t.values.map(({ value: e }) => ({ name: e }));
-}, He = (t, e, n, s) => ({
+}, He = (t, e, s, r) => ({
   version: t,
-  tags: e.components.map((r) => {
-    const l = fe(n, s, r.filePath);
+  tags: e.components.map((n) => {
+    const l = fe(s, r, n.filePath);
     return {
-      name: r.tag,
-      description: Q(r),
-      attributes: r.props.map((o) => ({
+      name: n.tag,
+      description: Q(n),
+      attributes: n.props.map((o) => ({
         name: o.attr || o.name,
         description: F(o),
         values: $e(o),
@@ -166,15 +166,15 @@ Type: \`${t.type}\``, Ce = (t, e, n, s) => ({
   globalAttributes: [],
   valueSets: []
 }), Pe = (t) => {
-  const e = { value: "2023", pattern: "yyyy" }, n = { value: "12", pattern: "mm" }, s = { value: "24", pattern: "dd" };
-  return ge([e.value, n.value, s.value].join("-"), t).replace(e.value, e.pattern).replace(n.value, n.pattern).replace(s.value, s.pattern);
-}, We = (t) => t.toISOString().split("T")[0], ue = (t, e, n) => {
-  const s = t.closest("[lang]"), r = Intl.NumberFormat.supportedLocalesOf(s == null ? void 0 : s.lang), l = r.length > 0 && typeof r[0] == "string" ? r[0] : navigator.language || n, o = l.split("-").shift();
+  const e = { value: "2023", pattern: "yyyy" }, s = { value: "12", pattern: "mm" }, r = { value: "24", pattern: "dd" };
+  return ge([e.value, s.value, r.value].join("-"), t).replace(e.value, e.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);
+}, We = (t) => t.toISOString().split("T")[0], ue = (t, e, s) => {
+  const r = t.closest("[lang]"), n = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), l = n.length > 0 && typeof n[0] == "string" ? n[0] : navigator.language || s, o = l.split("-").shift();
   return {
     locale: l,
-    messages: e[o] || e[n]
+    messages: e[o] || e[s]
   };
-}, ze = (t, e, n) => new Intl.NumberFormat(e, { style: "currency", currency: n }).format(t), qe = (t, e) => new Intl.NumberFormat(e).format(t), de = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, ge = (t, e) => typeof t != "string" || t === "" || !de.test(t) ? "" : new Intl.DateTimeFormat(e).format(new Date(t)), we = (t, e) => (n) => ue(n, t, e), _ = {
+}, ze = (t, e, s) => new Intl.NumberFormat(e, { style: "currency", currency: s }).format(t), qe = (t, e, s = 0) => new Intl.NumberFormat(e, { minimumFractionDigits: s }).format(s > 0 ? Number(t == null ? void 0 : t.toFixed(s)) : t), de = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, ge = (t, e) => typeof t != "string" || t === "" || !de.test(t) ? "" : new Intl.DateTimeFormat(e).format(new Date(t)), we = (t, e) => (s) => ue(s, t, e), _ = {
   allRenderFn: !1,
   cmpDidLoad: !0,
   cmpDidUnload: !1,
@@ -264,33 +264,33 @@ Type: \`${t.type}\``, Ce = (t, e, n, s) => ({
   experimentalSlotFixes: !1
 };
 let k, D, m, B = !1, R = !1, N = !1, h = !1;
-const H = "http://www.w3.org/1999/xlink", P = {}, pe = "http://www.w3.org/2000/svg", he = "http://www.w3.org/1999/xhtml", ye = (t) => t != null, J = (t) => (t = typeof t, t === "object" || t === "function"), Y = (t, e, ...n) => {
-  let s = null, r = null, l = null, o = !1, c = !1;
+const H = "http://www.w3.org/1999/xlink", P = {}, pe = "http://www.w3.org/2000/svg", he = "http://www.w3.org/1999/xhtml", ye = (t) => t != null, J = (t) => (t = typeof t, t === "object" || t === "function"), Y = (t, e, ...s) => {
+  let r = null, n = null, l = null, o = !1, c = !1;
   const i = [], d = (a) => {
     for (let $ = 0; $ < a.length; $++)
-      s = a[$], Array.isArray(s) ? d(s) : s != null && typeof s != "boolean" && ((o = typeof t != "function" && !J(s)) && (s = String(s)), o && c ? i[i.length - 1].$text$ += s : i.push(o ? M(null, s) : s), c = o);
+      r = a[$], Array.isArray(r) ? d(r) : r != null && typeof r != "boolean" && ((o = typeof t != "function" && !J(r)) && (r = String(r)), o && c ? i[i.length - 1].$text$ += r : i.push(o ? M(null, r) : r), c = o);
   };
-  if (d(n), e) {
-    e.key && (r = e.key), e.name && (l = e.name);
+  if (d(s), e) {
+    e.key && (n = e.key), e.name && (l = e.name);
     {
       const a = e.className || e.class;
       a && (e.class = typeof a != "object" ? a : Object.keys(a).filter(($) => a[$]).join(" "));
     }
   }
   if (typeof t == "function")
-    return t(e === null ? {} : e, i, Se);
+    return t(e === null ? {} : e, i, be);
   const u = M(t, null);
-  return u.$attrs$ = e, i.length > 0 && (u.$children$ = i), u.$key$ = r, u.$name$ = l, u;
+  return u.$attrs$ = e, i.length > 0 && (u.$children$ = i), u.$key$ = n, u.$name$ = l, u;
 }, M = (t, e) => {
-  const n = {
+  const s = {
     $flags$: 0,
     $tag$: t,
     $text$: e,
     $elm$: null,
     $children$: null
   };
-  return n.$attrs$ = null, n.$key$ = null, n.$name$ = null, n;
-}, ve = {}, be = (t) => t && t.$tag$ === ve, Se = {
+  return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
+}, ve = {}, Se = (t) => t && t.$tag$ === ve, be = {
   forEach: (t, e) => t.map(W).forEach(e),
   map: (t, e) => t.map(W).map(e).map(ke)
 }, W = (t) => ({
@@ -302,57 +302,57 @@ const H = "http://www.w3.org/1999/xlink", P = {}, pe = "http://www.w3.org/2000/s
   vtext: t.$text$
 }), ke = (t) => {
   if (typeof t.vtag == "function") {
-    const n = Object.assign({}, t.vattrs);
-    return t.vkey && (n.key = t.vkey), t.vname && (n.name = t.vname), Y(t.vtag, n, ...t.vchildren || []);
+    const s = Object.assign({}, t.vattrs);
+    return t.vkey && (s.key = t.vkey), t.vname && (s.name = t.vname), Y(t.vtag, s, ...t.vchildren || []);
   }
   const e = M(t.vtag, t.vtext);
   return e.$attrs$ = t.vattrs, e.$children$ = t.vchildren, e.$key$ = t.vkey, e.$name$ = t.vname, e;
-}, z = (t, e, n, s, r, l) => {
-  if (n !== s) {
+}, z = (t, e, s, r, n, l) => {
+  if (s !== r) {
     let o = G(t, e), c = e.toLowerCase();
     if (e === "class") {
-      const i = t.classList, d = q(n), u = q(s);
+      const i = t.classList, d = q(s), u = q(r);
       i.remove(...d.filter((a) => a && !u.includes(a))), i.add(...u.filter((a) => a && !d.includes(a)));
     } else if (e === "style") {
-      for (const i in n)
-        (!s || s[i] == null) && (i.includes("-") ? t.style.removeProperty(i) : t.style[i] = "");
       for (const i in s)
-        (!n || s[i] !== n[i]) && (i.includes("-") ? t.style.setProperty(i, s[i]) : t.style[i] = s[i]);
+        (!r || r[i] == null) && (i.includes("-") ? t.style.removeProperty(i) : t.style[i] = "");
+      for (const i in r)
+        (!s || r[i] !== s[i]) && (i.includes("-") ? t.style.setProperty(i, r[i]) : t.style[i] = r[i]);
     } else if (e !== "key")
       if (e === "ref")
-        s && s(t);
+        r && r(t);
       else if (!t.__lookupSetter__(e) && e[0] === "o" && e[1] === "n") {
-        if (e[2] === "-" ? e = e.slice(3) : G(C, c) ? e = c.slice(2) : e = c[2] + e.slice(3), n || s) {
+        if (e[2] === "-" ? e = e.slice(3) : G(C, c) ? e = c.slice(2) : e = c[2] + e.slice(3), s || r) {
           const i = e.endsWith(Z);
-          e = e.replace(me, ""), n && x.rel(t, e, n, i), s && x.ael(t, e, s, i);
+          e = e.replace(me, ""), s && x.rel(t, e, s, i), r && x.ael(t, e, r, i);
         }
       } else {
-        const i = J(s);
-        if ((o || i && s !== null) && !r)
+        const i = J(r);
+        if ((o || i && r !== null) && !n)
           try {
             if (t.tagName.includes("-"))
-              t[e] = s;
+              t[e] = r;
             else {
-              const u = s ?? "";
-              e === "list" ? o = !1 : (n == null || t[e] != u) && (t[e] = u);
+              const u = r ?? "";
+              e === "list" ? o = !1 : (s == null || t[e] != u) && (t[e] = u);
             }
           } catch {
           }
         let d = !1;
-        c !== (c = c.replace(/^xlink\:?/, "")) && (e = c, d = !0), s == null || s === !1 ? (s !== !1 || t.getAttribute(e) === "") && (d ? t.removeAttributeNS(H, e) : t.removeAttribute(e)) : (!o || l & 4 || r) && !i && (s = s === !0 ? "" : s, d ? t.setAttributeNS(H, e, s) : t.setAttribute(e, s));
+        c !== (c = c.replace(/^xlink\:?/, "")) && (e = c, d = !0), r == null || r === !1 ? (r !== !1 || t.getAttribute(e) === "") && (d ? t.removeAttributeNS(H, e) : t.removeAttribute(e)) : (!o || l & 4 || n) && !i && (r = r === !0 ? "" : r, d ? t.setAttributeNS(H, e, r) : t.setAttribute(e, r));
       }
   }
-}, Te = /\s/, q = (t) => t ? t.split(Te) : [], Z = "Capture", me = new RegExp(Z + "$"), V = (t, e, n, s) => {
-  const r = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, l = t && t.$attrs$ || P, o = e.$attrs$ || P;
-  for (s in l)
-    s in o || z(r, s, l[s], void 0, n, e.$flags$);
-  for (s in o)
-    z(r, s, l[s], o[s], n, e.$flags$);
-}, O = (t, e, n, s) => {
-  var r;
-  const l = e.$children$[n];
+}, Te = /\s/, q = (t) => t ? t.split(Te) : [], Z = "Capture", me = new RegExp(Z + "$"), V = (t, e, s, r) => {
+  const n = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, l = t && t.$attrs$ || P, o = e.$attrs$ || P;
+  for (r in l)
+    r in o || z(n, r, l[r], void 0, s, e.$flags$);
+  for (r in o)
+    z(n, r, l[r], o[r], s, e.$flags$);
+}, O = (t, e, s, r) => {
+  var n;
+  const l = e.$children$[s];
   let o = 0, c, i, d;
-  if (B || (N = !0, l.$tag$ === "slot" && (k && s.classList.add(k + "-s"), l.$flags$ |= l.$children$ ? (
+  if (B || (N = !0, l.$tag$ === "slot" && (k && r.classList.add(k + "-s"), l.$flags$ |= l.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -368,154 +368,154 @@ const H = "http://www.w3.org/1999/xlink", P = {}, pe = "http://www.w3.org/2000/s
         i = O(t, l, o, c), i && c.appendChild(i);
     l.$tag$ === "svg" ? h = !1 : c.tagName === "foreignObject" && (h = !0);
   }
-  return c["s-hn"] = m, l.$flags$ & 3 && (c["s-sr"] = !0, c["s-cr"] = D, c["s-sn"] = l.$name$ || "", c["s-rf"] = (r = l.$attrs$) === null || r === void 0 ? void 0 : r.ref, d = t && t.$children$ && t.$children$[n], d && d.$tag$ === l.$tag$ && t.$elm$ && L(t.$elm$, !1)), c;
-}, L = (t, e) => {
+  return c["s-hn"] = m, l.$flags$ & 3 && (c["s-sr"] = !0, c["s-cr"] = D, c["s-sn"] = l.$name$ || "", c["s-rf"] = (n = l.$attrs$) === null || n === void 0 ? void 0 : n.ref, d = t && t.$children$ && t.$children$[s], d && d.$tag$ === l.$tag$ && t.$elm$ && A(t.$elm$, !1)), c;
+}, A = (t, e) => {
   x.$flags$ |= 1;
-  const n = Array.from(t.childNodes);
+  const s = Array.from(t.childNodes);
   if (t["s-sr"] && _.experimentalSlotFixes) {
-    let s = t;
-    for (; s = s.nextSibling; )
-      s && s["s-sn"] === t["s-sn"] && s["s-sh"] === m && n.push(s);
+    let r = t;
+    for (; r = r.nextSibling; )
+      r && r["s-sn"] === t["s-sn"] && r["s-sh"] === m && s.push(r);
   }
-  for (let s = n.length - 1; s >= 0; s--) {
-    const r = n[s];
-    r["s-hn"] !== m && r["s-ol"] && (se(r).insertBefore(r, U(r)), r["s-ol"].remove(), r["s-ol"] = void 0, r["s-sh"] = void 0, N = !0), e && L(r, e);
+  for (let r = s.length - 1; r >= 0; r--) {
+    const n = s[r];
+    n["s-hn"] !== m && n["s-ol"] && (se(n).insertBefore(n, U(n)), n["s-ol"].remove(), n["s-ol"] = void 0, n["s-sh"] = void 0, N = !0), e && A(n, e);
   }
   x.$flags$ &= -2;
-}, ee = (t, e, n, s, r, l) => {
+}, ee = (t, e, s, r, n, l) => {
   let o = t["s-cr"] && t["s-cr"].parentNode || t, c;
-  for (o.shadowRoot && o.tagName === m && (o = o.shadowRoot); r <= l; ++r)
-    s[r] && (c = O(null, n, r, t), c && (s[r].$elm$ = c, o.insertBefore(c, U(e))));
-}, te = (t, e, n) => {
-  for (let s = e; s <= n; ++s) {
-    const r = t[s];
-    if (r) {
-      const l = r.$elm$;
-      le(r), l && (R = !0, l["s-ol"] ? l["s-ol"].remove() : L(l, !0), l.remove());
+  for (o.shadowRoot && o.tagName === m && (o = o.shadowRoot); n <= l; ++n)
+    r[n] && (c = O(null, s, n, t), c && (r[n].$elm$ = c, o.insertBefore(c, U(e))));
+}, te = (t, e, s) => {
+  for (let r = e; r <= s; ++r) {
+    const n = t[r];
+    if (n) {
+      const l = n.$elm$;
+      le(n), l && (R = !0, l["s-ol"] ? l["s-ol"].remove() : A(l, !0), l.remove());
     }
   }
-}, xe = (t, e, n, s, r = !1) => {
-  let l = 0, o = 0, c = 0, i = 0, d = e.length - 1, u = e[0], a = e[d], $ = s.length - 1, f = s[0], g = s[$], v, y;
+}, xe = (t, e, s, r, n = !1) => {
+  let l = 0, o = 0, c = 0, i = 0, d = e.length - 1, u = e[0], a = e[d], $ = r.length - 1, f = r[0], g = r[$], v, y;
   for (; l <= d && o <= $; )
     if (u == null)
       u = e[++l];
     else if (a == null)
       a = e[--d];
     else if (f == null)
-      f = s[++o];
+      f = r[++o];
     else if (g == null)
-      g = s[--$];
-    else if (E(u, f, r))
-      T(u, f, r), u = e[++l], f = s[++o];
-    else if (E(a, g, r))
-      T(a, g, r), a = e[--d], g = s[--$];
-    else if (E(u, g, r))
-      (u.$tag$ === "slot" || g.$tag$ === "slot") && L(u.$elm$.parentNode, !1), T(u, g, r), t.insertBefore(u.$elm$, a.$elm$.nextSibling), u = e[++l], g = s[--$];
-    else if (E(a, f, r))
-      (u.$tag$ === "slot" || g.$tag$ === "slot") && L(a.$elm$.parentNode, !1), T(a, f, r), t.insertBefore(a.$elm$, u.$elm$), a = e[--d], f = s[++o];
+      g = r[--$];
+    else if (E(u, f, n))
+      T(u, f, n), u = e[++l], f = r[++o];
+    else if (E(a, g, n))
+      T(a, g, n), a = e[--d], g = r[--$];
+    else if (E(u, g, n))
+      (u.$tag$ === "slot" || g.$tag$ === "slot") && A(u.$elm$.parentNode, !1), T(u, g, n), t.insertBefore(u.$elm$, a.$elm$.nextSibling), u = e[++l], g = r[--$];
+    else if (E(a, f, n))
+      (u.$tag$ === "slot" || g.$tag$ === "slot") && A(a.$elm$.parentNode, !1), T(a, f, n), t.insertBefore(a.$elm$, u.$elm$), a = e[--d], f = r[++o];
     else {
       for (c = -1, i = l; i <= d; ++i)
         if (e[i] && e[i].$key$ !== null && e[i].$key$ === f.$key$) {
           c = i;
           break;
         }
-      c >= 0 ? (y = e[c], y.$tag$ !== f.$tag$ ? v = O(e && e[o], n, c, t) : (T(y, f, r), e[c] = void 0, v = y.$elm$), f = s[++o]) : (v = O(e && e[o], n, o, t), f = s[++o]), v && se(u.$elm$).insertBefore(v, U(u.$elm$));
+      c >= 0 ? (y = e[c], y.$tag$ !== f.$tag$ ? v = O(e && e[o], s, c, t) : (T(y, f, n), e[c] = void 0, v = y.$elm$), f = r[++o]) : (v = O(e && e[o], s, o, t), f = r[++o]), v && se(u.$elm$).insertBefore(v, U(u.$elm$));
     }
-  l > d ? ee(t, s[$ + 1] == null ? null : s[$ + 1].$elm$, n, s, o, $) : o > $ && te(e, l, d);
-}, E = (t, e, n = !1) => t.$tag$ === e.$tag$ ? t.$tag$ === "slot" ? t.$name$ === e.$name$ : n ? !0 : t.$key$ === e.$key$ : !1, U = (t) => t && t["s-ol"] || t, se = (t) => (t["s-ol"] ? t["s-ol"] : t).parentNode, T = (t, e, n = !1) => {
-  const s = e.$elm$ = t.$elm$, r = t.$children$, l = e.$children$, o = e.$tag$, c = e.$text$;
+  l > d ? ee(t, r[$ + 1] == null ? null : r[$ + 1].$elm$, s, r, o, $) : o > $ && te(e, l, d);
+}, E = (t, e, s = !1) => t.$tag$ === e.$tag$ ? t.$tag$ === "slot" ? t.$name$ === e.$name$ : s ? !0 : t.$key$ === e.$key$ : !1, U = (t) => t && t["s-ol"] || t, se = (t) => (t["s-ol"] ? t["s-ol"] : t).parentNode, T = (t, e, s = !1) => {
+  const r = e.$elm$ = t.$elm$, n = t.$children$, l = e.$children$, o = e.$tag$, c = e.$text$;
   let i;
-  c === null ? (h = o === "svg" ? !0 : o === "foreignObject" ? !1 : h, o === "slot" && !B || V(t, e, h), r !== null && l !== null ? xe(s, r, e, l, n) : l !== null ? (t.$text$ !== null && (s.textContent = ""), ee(s, null, e, l, 0, l.length - 1)) : r !== null && te(r, 0, r.length - 1), h && o === "svg" && (h = !1)) : (i = s["s-cr"]) ? i.parentNode.textContent = c : t.$text$ !== c && (s.data = c);
-}, ne = (t) => {
+  c === null ? (h = o === "svg" ? !0 : o === "foreignObject" ? !1 : h, o === "slot" && !B || V(t, e, h), n !== null && l !== null ? xe(r, n, e, l, s) : l !== null ? (t.$text$ !== null && (r.textContent = ""), ee(r, null, e, l, 0, l.length - 1)) : n !== null && te(n, 0, n.length - 1), h && o === "svg" && (h = !1)) : (i = r["s-cr"]) ? i.parentNode.textContent = c : t.$text$ !== c && (r.data = c);
+}, re = (t) => {
   const e = t.childNodes;
-  for (const n of e)
-    if (n.nodeType === 1) {
-      if (n["s-sr"]) {
-        const s = n["s-sn"];
-        n.hidden = !1;
-        for (const r of e)
-          if (r !== n) {
-            if (r["s-hn"] !== n["s-hn"] || s !== "") {
-              if (r.nodeType === 1 && (s === r.getAttribute("slot") || s === r["s-sn"])) {
-                n.hidden = !0;
+  for (const s of e)
+    if (s.nodeType === 1) {
+      if (s["s-sr"]) {
+        const r = s["s-sn"];
+        s.hidden = !1;
+        for (const n of e)
+          if (n !== s) {
+            if (n["s-hn"] !== s["s-hn"] || r !== "") {
+              if (n.nodeType === 1 && (r === n.getAttribute("slot") || r === n["s-sn"])) {
+                s.hidden = !0;
                 break;
               }
-            } else if (r.nodeType === 1 || r.nodeType === 3 && r.textContent.trim() !== "") {
-              n.hidden = !0;
+            } else if (n.nodeType === 1 || n.nodeType === 3 && n.textContent.trim() !== "") {
+              s.hidden = !0;
               break;
             }
           }
       }
-      ne(n);
+      re(s);
     }
-}, b = [], re = (t) => {
-  let e, n, s;
-  for (const r of t.childNodes) {
-    if (r["s-sr"] && (e = r["s-cr"]) && e.parentNode) {
-      n = e.parentNode.childNodes;
-      const l = r["s-sn"];
-      for (s = n.length - 1; s >= 0; s--)
-        if (e = n[s], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== r["s-hn"] && !_.experimentalSlotFixes)
+}, S = [], ne = (t) => {
+  let e, s, r;
+  for (const n of t.childNodes) {
+    if (n["s-sr"] && (e = n["s-cr"]) && e.parentNode) {
+      s = e.parentNode.childNodes;
+      const l = n["s-sn"];
+      for (r = s.length - 1; r >= 0; r--)
+        if (e = s[r], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== n["s-hn"] && !_.experimentalSlotFixes)
           if (w(e, l)) {
-            let o = b.find((c) => c.$nodeToRelocate$ === e);
-            R = !0, e["s-sn"] = e["s-sn"] || l, o ? (o.$nodeToRelocate$["s-sh"] = r["s-hn"], o.$slotRefNode$ = r) : (e["s-sh"] = r["s-hn"], b.push({
-              $slotRefNode$: r,
+            let o = S.find((c) => c.$nodeToRelocate$ === e);
+            R = !0, e["s-sn"] = e["s-sn"] || l, o ? (o.$nodeToRelocate$["s-sh"] = n["s-hn"], o.$slotRefNode$ = n) : (e["s-sh"] = n["s-hn"], S.push({
+              $slotRefNode$: n,
               $nodeToRelocate$: e
-            })), e["s-sr"] && b.map((c) => {
-              w(c.$nodeToRelocate$, e["s-sn"]) && (o = b.find((i) => i.$nodeToRelocate$ === e), o && !c.$slotRefNode$ && (c.$slotRefNode$ = o.$slotRefNode$));
+            })), e["s-sr"] && S.map((c) => {
+              w(c.$nodeToRelocate$, e["s-sn"]) && (o = S.find((i) => i.$nodeToRelocate$ === e), o && !c.$slotRefNode$ && (c.$slotRefNode$ = o.$slotRefNode$));
             });
           } else
-            b.some((o) => o.$nodeToRelocate$ === e) || b.push({
+            S.some((o) => o.$nodeToRelocate$ === e) || S.push({
               $nodeToRelocate$: e
             });
     }
-    r.nodeType === 1 && re(r);
+    n.nodeType === 1 && ne(n);
   }
 }, w = (t, e) => t.nodeType === 1 ? t.getAttribute("slot") === null && e === "" || t.getAttribute("slot") === e : t["s-sn"] === e ? !0 : e === "", le = (t) => {
   t.$attrs$ && t.$attrs$.ref && t.$attrs$.ref(null), t.$children$ && t.$children$.map(le);
-}, Le = (t, e, n = !1) => {
-  var s, r, l, o, c;
-  const i = t.$hostElement$, d = t.$cmpMeta$, u = t.$vnode$ || M(null, null), a = be(e) ? e : Y(null, null, e);
-  if (m = i.tagName, d.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, d.$attrsToReflect$.map(([$, f]) => a.$attrs$[f] = i[$])), n && a.$attrs$)
+}, Ae = (t, e, s = !1) => {
+  var r, n, l, o, c;
+  const i = t.$hostElement$, d = t.$cmpMeta$, u = t.$vnode$ || M(null, null), a = Se(e) ? e : Y(null, null, e);
+  if (m = i.tagName, d.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, d.$attrsToReflect$.map(([$, f]) => a.$attrs$[f] = i[$])), s && a.$attrs$)
     for (const $ of Object.keys(a.$attrs$))
       i.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (a.$attrs$[$] = i[$]);
-  a.$tag$ = null, a.$flags$ |= 4, t.$vnode$ = a, a.$elm$ = u.$elm$ = i.shadowRoot || i, k = i["s-sc"], B = (d.$flags$ & 1) !== 0, D = i["s-cr"], R = !1, T(u, a, n);
+  a.$tag$ = null, a.$flags$ |= 4, t.$vnode$ = a, a.$elm$ = u.$elm$ = i.shadowRoot || i, k = i["s-sc"], B = (d.$flags$ & 1) !== 0, D = i["s-cr"], R = !1, T(u, a, s);
   {
     if (x.$flags$ |= 1, N) {
-      re(a.$elm$);
-      for (const $ of b) {
+      ne(a.$elm$);
+      for (const $ of S) {
         const f = $.$nodeToRelocate$;
         if (!f["s-ol"]) {
           const g = j.createTextNode("");
           g["s-nr"] = f, f.parentNode.insertBefore(f["s-ol"] = g, f);
         }
       }
-      for (const $ of b) {
+      for (const $ of S) {
         const f = $.$nodeToRelocate$, g = $.$slotRefNode$;
         if (g) {
           const v = g.parentNode;
           let y = g.nextSibling;
           {
-            let A = (s = f["s-ol"]) === null || s === void 0 ? void 0 : s.previousSibling;
-            for (; A; ) {
-              let S = (r = A["s-nr"]) !== null && r !== void 0 ? r : null;
-              if (S && S["s-sn"] === f["s-sn"] && v === S.parentNode && (S = S.nextSibling, !S || !S["s-nr"])) {
-                y = S;
+            let L = (r = f["s-ol"]) === null || r === void 0 ? void 0 : r.previousSibling;
+            for (; L; ) {
+              let b = (n = L["s-nr"]) !== null && n !== void 0 ? n : null;
+              if (b && b["s-sn"] === f["s-sn"] && v === b.parentNode && (b = b.nextSibling, !b || !b["s-nr"])) {
+                y = b;
                 break;
               }
-              A = A.previousSibling;
+              L = L.previousSibling;
             }
           }
           (!y && v !== f.parentNode || f.nextSibling !== y) && f !== y && (!f["s-hn"] && f["s-ol"] && (f["s-hn"] = f["s-ol"].parentNode.nodeName), v.insertBefore(f, y), f.nodeType === 1 && (f.hidden = (l = f["s-ih"]) !== null && l !== void 0 ? l : !1)), f && typeof g["s-rf"] == "function" && g["s-rf"](f);
         } else
-          f.nodeType === 1 && (n && (f["s-ih"] = (o = f.hidden) !== null && o !== void 0 ? o : !1), f.hidden = !0);
+          f.nodeType === 1 && (s && (f["s-ih"] = (o = f.hidden) !== null && o !== void 0 ? o : !1), f.hidden = !0);
       }
     }
-    R && ne(a.$elm$), x.$flags$ &= -2, b.length = 0;
+    R && re(a.$elm$), x.$flags$ &= -2, S.length = 0;
   }
   if (_.experimentalScopedSlotChanges && d.$flags$ & 2)
     for (const $ of a.$elm$.childNodes)
-      $["s-hn"] !== m && !$["s-sh"] && (n && $["s-ih"] == null && ($["s-ih"] = (c = $.hidden) !== null && c !== void 0 ? c : !1), $.hidden = !0);
+      $["s-hn"] !== m && !$["s-sh"] && (s && $["s-ih"] == null && ($["s-ih"] = (c = $.hidden) !== null && c !== void 0 ? c : !1), $.hidden = !0);
   D = void 0;
 }, G = (t, e) => e in t, C = typeof window < "u" ? window : {}, j = C.document || { head: {} };
 C.HTMLElement;
@@ -524,53 +524,53 @@ const x = {
   $resourcesUrl$: "",
   jmp: (t) => t(),
   raf: (t) => requestAnimationFrame(t),
-  ael: (t, e, n, s) => t.addEventListener(e, n, s),
-  rel: (t, e, n, s) => t.removeEventListener(e, n, s),
+  ael: (t, e, s, r) => t.addEventListener(e, s, r),
+  rel: (t, e, s, r) => t.removeEventListener(e, s, r),
   ce: (t, e) => new CustomEvent(t, e)
-}, Ae = (t, e, n) => {
-  [null, void 0, "", !1].includes(n) || ["innerHTML", "style"].includes(e) || t.setAttribute(e, ["object", "function"].includes(typeof n) ? "/!\\ Object props are not rendered in the code example" : n);
-}, oe = (t, e, n, s, r) => {
+}, Le = (t, e, s) => {
+  [null, void 0, "", !1].includes(s) || ["innerHTML", "style"].includes(e) || t.setAttribute(e, ["object", "function"].includes(typeof s) ? "/!\\ Object props are not rendered in the code example" : s);
+}, oe = (t, e, s, r, n) => {
   if (e && typeof e == "string") {
     const l = document.createElement(e);
-    Object.keys(n || {}).forEach((o) => {
-      Ae(l, o, n[o]);
-    }), s == null || s.forEach((o) => {
+    Object.keys(s || {}).forEach((o) => {
+      Le(l, o, s[o]);
+    }), r == null || r.forEach((o) => {
       oe(l, o.$tag$, o.$attrs$, o.$children$, o.$text$);
-    }), n != null && n.innerHTML && (l.innerHTML = n.innerHTML), t.appendChild(l);
+    }), s != null && s.innerHTML && (l.innerHTML = s.innerHTML), t.appendChild(l);
   }
-  r && (t.innerHTML = r);
+  n && (t.innerHTML = n);
 }, Ge = (t, e) => {
-  const n = {};
+  const s = {};
   if (typeof t != "object")
     throw new Error("filterArgs - args isn't an object.");
-  for (const s in t)
-    if (!s.startsWith("slot")) {
-      const r = t[s], l = s.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-      (!e || !Object.keys(e).includes(s) || e[s] !== r) && (n[l] = r);
+  for (const r in t)
+    if (!r.startsWith("slot")) {
+      const n = t[r], l = r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+      (!e || !Object.keys(e).includes(r) || e[r] !== n) && (s[l] = n);
     }
-  return n;
+  return s;
 }, Ie = (t, e) => {
-  var s, r;
-  const n = document.getElementById("storybook-root");
-  if (n)
-    return (r = document.querySelector("[lang]")) == null || r.setAttribute("lang", ((s = e.globals) == null ? void 0 : s.locale) || "en"), Le(
+  var r, n;
+  const s = document.getElementById("storybook-root");
+  if (s)
+    return (n = document.querySelector("[lang]")) == null || n.setAttribute("lang", ((r = e.globals) == null ? void 0 : r.locale) || "en"), Ae(
       {
         $ancestorComponent$: void 0,
         $flags$: 0,
         $modeName$: void 0,
         $cmpMeta$: {
           $flags$: 0,
-          $tagName$: n.tagName
+          $tagName$: s.tagName
         },
-        $hostElement$: n
+        $hostElement$: s
       },
       t(e)
-    ), n.children[n.children.length - 1];
-}, Xe = ({ $tag$: t, $attrs$: e, $children$: n, $text$: s }) => {
-  const r = document.createElement("div");
-  return oe(r, t, e, n, s), r.innerHTML;
-}, Ke = ({ disconnect: t, observe: e, takeRecords: n }) => {
-  class s {
+    ), s.children[s.children.length - 1];
+}, Xe = ({ $tag$: t, $attrs$: e, $children$: s, $text$: r }) => {
+  const n = document.createElement("div");
+  return oe(n, t, e, s, r), n.innerHTML;
+}, Ke = ({ disconnect: t, observe: e, takeRecords: s }) => {
+  class r {
     constructor(l) {
       /**
        *
@@ -583,7 +583,7 @@ const x = {
       /**
        *
        */
-      p(this, "takeRecords", n);
+      p(this, "takeRecords", s);
       /**
        *
        */
@@ -591,16 +591,16 @@ const x = {
       this.cb = l;
     }
   }
-  return [window, global].forEach((r) => {
-    Object.defineProperty(r, "MutationObserver", {
+  return [window, global].forEach((n) => {
+    Object.defineProperty(n, "MutationObserver", {
       writable: !0,
       configurable: !0,
-      value: s
+      value: r
     });
-  }), s;
+  }), r;
 }, Qe = ({ disconnect: t, observe: e }) => {
-  class n {
-    constructor(r) {
+  class s {
+    constructor(n) {
       /**
        *
        */
@@ -617,16 +617,16 @@ const x = {
        *
        */
       p(this, "cb");
-      this.cb = r;
+      this.cb = n;
     }
   }
-  return [window, global].forEach((s) => {
-    Object.defineProperty(s, "ResizeObserver", {
+  return [window, global].forEach((r) => {
+    Object.defineProperty(r, "ResizeObserver", {
       writable: !0,
       configurable: !0,
-      value: n
+      value: s
     });
-  }), n;
+  }), s;
 };
 class Ee extends Event {
   constructor() {