@mgdis/stencil-helpers 1.1.2 → 1.1.4

package/dist/index.es.js

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