@mgdis/stencil-helpers 2.2.6 → 3.1.0

package/dist/index.es.js

@@ -1,216 +1,343 @@
-var he = Object.defineProperty;
-var W = (e) => {
+var Ue = Object.defineProperty;
+var fe = (e) => {
   throw TypeError(e);
 };
-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;
-}, Xe = (e) => me(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;
-class Ze {
+var Ze = (e, t, r) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var $ = (e, t, r) => Ze(e, typeof t != "symbol" ? t + "" : t, r), ue = (e, t, r) => t.has(e) || fe("Cannot " + r);
+var v = (e, t, r) => (ue(e, t, "read from private field"), r ? r.call(e) : t.get(e)), j = (e, t, r) => t.has(e) ? fe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), U = (e, t, r, s) => (ue(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
+const Pt = (e = "", t = 10) => {
+  const r = new Uint8Array(t);
+  crypto.getRandomValues(r);
+  const s = Array.from(r).map((n) => n.toString(16).padStart(2, "0")).join("").slice(0, t);
+  return e !== "" ? `${e}-${s}` : s;
+}, Ut = (e) => De(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;
+class Zt {
   constructor(t = []) {
     /**
      * Available classes
      */
-    p(this, "classes");
+    $(this, "classes");
     /**
      * Add class
      * @param className - class name to add
      */
-    p(this, "add", (t) => {
+    $(this, "add", (t) => {
       this.has(t) || this.classes.push(t);
     });
     /**
      * Delete class
      * @param className - class name to delete
      */
-    p(this, "delete", (t) => {
-      const s = this.classes.indexOf(t);
-      s > -1 && this.classes.splice(s, 1);
+    $(this, "delete", (t) => {
+      const r = this.classes.indexOf(t);
+      r > -1 && this.classes.splice(r, 1);
     });
     /**
      * Check if class exist in list
      * @param className - class name to check
      * @returns class name is in the list
      */
-    p(this, "has", (t) => this.classes.includes(t));
+    $(this, "has", (t) => this.classes.includes(t));
     /**
      * Join classes seperated by spaces
      * @returns joined values
      */
-    p(this, "join", () => this.classes.join(" "));
+    $(this, "join", () => this.classes.join(" "));
     this.classes = t;
   }
 }
-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];
-}, Y = (e, t = []) => {
+const Dt = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), qt = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Ht = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Bt = (e) => {
+  const t = _e(e), r = ve(e);
+  return [e, ...t, ...r];
+}, _e = (e, t = []) => {
   if (e.self !== e.top)
     try {
-      const s = e.parent;
-      return s ? (t.push(s), Y(s, t)) : t;
-    } catch (s) {
-      return console.error("Different hosts between iframes:", s), t;
+      const r = e.parent;
+      return r ? (t.push(r), _e(r, t)) : t;
+    } catch (r) {
+      return console.error("Different hosts between iframes:", r), t;
     }
   return t;
-}, V = (e, t = []) => {
+}, ve = (e, t = []) => {
   if (e.frames.length > 0)
-    for (const s of Array.from(e.frames))
-      t.push(s), V(s, t);
+    for (const r of Array.from(e.frames))
+      t.push(r), ve(r, t);
   return t;
-}, 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 = {
+}, De = (e) => typeof e == "string" && e.trim() !== "", Gt = (e) => typeof e == "object" ? JSON.stringify(e) : `${e}`, Wt = (e) => typeof e == "number" && !Number.isNaN(e), Jt = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, Xt = async (e) => {
+  if (e) return e();
+}, ie = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, qe = (e, t, r) => {
+  const s = ".";
+  if (!ie(e) || typeof t != "string")
+    return r;
+  const [n, ...i] = t.split(s);
+  return i.length ? qe(e[n], i.join(s)) : e[n];
+}, Kt = {
+  FIRST: "first",
+  NEXT: "next",
+  PREVIOUS: "previous",
+  LAST: "last"
+}, we = 10;
+class He {
+  constructor(t) {
+    /**
+     * Define items
+     */
+    $(this, "items", []);
+    /**
+     * Define total
+     */
+    $(this, "total");
+    /**
+     * Define top
+     */
+    $(this, "top", we);
+    /**
+     * Define next
+     */
+    $(this, "next");
+    /**
+     * Define base index
+     */
+    $(this, "baseIndex", 1);
+    /**
+     * Get index of items from cursor
+     * @param cursor - cursor to find
+     * @param oldItem - previous item
+     * @returns item index
+     */
+    $(this, "getIndexFromCursor", (t = "first", r) => {
+      if (!Array.isArray(this.items) || !this.items.length) return null;
+      const n = this.items.length - this.baseIndex;
+      let i = 0, a = 0;
+      if (["previous", "next"].includes(t) && r) {
+        const c = this.items.findIndex((l) => JSON.stringify(l) === JSON.stringify(r));
+        if (c === -1) return 0;
+        a = c;
+      }
+      return t === "first" ? i = 0 : t === "last" ? i = n : t === "previous" ? i = JSON.stringify(this.items[a]) === JSON.stringify(this.items[0]) ? n : a - this.baseIndex : t === "next" && (i = JSON.stringify(this.items[a]) === JSON.stringify(this.items[n]) ? 0 : a + this.baseIndex), i;
+    });
+    if (ie(t))
+      Array.isArray(t.items) && (this.items = t.items), typeof t.top == "number" && (this.top = t.top), this.total = typeof t.total == "number" ? t.total : this.items.length, this.next = t.next;
+    else
+      throw new Error("Page - init must match IPage type.");
+  }
+}
+var S, N, M;
+class Yt {
+  constructor(t, r) {
+    /**
+     * Define paginated items
+     */
+    $(this, "items", []);
+    /* Privates */
+    j(this, S, we);
+    j(this, N);
+    j(this, M);
+    /**
+     * Get page
+     * @param offset - pagiantion offset
+     * @param filter - filter methode
+     * @returns formated page
+     */
+    $(this, "getPage", (t = 0, r) => {
+      const s = typeof r == "function" ? this.items.filter(r) : this.items;
+      let n;
+      return v(this, N) ? n = v(this, N) : s.length > t + v(this, S) && (n = () => this.getPage(t + v(this, S), r)), new He({
+        items: s.slice(t, t + v(this, S)),
+        total: v(this, M),
+        top: v(this, S),
+        next: n
+      });
+    });
+    Array.isArray(t) && (this.items = t), r && (["string", "function"].includes(typeof r.next) || ie(r.next) && URL.canParse(r.next)) && U(this, N, r.next), typeof (r == null ? void 0 : r.top) == "number" && U(this, S, r.top), typeof (r == null ? void 0 : r.total) == "number" && U(this, M, r.total);
+  }
+}
+S = new WeakMap(), N = new WeakMap(), M = new WeakMap();
+var K = {
   updatable: !0,
   slotRelocation: !0,
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
-}, be = Object.defineProperty, Se = (e, t) => {
-  for (var s in t)
-    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 : {}, R = ee.document || { head: {} }, _ = {
+}, Be = Object.defineProperty, Ge = (e, t) => {
+  for (var r in t)
+    Be(e, r, { get: t[r], enumerable: !0 });
+}, We = "http://www.w3.org/2000/svg", Je = "http://www.w3.org/1999/xhtml", pe = (e, t) => t in e, ge = "http://www.w3.org/1999/xlink", O = typeof window < "u" ? window : {}, z = {
   $flags$: 0,
   $resourcesUrl$: "",
   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),
+  ael: (e, t, r, s) => e.addEventListener(t, r, s),
+  rel: (e, t, r, s) => e.removeEventListener(t, r, s),
   ce: (e, t) => new CustomEvent(e, t)
-}, Te = (e) => e != null && e !== void 0, te = (e) => (e = typeof e, e === "object" || e === "function"), _e = {};
-Se(_e, {
-  err: () => se,
-  map: () => Ee,
-  ok: () => P,
-  unwrap: () => Ae,
-  unwrapErr: () => je
+}, Xe = (e) => e != null && e !== void 0, xe = (e) => (e = typeof e, e === "object" || e === "function"), Ke = {};
+Ge(Ke, {
+  err: () => me,
+  map: () => Ye,
+  ok: () => V,
+  unwrap: () => Qe,
+  unwrapErr: () => Ve
 });
-var P = (e) => ({
+var V = (e) => ({
   isOk: !0,
   isErr: !1,
   value: e
-}), se = (e) => ({
+}), me = (e) => ({
   isOk: !1,
   isErr: !0,
   value: e
 });
-function Ee(e, t) {
+function Ye(e, t) {
   if (e.isOk) {
-    const s = t(e.value);
-    return s instanceof Promise ? s.then((r) => P(r)) : P(s);
+    const r = t(e.value);
+    return r instanceof Promise ? r.then((s) => V(s)) : V(r);
   }
   if (e.isErr) {
-    const s = e.value;
-    return se(s);
+    const r = e.value;
+    return me(r);
   }
   throw "should never get here";
 }
-var Ae = (e) => {
+var Qe = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, je = (e) => {
+}, Ve = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
-}, re = (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 = Oe(s, s["s-sn"], !1)) != null && r.length ? s.hidden = !0 : s.hidden = !1);
+}, Se = (e) => {
+  const t = de(e, "childNodes");
+  e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && Ee(t, e.tagName).forEach((s) => {
+    s.nodeType === 1 && s.tagName === "SLOT-FB" && (tt(s, ae(s), !1).length ? s.hidden = !0 : s.hidden = !1);
   });
-  for (const s of t)
-    s.nodeType === 1 && (s.__childNodes || s.childNodes).length && re(s);
+  let r = 0;
+  for (r = 0; r < t.length; r++) {
+    const s = t[r];
+    s.nodeType === 1 && de(s, "childNodes").length && Se(s);
+  }
+}, et = (e) => {
+  const t = [];
+  for (let r = 0; r < e.length; r++) {
+    const s = e[r]["s-nr"] || void 0;
+    s && s.isConnected && t.push(s);
+  }
+  return t;
 };
-function ne(e, t, s) {
-  let r = 0, n = [], i;
-  for (; r < e.length; r++)
-    i = e[r], i["s-sr"] && i["s-hn"] === t && s === void 0 && n.push(i), n = [...n, ...ne(i.childNodes, t, s)];
+function Ee(e, t, r) {
+  let s = 0, n = [], i;
+  for (; s < e.length; s++)
+    i = e[s], i["s-sr"] && (!t || i["s-hn"] === t) && r === void 0 && n.push(i), n = [...n, ...Ee(i.childNodes, t, r)];
   return n;
 }
-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;
-}, Z = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Le = (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" && ((o = !te(r)) && (r = String(r)), o && f ? c[c.length - 1].$text$ += r : c.push(o ? w(null, r) : r), f = o);
+var tt = (e, t, r = !0) => {
+  const s = [];
+  (r && e["s-sr"] || !e["s-sr"]) && s.push(e);
+  let n = e;
+  for (; n = n.nextSibling; )
+    ae(n) === t && (r || !n["s-sr"]) && s.push(n);
+  return s;
+}, $e = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", ae = (e) => typeof e["s-sn"] == "string" ? e["s-sn"] : e.nodeType === 1 && e.getAttribute("slot") || void 0;
+function rt(e) {
+  if (e.assignedElements || e.assignedNodes || !e["s-sr"]) return;
+  const t = (r) => (function(s) {
+    const n = [], i = this["s-sn"];
+    s != null && s.flatten && console.error(`
+          Flattening is not supported for Stencil non-shadow slots. 
+          You can use \`.childNodes\` to nested slot fallback content.
+          If you have a particular use case, please open an issue on the Stencil repo.
+        `);
+    const a = this["s-cr"].parentElement;
+    return (a.__childNodes ? a.childNodes : et(a.childNodes)).forEach((l) => {
+      i === ae(l) && n.push(l);
+    }), r ? n.filter(
+      (l) => l.nodeType === 1
+      /* ElementNode */
+    ) : n;
+  }).bind(e);
+  e.assignedElements = t(!0), e.assignedNodes = t(!1);
+}
+function de(e, t) {
+  if ("__" + t in e) {
+    const r = e["__" + t];
+    return typeof r != "function" ? r : r.bind(e);
+  } else
+    return typeof e[t] != "function" ? e[t] : e[t].bind(e);
+}
+var st = (e, t, ...r) => {
+  let s = null, n = null, i = null, a = !1, c = !1;
+  const l = [], f = (o) => {
+    for (let g = 0; g < o.length; g++)
+      s = o[g], Array.isArray(s) ? f(s) : s != null && typeof s != "boolean" && ((a = !xe(s)) && (s = String(s)), a && c ? l[l.length - 1].$text$ += s : l.push(a ? ee(null, s) : s), c = a);
   };
-  $(s);
-  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 = {
+  f(r);
+  const p = ee(e, null);
+  return p.$attrs$ = t, l.length > 0 && (p.$children$ = l), p.$key$ = n, p.$name$ = i, p;
+}, ee = (e, t) => {
+  const r = {
     $flags$: 0,
     $tag$: e,
     $text$: t,
     $elm$: null,
     $children$: null
   };
-  return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
-}, Re = {}, Me = (e) => e && e.$tag$ === Re, J = (e, t, s, r, n, i, o) => {
-  if (s !== r) {
-    let f = G(e, t), c = t.toLowerCase();
-    if (t === "class") {
-      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 $ 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) : G(ee, c) ? t = c.slice(2) : t = c[2] + t.slice(3), s || r) {
-        const $ = t.endsWith(ie);
-        t = t.replace(Fe, ""), s && _.rel(e, t, s, $), r && _.ael(e, t, r, $);
-      }
-    } else {
-      const $ = te(r);
-      if ((f || $ && r !== null) && !n)
-        try {
-          if (e.tagName.includes("-"))
-            e[t] !== r && (e[t] = r);
-          else {
-            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 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));
+  return r.$attrs$ = null, r.$key$ = null, r.$name$ = null, r;
+}, nt = {}, it = (e) => e && e.$tag$ === nt, ye = (e, t, r, s, n, i, a) => {
+  if (r === s)
+    return;
+  let c = pe(e, t), l = t.toLowerCase();
+  if (t === "class") {
+    const f = e.classList, p = he(r);
+    let o = he(s);
+    f.remove(...p.filter((g) => g && !o.includes(g))), f.add(...o.filter((g) => g && !p.includes(g)));
+  } else if (t === "style") {
+    for (const f in r)
+      (!s || s[f] == null) && (f.includes("-") ? e.style.removeProperty(f) : e.style[f] = "");
+    for (const f in s)
+      (!r || s[f] !== r[f]) && (f.includes("-") ? e.style.setProperty(f, s[f]) : e.style[f] = s[f]);
+  } else if (t !== "key") if (t === "ref")
+    s && s(e);
+  else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n") {
+    if (t[2] === "-" ? t = t.slice(3) : pe(O, l) ? t = l.slice(2) : t = l[2] + t.slice(3), r || s) {
+      const f = t.endsWith(Oe);
+      t = t.replace(ot, ""), r && z.rel(e, t, r, f), s && z.ael(e, t, s, f);
     }
+  } else {
+    const f = xe(s);
+    if ((c || f && s !== null) && !n)
+      try {
+        if (e.tagName.includes("-"))
+          e[t] !== s && (e[t] = s);
+        else {
+          const o = s ?? "";
+          t === "list" ? c = !1 : (r == null || e[t] != o) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = o : e.setAttribute(t, o));
+        }
+      } catch {
+      }
+    let p = !1;
+    l !== (l = l.replace(/^xlink\:?/, "")) && (t = l, p = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (p ? e.removeAttributeNS(ge, t) : e.removeAttribute(t)) : (!c || i & 4 || n) && !f && e.nodeType === 1 && (s = s === !0 ? "" : s, p ? e.setAttributeNS(ge, t, s) : e.setAttribute(t, s));
   }
-}, Ne = /\s/, K = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(Ne)), ie = "Capture", Fe = 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(
+}, at = /\s/, he = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(at)), Oe = "Capture", ot = new RegExp(Oe + "$"), te = (e, t, r, s) => {
+  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, i = e && e.$attrs$ || {}, a = t.$attrs$ || {};
+  for (const c of be(Object.keys(i)))
+    c in a || ye(
       n,
-      f,
-      i[f],
+      c,
+      i[c],
       void 0,
-      s,
+      r,
       t.$flags$
     );
-  for (const f of Q(Object.keys(o)))
-    J(
+  for (const c of be(Object.keys(a)))
+    ye(
       n,
-      f,
-      i[f],
-      o[f],
-      s,
+      c,
+      i[c],
+      a[c],
+      r,
       t.$flags$
     );
 };
-function Q(e) {
+function be(e) {
   return e.includes("ref") ? (
     // we need to sort these to ensure that `'ref'` is the last attr
     [...e.filter((t) => t !== "ref"), "ref"]
@@ -219,11 +346,11 @@ function Q(e) {
     e
   );
 }
-var M, N, E, F = !1, H = !1, I = !1, v = !1, D = (e, t, s) => {
-  var r;
-  const n = t.$children$[s];
-  let i = 0, o, f, c;
-  if (F || (I = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
+var D, B, I, re = !1, G = !1, oe = !1, b = !1, W = (e, t, r) => {
+  var s;
+  const n = t.$children$[r];
+  let i = 0, a, c, l;
+  if (re || (oe = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -233,308 +360,488 @@ var M, N, E, F = !1, H = !1, I = !1, v = !1, D = (e, t, s) => {
     // where actual slot content should sit next to
     1
   ))), n.$text$ !== null)
-    o = n.$elm$ = R.createTextNode(n.$text$);
+    a = n.$elm$ = O.document.createTextNode(n.$text$);
   else if (n.$flags$ & 1)
-    o = n.$elm$ = R.createTextNode("");
+    a = n.$elm$ = O.document.createTextNode(""), te(null, n, b);
   else {
-    if (v || (v = n.$tag$ === "svg"), o = n.$elm$ = R.createElementNS(
-      v ? ke : xe,
-      !F && 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$)
+    if (b || (b = n.$tag$ === "svg"), !O.document)
+      throw new Error(
+        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
+      );
+    if (a = n.$elm$ = O.document.createElementNS(
+      b ? We : Je,
+      !re && K.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
+    ), b && n.$tag$ === "foreignObject" && (b = !1), te(null, n, b), Xe(D) && a["s-si"] !== D && a.classList.add(a["s-si"] = D), 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);
+        c = W(e, n, i), c && a.appendChild(c);
+    n.$tag$ === "svg" ? b = !1 : a.tagName === "foreignObject" && (b = !0);
   }
-  return o["s-hn"] = E, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = N, 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(N, 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"] && C.experimentalSlotFixes;
-  for (let r = s.length - 1; r >= 0; r--) {
-    const n = s[r];
-    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);
+  return a["s-hn"] = I, n.$flags$ & 3 && (a["s-sr"] = !0, a["s-cr"] = B, a["s-sn"] = n.$name$ || "", a["s-rf"] = (s = n.$attrs$) == null ? void 0 : s.ref, rt(a), l = e && e.$children$ && e.$children$[r], l && l.$tag$ === n.$tag$ && e.$elm$ && L(e.$elm$, !1), Re(B, a, t.$elm$, e == null ? void 0 : e.$elm$)), a;
+}, L = (e, t) => {
+  z.$flags$ |= 1;
+  const r = Array.from(e.__childNodes || e.childNodes);
+  e["s-sr"] && K.experimentalSlotFixes;
+  for (let s = r.length - 1; s >= 0; s--) {
+    const n = r[s];
+    n["s-hn"] !== I && n["s-ol"] && (T(F(n).parentNode, n, F(n)), n["s-ol"].remove(), n["s-ol"] = void 0, n["s-sh"] = void 0, oe = !0), t && L(n, 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];
+  z.$flags$ &= -2;
+}, Ae = (e, t, r, s, n, i) => {
+  let a = e["s-cr"] && e["s-cr"].parentNode || e, c;
+  for (a.shadowRoot && a.tagName === I && (a = a.shadowRoot); n <= i; ++n)
+    s[n] && (c = W(null, r, n), c && (s[n].$elm$ = c, T(a, c, F(t))));
+}, ke = (e, t, r) => {
+  for (let s = t; s <= r; ++s) {
+    const n = e[s];
     if (n) {
       const i = n.$elm$;
-      fe(n), i && (H = !0, i["s-ol"] ? i["s-ol"].remove() : A(i, !0), i.remove());
+      je(n), i && (G = !0, i["s-ol"] ? i["s-ol"].remove() : L(i, !0), i.remove());
     }
   }
-}, 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 (a == null)
-      a = r[++o];
-    else if (g == null)
-      g = r[--d];
-    else if (L(u, a, n))
-      T(u, a, n), u = t[++i], a = r[++o];
-    else if (L(l, g, n))
-      T(l, g, n), l = t[--$], g = r[--d];
-    else if (L(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 (L(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];
+}, lt = (e, t, r, s, n = !1) => {
+  let i = 0, a = 0, c = 0, l = 0, f = t.length - 1, p = t[0], o = t[f], g = s.length - 1, u = s[0], d = s[g], h, _;
+  for (; i <= f && a <= g; )
+    if (p == null)
+      p = t[++i];
+    else if (o == null)
+      o = t[--f];
+    else if (u == null)
+      u = s[++a];
+    else if (d == null)
+      d = s[--g];
+    else if (Z(p, u, n))
+      R(p, u, n), p = t[++i], u = s[++a];
+    else if (Z(o, d, n))
+      R(o, d, n), o = t[--f], d = s[--g];
+    else if (Z(p, d, n))
+      (p.$tag$ === "slot" || d.$tag$ === "slot") && L(p.$elm$.parentNode, !1), R(p, d, n), T(e, p.$elm$, o.$elm$.nextSibling), p = t[++i], d = s[--g];
+    else if (Z(o, u, n))
+      (p.$tag$ === "slot" || d.$tag$ === "slot") && L(o.$elm$.parentNode, !1), R(o, u, n), T(e, o.$elm$, p.$elm$), o = t[--f], u = s[++a];
     else {
-      for (f = -1, c = i; c <= $; ++c)
-        if (t[c] && t[c].$key$ !== null && t[c].$key$ === a.$key$) {
-          f = c;
+      for (c = -1, l = i; l <= f; ++l)
+        if (t[l] && t[l].$key$ !== null && t[l].$key$ === u.$key$) {
+          c = l;
           break;
         }
-      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,
-        j(u.$elm$)
+      c >= 0 ? (_ = t[c], _.$tag$ !== u.$tag$ ? h = W(t && t[a], r, c) : (R(_, u, n), t[c] = void 0, h = _.$elm$), u = s[++a]) : (h = W(t && t[a], r, a), u = s[++a]), h && T(
+        F(p.$elm$).parentNode,
+        h,
+        F(p.$elm$)
       );
     }
-  i > $ ? le(
+  i > f ? Ae(
     e,
-    r[d + 1] == null ? null : r[d + 1].$elm$,
-    s,
+    s[g + 1] == null ? null : s[g + 1].$elm$,
     r,
-    o,
-    d
-  ) : o > d && ae(t, i, $);
-}, L = (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" && !F || 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)) : (
+    s,
+    a,
+    g
+  ) : a > g && ke(t, i, f);
+}, Z = (e, t, r = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : r ? (r && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, F = (e) => e && e["s-ol"] || e, R = (e, t, r = !1) => {
+  const s = t.$elm$ = e.$elm$, n = e.$children$, i = t.$children$, a = t.$tag$, c = t.$text$;
+  let l;
+  c === null ? (b = a === "svg" ? !0 : a === "foreignObject" ? !1 : b, te(e, t, b), n !== null && i !== null ? lt(s, n, t, i, r) : i !== null ? (e.$text$ !== null && (s.textContent = ""), Ae(s, 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 && 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;
+    !r && K.updatable && n !== null && ke(n, 0, n.length - 1)
+  ), b && a === "svg" && (b = !1)) : (l = s["s-cr"]) ? l.parentNode.textContent = c : e.$text$ !== c && (s.data = c);
+}, x = [], Te = (e) => {
+  let t, r, s;
   const n = e.__childNodes || e.childNodes;
   for (const i of n) {
     if (i["s-sr"] && (t = i["s-cr"]) && t.parentNode) {
-      s = t.parentNode.__childNodes || t.parentNode.childNodes;
-      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"] !== 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({
+      r = t.parentNode.__childNodes || t.parentNode.childNodes;
+      const a = i["s-sn"];
+      for (s = r.length - 1; s >= 0; s--)
+        if (t = r[s], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== i["s-hn"])
+          if ($e(t, a)) {
+            let c = x.find((l) => l.$nodeToRelocate$ === t);
+            G = !0, t["s-sn"] = t["s-sn"] || a, c ? (c.$nodeToRelocate$["s-sh"] = i["s-hn"], c.$slotRefNode$ = i) : (t["s-sh"] = i["s-hn"], x.push({
               $slotRefNode$: i,
               $nodeToRelocate$: t
-            })), t["s-sr"] && b.map((c) => {
-              Z(c.$nodeToRelocate$, t["s-sn"]) && (f = b.find(($) => $.$nodeToRelocate$ === t), f && !c.$slotRefNode$ && (c.$slotRefNode$ = f.$slotRefNode$));
+            })), t["s-sr"] && x.map((l) => {
+              $e(l.$nodeToRelocate$, t["s-sn"]) && (c = x.find((f) => f.$nodeToRelocate$ === t), c && !l.$slotRefNode$ && (l.$slotRefNode$ = c.$slotRefNode$));
             });
-          } else b.some((f) => f.$nodeToRelocate$ === t) || b.push({
+          } else x.some((c) => c.$nodeToRelocate$ === t) || x.push({
             $nodeToRelocate$: t
           });
     }
-    i.nodeType === 1 && ce(i);
+    i.nodeType === 1 && Te(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"] && $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 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;
+}, je = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(je);
+}, T = (e, t, r) => (typeof t["s-sn"] == "string" && t["s-sr"] && t["s-cr"] && Re(t["s-cr"], t, e, t.parentElement), e == null ? void 0 : e.insertBefore(t, r));
+function Re(e, t, r, s) {
+  var n, i;
+  let a;
+  if (e && typeof t["s-sn"] == "string" && t["s-sr"] && e.parentNode && e.parentNode["s-sc"] && (a = t["s-si"] || e.parentNode["s-sc"])) {
+    const c = t["s-sn"], l = t["s-hn"];
+    if ((n = r.classList) == null || n.add(a + "-s"), s && ((i = s.classList) != null && i.contains(a + "-s"))) {
+      let f = (s.__childNodes || s.childNodes)[0], p = !1;
+      for (; f; ) {
+        if (f["s-sn"] !== c && f["s-hn"] === l && f["s-sr"]) {
+          p = !0;
           break;
         }
-        c = c.nextSibling;
+        f = f.nextSibling;
       }
-      $ || r.classList.remove(i + "-s");
+      p || s.classList.remove(a + "-s");
     }
   }
 }
-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 : Le(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$))
-      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"], F = ($.$flags$ & 1) !== 0, N = c["s-cr"], H = !1, T(u, l, s);
+var ct = (e, t, r = !1) => {
+  var s, n, i, a, c;
+  const l = e.$hostElement$, f = e.$cmpMeta$, p = e.$vnode$ || ee(null, null), o = it(t) ? t : st(null, null, t);
+  if (I = l.tagName, f.$attrsToReflect$ && (o.$attrs$ = o.$attrs$ || {}, f.$attrsToReflect$.map(
+    ([g, u]) => o.$attrs$[u] = l[g]
+  )), r && o.$attrs$)
+    for (const g of Object.keys(o.$attrs$))
+      l.hasAttribute(g) && !["key", "ref", "style", "class"].includes(g) && (o.$attrs$[g] = l[g]);
+  o.$tag$ = null, o.$flags$ |= 4, e.$vnode$ = o, o.$elm$ = p.$elm$ = l.shadowRoot || l, D = l["s-sc"], re = !!(f.$flags$ & 1) && !(f.$flags$ & 128), B = l["s-cr"], G = !1, R(p, o, r);
   {
-    if (_.$flags$ |= 1, I) {
-      ce(l.$elm$);
-      for (const d of b) {
-        const a = d.$nodeToRelocate$;
-        if (!a["s-ol"]) {
-          const g = R.createTextNode("");
-          g["s-nr"] = a, k(a.parentNode, a["s-ol"] = g, a);
+    if (z.$flags$ |= 1, oe) {
+      Te(o.$elm$);
+      for (const g of x) {
+        const u = g.$nodeToRelocate$;
+        if (!u["s-ol"] && O.document) {
+          const d = O.document.createTextNode("");
+          d["s-nr"] = u, T(u.parentNode, u["s-ol"] = d, u);
         }
       }
-      for (const d of b) {
-        const a = d.$nodeToRelocate$, g = d.$slotRefNode$;
-        if (g) {
-          const m = g.parentNode;
-          let y = g.nextSibling;
+      for (const g of x) {
+        const u = g.$nodeToRelocate$, d = g.$slotRefNode$;
+        if (d) {
+          const h = d.parentNode;
+          let _ = d.nextSibling;
           {
-            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"]) {
-                  y = h;
+            let E = (s = u["s-ol"]) == null ? void 0 : s.previousSibling;
+            for (; E; ) {
+              let y = (n = E["s-nr"]) != null ? n : null;
+              if (y && y["s-sn"] === u["s-sn"] && h === (y.__parentNode || y.parentNode)) {
+                for (y = y.nextSibling; y === u || y != null && y["s-sr"]; )
+                  y = y == null ? void 0 : y.nextSibling;
+                if (!y || !y["s-nr"]) {
+                  _ = y;
                   break;
                 }
               }
-              O = O.previousSibling;
+              E = E.previousSibling;
             }
           }
-          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);
+          const C = u.__parentNode || u.parentNode, P = u.__nextSibling || u.nextSibling;
+          (!_ && h !== C || P !== _) && u !== _ && (!u["s-hn"] && u["s-ol"] && (u["s-hn"] = u["s-ol"].parentNode.nodeName), T(h, u, _), u.nodeType === 1 && u.tagName !== "SLOT-FB" && (u.hidden = (i = u["s-ih"]) != null ? i : !1)), u && typeof d["s-rf"] == "function" && d["s-rf"](d);
         } else
-          a.nodeType === 1 && (s && (a["s-ih"] = (o = a.hidden) != null ? o : !1), a.hidden = !0);
+          u.nodeType === 1 && (r && (u["s-ih"] = (a = u.hidden) != null ? a : !1), u.hidden = !0);
       }
     }
-    H && re(l.$elm$), _.$flags$ &= -2, b.length = 0;
+    G && Se(o.$elm$), z.$flags$ &= -2, x.length = 0;
   }
-  if (C.experimentalScopedSlotChanges && $.$flags$ & 2) {
-    const d = l.$elm$.__childNodes || l.$elm$.childNodes;
-    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);
+  if (K.experimentalScopedSlotChanges && f.$flags$ & 2) {
+    const g = o.$elm$.__childNodes || o.$elm$.childNodes;
+    for (const u of g)
+      u["s-hn"] !== I && !u["s-sh"] && (r && u["s-ih"] == null && (u["s-ih"] = (c = u.hidden) != null ? c : !1), u.hidden = !0);
   }
-  N = void 0;
+  B = void 0;
 };
-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);
-}, ue = (e, t, s, r, n) => {
+const q = {
+  content_wrap: 0,
+  ignore: [],
+  ignore_with: "_!i-£___£%_",
+  strict: !1,
+  tab_size: 2,
+  tag_wrap: 0,
+  tag_wrap_width: 80,
+  trim: []
+}, m = "__!i-£___£%__", w = "!i-£___£%_", Ne = [
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+], le = (e) => /<(?:[A-Za-z]+[A-Za-z0-9]*)(?:\s+.*?)*?\/{0,1}>/.test(e) || /<(?<Element>(?:[A-Za-z]+[A-Za-z0-9]*:)?(?:[A-Za-z]+[A-Za-z0-9]*))(?:\s+.*?)*?>(?:.|\n)*?<\/{1}\k<Element>>/.test(e) || /<(?<Element>(?:[a-z][a-z0-9._]*:)?[a-z][a-z0-9._]*-[a-z0-9._-]+)(?:\s+.*?)*?>(?:.|\n)*?<\/{1}\k<Element>>/.test(e), ze = (e, t) => {
+  if (!e || !t)
+    throw new Error("Both 'current' and 'updates' must be passed-in to mergeObjects()");
+  let r;
+  if (Array.isArray(e))
+    r = structuredClone(e).concat(t);
+  else if (typeof e == "object") {
+    r = { ...e };
+    for (let s of Object.keys(t))
+      typeof t[s] != "object" ? r[s] = t[s] : r[s] = ze(r[s] || {}, t[s]);
+  }
+  return r;
+}, ft = (e, t) => ze(structuredClone(e), t), ut = (e) => (e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (t, r) => t.replace(r, (s) => s.replace(/\n/g, w + "nl!").replace(/\r/g, w + "cr!").replace(/\s/g, w + "ws!"))), e), pt = (e) => e.replace(/\n/g, m + "nl!").replace(/\r/g, m + "cr!").replace(/\s/g, m + "ws!"), gt = (e) => {
+  const t = /\s*<([a-zA-Z0-9:-]+)[^>]*>\n\s*<\/\1>(?=\n[ ]*[^\n]*__!i-£___£%__[^\n]*\n)(\n[ ]*\S[^\n]*\n)|<([a-zA-Z0-9:-]+)[^>]*>(?=\n[ ]*[^\n]*__!i-£___£%__[^\n]*\n)(\n[ ]*\S[^\n]*\n\s*)<\/\3>/g;
+  return e.replace(t, (r, s, n, i, a) => {
+    const c = n || a;
+    if (!c)
+      return r;
+    const l = c.replace(/\n/g, m + "nl!").replace(/\r/g, m + "cr!").replace(/\s/g, m + "ws!");
+    return r.replace(c, l);
+  });
+}, $t = (e) => {
+  const t = /<([A-Za-z][A-Za-z0-9]*|[a-z][a-z0-9._]*-[a-z0-9._-]+)((?:\s+[A-Za-z0-9_-]+="[^"]*"|\s*[a-z]*)*)>/g;
+  return e = e.replace(t, (r, s, n) => r.replace(n, (i) => i.replace(/</g, w + "lt!").replace(/>/g, w + "gt!"))), e;
+}, dt = (e, t) => {
+  const r = t.ignore, s = t.ignore_with;
+  for (let n = 0; n < r.length; n++) {
+    const i = new RegExp(`<${r[n]}[^>]*>((.|
+)*?)</${r[n]}>`, "g");
+    e = e.replace(i, (a, c) => a.replace(c, (l) => l.replace(/</g, "-" + s + "lt-").replace(/>/g, "-" + s + "gt-").replace(/\n/g, "-" + s + "nl-").replace(/\r/g, "-" + s + "cr-").replace(/\s/g, "-" + s + "ws-")));
+  }
+  return e;
+}, yt = (e, t) => {
+  for (let r = 0; r < t.length; r++) {
+    const s = new RegExp(`(<${t[r]}[^>]*>)\\s+`, "g"), n = new RegExp(`\\s+(</${t[r]}>)`, "g");
+    e = e.replace(s, "$1").replace(n, "$1");
+  }
+  return e;
+}, ht = (e) => (e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (t, r) => t.replace(r, (s) => s.replace(new RegExp(w + "nl!", "g"), `
+`).replace(new RegExp(w + "cr!", "g"), "\r").replace(new RegExp(w + "ws!", "g"), " "))), e), bt = (e) => (e = e.replace(/.*__!i-£___£%__[a-z]{2}!.*/g, (t) => t.replace(/__!i-£___£%__[a-z]{2}!/g, (r) => r.replace(new RegExp(m + "nl!", "g"), `
+`).replace(new RegExp(m + "cr!", "g"), "\r").replace(new RegExp(m + "ws!", "g"), " "))), e), _t = (e) => (e = e.replace(/<[\w:\-]+([^>]*)>/g, (t, r) => t.replace(r, (s) => s.replace(new RegExp(w + "lt!", "g"), "<").replace(new RegExp(w + "gt!", "g"), ">"))), e), vt = (e, t) => {
+  const r = t.ignore, s = t.ignore_with;
+  for (let n = 0; n < r.length; n++) {
+    const i = new RegExp(`<${r[n]}[^>]*>((.|
+)*?)</${r[n]}>`, "g");
+    e = e.replace(i, (a, c) => a.replace(c, (l) => l.replace(new RegExp("-" + s + "lt-", "g"), "<").replace(new RegExp("-" + s + "gt-", "g"), ">").replace(new RegExp("-" + s + "nl-", "g"), `
+`).replace(new RegExp("-" + s + "cr-", "g"), "\r").replace(new RegExp("-" + s + "ws-", "g"), " ")));
+  }
+  return e;
+}, wt = (e) => {
+  var s, n;
+  if (typeof e != "object") throw new Error("Config must be an object.");
+  if (!(Object.hasOwn(e, "content_wrap") || Object.hasOwn(e, "ignore") || Object.hasOwn(e, "ignore_with") || Object.hasOwn(e, "strict") || Object.hasOwn(e, "tab_size") || Object.hasOwn(e, "tag_wrap") || Object.hasOwn(e, "tag_wrap_width") || Object.hasOwn(e, "trim"))) return q;
+  let r = e.tab_size;
+  if (r) {
+    if (typeof r != "number") throw new Error(`tab_size must be a number, not ${typeof e.tab_size}.`);
+    if (!Number.isSafeInteger(r)) throw new Error(`Tab size ${r} is not safe. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isSafeInteger for more info.`);
+    if (r = Math.floor(r), r < 1 || r > 16) throw new Error("Tab size out of range. Expecting 1 to 16.");
+    e.tab_size = r;
+  }
+  if (Object.hasOwn(e, "content_wrap") && typeof e.content_wrap != "number")
+    throw new Error(`content_wrap config must be a number, not ${typeof e.tag_wrap_width}.`);
+  if (Object.hasOwn(e, "ignore") && (!Array.isArray(e.ignore) || !((s = e.ignore) != null && s.every((i) => typeof i == "string"))))
+    throw new Error("Ignore config must be an array of strings.");
+  if (Object.hasOwn(e, "ignore_with") && typeof e.ignore_with != "string")
+    throw new Error(`Ignore_with config must be a string, not ${typeof e.ignore_with}.`);
+  if (Object.hasOwn(e, "strict") && typeof e.strict != "boolean")
+    throw new Error(`Strict config must be a boolean, not ${typeof e.strict}.`);
+  if (Object.hasOwn(e, "tag_wrap") && typeof e.tag_wrap == "boolean" && (console.warn("tag_wrap as a boolean is deprecated, and will not be supported in v0.9.0+. Use `tag_wrap: <number>` instead; where <number> is the max character width acceptable before wrapping attributes."), e.tag_wrap_width ? e.tag_wrap = e.tag_wrap_width : e.tag_wrap = q.tag_wrap_width), Object.hasOwn(e, "tag_wrap") && typeof e.tag_wrap != "number")
+    throw new Error(`tag_wrap config must be a number, not ${typeof e.tag_wrap}.`);
+  if (Object.hasOwn(e, "tag_wrap_width") && console.warn("tag_wrap_width is deprecated, and will not be supported in v0.9.0+. Use `tag_wrap: <number>` instead; where <number> is the max character width acceptable before wrapping attributes."), Object.hasOwn(e, "tag_wrap_width") && typeof e.tag_wrap_width != "number")
+    throw new Error(`tag_wrap_width config must be a number, not ${typeof e.tag_wrap_width}.`);
+  if (Object.hasOwn(e, "trim") && (!Array.isArray(e.trim) || !((n = e.trim) != null && n.every((i) => typeof i == "string"))))
+    throw new Error("Trim config must be an array of strings.");
+  return ft(q, e);
+}, xt = (e, t, r) => {
+  const s = e.split(/\s+/);
+  if (s.length === 0)
+    return "";
+  const n = [];
+  let i = "", a = !0;
+  s.forEach((l) => {
+    if (l !== "")
+      if (i === "")
+        i = l;
+      else if (l.length >= t)
+        a ? (n.push(i.padStart(i.length)), n.push(l.padStart(l.length)), a = !1) : (n.push(i.padStart(i.length + r)), n.push(l.padStart(l.length + r)));
+      else {
+        const f = i + " " + l;
+        f.length <= t ? i = f : (a ? (n.push(i.padStart(i.length)), a = !1) : n.push(i.padStart(i.length + r)), i = l);
+      }
+  }), i !== "" && n.push(i.padStart(i.length + r));
+  const c = n.join(`
+`);
+  return pt(c);
+}, mt = (e, t = !0) => t && !le(e) ? e : e.replace(/<([a-zA-Z\-0-9:]+)[^>]*>/g, (r, s) => Ne.indexOf(s) > -1 ? `${r.substring(0, r.length - 1)} />`.replace(/\/\s\//g, "/") : r.replace(/[\s]?\/>/g, `></${s}>`)), St = (e, t = !1) => (e = e.replace(/<textarea[^>]*>((.|\n)*?)<\/textarea>/g, (r, s) => r.replace(s, (n) => n.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/\n/g, "&#10;").replace(/\r/g, "&#13;").replace(/\s/g, "&nbsp;"))), t && (e = e.replace(/<textarea[^>]*>((.|\n)*?)<\/textarea>/g, (r, s) => (r = r.replace(s, (n) => n.replace(/\n|\t/g, "").replace(/[a-z]+="\s*"/ig, "").replace(/>\s+</g, "><").replace(/\s+/g, " ")), r = r.replace(/\s+/g, " ").replace(/\s>/g, ">").replace(/>\s/g, ">").replace(/\s</g, "<").replace(/class=["']\s/g, (n) => n.replace(/\s/g, "")).replace(/(class=.*)\s(["'])/g, "$1$2"), r))), e), Et = (e, t = !0) => t && !le(e) ? e : (e = St(e), e.replace(/\n|\t/g, "").replace(/>\s+</g, "><").replace(/\s+/g, " ").replace(/(.+=)"\s+"/ig, '$1""').replace(/(.+=)'\s+'/ig, "$1''").replace(/\s>/g, ">").replace(/<\s\//g, "</").replace(/>\s/g, ">").replace(/\s</g, "<").replace(/class=["']\s/g, (r) => r.replace(/\s/g, "")).replace(/(class=.*)\s(["'])/g, "$1$2"));
+let H, se;
+const A = {
+  line: []
+}, Ot = (e) => {
+  A.line = [];
+  let t = -1;
+  const r = /(<[^>]+>)|([^<]+)/g;
+  return e = e.replace(r, (s, n, i) => (n ? A.line.push({ type: "tag", value: s }) : i && i.trim().length > 0 && A.line.push({ type: "text", value: s }), t++, `
+[#-# : ${t} : ${s} : #-#]
+`)), e;
+}, At = (e) => (e = mt(e, !1), se.length > 0 && (e = yt(e, se)), e = Et(e, !1), e = Ot(e), e), kt = (e, t) => {
+  const r = t.tab_size, s = t.tag_wrap, n = t.content_wrap;
+  let i = "";
+  A.line.forEach((l, f) => {
+    e = e.replace(/\n+/g, `
+`).replace(`[#-# : ${f} : ${l.value} : #-#]`, (p) => {
+      var _, C, P;
+      let o = 0;
+      const g = `[#-# : ${f - 1} : ${(_ = A.line[f - 1]) == null ? void 0 : _.value} : #-#]`, u = /<[A-Za-z]+\b[^>]*(?:.|\n)*?\/?>/g;
+      i += "0", f === 0 && o++, p.indexOf(`#-# : ${f} : </`) > -1 && o++, g.indexOf("<!doctype") > -1 && o++, g.indexOf("<!--") > -1 && o++, g.indexOf("/> : #-#") > -1 && o++, g.indexOf(`#-# : ${f - 1} : </`) > -1 && o++, ((C = A.line[f - 1]) == null ? void 0 : C.type) === "text" && o++;
+      const d = i.length - o;
+      if (i = i.substring(0, d), H && p.indexOf("<!--") > -1) return "";
+      let h = p.replace(`[#-# : ${f} : `, "").replace(" : #-#]", "");
+      if (((P = A.line[f]) == null ? void 0 : P.type) === "text" && n > 0 && h.length >= n && (h = xt(h, n, r * d)), s > 0 && l.value.length > s && u.test(l.value)) {
+        const E = /\s{1}[A-Za-z-]+(?:=".*?")?/g, y = l.value.split(E).filter(Boolean), Fe = l.value.matchAll(E), Y = r * d, Me = Y + r;
+        let Q = y[0].padStart(y[0].length + Y) + `
+`;
+        for (const ce of Fe) {
+          const Pe = ce[0].trim().padStart(ce[0].trim().length + Me) + `
+`;
+          Q += Pe;
+        }
+        const Ce = y[1].padStart(
+          y[1].trim().length + Y + (H && Ne.includes(y[0].slice(1)) ? 1 : 0)
+        );
+        return Q += Ce, Q;
+      } else
+        return h.padStart(h.length + r * d);
+    });
+  }), s > 0 && (e = ut(e)), n > 0 && /\n[ ]*[^\n]*__!i-£___£%__[^\n]*\n/.test(e) && (e = gt(e)), e = e.replace(
+    /<(?<Element>.+).*>[^<]*?[^><\/\s][^<]*?<\/{1}\k<Element>|<script[^>]*>\s+<\/script>|<(\w+)>\s+<\/(\w+)|<(?:([\w:\._-]+)|([\w:\._-]+)[^>]*[^\/])>\s+<\/([\w:\._-]+)>/g,
+    (l) => l.replace(/\n|\t|\s{2,}/g, "")
+  ), n > 0 && (e = bt(e)), s > 0 && (e = ht(e)), H && (e = e.replace(/\s\/>|\/>/g, ">"));
+  const a = e.substring(0, 1), c = e.substring(e.length - 1);
+  return a === `
+` && (e = e.substring(1, e.length)), c === `
+` && (e = e.substring(0, e.length - 1)), e;
+}, Tt = (e, t) => {
+  if (!le(e)) return e;
+  const r = t ? wt(t) : q;
+  H = r.strict;
+  const s = r.ignore.length > 0;
+  return se = r.trim, s && (e = dt(e, r)), e = $t(e), e = At(e), e = kt(e, r), e = _t(e), s && (e = vt(e, r)), e;
+}, jt = (e, t, r) => {
+  [null, void 0, "", !1].includes(r) || ["innerHTML", "style", ""].includes(t) || e.setAttribute(t, ["object", "function"].includes(typeof r) ? "⚠️ Property must be set through a script or a framework-specific syntax." : r);
+}, Ie = (e, t, r, s, n) => {
   if (t && typeof t == "string") {
     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);
+    Object.keys(r || {}).forEach((a) => {
+      jt(i, a, r[a]);
+    }), s == null || s.forEach((a) => {
+      Ie(i, a.$tag$, a.$attrs$, a.$children$, a.$text$);
+    }), r != null && r.innerHTML && (i.innerHTML = r.innerHTML), e.appendChild(i);
   }
   n && (e.innerHTML = n);
-}, rt = (e, t) => {
+}, Qt = (e, t, r = []) => {
   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], i = r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-      (!t || !Object.keys(t).includes(r) || t[r] !== n) && (s[i] = n);
+  for (const n in e)
+    if (!r.includes(n)) {
+      const i = e[n], a = n.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+      (!t || !Object.keys(t).includes(n) || t[n] !== i) && (s[a] = i);
     }
   return s;
-}, 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"), De(
+}, Vt = (e, t) => {
+  var s, n;
+  const r = document.getElementById("storybook-root");
+  if (r !== null)
+    return (n = document.querySelector("[lang]")) == null || n.setAttribute("lang", ((s = t.globals) == null ? void 0 : s.locale) || "en"), ct(
       {
         $cmpMeta$: {
           $flags$: 0,
-          $tagName$: s.tagName
+          $tagName$: r.tagName
         },
-        $hostElement$: s
+        $hostElement$: r
       },
       e(t)
-    ), s.children[s.children.length - 1];
-}, it = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {
+    ), r.children[r.children.length - 1];
+}, er = ({ $tag$: e, $attrs$: t, $children$: r, $text$: s }) => {
   const n = document.createElement("div");
-  return ue(n, e, t, s, r), n.innerHTML;
-}, U = (e, t) => {
+  return Ie(n, e, t, r, s), Tt(n.innerHTML, {
+    tag_wrap: 40,
+    content_wrap: 120
+  }).replace(/="true"/g, "");
+}, J = (e, t) => {
   if (!t)
     return;
-  const s = t.split("/");
-  return `${e}${s.slice(2, s.length - 1).join("-")}--docs`;
+  const r = t.split("/");
+  return `${e}${r.slice(2, r.length - 1).join("-")}--docs`;
 };
-var S, q;
-class ot {
+var k, X;
+class tr {
   constructor(t) {
     /**
      * JsonDocs
      */
-    p(this, "jsonDoc");
+    $(this, "jsonDoc");
     /**
      * Get component data from the jsonDoc
      * @param tagName - tag name we want to get the data from
      * @returns component data
      */
-    B(this, S, (t) => this.jsonDoc.components.find((s) => s.tag === t));
+    j(this, k, (t) => this.jsonDoc.components.find((r) => r.tag === t));
     /**
      * Get the control for the given prop
      * Based on https://storybook.js.org/docs/api/arg-types#controltype
      * @param prop - prop to get control for
      * @returns control type and options if applicable
      */
-    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" } };
+    j(this, X, (t) => {
+      const r = t.type.replace(/"([^"]+)"/g, "$1").replace(/\s/g, "").replace(/\(.*?\)/g, (s) => s.replace(/\|/g, " OR ")).split("|").map((s) => s.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" } } : r.length > 1 ? r.includes("string") ? { control: { type: "text" } } : r.every((s) => s == null ? void 0 : s.includes("[]")) ? { control: { type: "object" } } : (r.unshift(void 0), { control: { type: "select" }, options: r }) : { control: { type: "object" } };
     });
     /**
      * Extract component arg types from the component data
      * @param tagName - tag name we want to extract the arg types from
      * @returns component arg types
      */
-    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);
+    $(this, "extractArgTypes", (t) => {
+      const r = v(this, k).call(this, t), s = r == null ? void 0 : r.props.reduce((p, o) => {
+        const { control: g, options: u } = v(this, X).call(this, o);
         return {
-          ...u,
-          [l.name]: {
-            name: l.attr || l.name,
-            description: l.docs,
-            type: { required: l.required },
+          ...p,
+          [o.name]: {
+            name: o.attr || o.name,
+            description: o.docs,
+            type: { required: o.required },
             table: {
               category: "props",
-              type: { summary: l.type },
-              defaultValue: { summary: l.default }
+              type: { summary: o.type },
+              defaultValue: { summary: o.default }
             },
-            control: d,
-            options: a
+            control: g,
+            options: u
           }
         };
-      }, {}), n = s == null ? void 0 : s.events.reduce(
-        (u, l) => ({
-          ...u,
-          [l.event]: {
-            name: l.event,
-            description: l.docs,
+      }, {}), n = r == null ? void 0 : r.events.reduce(
+        (p, o) => ({
+          ...p,
+          [o.event]: {
+            name: o.event,
+            description: o.docs,
             table: {
               category: "events",
-              type: { summary: l.detail }
+              type: { summary: o.detail }
             }
           }
         }),
         {}
-      ), i = s == null ? void 0 : s.methods.reduce(
-        (u, l) => ({
-          ...u,
-          [l.name]: {
-            name: l.name,
-            description: l.docs,
+      ), i = r == null ? void 0 : r.methods.reduce(
+        (p, o) => ({
+          ...p,
+          [o.name]: {
+            name: o.name,
+            description: o.docs,
             table: {
               category: "methods",
-              type: { summary: l.signature }
+              type: { summary: o.signature }
             }
           }
         }),
         {}
-      ), o = s == null ? void 0 : s.slots.reduce(
-        (u, l) => ({
-          ...u,
-          [l.name]: {
-            name: l.name !== "" ? l.name : "default",
+      ), a = r == null ? void 0 : r.slots.reduce(
+        (p, o) => ({
+          ...p,
+          [o.name]: {
+            name: o.name !== "" ? o.name : "default",
             // default slot are unnamed
-            description: l.docs,
+            description: o.docs,
             table: {
               category: "slots",
               type: { summary: void 0 }
@@ -542,12 +849,12 @@ class ot {
           }
         }),
         {}
-      ), f = s == null ? void 0 : s.styles.reduce(
-        (u, l) => ({
-          ...u,
-          [l.name]: {
-            name: l.name,
-            description: l.docs,
+      ), c = r == null ? void 0 : r.styles.reduce(
+        (p, o) => ({
+          ...p,
+          [o.name]: {
+            name: o.name,
+            description: o.docs,
             table: {
               category: "custom properties",
               type: { summary: void 0 }
@@ -555,41 +862,41 @@ class ot {
           }
         }),
         {}
-      ), c = s == null ? void 0 : s.dependencies.reduce((u, l) => {
-        const d = x(this, S).call(this, l);
-        return {
-          ...u,
-          [l]: {
-            name: l,
-            description: `<a href="./?path=/docs/${U("", d == null ? void 0 : d.filePath)}">View Component Documentation</a>`,
+      ), l = r == null ? void 0 : r.dependencies.reduce((p, o) => {
+        const g = v(this, k).call(this, o);
+        return g ? {
+          ...p,
+          [o]: {
+            name: o,
+            description: `<a href="./?path=/docs/${J("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
             table: {
               category: "depends on",
               type: { summary: void 0 }
             }
           }
-        };
-      }, {}), $ = s == null ? void 0 : s.dependents.reduce((u, l) => {
-        const d = x(this, S).call(this, l);
-        return {
-          ...u,
-          [l]: {
-            name: l,
-            description: `<a href="./?path=/docs/${U("", d == null ? void 0 : d.filePath)}">View Component Documentation</a>`,
+        } : p;
+      }, {}), f = r == null ? void 0 : r.dependents.reduce((p, o) => {
+        const g = v(this, k).call(this, o);
+        return g ? {
+          ...p,
+          [o]: {
+            name: o,
+            description: `<a href="./?path=/docs/${J("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
             table: {
               category: "used by",
               type: { summary: void 0 }
             }
           }
-        };
+        } : p;
       }, {});
       return {
-        ...r,
+        ...s,
         ...n,
         ...i,
-        ...o,
-        ...f,
+        ...a,
         ...c,
-        ...$
+        ...l,
+        ...f
       };
     });
     /**
@@ -597,29 +904,29 @@ class ot {
      * @param tagName - tag name we want to extract the description from
      * @returns component description
      */
-    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, "extractComponentDescription", (t) => {
+      const r = v(this, k).call(this, t);
+      return (r == null ? void 0 : r.readme) || (r == null ? void 0 : r.docs);
     });
     this.jsonDoc = t;
   }
 }
-S = new WeakMap(), q = new WeakMap();
-const qe = (e, t) => {
+k = new WeakMap(), X = new WeakMap();
+const Rt = (e, t) => {
   if (t)
     return `${e}${t}`;
-}, de = (e) => {
+}, Le = (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: i }) => `- \`${n}\`: ${i}
+  const r = e.props.filter(({ attr: n }) => n !== void 0);
+  r.length && (t += `Attributes:
+`, t += r.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: i }) => `- \`${n}\`: ${i}
+  const s = e.props.filter(({ attr: n }) => n === void 0);
+  return s.length && (t += `Properties:
+`, t += s.map(({ name: n, docs: i }) => `- \`${n}\`: ${i}
 `).join(""), t += `
 `), e.methods.length && (t += `Methods:
 `, t += e.methods.map(({ name: n, docs: i }) => `- \`${n}\`: ${i}
@@ -634,74 +941,74 @@ const qe = (e, t) => {
 `, t += e.slots.map(({ name: n, docs: i }) => `- \`${n}\`: ${i}
 `).join(""), t += `
 `), t;
-}, z = (e) => `${e.docs}
+}, ne = (e) => `${e.docs}
 
-Type: \`${e.type}\``, lt = (e, t, s, r) => ({
+Type: \`${e.type}\``, rr = (e, t, r, s) => ({
   $schema: "https://json.schemastore.org/web-types",
   name: e,
   version: t,
   "description-markup": "markdown",
   contributions: {
     html: {
-      elements: s.components.map((n) => {
-        const i = U(r, n.filePath);
+      elements: r.components.map((n) => {
+        const i = J(s, n.filePath);
         return {
           name: n.tag,
-          description: de(n),
+          description: Le(n),
           "doc-url": i,
-          attributes: n.props.filter((o) => o.attr).map((o) => ({
-            name: o.attr,
-            description: z(o),
+          attributes: n.props.filter((a) => a.attr).map((a) => ({
+            name: a.attr,
+            description: ne(a),
             "doc-url": i,
             value: {
-              type: o.type,
-              default: o.default,
-              required: o.required
+              type: a.type,
+              default: a.default,
+              required: a.required
             }
           })),
           js: {
-            properties: n.props.map((o) => ({
-              name: o.name,
-              description: z(o),
+            properties: n.props.map((a) => ({
+              name: a.name,
+              description: ne(a),
               "doc-url": i,
               value: {
-                type: o.type,
-                default: o.default,
-                required: o.required
+                type: a.type,
+                default: a.default,
+                required: a.required
               }
             })),
-            events: n.events.map((o) => ({
-              name: o.event,
-              description: o.docs
+            events: n.events.map((a) => ({
+              name: a.event,
+              description: a.docs
             }))
           },
           css: {
-            properties: n.styles.map((o) => ({
-              name: o.name,
-              description: o.docs
+            properties: n.styles.map((a) => ({
+              name: a.name,
+              description: a.docs
             }))
           }
         };
       })
     }
   }
-}), Ce = (e, t, s) => [
-  { name: "Storybook", url: U(e, s) },
-  { name: "Sources", url: qe(t, s) }
-], Be = (e) => {
+}), Nt = (e, t, r) => [
+  { name: "Storybook", url: J(e, r) },
+  { name: "Sources", url: Rt(t, r) }
+], zt = (e) => {
   if (!e.values.some(({ value: t }) => t === void 0))
     return e.values.map(({ value: t }) => ({ name: t }));
-}, at = (e, t, s) => ({
+}, sr = (e, t, r) => ({
   version: 1.1,
-  tags: e.components.map((r) => {
-    const n = Ce(t, s, r.filePath);
+  tags: e.components.map((s) => {
+    const n = Nt(t, r, s.filePath);
     return {
-      name: r.tag,
-      description: de(r),
-      attributes: r.props.map((i) => ({
+      name: s.tag,
+      description: Le(s),
+      attributes: s.props.map((i) => ({
         name: i.attr || i.name,
-        description: z(i),
-        values: Be(i),
+        description: ne(i),
+        values: zt(i),
         references: n
       })),
       references: n
@@ -709,55 +1016,55 @@ Type: \`${e.type}\``, lt = (e, t, s, r) => ({
   }),
   globalAttributes: [],
   valueSets: []
-}), ct = (e) => ({
+}), nr = (e) => ({
   version: 1.1,
   properties: e.components.flatMap(
-    (t) => t.styles.map((s) => ({
-      name: s.name,
-      description: s.docs
+    (t) => t.styles.map((r) => ({
+      name: r.name,
+      description: r.docs
     }))
   )
-}), ft = (e) => {
-  const t = { value: "2023", pattern: "yyyy" }, s = { value: "12", pattern: "mm" }, r = { value: "24", pattern: "dd" };
-  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();
+}), ir = (e) => {
+  const t = { value: "2023", pattern: "yyyy" }, r = { value: "12", pattern: "mm" }, s = { value: "24", pattern: "dd" };
+  return Ft([t.value, r.value, s.value].join("-"), e, { timeZone: "UTC" }).replace(t.value, t.pattern).replace(r.value, r.pattern).replace(s.value, s.pattern);
+}, ar = (e) => e.toISOString().split("T")[0], It = (e, t, r) => {
+  const s = e.closest("[lang]"), n = Intl.NumberFormat.supportedLocalesOf(s == null ? void 0 : s.lang), i = n.length > 0 && typeof n[0] == "string" ? n[0] : navigator.language || r, a = i.split("-").shift();
   return Object.keys(t).length === 0 ? {
     locale: i,
-    messages: { lang: s }
+    messages: { lang: r }
   } : {
     locale: i,
-    messages: t[o] || t[s] || { lang: s }
+    messages: t[a] || t[r] || { lang: r }
   };
-}, 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(Number(e)), gt = (e, t, s = 0) => new Intl.NumberFormat(t, {
+}, or = (e, t, r) => new Intl.NumberFormat(t, { style: "currency", currency: r }).format(e), lr = (e, t, r = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: r }).format(Number(e)), cr = (e, t, r = 0) => new Intl.NumberFormat(t, {
   style: "percent",
-  minimumFractionDigits: s,
-  maximumFractionDigits: s
-}).format(e), pt = (e, t, s, r = "short", n = 0) => new Intl.NumberFormat(t, {
+  minimumFractionDigits: r,
+  maximumFractionDigits: r
+}).format(e), fr = (e, t, r, s = "short", n = 0) => new Intl.NumberFormat(t, {
   style: "unit",
-  unit: s,
-  unitDisplay: r,
+  unit: r,
+  unitDisplay: s,
   minimumFractionDigits: n,
   maximumFractionDigits: n
-}).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 {
+}).format(e), Lt = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, Ft = (e, t, r) => typeof e != "string" || e === "" || !Lt.test(e) ? "" : new Intl.DateTimeFormat(t, r).format(new Date(e)), ur = (e, t) => (r) => It(r, e, t), pr = ({ disconnect: e, observe: t, takeRecords: r }) => {
+  class s {
     constructor(i) {
       /**
        *
        */
-      p(this, "disconnect", e);
+      $(this, "disconnect", e);
       /**
        *
        */
-      p(this, "observe", t);
+      $(this, "observe", t);
       /**
        *
        */
-      p(this, "takeRecords", s);
+      $(this, "takeRecords", r);
       /**
        *
        */
-      p(this, "cb");
+      $(this, "cb");
       this.cb = i;
     }
   }
@@ -765,51 +1072,51 @@ Type: \`${e.type}\``, lt = (e, t, s, r) => ({
     Object.defineProperty(n, "MutationObserver", {
       writable: !0,
       configurable: !0,
-      value: r
+      value: s
     });
-  }), r;
-}, yt = ({ disconnect: e, observe: t }) => {
-  class s {
+  }), s;
+}, gr = ({ disconnect: e, observe: t }) => {
+  class r {
     constructor(n) {
       /**
        *
        */
-      p(this, "disconnect", e);
+      $(this, "disconnect", e);
       /**
        *
        */
-      p(this, "observe", t);
+      $(this, "observe", t);
       /**
        *
        */
-      p(this, "unobserve");
+      $(this, "unobserve");
       /**
        *
        */
-      p(this, "cb");
+      $(this, "cb");
       this.cb = n;
     }
   }
-  return [window, global].forEach((r) => {
-    Object.defineProperty(r, "ResizeObserver", {
+  return [window, global].forEach((s) => {
+    Object.defineProperty(s, "ResizeObserver", {
       writable: !0,
       configurable: !0,
-      value: s
+      value: r
     });
-  }), s;
+  }), r;
 };
-class Ie extends Event {
+class Mt extends Event {
   constructor() {
     super(...arguments);
     /**
      *
      */
-    p(this, "detail");
+    $(this, "detail");
   }
   // eslint-disable-line @typescript-eslint/no-explicit-any
 }
-const mt = () => {
-  class e extends Ie {
+const $r = () => {
+  class e extends Mt {
   }
   return [window, global].forEach((t) => {
     Object.defineProperty(t, "SubmitEvent", {
@@ -818,10 +1125,10 @@ const mt = () => {
       value: e
     });
   }), e;
-}, bt = (e) => {
-  const t = (s) => (setTimeout(s, 1), e(), 0);
-  return [window, global].forEach((s) => {
-    Object.defineProperty(s, "requestAnimationFrame", {
+}, dr = (e) => {
+  const t = (r) => (setTimeout(r, 1), e(), 0);
+  return [window, global].forEach((r) => {
+    Object.defineProperty(r, "requestAnimationFrame", {
       writable: !0,
       configurable: !0,
       value: t
@@ -829,39 +1136,44 @@ const mt = () => {
   }), t;
 };
 export {
-  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,
-  ft as getLocaleDatePattern,
-  Y as getParentWindows,
-  it as getStoryHTML,
-  U as getStorybookUrl,
-  Ye as getWindows,
-  Ke as isTagName,
-  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
+  Zt as ClassList,
+  Kt as Cursor,
+  He as Page,
+  Yt as Paginate,
+  tr as StorybookPreview,
+  Dt as allItemsAreString,
+  Jt as cleanString,
+  Pt as createID,
+  Lt as dateRegExp,
+  ar as dateToString,
+  ur as defineLocales,
+  Qt as filterArgs,
+  Ht as focusableElements,
+  ir as getLocaleDatePattern,
+  qe as getObjectValueFromKey,
+  _e as getParentWindows,
+  er as getStoryHTML,
+  J as getStorybookUrl,
+  Bt as getWindows,
+  ie as isObject,
+  qt as isTagName,
+  Wt as isValidNumber,
+  De as isValidString,
+  Ut as isValideID,
+  or as localeCurrency,
+  Ft as localeDate,
+  lr as localeNumber,
+  cr as localePercent,
+  fr as localeUnit,
+  Xt as nextTick,
+  dr as setUpRequestAnimationFrameMock,
+  pr as setupMutationObserverMock,
+  gr as setupResizeObserverMock,
+  $r as setupSubmitEventMock,
+  Vt as stencilWrapper,
+  Gt as toString,
+  nr as vsCodeCssGenerator,
+  sr as vsCodeGenerator,
+  rr as webTypesGenerator
 };
 //# sourceMappingURL=index.es.js.map