@mgdis/stencil-helpers 1.0.4 → 1.1.0

package/dist/index.es.js

@@ -1,7 +1,180 @@
-var le = Object.defineProperty;
-var oe = (t, e, n) => e in t ? le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var g = (t, e, n) => (oe(t, typeof e != "symbol" ? e + "" : e, n), n);
-const X = {
+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);
+const Re = (t = "", e = 10) => {
+  const n = new Uint8Array(e);
+  crypto.getRandomValues(n);
+  const r = Array.from(n).map((s) => s.toString(16).padStart(2, "0")).join("").slice(0, e);
+  return t !== "" ? `${t}-${r}` : r;
+};
+class Me {
+  constructor(e = []) {
+    /**
+     * Available classes
+     */
+    p(this, "classes");
+    /**
+     * Add class
+     * @param className - class name to add
+     */
+    p(this, "add", (e) => {
+      this.has(e) || this.classes.push(e);
+    });
+    /**
+     * Delete class
+     * @param className - class name to delete
+     */
+    p(this, "delete", (e) => {
+      const n = this.classes.indexOf(e);
+      n > -1 && this.classes.splice(n, 1);
+    });
+    /**
+     * Check if class exist in list
+     * @param className - class name to check
+     * @returns class name is in the list
+     */
+    p(this, "has", (e) => this.classes.includes(e));
+    /**
+     * Join classes seperated by spaces
+     * @returns joined values
+     */
+    p(this, "join", () => this.classes.join(" "));
+    this.classes = e;
+  }
+}
+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 = G(t), n = I(t);
+  return [t, ...e, ...n];
+}, G = (t, e = []) => {
+  if (t.self !== t.top)
+    try {
+      const n = t.parent;
+      return n ? (e.push(n), G(n, e)) : e;
+    } catch (n) {
+      return console.error("Different hosts between iframes:", n), e;
+    }
+  return e;
+}, I = (t, e = []) => {
+  if (t.frames.length > 0)
+    for (const n of Array.from(t.frames))
+      e.push(n), I(n, 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(), X = (t, e) => {
+  if (!e)
+    return;
+  const n = e.split("/");
+  return `${t}${n.slice(2, n.length - 1).join("-")}--docs`;
+}, ae = (t, e) => {
+  if (e)
+    return `${t}${e}`;
+}, K = (t) => {
+  let e = t.overview ? `${t.overview}
+
+` : "";
+  const n = t.props.filter(({ attr: s }) => s !== void 0);
+  n.length && (e += `Attributes:
+`, e += n.map(({ attr: s, docs: o }) => `- \`${s}\`: ${o}
+`).join(""), e += `
+`);
+  const r = t.props.filter(({ attr: s }) => s === void 0);
+  return r.length && (e += `Properties:
+`, e += r.map(({ name: s, docs: o }) => `- \`${s}\`: ${o}
+`).join(""), e += `
+`), t.methods.length && (e += `Methods:
+`, e += t.methods.map(({ name: s, docs: o }) => `- \`${s}\`: ${o}
+`).join(""), e += `
+`), t.events.length && (e += `Events:
+`, e += t.events.map(({ event: s, docs: o }) => `- \`${s}\`: ${o}
+`).join(""), e += `
+`), t.listeners.length && (e += `Listeners:
+`, e += t.listeners.map(({ event: s }) => `- \`${s}\`
+`).join(""), e += `
+`), t.slots.length && (e += `Slots:
+`, e += t.slots.map(({ name: s, docs: o }) => `- \`${s}\`: ${o}
+`).join(""), e += `
+`), e;
+}, F = (t) => `${t.docs}
+
+Type: \`${t.type}\``, Ce = (t, e, n, r) => ({
+  $schema: "https://json.schemastore.org/web-types",
+  name: t,
+  version: e,
+  "description-markup": "markdown",
+  contributions: {
+    html: {
+      elements: n.components.map((s) => {
+        const o = X(r, s.filePath);
+        return {
+          name: s.tag,
+          description: K(s),
+          "doc-url": o,
+          attributes: s.props.filter((l) => l.attr).map((l) => ({
+            name: l.attr,
+            description: F(l),
+            "doc-url": o,
+            value: {
+              type: l.type,
+              default: l.default,
+              required: l.required
+            }
+          })),
+          js: {
+            properties: s.props.map((l) => ({
+              name: l.name,
+              description: F(l),
+              "doc-url": o,
+              value: {
+                type: l.type,
+                default: l.default,
+                required: l.required
+              }
+            })),
+            events: s.events.map((l) => ({
+              name: l.event,
+              description: l.docs
+            }))
+          }
+        };
+      })
+    }
+  }
+}), fe = (t, e, n) => {
+  if (n)
+    return [
+      { name: "Storybook", url: X(t, n) },
+      { name: "Sources", url: ae(e, n) }
+    ];
+}, $e = (t) => {
+  if (!t.values.some(({ value: e }) => e === void 0))
+    return t.values.map(({ value: e }) => ({ name: e }));
+}, He = (t, e, n, r) => ({
+  version: t,
+  tags: e.components.map((s) => {
+    const o = fe(n, r, s.filePath);
+    return {
+      name: s.tag,
+      description: K(s),
+      attributes: s.props.map((l) => ({
+        name: l.attr || l.name,
+        description: F(l),
+        values: $e(l),
+        references: o
+      })),
+      references: o
+    };
+  }),
+  globalAttributes: [],
+  valueSets: []
+}), Pe = (t) => {
+  const e = { value: "2023", pattern: "yyyy" }, n = { value: "12", pattern: "mm" }, r = { value: "24", pattern: "dd" };
+  return ge([e.value, n.value, r.value].join("-"), t).replace(e.value, e.pattern).replace(n.value, n.pattern).replace(r.value, r.pattern);
+}, We = (t) => t.toISOString().split("T")[0], ue = (t, e, n) => {
+  const r = t.closest("[lang]"), s = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), o = s.length > 0 && typeof s[0] == "string" ? s[0] : navigator.language || n, l = o.split("-").shift();
+  return {
+    locale: o,
+    messages: e[l] || e[n]
+  };
+}, 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), Q = {
   allRenderFn: !1,
   cmpDidLoad: !0,
   cmpDidUnload: !1,
@@ -90,25 +263,25 @@ const X = {
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
 };
-let T, F, m, D = !1, M = !1, _ = !1, h = !1;
-const H = "http://www.w3.org/1999/xlink", C = {}, re = "http://www.w3.org/2000/svg", ie = "http://www.w3.org/1999/xhtml", ce = (t) => t != null, q = (t) => (t = typeof t, t === "object" || t === "function"), G = (t, e, ...n) => {
-  let s = null, l = null, r = null, o = !1, c = !1;
-  const i = [], d = (f) => {
-    for (let $ = 0; $ < f.length; $++)
-      s = f[$], Array.isArray(s) ? d(s) : s != null && typeof s != "boolean" && ((o = typeof t != "function" && !q(s)) && (s = String(s)), o && c ? i[i.length - 1].$text$ += s : i.push(o ? O(null, s) : s), c = o);
+let k, D, x, _ = !1, R = !1, B = !1, h = !1;
+const C = "http://www.w3.org/1999/xlink", H = {}, 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 r = null, s = null, o = null, l = !1, c = !1;
+  const i = [], d = (a) => {
+    for (let $ = 0; $ < a.length; $++)
+      r = a[$], Array.isArray(r) ? d(r) : r != null && typeof r != "boolean" && ((l = typeof t != "function" && !J(r)) && (r = String(r)), l && c ? i[i.length - 1].$text$ += r : i.push(l ? M(null, r) : r), c = l);
   };
   if (d(n), e) {
-    e.key && (l = e.key), e.name && (r = e.name);
+    e.key && (s = e.key), e.name && (o = e.name);
     {
-      const f = e.className || e.class;
-      f && (e.class = typeof f != "object" ? f : Object.keys(f).filter(($) => f[$]).join(" "));
+      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, $e);
-  const u = O(t, null);
-  return u.$attrs$ = e, i.length > 0 && (u.$children$ = i), u.$key$ = l, u.$name$ = r, u;
-}, O = (t, e) => {
+    return t(e === null ? {} : e, i, Se);
+  const u = M(t, null);
+  return u.$attrs$ = e, i.length > 0 && (u.$children$ = i), u.$key$ = s, u.$name$ = o, u;
+}, M = (t, e) => {
   const n = {
     $flags$: 0,
     $tag$: t,
@@ -117,9 +290,9 @@ const H = "http://www.w3.org/1999/xlink", C = {}, re = "http://www.w3.org/2000/s
     $children$: null
   };
   return n.$attrs$ = null, n.$key$ = null, n.$name$ = null, n;
-}, fe = {}, ae = (t) => t && t.$tag$ === fe, $e = {
+}, ve = {}, be = (t) => t && t.$tag$ === ve, Se = {
   forEach: (t, e) => t.map(P).forEach(e),
-  map: (t, e) => t.map(P).map(e).map(ue)
+  map: (t, e) => t.map(P).map(e).map(ke)
 }, P = (t) => ({
   vattrs: t.$attrs$,
   vchildren: t.$children$,
@@ -127,254 +300,254 @@ const H = "http://www.w3.org/1999/xlink", C = {}, re = "http://www.w3.org/2000/s
   vname: t.$name$,
   vtag: t.$tag$,
   vtext: t.$text$
-}), ue = (t) => {
+}), 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), G(t.vtag, n, ...t.vchildren || []);
+    return t.vkey && (n.key = t.vkey), t.vname && (n.name = t.vname), Y(t.vtag, n, ...t.vchildren || []);
   }
-  const e = O(t.vtag, t.vtext);
+  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;
-}, U = (t, e, n, s, l, r) => {
-  if (n !== s) {
-    let o = I(t, e), c = e.toLowerCase();
+}, W = (t, e, n, r, s, o) => {
+  if (n !== r) {
+    let l = w(t, e), c = e.toLowerCase();
     if (e === "class") {
-      const i = t.classList, d = W(n), u = W(s);
-      i.remove(...d.filter((f) => f && !u.includes(f))), i.add(...u.filter((f) => f && !d.includes(f)));
+      const i = t.classList, d = z(n), u = z(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)
+        (!n || r[i] !== n[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) : I(N, c) ? e = c.slice(2) : e = c[2] + e.slice(3), n || s) {
-          const i = e.endsWith(K);
-          e = e.replace(pe, ""), n && x.rel(t, e, n, i), s && x.ael(t, e, s, i);
+        if (e[2] === "-" ? e = e.slice(3) : w(U, c) ? e = c.slice(2) : e = c[2] + e.slice(3), n || r) {
+          const i = e.endsWith(Z);
+          e = e.replace(Te, ""), n && T.rel(t, e, n, i), r && T.ael(t, e, r, i);
         }
       } else {
-        const i = q(s);
-        if ((o || i && s !== null) && !l)
+        const i = J(r);
+        if ((l || i && r !== null) && !s)
           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" ? l = !1 : (n == 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 || r & 4 || l) && !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(C, e) : t.removeAttribute(e)) : (!l || o & 4 || s) && !i && (r = r === !0 ? "" : r, d ? t.setAttributeNS(C, e, r) : t.setAttribute(e, r));
       }
   }
-}, de = /\s/, W = (t) => t ? t.split(de) : [], K = "Capture", pe = new RegExp(K + "$"), Q = (t, e, n, s) => {
-  const l = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, r = t && t.$attrs$ || C, o = e.$attrs$ || C;
-  for (s in r)
-    s in o || U(l, s, r[s], void 0, n, e.$flags$);
-  for (s in o)
-    U(l, s, r[s], o[s], n, e.$flags$);
-}, j = (t, e, n, s) => {
-  const l = e.$children$[n];
-  let r = 0, o, c, i;
-  if (D || (_ = !0, l.$tag$ === "slot" && (T && s.classList.add(T + "-s"), l.$flags$ |= l.$children$ ? (
+}, me = /\s/, z = (t) => t ? t.split(me) : [], Z = "Capture", Te = new RegExp(Z + "$"), V = (t, e, n, r) => {
+  const s = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, o = t && t.$attrs$ || H, l = e.$attrs$ || H;
+  for (r in o)
+    r in l || W(s, r, o[r], void 0, n, e.$flags$);
+  for (r in l)
+    W(s, r, o[r], l[r], n, e.$flags$);
+}, O = (t, e, n, r) => {
+  const s = e.$children$[n];
+  let o = 0, l, c, i;
+  if (_ || (B = !0, s.$tag$ === "slot" && (k && r.classList.add(k + "-s"), s.$flags$ |= s.$children$ ? (
     // slot element has fallback content
     2
   ) : (
     // slot element does not have fallback content
     1
-  ))), l.$text$ !== null)
-    o = l.$elm$ = R.createTextNode(l.$text$);
-  else if (l.$flags$ & 1)
-    o = l.$elm$ = R.createTextNode("");
+  ))), s.$text$ !== null)
+    l = s.$elm$ = j.createTextNode(s.$text$);
+  else if (s.$flags$ & 1)
+    l = s.$elm$ = j.createTextNode("");
   else {
-    if (h || (h = l.$tag$ === "svg"), o = l.$elm$ = R.createElementNS(h ? re : ie, l.$flags$ & 2 ? "slot-fb" : l.$tag$), h && l.$tag$ === "foreignObject" && (h = !1), Q(null, l, h), ce(T) && o["s-si"] !== T && o.classList.add(o["s-si"] = T), l.$children$)
-      for (r = 0; r < l.$children$.length; ++r)
-        c = j(t, l, r, o), c && o.appendChild(c);
-    l.$tag$ === "svg" ? h = !1 : o.tagName === "foreignObject" && (h = !0);
+    if (h || (h = s.$tag$ === "svg"), l = s.$elm$ = j.createElementNS(h ? pe : he, s.$flags$ & 2 ? "slot-fb" : s.$tag$), h && s.$tag$ === "foreignObject" && (h = !1), V(null, s, h), ye(k) && l["s-si"] !== k && l.classList.add(l["s-si"] = k), s.$children$)
+      for (o = 0; o < s.$children$.length; ++o)
+        c = O(t, s, o, l), c && l.appendChild(c);
+    s.$tag$ === "svg" ? h = !1 : l.tagName === "foreignObject" && (h = !0);
   }
-  return o["s-hn"] = m, l.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = F, o["s-sn"] = l.$name$ || "", i = t && t.$children$ && t.$children$[n], i && i.$tag$ === l.$tag$ && t.$elm$ && L(t.$elm$, !1)), o;
-}, L = (t, e) => {
-  x.$flags$ |= 1;
+  return l["s-hn"] = x, s.$flags$ & 3 && (l["s-sr"] = !0, l["s-cr"] = D, l["s-sn"] = s.$name$ || "", i = t && t.$children$ && t.$children$[n], i && i.$tag$ === s.$tag$ && t.$elm$ && E(t.$elm$, !1)), l;
+}, E = (t, e) => {
+  T.$flags$ |= 1;
   const n = t.childNodes;
-  for (let s = n.length - 1; s >= 0; s--) {
-    const l = n[s];
-    l["s-hn"] !== m && l["s-ol"] && (Z(l).insertBefore(l, B(l)), l["s-ol"].remove(), l["s-ol"] = void 0, l["s-sh"] = void 0, _ = !0), e && L(l, e);
+  for (let r = n.length - 1; r >= 0; r--) {
+    const s = n[r];
+    s["s-hn"] !== x && s["s-ol"] && (se(s).insertBefore(s, N(s)), s["s-ol"].remove(), s["s-ol"] = void 0, s["s-sh"] = void 0, B = !0), e && E(s, e);
   }
-  x.$flags$ &= -2;
-}, J = (t, e, n, s, l, r) => {
-  let o = t["s-cr"] && t["s-cr"].parentNode || t, c;
-  for (o.shadowRoot && o.tagName === m && (o = o.shadowRoot); l <= r; ++l)
-    s[l] && (c = j(null, n, l, t), c && (s[l].$elm$ = c, o.insertBefore(c, B(e))));
-}, Y = (t, e, n) => {
-  for (let s = e; s <= n; ++s) {
-    const l = t[s];
-    if (l) {
-      const r = l.$elm$;
-      ee(l), r && (M = !0, r["s-ol"] ? r["s-ol"].remove() : L(r, !0), r.remove());
+  T.$flags$ &= -2;
+}, ee = (t, e, n, r, s, o) => {
+  let l = t["s-cr"] && t["s-cr"].parentNode || t, c;
+  for (l.shadowRoot && l.tagName === x && (l = l.shadowRoot); s <= o; ++s)
+    r[s] && (c = O(null, n, s, t), c && (r[s].$elm$ = c, l.insertBefore(c, N(e))));
+}, te = (t, e, n) => {
+  for (let r = e; r <= n; ++r) {
+    const s = t[r];
+    if (s) {
+      const o = s.$elm$;
+      le(s), o && (R = !0, o["s-ol"] ? o["s-ol"].remove() : E(o, !0), o.remove());
     }
   }
-}, ge = (t, e, n, s, l = !1) => {
-  let r = 0, o = 0, c = 0, i = 0, d = e.length - 1, u = e[0], f = e[d], $ = s.length - 1, a = s[0], p = s[$], v, y;
-  for (; r <= d && o <= $; )
+}, xe = (t, e, n, r, s = !1) => {
+  let o = 0, l = 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 (; o <= d && l <= $; )
     if (u == null)
-      u = e[++r];
-    else if (f == null)
-      f = e[--d];
+      u = e[++o];
     else if (a == null)
-      a = s[++o];
-    else if (p == null)
-      p = s[--$];
-    else if (A(u, a, l))
-      k(u, a, l), u = e[++r], a = s[++o];
-    else if (A(f, p, l))
-      k(f, p, l), f = e[--d], p = s[--$];
-    else if (A(u, p, l))
-      (u.$tag$ === "slot" || p.$tag$ === "slot") && L(u.$elm$.parentNode, !1), k(u, p, l), t.insertBefore(u.$elm$, f.$elm$.nextSibling), u = e[++r], p = s[--$];
-    else if (A(f, a, l))
-      (u.$tag$ === "slot" || p.$tag$ === "slot") && L(f.$elm$.parentNode, !1), k(f, a, l), t.insertBefore(f.$elm$, u.$elm$), f = e[--d], a = s[++o];
+      a = e[--d];
+    else if (f == null)
+      f = r[++l];
+    else if (g == null)
+      g = r[--$];
+    else if (A(u, f, s))
+      m(u, f, s), u = e[++o], f = r[++l];
+    else if (A(a, g, s))
+      m(a, g, s), a = e[--d], g = r[--$];
+    else if (A(u, g, s))
+      (u.$tag$ === "slot" || g.$tag$ === "slot") && E(u.$elm$.parentNode, !1), m(u, g, s), t.insertBefore(u.$elm$, a.$elm$.nextSibling), u = e[++o], g = r[--$];
+    else if (A(a, f, s))
+      (u.$tag$ === "slot" || g.$tag$ === "slot") && E(a.$elm$.parentNode, !1), m(a, f, s), t.insertBefore(a.$elm$, u.$elm$), a = e[--d], f = r[++l];
     else {
-      for (c = -1, i = r; i <= d; ++i)
-        if (e[i] && e[i].$key$ !== null && e[i].$key$ === a.$key$) {
+      for (c = -1, i = o; 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$ !== a.$tag$ ? v = j(e && e[o], n, c, t) : (k(y, a, l), e[c] = void 0, v = y.$elm$), a = s[++o]) : (v = j(e && e[o], n, o, t), a = s[++o]), v && Z(u.$elm$).insertBefore(v, B(u.$elm$));
+      c >= 0 ? (y = e[c], y.$tag$ !== f.$tag$ ? v = O(e && e[l], n, c, t) : (m(y, f, s), e[c] = void 0, v = y.$elm$), f = r[++l]) : (v = O(e && e[l], n, l, t), f = r[++l]), v && se(u.$elm$).insertBefore(v, N(u.$elm$));
     }
-  r > d ? J(t, s[$ + 1] == null ? null : s[$ + 1].$elm$, n, s, o, $) : o > $ && Y(e, r, d);
-}, A = (t, e, n = !1) => t.$tag$ === e.$tag$ ? t.$tag$ === "slot" ? t.$name$ === e.$name$ : n ? !0 : t.$key$ === e.$key$ : !1, B = (t) => t && t["s-ol"] || t, Z = (t) => (t["s-ol"] ? t["s-ol"] : t).parentNode, k = (t, e, n = !1) => {
-  const s = e.$elm$ = t.$elm$, l = t.$children$, r = e.$children$, o = e.$tag$, c = e.$text$;
+  o > d ? ee(t, r[$ + 1] == null ? null : r[$ + 1].$elm$, n, r, l, $) : l > $ && te(e, o, d);
+}, A = (t, e, n = !1) => t.$tag$ === e.$tag$ ? t.$tag$ === "slot" ? t.$name$ === e.$name$ : n ? !0 : t.$key$ === e.$key$ : !1, N = (t) => t && t["s-ol"] || t, se = (t) => (t["s-ol"] ? t["s-ol"] : t).parentNode, m = (t, e, n = !1) => {
+  const r = e.$elm$ = t.$elm$, s = t.$children$, o = e.$children$, l = e.$tag$, c = e.$text$;
   let i;
-  c === null ? (h = o === "svg" ? !0 : o === "foreignObject" ? !1 : h, o === "slot" && !D || Q(t, e, h), l !== null && r !== null ? ge(s, l, e, r, n) : r !== null ? (t.$text$ !== null && (s.textContent = ""), J(s, null, e, r, 0, r.length - 1)) : l !== null && Y(l, 0, l.length - 1), h && o === "svg" && (h = !1)) : (i = s["s-cr"]) ? i.parentNode.textContent = c : t.$text$ !== c && (s.data = c);
-}, w = (t) => {
+  c === null ? (h = l === "svg" ? !0 : l === "foreignObject" ? !1 : h, l === "slot" && !_ || V(t, e, h), s !== null && o !== null ? xe(r, s, e, o, n) : o !== null ? (t.$text$ !== null && (r.textContent = ""), ee(r, null, e, o, 0, o.length - 1)) : s !== null && te(s, 0, s.length - 1), h && l === "svg" && (h = !1)) : (i = r["s-cr"]) ? i.parentNode.textContent = c : t.$text$ !== c && (r.data = c);
+}, ne = (t) => {
   const e = t.childNodes;
   for (const n of e)
     if (n.nodeType === 1) {
       if (n["s-sr"]) {
-        const s = n["s-sn"];
+        const r = n["s-sn"];
         n.hidden = !1;
-        for (const l of e)
-          if (l !== n) {
-            if (l["s-hn"] !== n["s-hn"] || s !== "") {
-              if (l.nodeType === 1 && (s === l.getAttribute("slot") || s === l["s-sn"])) {
+        for (const s of e)
+          if (s !== n) {
+            if (s["s-hn"] !== n["s-hn"] || r !== "") {
+              if (s.nodeType === 1 && (r === s.getAttribute("slot") || r === s["s-sn"])) {
                 n.hidden = !0;
                 break;
               }
-            } else if (l.nodeType === 1 || l.nodeType === 3 && l.textContent.trim() !== "") {
+            } else if (s.nodeType === 1 || s.nodeType === 3 && s.textContent.trim() !== "") {
               n.hidden = !0;
               break;
             }
           }
       }
-      w(n);
+      ne(n);
     }
-}, S = [], V = (t) => {
-  let e, n, s;
-  for (const l of t.childNodes) {
-    if (l["s-sr"] && (e = l["s-cr"]) && e.parentNode) {
+}, b = [], re = (t) => {
+  let e, n, r;
+  for (const s of t.childNodes) {
+    if (s["s-sr"] && (e = s["s-cr"]) && e.parentNode) {
       n = e.parentNode.childNodes;
-      const r = l["s-sn"];
-      for (s = n.length - 1; s >= 0; s--)
-        if (e = n[s], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== l["s-hn"] && !X.experimentalSlotFixes)
-          if (z(e, r)) {
-            let o = S.find((c) => c.$nodeToRelocate$ === e);
-            M = !0, e["s-sn"] = e["s-sn"] || r, o ? (o.$nodeToRelocate$["s-sh"] = l["s-hn"], o.$slotRefNode$ = l) : (e["s-sh"] = l["s-hn"], S.push({
-              $slotRefNode$: l,
+      const o = s["s-sn"];
+      for (r = n.length - 1; r >= 0; r--)
+        if (e = n[r], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== s["s-hn"] && !Q.experimentalSlotFixes)
+          if (q(e, o)) {
+            let l = b.find((c) => c.$nodeToRelocate$ === e);
+            R = !0, e["s-sn"] = e["s-sn"] || o, l ? (l.$nodeToRelocate$["s-sh"] = s["s-hn"], l.$slotRefNode$ = s) : (e["s-sh"] = s["s-hn"], b.push({
+              $slotRefNode$: s,
               $nodeToRelocate$: e
-            })), e["s-sr"] && S.map((c) => {
-              z(c.$nodeToRelocate$, e["s-sn"]) && (o = S.find((i) => i.$nodeToRelocate$ === e), o && !c.$slotRefNode$ && (c.$slotRefNode$ = o.$slotRefNode$));
+            })), e["s-sr"] && b.map((c) => {
+              q(c.$nodeToRelocate$, e["s-sn"]) && (l = b.find((i) => i.$nodeToRelocate$ === e), l && !c.$slotRefNode$ && (c.$slotRefNode$ = l.$slotRefNode$));
             });
           } else
-            S.some((o) => o.$nodeToRelocate$ === e) || S.push({
+            b.some((l) => l.$nodeToRelocate$ === e) || b.push({
               $nodeToRelocate$: e
             });
     }
-    l.nodeType === 1 && V(l);
+    s.nodeType === 1 && re(s);
   }
-}, z = (t, e) => t.nodeType === 1 ? t.getAttribute("slot") === null && e === "" || t.getAttribute("slot") === e : t["s-sn"] === e ? !0 : e === "", ee = (t) => {
-  t.$attrs$ && t.$attrs$.ref && t.$attrs$.ref(null), t.$children$ && t.$children$.map(ee);
-}, he = (t, e, n = !1) => {
-  var s, l, r, o, c;
-  const i = t.$hostElement$, d = t.$cmpMeta$, u = t.$vnode$ || O(null, null), f = ae(e) ? e : G(null, null, e);
-  if (m = i.tagName, d.$attrsToReflect$ && (f.$attrs$ = f.$attrs$ || {}, d.$attrsToReflect$.map(([$, a]) => f.$attrs$[a] = i[$])), n && f.$attrs$)
-    for (const $ of Object.keys(f.$attrs$))
-      i.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (f.$attrs$[$] = i[$]);
-  f.$tag$ = null, f.$flags$ |= 4, t.$vnode$ = f, f.$elm$ = u.$elm$ = i.shadowRoot || i, T = i["s-sc"], D = (d.$flags$ & 1) !== 0, F = i["s-cr"], M = !1, k(u, f, n);
+}, q = (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);
+}, Ee = (t, e, n = !1) => {
+  var r, s, o, l, c;
+  const i = t.$hostElement$, d = t.$cmpMeta$, u = t.$vnode$ || M(null, null), a = be(e) ? e : Y(null, null, e);
+  if (x = i.tagName, d.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, d.$attrsToReflect$.map(([$, f]) => a.$attrs$[f] = i[$])), n && 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"], _ = (d.$flags$ & 1) !== 0, D = i["s-cr"], R = !1, m(u, a, n);
   {
-    if (x.$flags$ |= 1, _) {
-      V(f.$elm$);
-      for (const $ of S) {
-        const a = $.$nodeToRelocate$;
-        if (!a["s-ol"]) {
-          const p = R.createTextNode("");
-          p["s-nr"] = a, a.parentNode.insertBefore(a["s-ol"] = p, a);
+    if (T.$flags$ |= 1, B) {
+      re(a.$elm$);
+      for (const $ of b) {
+        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 S) {
-        const a = $.$nodeToRelocate$, p = $.$slotRefNode$;
-        if (p) {
-          const v = p.parentNode;
-          let y = p.nextSibling;
+      for (const $ of b) {
+        const f = $.$nodeToRelocate$, g = $.$slotRefNode$;
+        if (g) {
+          const v = g.parentNode;
+          let y = g.nextSibling;
           {
-            let E = (s = a["s-ol"]) === null || s === void 0 ? void 0 : s.previousSibling;
-            for (; E; ) {
-              let b = (l = E["s-nr"]) !== null && l !== void 0 ? l : null;
-              if (b && b["s-sn"] === a["s-sn"] && v === b.parentNode && (b = b.nextSibling, !b || !b["s-nr"])) {
-                y = b;
+            let L = (r = f["s-ol"]) === null || r === void 0 ? void 0 : r.previousSibling;
+            for (; L; ) {
+              let S = (s = L["s-nr"]) !== null && s !== void 0 ? s : null;
+              if (S && S["s-sn"] === f["s-sn"] && v === S.parentNode && (S = S.nextSibling, !S || !S["s-nr"])) {
+                y = S;
                 break;
               }
-              E = E.previousSibling;
+              L = L.previousSibling;
             }
           }
-          (!y && v !== a.parentNode || a.nextSibling !== y) && a !== y && (!a["s-hn"] && a["s-ol"] && (a["s-hn"] = a["s-ol"].parentNode.nodeName), v.insertBefore(a, y), a.nodeType === 1 && (a.hidden = (r = a["s-ih"]) !== null && r !== void 0 ? r : !1));
+          (!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 = (o = f["s-ih"]) !== null && o !== void 0 ? o : !1));
         } else
-          a.nodeType === 1 && (n && (a["s-ih"] = (o = a.hidden) !== null && o !== void 0 ? o : !1), a.hidden = !0);
+          f.nodeType === 1 && (n && (f["s-ih"] = (l = f.hidden) !== null && l !== void 0 ? l : !1), f.hidden = !0);
       }
     }
-    M && w(f.$elm$), x.$flags$ &= -2, S.length = 0;
+    R && ne(a.$elm$), T.$flags$ &= -2, b.length = 0;
   }
-  if (X.experimentalScopedSlotChanges && d.$flags$ & 2)
-    for (const $ of f.$elm$.childNodes)
-      $["s-hn"] !== m && !$["s-sh"] && (n && $["s-ih"] == null && ($["s-ih"] = (c = $.hidden) !== null && c !== void 0 ? c : !1), $.hidden = !0);
-  F = void 0;
-}, I = (t, e) => e in t, N = typeof window < "u" ? window : {}, R = N.document || { head: {} };
-N.HTMLElement;
-const x = {
+  if (Q.experimentalScopedSlotChanges && d.$flags$ & 2)
+    for (const $ of a.$elm$.childNodes)
+      $["s-hn"] !== x && !$["s-sh"] && (n && $["s-ih"] == null && ($["s-ih"] = (c = $.hidden) !== null && c !== void 0 ? c : !1), $.hidden = !0);
+  D = void 0;
+}, w = (t, e) => e in t, U = typeof window < "u" ? window : {}, j = U.document || { head: {} };
+U.HTMLElement;
+const T = {
   $flags$: 0,
   $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, n, r) => t.addEventListener(e, n, r),
+  rel: (t, e, n, r) => t.removeEventListener(e, n, r),
   ce: (t, e) => new CustomEvent(t, e)
-}, ye = (t, e, n) => {
+}, Le = (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);
-}, te = (t, e, n, s, l) => {
+}, oe = (t, e, n, r, s) => {
   if (e && typeof e == "string") {
-    const r = document.createElement(e);
-    Object.keys(n || {}).forEach((o) => {
-      ye(r, o, n[o]);
-    }), s == null || s.forEach((o) => {
-      te(r, o.$tag$, o.$attrs$, o.$children$, o.$text$);
-    }), n != null && n.innerHTML && (r.innerHTML = n.innerHTML), t.appendChild(r);
+    const o = document.createElement(e);
+    Object.keys(n || {}).forEach((l) => {
+      Le(o, l, n[l]);
+    }), r == null || r.forEach((l) => {
+      oe(o, l.$tag$, l.$attrs$, l.$children$, l.$text$);
+    }), n != null && n.innerHTML && (o.innerHTML = n.innerHTML), t.appendChild(o);
   }
-  l && (t.innerHTML = l);
-}, xe = (t, e) => {
+  s && (t.innerHTML = s);
+}, Ge = (t, e) => {
   const n = {};
   if (typeof t != "object")
     throw new Error("filterArgs - args isn't an object.");
-  for (const s in t)
-    if (!s.startsWith("slot")) {
-      const l = t[s], r = s.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-      (!e || !Object.keys(e).includes(s) || e[s] !== l) && (n[r] = l);
+  for (const r in t)
+    if (!r.startsWith("slot")) {
+      const s = t[r], o = r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+      (!e || !Object.keys(e).includes(r) || e[r] !== s) && (n[o] = s);
     }
   return n;
-}, me = (t, e) => {
-  var s, l;
+}, Ie = (t, e) => {
+  var r, s;
   const n = document.getElementById("storybook-root");
   if (n)
-    return (l = document.querySelector("[lang]")) == null || l.setAttribute("lang", ((s = e.globals) == null ? void 0 : s.locale) || "en"), he(
+    return (s = document.querySelector("[lang]")) == null || s.setAttribute("lang", ((r = e.globals) == null ? void 0 : r.locale) || "en"), Ee(
       {
         $ancestorComponent$: void 0,
         $flags$: 0,
@@ -387,147 +560,80 @@ const x = {
       },
       t(e)
     ), n.children[n.children.length - 1];
-}, Le = ({ $tag$: t, $attrs$: e, $children$: n, $text$: s }) => {
-  const l = document.createElement("div");
-  return te(l, t, e, n, s), l.innerHTML;
-}, Ee = (t) => {
-  const e = { value: "2023", pattern: "yyyy" }, n = { value: "12", pattern: "mm" }, s = { value: "24", pattern: "dd" };
-  return be([e.value, n.value, s.value].join("-"), t).replace(e.value, e.pattern).replace(n.value, n.pattern).replace(s.value, s.pattern);
-}, Ae = (t) => t.toISOString().split("T")[0], ve = (t, e, n) => {
-  const s = t.closest("[lang]"), l = Intl.NumberFormat.supportedLocalesOf(s == null ? void 0 : s.lang), r = l.length > 0 && typeof l[0] == "string" ? l[0] : navigator.language || n, o = r.split("-").shift();
-  return {
-    locale: r,
-    messages: e[o] || e[n]
-  };
-}, Re = (t, e, n) => new Intl.NumberFormat(e, { style: "currency", currency: n }).format(t), Me = (t, e) => new Intl.NumberFormat(e).format(t), Se = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, be = (t, e) => typeof t != "string" || t === "" || !Se.test(t) ? "" : new Intl.DateTimeFormat(e).format(new Date(t)), Oe = (t, e) => (n) => ve(n, t, e), je = (t = "", e = 10) => {
-  const n = new Uint8Array(e);
-  crypto.getRandomValues(n);
-  const s = Array.from(n).map((l) => l.toString(16).padStart(2, "0")).join("").slice(0, e);
-  return t !== "" ? `${t}-${s}` : s;
-};
-class Fe {
-  constructor(e = []) {
-    /**
-     * Available classes
-     */
-    g(this, "classes");
-    /**
-     * Add class
-     * @param className - class name to add
-     */
-    g(this, "add", (e) => {
-      this.has(e) || this.classes.push(e);
-    });
-    /**
-     * Delete class
-     * @param className - class name to delete
-     */
-    g(this, "delete", (e) => {
-      const n = this.classes.indexOf(e);
-      n > -1 && this.classes.splice(n, 1);
-    });
-    /**
-     * Check if class exist in list
-     * @param className - class name to check
-     * @returns class name is in the list
-     */
-    g(this, "has", (e) => this.classes.includes(e));
-    /**
-     * Join classes seperated by spaces
-     * @returns joined values
-     */
-    g(this, "join", () => this.classes.join(" "));
-    this.classes = e;
-  }
-}
-const De = (t) => Array.isArray(t) && t.every((e) => typeof e == "string"), _e = (t, e) => e.includes(t == null ? void 0 : t.tagName.toLowerCase()), Be = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Ne = (t) => {
-  const e = se(t), n = ne(t);
-  return [t, ...e, ...n];
-}, se = (t, e = []) => {
-  if (t.self !== t.top)
-    try {
-      const n = t.parent;
-      return n ? (e.push(n), se(n, e)) : e;
-    } catch (n) {
-      return console.error("Different hosts between iframes:", n), e;
-    }
-  return e;
-}, ne = (t, e = []) => {
-  if (t.frames.length > 0)
-    for (const n of Array.from(t.frames))
-      e.push(n), ne(n, e);
-  return e;
-}, He = (t) => typeof t == "string" && t.trim() !== "", Ce = (t) => typeof t == "string" ? t.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : t, Pe = async (t) => t(), Ue = ({ disconnect: t, observe: e, takeRecords: n }) => {
-  class s {
-    constructor(r) {
+}, Xe = ({ $tag$: t, $attrs$: e, $children$: n, $text$: r }) => {
+  const s = document.createElement("div");
+  return oe(s, t, e, n, r), s.innerHTML;
+}, Ke = ({ disconnect: t, observe: e, takeRecords: n }) => {
+  class r {
+    constructor(o) {
       /**
        *
        */
-      g(this, "disconnect", t);
+      p(this, "disconnect", t);
       /**
        *
        */
-      g(this, "observe", e);
+      p(this, "observe", e);
       /**
        *
        */
-      g(this, "takeRecords", n);
+      p(this, "takeRecords", n);
       /**
        *
        */
-      g(this, "cb");
-      this.cb = r;
+      p(this, "cb");
+      this.cb = o;
     }
   }
-  return [window, global].forEach((l) => {
-    Object.defineProperty(l, "MutationObserver", {
+  return [window, global].forEach((s) => {
+    Object.defineProperty(s, "MutationObserver", {
       writable: !0,
       configurable: !0,
-      value: s
+      value: r
     });
-  }), s;
-}, We = ({ disconnect: t, observe: e }) => {
+  }), r;
+}, Qe = ({ disconnect: t, observe: e }) => {
   class n {
-    constructor(l) {
+    constructor(s) {
       /**
        *
        */
-      g(this, "disconnect", t);
+      p(this, "disconnect", t);
       /**
        *
        */
-      g(this, "observe", e);
+      p(this, "observe", e);
       /**
        *
        */
-      g(this, "unobserve");
+      p(this, "unobserve");
       /**
        *
        */
-      g(this, "cb");
-      this.cb = l;
+      p(this, "cb");
+      this.cb = s;
     }
   }
-  return [window, global].forEach((s) => {
-    Object.defineProperty(s, "ResizeObserver", {
+  return [window, global].forEach((r) => {
+    Object.defineProperty(r, "ResizeObserver", {
       writable: !0,
       configurable: !0,
       value: n
     });
   }), n;
 };
-class Te extends Event {
+class Ae extends Event {
   constructor() {
     super(...arguments);
     /**
      *
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    g(this, "detail");
+    p(this, "detail");
   }
 }
-const ze = () => {
-  class t extends Te {
+const Je = () => {
+  class t extends Ae {
   }
   return [window, global].forEach((e) => {
     Object.defineProperty(e, "SubmitEvent", {
@@ -538,28 +644,30 @@ const ze = () => {
   }), t;
 };
 export {
-  Fe as ClassList,
-  De as allItemsAreString,
-  Ce as cleanString,
-  je as createID,
-  Se as dateRegExp,
-  Ae as dateToString,
-  Oe as defineLocales,
-  xe as filterArgs,
-  Be as focusableElements,
-  Ee as getLocaleDatePattern,
-  se as getParentWindows,
-  Le as getStoryHTML,
-  Ne as getWindows,
-  _e as isTagName,
-  He as isValidString,
-  Re as localeCurrency,
-  be as localeDate,
-  Me as localeNumber,
-  Pe as nextTick,
-  Ue as setupMutationObserverMock,
-  We as setupResizeObserverMock,
-  ze as setupSubmitEventMock,
-  me as stencilWrapper
+  Me as ClassList,
+  Oe as allItemsAreString,
+  Ne as cleanString,
+  Re as createID,
+  de as dateRegExp,
+  We as dateToString,
+  we as defineLocales,
+  Ge as filterArgs,
+  De as focusableElements,
+  Pe as getLocaleDatePattern,
+  G as getParentWindows,
+  Xe as getStoryHTML,
+  _e as getWindows,
+  Fe as isTagName,
+  Be as isValidString,
+  ze as localeCurrency,
+  ge as localeDate,
+  qe as localeNumber,
+  Ue as nextTick,
+  Ke as setupMutationObserverMock,
+  Qe as setupResizeObserverMock,
+  Je as setupSubmitEventMock,
+  Ie as stencilWrapper,
+  He as vsCodeGenerator,
+  Ce as webTypesGenerator
 };
 //# sourceMappingURL=index.es.js.map