@mgdis/stencil-helpers 3.1.1 → 3.2.1

package/dist/index.es.js

@@ -1,17 +1,11 @@
-var De = Object.defineProperty;
-var ce = (e) => {
+var Ke = Object.defineProperty;
+var pe = (e) => {
   throw TypeError(e);
 };
-var He = (e, t, r) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var d = (e, t, r) => He(e, typeof t != "symbol" ? t + "" : t, r), fe = (e, t, r) => t.has(e) || ce("Cannot " + r);
-var v = (e, t, r) => (fe(e, t, "read from private field"), r ? r.call(e) : t.get(e)), k = (e, t, r) => t.has(e) ? ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), U = (e, t, r, s) => (fe(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
-const Zt = (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;
-}, Dt = (e) => qe(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;
-class Ht {
+var Ye = (e, t, r) => t in e ? Ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var d = (e, t, r) => Ye(e, typeof t != "symbol" ? t + "" : t, r), ge = (e, t, r) => t.has(e) || pe("Cannot " + r);
+var w = (e, t, r) => (ge(e, t, "read from private field"), r ? r.call(e) : t.get(e)), N = (e, t, r) => t.has(e) ? pe("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), D = (e, t, r, s) => (ge(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
+class nr {
   constructor(t = []) {
     /**
      * Available classes
@@ -46,38 +40,30 @@ class Ht {
     this.classes = t;
   }
 }
-const qt = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Bt = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Gt = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Jt = (e) => {
-  const t = _e(e), r = be(e);
-  return [e, ...t, ...r];
-}, _e = (e, t = []) => {
-  if (e.self !== e.top)
-    try {
-      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;
-}, be = (e, t = []) => {
-  if (e.frames.length > 0)
-    for (const r of Array.from(e.frames))
-      t.push(r), be(r, t);
-  return t;
-}, qe = (e) => typeof e == "string" && e.trim() !== "", Xt = (e) => typeof e == "object" ? JSON.stringify(e) : `${e}`, Kt = (e) => typeof e == "number" && !Number.isNaN(e), Yt = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, Qt = async (e) => {
-  if (e) return e();
-}, ne = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, Be = (e, t, r) => {
+const Q = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, Qe = (e, t, r) => {
   const s = ".";
-  if (!ne(e) || typeof t != "string")
+  if (!Q(e) || typeof t != "string")
     return r;
   const [n, ...i] = t.split(s);
-  return i.length ? Be(e[n], i.join(s)) : e[n];
-}, Vt = {
+  return i.length ? Qe(e[n], i.join(s)) : e[n];
+}, ir = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Ve = (e) => typeof e == "string" && e.trim() !== "", or = (e) => typeof e == "object" ? JSON.stringify(e) : String(e), ar = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, et = (e) => e.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (t, r) => (r > 0 ? "-" : "") + t.toLowerCase()).replace(/[^a-z0-9-]+/g, "-").replace(/--+/g, "-").replace(/(?:^-)|(?:-$)/g, ""), lr = (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;
+}, cr = (e) => Ve(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null, fr = (e) => {
+  let t;
+  return typeof e == "string" ? t = e : e && typeof e == "object" && (Q(e) || Array.isArray(e)) ? t = JSON.stringify(e) : e != null && typeof e != "boolean" && typeof e != "object" && (t = String(e)), t && et(t);
+}, ur = async (e) => {
+  if (e)
+    return e();
+}, pr = {
   FIRST: "first",
   NEXT: "next",
   PREVIOUS: "previous",
   LAST: "last"
-}, ve = 10;
-class Ge {
+}, me = 10;
+class tt {
   constructor(t) {
     /**
      * Define items
@@ -90,7 +76,7 @@ class Ge {
     /**
      * Define top
      */
-    d(this, "top", ve);
+    d(this, "top", me);
     /**
      * Define next
      */
@@ -106,33 +92,35 @@ class Ge {
      * @returns item index
      */
     d(this, "getIndexFromCursor", (t = "first", r) => {
-      if (!Array.isArray(this.items) || !this.items.length) return null;
+      if (!Array.isArray(this.items) || !this.items.length)
+        return null;
       const n = this.items.length - this.baseIndex;
-      let i = 0, o = 0;
+      let i, o = 0;
       if (["previous", "next"].includes(t) && r) {
-        const f = this.items.findIndex((c) => JSON.stringify(c) === JSON.stringify(r));
-        if (f === -1) return 0;
-        o = f;
+        const l = this.items.findIndex((c) => JSON.stringify(c) === JSON.stringify(r));
+        if (l === -1)
+          return 0;
+        o = l;
       }
-      return t === "first" ? i = 0 : t === "last" ? i = n : t === "previous" ? i = JSON.stringify(this.items[o]) === JSON.stringify(this.items[0]) ? n : o - this.baseIndex : t === "next" && (i = JSON.stringify(this.items[o]) === JSON.stringify(this.items[n]) ? 0 : o + this.baseIndex), i;
+      return t === "first" ? i = 0 : t === "last" ? i = n : t === "previous" ? i = JSON.stringify(this.items[o]) === JSON.stringify(this.items[0]) ? n : o - this.baseIndex : t === "next" ? i = JSON.stringify(this.items[o]) === JSON.stringify(this.items[n]) ? 0 : o + this.baseIndex : i = 0, i;
     });
-    if (ne(t))
+    if (Q(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 O, N, C;
-class er {
+var O, I, U;
+class gr {
   constructor(t, r) {
     /**
      * Define paginated items
      */
     d(this, "items", []);
     /* Privates */
-    k(this, O, ve);
-    k(this, N);
-    k(this, C);
+    N(this, O, me);
+    N(this, I);
+    N(this, U);
     /**
      * Get page
      * @param offset - pagiantion offset
@@ -142,26 +130,222 @@ class er {
     d(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, O) && (n = () => this.getPage(t + v(this, O), r)), new Ge({
-        items: s.slice(t, t + v(this, O)),
-        total: v(this, C),
-        top: v(this, O),
+      return w(this, I) ? n = w(this, I) : s.length > t + w(this, O) && (n = () => this.getPage(t + w(this, O), r)), new tt({
+        items: s.slice(t, t + w(this, O)),
+        total: w(this, U),
+        top: w(this, O),
         next: n
       });
     });
-    Array.isArray(t) && (this.items = t), r && (["string", "function"].includes(typeof r.next) || ne(r.next) && URL.canParse(r.next)) && U(this, N, r.next), typeof (r == null ? void 0 : r.top) == "number" && U(this, O, r.top), typeof (r == null ? void 0 : r.total) == "number" && U(this, C, r.total);
+    Array.isArray(t) && (this.items = t), r && (["string", "function"].includes(typeof r.next) || Q(r.next) && URL.canParse(r.next)) && D(this, I, r.next), typeof (r == null ? void 0 : r.top) == "number" && D(this, O, r.top), typeof (r == null ? void 0 : r.total) == "number" && D(this, U, r.total);
   }
 }
-O = new WeakMap(), N = new WeakMap(), C = new WeakMap();
-var K = {
+O = new WeakMap(), I = new WeakMap(), U = new WeakMap();
+const $r = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, dr = (e) => e.toISOString().split("T")[0], hr = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), yr = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', _r = (e) => typeof e == "number" && !Number.isNaN(e), br = (e) => {
+  const t = xe(e), r = Ee(e);
+  return [e, ...t, ...r];
+}, xe = (e, t = []) => {
+  if (e.self !== e.top)
+    try {
+      const r = e.parent;
+      return r ? (t.push(r), xe(r, t)) : t;
+    } catch (r) {
+      return console.error("Different hosts between iframes:", r), t;
+    }
+  return t;
+}, Ee = (e, t = []) => {
+  if (e.frames.length > 0)
+    for (const r of Array.from(e.frames))
+      t.push(r), Ee(r, t);
+  return t;
+};
+var rt = Object.defineProperty, st = (e, t) => {
+  for (var r in t)
+    rt(e, r, { get: t[r], enumerable: !0 });
+}, nt = {};
+st(nt, {
+  err: () => Se,
+  map: () => it,
+  ok: () => te,
+  unwrap: () => ot,
+  unwrapErr: () => at
+});
+var te = (e) => ({
+  isOk: !0,
+  isErr: !1,
+  value: e
+}), Se = (e) => ({
+  isOk: !1,
+  isErr: !0,
+  value: e
+});
+function it(e, t) {
+  if (e.isOk) {
+    const r = t(e.value);
+    return r instanceof Promise ? r.then((s) => te(s)) : te(r);
+  }
+  if (e.isErr) {
+    const r = e.value;
+    return Se(r);
+  }
+  throw "should never get here";
+}
+var ot = (e) => {
+  if (e.isOk)
+    return e.value;
+  throw e.value;
+}, at = (e) => {
+  if (e.isErr)
+    return e.value;
+  throw e.value;
+};
+const Oe = (e, t) => {
+  if (!t)
+    return;
+  const r = t.split("/");
+  return `${e}${r.slice(2, r.length - 1).join("-")}--docs`;
+}, lt = (e, t) => {
+  if (t)
+    return `${e}${t}`;
+}, Ae = (e) => {
+  let t = e.overview ? `${e.overview}
+
+` : "";
+  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 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}
+`).join(""), t += `
+`), e.events.length && (t += `Events:
+`, 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: i }) => `- \`${n}\`: ${i}
+`).join(""), t += `
+`), t;
+}, re = (e) => `${e.docs}
+
+Type: \`${e.type}\``, vr = (e, t, r, s) => ({
+  $schema: "https://json.schemastore.org/web-types",
+  name: e,
+  version: t,
+  "description-markup": "markdown",
+  contributions: {
+    html: {
+      elements: r.components.map((n) => {
+        const i = Oe(s, n.filePath);
+        return {
+          name: n.tag,
+          description: Ae(n),
+          "doc-url": i,
+          attributes: n.props.filter((o) => o.attr).map((o) => ({
+            name: o.attr,
+            description: re(o),
+            "doc-url": i,
+            value: {
+              type: o.type,
+              default: o.default,
+              required: o.required
+            }
+          })),
+          js: {
+            properties: n.props.map((o) => ({
+              name: o.name,
+              description: re(o),
+              "doc-url": i,
+              value: {
+                type: o.type,
+                default: o.default,
+                required: o.required
+              }
+            })),
+            events: n.events.map((o) => ({
+              name: o.event,
+              description: o.docs
+            }))
+          },
+          css: {
+            properties: n.styles.map((o) => ({
+              name: o.name,
+              description: o.docs
+            }))
+          }
+        };
+      })
+    }
+  }
+}), ct = (e, t, r) => [
+  { name: "Storybook", url: Oe(e, r) },
+  { name: "Sources", url: lt(t, r) }
+], ft = (e) => {
+  if (!e.values.some(({ value: t }) => t === void 0))
+    return e.values.map(({ value: t }) => ({ name: t }));
+}, wr = (e, t, r) => ({
+  version: 1.1,
+  tags: e.components.map((s) => {
+    const n = ct(t, r, s.filePath);
+    return {
+      name: s.tag,
+      description: Ae(s),
+      attributes: s.props.map((i) => ({
+        name: i.attr ?? i.name,
+        description: re(i),
+        values: ft(i),
+        references: n
+      })),
+      references: n
+    };
+  }),
+  globalAttributes: [],
+  valueSets: []
+}), mr = (e) => ({
+  version: 1.1,
+  properties: e.components.flatMap((t) => t.styles.map((r) => ({
+    name: r.name,
+    description: r.docs
+  })))
+}), ut = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, xr = (e) => {
+  const t = { value: "2023", pattern: "yyyy" }, r = { value: "12", pattern: "mm" }, s = { value: "24", pattern: "dd" };
+  return gt([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);
+}, pt = (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, o = i.split("-").shift();
+  return Object.keys(t).length === 0 ? {
+    locale: i,
+    messages: { lang: r }
+  } : {
+    locale: i,
+    messages: t[o] || t[r] || { lang: r }
+  };
+}, Er = (e, t, r) => new Intl.NumberFormat(t, { style: "currency", currency: r }).format(e), Sr = (e, t, r = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: r }).format(Number(e)), Or = (e, t, r = 0) => new Intl.NumberFormat(t, {
+  style: "percent",
+  minimumFractionDigits: r,
+  maximumFractionDigits: r
+}).format(e), Ar = (e, t, r, s = "short", n = 0) => new Intl.NumberFormat(t, {
+  style: "unit",
+  unit: r,
+  unitDisplay: s,
+  minimumFractionDigits: n,
+  maximumFractionDigits: n
+}).format(e), gt = (e, t, r) => typeof e != "string" || e === "" || !ut.test(e) ? "" : new Intl.DateTimeFormat(t, r).format(new Date(e)), kr = (e, t) => (r) => pt(r, e, t);
+var V = {
   updatable: !0,
   slotRelocation: !0,
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
-}, Je = Object.defineProperty, Xe = (e, t) => {
+}, $t = Object.defineProperty, dt = (e, t) => {
   for (var r in t)
-    Je(e, r, { get: t[r], enumerable: !0 });
-}, Ke = "http://www.w3.org/2000/svg", Ye = "http://www.w3.org/1999/xhtml", ue = (e, t) => t in e, pe = "http://www.w3.org/1999/xlink", A = typeof window < "u" ? window : {}, z = {
+    $t(e, r, { get: t[r], enumerable: !0 });
+}, ht = "http://www.w3.org/2000/svg", yt = "http://www.w3.org/1999/xhtml", $e = (e, t) => t in e, de = "http://www.w3.org/1999/xlink", A = typeof window < "u" ? window : {}, L = {
   $flags$: 0,
   $resourcesUrl$: "",
   jmp: (e) => e(),
@@ -169,53 +353,53 @@ var K = {
   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)
-}, Qe = (e) => e != null && e !== void 0, we = (e) => (e = typeof e, e === "object" || e === "function"), Ve = {};
-Xe(Ve, {
-  err: () => me,
-  map: () => et,
-  ok: () => Q,
-  unwrap: () => tt,
-  unwrapErr: () => rt
+}, _t = (e) => e != null && e !== void 0, ke = (e) => (e = typeof e, e === "object" || e === "function"), bt = {};
+dt(bt, {
+  err: () => je,
+  map: () => vt,
+  ok: () => se,
+  unwrap: () => wt,
+  unwrapErr: () => mt
 });
-var Q = (e) => ({
+var se = (e) => ({
   isOk: !0,
   isErr: !1,
   value: e
-}), me = (e) => ({
+}), je = (e) => ({
   isOk: !1,
   isErr: !0,
   value: e
 });
-function et(e, t) {
+function vt(e, t) {
   if (e.isOk) {
     const r = t(e.value);
-    return r instanceof Promise ? r.then((s) => Q(s)) : Q(r);
+    return r instanceof Promise ? r.then((s) => se(s)) : se(r);
   }
   if (e.isErr) {
     const r = e.value;
-    return me(r);
+    return je(r);
   }
   throw "should never get here";
 }
-var tt = (e) => {
+var wt = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, rt = (e) => {
+}, mt = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
-}, xe = (e) => {
-  const t = $e(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" && (nt(s, ie(s), !1).length ? s.hidden = !0 : s.hidden = !1);
+}, Te = (e) => {
+  const t = ye(e, "childNodes");
+  e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && Re(t, e.tagName).forEach((s) => {
+    s.nodeType === 1 && s.tagName === "SLOT-FB" && (Et(s, le(s), !1).length ? s.hidden = !0 : s.hidden = !1);
   });
   let r = 0;
   for (r = 0; r < t.length; r++) {
     const s = t[r];
-    s.nodeType === 1 && $e(s, "childNodes").length && xe(s);
+    s.nodeType === 1 && ye(s, "childNodes").length && Te(s);
   }
-}, st = (e) => {
+}, xt = (e) => {
   const t = [];
   for (let r = 0; r < e.length; r++) {
     const s = e[r]["s-nr"] || void 0;
@@ -223,21 +407,21 @@ var tt = (e) => {
   }
   return t;
 };
-function Ee(e, t, r) {
+function Re(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)];
+    i = e[s], i["s-sr"] && (!t || i["s-hn"] === t) && r === void 0 && n.push(i), n = [...n, ...Re(i.childNodes, t, r)];
   return n;
 }
-var nt = (e, t, r = !0) => {
+var Et = (e, t, r = !0) => {
   const s = [];
   (r && e["s-sr"] || !e["s-sr"]) && s.push(e);
   let n = e;
   for (; n = n.nextSibling; )
-    ie(n) === t && (r || !n["s-sr"]) && s.push(n);
+    le(n) === t && (r || !n["s-sr"]) && s.push(n);
   return s;
-}, ge = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", ie = (e) => typeof e["s-sn"] == "string" ? e["s-sn"] : e.nodeType === 1 && e.getAttribute("slot") || void 0;
-function it(e) {
+}, he = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", le = (e) => typeof e["s-sn"] == "string" ? e["s-sn"] : e.nodeType === 1 && e.getAttribute("slot") || void 0;
+function St(e) {
   if (e.assignedElements || e.assignedNodes || !e["s-sr"]) return;
   const t = (r) => (function(s) {
     const n = [], i = this["s-sn"];
@@ -247,8 +431,8 @@ function it(e) {
           If you have a particular use case, please open an issue on the Stencil repo.
         `);
     const o = this["s-cr"].parentElement;
-    return (o.__childNodes ? o.childNodes : st(o.childNodes)).forEach((c) => {
-      i === ie(c) && n.push(c);
+    return (o.__childNodes ? o.childNodes : xt(o.childNodes)).forEach((c) => {
+      i === le(c) && n.push(c);
     }), r ? n.filter(
       (c) => c.nodeType === 1
       /* ElementNode */
@@ -256,23 +440,23 @@ function it(e) {
   }).bind(e);
   e.assignedElements = t(!0), e.assignedNodes = t(!1);
 }
-function $e(e, t) {
+function ye(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 ot = (e, t, ...r) => {
-  let s = null, n = null, i = null, o = !1, f = !1;
-  const c = [], l = (a) => {
+var Ot = (e, t, ...r) => {
+  let s = null, n = null, i = null, o = !1, l = !1;
+  const c = [], f = (a) => {
     for (let g = 0; g < a.length; g++)
-      s = a[g], Array.isArray(s) ? l(s) : s != null && typeof s != "boolean" && ((o = !we(s)) && (s = String(s)), o && f ? c[c.length - 1].$text$ += s : c.push(o ? V(null, s) : s), f = o);
+      s = a[g], Array.isArray(s) ? f(s) : s != null && typeof s != "boolean" && ((o = !ke(s)) && (s = String(s)), o && l ? c[c.length - 1].$text$ += s : c.push(o ? ne(null, s) : s), l = o);
   };
-  l(r);
-  const p = V(e, null);
+  f(r);
+  const p = ne(e, null);
   return p.$attrs$ = t, c.length > 0 && (p.$children$ = c), p.$key$ = n, p.$name$ = i, p;
-}, V = (e, t) => {
+}, ne = (e, t) => {
   const r = {
     $flags$: 0,
     $tag$: e,
@@ -281,63 +465,63 @@ var ot = (e, t, ...r) => {
     $children$: null
   };
   return r.$attrs$ = null, r.$key$ = null, r.$name$ = null, r;
-}, at = {}, lt = (e) => e && e.$tag$ === at, de = (e, t, r, s, n, i, o) => {
+}, At = {}, kt = (e) => e && e.$tag$ === At, _e = (e, t, r, s, n, i, o) => {
   if (r === s)
     return;
-  let f = ue(e, t), c = t.toLowerCase();
+  let l = $e(e, t), c = t.toLowerCase();
   if (t === "class") {
-    const l = e.classList, p = he(r);
-    let a = he(s);
-    l.remove(...p.filter((g) => g && !a.includes(g))), l.add(...a.filter((g) => g && !p.includes(g)));
+    const f = e.classList, p = be(r);
+    let a = be(s);
+    f.remove(...p.filter((g) => g && !a.includes(g))), f.add(...a.filter((g) => g && !p.includes(g)));
   } else if (t === "style") {
-    for (const l in r)
-      (!s || s[l] == null) && (l.includes("-") ? e.style.removeProperty(l) : e.style[l] = "");
-    for (const l in s)
-      (!r || s[l] !== r[l]) && (l.includes("-") ? e.style.setProperty(l, s[l]) : e.style[l] = s[l]);
+    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) : ue(A, c) ? t = c.slice(2) : t = c[2] + t.slice(3), r || s) {
-      const l = t.endsWith(Se);
-      t = t.replace(ft, ""), r && z.rel(e, t, r, l), s && z.ael(e, t, s, l);
+    if (t[2] === "-" ? t = t.slice(3) : $e(A, c) ? t = c.slice(2) : t = c[2] + t.slice(3), r || s) {
+      const f = t.endsWith(Ne);
+      t = t.replace(Tt, ""), r && L.rel(e, t, r, f), s && L.ael(e, t, s, f);
     }
   } else {
-    const l = we(s);
-    if ((f || l && s !== null) && !n)
+    const f = ke(s);
+    if ((l || f && s !== null) && !n)
       try {
         if (e.tagName.includes("-"))
           e[t] !== s && (e[t] = s);
         else {
           const a = s ?? "";
-          t === "list" ? f = !1 : (r == null || e[t] != a) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = a : e.setAttribute(t, a));
+          t === "list" ? l = !1 : (r == null || e[t] != a) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = a : e.setAttribute(t, a));
         }
       } catch {
       }
     let p = !1;
-    c !== (c = c.replace(/^xlink\:?/, "")) && (t = c, p = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (p ? e.removeAttributeNS(pe, t) : e.removeAttribute(t)) : (!f || i & 4 || n) && !l && e.nodeType === 1 && (s = s === !0 ? "" : s, p ? e.setAttributeNS(pe, t, s) : e.setAttribute(t, s));
+    c !== (c = c.replace(/^xlink\:?/, "")) && (t = c, p = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (p ? e.removeAttributeNS(de, t) : e.removeAttribute(t)) : (!l || i & 4 || n) && !f && e.nodeType === 1 && (s = s === !0 ? "" : s, p ? e.setAttributeNS(de, t, s) : e.setAttribute(t, s));
   }
-}, ct = /\s/, he = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(ct)), Se = "Capture", ft = new RegExp(Se + "$"), ee = (e, t, r, s) => {
+}, jt = /\s/, be = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(jt)), Ne = "Capture", Tt = new RegExp(Ne + "$"), ie = (e, t, r, s) => {
   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 ye(Object.keys(i)))
-    f in o || de(
+  for (const l of ve(Object.keys(i)))
+    l in o || _e(
       n,
-      f,
-      i[f],
+      l,
+      i[l],
       void 0,
       r,
       t.$flags$
     );
-  for (const f of ye(Object.keys(o)))
-    de(
+  for (const l of ve(Object.keys(o)))
+    _e(
       n,
-      f,
-      i[f],
-      o[f],
+      l,
+      i[l],
+      o[l],
       r,
       t.$flags$
     );
 };
-function ye(e) {
+function ve(e) {
   return e.includes("ref") ? (
     // we need to sort these to ensure that `'ref'` is the last attr
     [...e.filter((t) => t !== "ref"), "ref"]
@@ -346,11 +530,11 @@ function ye(e) {
     e
   );
 }
-var Z, q, L, te = !1, B = !1, oe = !1, b = !1, G = (e, t, r) => {
+var H, J, M, oe = !1, X = !1, ce = !1, _ = !1, K = (e, t, r) => {
   var s;
   const n = t.$children$[r];
-  let i = 0, o, f, c;
-  if (te || (oe = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
+  let i = 0, o, l, c;
+  if (oe || (ce = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -362,89 +546,89 @@ var Z, q, L, te = !1, B = !1, oe = !1, b = !1, G = (e, t, r) => {
   ))), n.$text$ !== null)
     o = n.$elm$ = A.document.createTextNode(n.$text$);
   else if (n.$flags$ & 1)
-    o = n.$elm$ = A.document.createTextNode(""), ee(null, n, b);
+    o = n.$elm$ = A.document.createTextNode(""), ie(null, n, _);
   else {
-    if (b || (b = n.$tag$ === "svg"), !A.document)
+    if (_ || (_ = n.$tag$ === "svg"), !A.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 (o = n.$elm$ = A.document.createElementNS(
-      b ? Ke : Ye,
-      !te && K.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
-    ), b && n.$tag$ === "foreignObject" && (b = !1), ee(null, n, b), Qe(Z) && o["s-si"] !== Z && o.classList.add(o["s-si"] = Z), n.$children$)
+      _ ? ht : yt,
+      !oe && V.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
+    ), _ && n.$tag$ === "foreignObject" && (_ = !1), ie(null, n, _), _t(H) && o["s-si"] !== H && o.classList.add(o["s-si"] = H), n.$children$)
       for (i = 0; i < n.$children$.length; ++i)
-        f = G(e, n, i), f && o.appendChild(f);
-    n.$tag$ === "svg" ? b = !1 : o.tagName === "foreignObject" && (b = !0);
+        l = K(e, n, i), l && o.appendChild(l);
+    n.$tag$ === "svg" ? _ = !1 : o.tagName === "foreignObject" && (_ = !0);
   }
-  return o["s-hn"] = L, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = q, o["s-sn"] = n.$name$ || "", o["s-rf"] = (s = n.$attrs$) == null ? void 0 : s.ref, it(o), c = e && e.$children$ && e.$children$[r], c && c.$tag$ === n.$tag$ && e.$elm$ && M(e.$elm$, !1), ke(q, o, t.$elm$, e == null ? void 0 : e.$elm$)), o;
-}, M = (e, t) => {
-  z.$flags$ |= 1;
+  return o["s-hn"] = M, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = J, o["s-sn"] = n.$name$ || "", o["s-rf"] = (s = n.$attrs$) == null ? void 0 : s.ref, St(o), c = e && e.$children$ && e.$children$[r], c && c.$tag$ === n.$tag$ && e.$elm$ && P(e.$elm$, !1), Ce(J, o, t.$elm$, e == null ? void 0 : e.$elm$)), o;
+}, P = (e, t) => {
+  L.$flags$ |= 1;
   const r = Array.from(e.__childNodes || e.childNodes);
-  e["s-sr"] && K.experimentalSlotFixes;
+  e["s-sr"] && V.experimentalSlotFixes;
   for (let s = r.length - 1; s >= 0; s--) {
     const n = r[s];
-    n["s-hn"] !== L && 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 && M(n, t);
+    n["s-hn"] !== M && n["s-ol"] && (j(W(n).parentNode, n, W(n)), n["s-ol"].remove(), n["s-ol"] = void 0, n["s-sh"] = void 0, ce = !0), t && P(n, t);
   }
-  z.$flags$ &= -2;
-}, Oe = (e, t, r, s, n, i) => {
-  let o = e["s-cr"] && e["s-cr"].parentNode || e, f;
-  for (o.shadowRoot && o.tagName === L && (o = o.shadowRoot); n <= i; ++n)
-    s[n] && (f = G(null, r, n), f && (s[n].$elm$ = f, T(o, f, F(t))));
-}, Ae = (e, t, r) => {
+  L.$flags$ &= -2;
+}, ze = (e, t, r, s, n, i) => {
+  let o = e["s-cr"] && e["s-cr"].parentNode || e, l;
+  for (o.shadowRoot && o.tagName === M && (o = o.shadowRoot); n <= i; ++n)
+    s[n] && (l = K(null, r, n), l && (s[n].$elm$ = l, j(o, l, W(t))));
+}, Ie = (e, t, r) => {
   for (let s = t; s <= r; ++s) {
     const n = e[s];
     if (n) {
       const i = n.$elm$;
-      Te(n), i && (B = !0, i["s-ol"] ? i["s-ol"].remove() : M(i, !0), i.remove());
+      Fe(n), i && (X = !0, i["s-ol"] ? i["s-ol"].remove() : P(i, !0), i.remove());
     }
   }
-}, ut = (e, t, r, s, n = !1) => {
-  let i = 0, o = 0, f = 0, c = 0, l = t.length - 1, p = t[0], a = t[l], g = s.length - 1, u = s[0], $ = s[g], _, w;
-  for (; i <= l && o <= g; )
+}, Rt = (e, t, r, s, n = !1) => {
+  let i = 0, o = 0, l = 0, c = 0, f = t.length - 1, p = t[0], a = t[f], g = s.length - 1, u = s[0], $ = s[g], b, h;
+  for (; i <= f && o <= g; )
     if (p == null)
       p = t[++i];
     else if (a == null)
-      a = t[--l];
+      a = t[--f];
     else if (u == null)
       u = s[++o];
     else if ($ == null)
       $ = s[--g];
-    else if (W(p, u, n))
-      R(p, u, n), p = t[++i], u = s[++o];
-    else if (W(a, $, n))
-      R(a, $, n), a = t[--l], $ = s[--g];
-    else if (W(p, $, n))
-      (p.$tag$ === "slot" || $.$tag$ === "slot") && M(p.$elm$.parentNode, !1), R(p, $, n), T(e, p.$elm$, a.$elm$.nextSibling), p = t[++i], $ = s[--g];
-    else if (W(a, u, n))
-      (p.$tag$ === "slot" || $.$tag$ === "slot") && M(a.$elm$.parentNode, !1), R(a, u, n), T(e, a.$elm$, p.$elm$), a = t[--l], u = s[++o];
+    else if (B(p, u, n))
+      z(p, u, n), p = t[++i], u = s[++o];
+    else if (B(a, $, n))
+      z(a, $, n), a = t[--f], $ = s[--g];
+    else if (B(p, $, n))
+      (p.$tag$ === "slot" || $.$tag$ === "slot") && P(p.$elm$.parentNode, !1), z(p, $, n), j(e, p.$elm$, a.$elm$.nextSibling), p = t[++i], $ = s[--g];
+    else if (B(a, u, n))
+      (p.$tag$ === "slot" || $.$tag$ === "slot") && P(a.$elm$.parentNode, !1), z(a, u, n), j(e, a.$elm$, p.$elm$), a = t[--f], u = s[++o];
     else {
-      for (f = -1, c = i; c <= l; ++c)
+      for (l = -1, c = i; c <= f; ++c)
         if (t[c] && t[c].$key$ !== null && t[c].$key$ === u.$key$) {
-          f = c;
+          l = c;
           break;
         }
-      f >= 0 ? (w = t[f], w.$tag$ !== u.$tag$ ? _ = G(t && t[o], r, f) : (R(w, u, n), t[f] = void 0, _ = w.$elm$), u = s[++o]) : (_ = G(t && t[o], r, o), u = s[++o]), _ && T(
-        F(p.$elm$).parentNode,
-        _,
-        F(p.$elm$)
+      l >= 0 ? (h = t[l], h.$tag$ !== u.$tag$ ? b = K(t && t[o], r, l) : (z(h, u, n), t[l] = void 0, b = h.$elm$), u = s[++o]) : (b = K(t && t[o], r, o), u = s[++o]), b && j(
+        W(p.$elm$).parentNode,
+        b,
+        W(p.$elm$)
       );
     }
-  i > l ? Oe(
+  i > f ? ze(
     e,
     s[g + 1] == null ? null : s[g + 1].$elm$,
     r,
     s,
     o,
     g
-  ) : o > g && Ae(t, i, l);
-}, W = (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$, o = t.$tag$, f = t.$text$;
+  ) : o > g && Ie(t, i, f);
+}, B = (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, W = (e) => e && e["s-ol"] || e, z = (e, t, r = !1) => {
+  const s = t.$elm$ = e.$elm$, n = e.$children$, i = t.$children$, o = t.$tag$, l = t.$text$;
   let c;
-  f === null ? (b = o === "svg" ? !0 : o === "foreignObject" ? !1 : b, ee(e, t, b), n !== null && i !== null ? ut(s, n, t, i, r) : i !== null ? (e.$text$ !== null && (s.textContent = ""), Oe(s, null, t, i, 0, i.length - 1)) : (
+  l === null ? (_ = o === "svg" ? !0 : o === "foreignObject" ? !1 : _, ie(e, t, _), n !== null && i !== null ? Rt(s, n, t, i, r) : i !== null ? (e.$text$ !== null && (s.textContent = ""), ze(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
-    !r && K.updatable && n !== null && Ae(n, 0, n.length - 1)
-  ), b && o === "svg" && (b = !1)) : (c = s["s-cr"]) ? c.parentNode.textContent = f : e.$text$ !== f && (s.data = f);
-}, x = [], je = (e) => {
+    !r && V.updatable && n !== null && Ie(n, 0, n.length - 1)
+  ), _ && o === "svg" && (_ = !1)) : (c = s["s-cr"]) ? c.parentNode.textContent = l : e.$text$ !== l && (s.data = l);
+}, m = [], Le = (e) => {
   let t, r, s;
   const n = e.__childNodes || e.childNodes;
   for (const i of n) {
@@ -453,96 +637,96 @@ var Z, q, L, te = !1, B = !1, oe = !1, b = !1, G = (e, t, r) => {
       const o = 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 (ge(t, o)) {
-            let f = x.find((c) => c.$nodeToRelocate$ === t);
-            B = !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"], x.push({
+          if (he(t, o)) {
+            let l = m.find((c) => c.$nodeToRelocate$ === t);
+            X = !0, t["s-sn"] = t["s-sn"] || o, l ? (l.$nodeToRelocate$["s-sh"] = i["s-hn"], l.$slotRefNode$ = i) : (t["s-sh"] = i["s-hn"], m.push({
               $slotRefNode$: i,
               $nodeToRelocate$: t
-            })), t["s-sr"] && x.map((c) => {
-              ge(c.$nodeToRelocate$, t["s-sn"]) && (f = x.find((l) => l.$nodeToRelocate$ === t), f && !c.$slotRefNode$ && (c.$slotRefNode$ = f.$slotRefNode$));
+            })), t["s-sr"] && m.map((c) => {
+              he(c.$nodeToRelocate$, t["s-sn"]) && (l = m.find((f) => f.$nodeToRelocate$ === t), l && !c.$slotRefNode$ && (c.$slotRefNode$ = l.$slotRefNode$));
             });
-          } else x.some((f) => f.$nodeToRelocate$ === t) || x.push({
+          } else m.some((l) => l.$nodeToRelocate$ === t) || m.push({
             $nodeToRelocate$: t
           });
     }
-    i.nodeType === 1 && je(i);
+    i.nodeType === 1 && Le(i);
   }
-}, Te = (e) => {
-  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(Te);
-}, T = (e, t, r) => (typeof t["s-sn"] == "string" && t["s-sr"] && t["s-cr"] && ke(t["s-cr"], t, e, t.parentElement), e == null ? void 0 : e.insertBefore(t, r));
-function ke(e, t, r, s) {
+}, Fe = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(Fe);
+}, j = (e, t, r) => (typeof t["s-sn"] == "string" && t["s-sr"] && t["s-cr"] && Ce(t["s-cr"], t, e, t.parentElement), e == null ? void 0 : e.insertBefore(t, r));
+function Ce(e, t, r, s) {
   var n, i;
   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 f = t["s-sn"], c = t["s-hn"];
+    const l = t["s-sn"], c = t["s-hn"];
     if ((n = r.classList) == null || n.add(o + "-s"), s && ((i = s.classList) != null && i.contains(o + "-s"))) {
-      let l = (s.__childNodes || s.childNodes)[0], p = !1;
-      for (; l; ) {
-        if (l["s-sn"] !== f && l["s-hn"] === c && l["s-sr"]) {
+      let f = (s.__childNodes || s.childNodes)[0], p = !1;
+      for (; f; ) {
+        if (f["s-sn"] !== l && f["s-hn"] === c && f["s-sr"]) {
           p = !0;
           break;
         }
-        l = l.nextSibling;
+        f = f.nextSibling;
       }
       p || s.classList.remove(o + "-s");
     }
   }
 }
-var pt = (e, t, r = !1) => {
-  var s, n, i, o, f;
-  const c = e.$hostElement$, l = e.$cmpMeta$, p = e.$vnode$ || V(null, null), a = lt(t) ? t : ot(null, null, t);
-  if (L = c.tagName, l.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, l.$attrsToReflect$.map(
+var Nt = (e, t, r = !1) => {
+  var s, n, i, o, l;
+  const c = e.$hostElement$, f = e.$cmpMeta$, p = e.$vnode$ || ne(null, null), a = kt(t) ? t : Ot(null, null, t);
+  if (M = c.tagName, f.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, f.$attrsToReflect$.map(
     ([g, u]) => a.$attrs$[u] = c[g]
   )), r && a.$attrs$)
     for (const g of Object.keys(a.$attrs$))
       c.hasAttribute(g) && !["key", "ref", "style", "class"].includes(g) && (a.$attrs$[g] = c[g]);
-  a.$tag$ = null, a.$flags$ |= 4, e.$vnode$ = a, a.$elm$ = p.$elm$ = c.shadowRoot || c, Z = c["s-sc"], te = !!(l.$flags$ & 1) && !(l.$flags$ & 128), q = c["s-cr"], B = !1, R(p, a, r);
+  a.$tag$ = null, a.$flags$ |= 4, e.$vnode$ = a, a.$elm$ = p.$elm$ = c.shadowRoot || c, H = c["s-sc"], oe = !!(f.$flags$ & 1) && !(f.$flags$ & 128), J = c["s-cr"], X = !1, z(p, a, r);
   {
-    if (z.$flags$ |= 1, oe) {
-      je(a.$elm$);
-      for (const g of x) {
+    if (L.$flags$ |= 1, ce) {
+      Le(a.$elm$);
+      for (const g of m) {
         const u = g.$nodeToRelocate$;
         if (!u["s-ol"] && A.document) {
           const $ = A.document.createTextNode("");
-          $["s-nr"] = u, T(u.parentNode, u["s-ol"] = $, u);
+          $["s-nr"] = u, j(u.parentNode, u["s-ol"] = $, u);
         }
       }
-      for (const g of x) {
+      for (const g of m) {
         const u = g.$nodeToRelocate$, $ = g.$slotRefNode$;
         if ($) {
-          const _ = $.parentNode;
-          let w = $.nextSibling;
+          const b = $.parentNode;
+          let h = $.nextSibling;
           {
-            let y = (s = u["s-ol"]) == null ? void 0 : s.previousSibling;
-            for (; y; ) {
-              let h = (n = y["s-nr"]) != null ? n : null;
-              if (h && h["s-sn"] === u["s-sn"] && _ === (h.__parentNode || h.parentNode)) {
-                for (h = h.nextSibling; h === u || h != null && h["s-sr"]; )
-                  h = h == null ? void 0 : h.nextSibling;
-                if (!h || !h["s-nr"]) {
-                  w = h;
+            let F = (s = u["s-ol"]) == null ? void 0 : s.previousSibling;
+            for (; F; ) {
+              let y = (n = F["s-nr"]) != null ? n : null;
+              if (y && y["s-sn"] === u["s-sn"] && b === (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"]) {
+                  h = y;
                   break;
                 }
               }
-              y = y.previousSibling;
+              F = F.previousSibling;
             }
           }
-          const P = u.__parentNode || u.parentNode, S = u.__nextSibling || u.nextSibling;
-          (!w && _ !== P || S !== w) && u !== w && (!u["s-hn"] && u["s-ol"] && (u["s-hn"] = u["s-ol"].parentNode.nodeName), T(_, u, w), u.nodeType === 1 && u.tagName !== "SLOT-FB" && (u.hidden = (i = u["s-ih"]) != null ? i : !1)), u && typeof $["s-rf"] == "function" && $["s-rf"]($);
+          const S = u.__parentNode || u.parentNode, T = u.__nextSibling || u.nextSibling;
+          (!h && b !== S || T !== h) && u !== h && (!u["s-hn"] && u["s-ol"] && (u["s-hn"] = u["s-ol"].parentNode.nodeName), j(b, u, h), u.nodeType === 1 && u.tagName !== "SLOT-FB" && (u.hidden = (i = u["s-ih"]) != null ? i : !1)), u && typeof $["s-rf"] == "function" && $["s-rf"]($);
         } else
           u.nodeType === 1 && (r && (u["s-ih"] = (o = u.hidden) != null ? o : !1), u.hidden = !0);
       }
     }
-    B && xe(a.$elm$), z.$flags$ &= -2, x.length = 0;
+    X && Te(a.$elm$), L.$flags$ &= -2, m.length = 0;
   }
-  if (K.experimentalScopedSlotChanges && l.$flags$ & 2) {
+  if (V.experimentalScopedSlotChanges && f.$flags$ & 2) {
     const g = a.$elm$.__childNodes || a.$elm$.childNodes;
     for (const u of g)
-      u["s-hn"] !== L && !u["s-sh"] && (r && u["s-ih"] == null && (u["s-ih"] = (f = u.hidden) != null ? f : !1), u.hidden = !0);
+      u["s-hn"] !== M && !u["s-sh"] && (r && u["s-ih"] == null && (u["s-ih"] = (l = u.hidden) != null ? l : !1), u.hidden = !0);
   }
-  q = void 0;
+  J = void 0;
 };
-const D = {
+const q = {
   content_wrap: 0,
   ignore: [],
   ignore_with: "_!i-£___£%_",
@@ -551,7 +735,7 @@ const D = {
   tag_wrap: 0,
   tag_wrap_width: 80,
   trim: []
-}, E = "__!i-£___£%__", m = "!i-£___£%_", Re = [
+}, x = "__!i-£___£%__", E = "!i-£___£%_", Me = [
   "area",
   "base",
   "br",
@@ -566,7 +750,7 @@ const D = {
   "source",
   "track",
   "wbr"
-], ae = (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), Ne = (e, t) => {
+], fe = (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), Pe = (e, t) => {
   if (!e || !t)
     throw new Error("Both 'current' and 'updates' must be passed-in to mergeObjects()");
   let r;
@@ -575,50 +759,91 @@ const D = {
   else if (typeof e == "object") {
     r = { ...e };
     for (let s of Object.keys(t))
-      typeof t[s] != "object" ? r[s] = t[s] : r[s] = Ne(r[s] || {}, t[s]);
+      typeof t[s] != "object" ? r[s] = t[s] : r[s] = Pe(r[s] || {}, t[s]);
   }
   return r;
-}, gt = (e, t) => Ne(structuredClone(e), t), $t = (e) => (e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (t, r) => t.replace(r, (s) => s.replace(/\n/g, m + "nl!").replace(/\r/g, m + "cr!").replace(/\s/g, m + "ws!"))), e), dt = (e) => e.replace(/\n/g, E + "nl!").replace(/\r/g, E + "cr!").replace(/\s/g, E + "ws!"), ht = (e) => {
+}, zt = (e, t) => Pe(structuredClone(e), t), It = (e) => (e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (t, r) => t.replace(r, (s) => s.replace(/\n/g, E + "nl!").replace(/\r/g, E + "cr!").replace(/\s/g, E + "ws!"))), e), Lt = (e) => e.replace(/\n/g, x + "nl!").replace(/\r/g, x + "cr!").replace(/\s/g, x + "ws!"), Ft = (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, o) => {
-    const f = n || o;
-    if (!f)
+    const l = n || o;
+    if (!l)
       return r;
-    const c = f.replace(/\n/g, E + "nl!").replace(/\r/g, E + "cr!").replace(/\s/g, E + "ws!");
-    return r.replace(f, c);
+    const c = l.replace(/\n/g, x + "nl!").replace(/\r/g, x + "cr!").replace(/\s/g, x + "ws!");
+    return r.replace(l, c);
   });
-}, yt = (e) => {
+}, Ct = (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, m + "lt!").replace(/>/g, m + "gt!"))), e;
-}, _t = (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, (o, f) => o.replace(f, (c) => c.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 = e.replace(t, (r, s, n) => r.replace(n, (i) => i.replace(/</g, E + "lt!").replace(/>/g, E + "gt!"))), e;
+}, Mt = (e, t) => {
+  const r = t.ignore, s = t.ignore_with, n = {
+    "<": "-" + s + "lt-",
+    ">": "-" + s + "gt-",
+    "\n": "-" + s + "nl-",
+    "\r": "-" + s + "cr-",
+    " ": "-" + s + "ws-",
+    // Use space ' ' as key
+    "	": "-" + s + "tab-"
+    // Use tab '\t' as key (add placeholder if needed)
+    // Add other specific whitespace chars like \v, \f if necessary
+  }, i = /[<>\n\r \t]/g;
+  for (let o = 0; o < r.length; o++) {
+    const l = r[o].replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), c = new RegExp(
+      `<${l}[^>]*>(.*?)</${l}>`,
+      "gs"
+      // Use 'g' (global) and 's' (dotAll) flags
+    );
+    e = e.replace(
+      c,
+      (f, p) => {
+        const a = p.replace(
+          i,
+          ($) => n[
+            /** @type {ReplacementKey} */
+            $
+          ]
+        ), g = f.indexOf(">") + 1, u = f.lastIndexOf(`</${l}>`);
+        if (g > 0 && u > 0) {
+          const $ = f.substring(0, g), b = f.substring(u);
+          return $ + a + b;
+        } else
+          return f;
+      }
+    );
   }
   return e;
-}, bt = (e, t) => {
+}, Pt = (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;
-}, vt = (e) => (e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (t, r) => t.replace(r, (s) => s.replace(new RegExp(m + "nl!", "g"), `
-`).replace(new RegExp(m + "cr!", "g"), "\r").replace(new RegExp(m + "ws!", "g"), " "))), e), wt = (e) => (e = e.replace(/.*__!i-£___£%__[a-z]{2}!.*/g, (t) => t.replace(/__!i-£___£%__[a-z]{2}!/g, (r) => r.replace(new RegExp(E + "nl!", "g"), `
-`).replace(new RegExp(E + "cr!", "g"), "\r").replace(new RegExp(E + "ws!", "g"), " "))), e), mt = (e) => (e = e.replace(/<[\w:\-]+([^>]*)>/g, (t, r) => t.replace(r, (s) => s.replace(new RegExp(m + "lt!", "g"), "<").replace(new RegExp(m + "gt!", "g"), ">"))), e), xt = (e, t) => {
+}, Wt = (e) => (e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (t, r) => t.replace(r, (s) => s.replace(new RegExp(E + "nl!", "g"), `
+`).replace(new RegExp(E + "cr!", "g"), "\r").replace(new RegExp(E + "ws!", "g"), " "))), e), Ut = (e) => (e = e.replace(/.*__!i-£___£%__[a-z]{2}!.*/g, (t) => t.replace(/__!i-£___£%__[a-z]{2}!/g, (r) => r.replace(new RegExp(x + "nl!", "g"), `
+`).replace(new RegExp(x + "cr!", "g"), "\r").replace(new RegExp(x + "ws!", "g"), " "))), e), We = E.replace(
+  /[-\/\\^$*+?.()|[\]{}]/g,
+  "\\$&"
+), Zt = new RegExp(We + "lt!", "g"), Dt = new RegExp(We + "gt!", "g"), Bt = (e) => {
+  const t = /<([\w:\-]+)([^>]*)>/g;
+  return e.replace(
+    t,
+    (r, s, n) => {
+      const i = n.replace(Zt, "<").replace(Dt, ">");
+      return `<${s}${i}>`;
+    }
+  );
+}, Ht = (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, (o, f) => o.replace(f, (c) => c.replace(new RegExp("-" + s + "lt-", "g"), "<").replace(new RegExp("-" + s + "gt-", "g"), ">").replace(new RegExp("-" + s + "nl-", "g"), `
+    e = e.replace(i, (o, l) => o.replace(l, (c) => c.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;
-}, Et = (e) => {
+}, qt = (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 D;
+  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}.`);
@@ -634,14 +859,14 @@ const D = {
     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 = D.tag_wrap_width), Object.hasOwn(e, "tag_wrap") && typeof e.tag_wrap != "number")
+  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 gt(D, e);
-}, St = (e, t, r) => {
+  return zt(q, e);
+}, Gt = (e, t, r) => {
   const s = e.trim().split(/\s+/);
   if (s.length === 0 || s.length === 1 && s[0] === "")
     return "";
@@ -654,92 +879,98 @@ const D = {
       i !== "" && n.push(n.length === 0 ? r + i : o + i), n.push(n.length === 0 ? r + c : o + c), i = "";
       return;
     }
-    const l = i === "" ? c : i + " " + c;
-    l.length <= t ? i = l : (i !== "" && n.push(n.length === 0 ? r + i : o + i), i = c);
+    const f = i === "" ? c : i + " " + c;
+    f.length <= t ? i = f : (i !== "" && n.push(n.length === 0 ? r + i : o + i), i = c);
   }), i !== "" && n.push(n.length === 0 ? r + i : o + i);
-  const f = n.join(`
+  const l = n.join(`
 `);
-  return dt(f);
-}, Ot = (e, t = !0) => t && !ae(e) ? e : e.replace(/<([a-zA-Z\-0-9:]+)[^>]*>/g, (r, s) => Re.indexOf(s) > -1 ? `${r.substring(0, r.length - 1)} />`.replace(/\/\s\//g, "/") : r.replace(/[\s]?\/>/g, `></${s}>`)), At = (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), jt = (e, t = !0) => (t && !ae(e) || (e = At(e), e = e.replace(/\n|\t/g, ""), e = e.replace(/>\s+</g, "><"), e = e.replace(/ {2,}/g, " "), e = e.replace(/ >/g, ">"), e = e.replace(/ </g, "<"), e = e.replace(/> /g, ">"), e = e.replace(/<\s*\//g, "</"), e = e.replace(/ = /g, "="), e = e.replace(
+  return Lt(l);
+}, Jt = (e, t = !0) => t && !fe(e) ? e : e.replace(/<([a-zA-Z\-0-9:]+)[^>]*>/g, (r, s) => Me.indexOf(s) > -1 ? `${r.substring(0, r.length - 1)} />`.replace(/\/\s\//g, "/") : r.replace(/[\s]?\/>/g, `></${s}>`)), Xt = (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), Kt = (e, t = !0) => (t && !fe(e) || (e = Xt(e), e = e.replace(/\n|\t/g, ""), e = e.replace(/>\s+</g, "><"), e = e.replace(/ {2,}/g, " "), e = e.replace(/ >/g, ">"), e = e.replace(/ </g, "<"), e = e.replace(/> /g, ">"), e = e.replace(/<\s*\//g, "</"), e = e.replace(/ = /g, "="), e = e.replace(
   /([a-zA-Z0-9_-]+)=(['"])(.*?)\2/g,
   (r, s, n, i) => {
     const o = i.trim();
     return `${s}=${n}${o}${n}`;
   }
 ), e = e.trim()), e);
-let H, re;
-const I = {
+let G, ae;
+const C = {
   line: []
-}, Tt = (e) => {
-  I.line = [];
+}, Yt = (e) => {
+  C.line = [];
   let t = -1;
   const r = /(<[^>]+>)|([^<]+)/g;
-  return e = e.replace(r, (s, n, i) => (n ? I.line.push({ type: "tag", value: s }) : i && i.trim().length > 0 && I.line.push({ type: "text", value: s }), t++, `
+  return e = e.replace(r, (s, n, i) => (n ? C.line.push({ type: "tag", value: s }) : i && i.trim().length > 0 && C.line.push({ type: "text", value: s }), t++, `
 [#-# : ${t} : ${s} : #-#]
 `)), e;
-}, kt = (e) => (e = Ot(e, !1), re.length > 0 && (e = bt(e, re)), e = jt(e, !1), e = Tt(e), e), Rt = (e, t) => {
-  const r = " ".repeat(t.tab_size), s = t.tag_wrap, n = t.content_wrap;
-  let i = "";
-  const o = [], f = /<[A-Za-z]+\b[^>]*(?:.|\n)*?\/?>/g, c = /\s{1}[A-Za-z-]+(?:=".*?")?/g;
-  I.line.forEach((p, a) => {
-    let g = p.value, u = 0;
-    const $ = I.line[a - 1], _ = ($ == null ? void 0 : $.value) ?? "";
-    i += "0", a === 0 && u++, g.trim().startsWith("</") && u++, _.trim().startsWith("<!doctype") && u++, _.trim().startsWith("<!--") && u++, _.trim().endsWith("/>") && u++, _.trim().startsWith("</") && u++, ($ == null ? void 0 : $.type) === "text" && u++;
-    const P = Math.max(0, i.length - u);
-    i = i.substring(0, P);
-    const S = r.repeat(P);
-    if (H && g.trim().startsWith("<!--"))
-      return;
-    let y = g;
-    if (p.type === "text" && n > 0 && y.length >= n)
-      y = St(y, n, S);
-    else if (s > 0 && y.length > s && f.test(y)) {
-      f.lastIndex = 0, c.lastIndex = 0;
-      const h = y.split(c).filter(Boolean);
-      if (h.length >= 2) {
-        const Le = y.matchAll(c), Me = S + r;
-        let Y = S + h[0] + `
+}, Qt = (e) => (e = Jt(e, !1), ae.length > 0 && (e = Pt(e, ae)), e = Kt(e, !1), e = Yt(e), e), Vt = (e, t) => {
+  const r = " ".repeat(t.tab_size), s = t.tag_wrap, n = t.content_wrap, o = `-${t.ignore_with}`;
+  let l = "";
+  const c = [], f = /<[A-Za-z]+\b[^>]*(?:.|\n)*?\/?>/g, p = /\s{1}[A-Za-z-]+(?:=".*?")?/g;
+  C.line.forEach((g, u) => {
+    let $ = g.value;
+    const b = $.startsWith(o + "lt--") || $.startsWith(o + "gt--") || $.startsWith(o + "nl--") || $.startsWith(o + "cr--") || $.startsWith(o + "ws--") || $.startsWith(o + "tab--");
+    let h = 0;
+    const S = C.line[u - 1], T = (S == null ? void 0 : S.value) ?? "";
+    l += "0", u === 0 && h++, $.trim().startsWith("</") && h++, T.trim().startsWith("<!doctype") && h++, T.trim().startsWith("<!--") && h++, T.trim().endsWith("/>") && h++, T.trim().startsWith("</") && h++, (S == null ? void 0 : S.type) === "text" && h++;
+    const y = Math.max(0, l.length - h);
+    l = l.substring(0, y);
+    const R = r.repeat(y);
+    if (b)
+      c.push($);
+    else {
+      if (G && $.trim().startsWith("<!--"))
+        return;
+      let v = $;
+      if (g.type === "text" && n > 0 && v.length >= n)
+        v = Gt(v, n, R);
+      else if (s > 0 && v.length > s && f.test(v)) {
+        f.lastIndex = 0, p.lastIndex = 0;
+        const Z = v.split(p).filter(Boolean);
+        if (Z.length >= 2) {
+          const Ze = v.matchAll(p), De = R + r;
+          let ee = R + Z[0] + `
 `;
-        for (const We of Le) {
-          const Ze = We[0].trim();
-          Y += Me + Ze + `
+          for (const Je of Ze) {
+            const Xe = Je[0].trim();
+            ee += De + Xe + `
 `;
-        }
-        const le = h[0].match(/<([A-Za-z_:-]+)/), Fe = le ? le[1] : "", Ce = Re.includes(Fe), Pe = h[1].trim(), Ue = S + (H && Ce ? " " : "");
-        Y += Ue + Pe, y = Y;
+          }
+          const ue = Z[0].match(/<([A-Za-z_:-]+)/), Be = ue ? ue[1] : "", He = Me.includes(Be), qe = Z[1].trim(), Ge = R + (G && He ? " " : "");
+          ee += Ge + qe, v = ee;
+        } else
+          v = R + v;
       } else
-        y = S + y;
-    } else
-      y = S + y;
-    o.push(y);
+        v = R + v;
+      c.push(v);
+    }
   });
-  let l = o.join(`
+  let a = c.join(`
 `);
-  return s > 0 && (l = $t(l)), n > 0 && /\n[ ]*[^\n]*__!i-£___£%__[^\n]*\n/.test(l) && (l = ht(l)), l = l.replace(
+  return s > 0 && (a = It(a)), n > 0 && /\n[ ]*[^\n]*__!i-£___£%__[^\n]*\n/.test(a) && (a = Ft(a)), a = a.replace(
     /<(?<Element>.+).*>[^<]*?[^><\/\s][^<]*?<\/{1}\k<Element>|<script[^>]*>\s+<\/script>|<(\w+)>\s+<\/(\w+)|<(?:([\w:\._-]+)|([\w:\._-]+)[^>]*[^\/])>\s+<\/([\w:\._-]+)>/g,
-    (p) => p.replace(/\n|\t|\s{2,}/g, "")
-  ), n > 0 && (l = wt(l)), s > 0 && (l = vt(l)), H && (l = l.replace(/\s\/>|\/>/g, ">")), l.startsWith(`
-`) && (l = l.substring(1)), l.endsWith(`
-`) && (l = l.substring(0, l.length - 1)), l;
-}, Nt = (e, t) => {
-  if (!ae(e)) return e;
-  const r = t ? Et(t) : D;
-  H = r.strict;
+    (g) => g.replace(/\n|\t|\s{2,}/g, "")
+  ), n > 0 && (a = Ut(a)), s > 0 && (a = Wt(a)), G && (a = a.replace(/\s\/>|\/>/g, ">")), a.startsWith(`
+`) && (a = a.substring(1)), a.endsWith(`
+`) && (a = a.substring(0, a.length - 1)), a;
+}, er = (e, t) => {
+  if (!fe(e)) return e;
+  const r = t ? qt(t) : q;
+  G = r.strict;
   const s = r.ignore.length > 0;
-  return re = r.trim, s && (e = _t(e, r)), e = yt(e), e = kt(e), e = Rt(e, r), e = mt(e), s && (e = xt(e, r)), e;
-}, zt = (e, t, r) => {
+  return ae = r.trim, s && (e = Mt(e, r)), e = Ct(e), e = Qt(e), e = Vt(e, r), e = Bt(e), s && (e = Ht(e, r)), e;
+}, tr = (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);
-}, ze = (e, t, r, s, n) => {
+}, Ue = (e, t, r, s, n) => {
   if (t && typeof t == "string") {
     const i = document.createElement(t);
     Object.keys(r || {}).forEach((o) => {
-      zt(i, o, r[o]);
+      tr(i, o, r[o]);
     }), s == null || s.forEach((o) => {
-      ze(i, o.$tag$, o.$attrs$, o.$children$, o.$text$);
+      Ue(i, o.$tag$, o.$attrs$, o.$children$, o.$text$);
     }), r != null && r.innerHTML && (i.innerHTML = r.innerHTML), e.appendChild(i);
   }
   n && (e.innerHTML = n);
-}, tr = (e, t, r = []) => {
+}, jr = (e, t, r = []) => {
   const s = {};
   if (typeof e != "object")
     throw new Error("filterArgs - args isn't an object.");
@@ -749,34 +980,31 @@ const I = {
       (!t || !Object.keys(t).includes(n) || t[n] !== i) && (s[o] = i);
     }
   return s;
-}, rr = (e, t) => {
+}, Tr = (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"), pt(
-      {
-        $cmpMeta$: {
-          $flags$: 0,
-          $tagName$: r.tagName
-        },
-        $hostElement$: r
+    return (n = document.querySelector("[lang]")) == null || n.setAttribute("lang", ((s = t.globals) == null ? void 0 : s.locale) || "en"), Nt({
+      $cmpMeta$: {
+        $flags$: 0,
+        $tagName$: r.tagName
       },
-      e(t)
-    ), r.children[r.children.length - 1];
-}, sr = ({ $tag$: e, $attrs$: t, $children$: r, $text$: s }) => {
+      $hostElement$: r
+    }, e(t)), r.children[r.children.length - 1];
+}, Rr = ({ $tag$: e, $attrs$: t, $children$: r, $text$: s }) => {
   const n = document.createElement("div");
-  return ze(n, e, t, r, s), Nt(n.innerHTML, {
+  return Ue(n, e, t, r, s), er(n.innerHTML, {
     tag_wrap: 40,
     content_wrap: 120
   }).replace(/="true"/g, "");
-}, J = (e, t) => {
+}, we = (e, t) => {
   if (!t)
     return;
   const r = t.split("/");
   return `${e}${r.slice(2, r.length - 1).join("-")}--docs`;
 };
-var j, X;
-class nr {
+var k, Y;
+class Nr {
   constructor(t) {
     /**
      * JsonDocs
@@ -787,14 +1015,14 @@ class nr {
      * @param tagName - tag name we want to get the data from
      * @returns component data
      */
-    k(this, j, (t) => this.jsonDoc.components.find((r) => r.tag === t));
+    N(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
      */
-    k(this, X, (t) => {
+    N(this, Y, (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" } };
     });
@@ -804,8 +1032,8 @@ class nr {
      * @returns component arg types
      */
     d(this, "extractArgTypes", (t) => {
-      const r = v(this, j).call(this, t), s = r == null ? void 0 : r.props.reduce((p, a) => {
-        const { control: g, options: u } = v(this, X).call(this, a);
+      const r = w(this, k).call(this, t), s = r == null ? void 0 : r.props.reduce((p, a) => {
+        const { control: g, options: u } = w(this, Y).call(this, a);
         return {
           ...p,
           [a.name]: {
@@ -821,79 +1049,67 @@ class nr {
             options: u
           }
         };
-      }, {}), n = r == null ? void 0 : r.events.reduce(
-        (p, a) => ({
-          ...p,
-          [a.event]: {
-            name: a.event,
-            description: a.docs,
-            table: {
-              category: "events",
-              type: { summary: a.detail }
-            }
+      }, {}), n = r == null ? void 0 : r.events.reduce((p, a) => ({
+        ...p,
+        [a.event]: {
+          name: a.event,
+          description: a.docs,
+          table: {
+            category: "events",
+            type: { summary: a.detail }
           }
-        }),
-        {}
-      ), i = r == null ? void 0 : r.methods.reduce(
-        (p, a) => ({
-          ...p,
-          [a.name]: {
-            name: a.name,
-            description: a.docs,
-            table: {
-              category: "methods",
-              type: { summary: a.signature }
-            }
+        }
+      }), {}), i = r == null ? void 0 : r.methods.reduce((p, a) => ({
+        ...p,
+        [a.name]: {
+          name: a.name,
+          description: a.docs,
+          table: {
+            category: "methods",
+            type: { summary: a.signature }
           }
-        }),
-        {}
-      ), o = r == null ? void 0 : r.slots.reduce(
-        (p, a) => ({
-          ...p,
-          [a.name]: {
-            name: a.name !== "" ? a.name : "default",
-            // default slot are unnamed
-            description: a.docs,
-            table: {
-              category: "slots",
-              type: { summary: void 0 }
-            }
+        }
+      }), {}), o = r == null ? void 0 : r.slots.reduce((p, a) => ({
+        ...p,
+        [a.name]: {
+          name: a.name !== "" ? a.name : "default",
+          // default slot are unnamed
+          description: a.docs,
+          table: {
+            category: "slots",
+            type: { summary: void 0 }
           }
-        }),
-        {}
-      ), f = r == null ? void 0 : r.styles.reduce(
-        (p, a) => ({
-          ...p,
-          [a.name]: {
-            name: a.name,
-            description: a.docs,
-            table: {
-              category: "custom properties",
-              type: { summary: void 0 }
-            }
+        }
+      }), {}), l = r == null ? void 0 : r.styles.reduce((p, a) => ({
+        ...p,
+        [a.name]: {
+          name: a.name,
+          description: a.docs,
+          table: {
+            category: "custom properties",
+            type: { summary: void 0 }
           }
-        }),
-        {}
-      ), c = r == null ? void 0 : r.dependencies.reduce((p, a) => {
-        const g = v(this, j).call(this, a);
+        }
+      }), {}), c = r == null ? void 0 : r.dependencies.reduce((p, a) => {
+        const g = w(this, k).call(this, a);
         return g ? {
           ...p,
           [a]: {
             name: a,
-            description: `<a href="./?path=/docs/${J("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
+            description: `<a href="./?path=/docs/${we("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
             table: {
               category: "depends on",
               type: { summary: void 0 }
             }
           }
         } : p;
-      }, {}), l = r == null ? void 0 : r.dependents.reduce((p, a) => {
-        const g = v(this, j).call(this, a);
+      }, {}), f = r == null ? void 0 : r.dependents.reduce((p, a) => {
+        const g = w(this, k).call(this, a);
         return g ? {
           ...p,
           [a]: {
             name: a,
-            description: `<a href="./?path=/docs/${J("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
+            description: `<a href="./?path=/docs/${we("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
             table: {
               category: "used by",
               type: { summary: void 0 }
@@ -906,9 +1122,9 @@ class nr {
         ...n,
         ...i,
         ...o,
-        ...f,
+        ...l,
         ...c,
-        ...l
+        ...f
       };
     });
     /**
@@ -917,148 +1133,14 @@ class nr {
      * @returns component description
      */
     d(this, "extractComponentDescription", (t) => {
-      const r = v(this, j).call(this, t);
+      const r = w(this, k).call(this, t);
       return (r == null ? void 0 : r.readme) || (r == null ? void 0 : r.docs);
     });
     this.jsonDoc = t;
   }
 }
-j = new WeakMap(), X = new WeakMap();
-const It = (e, t) => {
-  if (t)
-    return `${e}${t}`;
-}, Ie = (e) => {
-  let t = e.overview ? `${e.overview}
-
-` : "";
-  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 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}
-`).join(""), t += `
-`), e.events.length && (t += `Events:
-`, 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: i }) => `- \`${n}\`: ${i}
-`).join(""), t += `
-`), t;
-}, se = (e) => `${e.docs}
-
-Type: \`${e.type}\``, ir = (e, t, r, s) => ({
-  $schema: "https://json.schemastore.org/web-types",
-  name: e,
-  version: t,
-  "description-markup": "markdown",
-  contributions: {
-    html: {
-      elements: r.components.map((n) => {
-        const i = J(s, n.filePath);
-        return {
-          name: n.tag,
-          description: Ie(n),
-          "doc-url": i,
-          attributes: n.props.filter((o) => o.attr).map((o) => ({
-            name: o.attr,
-            description: se(o),
-            "doc-url": i,
-            value: {
-              type: o.type,
-              default: o.default,
-              required: o.required
-            }
-          })),
-          js: {
-            properties: n.props.map((o) => ({
-              name: o.name,
-              description: se(o),
-              "doc-url": i,
-              value: {
-                type: o.type,
-                default: o.default,
-                required: o.required
-              }
-            })),
-            events: n.events.map((o) => ({
-              name: o.event,
-              description: o.docs
-            }))
-          },
-          css: {
-            properties: n.styles.map((o) => ({
-              name: o.name,
-              description: o.docs
-            }))
-          }
-        };
-      })
-    }
-  }
-}), Lt = (e, t, r) => [
-  { name: "Storybook", url: J(e, r) },
-  { name: "Sources", url: It(t, r) }
-], Mt = (e) => {
-  if (!e.values.some(({ value: t }) => t === void 0))
-    return e.values.map(({ value: t }) => ({ name: t }));
-}, or = (e, t, r) => ({
-  version: 1.1,
-  tags: e.components.map((s) => {
-    const n = Lt(t, r, s.filePath);
-    return {
-      name: s.tag,
-      description: Ie(s),
-      attributes: s.props.map((i) => ({
-        name: i.attr || i.name,
-        description: se(i),
-        values: Mt(i),
-        references: n
-      })),
-      references: n
-    };
-  }),
-  globalAttributes: [],
-  valueSets: []
-}), ar = (e) => ({
-  version: 1.1,
-  properties: e.components.flatMap(
-    (t) => t.styles.map((r) => ({
-      name: r.name,
-      description: r.docs
-    }))
-  )
-}), lr = (e) => {
-  const t = { value: "2023", pattern: "yyyy" }, r = { value: "12", pattern: "mm" }, s = { value: "24", pattern: "dd" };
-  return Pt([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);
-}, cr = (e) => e.toISOString().split("T")[0], Ft = (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, o = i.split("-").shift();
-  return Object.keys(t).length === 0 ? {
-    locale: i,
-    messages: { lang: r }
-  } : {
-    locale: i,
-    messages: t[o] || t[r] || { lang: r }
-  };
-}, fr = (e, t, r) => new Intl.NumberFormat(t, { style: "currency", currency: r }).format(e), ur = (e, t, r = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: r }).format(Number(e)), pr = (e, t, r = 0) => new Intl.NumberFormat(t, {
-  style: "percent",
-  minimumFractionDigits: r,
-  maximumFractionDigits: r
-}).format(e), gr = (e, t, r, s = "short", n = 0) => new Intl.NumberFormat(t, {
-  style: "unit",
-  unit: r,
-  unitDisplay: s,
-  minimumFractionDigits: n,
-  maximumFractionDigits: n
-}).format(e), Ct = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, Pt = (e, t, r) => typeof e != "string" || e === "" || !Ct.test(e) ? "" : new Intl.DateTimeFormat(t, r).format(new Date(e)), $r = (e, t) => (r) => Ft(r, e, t), dr = ({ disconnect: e, observe: t, takeRecords: r }) => {
+k = new WeakMap(), Y = new WeakMap();
+const zr = ({ disconnect: e, observe: t, takeRecords: r }) => {
   class s {
     constructor(i) {
       /**
@@ -1087,7 +1169,7 @@ Type: \`${e.type}\``, ir = (e, t, r, s) => ({
       value: s
     });
   }), s;
-}, hr = ({ disconnect: e, observe: t }) => {
+}, Ir = ({ disconnect: e, observe: t }) => {
   class r {
     constructor(n) {
       /**
@@ -1117,7 +1199,7 @@ Type: \`${e.type}\``, ir = (e, t, r, s) => ({
     });
   }), r;
 };
-class Ut extends Event {
+class rr extends Event {
   constructor() {
     super(...arguments);
     /**
@@ -1127,8 +1209,8 @@ class Ut extends Event {
   }
   // eslint-disable-line @typescript-eslint/no-explicit-any
 }
-const yr = () => {
-  class e extends Ut {
+const Lr = () => {
+  class e extends rr {
   }
   return [window, global].forEach((t) => {
     Object.defineProperty(t, "SubmitEvent", {
@@ -1137,7 +1219,7 @@ const yr = () => {
       value: e
     });
   }), e;
-}, _r = (e) => {
+}, Fr = (e) => {
   const t = (r) => (setTimeout(r, 1), e(), 0);
   return [window, global].forEach((r) => {
     Object.defineProperty(r, "requestAnimationFrame", {
@@ -1148,44 +1230,45 @@ const yr = () => {
   }), t;
 };
 export {
-  Ht as ClassList,
-  Vt as Cursor,
-  Ge as Page,
-  er as Paginate,
-  nr as StorybookPreview,
-  qt as allItemsAreString,
-  Yt as cleanString,
-  Zt as createID,
-  Ct as dateRegExp,
-  cr as dateToString,
-  $r as defineLocales,
-  tr as filterArgs,
-  Gt as focusableElements,
-  lr as getLocaleDatePattern,
-  Be as getObjectValueFromKey,
-  _e as getParentWindows,
-  sr as getStoryHTML,
-  J as getStorybookUrl,
-  Jt as getWindows,
-  ne as isObject,
-  Bt as isTagName,
-  Kt as isValidNumber,
-  qe as isValidString,
-  Dt as isValideID,
-  fr as localeCurrency,
-  Pt as localeDate,
-  ur as localeNumber,
-  pr as localePercent,
-  gr as localeUnit,
-  Qt as nextTick,
-  _r as setUpRequestAnimationFrameMock,
-  dr as setupMutationObserverMock,
-  hr as setupResizeObserverMock,
-  yr as setupSubmitEventMock,
-  rr as stencilWrapper,
-  Xt as toString,
-  ar as vsCodeCssGenerator,
-  or as vsCodeGenerator,
-  ir as webTypesGenerator
+  nr as ClassList,
+  pr as Cursor,
+  tt as Page,
+  gr as Paginate,
+  Nr as StorybookPreview,
+  ir as allItemsAreString,
+  ar as cleanString,
+  lr as createID,
+  $r as dateRegExp,
+  dr as dateToString,
+  kr as defineLocales,
+  jr as filterArgs,
+  yr as focusableElements,
+  fr as formatID,
+  xr as getLocaleDatePattern,
+  Qe as getObjectValueFromKey,
+  xe as getParentWindows,
+  Rr as getStoryHTML,
+  we as getStorybookUrl,
+  br as getWindows,
+  Q as isObject,
+  hr as isTagName,
+  _r as isValidNumber,
+  Ve as isValidString,
+  cr as isValideID,
+  Er as localeCurrency,
+  gt as localeDate,
+  Sr as localeNumber,
+  Or as localePercent,
+  Ar as localeUnit,
+  ur as nextTick,
+  Fr as setUpRequestAnimationFrameMock,
+  zr as setupMutationObserverMock,
+  Ir as setupResizeObserverMock,
+  Lr as setupSubmitEventMock,
+  Tr as stencilWrapper,
+  or as toString,
+  mr as vsCodeCssGenerator,
+  wr as vsCodeGenerator,
+  vr as webTypesGenerator
 };
 //# sourceMappingURL=index.es.js.map