@mgdis/stencil-helpers 2.2.2 → 2.2.4

package/dist/index.es.js

@@ -1,34 +1,34 @@
-var pe = Object.defineProperty;
-var G = (e) => {
+var he = Object.defineProperty;
+var W = (e) => {
   throw TypeError(e);
 };
-var ge = (e, t, s) => t in e ? pe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var g = (e, t, s) => ge(e, typeof t != "symbol" ? t + "" : t, s), he = (e, t, s) => t.has(e) || G("Cannot " + s);
-var T = (e, t, s) => (he(e, t, "read from private field"), s ? s.call(e) : t.get(e)), B = (e, t, s) => t.has(e) ? G("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s);
-const ze = (e = "", t = 10) => {
+var ve = (e, t, s) => t in e ? he(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var p = (e, t, s) => ve(e, typeof t != "symbol" ? t + "" : t, s), ye = (e, t, s) => t.has(e) || W("Cannot " + s);
+var x = (e, t, s) => (ye(e, t, "read from private field"), s ? s.call(e) : t.get(e)), B = (e, t, s) => t.has(e) ? W("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s);
+const Ge = (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, t);
   return e !== "" ? `${e}-${r}` : r;
-}, Ie = (e) => ye(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;
-class Ge {
+}, Xe = (e) => me(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;
+class Ze {
   constructor(t = []) {
     /**
      * Available classes
      */
-    g(this, "classes");
+    p(this, "classes");
     /**
      * Add class
      * @param className - class name to add
      */
-    g(this, "add", (t) => {
+    p(this, "add", (t) => {
       this.has(t) || this.classes.push(t);
     });
     /**
      * Delete class
      * @param className - class name to delete
      */
-    g(this, "delete", (t) => {
+    p(this, "delete", (t) => {
       const s = this.classes.indexOf(t);
       s > -1 && this.classes.splice(s, 1);
     });
@@ -37,128 +37,42 @@ class Ge {
      * @param className - class name to check
      * @returns class name is in the list
      */
-    g(this, "has", (t) => this.classes.includes(t));
+    p(this, "has", (t) => this.classes.includes(t));
     /**
      * Join classes seperated by spaces
      * @returns joined values
      */
-    g(this, "join", () => this.classes.join(" "));
+    p(this, "join", () => this.classes.join(" "));
     this.classes = t;
   }
 }
-const Xe = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Ke = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Qe = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Ze = (e) => {
-  const t = V(e), s = ee(e);
+const Je = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Ke = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Qe = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Ye = (e) => {
+  const t = Y(e), s = V(e);
   return [e, ...t, ...s];
-}, V = (e, t = []) => {
+}, Y = (e, t = []) => {
   if (e.self !== e.top)
     try {
       const s = e.parent;
-      return s ? (t.push(s), V(s, t)) : t;
+      return s ? (t.push(s), Y(s, t)) : t;
     } catch (s) {
       return console.error("Different hosts between iframes:", s), t;
     }
   return t;
-}, ee = (e, t = []) => {
+}, V = (e, t = []) => {
   if (e.frames.length > 0)
     for (const s of Array.from(e.frames))
-      t.push(s), ee(s, t);
+      t.push(s), V(s, t);
   return t;
-}, ye = (e) => typeof e == "string" && e.trim() !== "", Je = (e) => typeof e == "object" ? JSON.stringify(e) : `${e}`, Ye = (e) => typeof e == "number" && !Number.isNaN(e), Ve = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, et = async (e) => e();
-var H = {
-  allRenderFn: !1,
-  cmpDidLoad: !0,
-  cmpDidUnload: !1,
-  cmpDidUpdate: !0,
-  cmpDidRender: !0,
-  cmpWillLoad: !0,
-  cmpWillUpdate: !0,
-  cmpWillRender: !0,
-  connectedCallback: !0,
-  disconnectedCallback: !0,
-  element: !0,
-  event: !0,
-  hasRenderFn: !0,
-  lifecycle: !0,
-  hostListener: !0,
-  hostListenerTargetWindow: !0,
-  hostListenerTargetDocument: !0,
-  hostListenerTargetBody: !0,
-  hostListenerTargetParent: !1,
-  hostListenerTarget: !0,
-  member: !0,
-  method: !0,
-  mode: !0,
-  observeAttribute: !0,
-  prop: !0,
-  propMutable: !0,
-  reflect: !0,
-  scoped: !0,
-  shadowDom: !0,
-  slot: !0,
-  cssAnnotations: !0,
-  state: !0,
-  style: !0,
-  formAssociated: !1,
-  svg: !0,
+}, me = (e) => typeof e == "string" && e.trim() !== "", Ve = (e) => typeof e == "object" ? JSON.stringify(e) : `${e}`, et = (e) => typeof e == "number" && !Number.isNaN(e), tt = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, st = async (e) => e();
+var C = {
   updatable: !0,
-  vdomAttribute: !0,
-  vdomXlink: !0,
-  vdomClass: !0,
-  vdomFunctional: !0,
-  vdomKey: !0,
-  vdomListener: !0,
-  vdomRef: !0,
-  vdomPropOrAttr: !0,
-  vdomRender: !0,
-  vdomStyle: !0,
-  vdomText: !0,
-  watchCallback: !0,
-  taskQueue: !0,
-  hotModuleReplacement: !1,
-  isDebug: !1,
-  isDev: !1,
-  isTesting: !1,
-  hydrateServerSide: !1,
-  hydrateClientSide: !1,
-  lifecycleDOMEvents: !1,
-  lazyLoad: !1,
-  profile: !1,
   slotRelocation: !0,
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
-  appendChildSlotFix: !1,
-  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
-  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,
-  // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
-  shadowDomShim: !1,
-  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
-  slotChildNodesFix: !1,
-  invisiblePrehydration: !0,
-  propBoolean: !0,
-  propNumber: !0,
-  propString: !0,
-  constructableCSS: !0,
-  cmpShouldUpdate: !0,
-  devTools: !1,
-  shadowDelegatesFocus: !0,
-  initializeNextTick: !1,
-  asyncLoading: !0,
-  asyncQueue: !1,
-  transformTagName: !1,
-  attachStyles: !0,
-  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
-}, ve = Object.defineProperty, me = (e, t) => {
+}, be = Object.defineProperty, Se = (e, t) => {
   for (var s in t)
-    ve(e, s, { get: t[s], enumerable: !0 });
-}, be = "http://www.w3.org/2000/svg", Se = "http://www.w3.org/1999/xhtml", X = (e, t) => t in e, K = "http://www.w3.org/1999/xlink", z = typeof window < "u" ? window : {}, R = z.document || { head: {} };
-z.HTMLElement;
-var A = {
+    be(e, s, { get: t[s], enumerable: !0 });
+}, ke = "http://www.w3.org/2000/svg", xe = "http://www.w3.org/1999/xhtml", G = (e, t) => t in e, X = "http://www.w3.org/1999/xlink", ee = typeof window < "u" ? window : {}, L = ee.document || { head: {} }, _ = {
   $flags$: 0,
   $resourcesUrl$: "",
   jmp: (e) => e(),
@@ -166,13 +80,13 @@ var A = {
   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)
-}, ke = (e) => e != null && e !== void 0, te = (e) => (e = typeof e, e === "object" || e === "function"), Te = {};
-me(Te, {
+}, Te = (e) => e != null && e !== void 0, te = (e) => (e = typeof e, e === "object" || e === "function"), _e = {};
+Se(_e, {
   err: () => se,
-  map: () => xe,
+  map: () => Ee,
   ok: () => P,
   unwrap: () => Ae,
-  unwrapErr: () => Ee
+  unwrapErr: () => je
 });
 var P = (e) => ({
   isOk: !0,
@@ -183,7 +97,7 @@ var P = (e) => ({
   isErr: !0,
   value: e
 });
-function xe(e, t) {
+function Ee(e, t) {
   if (e.isOk) {
     const s = t(e.value);
     return s instanceof Promise ? s.then((r) => P(r)) : P(s);
@@ -198,7 +112,7 @@ var Ae = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, Ee = (e) => {
+}, je = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
@@ -206,30 +120,32 @@ var Ae = (e) => {
   const t = e.__childNodes || e.childNodes;
   e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && ne(t, e.tagName).forEach((s) => {
     var r;
-    s.nodeType === 1 && s.tagName === "SLOT-FB" && ((r = je(s, s["s-sn"], !1)) != null && r.length ? s.hidden = !0 : s.hidden = !1);
+    s.nodeType === 1 && s.tagName === "SLOT-FB" && ((r = Oe(s, s["s-sn"], !1)) != null && r.length ? s.hidden = !0 : s.hidden = !1);
   });
   for (const s of t)
     s.nodeType === 1 && (s.__childNodes || s.childNodes).length && re(s);
-}, ne = (e, t, s) => {
-  let r = 0, n = [], o;
+};
+function ne(e, t, s) {
+  let r = 0, n = [], i;
   for (; r < e.length; r++)
-    o = e[r], o["s-sr"] && o["s-hn"] === t && n.push(o), n = [...n, ...ne(o.childNodes, t)];
+    i = e[r], i["s-sr"] && i["s-hn"] === t && s === void 0 && n.push(i), n = [...n, ...ne(i.childNodes, t, s)];
   return n;
-}, je = (e, t, s = !0) => {
+}
+var Oe = (e, t, s = !0) => {
   const r = [];
   for ((s && e["s-sr"] || !e["s-sr"]) && r.push(e); (e = e.nextSibling) && e["s-sn"] === t; )
     r.push(e);
   return r;
-}, Q = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", _e = (e, t, ...s) => {
-  let r = null, n = null, o = null, i = !1, u = !1;
-  const a = [], $ = (l) => {
+}, Z = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Re = (e, t, ...s) => {
+  let r = null, n = null, i = null, o = !1, f = !1;
+  const c = [], $ = (l) => {
     for (let d = 0; d < l.length; d++)
-      r = l[d], Array.isArray(r) ? $(r) : r != null && typeof r != "boolean" && ((i = !te(r)) && (r = String(r)), i && u ? a[a.length - 1].$text$ += r : a.push(i ? W(null, r) : r), u = i);
+      r = l[d], Array.isArray(r) ? $(r) : r != null && typeof r != "boolean" && ((o = !te(r)) && (r = String(r)), o && f ? c[c.length - 1].$text$ += r : c.push(o ? w(null, r) : r), f = o);
   };
   $(s);
-  const f = W(e, null);
-  return f.$attrs$ = t, a.length > 0 && (f.$children$ = a), f.$key$ = n, f.$name$ = o, f;
-}, W = (e, t) => {
+  const u = w(e, null);
+  return u.$attrs$ = t, c.length > 0 && (u.$children$ = c), u.$key$ = n, u.$name$ = i, u;
+}, w = (e, t) => {
   const s = {
     $flags$: 0,
     $tag$: e,
@@ -238,51 +154,63 @@ var Ae = (e) => {
     $children$: null
   };
   return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
-}, Le = {}, Oe = (e) => e && e.$tag$ === Le, Z = (e, t, s, r, n, o) => {
+}, Le = {}, Me = (e) => e && e.$tag$ === Le, J = (e, t, s, r, n, i, o) => {
   if (s !== r) {
-    let i = X(e, t), u = t.toLowerCase();
+    let f = G(e, t), c = t.toLowerCase();
     if (t === "class") {
-      const a = e.classList, $ = J(s);
-      let f = J(r);
-      e["s-si"] ? (f.push(e["s-si"]), $.forEach((l) => {
-        l.startsWith(e["s-si"]) && f.push(l);
-      }), f = [...new Set(f)], a.add(...f), delete e["s-si"]) : (a.remove(...$.filter((l) => l && !f.includes(l))), a.add(...f.filter((l) => l && !$.includes(l))));
+      const $ = e.classList, u = K(s);
+      let l = K(r);
+      $.remove(...u.filter((d) => d && !l.includes(d))), $.add(...l.filter((d) => d && !u.includes(d)));
     } else if (t === "style") {
-      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]);
+      for (const $ in s)
+        (!r || r[$] == null) && ($.includes("-") ? e.style.removeProperty($) : e.style[$] = "");
+      for (const $ in r)
+        (!s || r[$] !== s[$]) && ($.includes("-") ? e.style.setProperty($, r[$]) : e.style[$] = r[$]);
     } 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) : X(z, u) ? t = u.slice(2) : t = u[2] + t.slice(3), s || r) {
-        const a = t.endsWith(ie);
-        t = t.replace(Fe, ""), s && A.rel(e, t, s, a), r && A.ael(e, t, r, a);
+      if (t[2] === "-" ? t = t.slice(3) : G(ee, c) ? t = c.slice(2) : t = c[2] + t.slice(3), s || r) {
+        const $ = t.endsWith(ie);
+        t = t.replace(Ne, ""), s && _.rel(e, t, s, $), r && _.ael(e, t, r, $);
       }
     } else {
-      const a = te(r);
-      if ((i || a && r !== null) && !n)
+      const $ = te(r);
+      if ((f || $ && r !== null) && !n)
         try {
           if (e.tagName.includes("-"))
-            e[t] = r;
+            e[t] !== r && (e[t] = r);
           else {
-            const f = r ?? "";
-            t === "list" ? i = !1 : (s == null || e[t] != f) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = f : e.setAttribute(t, f));
+            const l = r ?? "";
+            t === "list" ? f = !1 : (s == null || e[t] != l) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = l : e.setAttribute(t, l));
           }
         } catch {
         }
-      let $ = !1;
-      u !== (u = u.replace(/^xlink\:?/, "")) && (t = u, $ = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === "") && ($ ? e.removeAttributeNS(K, t) : e.removeAttribute(t)) : (!i || o & 4 || n) && !a && (r = r === !0 ? "" : r, $ ? e.setAttributeNS(K, t, r) : e.setAttribute(t, r));
+      let u = !1;
+      c !== (c = c.replace(/^xlink\:?/, "")) && (t = c, u = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === "") && (u ? e.removeAttributeNS(X, t) : e.removeAttribute(t)) : (!f || i & 4 || n) && !$ && (r = r === !0 ? "" : r, u ? e.setAttributeNS(X, t, r) : e.setAttribute(t, r));
     }
   }
-}, Re = /\s/, J = (e) => (typeof e == "object" && "baseVal" in e && (e = e.baseVal), e ? e.split(Re) : []), ie = "Capture", Fe = new RegExp(ie + "$"), oe = (e, t, s) => {
-  const r = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, n = e && e.$attrs$ || {}, o = t.$attrs$ || {};
-  for (const i of Y(Object.keys(n)))
-    i in o || Z(r, i, n[i], void 0, s, t.$flags$);
-  for (const i of Y(Object.keys(o)))
-    Z(r, i, n[i], o[i], s, t.$flags$);
+}, Fe = /\s/, K = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(Fe)), ie = "Capture", Ne = new RegExp(ie + "$"), oe = (e, t, s, r) => {
+  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, i = e && e.$attrs$ || {}, o = t.$attrs$ || {};
+  for (const f of Q(Object.keys(i)))
+    f in o || J(
+      n,
+      f,
+      i[f],
+      void 0,
+      s,
+      t.$flags$
+    );
+  for (const f of Q(Object.keys(o)))
+    J(
+      n,
+      f,
+      i[f],
+      o[f],
+      s,
+      t.$flags$
+    );
 };
-function Y(e) {
+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"]
@@ -291,11 +219,11 @@ function Y(e) {
     e
   );
 }
-var F, N, E, M = !1, D = !1, I = !1, y = !1, C = (e, t, s) => {
+var M, F, E, N = !1, H = !1, I = !1, v = !1, D = (e, t, s) => {
   var r;
   const n = t.$children$[s];
-  let o = 0, i, u, a;
-  if (M || (I = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
+  let i = 0, o, f, c;
+  if (N || (I = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -305,214 +233,212 @@ var F, N, E, M = !1, D = !1, I = !1, y = !1, C = (e, t, s) => {
     // where actual slot content should sit next to
     1
   ))), n.$text$ !== null)
-    i = n.$elm$ = R.createTextNode(n.$text$);
+    o = n.$elm$ = L.createTextNode(n.$text$);
   else if (n.$flags$ & 1)
-    i = n.$elm$ = R.createTextNode("");
+    o = n.$elm$ = L.createTextNode("");
   else {
-    if (y || (y = n.$tag$ === "svg"), i = n.$elm$ = R.createElementNS(
-      y ? be : Se,
-      !M && H.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
-    ), y && n.$tag$ === "foreignObject" && (y = !1), oe(null, n, y), ke(F) && i["s-si"] !== F && i.classList.add(i["s-si"] = F), n.$children$)
-      for (o = 0; o < n.$children$.length; ++o)
-        u = C(e, n, o), u && i.appendChild(u);
-    n.$tag$ === "svg" ? y = !1 : i.tagName === "foreignObject" && (y = !0);
+    if (v || (v = n.$tag$ === "svg"), o = n.$elm$ = L.createElementNS(
+      v ? ke : xe,
+      !N && C.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
+    ), v && n.$tag$ === "foreignObject" && (v = !1), oe(null, n, v), Te(M) && o["s-si"] !== M && o.classList.add(o["s-si"] = M), n.$children$)
+      for (i = 0; i < n.$children$.length; ++i)
+        f = D(e, n, i), f && o.appendChild(f);
+    n.$tag$ === "svg" ? v = !1 : o.tagName === "foreignObject" && (v = !0);
   }
-  return i["s-hn"] = E, n.$flags$ & 3 && (i["s-sr"] = !0, i["s-cr"] = N, i["s-sn"] = n.$name$ || "", i["s-rf"] = (r = n.$attrs$) == null ? void 0 : r.ref, a = e && e.$children$ && e.$children$[s], a && a.$tag$ === n.$tag$ && e.$elm$ && j(e.$elm$, !1), ue(N, i, t.$elm$, e == null ? void 0 : e.$elm$)), i;
-}, j = (e, t) => {
-  A.$flags$ |= 1;
+  return o["s-hn"] = E, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = F, o["s-sn"] = n.$name$ || "", o["s-rf"] = (r = n.$attrs$) == null ? void 0 : r.ref, c = e && e.$children$ && e.$children$[s], c && c.$tag$ === n.$tag$ && e.$elm$ && A(e.$elm$, !1), $e(F, o, t.$elm$, e == null ? void 0 : e.$elm$)), o;
+}, A = (e, t) => {
+  _.$flags$ |= 1;
   const s = Array.from(e.__childNodes || e.childNodes);
-  e["s-sr"] && H.experimentalSlotFixes;
+  e["s-sr"] && C.experimentalSlotFixes;
   for (let r = s.length - 1; r >= 0; r--) {
     const n = s[r];
-    n["s-hn"] !== E && n["s-ol"] && (k(_(n).parentNode, n, _(n)), n["s-ol"].remove(), n["s-ol"] = void 0, n["s-sh"] = void 0, I = !0), t && j(n, t);
+    n["s-hn"] !== E && n["s-ol"] && (k(j(n).parentNode, n, j(n)), n["s-ol"].remove(), n["s-ol"] = void 0, n["s-sh"] = void 0, I = !0), t && A(n, t);
   }
-  A.$flags$ &= -2;
-}, le = (e, t, s, r, n, o) => {
-  let i = e["s-cr"] && e["s-cr"].parentNode || e, u;
-  for (i.shadowRoot && i.tagName === E && (i = i.shadowRoot); n <= o; ++n)
-    r[n] && (u = C(null, s, n), u && (r[n].$elm$ = u, k(i, u, _(t))));
+  _.$flags$ &= -2;
+}, le = (e, t, s, r, n, i) => {
+  let o = e["s-cr"] && e["s-cr"].parentNode || e, f;
+  for (o.shadowRoot && o.tagName === E && (o = o.shadowRoot); n <= i; ++n)
+    r[n] && (f = D(null, s, n), f && (r[n].$elm$ = f, k(o, f, j(t))));
 }, ae = (e, t, s) => {
   for (let r = t; r <= s; ++r) {
     const n = e[r];
     if (n) {
-      const o = n.$elm$;
-      fe(n), o && (D = !0, o["s-ol"] ? o["s-ol"].remove() : j(o, !0), o.remove());
+      const i = n.$elm$;
+      fe(n), i && (H = !0, i["s-ol"] ? i["s-ol"].remove() : A(i, !0), i.remove());
     }
   }
-}, Ne = (e, t, s, r, n = !1) => {
-  let o = 0, i = 0, u = 0, a = 0, $ = t.length - 1, f = t[0], l = t[$], d = r.length - 1, c = r[0], p = r[d], m, v;
-  for (; o <= $ && i <= d; )
-    if (f == null)
-      f = t[++o];
+}, He = (e, t, s, r, n = !1) => {
+  let i = 0, o = 0, f = 0, c = 0, $ = t.length - 1, u = t[0], l = t[$], d = r.length - 1, a = r[0], g = r[d], m, y;
+  for (; i <= $ && o <= d; )
+    if (u == null)
+      u = t[++i];
     else if (l == null)
       l = t[--$];
-    else if (c == null)
-      c = r[++i];
-    else if (p == null)
-      p = r[--d];
-    else if (O(f, c, n))
-      x(f, c, n), f = t[++o], c = r[++i];
-    else if (O(l, p, n))
-      x(l, p, n), l = t[--$], p = r[--d];
-    else if (O(f, p, n))
-      (f.$tag$ === "slot" || p.$tag$ === "slot") && j(f.$elm$.parentNode, !1), x(f, p, n), k(e, f.$elm$, l.$elm$.nextSibling), f = t[++o], p = r[--d];
-    else if (O(l, c, n))
-      (f.$tag$ === "slot" || p.$tag$ === "slot") && j(l.$elm$.parentNode, !1), x(l, c, n), k(e, l.$elm$, f.$elm$), l = t[--$], c = r[++i];
+    else if (a == null)
+      a = r[++o];
+    else if (g == null)
+      g = r[--d];
+    else if (R(u, a, n))
+      T(u, a, n), u = t[++i], a = r[++o];
+    else if (R(l, g, n))
+      T(l, g, n), l = t[--$], g = r[--d];
+    else if (R(u, g, n))
+      (u.$tag$ === "slot" || g.$tag$ === "slot") && A(u.$elm$.parentNode, !1), T(u, g, n), k(e, u.$elm$, l.$elm$.nextSibling), u = t[++i], g = r[--d];
+    else if (R(l, a, n))
+      (u.$tag$ === "slot" || g.$tag$ === "slot") && A(l.$elm$.parentNode, !1), T(l, a, n), k(e, l.$elm$, u.$elm$), l = t[--$], a = r[++o];
     else {
-      for (u = -1, a = o; a <= $; ++a)
-        if (t[a] && t[a].$key$ !== null && t[a].$key$ === c.$key$) {
-          u = a;
+      for (f = -1, c = i; c <= $; ++c)
+        if (t[c] && t[c].$key$ !== null && t[c].$key$ === a.$key$) {
+          f = c;
           break;
         }
-      u >= 0 ? (v = t[u], v.$tag$ !== c.$tag$ ? m = C(t && t[i], s, u) : (x(v, c, n), t[u] = void 0, m = v.$elm$), c = r[++i]) : (m = C(t && t[i], s, i), c = r[++i]), m && k(
-        _(f.$elm$).parentNode,
+      f >= 0 ? (y = t[f], y.$tag$ !== a.$tag$ ? m = D(t && t[o], s, f) : (T(y, a, n), t[f] = void 0, m = y.$elm$), a = r[++o]) : (m = D(t && t[o], s, o), a = r[++o]), m && k(
+        j(u.$elm$).parentNode,
         m,
-        _(f.$elm$)
+        j(u.$elm$)
       );
     }
-  o > $ ? le(
+  i > $ ? le(
     e,
     r[d + 1] == null ? null : r[d + 1].$elm$,
     s,
     r,
-    i,
+    o,
     d
-  ) : i > d && ae(t, o, $);
-}, O = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : s ? (s && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, _ = (e) => e && e["s-ol"] || e, x = (e, t, s = !1) => {
-  const r = t.$elm$ = e.$elm$, n = e.$children$, o = t.$children$, i = t.$tag$, u = t.$text$;
-  let a;
-  u === null ? (y = i === "svg" ? !0 : i === "foreignObject" ? !1 : y, i === "slot" && !M || oe(e, t, y), n !== null && o !== null ? Ne(r, n, t, o, s) : o !== null ? (e.$text$ !== null && (r.textContent = ""), le(r, null, t, o, 0, o.length - 1)) : (
+  ) : o > d && ae(t, i, $);
+}, R = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : s ? (s && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, j = (e) => e && e["s-ol"] || e, T = (e, t, s = !1) => {
+  const r = t.$elm$ = e.$elm$, n = e.$children$, i = t.$children$, o = t.$tag$, f = t.$text$;
+  let c;
+  f === null ? (v = o === "svg" ? !0 : o === "foreignObject" ? !1 : v, o === "slot" && !N || oe(e, t, v), n !== null && i !== null ? He(r, n, t, i, s) : i !== null ? (e.$text$ !== null && (r.textContent = ""), le(r, null, t, i, 0, i.length - 1)) : (
     // don't do this on initial render as it can cause non-hydrated content to be removed
-    !s && H.updatable && n !== null && ae(n, 0, n.length - 1)
-  ), y && i === "svg" && (y = !1)) : (a = r["s-cr"]) ? a.parentNode.textContent = u : e.$text$ !== u && (r.data = u);
+    !s && C.updatable && n !== null && ae(n, 0, n.length - 1)
+  ), v && o === "svg" && (v = !1)) : (c = r["s-cr"]) ? c.parentNode.textContent = f : e.$text$ !== f && (r.data = f);
 }, b = [], ce = (e) => {
   let t, s, r;
   const n = e.__childNodes || e.childNodes;
-  for (const o of n) {
-    if (o["s-sr"] && (t = o["s-cr"]) && t.parentNode) {
+  for (const i of n) {
+    if (i["s-sr"] && (t = i["s-cr"]) && t.parentNode) {
       s = t.parentNode.__childNodes || t.parentNode.childNodes;
-      const i = o["s-sn"];
+      const o = i["s-sn"];
       for (r = s.length - 1; r >= 0; r--)
-        if (t = s[r], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== o["s-hn"])
-          if (Q(t, i)) {
-            let u = b.find((a) => a.$nodeToRelocate$ === t);
-            D = !0, t["s-sn"] = t["s-sn"] || i, u ? (u.$nodeToRelocate$["s-sh"] = o["s-hn"], u.$slotRefNode$ = o) : (t["s-sh"] = o["s-hn"], b.push({
-              $slotRefNode$: o,
+        if (t = s[r], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== i["s-hn"])
+          if (Z(t, o)) {
+            let f = b.find((c) => c.$nodeToRelocate$ === t);
+            H = !0, t["s-sn"] = t["s-sn"] || o, f ? (f.$nodeToRelocate$["s-sh"] = i["s-hn"], f.$slotRefNode$ = i) : (t["s-sh"] = i["s-hn"], b.push({
+              $slotRefNode$: i,
               $nodeToRelocate$: t
-            })), t["s-sr"] && b.map((a) => {
-              Q(a.$nodeToRelocate$, t["s-sn"]) && (u = b.find(($) => $.$nodeToRelocate$ === t), u && !a.$slotRefNode$ && (a.$slotRefNode$ = u.$slotRefNode$));
+            })), t["s-sr"] && b.map((c) => {
+              Z(c.$nodeToRelocate$, t["s-sn"]) && (f = b.find(($) => $.$nodeToRelocate$ === t), f && !c.$slotRefNode$ && (c.$slotRefNode$ = f.$slotRefNode$));
             });
-          } else b.some((u) => u.$nodeToRelocate$ === t) || b.push({
+          } else b.some((f) => f.$nodeToRelocate$ === t) || b.push({
             $nodeToRelocate$: t
           });
     }
-    o.nodeType === 1 && ce(o);
+    i.nodeType === 1 && ce(i);
   }
 }, fe = (e) => {
   e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(fe);
-}, k = (e, t, s) => (typeof t["s-sn"] == "string" && t["s-sr"] && t["s-cr"] && ue(t["s-cr"], t, e, t.parentElement), e == null ? void 0 : e.insertBefore(t, s));
-function ue(e, t, s, r) {
+}, k = (e, t, s) => (typeof t["s-sn"] == "string" && t["s-sr"] && t["s-cr"] && $e(t["s-cr"], t, e, t.parentElement), e == null ? void 0 : e.insertBefore(t, s));
+function $e(e, t, s, r) {
   var n;
-  let o;
-  if (e && typeof t["s-sn"] == "string" && t["s-sr"] && e.parentNode && e.parentNode["s-sc"] && (o = t["s-si"] || e.parentNode["s-sc"])) {
-    const i = t["s-sn"], u = t["s-hn"];
-    if ((n = s.classList) == null || n.add(o + "-s"), r && r.classList.contains(o + "-s")) {
-      let a = (r.__childNodes || r.childNodes)[0], $ = !1;
-      for (; a; ) {
-        if (a["s-sn"] !== i && a["s-hn"] === u && a["s-sr"]) {
+  let i;
+  if (e && typeof t["s-sn"] == "string" && t["s-sr"] && e.parentNode && e.parentNode["s-sc"] && (i = t["s-si"] || e.parentNode["s-sc"])) {
+    const o = t["s-sn"], f = t["s-hn"];
+    if ((n = s.classList) == null || n.add(i + "-s"), r && r.classList.contains(i + "-s")) {
+      let c = (r.__childNodes || r.childNodes)[0], $ = !1;
+      for (; c; ) {
+        if (c["s-sn"] !== o && c["s-hn"] === f && c["s-sr"]) {
           $ = !0;
           break;
         }
-        a = a.nextSibling;
+        c = c.nextSibling;
       }
-      $ || r.classList.remove(o + "-s");
+      $ || r.classList.remove(i + "-s");
     }
   }
 }
-var Me = (e, t, s = !1) => {
-  var r, n, o, i, u;
-  const a = e.$hostElement$, $ = e.$cmpMeta$, f = e.$vnode$ || W(null, null), l = Oe(t) ? t : _e(null, null, t);
-  if (E = a.tagName, $.$attrsToReflect$ && (l.$attrs$ = l.$attrs$ || {}, $.$attrsToReflect$.map(
-    ([d, c]) => l.$attrs$[c] = a[d]
+var De = (e, t, s = !1) => {
+  var r, n, i, o, f;
+  const c = e.$hostElement$, $ = e.$cmpMeta$, u = e.$vnode$ || w(null, null), l = Me(t) ? t : Re(null, null, t);
+  if (E = c.tagName, $.$attrsToReflect$ && (l.$attrs$ = l.$attrs$ || {}, $.$attrsToReflect$.map(
+    ([d, a]) => l.$attrs$[a] = c[d]
   )), s && l.$attrs$)
     for (const d of Object.keys(l.$attrs$))
-      a.hasAttribute(d) && !["key", "ref", "style", "class"].includes(d) && (l.$attrs$[d] = a[d]);
-  l.$tag$ = null, l.$flags$ |= 4, e.$vnode$ = l, l.$elm$ = f.$elm$ = a.shadowRoot || a, F = a["s-sc"], M = ($.$flags$ & 1) !== 0, N = a["s-cr"], D = !1, x(f, l, s);
+      c.hasAttribute(d) && !["key", "ref", "style", "class"].includes(d) && (l.$attrs$[d] = c[d]);
+  l.$tag$ = null, l.$flags$ |= 4, e.$vnode$ = l, l.$elm$ = u.$elm$ = c.shadowRoot || c, M = c["s-sc"], N = ($.$flags$ & 1) !== 0, F = c["s-cr"], H = !1, T(u, l, s);
   {
-    if (A.$flags$ |= 1, I) {
+    if (_.$flags$ |= 1, I) {
       ce(l.$elm$);
       for (const d of b) {
-        const c = d.$nodeToRelocate$;
-        if (!c["s-ol"]) {
-          const p = R.createTextNode("");
-          p["s-nr"] = c, k(c.parentNode, c["s-ol"] = p, c);
+        const a = d.$nodeToRelocate$;
+        if (!a["s-ol"]) {
+          const g = L.createTextNode("");
+          g["s-nr"] = a, k(a.parentNode, a["s-ol"] = g, a);
         }
       }
       for (const d of b) {
-        const c = d.$nodeToRelocate$, p = d.$slotRefNode$;
-        if (p) {
-          const m = p.parentNode;
-          let v = p.nextSibling;
+        const a = d.$nodeToRelocate$, g = d.$slotRefNode$;
+        if (g) {
+          const m = g.parentNode;
+          let y = g.nextSibling;
           {
-            let L = (r = c["s-ol"]) == null ? void 0 : r.previousSibling;
-            for (; L; ) {
-              let h = (n = L["s-nr"]) != null ? n : null;
-              if (h && h["s-sn"] === c["s-sn"] && m === h.parentNode) {
-                for (h = h.nextSibling; h === c || h != null && h["s-sr"]; )
+            let O = (r = a["s-ol"]) == null ? void 0 : r.previousSibling;
+            for (; O; ) {
+              let h = (n = O["s-nr"]) != null ? n : null;
+              if (h && h["s-sn"] === a["s-sn"] && m === (h.__parentNode || h.parentNode)) {
+                for (h = h.nextSibling; h === a || h != null && h["s-sr"]; )
                   h = h == null ? void 0 : h.nextSibling;
                 if (!h || !h["s-nr"]) {
-                  v = h;
+                  y = h;
                   break;
                 }
               }
-              L = L.previousSibling;
+              O = O.previousSibling;
             }
           }
-          (!v && m !== c.parentNode || c.nextSibling !== v) && c !== v && (!c["s-hn"] && c["s-ol"] && (c["s-hn"] = c["s-ol"].parentNode.nodeName), k(m, c, v), c.nodeType === 1 && c.tagName !== "SLOT-FB" && (c.hidden = (o = c["s-ih"]) != null ? o : !1)), c && typeof p["s-rf"] == "function" && p["s-rf"](c);
+          const ge = a.__parentNode || a.parentNode, pe = a.__nextSibling || a.nextSibling;
+          (!y && m !== ge || pe !== y) && a !== y && (!a["s-hn"] && a["s-ol"] && (a["s-hn"] = a["s-ol"].parentNode.nodeName), k(m, a, y), a.nodeType === 1 && a.tagName !== "SLOT-FB" && (a.hidden = (i = a["s-ih"]) != null ? i : !1)), a && typeof g["s-rf"] == "function" && g["s-rf"](a);
         } else
-          c.nodeType === 1 && (s && (c["s-ih"] = (i = c.hidden) != null ? i : !1), c.hidden = !0);
+          a.nodeType === 1 && (s && (a["s-ih"] = (o = a.hidden) != null ? o : !1), a.hidden = !0);
       }
     }
-    D && re(l.$elm$), A.$flags$ &= -2, b.length = 0;
+    H && re(l.$elm$), _.$flags$ &= -2, b.length = 0;
   }
-  if (H.experimentalScopedSlotChanges && $.$flags$ & 2) {
+  if (C.experimentalScopedSlotChanges && $.$flags$ & 2) {
     const d = l.$elm$.__childNodes || l.$elm$.childNodes;
-    for (const c of d)
-      c["s-hn"] !== E && !c["s-sh"] && (s && c["s-ih"] == null && (c["s-ih"] = (u = c.hidden) != null ? u : !1), c.hidden = !0);
+    for (const a of d)
+      a["s-hn"] !== E && !a["s-sh"] && (s && a["s-ih"] == null && (a["s-ih"] = (f = a.hidden) != null ? f : !1), a.hidden = !0);
   }
-  N = void 0;
+  F = void 0;
 };
-const De = (e, t, s) => {
+const Ue = (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);
-}, de = (e, t, s, r, n) => {
+}, ue = (e, t, s, r, n) => {
   if (t && typeof t == "string") {
-    const o = document.createElement(t);
-    Object.keys(s || {}).forEach((i) => {
-      De(o, i, s[i]);
-    }), r == null || r.forEach((i) => {
-      de(o, i.$tag$, i.$attrs$, i.$children$, i.$text$);
-    }), s != null && s.innerHTML && (o.innerHTML = s.innerHTML), e.appendChild(o);
+    const i = document.createElement(t);
+    Object.keys(s || {}).forEach((o) => {
+      Ue(i, o, s[o]);
+    }), r == null || r.forEach((o) => {
+      ue(i, o.$tag$, o.$attrs$, o.$children$, o.$text$);
+    }), s != null && s.innerHTML && (i.innerHTML = s.innerHTML), e.appendChild(i);
   }
   n && (e.innerHTML = n);
-}, tt = (e, t) => {
+}, rt = (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 n = e[r], o = r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-      (!t || !Object.keys(t).includes(r) || t[r] !== n) && (s[o] = n);
+      const n = e[r], i = r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+      (!t || !Object.keys(t).includes(r) || t[r] !== n) && (s[i] = n);
     }
   return s;
-}, st = (e, t) => {
+}, nt = (e, t) => {
   var r, n;
   const s = document.getElementById("storybook-root");
   if (s !== null)
-    return (n = document.querySelector("[lang]")) == null || n.setAttribute("lang", ((r = t.globals) == null ? void 0 : r.locale) || "en"), Me(
+    return (n = document.querySelector("[lang]")) == null || n.setAttribute("lang", ((r = t.globals) == null ? void 0 : r.locale) || "en"), De(
       {
-        $ancestorComponent$: void 0,
-        $flags$: 0,
-        $modeName$: void 0,
         $cmpMeta$: {
           $flags$: 0,
           $tagName$: s.tagName
@@ -521,22 +447,22 @@ const De = (e, t, s) => {
       },
       e(t)
     ), s.children[s.children.length - 1];
-}, rt = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {
+}, it = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {
   const n = document.createElement("div");
-  return de(n, e, t, s, r), n.innerHTML;
+  return ue(n, e, t, s, r), n.innerHTML;
 }, U = (e, t) => {
   if (!t)
     return;
   const s = t.split("/");
   return `${e}${s.slice(2, s.length - 1).join("-")}--docs`;
 };
-var S, w;
-class nt {
+var S, q;
+class ot {
   constructor(t) {
     /**
      * JsonDocs
      */
-    g(this, "jsonDoc");
+    p(this, "jsonDoc");
     /**
      * Get component data from the jsonDoc
      * @param tagName - tag name we want to get the data from
@@ -549,7 +475,7 @@ class nt {
      * @param prop - prop to get control for
      * @returns control type and options if applicable
      */
-    B(this, w, (t) => {
+    B(this, q, (t) => {
       const s = t.type.replace(/"([^"]+)"/g, "$1").replace(/\s/g, "").replace(/\(.*?\)/g, (r) => r.replace(/\|/g, " OR ")).split("|").map((r) => r.trim().replace(/ OR /g, "|"));
       return t.type === "string" ? { control: { type: "text" } } : t.type === "number" ? { control: { type: "number" } } : t.type === "boolean" ? { control: { type: "boolean" } } : t.type.startsWith("{") && t.type.endsWith("}") ? { control: { type: "object" } } : s.length > 1 ? s.includes("string") ? { control: { type: "text" } } : s.every((r) => r == null ? void 0 : r.includes("[]")) ? { control: { type: "object" } } : (s.unshift(void 0), { control: { type: "select" }, options: s }) : { control: { type: "object" } };
     });
@@ -558,11 +484,11 @@ class nt {
      * @param tagName - tag name we want to extract the arg types from
      * @returns component arg types
      */
-    g(this, "extractArgTypes", (t) => {
-      const s = T(this, S).call(this, t), r = s == null ? void 0 : s.props.reduce((f, l) => {
-        const { control: d, options: c } = T(this, w).call(this, l);
+    p(this, "extractArgTypes", (t) => {
+      const s = x(this, S).call(this, t), r = s == null ? void 0 : s.props.reduce((u, l) => {
+        const { control: d, options: a } = x(this, q).call(this, l);
         return {
-          ...f,
+          ...u,
           [l.name]: {
             name: l.attr || l.name,
             description: l.docs,
@@ -573,12 +499,12 @@ class nt {
               defaultValue: { summary: l.default }
             },
             control: d,
-            options: c
+            options: a
           }
         };
       }, {}), n = s == null ? void 0 : s.events.reduce(
-        (f, l) => ({
-          ...f,
+        (u, l) => ({
+          ...u,
           [l.event]: {
             name: l.event,
             description: l.docs,
@@ -589,9 +515,9 @@ class nt {
           }
         }),
         {}
-      ), o = s == null ? void 0 : s.methods.reduce(
-        (f, l) => ({
-          ...f,
+      ), i = s == null ? void 0 : s.methods.reduce(
+        (u, l) => ({
+          ...u,
           [l.name]: {
             name: l.name,
             description: l.docs,
@@ -602,9 +528,9 @@ class nt {
           }
         }),
         {}
-      ), i = s == null ? void 0 : s.slots.reduce(
-        (f, l) => ({
-          ...f,
+      ), o = s == null ? void 0 : s.slots.reduce(
+        (u, l) => ({
+          ...u,
           [l.name]: {
             name: l.name !== "" ? l.name : "default",
             // default slot are unnamed
@@ -616,9 +542,9 @@ class nt {
           }
         }),
         {}
-      ), u = s == null ? void 0 : s.styles.reduce(
-        (f, l) => ({
-          ...f,
+      ), f = s == null ? void 0 : s.styles.reduce(
+        (u, l) => ({
+          ...u,
           [l.name]: {
             name: l.name,
             description: l.docs,
@@ -629,10 +555,10 @@ class nt {
           }
         }),
         {}
-      ), a = s == null ? void 0 : s.dependencies.reduce((f, l) => {
-        const d = T(this, S).call(this, l);
+      ), c = s == null ? void 0 : s.dependencies.reduce((u, l) => {
+        const d = x(this, S).call(this, l);
         return {
-          ...f,
+          ...u,
           [l]: {
             name: l,
             description: `<a href="./?path=/docs/${U("", d == null ? void 0 : d.filePath)}">View Component Documentation</a>`,
@@ -642,10 +568,10 @@ class nt {
             }
           }
         };
-      }, {}), $ = s == null ? void 0 : s.dependents.reduce((f, l) => {
-        const d = T(this, S).call(this, l);
+      }, {}), $ = s == null ? void 0 : s.dependents.reduce((u, l) => {
+        const d = x(this, S).call(this, l);
         return {
-          ...f,
+          ...u,
           [l]: {
             name: l,
             description: `<a href="./?path=/docs/${U("", d == null ? void 0 : d.filePath)}">View Component Documentation</a>`,
@@ -659,10 +585,10 @@ class nt {
       return {
         ...r,
         ...n,
-        ...o,
         ...i,
-        ...u,
-        ...a,
+        ...o,
+        ...f,
+        ...c,
         ...$
       };
     });
@@ -671,46 +597,46 @@ class nt {
      * @param tagName - tag name we want to extract the description from
      * @returns component description
      */
-    g(this, "extractComponentDescription", (t) => {
-      const s = T(this, S).call(this, t);
+    p(this, "extractComponentDescription", (t) => {
+      const s = x(this, S).call(this, t);
       return (s == null ? void 0 : s.readme) || (s == null ? void 0 : s.docs);
     });
     this.jsonDoc = t;
   }
 }
-S = new WeakMap(), w = new WeakMap();
-const Ce = (e, t) => {
+S = new WeakMap(), q = new WeakMap();
+const qe = (e, t) => {
   if (t)
     return `${e}${t}`;
-}, $e = (e) => {
+}, de = (e) => {
   let t = e.overview ? `${e.overview}
 
 ` : "";
   const s = e.props.filter(({ attr: n }) => n !== void 0);
   s.length && (t += `Attributes:
-`, t += s.map(({ attr: n, docs: o }) => `- \`${n}\`: ${o}
+`, t += s.map(({ attr: n, docs: i }) => `- \`${n}\`: ${i}
 `).join(""), t += `
 `);
   const r = e.props.filter(({ attr: n }) => n === void 0);
   return r.length && (t += `Properties:
-`, t += r.map(({ name: n, docs: o }) => `- \`${n}\`: ${o}
+`, t += r.map(({ name: n, docs: i }) => `- \`${n}\`: ${i}
 `).join(""), t += `
 `), e.methods.length && (t += `Methods:
-`, t += e.methods.map(({ name: n, docs: o }) => `- \`${n}\`: ${o}
+`, t += e.methods.map(({ name: n, docs: i }) => `- \`${n}\`: ${i}
 `).join(""), t += `
 `), e.events.length && (t += `Events:
-`, t += e.events.map(({ event: n, docs: o }) => `- \`${n}\`: ${o}
+`, t += e.events.map(({ event: n, docs: i }) => `- \`${n}\`: ${i}
 `).join(""), t += `
 `), e.listeners.length && (t += `Listeners:
 `, t += e.listeners.map(({ event: n }) => `- \`${n}\`
 `).join(""), t += `
 `), e.slots.length && (t += `Slots:
-`, t += e.slots.map(({ name: n, docs: o }) => `- \`${n}\`: ${o}
+`, t += e.slots.map(({ name: n, docs: i }) => `- \`${n}\`: ${i}
 `).join(""), t += `
 `), t;
-}, q = (e) => `${e.docs}
+}, z = (e) => `${e.docs}
 
-Type: \`${e.type}\``, it = (e, t, s, r) => ({
+Type: \`${e.type}\``, lt = (e, t, s, r) => ({
   $schema: "https://json.schemastore.org/web-types",
   name: e,
   version: t,
@@ -718,64 +644,64 @@ Type: \`${e.type}\``, it = (e, t, s, r) => ({
   contributions: {
     html: {
       elements: s.components.map((n) => {
-        const o = U(r, n.filePath);
+        const i = U(r, n.filePath);
         return {
           name: n.tag,
-          description: $e(n),
-          "doc-url": o,
-          attributes: n.props.filter((i) => i.attr).map((i) => ({
-            name: i.attr,
-            description: q(i),
-            "doc-url": o,
+          description: de(n),
+          "doc-url": i,
+          attributes: n.props.filter((o) => o.attr).map((o) => ({
+            name: o.attr,
+            description: z(o),
+            "doc-url": i,
             value: {
-              type: i.type,
-              default: i.default,
-              required: i.required
+              type: o.type,
+              default: o.default,
+              required: o.required
             }
           })),
           js: {
-            properties: n.props.map((i) => ({
-              name: i.name,
-              description: q(i),
-              "doc-url": o,
+            properties: n.props.map((o) => ({
+              name: o.name,
+              description: z(o),
+              "doc-url": i,
               value: {
-                type: i.type,
-                default: i.default,
-                required: i.required
+                type: o.type,
+                default: o.default,
+                required: o.required
               }
             })),
-            events: n.events.map((i) => ({
-              name: i.event,
-              description: i.docs
+            events: n.events.map((o) => ({
+              name: o.event,
+              description: o.docs
             }))
           },
           css: {
-            properties: n.styles.map((i) => ({
-              name: i.name,
-              description: i.docs
+            properties: n.styles.map((o) => ({
+              name: o.name,
+              description: o.docs
             }))
           }
         };
       })
     }
   }
-}), Ue = (e, t, s) => [
+}), Ce = (e, t, s) => [
   { name: "Storybook", url: U(e, s) },
-  { name: "Sources", url: Ce(t, s) }
-], we = (e) => {
+  { name: "Sources", url: qe(t, s) }
+], Be = (e) => {
   if (!e.values.some(({ value: t }) => t === void 0))
     return e.values.map(({ value: t }) => ({ name: t }));
-}, ot = (e, t, s) => ({
+}, at = (e, t, s) => ({
   version: 1.1,
   tags: e.components.map((r) => {
-    const n = Ue(t, s, r.filePath);
+    const n = Ce(t, s, r.filePath);
     return {
       name: r.tag,
-      description: $e(r),
-      attributes: r.props.map((o) => ({
-        name: o.attr || o.name,
-        description: q(o),
-        values: we(o),
+      description: de(r),
+      attributes: r.props.map((i) => ({
+        name: i.attr || i.name,
+        description: z(i),
+        values: Be(i),
         references: n
       })),
       references: n
@@ -783,7 +709,7 @@ Type: \`${e.type}\``, it = (e, t, s, r) => ({
   }),
   globalAttributes: [],
   valueSets: []
-}), lt = (e) => ({
+}), ct = (e) => ({
   version: 1.1,
   properties: e.components.flatMap(
     (t) => t.styles.map((s) => ({
@@ -791,48 +717,48 @@ Type: \`${e.type}\``, it = (e, t, s, r) => ({
       description: s.docs
     }))
   )
-}), at = (e) => {
+}), ft = (e) => {
   const t = { value: "2023", pattern: "yyyy" }, s = { value: "12", pattern: "mm" }, r = { value: "24", pattern: "dd" };
-  return Pe([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);
-}, ct = (e) => e.toISOString().split("T")[0], He = (e, t, s) => {
-  const r = e.closest("[lang]"), n = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), o = n.length > 0 && typeof n[0] == "string" ? n[0] : navigator.language || s, i = o.split("-").shift();
+  return ze([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);
+}, $t = (e) => e.toISOString().split("T")[0], Pe = (e, t, s) => {
+  const r = e.closest("[lang]"), n = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), i = n.length > 0 && typeof n[0] == "string" ? n[0] : navigator.language || s, o = i.split("-").shift();
   return Object.keys(t).length === 0 ? {
-    locale: o,
+    locale: i,
     messages: { lang: s }
   } : {
-    locale: o,
-    messages: t[i] || t[s] || { lang: s }
+    locale: i,
+    messages: t[o] || t[s] || { lang: s }
   };
-}, ft = (e, t, s) => new Intl.NumberFormat(t, { style: "currency", currency: s }).format(e), ut = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), dt = (e, t, s = 0) => new Intl.NumberFormat(t, {
+}, ut = (e, t, s) => new Intl.NumberFormat(t, { style: "currency", currency: s }).format(e), dt = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), gt = (e, t, s = 0) => new Intl.NumberFormat(t, {
   style: "percent",
   minimumFractionDigits: s,
   maximumFractionDigits: s
-}).format(e), $t = (e, t, s, r = "short", n = 0) => new Intl.NumberFormat(t, {
+}).format(e), pt = (e, t, s, r = "short", n = 0) => new Intl.NumberFormat(t, {
   style: "unit",
   unit: s,
   unitDisplay: r,
   minimumFractionDigits: n,
   maximumFractionDigits: n
-}).format(e), Be = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, Pe = (e, t, s) => typeof e != "string" || e === "" || !Be.test(e) ? "" : new Intl.DateTimeFormat(t, s).format(new Date(e)), pt = (e, t) => (s) => He(s, e, t), gt = ({ disconnect: e, observe: t, takeRecords: s }) => {
+}).format(e), we = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, ze = (e, t, s) => typeof e != "string" || e === "" || !we.test(e) ? "" : new Intl.DateTimeFormat(t, s).format(new Date(e)), ht = (e, t) => (s) => Pe(s, e, t), vt = ({ disconnect: e, observe: t, takeRecords: s }) => {
   class r {
-    constructor(o) {
+    constructor(i) {
       /**
        *
        */
-      g(this, "disconnect", e);
+      p(this, "disconnect", e);
       /**
        *
        */
-      g(this, "observe", t);
+      p(this, "observe", t);
       /**
        *
        */
-      g(this, "takeRecords", s);
+      p(this, "takeRecords", s);
       /**
        *
        */
-      g(this, "cb");
-      this.cb = o;
+      p(this, "cb");
+      this.cb = i;
     }
   }
   return [window, global].forEach((n) => {
@@ -842,25 +768,25 @@ Type: \`${e.type}\``, it = (e, t, s, r) => ({
       value: r
     });
   }), r;
-}, ht = ({ disconnect: e, observe: t }) => {
+}, yt = ({ disconnect: e, observe: t }) => {
   class s {
     constructor(n) {
       /**
        *
        */
-      g(this, "disconnect", e);
+      p(this, "disconnect", e);
       /**
        *
        */
-      g(this, "observe", t);
+      p(this, "observe", t);
       /**
        *
        */
-      g(this, "unobserve");
+      p(this, "unobserve");
       /**
        *
        */
-      g(this, "cb");
+      p(this, "cb");
       this.cb = n;
     }
   }
@@ -872,18 +798,18 @@ Type: \`${e.type}\``, it = (e, t, s, r) => ({
     });
   }), s;
 };
-class We extends Event {
+class Ie extends Event {
   constructor() {
     super(...arguments);
     /**
      *
      */
-    g(this, "detail");
+    p(this, "detail");
   }
   // eslint-disable-line @typescript-eslint/no-explicit-any
 }
-const yt = () => {
-  class e extends We {
+const mt = () => {
+  class e extends Ie {
   }
   return [window, global].forEach((t) => {
     Object.defineProperty(t, "SubmitEvent", {
@@ -892,7 +818,7 @@ const yt = () => {
       value: e
     });
   }), e;
-}, vt = (e) => {
+}, bt = (e) => {
   const t = (s) => (setTimeout(s, 1), e(), 0);
   return [window, global].forEach((s) => {
     Object.defineProperty(s, "requestAnimationFrame", {
@@ -903,39 +829,39 @@ const yt = () => {
   }), t;
 };
 export {
-  Ge as ClassList,
-  nt as StorybookPreview,
-  Xe as allItemsAreString,
-  Ve as cleanString,
-  ze as createID,
-  Be as dateRegExp,
-  ct as dateToString,
-  pt as defineLocales,
-  tt as filterArgs,
+  Ze as ClassList,
+  ot as StorybookPreview,
+  Je as allItemsAreString,
+  tt as cleanString,
+  Ge as createID,
+  we as dateRegExp,
+  $t as dateToString,
+  ht as defineLocales,
+  rt as filterArgs,
   Qe as focusableElements,
-  at as getLocaleDatePattern,
-  V as getParentWindows,
-  rt as getStoryHTML,
+  ft as getLocaleDatePattern,
+  Y as getParentWindows,
+  it as getStoryHTML,
   U as getStorybookUrl,
-  Ze as getWindows,
+  Ye as getWindows,
   Ke as isTagName,
-  Ye as isValidNumber,
-  ye as isValidString,
-  Ie as isValideID,
-  ft as localeCurrency,
-  Pe as localeDate,
-  ut as localeNumber,
-  dt as localePercent,
-  $t as localeUnit,
-  et as nextTick,
-  vt as setUpRequestAnimationFrameMock,
-  gt as setupMutationObserverMock,
-  ht as setupResizeObserverMock,
-  yt as setupSubmitEventMock,
-  st as stencilWrapper,
-  Je as toString,
-  lt as vsCodeCssGenerator,
-  ot as vsCodeGenerator,
-  it as webTypesGenerator
+  et as isValidNumber,
+  me as isValidString,
+  Xe as isValideID,
+  ut as localeCurrency,
+  ze as localeDate,
+  dt as localeNumber,
+  gt as localePercent,
+  pt as localeUnit,
+  st as nextTick,
+  bt as setUpRequestAnimationFrameMock,
+  vt as setupMutationObserverMock,
+  yt as setupResizeObserverMock,
+  mt as setupSubmitEventMock,
+  nt as stencilWrapper,
+  Ve as toString,
+  ct as vsCodeCssGenerator,
+  at as vsCodeGenerator,
+  lt as webTypesGenerator
 };
 //# sourceMappingURL=index.es.js.map