@mgdis/stencil-helpers 1.0.4 → 1.1.1

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 s = Array.from(n).map((r) => r.toString(16).padStart(2, "0")).join("").slice(0, e);
+  return t !== "" ? `${t}-${s}` : s;
+};
+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 = I(t), n = X(t);
+  return [t, ...e, ...n];
+}, 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;
+    }
+  return e;
+}, X = (t, e = []) => {
+  if (t.frames.length > 0)
+    for (const n of Array.from(t.frames))
+      e.push(n), X(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(), K = (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}`;
+}, Q = (t) => {
+  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}
+`).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}
+`).join(""), e += `
+`), t.methods.length && (e += `Methods:
+`, e += t.methods.map(({ name: r, docs: l }) => `- \`${r}\`: ${l}
+`).join(""), e += `
+`), t.events.length && (e += `Events:
+`, e += t.events.map(({ event: r, docs: l }) => `- \`${r}\`: ${l}
+`).join(""), e += `
+`), t.listeners.length && (e += `Listeners:
+`, e += t.listeners.map(({ event: r }) => `- \`${r}\`
+`).join(""), e += `
+`), t.slots.length && (e += `Slots:
+`, e += t.slots.map(({ name: r, docs: l }) => `- \`${r}\`: ${l}
+`).join(""), e += `
+`), e;
+}, F = (t) => `${t.docs}
+
+Type: \`${t.type}\``, Ce = (t, e, n, s) => ({
+  $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);
+        return {
+          name: r.tag,
+          description: Q(r),
+          "doc-url": l,
+          attributes: r.props.filter((o) => o.attr).map((o) => ({
+            name: o.attr,
+            description: F(o),
+            "doc-url": l,
+            value: {
+              type: o.type,
+              default: o.default,
+              required: o.required
+            }
+          })),
+          js: {
+            properties: r.props.map((o) => ({
+              name: o.name,
+              description: F(o),
+              "doc-url": l,
+              value: {
+                type: o.type,
+                default: o.default,
+                required: o.required
+              }
+            })),
+            events: r.events.map((o) => ({
+              name: o.event,
+              description: o.docs
+            }))
+          }
+        };
+      })
+    }
+  }
+}), fe = (t, e, n) => {
+  if (n)
+    return [
+      { name: "Storybook", url: K(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, s) => ({
+  version: t,
+  tags: e.components.map((r) => {
+    const l = fe(n, s, r.filePath);
+    return {
+      name: r.tag,
+      description: Q(r),
+      attributes: r.props.map((o) => ({
+        name: o.attr || o.name,
+        description: F(o),
+        values: $e(o),
+        references: l
+      })),
+      references: l
+    };
+  }),
+  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();
+  return {
+    locale: l,
+    messages: e[o] || 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), _ = {
   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, 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 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);
   };
   if (d(n), e) {
-    e.key && (l = e.key), e.name && (r = e.name);
+    e.key && (r = e.key), e.name && (l = 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$ = r, u.$name$ = l, u;
+}, M = (t, e) => {
   const n = {
     $flags$: 0,
     $tag$: t,
@@ -117,29 +290,29 @@ 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 = {
-  forEach: (t, e) => t.map(P).forEach(e),
-  map: (t, e) => t.map(P).map(e).map(ue)
-}, P = (t) => ({
+}, ve = {}, be = (t) => t && t.$tag$ === ve, Se = {
+  forEach: (t, e) => t.map(W).forEach(e),
+  map: (t, e) => t.map(W).map(e).map(ke)
+}, W = (t) => ({
   vattrs: t.$attrs$,
   vchildren: t.$children$,
   vkey: t.$key$,
   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) => {
+}, z = (t, e, n, s, r, l) => {
   if (n !== s) {
-    let o = I(t, e), c = e.toLowerCase();
+    let o = G(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 = q(n), u = q(s);
+      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] = "");
@@ -149,13 +322,13 @@ const H = "http://www.w3.org/1999/xlink", C = {}, re = "http://www.w3.org/2000/s
       if (e === "ref")
         s && s(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) : G(C, c) ? e = c.slice(2) : e = c[2] + e.slice(3), n || s) {
+          const i = e.endsWith(Z);
+          e = e.replace(me, ""), n && x.rel(t, e, n, i), s && x.ael(t, e, s, i);
         }
       } else {
-        const i = q(s);
-        if ((o || i && s !== null) && !l)
+        const i = J(s);
+        if ((o || i && s !== null) && !r)
           try {
             if (t.tagName.includes("-"))
               t[e] = s;
@@ -166,180 +339,186 @@ const H = "http://www.w3.org/1999/xlink", C = {}, re = "http://www.w3.org/2000/s
           } 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), 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));
       }
   }
-}, 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$);
+}, 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)
-    U(l, s, r[s], o[s], n, e.$flags$);
-}, j = (t, e, n, s) => {
+    z(r, s, l[s], o[s], n, e.$flags$);
+}, O = (t, e, n, s) => {
+  var r;
   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$ ? (
+  let o = 0, c, i, d;
+  if (B || (N = !0, l.$tag$ === "slot" && (k && s.classList.add(k + "-s"), l.$flags$ |= l.$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$);
+    c = l.$elm$ = j.createTextNode(l.$text$);
   else if (l.$flags$ & 1)
-    o = l.$elm$ = R.createTextNode("");
+    c = l.$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 = l.$tag$ === "svg"), c = l.$elm$ = j.createElementNS(h ? pe : he, l.$flags$ & 2 ? "slot-fb" : l.$tag$), h && l.$tag$ === "foreignObject" && (h = !1), V(null, l, h), ye(k) && c["s-si"] !== k && c.classList.add(c["s-si"] = k), l.$children$)
+      for (o = 0; o < l.$children$.length; ++o)
+        i = O(t, l, o, c), i && c.appendChild(i);
+    l.$tag$ === "svg" ? h = !1 : c.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;
+  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) => {
   x.$flags$ |= 1;
-  const n = t.childNodes;
+  const n = 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);
+  }
   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);
+    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);
   }
   x.$flags$ &= -2;
-}, J = (t, e, n, s, l, r) => {
+}, ee = (t, e, n, s, r, l) => {
   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 (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 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());
+    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());
     }
   }
-}, 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, 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;
+  for (; l <= d && o <= $; )
     if (u == null)
-      u = e[++r];
-    else if (f == null)
-      f = e[--d];
+      u = e[++l];
     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 = s[++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];
     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 = 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$ !== 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[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$));
     }
-  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$;
+  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$;
   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 = 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) => {
   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 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 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;
                 break;
               }
-            } else if (l.nodeType === 1 || l.nodeType === 3 && l.textContent.trim() !== "") {
+            } else if (r.nodeType === 1 || r.nodeType === 3 && r.textContent.trim() !== "") {
               n.hidden = !0;
               break;
             }
           }
       }
-      w(n);
+      ne(n);
     }
-}, S = [], V = (t) => {
+}, b = [], re = (t) => {
   let e, n, s;
-  for (const l of t.childNodes) {
-    if (l["s-sr"] && (e = l["s-cr"]) && e.parentNode) {
+  for (const r of t.childNodes) {
+    if (r["s-sr"] && (e = r["s-cr"]) && e.parentNode) {
       n = e.parentNode.childNodes;
-      const r = l["s-sn"];
+      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"] !== 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,
+        if (e = n[s], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== r["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,
               $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) => {
+              w(c.$nodeToRelocate$, e["s-sn"]) && (o = b.find((i) => i.$nodeToRelocate$ === e), o && !c.$slotRefNode$ && (c.$slotRefNode$ = o.$slotRefNode$));
             });
           } else
-            S.some((o) => o.$nodeToRelocate$ === e) || S.push({
+            b.some((o) => o.$nodeToRelocate$ === e) || b.push({
               $nodeToRelocate$: e
             });
     }
-    l.nodeType === 1 && V(l);
+    r.nodeType === 1 && re(r);
   }
-}, 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);
+}, 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$)
+    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);
   {
-    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 (x.$flags$ |= 1, N) {
+      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 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;
                 break;
               }
-              E = E.previousSibling;
+              A = A.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 = (l = f["s-ih"]) !== null && l !== void 0 ? l : !1)), f && typeof g["s-rf"] == "function" && g["s-rf"](f);
         } 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"] = (o = f.hidden) !== null && o !== void 0 ? o : !1), f.hidden = !0);
       }
     }
-    M && w(f.$elm$), x.$flags$ &= -2, S.length = 0;
+    R && ne(a.$elm$), x.$flags$ &= -2, b.length = 0;
   }
-  if (X.experimentalScopedSlotChanges && d.$flags$ & 2)
-    for (const $ of f.$elm$.childNodes)
+  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);
-  F = void 0;
-}, I = (t, e) => e in t, N = typeof window < "u" ? window : {}, R = N.document || { head: {} };
-N.HTMLElement;
+  D = void 0;
+}, G = (t, e) => e in t, C = typeof window < "u" ? window : {}, j = C.document || { head: {} };
+C.HTMLElement;
 const x = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -348,33 +527,33 @@ const x = {
   ael: (t, e, n, s) => t.addEventListener(e, n, s),
   rel: (t, e, n, s) => t.removeEventListener(e, n, s),
   ce: (t, e) => new CustomEvent(t, e)
-}, ye = (t, e, n) => {
+}, 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);
-}, te = (t, e, n, s, l) => {
+}, oe = (t, e, n, s, r) => {
   if (e && typeof e == "string") {
-    const r = document.createElement(e);
+    const l = document.createElement(e);
     Object.keys(n || {}).forEach((o) => {
-      ye(r, o, n[o]);
+      Ae(l, 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);
+      oe(l, o.$tag$, o.$attrs$, o.$children$, o.$text$);
+    }), n != null && n.innerHTML && (l.innerHTML = n.innerHTML), t.appendChild(l);
   }
-  l && (t.innerHTML = l);
-}, xe = (t, e) => {
+  r && (t.innerHTML = r);
+}, 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);
+      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);
     }
   return n;
-}, me = (t, e) => {
-  var s, l;
+}, Ie = (t, e) => {
+  var s, r;
   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 (r = document.querySelector("[lang]")) == null || r.setAttribute("lang", ((s = e.globals) == null ? void 0 : s.locale) || "en"), Le(
       {
         $ancestorComponent$: void 0,
         $flags$: 0,
@@ -387,125 +566,58 @@ 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 }) => {
+}, 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 {
-    constructor(r) {
+    constructor(l) {
       /**
        *
        */
-      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 = l;
     }
   }
-  return [window, global].forEach((l) => {
-    Object.defineProperty(l, "MutationObserver", {
+  return [window, global].forEach((r) => {
+    Object.defineProperty(r, "MutationObserver", {
       writable: !0,
       configurable: !0,
       value: s
     });
   }), s;
-}, We = ({ disconnect: t, observe: e }) => {
+}, Qe = ({ disconnect: t, observe: e }) => {
   class n {
-    constructor(l) {
+    constructor(r) {
       /**
        *
        */
-      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 = r;
     }
   }
   return [window, global].forEach((s) => {
@@ -516,18 +628,18 @@ const De = (t) => Array.isArray(t) && t.every((e) => typeof e == "string"), _e =
     });
   }), n;
 };
-class Te extends Event {
+class Ee 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 Ee {
   }
   return [window, global].forEach((e) => {
     Object.defineProperty(e, "SubmitEvent", {
@@ -538,28 +650,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,
+  I 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