@mgdis/stencil-helpers 3.2.6 → 3.2.8

package/dist/index.es.js

@@ -1,4 +1,4 @@
-class Yt {
+class qt {
   /**
    * Available classes
    */
@@ -33,29 +33,29 @@ class Yt {
    */
   join = () => this.classes.join(" ");
 }
-const Z = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, qe = (e, t, r) => {
-  if (!Z(e) || typeof t != "string")
+const F = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, Me = (e, t, r) => {
+  if (!F(e) || typeof t != "string")
     return r;
   const [n, ...i] = t.split(".");
-  return i.length ? qe(e[n], i.join("."), r) : e[n] ?? r;
-}, Qt = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Ge = (e) => typeof e == "string" && e.trim() !== "", Vt = (e) => typeof e == "object" ? JSON.stringify(e) : String(e), er = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, Je = (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, ""), tr = (e = "", t = 10) => {
+  return i.length ? Me(e[n], i.join("."), r) : e[n] ?? r;
+}, Jt = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Ue = (e) => typeof e == "string" && e.trim() !== "", Kt = (e) => typeof e == "object" ? JSON.stringify(e) : String(e), Xt = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, Be = (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, ""), Yt = (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;
-}, rr = (e) => Ge(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null, sr = (e) => {
+}, Qt = (e) => Ue(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null, Vt = (e) => {
   let t;
-  return typeof e == "string" ? t = e : e && typeof e == "object" && (Z(e) || Array.isArray(e)) ? t = JSON.stringify(e) : e != null && typeof e != "boolean" && typeof e != "object" && (t = String(e)), t && Je(t);
-}, nr = async (e) => {
+  return typeof e == "string" ? t = e : e && typeof e == "object" && (F(e) || Array.isArray(e)) ? t = JSON.stringify(e) : e != null && typeof e != "boolean" && typeof e != "object" && (t = String(e)), t && Be(t);
+}, er = async (e) => {
   if (e)
     return e();
-}, ir = {
+}, tr = {
   FIRST: "first",
   NEXT: "next",
   PREVIOUS: "previous",
   LAST: "last"
-}, $e = 10;
-class Ke {
+}, ue = 10;
+class We {
   /**
    * Define items
    */
@@ -67,7 +67,7 @@ class Ke {
   /**
    * Define top
    */
-  top = $e;
+  top = ue;
   /**
    * Define next
    */
@@ -77,7 +77,7 @@ class Ke {
    */
   baseIndex = 1;
   constructor(t) {
-    if (Z(t))
+    if (F(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.");
@@ -94,25 +94,25 @@ class Ke {
     const n = this.items.length - this.baseIndex;
     let i, o = 0;
     if (["previous", "next"].includes(t) && r) {
-      const c = this.items.findIndex((l) => JSON.stringify(l) === JSON.stringify(r));
-      if (c === -1)
+      const a = this.items.findIndex((l) => JSON.stringify(l) === JSON.stringify(r));
+      if (a === -1)
         return 0;
-      o = c;
+      o = a;
     }
     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;
   };
 }
-class or {
+class rr {
   /**
    * Define paginated items
    */
   items = [];
   /* Privates */
-  #e = $e;
+  #e = ue;
   #t;
   #r;
   constructor(t, r) {
-    Array.isArray(t) && (this.items = t), r && (["string", "function"].includes(typeof r.next) || Z(r.next) && URL.canParse(r.next)) && (this.#t = r.next), typeof r?.top == "number" && (this.#e = r.top), typeof r?.total == "number" && (this.#r = r.total);
+    Array.isArray(t) && (this.items = t), r && (["string", "function"].includes(typeof r.next) || F(r.next) && URL.canParse(r.next)) && (this.#t = r.next), typeof r?.top == "number" && (this.#e = r.top), typeof r?.total == "number" && (this.#r = r.total);
   }
   /**
    * Get page
@@ -123,7 +123,7 @@ class or {
   getPage = (t = 0, r) => {
     const s = typeof r == "function" ? this.items.filter(r) : this.items;
     let n;
-    return this.#t ? n = this.#t : s.length > t + this.#e && (n = () => this.getPage(t + this.#e, r)), new Ke({
+    return this.#t ? n = this.#t : s.length > t + this.#e && (n = () => this.getPage(t + this.#e, r)), new We({
       items: s.slice(t, t + this.#e),
       total: this.#r,
       top: this.#e,
@@ -131,65 +131,65 @@ class or {
     });
   };
 }
-const ar = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, lr = (e) => e.toISOString().split("T")[0], cr = (e, t) => t.includes(e?.tagName.toLowerCase()), fr = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', ur = (e) => typeof e == "number" && !Number.isNaN(e), pr = (e) => {
-  const t = he(e), r = _e(e);
+const sr = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, nr = (e) => e.toISOString().split("T")[0], ir = (e, t) => t.includes(e?.tagName.toLowerCase()), or = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', ar = (e) => typeof e == "number" && !Number.isNaN(e), lr = (e) => {
+  const t = pe(e), r = ge(e);
   return [e, ...t, ...r];
-}, he = (e, t = []) => {
+}, pe = (e, t = []) => {
   if (e.self !== e.top)
     try {
       const r = e.parent;
-      return r ? (t.push(r), he(r, t)) : t;
+      return r ? (t.push(r), pe(r, t)) : t;
     } catch (r) {
       return console.error("Different hosts between iframes:", r), t;
     }
   return t;
-}, _e = (e, t = []) => {
+}, ge = (e, t = []) => {
   if (e.frames.length > 0)
     for (const r of Array.from(e.frames))
-      t.push(r), _e(r, t);
+      t.push(r), ge(r, t);
   return t;
 };
-var Xe = Object.defineProperty, Ye = (e, t) => {
+var Ze = Object.defineProperty, qe = (e, t) => {
   for (var r in t)
-    Xe(e, r, { get: t[r], enumerable: !0 });
-}, Qe = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Ve = {};
-Ye(Ve, {
-  err: () => ye,
-  map: () => et,
-  ok: () => B,
-  unwrap: () => tt,
-  unwrapErr: () => rt
+    Ze(e, r, { get: t[r], enumerable: !0 });
+}, Je = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Ke = {};
+qe(Ke, {
+  err: () => $e,
+  map: () => Xe,
+  ok: () => U,
+  unwrap: () => Ye,
+  unwrapErr: () => Qe
 });
-var B = (e) => ({
+var U = (e) => ({
   isOk: !0,
   isErr: !1,
   value: e
-}), ye = (e) => ({
+}), $e = (e) => ({
   isOk: !1,
   isErr: !0,
   value: e
 });
-function et(e, t) {
+function Xe(e, t) {
   if (e.isOk) {
     const r = t(e.value);
-    return r instanceof Promise ? r.then((s) => B(s)) : B(r);
+    return r instanceof Promise ? r.then((s) => U(s)) : U(r);
   }
   if (e.isErr) {
     const r = e.value;
-    return ye(r);
+    return $e(r);
   }
   throw "should never get here";
 }
-var tt = (e) => {
+var Ye = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, rt = (e) => {
+}, Qe = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
-}, Y = (e) => {
-  const t = Qe(e);
+}, K = (e) => {
+  const t = Je(e);
   return new RegExp(
     // First capture group: match any context before the selector that's not inside @supports selector()
     // Using negative lookahead to avoid matching inside @supports selector(...) condition
@@ -197,18 +197,18 @@ var tt = (e) => {
     "g"
   );
 };
-Y("::slotted");
-Y(":host");
-Y(":host-context");
-const be = (e, t) => {
+K("::slotted");
+K(":host");
+K(":host-context");
+const de = (e, t) => {
   if (!t)
     return;
   const r = t.split("/");
   return `${e}${r.slice(2, r.length - 1).join("-")}--docs`;
-}, st = (e, t) => {
+}, Ve = (e, t) => {
   if (t)
     return `${e}${t}`;
-}, me = (e) => {
+}, _e = (e) => {
   let t = e.overview ? `${e.overview}
 
 ` : "";
@@ -234,9 +234,9 @@ const be = (e, t) => {
 `, t += e.slots.map(({ name: n, docs: i }) => `- \`${n}\`: ${i}
 `).join(""), t += `
 `), t;
-}, q = (e) => `${e.docs}
+}, B = (e) => `${e.docs}
 
-Type: \`${e.type}\``, gr = (e, t, r, s) => ({
+Type: \`${e.type}\``, cr = (e, t, r, s) => ({
   $schema: "https://json.schemastore.org/web-types",
   name: e,
   version: t,
@@ -244,14 +244,14 @@ Type: \`${e.type}\``, gr = (e, t, r, s) => ({
   contributions: {
     html: {
       elements: r.components.map((n) => {
-        const i = be(s, n.filePath);
+        const i = de(s, n.filePath);
         return {
           name: n.tag,
-          description: me(n),
+          description: _e(n),
           "doc-url": i,
           attributes: n.props.filter((o) => o.attr).map((o) => ({
             name: o.attr,
-            description: q(o),
+            description: B(o),
             "doc-url": i,
             value: {
               type: o.type,
@@ -262,7 +262,7 @@ Type: \`${e.type}\``, gr = (e, t, r, s) => ({
           js: {
             properties: n.props.map((o) => ({
               name: o.name,
-              description: q(o),
+              description: B(o),
               "doc-url": i,
               value: {
                 type: o.type,
@@ -285,23 +285,23 @@ Type: \`${e.type}\``, gr = (e, t, r, s) => ({
       })
     }
   }
-}), nt = (e, t, r) => [
-  { name: "Storybook", url: be(e, r) },
-  { name: "Sources", url: st(t, r) }
-], it = (e) => {
+}), et = (e, t, r) => [
+  { name: "Storybook", url: de(e, r) },
+  { name: "Sources", url: Ve(t, r) }
+], tt = (e) => {
   if (!e.values.some(({ value: t }) => t === void 0))
     return e.values.map(({ value: t }) => ({ name: t }));
-}, dr = (e, t, r) => ({
+}, fr = (e, t, r) => ({
   version: 1.1,
   tags: e.components.map((s) => {
-    const n = nt(t, r, s.filePath);
+    const n = et(t, r, s.filePath);
     return {
       name: s.tag,
-      description: me(s),
+      description: _e(s),
       attributes: s.props.map((i) => ({
         name: i.attr ?? i.name,
-        description: q(i),
-        values: it(i),
+        description: B(i),
+        values: tt(i),
         references: n
       })),
       references: n
@@ -309,16 +309,16 @@ Type: \`${e.type}\``, gr = (e, t, r, s) => ({
   }),
   globalAttributes: [],
   valueSets: []
-}), $r = (e) => ({
+}), ur = (e) => ({
   version: 1.1,
   properties: e.components.flatMap((t) => t.styles.map((r) => ({
     name: r.name,
     description: r.docs
   })))
-}), ot = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, hr = (e) => {
+}), rt = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, pr = (e) => {
   const t = { value: "2023", pattern: "yyyy" }, r = { value: "12", pattern: "mm" }, s = { value: "24", pattern: "dd" };
-  return lt([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);
-}, at = (e, t, r) => {
+  return nt([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);
+}, st = (e, t, r) => {
   const s = e.closest("[lang]"), n = Intl.NumberFormat.supportedLocalesOf(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,
@@ -327,26 +327,26 @@ Type: \`${e.type}\``, gr = (e, t, r, s) => ({
     locale: i,
     messages: t[o] ?? t[r] ?? { lang: r }
   };
-}, _r = (e, t, r) => new Intl.NumberFormat(t, { style: "currency", currency: r }).format(e), yr = (e, t, r = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: r }).format(Number(e)), br = (e, t, r = 0) => new Intl.NumberFormat(t, {
+}, gr = (e, t, r) => new Intl.NumberFormat(t, { style: "currency", currency: r }).format(e), $r = (e, t, r = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: r }).format(Number(e)), dr = (e, t, r = 0) => new Intl.NumberFormat(t, {
   style: "percent",
   minimumFractionDigits: r,
   maximumFractionDigits: r
-}).format(e), mr = (e, t, r, s = "short", n = 0) => new Intl.NumberFormat(t, {
+}).format(e), _r = (e, t, r, s = "short", n = 0) => new Intl.NumberFormat(t, {
   style: "unit",
   unit: r,
   unitDisplay: s,
   minimumFractionDigits: n,
   maximumFractionDigits: n
-}).format(e), lt = (e, t, r) => typeof e != "string" || e === "" || !ot.test(e) ? "" : new Intl.DateTimeFormat(t, r).format(new Date(e)), vr = (e, t) => (r) => at(r, e, t);
-var R = {
+}).format(e), nt = (e, t, r) => typeof e != "string" || e === "" || !rt.test(e) ? "" : new Intl.DateTimeFormat(t, r).format(new Date(e)), hr = (e, t) => (r) => st(r, e, t);
+var L = {
   updatable: !0,
   slotRelocation: !0,
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
-}, ct = Object.defineProperty, ft = (e, t) => {
+}, it = Object.defineProperty, ot = (e, t) => {
   for (var r in t)
-    ct(e, r, { get: t[r], enumerable: !0 });
-}, ut = "http://www.w3.org/2000/svg", pt = "http://www.w3.org/1999/xhtml", ie = (e, t) => t in e, oe = "http://www.w3.org/1999/xlink", S = typeof window < "u" ? window : {}, j = {
+    it(e, r, { get: t[r], enumerable: !0 });
+}, at = "http://www.w3.org/2000/svg", lt = "http://www.w3.org/1999/xhtml", te = (e, t) => t in e, re = "http://www.w3.org/1999/xlink", O = typeof window < "u" ? window : {}, A = {
   $flags$: 0,
   $resourcesUrl$: "",
   jmp: (e) => e(),
@@ -354,53 +354,53 @@ var 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)
-}, gt = (e) => e != null && e !== void 0, ve = (e) => (e = typeof e, e === "object" || e === "function"), dt = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), $t = {};
-ft($t, {
-  err: () => we,
-  map: () => ht,
-  ok: () => G,
-  unwrap: () => _t,
-  unwrapErr: () => yt
+}, ct = (e) => e != null && e !== void 0, he = (e) => (e = typeof e, e === "object" || e === "function"), ft = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ut = {};
+ot(ut, {
+  err: () => Ee,
+  map: () => pt,
+  ok: () => W,
+  unwrap: () => gt,
+  unwrapErr: () => $t
 });
-var G = (e) => ({
+var W = (e) => ({
   isOk: !0,
   isErr: !1,
   value: e
-}), we = (e) => ({
+}), Ee = (e) => ({
   isOk: !1,
   isErr: !0,
   value: e
 });
-function ht(e, t) {
+function pt(e, t) {
   if (e.isOk) {
     const r = t(e.value);
-    return r instanceof Promise ? r.then((s) => G(s)) : G(r);
+    return r instanceof Promise ? r.then((s) => W(s)) : W(r);
   }
   if (e.isErr) {
     const r = e.value;
-    return we(r);
+    return Ee(r);
   }
   throw "should never get here";
 }
-var _t = (e) => {
+var gt = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, yt = (e) => {
+}, $t = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
-}, xe = (e) => {
-  const t = le(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" && (mt(s, Q(s), !1).length ? s.hidden = !0 : s.hidden = !1);
+}, ye = (e) => {
+  const t = ne(e, "childNodes");
+  e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && be(t, e.tagName).forEach((s) => {
+    s.nodeType === 1 && s.tagName === "SLOT-FB" && (_t(s, X(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 && le(s, "childNodes").length && xe(s);
+    s.nodeType === 1 && ne(s, "childNodes").length && ye(s);
   }
-}, bt = (e) => {
+}, dt = (e) => {
   const t = [];
   for (let r = 0; r < e.length; r++) {
     const s = e[r]["s-nr"] || void 0;
@@ -408,21 +408,21 @@ var _t = (e) => {
   }
   return t;
 };
-function Ee(e, t, r) {
+function be(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, ...be(i.childNodes, t, r)];
   return n;
 }
-var mt = (e, t, r = !0) => {
+var _t = (e, t, r = !0) => {
   const s = [];
   (r && e["s-sr"] || !e["s-sr"]) && s.push(e);
   let n = e;
   for (; n = n.nextSibling; )
-    Q(n) === t && (r || !n["s-sr"]) && s.push(n);
+    X(n) === t && (r || !n["s-sr"]) && s.push(n);
   return s;
-}, ae = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Q = (e) => typeof e["s-sn"] == "string" ? e["s-sn"] : e.nodeType === 1 && e.getAttribute("slot") || void 0;
-function vt(e) {
+}, se = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", X = (e) => typeof e["s-sn"] == "string" ? e["s-sn"] : e.nodeType === 1 && e.getAttribute("slot") || void 0;
+function ht(e) {
   if (e.assignedElements || e.assignedNodes || !e["s-sr"]) return;
   const t = (r) => (function(s) {
     const n = [], i = this["s-sn"];
@@ -432,8 +432,8 @@ function vt(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 : bt(o.childNodes)).forEach((l) => {
-      i === Q(l) && n.push(l);
+    return (o.__childNodes ? o.childNodes : dt(o.childNodes)).forEach((l) => {
+      i === X(l) && n.push(l);
     }), r ? n.filter(
       (l) => l.nodeType === 1
       /* ElementNode */
@@ -441,23 +441,23 @@ function vt(e) {
   }).bind(e);
   e.assignedElements = t(!0), e.assignedNodes = t(!1);
 }
-function le(e, t) {
+function ne(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 wt = (e, t, ...r) => {
-  let s = null, n = null, i = null, o = !1, c = !1;
-  const l = [], u = (a) => {
-    for (let g = 0; g < a.length; g++)
-      s = a[g], Array.isArray(s) ? u(s) : s != null && typeof s != "boolean" && ((o = !ve(s)) && (s = String(s)), o && c ? l[l.length - 1].$text$ += s : l.push(o ? J(null, s) : s), c = o);
+var Et = (e, t, ...r) => {
+  let s = null, n = null, i = null, o = !1, a = !1;
+  const l = [], u = (f) => {
+    for (let p = 0; p < f.length; p++)
+      s = f[p], Array.isArray(s) ? u(s) : s != null && typeof s != "boolean" && ((o = !he(s)) && (s = String(s)), o && a ? l[l.length - 1].$text$ += s : l.push(o ? Z(null, s) : s), a = o);
   };
   u(r);
-  const p = J(e, null);
-  return p.$attrs$ = t, l.length > 0 && (p.$children$ = l), p.$key$ = n, p.$name$ = i, p;
-}, J = (e, t) => {
+  const c = Z(e, null);
+  return c.$attrs$ = t, l.length > 0 && (c.$children$ = l), c.$key$ = n, c.$name$ = i, c;
+}, Z = (e, t) => {
   const r = {
     $flags$: 0,
     $tag$: e,
@@ -466,8 +466,8 @@ var wt = (e, t, ...r) => {
     $children$: null
   };
   return r.$attrs$ = null, r.$key$ = null, r.$name$ = null, r;
-}, xt = {}, Et = (e) => e && e.$tag$ === xt, V = (e) => {
-  const t = dt(e);
+}, yt = {}, bt = (e) => e && e.$tag$ === yt, Y = (e) => {
+  const t = ft(e);
   return new RegExp(
     // First capture group: match any context before the selector that's not inside @supports selector()
     // Using negative lookahead to avoid matching inside @supports selector(...) condition
@@ -475,17 +475,17 @@ var wt = (e, t, ...r) => {
     "g"
   );
 };
-V("::slotted");
-V(":host");
-V(":host-context");
-var ce = (e, t, r, s, n, i, o) => {
+Y("::slotted");
+Y(":host");
+Y(":host-context");
+var ie = (e, t, r, s, n, i, o) => {
   if (r === s)
     return;
-  let c = ie(e, t), l = t.toLowerCase();
+  let a = te(e, t), l = t.toLowerCase();
   if (t === "class") {
-    const u = e.classList, p = fe(r);
-    let a = fe(s);
-    u.remove(...p.filter((g) => g && !a.includes(g))), u.add(...a.filter((g) => g && !p.includes(g)));
+    const u = e.classList, c = oe(r);
+    let f = oe(s);
+    u.remove(...c.filter((p) => p && !f.includes(p))), u.add(...f.filter((p) => p && !c.includes(p)));
   } else if (t === "style") {
     for (const u in r)
       (!s || s[u] == null) && (u.includes("-") ? e.style.removeProperty(u) : e.style[u] = "");
@@ -494,47 +494,47 @@ var ce = (e, t, r, s, n, i, o) => {
   } 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) : ie(S, l) ? t = l.slice(2) : t = l[2] + t.slice(3), r || s) {
-      const u = t.endsWith(Se);
-      t = t.replace(Ot, ""), r && j.rel(e, t, r, u), s && j.ael(e, t, s, u);
+    if (t[2] === "-" ? t = t.slice(3) : te(O, l) ? t = l.slice(2) : t = l[2] + t.slice(3), r || s) {
+      const u = t.endsWith(me);
+      t = t.replace(vt, ""), r && A.rel(e, t, r, u), s && A.ael(e, t, s, u);
     }
   } else {
-    const u = ve(s);
-    if ((c || u && s !== null) && !n)
+    const u = he(s);
+    if ((a || u && s !== null) && !n)
       try {
         if (e.tagName.includes("-"))
           e[t] !== s && (e[t] = s);
         else {
-          const a = s ?? "";
-          t === "list" ? c = !1 : (r == null || e[t] != a) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = a : e.setAttribute(t, a));
+          const f = s ?? "";
+          t === "list" ? a = !1 : (r == null || e[t] != f) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = f : e.setAttribute(t, f));
         }
       } 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(oe, t) : e.removeAttribute(t)) : (!c || i & 4 || n) && !u && e.nodeType === 1 && (s = s === !0 ? "" : s, p ? e.setAttributeNS(oe, t, s) : e.setAttribute(t, s));
+    let c = !1;
+    l !== (l = l.replace(/^xlink\:?/, "")) && (t = l, c = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (c ? e.removeAttributeNS(re, t) : e.removeAttribute(t)) : (!a || i & 4 || n) && !u && e.nodeType === 1 && (s = s === !0 ? "" : s, c ? e.setAttributeNS(re, t, s) : e.setAttribute(t, s));
   }
-}, St = /\s/, fe = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(St)), Se = "Capture", Ot = new RegExp(Se + "$"), K = (e, t, r, s) => {
+}, mt = /\s/, oe = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(mt)), me = "Capture", vt = new RegExp(me + "$"), q = (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 c of ue(Object.keys(i)))
-    c in o || ce(
+  for (const a of ae(Object.keys(i)))
+    a in o || ie(
       n,
-      c,
-      i[c],
+      a,
+      i[a],
       void 0,
       r,
       t.$flags$
     );
-  for (const c of ue(Object.keys(o)))
-    ce(
+  for (const a of ae(Object.keys(o)))
+    ie(
       n,
-      c,
-      i[c],
-      o[c],
+      a,
+      i[a],
+      o[a],
       r,
       t.$flags$
     );
 };
-function ue(e) {
+function ae(e) {
   return e.includes("ref") ? (
     // we need to sort these to ensure that `'ref'` is the last attr
     [...e.filter((t) => t !== "ref"), "ref"]
@@ -543,11 +543,11 @@ function ue(e) {
     e
   );
 }
-var C, P, z, X = !1, W = !1, ee = !1, y = !1, U = (e, t, r) => {
+var P, z, N, J = !1, H = !1, Q = !1, h = !1, G = (e, t, r) => {
   var s;
   const n = t.$children$[r];
-  let i = 0, o, c, l;
-  if (X || (ee = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
+  let i = 0, o, a, l;
+  if (J || (Q = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -557,91 +557,91 @@ var C, P, z, X = !1, W = !1, ee = !1, y = !1, U = (e, t, r) => {
     // where actual slot content should sit next to
     1
   ))), n.$text$ !== null)
-    o = n.$elm$ = S.document.createTextNode(n.$text$);
+    o = n.$elm$ = O.document.createTextNode(n.$text$);
   else if (n.$flags$ & 1)
-    o = n.$elm$ = S.document.createTextNode(""), K(null, n, y);
+    o = n.$elm$ = O.document.createTextNode(""), q(null, n, h);
   else {
-    if (y || (y = n.$tag$ === "svg"), !S.document)
+    if (h || (h = 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 (o = n.$elm$ = S.document.createElementNS(
-      y ? ut : pt,
-      !X && R.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
-    ), y && n.$tag$ === "foreignObject" && (y = !1), K(null, n, y), gt(C) && o["s-si"] !== C && o.classList.add(o["s-si"] = C), n.$children$)
+    if (o = n.$elm$ = O.document.createElementNS(
+      h ? at : lt,
+      !J && L.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
+    ), h && n.$tag$ === "foreignObject" && (h = !1), q(null, n, h), ct(P) && o["s-si"] !== P && o.classList.add(o["s-si"] = P), n.$children$)
       for (i = 0; i < n.$children$.length; ++i)
-        c = U(e, n, i), c && o.appendChild(c);
-    n.$tag$ === "svg" ? y = !1 : o.tagName === "foreignObject" && (y = !0);
+        a = G(e, n, i), a && o.appendChild(a);
+    n.$tag$ === "svg" ? h = !1 : o.tagName === "foreignObject" && (h = !0);
   }
-  return o["s-hn"] = z, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = P, o["s-sn"] = n.$name$ || "", o["s-rf"] = (s = n.$attrs$) == null ? void 0 : s.ref, vt(o), l = e && e.$children$ && e.$children$[r], l && l.$tag$ === n.$tag$ && e.$elm$ && I(e.$elm$, !1), Te(P, o, t.$elm$, e?.$elm$)), o;
-}, I = (e, t) => {
-  j.$flags$ |= 1;
+  return o["s-hn"] = N, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = z, o["s-sn"] = n.$name$ || "", o["s-rf"] = (s = n.$attrs$) == null ? void 0 : s.ref, ht(o), l = e && e.$children$ && e.$children$[r], l && l.$tag$ === n.$tag$ && e.$elm$ && k(e.$elm$, !1), Ae(z, o, t.$elm$, e?.$elm$)), o;
+}, k = (e, t) => {
+  A.$flags$ |= 1;
   const r = Array.from(e.__childNodes || e.childNodes);
-  e["s-sr"] && R.experimentalSlotFixes;
+  e["s-sr"] && L.experimentalSlotFixes;
   for (let s = r.length - 1; s >= 0; s--) {
     const n = r[s];
-    n["s-hn"] !== z && n["s-ol"] && (O(N(n).parentNode, n, N(n)), n["s-ol"].remove(), n["s-ol"] = void 0, n["s-sh"] = void 0, ee = !0), t && I(n, t);
+    n["s-hn"] !== N && n["s-ol"] && (x(I(n).parentNode, n, I(n)), n["s-ol"].remove(), n["s-ol"] = void 0, n["s-sh"] = void 0, Q = !0), t && k(n, t);
   }
-  j.$flags$ &= -2;
-}, Oe = (e, t, r, s, n, i) => {
-  let o = e["s-cr"] && e["s-cr"].parentNode || e, c;
-  for (o.shadowRoot && o.tagName === z && (o = o.shadowRoot); n <= i; ++n)
-    s[n] && (c = U(null, r, n), c && (s[n].$elm$ = c, O(o, c, N(t))));
-}, Ae = (e, t, r) => {
+  A.$flags$ &= -2;
+}, ve = (e, t, r, s, n, i) => {
+  let o = e["s-cr"] && e["s-cr"].parentNode || e, a;
+  for (o.shadowRoot && o.tagName === N && (o = o.shadowRoot); n <= i; ++n)
+    s[n] && (a = G(null, r, n), a && (s[n].$elm$ = a, x(o, a, I(t))));
+}, Oe = (e, t, r) => {
   for (let s = t; s <= r; ++s) {
     const n = e[s];
     if (n) {
       const i = n.$elm$;
-      je(n), i && (W = !0, i["s-ol"] ? i["s-ol"].remove() : I(i, !0), i.remove());
+      Re(n), i && (H = !0, i["s-ol"] ? i["s-ol"].remove() : k(i, !0), i.remove());
     }
   }
-}, At = (e, t, r, s, n = !1) => {
-  let i = 0, o = 0, c = 0, l = 0, u = t.length - 1, p = t[0], a = t[u], g = s.length - 1, d = s[0], f = s[g], h, _;
-  for (; i <= u && o <= g; )
-    if (p == null)
-      p = t[++i];
-    else if (a == null)
-      a = t[--u];
-    else if (d == null)
-      d = s[++o];
+}, Ot = (e, t, r, s, n = !1) => {
+  let i = 0, o = 0, a = 0, l = 0, u = t.length - 1, c = t[0], f = t[u], p = s.length - 1, $ = s[0], g = s[p], _, y;
+  for (; i <= u && o <= p; )
+    if (c == null)
+      c = t[++i];
     else if (f == null)
-      f = s[--g];
-    else if (F(p, d, n))
-      k(p, d, n), p = t[++i], d = s[++o];
-    else if (F(a, f, n))
-      k(a, f, n), a = t[--u], f = s[--g];
-    else if (F(p, f, n))
-      (p.$tag$ === "slot" || f.$tag$ === "slot") && I(p.$elm$.parentNode, !1), k(p, f, n), O(e, p.$elm$, a.$elm$.nextSibling), p = t[++i], f = s[--g];
-    else if (F(a, d, n))
-      (p.$tag$ === "slot" || f.$tag$ === "slot") && I(a.$elm$.parentNode, !1), k(a, d, n), O(e, a.$elm$, p.$elm$), a = t[--u], d = s[++o];
+      f = t[--u];
+    else if ($ == null)
+      $ = s[++o];
+    else if (g == null)
+      g = s[--p];
+    else if (D(c, $, n))
+      R(c, $, n), c = t[++i], $ = s[++o];
+    else if (D(f, g, n))
+      R(f, g, n), f = t[--u], g = s[--p];
+    else if (D(c, g, n))
+      (c.$tag$ === "slot" || g.$tag$ === "slot") && k(c.$elm$.parentNode, !1), R(c, g, n), x(e, c.$elm$, f.$elm$.nextSibling), c = t[++i], g = s[--p];
+    else if (D(f, $, n))
+      (c.$tag$ === "slot" || g.$tag$ === "slot") && k(f.$elm$.parentNode, !1), R(f, $, n), x(e, f.$elm$, c.$elm$), f = t[--u], $ = s[++o];
     else {
-      for (c = -1, l = i; l <= u; ++l)
-        if (t[l] && t[l].$key$ !== null && t[l].$key$ === d.$key$) {
-          c = l;
+      for (a = -1, l = i; l <= u; ++l)
+        if (t[l] && t[l].$key$ !== null && t[l].$key$ === $.$key$) {
+          a = l;
           break;
         }
-      c >= 0 ? (_ = t[c], _.$tag$ !== d.$tag$ ? h = U(t && t[o], r, c) : (k(_, d, n), t[c] = void 0, h = _.$elm$), d = s[++o]) : (h = U(t && t[o], r, o), d = s[++o]), h && O(
-        N(p.$elm$).parentNode,
-        h,
-        N(p.$elm$)
+      a >= 0 ? (y = t[a], y.$tag$ !== $.$tag$ ? _ = G(t && t[o], r, a) : (R(y, $, n), t[a] = void 0, _ = y.$elm$), $ = s[++o]) : (_ = G(t && t[o], r, o), $ = s[++o]), _ && x(
+        I(c.$elm$).parentNode,
+        _,
+        I(c.$elm$)
       );
     }
-  i > u ? Oe(
+  i > u ? ve(
     e,
-    s[g + 1] == null ? null : s[g + 1].$elm$,
+    s[p + 1] == null ? null : s[p + 1].$elm$,
     r,
     s,
     o,
-    g
-  ) : o > g && Ae(t, i, u);
-}, F = (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, N = (e) => e && e["s-ol"] || e, k = (e, t, r = !1) => {
-  const s = t.$elm$ = e.$elm$, n = e.$children$, i = t.$children$, o = t.$tag$, c = t.$text$;
+    p
+  ) : o > p && Oe(t, i, u);
+}, D = (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, I = (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$, a = t.$text$;
   let l;
-  c === null ? (y = o === "svg" ? !0 : o === "foreignObject" ? !1 : y, K(e, t, y), n !== null && i !== null ? At(s, n, t, i, r) : i !== null ? (e.$text$ !== null && (s.textContent = ""), Oe(s, null, t, i, 0, i.length - 1)) : (
+  a === null ? (h = o === "svg" ? !0 : o === "foreignObject" ? !1 : h, q(e, t, h), n !== null && i !== null ? Ot(s, n, t, i, r) : i !== null ? (e.$text$ !== null && (s.textContent = ""), ve(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 && R.updatable && n !== null && Ae(n, 0, n.length - 1)
-  ), y && o === "svg" && (y = !1)) : (l = s["s-cr"]) ? l.parentNode.textContent = c : e.$text$ !== c && (s.data = c);
-}, m = [], ke = (e) => {
+    !r && L.updatable && n !== null && Oe(n, 0, n.length - 1)
+  ), h && o === "svg" && (h = !1)) : (l = s["s-cr"]) ? l.parentNode.textContent = a : e.$text$ !== a && (s.data = a);
+}, v = [], xe = (e) => {
   let t, r, s;
   const n = e.__childNodes || e.childNodes;
   for (const i of n) {
@@ -650,105 +650,104 @@ var C, P, z, X = !1, W = !1, ee = !1, y = !1, U = (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 (ae(t, o)) {
-            let c = m.find((l) => l.$nodeToRelocate$ === t);
-            W = !0, t["s-sn"] = t["s-sn"] || o, c ? (c.$nodeToRelocate$["s-sh"] = i["s-hn"], c.$slotRefNode$ = i) : (t["s-sh"] = i["s-hn"], m.push({
+          if (se(t, o)) {
+            let a = v.find((l) => l.$nodeToRelocate$ === t);
+            H = !0, t["s-sn"] = t["s-sn"] || o, a ? (a.$nodeToRelocate$["s-sh"] = i["s-hn"], a.$slotRefNode$ = i) : (t["s-sh"] = i["s-hn"], v.push({
               $slotRefNode$: i,
               $nodeToRelocate$: t
-            })), t["s-sr"] && m.map((l) => {
-              ae(l.$nodeToRelocate$, t["s-sn"]) && (c = m.find((u) => u.$nodeToRelocate$ === t), c && !l.$slotRefNode$ && (l.$slotRefNode$ = c.$slotRefNode$));
+            })), t["s-sr"] && v.map((l) => {
+              se(l.$nodeToRelocate$, t["s-sn"]) && (a = v.find((u) => u.$nodeToRelocate$ === t), a && !l.$slotRefNode$ && (l.$slotRefNode$ = a.$slotRefNode$));
             });
-          } else m.some((c) => c.$nodeToRelocate$ === t) || m.push({
+          } else v.some((a) => a.$nodeToRelocate$ === t) || v.push({
             $nodeToRelocate$: t
           });
     }
-    i.nodeType === 1 && ke(i);
+    i.nodeType === 1 && xe(i);
   }
-}, je = (e) => {
-  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(je);
-}, O = (e, t, r) => (typeof t["s-sn"] == "string" && t["s-sr"] && t["s-cr"] && Te(t["s-cr"], t, e, t.parentElement), e?.insertBefore(t, r));
-function Te(e, t, r, s) {
+}, Re = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(Re);
+}, x = (e, t, r) => (typeof t["s-sn"] == "string" && t["s-sr"] && t["s-cr"] && Ae(t["s-cr"], t, e, t.parentElement), e?.insertBefore(t, r));
+function Ae(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 c = t["s-sn"], l = t["s-hn"];
+    const a = t["s-sn"], l = t["s-hn"];
     if ((n = r.classList) == null || n.add(o + "-s"), s && ((i = s.classList) != null && i.contains(o + "-s"))) {
-      let u = (s.__childNodes || s.childNodes)[0], p = !1;
+      let u = (s.__childNodes || s.childNodes)[0], c = !1;
       for (; u; ) {
-        if (u["s-sn"] !== c && u["s-hn"] === l && u["s-sr"]) {
-          p = !0;
+        if (u["s-sn"] !== a && u["s-hn"] === l && u["s-sr"]) {
+          c = !0;
           break;
         }
         u = u.nextSibling;
       }
-      p || s.classList.remove(o + "-s");
+      c || s.classList.remove(o + "-s");
     }
   }
 }
-var kt = (e, t, r = !1) => {
-  var s, n, i, o, c;
-  const l = e.$hostElement$, u = e.$cmpMeta$, p = e.$vnode$ || J(null, null), g = Et(t) ? t : wt(null, null, t);
-  if (z = l.tagName, u.$attrsToReflect$ && (g.$attrs$ = g.$attrs$ || {}, u.$attrsToReflect$.forEach(([d, f]) => {
-    R.serializer && e.$serializerValues$.has(d) ? g.$attrs$[f] = e.$serializerValues$.get(d) : g.$attrs$[f] = l[d];
-  })), r && g.$attrs$)
-    for (const d of Object.keys(g.$attrs$))
-      l.hasAttribute(d) && !["key", "ref", "style", "class"].includes(d) && (g.$attrs$[d] = l[d]);
-  g.$tag$ = null, g.$flags$ |= 4, e.$vnode$ = g, g.$elm$ = p.$elm$ = l.shadowRoot || l, C = l["s-sc"], X = !!(u.$flags$ & 1) && !(u.$flags$ & 128), P = l["s-cr"], W = !1, k(p, g, r);
+var xt = (e, t, r = !1) => {
+  var s, n, i, o, a;
+  const l = e.$hostElement$, u = e.$cmpMeta$, c = e.$vnode$ || Z(null, null), p = bt(t) ? t : Et(null, null, t);
+  if (N = l.tagName, u.$attrsToReflect$ && (p.$attrs$ = p.$attrs$ || {}, u.$attrsToReflect$.forEach(([$, g]) => {
+    L.serializer && e.$serializerValues$.has($) ? p.$attrs$[g] = e.$serializerValues$.get($) : p.$attrs$[g] = l[$];
+  })), r && p.$attrs$)
+    for (const $ of Object.keys(p.$attrs$))
+      l.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (p.$attrs$[$] = l[$]);
+  p.$tag$ = null, p.$flags$ |= 4, e.$vnode$ = p, p.$elm$ = c.$elm$ = l.shadowRoot || l, P = l["s-sc"], J = !!(u.$flags$ & 1) && !(u.$flags$ & 128), z = l["s-cr"], H = !1, R(c, p, r);
   {
-    if (j.$flags$ |= 1, ee) {
-      ke(g.$elm$);
-      for (const d of m) {
-        const f = d.$nodeToRelocate$;
-        if (!f["s-ol"] && S.document) {
-          const h = S.document.createTextNode("");
-          h["s-nr"] = f, O(f.parentNode, f["s-ol"] = h, f);
+    if (A.$flags$ |= 1, Q) {
+      xe(p.$elm$);
+      for (const $ of v) {
+        const g = $.$nodeToRelocate$;
+        if (!g["s-ol"] && O.document) {
+          const _ = O.document.createTextNode("");
+          _["s-nr"] = g, x(g.parentNode, g["s-ol"] = _, g);
         }
       }
-      for (const d of m) {
-        const f = d.$nodeToRelocate$, h = d.$slotRefNode$;
-        if (h) {
-          const _ = h.parentNode;
-          let x = h.nextSibling;
+      for (const $ of v) {
+        const g = $.$nodeToRelocate$, _ = $.$slotRefNode$;
+        if (_) {
+          const y = _.parentNode;
+          let b = _.nextSibling;
           {
-            let E = (s = f["s-ol"]) == null ? void 0 : s.previousSibling;
-            for (; E; ) {
-              let $ = (n = E["s-nr"]) != null ? n : null;
-              if ($ && $["s-sn"] === f["s-sn"] && _ === ($.__parentNode || $.parentNode)) {
-                for ($ = $.nextSibling; $ === f || $?.["s-sr"]; )
-                  $ = $?.nextSibling;
-                if (!$ || !$["s-nr"]) {
-                  x = $;
+            let m = (s = g["s-ol"]) == null ? void 0 : s.previousSibling;
+            for (; m; ) {
+              let d = (n = m["s-nr"]) != null ? n : null;
+              if (d && d["s-sn"] === g["s-sn"] && y === (d.__parentNode || d.parentNode)) {
+                for (d = d.nextSibling; d === g || d?.["s-sr"]; )
+                  d = d?.nextSibling;
+                if (!d || !d["s-nr"]) {
+                  b = d;
                   break;
                 }
               }
-              E = E.previousSibling;
+              m = m.previousSibling;
             }
           }
-          const A = f.__parentNode || f.parentNode, se = f.__nextSibling || f.nextSibling;
-          (!x && _ !== A || se !== x) && f !== x && (!f["s-hn"] && f["s-ol"] && (f["s-hn"] = f["s-ol"].parentNode.nodeName), O(_, f, x), f.nodeType === 1 && f.tagName !== "SLOT-FB" && (f.hidden = (i = f["s-ih"]) != null ? i : !1)), f && typeof h["s-rf"] == "function" && h["s-rf"](h);
+          const V = g.__parentNode || g.parentNode, j = g.__nextSibling || g.nextSibling;
+          (!b && y !== V || j !== b) && g !== b && (!g["s-hn"] && g["s-ol"] && (g["s-hn"] = g["s-ol"].parentNode.nodeName), x(y, g, b), g.nodeType === 1 && g.tagName !== "SLOT-FB" && (g.hidden = (i = g["s-ih"]) != null ? i : !1)), g && typeof _["s-rf"] == "function" && _["s-rf"](_);
         } else
-          f.nodeType === 1 && (r && (f["s-ih"] = (o = f.hidden) != null ? o : !1), f.hidden = !0);
+          g.nodeType === 1 && (r && (g["s-ih"] = (o = g.hidden) != null ? o : !1), g.hidden = !0);
       }
     }
-    W && xe(g.$elm$), j.$flags$ &= -2, m.length = 0;
+    H && ye(p.$elm$), A.$flags$ &= -2, v.length = 0;
   }
-  if (R.experimentalScopedSlotChanges && u.$flags$ & 2) {
-    const d = g.$elm$.__childNodes || g.$elm$.childNodes;
-    for (const f of d)
-      f["s-hn"] !== z && !f["s-sh"] && (r && f["s-ih"] == null && (f["s-ih"] = (c = f.hidden) != null ? c : !1), f.hidden = !0);
+  if (L.experimentalScopedSlotChanges && u.$flags$ & 2) {
+    const $ = p.$elm$.__childNodes || p.$elm$.childNodes;
+    for (const g of $)
+      g["s-hn"] !== N && !g["s-sh"] && (r && g["s-ih"] == null && (g["s-ih"] = (a = g.hidden) != null ? a : !1), g.hidden = !0);
   }
-  P = void 0;
+  z = void 0;
 };
-const te = {
+const T = {
   content_wrap: 0,
   ignore: [],
-  ignore_with: "_!i-£___£%_",
+  ignore_with: "!i-£___£%_",
   strict: !1,
   tab_size: 2,
   tag_wrap: 0,
-  tag_wrap_width: 80,
   trim: []
-}, v = "__!i-£___£%__", w = "!i-£___£%_", Re = [
+}, we = [
   "area",
   "base",
   "br",
@@ -763,11 +762,16 @@ const te = {
   "source",
   "track",
   "wbr"
-], ze = {
+], Te = {
   checked_html: !1,
-  config: { ...te },
-  ignored: !1
-}, D = () => ze, L = (e) => Object.assign(ze, e), re = (e) => (L({ checked_html: !0 }), /<(?:[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)), Ie = (e, t) => {
+  config: { ...T },
+  ignored: !1,
+  constants: {
+    CONTENT_IGNORE_PLACEHOLDER: `${T.ignore_with}_`,
+    SELF_CLOSING_PLACEHOLDER: `${T.ignore_with}/_>`,
+    ATTRIBUTE_IGNORE_PLACEHOLDER: `${T.ignore_with}=_`
+  }
+}, E = () => Te, C = (e) => Object.assign(Te, e), Se = (e) => (C({ checked_html: !0 }), /<(?:[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)), Le = (e, t) => {
   if (!e || !t)
     throw new Error("Both 'current' and 'updates' must be passed-in to mergeObjects()");
   let r;
@@ -776,49 +780,68 @@ const te = {
   else if (typeof e == "object") {
     r = { ...e };
     for (let s of Object.keys(t))
-      typeof t[s] != "object" ? r[s] = t[s] : r[s] = Ie(r[s] || {}, t[s]);
+      typeof t[s] != "object" ? r[s] = t[s] : r[s] = Le(r[s] || {}, t[s]);
   }
   return r;
-}, jt = (e, t) => {
-  const r = Ie(e, t);
-  return L({ config: r }), r;
-}, Tt = (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), Rt = (e) => e.replace(/\n/g, v + "nl!").replace(/\r/g, v + "cr!").replace(/\s/g, v + "ws!"), zt = (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 c = n || o;
-    if (!c)
-      return r;
-    const l = c.replace(/\n/g, v + "nl!").replace(/\r/g, v + "cr!").replace(/\s/g, v + "ws!");
-    return r.replace(c, l);
+}, Rt = (e, t) => {
+  const r = Le(e, t);
+  return C({
+    config: r,
+    constants: {
+      CONTENT_IGNORE_PLACEHOLDER: `${r.ignore_with}_`,
+      SELF_CLOSING_PLACEHOLDER: `${r.ignore_with}/_>`,
+      ATTRIBUTE_IGNORE_PLACEHOLDER: `${r.ignore_with}=_`
+    }
+  }), r;
+}, At = (e) => {
+  const { constants: t } = E();
+  return e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (r, s) => r.replace(s, (n) => n.replace(/\n/g, t.ATTRIBUTE_IGNORE_PLACEHOLDER + "nl!").replace(/\r/g, t.ATTRIBUTE_IGNORE_PLACEHOLDER + "cr!").replace(/\s/g, t.ATTRIBUTE_IGNORE_PLACEHOLDER + "ws!"))), e;
+}, wt = (e) => {
+  const { constants: t } = E();
+  return e.replace(/\n/g, t.CONTENT_IGNORE_PLACEHOLDER + "nl!").replace(/\r/g, t.CONTENT_IGNORE_PLACEHOLDER + "cr!").replace(/\s/g, t.CONTENT_IGNORE_PLACEHOLDER + "ws!");
+}, Tt = (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, { constants: r } = E();
+  return e.replace(t, (s, n, i, o, a) => {
+    const l = i || a;
+    if (!l)
+      return s;
+    const u = l.replace(/\n/g, r.CONTENT_IGNORE_PLACEHOLDER + "nl!").replace(/\r/g, r.CONTENT_IGNORE_PLACEHOLDER + "cr!").replace(/\s/g, r.CONTENT_IGNORE_PLACEHOLDER + "ws!");
+    return s.replace(l, u);
   });
-}, It = (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;
-}, Nt = (e, t) => {
+}, St = (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, { constants: r } = E();
+  return e = e.replace(t, (s, n, i) => s.replace(i, (o) => o.replace(/</g, r.ATTRIBUTE_IGNORE_PLACEHOLDER + "lt!").replace(/>/g, r.ATTRIBUTE_IGNORE_PLACEHOLDER + "gt!"))), e;
+}, Lt = (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;
-}, Dt = (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), Lt = (e) => (e = e.replace(/.*__!i-£___£%__[a-z]{2}!.*/g, (t) => t.replace(/__!i-£___£%__[a-z]{2}!/g, (r) => r.replace(new RegExp(v + "nl!", "g"), `
-`).replace(new RegExp(v + "cr!", "g"), "\r").replace(new RegExp(v + "ws!", "g"), " "))), e), Ne = w.replace(
-  /[-\/\\^$*+?.()|[\]{}]/g,
-  "\\$&"
-), Mt = new RegExp(Ne + "lt!", "g"), Ft = new RegExp(Ne + "gt!", "g"), Ct = (e) => {
-  const t = /<([\w:\-]+)([^>]*)>/g;
+}, Nt = (e) => {
+  const { constants: t } = E();
+  return e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (r, s) => r.replace(s, (n) => n.replace(new RegExp(t.ATTRIBUTE_IGNORE_PLACEHOLDER + "nl!", "g"), `
+`).replace(new RegExp(t.ATTRIBUTE_IGNORE_PLACEHOLDER + "cr!", "g"), "\r").replace(new RegExp(t.ATTRIBUTE_IGNORE_PLACEHOLDER + "ws!", "g"), " "))), e;
+}, kt = (e) => {
+  const { constants: t } = E();
+  return e = e.replace(new RegExp(`.*${t.CONTENT_IGNORE_PLACEHOLDER}[a-z]{2}!.*`, "g"), (r) => r.replace(new RegExp(`${t.CONTENT_IGNORE_PLACEHOLDER}[a-z]{2}!`, "g"), (s) => s.replace(new RegExp(t.CONTENT_IGNORE_PLACEHOLDER + "nl!", "g"), `
+`).replace(new RegExp(t.CONTENT_IGNORE_PLACEHOLDER + "cr!", "g"), "\r").replace(new RegExp(t.CONTENT_IGNORE_PLACEHOLDER + "ws!", "g"), " "))), e;
+}, It = (e) => {
+  const t = /<([\w:\-]+)([^>]*)>/g, { constants: r } = E(), s = r.ATTRIBUTE_IGNORE_PLACEHOLDER.replace(
+    /[-\/\\^$*+?.()|[\]{}]/g,
+    "\\$&"
+  ), n = new RegExp(s + "lt!", "g"), i = new RegExp(s + "gt!", "g");
   return e.replace(
     t,
-    (r, s, n) => {
-      const i = n.replace(Mt, "<").replace(Ft, ">");
-      return `<${s}${i}>`;
+    (o, a, l) => {
+      const u = l.replace(n, "<").replace(i, ">");
+      return `<${a}${u}>`;
     }
   );
-}, Pt = (e) => {
+}, Ct = (e) => {
   if (typeof e != "object") throw new Error("Config must be an object.");
-  const t = { ...te };
-  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 L({ config: t }), t;
+  const t = { ...T };
+  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, "trim")))
+    return C({ config: t }), t;
   let s = e.tab_size;
   if (s) {
     if (typeof s != "number") throw new Error(`tab_size must be a number, not ${typeof e.tab_size}.`);
@@ -827,21 +850,23 @@ const te = {
     e.tab_size = s;
   }
   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}.`);
+    throw new Error(`content_wrap config must be a number, not ${typeof e.content_wrap}.`);
   if (Object.hasOwn(e, "ignore") && (!Array.isArray(e.ignore) || !e.ignore?.every((n) => typeof n == "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, "ignore_with")) {
+    if (typeof e.ignore_with != "string")
+      throw new Error(`ignore_with must be a string, not ${typeof e.ignore_with}.`);
+    if (e.ignore_with.startsWith("_"))
+      throw new Error("ignore_with cannot start with an underscore.");
+  }
   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 = t.tag_wrap_width), Object.hasOwn(e, "tag_wrap") && typeof e.tag_wrap != "number")
+  if (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) || !e.trim?.every((n) => typeof n == "string")))
     throw new Error("Trim config must be an array of strings.");
-  return jt(t, e);
-}, Wt = (e, t, r) => {
+  return Rt(t, e);
+}, jt = (e, t, r) => {
   const s = e.trim().split(/\s+/);
   if (s.length === 0 || s.length === 1 && s[0] === "")
     return "";
@@ -857,160 +882,170 @@ const te = {
     const u = i === "" ? l : i + " " + l;
     u.length <= t ? i = u : (i !== "" && n.push(n.length === 0 ? r + i : o + i), i = l);
   }), i !== "" && n.push(n.length === 0 ? r + i : o + i);
-  const c = n.join(`
+  const a = n.join(`
 `);
-  return Rt(c);
+  return wt(a);
 };
-function De(e, t) {
-  L({ ignored: !0 });
+function Ne(e) {
+  C({ ignored: !0 });
+  const t = E().config;
   let r = e;
   const s = /* @__PURE__ */ new Map();
   let n = 0;
   const i = "___HTMLFY_SPECIAL_IGNORE_MARKER_";
   for (const o of t.ignore) {
-    const c = o.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), l = new RegExp(
-      `<${c}[^>]*>.*?</${c}>`,
+    const a = o.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), l = new RegExp(
+      `(<\\s*${a}[^>]*>)(.*?)(<\\s*/\\s*${a}\\s*>)`,
       "gs"
       // global and dotAll
     );
     let u;
-    const p = [];
+    const c = [];
     for (; (u = l.exec(r)) !== null; ) {
-      const a = `${i}${n++}___`;
-      s.set(a, u[0]), p.push({
-        start: u.index,
-        end: l.lastIndex,
-        marker: a
+      const f = `${i}${n++}___`;
+      s.set(f, u[2]), c.push({
+        start: u.index + u[1].length,
+        // start of content
+        end: u.index + u[1].length + u[2].length,
+        // end of content
+        marker: f
       });
     }
-    for (let a = p.length - 1; a >= 0; a--) {
-      const g = p[a];
-      r = r.substring(0, g.start) + g.marker + r.substring(g.end);
+    for (let f = c.length - 1; f >= 0; f--) {
+      const p = c[f];
+      r = r.substring(0, p.start) + p.marker + r.substring(p.end);
     }
   }
   return { html_with_markers: r, extracted_map: s };
 }
-function Le(e, t) {
-  L({ ignored: !1 });
+function ke(e, t) {
+  C({ ignored: !1 });
   let r = e;
   for (const [s, n] of t)
     r = r.split(s).join(n);
   return r;
 }
-const Ut = (e) => {
-  const { checked_html: t } = D();
-  return !t && !re(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}>`));
-}, Zt = (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);
-let pe;
-const Ht = (e, t) => {
+const Dt = new RegExp(`<(${we.join("|")})(?:\\s(?:[^/>]|/(?!>))*)*>`, "g");
+function Pt(e) {
+  const { constants: t } = E();
+  return e.replace(
+    // match only void elements that are not self-closing
+    Dt,
+    (r) => r.replace(/>$/, t.SELF_CLOSING_PLACEHOLDER)
+  );
+}
+function zt(e) {
+  const { constants: t } = E();
+  return e.replace(t.SELF_CLOSING_PLACEHOLDER, ">");
+}
+const Ht = (e, t = !1) => (e = e.replace(/<\s*textarea[^>]*>((.|\n)*?)<s*\/\s*textarea\s*>/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(/<\s*textarea[^>]*>(.|\n)*?<\s*\/\s*textarea\s*>/g, (r) => r.replace(/\s+/g, " ").replace(/\s>/g, ">").replace(/>\s/g, ">").replace(/\s</g, "<").replace(/<\s/g, "<").replace(/<\/\s/g, "</").replace(/class=["']\s/g, (s) => s.replace(/\s/g, "")).replace(/(class=.*)\s(["'])/g, "$1$2"))), e), Gt = (e) => e = e.replace(/<textarea[^>]*>((.|\n)*?)<\/textarea>/g, (t, r) => t.replace(r, (s) => (s = s.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&#10;/g, `
+`).replace(/&#13;/g, "\r").replace(/&nbsp;/g, " ").replace(/\s+/g, " "), s)));
+let le;
+const Ft = (e, t) => {
   let r = !1;
-  const { checked_html: s, ignored: n } = D();
-  if (!s && !re(e)) return e;
-  const i = D().config, o = i.ignore.length > 0;
+  const { checked_html: s, ignored: n } = E();
+  if (!s && !Se(e)) return e;
+  const o = E().config.ignore.length > 0;
   if (!n && o) {
-    const { html_with_markers: c, extracted_map: l } = De(e, i);
-    e = c, pe = l, r = !0;
+    const { html_with_markers: a, extracted_map: l } = Ne(e);
+    e = a, le = l, r = !0;
   }
-  return e = Zt(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 e = Ht(e, !0), 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(/< /g, "<"), e = e.replace(/<\s+\//g, "</"), e = e.replace(/<\/\s+/g, "</"), e = e.replace(/ = /g, "="), e = e.replace(
     /([a-zA-Z0-9_-]+)=(['"])(.*?)\2/g,
-    (c, l, u, p) => {
-      const a = p.trim();
-      return `${l}=${u}${a}${u}`;
+    (a, l, u, c) => {
+      const f = c.trim();
+      return `${l}=${u}${f}${u}`;
     }
-  ), e = e.trim(), r && (e = Le(e, pe)), e;
-}, T = {
+  ), e = e.trim(), e = Gt(e), r && (e = ke(e, le)), e;
+}, S = {
   line: []
 };
-let ge;
-const Bt = (e) => {
-  T.line = [];
+let ce;
+const Mt = (e) => {
+  S.line = [];
   let t = -1;
   const r = /(<[^>]+>)|([^<]+)/g;
-  return e = e.replace(r, (s, n, i) => (n ? T.line.push({ type: "tag", value: s }) : i && i.trim().length > 0 && T.line.push({ type: "text", value: s }), t++, `
+  e.replace(r, (s, n, i) => (n ? S.line.push({ type: "tag", value: s }) : i && i.trim().length > 0 && S.line.push({ type: "text", value: s }), t++, `
 [#-# : ${t} : ${s} : #-#]
-`)), e;
-}, qt = (e) => {
-  e = Ut(e);
-  const { config: t } = D();
-  return t.trim.length > 0 && (e = Nt(e, t.trim)), e = Ht(e), e = Bt(e), e;
-}, Gt = (e) => {
-  const t = " ".repeat(e.tab_size), r = e.tag_wrap, s = e.content_wrap, i = `-${e.ignore_with}`, o = e.strict;
-  let c = "";
-  const l = [], u = /<[A-Za-z]+\b[^>]*(?:.|\n)*?\/?>/g, p = /\s{1}[A-Za-z-]+(?:=".*?")?/g;
-  T.line.forEach((g, d) => {
-    let f = g.value;
-    const h = f.startsWith(i + "lt--") || f.startsWith(i + "gt--") || f.startsWith(i + "nl--") || f.startsWith(i + "cr--") || f.startsWith(i + "ws--") || f.startsWith(i + "tab--");
+`));
+}, Ut = () => {
+  const { config: e, constants: t } = E(), r = " ".repeat(e.tab_size), s = e.tag_wrap, n = e.content_wrap, i = e.strict;
+  let o = "";
+  const a = [], l = /<[A-Za-z]+\b[^>]*(?:.|\n)*?\/?>/g, u = /\s{1}[A-Za-z-]+(?:=".*?")?/g;
+  S.line.forEach((f, p) => {
+    let $ = f.value;
+    const g = $.startsWith("___HTMLFY_SPECIAL_IGNORE_MARKER_");
     let _ = 0;
-    const x = T.line[d - 1], A = x?.value ?? "";
-    c += "0", d === 0 && _++, f.trim().startsWith("</") && _++, A.trim().startsWith("<!doctype") && _++, A.trim().startsWith("<!--") && _++, A.trim().endsWith("/>") && _++, A.trim().startsWith("</") && _++, x?.type === "text" && _++;
-    const E = Math.max(0, c.length - _);
-    if (c = c.substring(0, E), g.type === "text" && /^[!,;\.]/.test(f))
-      if (f.length === 1) {
-        l[l.length - 1] = l.at(-1) + f;
+    const y = S.line[p - 1], b = y?.value ?? "";
+    o += "0", p === 0 && _++, $.trim().startsWith("</") && _++, b.trim().startsWith("<!doctype") && _++, b.trim().startsWith("<!--") && _++, (b.trim().endsWith("/>") || b.trim().endsWith(t.SELF_CLOSING_PLACEHOLDER)) && _++, b.trim().startsWith("</") && _++, y?.type === "text" && _++;
+    const j = Math.max(0, o.length - _);
+    if (o = o.substring(0, j), f.type === "text" && /^[!,;\.]/.test($))
+      if ($.length === 1) {
+        a[a.length - 1] = a.at(-1) + $;
         return;
       } else
-        l[l.length - 1] = l.at(-1) + f.charAt(0), f = f.slice(1).trim();
-    const $ = t.repeat(E);
-    if (h)
-      l.push(f);
+        a[a.length - 1] = a.at(-1) + $.charAt(0), $ = $.slice(1).trim();
+    const m = r.repeat(j);
+    if (g)
+      a.push($);
     else {
-      if (o && f.trim().startsWith("<!--"))
+      if (i && $.trim().startsWith("<!--"))
         return;
-      let b = f;
-      if (g.type === "text" && s > 0 && b.length >= s)
-        b = Wt(b, s, $);
-      else if (r > 0 && b.length > r && u.test(b)) {
-        u.lastIndex = 0, p.lastIndex = 0;
-        const M = b.split(p).filter(Boolean);
-        if (M.length >= 2) {
-          const Fe = b.matchAll(p), Ce = $ + t;
-          let H = $ + M[0] + `
+      let d = $;
+      if (d = zt(d), f.type === "text" && n > 0 && d.length >= n)
+        d = jt(d, n, m);
+      else if (s > 0 && d.length > s && l.test(d)) {
+        l.lastIndex = 0, u.lastIndex = 0;
+        const w = d.split(u).filter(Boolean);
+        if (w.length >= 2) {
+          const Ce = d.matchAll(u), je = m + r;
+          let M = m + w[0] + `
 `;
-          for (const He of Fe) {
-            const Be = He[0].trim();
-            H += Ce + Be + `
+          for (const Ge of Ce) {
+            const Fe = Ge[0].trim();
+            M += je + Fe + `
 `;
           }
-          const ne = M[0].match(/<([A-Za-z_:-]+)/), Pe = ne ? ne[1] : "", We = Re.includes(Pe), Ue = M[1].trim(), Ze = $ + (o && We ? " " : "");
-          H += Ze + Ue, b = H;
+          const ee = w[0].match(/<([A-Za-z_:-]+)/), De = ee ? ee[1] : "", Pe = w.at(-1)?.endsWith("/>") && we.includes(De), ze = w[1].trim(), He = m + (i && Pe ? " " : "");
+          M += He + ze, d = M;
         } else
-          b = $ + b;
+          d = m + d;
       } else
-        b = $ + b;
-      l.push(b);
+        d = m + d;
+      a.push(d);
     }
   });
-  let a = l.join(`
+  let c = a.join(`
 `);
-  return r > 0 && (a = Tt(a)), s > 0 && /\n[ ]*[^\n]*__!i-£___£%__[^\n]*\n/.test(a) && (a = zt(a)), a = a.replace(
-    /<(?<Element>.+).*>[^<]*?[^><\/\s][^<]*?<\/{1}\k<Element>|<script[^>]*>\s+<\/script>|<(\w+)>\s+<\/(\w+)|<(?:([\w:\._-]+)|([\w:\._-]+)[^>]*[^\/])>\s+<\/([\w:\._-]+)>/g,
-    (g) => g.replace(/\n|\t|\s{2,}/g, "")
-  ), s > 0 && (a = Lt(a)), r > 0 && (a = Dt(a)), o && (a = a.replace(/\s\/>|\/>/g, ">")), a.startsWith(`
-`) && (a = a.substring(1)), a.endsWith(`
-`) && (a = a.substring(0, a.length - 1)), a;
-}, Jt = (e, t) => {
+  return s > 0 && (c = At(c)), n > 0 && new RegExp(`/\\n[ ]*[^\\n]*${t.CONTENT_IGNORE_PLACEHOLDER}[^\\n]*\\n/`).test(c) && (c = Tt(c)), c = c.replace(
+    /<(?<Element>[^>\s]+)[^>]*>[^<]*?[^><\/\s][^<]*?<\/\k<Element>>|<script[^>]*>[\s]*<\/script>|<([\w:\._-]+)([^>]*)><\/\2>|<([\w:\._-]+)([^>]*)>[\s]+<\/\4>/g,
+    (f) => f.includes(t.SELF_CLOSING_PLACEHOLDER) || f.includes(t.CONTENT_IGNORE_PLACEHOLDER) ? f : f.replace(/\n|\t|\s{2,}/g, "")
+  ), n > 0 && (c = kt(c)), s > 0 && (c = Nt(c)), i && (c = c.replace(/\s\/>|\/>/g, ">")), c.startsWith(`
+`) && (c = c.substring(1)), c.endsWith(`
+`) && (c = c.substring(0, c.length - 1)), c;
+}, Bt = (e, t) => {
   let r = !1;
-  const { checked_html: s, ignored: n } = D();
-  if (!s && !re(e)) return e;
-  const i = t ? Pt(t) : { ...te }, o = i.ignore.length > 0;
-  if (!n && o) {
-    const { html_with_markers: c, extracted_map: l } = De(e, i);
-    e = c, ge = l, r = !0;
+  const { checked_html: s, ignored: n } = E();
+  if (!s && !Se(e)) return e;
+  const i = Ct(t || {}), o = i.ignore.length > 0;
+  if (i.trim.length > 0 && (e = Lt(e, i.trim)), !n && o) {
+    const { html_with_markers: a, extracted_map: l } = Ne(e);
+    e = a, ce = l, r = !0;
   }
-  return e = It(e), e = qt(e), e = Gt(i), e = Ct(e), r && (e = Le(e, ge)), e;
-}, Kt = (e, t, r) => {
+  return e = St(e), e = Pt(e), e = Ft(e), Mt(e), e = Ut(), e = It(e), r && (e = ke(e, ce)), e;
+}, Wt = (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);
-}, Me = (e, t, r, s, n) => {
+}, Ie = (e, t, r, s, n) => {
   if (t && typeof t == "string") {
     const i = document.createElement(t);
     Object.keys(r || {}).forEach((o) => {
-      Kt(i, o, r[o]);
+      Wt(i, o, r[o]);
     }), s?.forEach((o) => {
-      Me(i, o.$tag$, o.$attrs$, o.$children$, o.$text$);
+      Ie(i, o.$tag$, o.$attrs$, o.$children$, o.$text$);
     }), r?.innerHTML && (i.innerHTML = r.innerHTML), e.appendChild(i);
   }
   n && (e.innerHTML = n);
-}, wr = (e, t, r = []) => {
+}, Er = (e, t, r = []) => {
   const s = {};
   if (typeof e != "object")
     throw new Error("filterArgs - args isn't an object.");
@@ -1020,29 +1055,29 @@ const Bt = (e) => {
       (!t || !Object.keys(t).includes(n) || t[n] !== i) && (s[o] = i);
     }
   return s;
-}, xr = (e, t) => {
+}, yr = (e, t) => {
   const r = document.getElementById("storybook-root");
   if (r !== null)
-    return document.querySelector("[lang]")?.setAttribute("lang", t.globals?.locale || "en"), kt({
+    return document.querySelector("[lang]")?.setAttribute("lang", t.globals?.locale || "en"), xt({
       $cmpMeta$: {
         $flags$: 0,
         $tagName$: r.tagName
       },
       $hostElement$: r
     }, e(t)), r.children[r.children.length - 1];
-}, Er = ({ $tag$: e, $attrs$: t, $children$: r, $text$: s }) => {
+}, br = ({ $tag$: e, $attrs$: t, $children$: r, $text$: s }) => {
   const n = document.createElement("div");
-  return Me(n, e, t, r, s), Jt(n.innerHTML, {
+  return Ie(n, e, t, r, s), Bt(n.innerHTML, {
     tag_wrap: 40,
     content_wrap: 120
   }).replace(/="true"/g, "");
-}, de = (e, t) => {
+}, fe = (e, t) => {
   if (!t)
     return;
   const r = t.split("/");
   return `${e}${r.slice(2, r.length - 1).join("-")}--docs`;
 };
-class Sr {
+class mr {
   /**
    * JsonDocs
    */
@@ -1072,97 +1107,97 @@ class Sr {
    * @returns component arg types
    */
   extractArgTypes = (t) => {
-    const r = this.#e(t), s = r?.props.reduce((p, a) => {
-      const { control: g, options: d } = this.#t(a);
+    const r = this.#e(t), s = r?.props.reduce((c, f) => {
+      const { control: p, options: $ } = this.#t(f);
       return {
-        ...p,
-        [a.name]: {
-          name: a.attr || a.name,
-          description: a.docs,
-          type: { required: a.required },
+        ...c,
+        [f.name]: {
+          name: f.attr || f.name,
+          description: f.docs,
+          type: { required: f.required },
           table: {
             category: "props",
-            type: { summary: a.type },
-            defaultValue: { summary: a.default }
+            type: { summary: f.type },
+            defaultValue: { summary: f.default }
           },
-          control: g,
-          options: d
+          control: p,
+          options: $
         }
       };
-    }, {}), n = r?.events.reduce((p, a) => ({
-      ...p,
-      [a.event]: {
-        name: a.event,
-        description: a.docs,
+    }, {}), n = r?.events.reduce((c, f) => ({
+      ...c,
+      [f.event]: {
+        name: f.event,
+        description: f.docs,
         table: {
           category: "events",
-          type: { summary: a.detail }
+          type: { summary: f.detail }
         }
       }
-    }), {}), i = r?.methods.reduce((p, a) => ({
-      ...p,
-      [a.name]: {
-        name: a.name,
-        description: a.docs,
+    }), {}), i = r?.methods.reduce((c, f) => ({
+      ...c,
+      [f.name]: {
+        name: f.name,
+        description: f.docs,
         table: {
           category: "methods",
-          type: { summary: a.signature }
+          type: { summary: f.signature }
         }
       }
-    }), {}), o = r?.slots.reduce((p, a) => ({
-      ...p,
-      [a.name]: {
-        name: a.name !== "" ? a.name : "default",
+    }), {}), o = r?.slots.reduce((c, f) => ({
+      ...c,
+      [f.name]: {
+        name: f.name !== "" ? f.name : "default",
         // default slot are unnamed
-        description: a.docs,
+        description: f.docs,
         table: {
           category: "slots",
           type: { summary: void 0 }
         }
       }
-    }), {}), c = r?.styles.reduce((p, a) => ({
-      ...p,
-      [a.name]: {
-        name: a.name,
-        description: a.docs,
+    }), {}), a = r?.styles.reduce((c, f) => ({
+      ...c,
+      [f.name]: {
+        name: f.name,
+        description: f.docs,
         table: {
           category: "custom properties",
           type: { summary: void 0 }
         }
       }
-    }), {}), l = r?.dependencies.reduce((p, a) => {
-      const g = this.#e(a);
-      return g ? {
-        ...p,
-        [a]: {
-          name: a,
-          description: `<a href="./?path=/docs/${de("", g?.filePath)}">View Component Documentation</a>`,
+    }), {}), l = r?.dependencies.reduce((c, f) => {
+      const p = this.#e(f);
+      return p ? {
+        ...c,
+        [f]: {
+          name: f,
+          description: `<a href="./?path=/docs/${fe("", p?.filePath)}">View Component Documentation</a>`,
           table: {
             category: "depends on",
             type: { summary: void 0 }
           }
         }
-      } : p;
-    }, {}), u = r?.dependents.reduce((p, a) => {
-      const g = this.#e(a);
-      return g ? {
-        ...p,
-        [a]: {
-          name: a,
-          description: `<a href="./?path=/docs/${de("", g?.filePath)}">View Component Documentation</a>`,
+      } : c;
+    }, {}), u = r?.dependents.reduce((c, f) => {
+      const p = this.#e(f);
+      return p ? {
+        ...c,
+        [f]: {
+          name: f,
+          description: `<a href="./?path=/docs/${fe("", p?.filePath)}">View Component Documentation</a>`,
           table: {
             category: "used by",
             type: { summary: void 0 }
           }
         }
-      } : p;
+      } : c;
     }, {});
     return {
       ...s,
       ...n,
       ...i,
       ...o,
-      ...c,
+      ...a,
       ...l,
       ...u
     };
@@ -1177,7 +1212,7 @@ class Sr {
     return r?.readme || r?.docs;
   };
 }
-const Or = ({ disconnect: e, observe: t, takeRecords: r }) => {
+const vr = ({ disconnect: e, observe: t, takeRecords: r }) => {
   class s {
     /**
      *
@@ -1206,7 +1241,7 @@ const Or = ({ disconnect: e, observe: t, takeRecords: r }) => {
       value: s
     });
   }), s;
-}, Ar = ({ disconnect: e, observe: t }) => {
+}, Or = ({ disconnect: e, observe: t }) => {
   class r {
     /**
      *
@@ -1236,15 +1271,15 @@ const Or = ({ disconnect: e, observe: t, takeRecords: r }) => {
     });
   }), r;
 };
-class Xt extends Event {
+class Zt extends Event {
   /**
    *
    */
   detail;
   // eslint-disable-line @typescript-eslint/no-explicit-any
 }
-const kr = () => {
-  class e extends Xt {
+const xr = () => {
+  class e extends Zt {
   }
   return [window, global].forEach((t) => {
     Object.defineProperty(t, "SubmitEvent", {
@@ -1253,7 +1288,7 @@ const kr = () => {
       value: e
     });
   }), e;
-}, jr = (e) => {
+}, Rr = (e) => {
   const t = (r) => (setTimeout(r, 1), e(), 0);
   return [window, global].forEach((r) => {
     Object.defineProperty(r, "requestAnimationFrame", {
@@ -1264,45 +1299,45 @@ const kr = () => {
   }), t;
 };
 export {
-  Yt as ClassList,
-  ir as Cursor,
-  Ke as Page,
-  or as Paginate,
-  Sr as StorybookPreview,
-  Qt as allItemsAreString,
-  er as cleanString,
-  tr as createID,
-  ar as dateRegExp,
-  lr as dateToString,
-  vr as defineLocales,
-  wr as filterArgs,
-  fr as focusableElements,
-  sr as formatID,
-  hr as getLocaleDatePattern,
-  qe as getObjectValueFromKey,
-  he as getParentWindows,
-  Er as getStoryHTML,
-  de as getStorybookUrl,
-  pr as getWindows,
-  Z as isObject,
-  cr as isTagName,
-  ur as isValidNumber,
-  Ge as isValidString,
-  rr as isValideID,
-  _r as localeCurrency,
-  lt as localeDate,
-  yr as localeNumber,
-  br as localePercent,
-  mr as localeUnit,
-  nr as nextTick,
-  jr as setUpRequestAnimationFrameMock,
-  Or as setupMutationObserverMock,
-  Ar as setupResizeObserverMock,
-  kr as setupSubmitEventMock,
-  xr as stencilWrapper,
-  Vt as toString,
-  $r as vsCodeCssGenerator,
-  dr as vsCodeGenerator,
-  gr as webTypesGenerator
+  qt as ClassList,
+  tr as Cursor,
+  We as Page,
+  rr as Paginate,
+  mr as StorybookPreview,
+  Jt as allItemsAreString,
+  Xt as cleanString,
+  Yt as createID,
+  sr as dateRegExp,
+  nr as dateToString,
+  hr as defineLocales,
+  Er as filterArgs,
+  or as focusableElements,
+  Vt as formatID,
+  pr as getLocaleDatePattern,
+  Me as getObjectValueFromKey,
+  pe as getParentWindows,
+  br as getStoryHTML,
+  fe as getStorybookUrl,
+  lr as getWindows,
+  F as isObject,
+  ir as isTagName,
+  ar as isValidNumber,
+  Ue as isValidString,
+  Qt as isValideID,
+  gr as localeCurrency,
+  nt as localeDate,
+  $r as localeNumber,
+  dr as localePercent,
+  _r as localeUnit,
+  er as nextTick,
+  Rr as setUpRequestAnimationFrameMock,
+  vr as setupMutationObserverMock,
+  Or as setupResizeObserverMock,
+  xr as setupSubmitEventMock,
+  yr as stencilWrapper,
+  Kt as toString,
+  ur as vsCodeCssGenerator,
+  fr as vsCodeGenerator,
+  cr as webTypesGenerator
 };
 //# sourceMappingURL=index.es.js.map