@mgdis/stencil-helpers 1.1.4 → 1.1.5

package/dist/index.es.js

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