@mgdis/stencil-helpers 3.2.3 → 3.2.4

package/dist/index.es.js

@@ -1,11 +1,11 @@
-var Ye = Object.defineProperty;
-var pe = (e) => {
+var st = Object.defineProperty;
+var de = (e) => {
   throw TypeError(e);
 };
-var Qe = (e, t, r) => t in e ? Ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var $ = (e, t, r) => Qe(e, typeof t != "symbol" ? t + "" : t, r), ge = (e, t, r) => t.has(e) || pe("Cannot " + r);
-var v = (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 ir {
+var nt = (e, t, r) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var $ = (e, t, r) => nt(e, typeof t != "symbol" ? t + "" : t, r), $e = (e, t, r) => t.has(e) || de("Cannot " + r);
+var m = (e, t, r) => ($e(e, t, "read from private field"), r ? r.call(e) : t.get(e)), N = (e, t, r) => t.has(e) ? de("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), H = (e, t, r, s) => ($e(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
+class ur {
   constructor(t = []) {
     /**
      * Available classes
@@ -40,30 +40,30 @@ class ir {
     this.classes = t;
   }
 }
-const Q = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, Ve = (e, t, r) => {
+const Y = (e) => typeof e == "object" && !Array.isArray(e) && e !== null, it = (e, t, r) => {
   const s = ".";
-  if (!Q(e) || typeof t != "string")
+  if (!Y(e) || typeof t != "string")
     return r;
   const [n, ...i] = t.split(s);
-  return i.length ? Ve(e[n], i.join(s)) : e[n];
-}, or = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), et = (e) => typeof e == "string" && e.trim() !== "", ar = (e) => typeof e == "object" ? JSON.stringify(e) : String(e), lr = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, tt = (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, ""), cr = (e = "", t = 10) => {
+  return i.length ? it(e[n], i.join(s)) : e[n];
+}, pr = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), ot = (e) => typeof e == "string" && e.trim() !== "", gr = (e) => typeof e == "object" ? JSON.stringify(e) : String(e), dr = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, at = (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, ""), $r = (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;
-}, fr = (e) => et(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null, ur = (e) => {
+}, hr = (e) => ot(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null, _r = (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 && tt(t);
-}, pr = async (e) => {
+  return typeof e == "string" ? t = e : e && typeof e == "object" && (Y(e) || Array.isArray(e)) ? t = JSON.stringify(e) : e != null && typeof e != "boolean" && typeof e != "object" && (t = String(e)), t && at(t);
+}, yr = async (e) => {
   if (e)
     return e();
-}, gr = {
+}, br = {
   FIRST: "first",
   NEXT: "next",
   PREVIOUS: "previous",
   LAST: "last"
-}, xe = 10;
-class rt {
+}, Oe = 10;
+class lt {
   constructor(t) {
     /**
      * Define items
@@ -76,7 +76,7 @@ class rt {
     /**
      * Define top
      */
-    $(this, "top", xe);
+    $(this, "top", Oe);
     /**
      * Define next
      */
@@ -104,21 +104,21 @@ class rt {
       }
       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 (Q(t))
+    if (Y(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, I, U;
-class dr {
+class vr {
   constructor(t, r) {
     /**
      * Define paginated items
      */
     $(this, "items", []);
     /* Privates */
-    N(this, O, xe);
+    N(this, O, Oe);
     N(this, I);
     N(this, U);
     /**
@@ -130,84 +130,95 @@ class dr {
     $(this, "getPage", (t = 0, r) => {
       const s = typeof r == "function" ? this.items.filter(r) : this.items;
       let n;
-      return v(this, I) ? n = v(this, I) : s.length > t + v(this, O) && (n = () => this.getPage(t + v(this, O), r)), new rt({
-        items: s.slice(t, t + v(this, O)),
-        total: v(this, U),
-        top: v(this, O),
+      return m(this, I) ? n = m(this, I) : s.length > t + m(this, O) && (n = () => this.getPage(t + m(this, O), r)), new lt({
+        items: s.slice(t, t + m(this, O)),
+        total: m(this, U),
+        top: m(this, O),
         next: n
       });
     });
-    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);
+    Array.isArray(t) && (this.items = t), r && (["string", "function"].includes(typeof r.next) || Y(r.next) && URL.canParse(r.next)) && H(this, I, r.next), typeof (r == null ? void 0 : r.top) == "number" && H(this, O, r.top), typeof (r == null ? void 0 : r.total) == "number" && H(this, U, r.total);
   }
 }
 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])$/, hr = (e) => e.toISOString().split("T")[0], _r = (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', br = (e) => typeof e == "number" && !Number.isNaN(e), vr = (e) => {
-  const t = Ee(e), r = Se(e);
+const mr = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, wr = (e) => e.toISOString().split("T")[0], xr = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Er = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Sr = (e) => typeof e == "number" && !Number.isNaN(e), Or = (e) => {
+  const t = ke(e), r = Ae(e);
   return [e, ...t, ...r];
-}, Ee = (e, t = []) => {
+}, ke = (e, t = []) => {
   if (e.self !== e.top)
     try {
       const r = e.parent;
-      return r ? (t.push(r), Ee(r, t)) : t;
+      return r ? (t.push(r), ke(r, t)) : t;
     } catch (r) {
       return console.error("Different hosts between iframes:", r), t;
     }
   return t;
-}, Se = (e, t = []) => {
+}, Ae = (e, t = []) => {
   if (e.frames.length > 0)
     for (const r of Array.from(e.frames))
-      t.push(r), Se(r, t);
+      t.push(r), Ae(r, t);
   return t;
 };
-var st = Object.defineProperty, nt = (e, t) => {
+var ct = Object.defineProperty, ft = (e, t) => {
   for (var r in t)
-    st(e, r, { get: t[r], enumerable: !0 });
-}, it = {};
-nt(it, {
-  err: () => Oe,
-  map: () => ot,
-  ok: () => te,
-  unwrap: () => at,
-  unwrapErr: () => lt
+    ct(e, r, { get: t[r], enumerable: !0 });
+}, ut = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), pt = {};
+ft(pt, {
+  err: () => je,
+  map: () => gt,
+  ok: () => ee,
+  unwrap: () => dt,
+  unwrapErr: () => $t
 });
-var te = (e) => ({
+var ee = (e) => ({
   isOk: !0,
   isErr: !1,
   value: e
-}), Oe = (e) => ({
+}), je = (e) => ({
   isOk: !1,
   isErr: !0,
   value: e
 });
-function ot(e, t) {
+function gt(e, t) {
   if (e.isOk) {
     const r = t(e.value);
-    return r instanceof Promise ? r.then((s) => te(s)) : te(r);
+    return r instanceof Promise ? r.then((s) => ee(s)) : ee(r);
   }
   if (e.isErr) {
     const r = e.value;
-    return Oe(r);
+    return je(r);
   }
   throw "should never get here";
 }
-var at = (e) => {
+var dt = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, lt = (e) => {
+}, $t = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
+}, oe = (e) => {
+  const t = ut(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
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,
+    "g"
+  );
 };
-const Ae = (e, t) => {
+oe("::slotted");
+oe(":host");
+oe(":host-context");
+const Re = (e, t) => {
   if (!t)
     return;
   const r = t.split("/");
   return `${e}${r.slice(2, r.length - 1).join("-")}--docs`;
-}, ct = (e, t) => {
+}, ht = (e, t) => {
   if (t)
     return `${e}${t}`;
-}, ke = (e) => {
+}, Te = (e) => {
   let t = e.overview ? `${e.overview}
 
 ` : "";
@@ -233,9 +244,9 @@ const Ae = (e, t) => {
 `, t += e.slots.map(({ name: n, docs: i }) => `- \`${n}\`: ${i}
 `).join(""), t += `
 `), t;
-}, re = (e) => `${e.docs}
+}, te = (e) => `${e.docs}
 
-Type: \`${e.type}\``, wr = (e, t, r, s) => ({
+Type: \`${e.type}\``, kr = (e, t, r, s) => ({
   $schema: "https://json.schemastore.org/web-types",
   name: e,
   version: t,
@@ -243,14 +254,14 @@ Type: \`${e.type}\``, wr = (e, t, r, s) => ({
   contributions: {
     html: {
       elements: r.components.map((n) => {
-        const i = Ae(s, n.filePath);
+        const i = Re(s, n.filePath);
         return {
           name: n.tag,
-          description: ke(n),
+          description: Te(n),
           "doc-url": i,
           attributes: n.props.filter((o) => o.attr).map((o) => ({
             name: o.attr,
-            description: re(o),
+            description: te(o),
             "doc-url": i,
             value: {
               type: o.type,
@@ -261,7 +272,7 @@ Type: \`${e.type}\``, wr = (e, t, r, s) => ({
           js: {
             properties: n.props.map((o) => ({
               name: o.name,
-              description: re(o),
+              description: te(o),
               "doc-url": i,
               value: {
                 type: o.type,
@@ -284,23 +295,23 @@ Type: \`${e.type}\``, wr = (e, t, r, s) => ({
       })
     }
   }
-}), ft = (e, t, r) => [
-  { name: "Storybook", url: Ae(e, r) },
-  { name: "Sources", url: ct(t, r) }
-], ut = (e) => {
+}), _t = (e, t, r) => [
+  { name: "Storybook", url: Re(e, r) },
+  { name: "Sources", url: ht(t, r) }
+], yt = (e) => {
   if (!e.values.some(({ value: t }) => t === void 0))
     return e.values.map(({ value: t }) => ({ name: t }));
-}, mr = (e, t, r) => ({
+}, Ar = (e, t, r) => ({
   version: 1.1,
   tags: e.components.map((s) => {
-    const n = ft(t, r, s.filePath);
+    const n = _t(t, r, s.filePath);
     return {
       name: s.tag,
-      description: ke(s),
+      description: Te(s),
       attributes: s.props.map((i) => ({
         name: i.attr ?? i.name,
-        description: re(i),
-        values: ut(i),
+        description: te(i),
+        values: yt(i),
         references: n
       })),
       references: n
@@ -308,16 +319,16 @@ Type: \`${e.type}\``, wr = (e, t, r, s) => ({
   }),
   globalAttributes: [],
   valueSets: []
-}), xr = (e) => ({
+}), jr = (e) => ({
   version: 1.1,
   properties: e.components.flatMap((t) => t.styles.map((r) => ({
     name: r.name,
     description: r.docs
   })))
-}), pt = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, Er = (e) => {
+}), bt = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, Rr = (e) => {
   const t = { value: "2023", pattern: "yyyy" }, r = { value: "12", pattern: "mm" }, s = { value: "24", pattern: "dd" };
-  return dt([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);
-}, gt = (e, t, r) => {
+  return mt([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);
+}, vt = (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,
@@ -326,26 +337,26 @@ Type: \`${e.type}\``, wr = (e, t, r, s) => ({
     locale: i,
     messages: t[o] ?? t[r] ?? { lang: r }
   };
-}, Sr = (e, t, r) => new Intl.NumberFormat(t, { style: "currency", currency: r }).format(e), Or = (e, t, r = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: r }).format(Number(e)), Ar = (e, t, r = 0) => new Intl.NumberFormat(t, {
+}, Tr = (e, t, r) => new Intl.NumberFormat(t, { style: "currency", currency: r }).format(e), Nr = (e, t, r = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: r }).format(Number(e)), zr = (e, t, r = 0) => new Intl.NumberFormat(t, {
   style: "percent",
   minimumFractionDigits: r,
   maximumFractionDigits: r
-}).format(e), kr = (e, t, r, s = "short", n = 0) => new Intl.NumberFormat(t, {
+}).format(e), Ir = (e, t, r, s = "short", n = 0) => new Intl.NumberFormat(t, {
   style: "unit",
   unit: r,
   unitDisplay: s,
   minimumFractionDigits: n,
   maximumFractionDigits: n
-}).format(e), dt = (e, t, r) => typeof e != "string" || e === "" || !pt.test(e) ? "" : new Intl.DateTimeFormat(t, r).format(new Date(e)), jr = (e, t) => (r) => gt(r, e, t);
-var V = {
+}).format(e), mt = (e, t, r) => typeof e != "string" || e === "" || !bt.test(e) ? "" : new Intl.DateTimeFormat(t, r).format(new Date(e)), Mr = (e, t) => (r) => vt(r, e, t);
+var Q = {
   updatable: !0,
   slotRelocation: !0,
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
-}, $t = Object.defineProperty, ht = (e, t) => {
+}, wt = Object.defineProperty, xt = (e, t) => {
   for (var r in t)
-    $t(e, r, { get: t[r], enumerable: !0 });
-}, _t = "http://www.w3.org/2000/svg", yt = "http://www.w3.org/1999/xhtml", de = (e, t) => t in e, $e = "http://www.w3.org/1999/xlink", A = typeof window < "u" ? window : {}, M = {
+    wt(e, r, { get: t[r], enumerable: !0 });
+}, Et = "http://www.w3.org/2000/svg", St = "http://www.w3.org/1999/xhtml", he = (e, t) => t in e, _e = "http://www.w3.org/1999/xlink", A = typeof window < "u" ? window : {}, M = {
   $flags$: 0,
   $resourcesUrl$: "",
   jmp: (e) => e(),
@@ -353,53 +364,53 @@ var V = {
   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)
-}, bt = (e) => e != null && e !== void 0, je = (e) => (e = typeof e, e === "object" || e === "function"), vt = {};
-ht(vt, {
-  err: () => Te,
-  map: () => wt,
-  ok: () => se,
-  unwrap: () => mt,
-  unwrapErr: () => xt
+}, Ot = (e) => e != null && e !== void 0, Ne = (e) => (e = typeof e, e === "object" || e === "function"), kt = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), At = {};
+xt(At, {
+  err: () => ze,
+  map: () => jt,
+  ok: () => re,
+  unwrap: () => Rt,
+  unwrapErr: () => Tt
 });
-var se = (e) => ({
+var re = (e) => ({
   isOk: !0,
   isErr: !1,
   value: e
-}), Te = (e) => ({
+}), ze = (e) => ({
   isOk: !1,
   isErr: !0,
   value: e
 });
-function wt(e, t) {
+function jt(e, t) {
   if (e.isOk) {
     const r = t(e.value);
-    return r instanceof Promise ? r.then((s) => se(s)) : se(r);
+    return r instanceof Promise ? r.then((s) => re(s)) : re(r);
   }
   if (e.isErr) {
     const r = e.value;
-    return Te(r);
+    return ze(r);
   }
   throw "should never get here";
 }
-var mt = (e) => {
+var Rt = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
-}, xt = (e) => {
+}, Tt = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
-}, Re = (e) => {
-  const t = _e(e, "childNodes");
-  e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && Ne(t, e.tagName).forEach((s) => {
-    s.nodeType === 1 && s.tagName === "SLOT-FB" && (St(s, le(s), !1).length ? s.hidden = !0 : s.hidden = !1);
+}, Ie = (e) => {
+  const t = be(e, "childNodes");
+  e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB" && Me(t, e.tagName).forEach((s) => {
+    s.nodeType === 1 && s.tagName === "SLOT-FB" && (zt(s, ae(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 && Re(s);
+    s.nodeType === 1 && be(s, "childNodes").length && Ie(s);
   }
-}, Et = (e) => {
+}, Nt = (e) => {
   const t = [];
   for (let r = 0; r < e.length; r++) {
     const s = e[r]["s-nr"] || void 0;
@@ -407,32 +418,32 @@ var mt = (e) => {
   }
   return t;
 };
-function Ne(e, t, r) {
+function Me(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, ...Ne(i.childNodes, t, r)];
+    i = e[s], i["s-sr"] && (!t || i["s-hn"] === t) && r === void 0 && n.push(i), n = [...n, ...Me(i.childNodes, t, r)];
   return n;
 }
-var St = (e, t, r = !0) => {
+var zt = (e, t, r = !0) => {
   const s = [];
   (r && e["s-sr"] || !e["s-sr"]) && s.push(e);
   let n = e;
   for (; n = n.nextSibling; )
-    le(n) === t && (r || !n["s-sr"]) && s.push(n);
+    ae(n) === t && (r || !n["s-sr"]) && s.push(n);
   return s;
-}, 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 Ot(e) {
+}, ye = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", ae = (e) => typeof e["s-sn"] == "string" ? e["s-sn"] : e.nodeType === 1 && e.getAttribute("slot") || void 0;
+function It(e) {
   if (e.assignedElements || e.assignedNodes || !e["s-sr"]) return;
   const t = (r) => (function(s) {
     const n = [], i = this["s-sn"];
     s != null && s.flatten && console.error(`
-          Flattening is not supported for Stencil non-shadow slots. 
+          Flattening is not supported for Stencil non-shadow slots.
           You can use \`.childNodes\` to nested slot fallback content.
           If you have a particular use case, please open an issue on the Stencil repo.
         `);
     const o = this["s-cr"].parentElement;
-    return (o.__childNodes ? o.childNodes : Et(o.childNodes)).forEach((l) => {
-      i === le(l) && n.push(l);
+    return (o.__childNodes ? o.childNodes : Nt(o.childNodes)).forEach((l) => {
+      i === ae(l) && n.push(l);
     }), r ? n.filter(
       (l) => l.nodeType === 1
       /* ElementNode */
@@ -440,23 +451,23 @@ function Ot(e) {
   }).bind(e);
   e.assignedElements = t(!0), e.assignedNodes = t(!1);
 }
-function _e(e, t) {
+function be(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 At = (e, t, ...r) => {
+var Mt = (e, t, ...r) => {
   let s = null, n = null, i = null, o = !1, c = !1;
-  const l = [], f = (a) => {
+  const l = [], u = (a) => {
     for (let g = 0; g < a.length; g++)
-      s = a[g], Array.isArray(s) ? f(s) : s != null && typeof s != "boolean" && ((o = !je(s)) && (s = String(s)), o && c ? l[l.length - 1].$text$ += s : l.push(o ? ne(null, s) : s), c = o);
+      s = a[g], Array.isArray(s) ? u(s) : s != null && typeof s != "boolean" && ((o = !Ne(s)) && (s = String(s)), o && c ? l[l.length - 1].$text$ += s : l.push(o ? se(null, s) : s), c = o);
   };
-  f(r);
-  const u = ne(e, null);
-  return u.$attrs$ = t, l.length > 0 && (u.$children$ = l), u.$key$ = n, u.$name$ = i, u;
-}, ne = (e, t) => {
+  u(r);
+  const p = se(e, null);
+  return p.$attrs$ = t, l.length > 0 && (p.$children$ = l), p.$key$ = n, p.$name$ = i, p;
+}, se = (e, t) => {
   const r = {
     $flags$: 0,
     $tag$: e,
@@ -465,29 +476,41 @@ var At = (e, t, ...r) => {
     $children$: null
   };
   return r.$attrs$ = null, r.$key$ = null, r.$name$ = null, r;
-}, kt = {}, jt = (e) => e && e.$tag$ === kt, ye = (e, t, r, s, n, i, o) => {
+}, Lt = {}, Ft = (e) => e && e.$tag$ === Lt, le = (e) => {
+  const t = kt(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
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,
+    "g"
+  );
+};
+le("::slotted");
+le(":host");
+le(":host-context");
+var ve = (e, t, r, s, n, i, o) => {
   if (r === s)
     return;
-  let c = de(e, t), l = t.toLowerCase();
+  let c = he(e, t), l = t.toLowerCase();
   if (t === "class") {
-    const f = e.classList, u = be(r);
-    let a = be(s);
-    f.remove(...u.filter((g) => g && !a.includes(g))), f.add(...a.filter((g) => g && !u.includes(g)));
+    const u = e.classList, p = me(r);
+    let a = me(s);
+    u.remove(...p.filter((g) => g && !a.includes(g))), u.add(...a.filter((g) => g && !p.includes(g)));
   } else if (t === "style") {
-    for (const f in r)
-      (!s || s[f] == null) && (f.includes("-") ? e.style.removeProperty(f) : e.style[f] = "");
-    for (const f in s)
-      (!r || s[f] !== r[f]) && (f.includes("-") ? e.style.setProperty(f, s[f]) : e.style[f] = s[f]);
+    for (const u in r)
+      (!s || s[u] == null) && (u.includes("-") ? e.style.removeProperty(u) : e.style[u] = "");
+    for (const u in s)
+      (!r || s[u] !== r[u]) && (u.includes("-") ? e.style.setProperty(u, s[u]) : e.style[u] = s[u]);
   } 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) : de(A, l) ? t = l.slice(2) : t = l[2] + t.slice(3), r || s) {
-      const f = t.endsWith(ze);
-      t = t.replace(Rt, ""), r && M.rel(e, t, r, f), s && M.ael(e, t, s, f);
+    if (t[2] === "-" ? t = t.slice(3) : he(A, l) ? t = l.slice(2) : t = l[2] + t.slice(3), r || s) {
+      const u = t.endsWith(Le);
+      t = t.replace(Pt, ""), r && M.rel(e, t, r, u), s && M.ael(e, t, s, u);
     }
   } else {
-    const f = je(s);
-    if ((c || f && s !== null) && !n)
+    const u = Ne(s);
+    if ((c || u && s !== null) && !n)
       try {
         if (e.tagName.includes("-"))
           e[t] !== s && (e[t] = s);
@@ -497,13 +520,13 @@ var At = (e, t, ...r) => {
         }
       } catch {
       }
-    let u = !1;
-    l !== (l = l.replace(/^xlink\:?/, "")) && (t = l, u = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (u ? e.removeAttributeNS($e, t) : e.removeAttribute(t)) : (!c || i & 4 || n) && !f && e.nodeType === 1 && (s = s === !0 ? "" : s, u ? e.setAttributeNS($e, t, s) : e.setAttribute(t, s));
+    let p = !1;
+    l !== (l = l.replace(/^xlink\:?/, "")) && (t = l, p = !0), s == null || s === !1 ? (s !== !1 || e.getAttribute(t) === "") && (p ? e.removeAttributeNS(_e, t) : e.removeAttribute(t)) : (!c || i & 4 || n) && !u && e.nodeType === 1 && (s = s === !0 ? "" : s, p ? e.setAttributeNS(_e, t, s) : e.setAttribute(t, s));
   }
-}, Tt = /\s/, be = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(Tt)), ze = "Capture", Rt = new RegExp(ze + "$"), ie = (e, t, r, s) => {
+}, Ct = /\s/, me = (e) => (typeof e == "object" && e && "baseVal" in e && (e = e.baseVal), !e || typeof e != "string" ? [] : e.split(Ct)), Le = "Capture", Pt = new RegExp(Le + "$"), ne = (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 ve(Object.keys(i)))
-    c in o || ye(
+  for (const c of we(Object.keys(i)))
+    c in o || ve(
       n,
       c,
       i[c],
@@ -511,8 +534,8 @@ var At = (e, t, ...r) => {
       r,
       t.$flags$
     );
-  for (const c of ve(Object.keys(o)))
-    ye(
+  for (const c of we(Object.keys(o)))
+    ve(
       n,
       c,
       i[c],
@@ -521,7 +544,7 @@ var At = (e, t, ...r) => {
       t.$flags$
     );
 };
-function ve(e) {
+function we(e) {
   return e.includes("ref") ? (
     // we need to sort these to ensure that `'ref'` is the last attr
     [...e.filter((t) => t !== "ref"), "ref"]
@@ -530,11 +553,11 @@ function ve(e) {
     e
   );
 }
-var H, J, C, oe = !1, K = !1, ce = !1, y = !1, X = (e, t, r) => {
+var q, G, F, ie = !1, J = !1, ce = !1, b = !1, K = (e, t, r) => {
   var s;
   const n = t.$children$[r];
   let i = 0, o, c, l;
-  if (oe || (ce = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
+  if (ie || (ce = !0, n.$tag$ === "slot" && (n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -546,89 +569,89 @@ var H, J, C, oe = !1, K = !1, ce = !1, y = !1, X = (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(""), ie(null, n, y);
+    o = n.$elm$ = A.document.createTextNode(""), ne(null, n, b);
   else {
-    if (y || (y = n.$tag$ === "svg"), !A.document)
+    if (b || (b = 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(
-      y ? _t : yt,
-      !oe && V.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
-    ), y && n.$tag$ === "foreignObject" && (y = !1), ie(null, n, y), bt(H) && o["s-si"] !== H && o.classList.add(o["s-si"] = H), n.$children$)
+      b ? Et : St,
+      !ie && Q.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
+    ), b && n.$tag$ === "foreignObject" && (b = !1), ne(null, n, b), Ot(q) && o["s-si"] !== q && o.classList.add(o["s-si"] = q), n.$children$)
       for (i = 0; i < n.$children$.length; ++i)
-        c = X(e, n, i), c && o.appendChild(c);
-    n.$tag$ === "svg" ? y = !1 : o.tagName === "foreignObject" && (y = !0);
+        c = K(e, n, i), c && o.appendChild(c);
+    n.$tag$ === "svg" ? b = !1 : o.tagName === "foreignObject" && (b = !0);
   }
-  return o["s-hn"] = C, 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, Ot(o), l = e && e.$children$ && e.$children$[r], l && l.$tag$ === n.$tag$ && e.$elm$ && P(e.$elm$, !1), Ce(J, o, t.$elm$, e == null ? void 0 : e.$elm$)), o;
-}, P = (e, t) => {
+  return o["s-hn"] = F, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = G, o["s-sn"] = n.$name$ || "", o["s-rf"] = (s = n.$attrs$) == null ? void 0 : s.ref, It(o), l = e && e.$children$ && e.$children$[r], l && l.$tag$ === n.$tag$ && e.$elm$ && C(e.$elm$, !1), Ue(G, o, t.$elm$, e == null ? void 0 : e.$elm$)), o;
+}, C = (e, t) => {
   M.$flags$ |= 1;
   const r = Array.from(e.__childNodes || e.childNodes);
-  e["s-sr"] && V.experimentalSlotFixes;
+  e["s-sr"] && Q.experimentalSlotFixes;
   for (let s = r.length - 1; s >= 0; s--) {
     const n = r[s];
-    n["s-hn"] !== C && 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);
+    n["s-hn"] !== F && n["s-ol"] && (R(P(n).parentNode, n, P(n)), n["s-ol"].remove(), n["s-ol"] = void 0, n["s-sh"] = void 0, ce = !0), t && C(n, t);
   }
   M.$flags$ &= -2;
-}, Ie = (e, t, r, s, n, i) => {
+}, Fe = (e, t, r, s, n, i) => {
   let o = e["s-cr"] && e["s-cr"].parentNode || e, c;
-  for (o.shadowRoot && o.tagName === C && (o = o.shadowRoot); n <= i; ++n)
-    s[n] && (c = X(null, r, n), c && (s[n].$elm$ = c, j(o, c, W(t))));
-}, Me = (e, t, r) => {
+  for (o.shadowRoot && o.tagName === F && (o = o.shadowRoot); n <= i; ++n)
+    s[n] && (c = K(null, r, n), c && (s[n].$elm$ = c, R(o, c, P(t))));
+}, Ce = (e, t, r) => {
   for (let s = t; s <= r; ++s) {
     const n = e[s];
     if (n) {
       const i = n.$elm$;
-      Fe(n), i && (K = !0, i["s-ol"] ? i["s-ol"].remove() : P(i, !0), i.remove());
+      We(n), i && (J = !0, i["s-ol"] ? i["s-ol"].remove() : C(i, !0), i.remove());
     }
   }
-}, Nt = (e, t, r, s, n = !1) => {
-  let i = 0, o = 0, c = 0, l = 0, f = t.length - 1, u = t[0], a = t[f], g = s.length - 1, p = s[0], d = s[g], w, h;
-  for (; i <= f && o <= g; )
-    if (u == null)
-      u = t[++i];
+}, Wt = (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], _, y;
+  for (; i <= u && o <= g; )
+    if (p == null)
+      p = t[++i];
     else if (a == null)
-      a = t[--f];
-    else if (p == null)
-      p = s[++o];
+      a = t[--u];
     else if (d == null)
-      d = s[--g];
-    else if (B(u, p, n))
-      z(u, p, n), u = t[++i], p = s[++o];
+      d = s[++o];
+    else if (f == null)
+      f = s[--g];
+    else if (B(p, d, n))
+      z(p, d, n), p = t[++i], d = s[++o];
+    else if (B(a, f, n))
+      z(a, f, n), a = t[--u], f = s[--g];
+    else if (B(p, f, n))
+      (p.$tag$ === "slot" || f.$tag$ === "slot") && C(p.$elm$.parentNode, !1), z(p, f, n), R(e, p.$elm$, a.$elm$.nextSibling), p = t[++i], f = s[--g];
     else if (B(a, d, n))
-      z(a, d, n), a = t[--f], d = s[--g];
-    else if (B(u, d, n))
-      (u.$tag$ === "slot" || d.$tag$ === "slot") && P(u.$elm$.parentNode, !1), z(u, d, n), j(e, u.$elm$, a.$elm$.nextSibling), u = t[++i], d = s[--g];
-    else if (B(a, p, n))
-      (u.$tag$ === "slot" || d.$tag$ === "slot") && P(a.$elm$.parentNode, !1), z(a, p, n), j(e, a.$elm$, u.$elm$), a = t[--f], p = s[++o];
+      (p.$tag$ === "slot" || f.$tag$ === "slot") && C(a.$elm$.parentNode, !1), z(a, d, n), R(e, a.$elm$, p.$elm$), a = t[--u], d = s[++o];
     else {
-      for (c = -1, l = i; l <= f; ++l)
-        if (t[l] && t[l].$key$ !== null && t[l].$key$ === p.$key$) {
+      for (c = -1, l = i; l <= u; ++l)
+        if (t[l] && t[l].$key$ !== null && t[l].$key$ === d.$key$) {
           c = l;
           break;
         }
-      c >= 0 ? (h = t[c], h.$tag$ !== p.$tag$ ? w = X(t && t[o], r, c) : (z(h, p, n), t[c] = void 0, w = h.$elm$), p = s[++o]) : (w = X(t && t[o], r, o), p = s[++o]), w && j(
-        W(u.$elm$).parentNode,
-        w,
-        W(u.$elm$)
+      c >= 0 ? (y = t[c], y.$tag$ !== d.$tag$ ? _ = K(t && t[o], r, c) : (z(y, d, n), t[c] = void 0, _ = y.$elm$), d = s[++o]) : (_ = K(t && t[o], r, o), d = s[++o]), _ && R(
+        P(p.$elm$).parentNode,
+        _,
+        P(p.$elm$)
       );
     }
-  i > f ? Ie(
+  i > u ? Fe(
     e,
     s[g + 1] == null ? null : s[g + 1].$elm$,
     r,
     s,
     o,
     g
-  ) : o > g && Me(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) => {
+  ) : o > g && Ce(t, i, u);
+}, 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, P = (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$, c = t.$text$;
   let l;
-  c === null ? (y = o === "svg" ? !0 : o === "foreignObject" ? !1 : y, ie(e, t, y), n !== null && i !== null ? Nt(s, n, t, i, r) : i !== null ? (e.$text$ !== null && (s.textContent = ""), Ie(s, null, t, i, 0, i.length - 1)) : (
+  c === null ? (b = o === "svg" ? !0 : o === "foreignObject" ? !1 : b, ne(e, t, b), n !== null && i !== null ? Wt(s, n, t, i, r) : i !== null ? (e.$text$ !== null && (s.textContent = ""), Fe(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 && V.updatable && n !== null && Me(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 = [], Le = (e) => {
+    !r && Q.updatable && n !== null && Ce(n, 0, n.length - 1)
+  ), b && o === "svg" && (b = !1)) : (l = s["s-cr"]) ? l.parentNode.textContent = c : e.$text$ !== c && (s.data = c);
+}, x = [], Pe = (e) => {
   let t, r, s;
   const n = e.__childNodes || e.childNodes;
   for (const i of n) {
@@ -637,96 +660,96 @@ var H, J, C, oe = !1, K = !1, ce = !1, y = !1, X = (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 (he(t, o)) {
-            let c = m.find((l) => l.$nodeToRelocate$ === t);
-            K = !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 (ye(t, o)) {
+            let c = x.find((l) => l.$nodeToRelocate$ === t);
+            J = !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"], x.push({
               $slotRefNode$: i,
               $nodeToRelocate$: t
-            })), t["s-sr"] && m.map((l) => {
-              he(l.$nodeToRelocate$, t["s-sn"]) && (c = m.find((f) => f.$nodeToRelocate$ === t), c && !l.$slotRefNode$ && (l.$slotRefNode$ = c.$slotRefNode$));
+            })), t["s-sr"] && x.map((l) => {
+              ye(l.$nodeToRelocate$, t["s-sn"]) && (c = x.find((u) => u.$nodeToRelocate$ === t), c && !l.$slotRefNode$ && (l.$slotRefNode$ = c.$slotRefNode$));
             });
-          } else m.some((c) => c.$nodeToRelocate$ === t) || m.push({
+          } else x.some((c) => c.$nodeToRelocate$ === t) || x.push({
             $nodeToRelocate$: t
           });
     }
-    i.nodeType === 1 && Le(i);
+    i.nodeType === 1 && Pe(i);
   }
-}, 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) {
+}, We = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(We);
+}, R = (e, t, r) => (typeof t["s-sn"] == "string" && t["s-sr"] && t["s-cr"] && Ue(t["s-cr"], t, e, t.parentElement), e == null ? void 0 : e.insertBefore(t, r));
+function Ue(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"];
     if ((n = r.classList) == null || n.add(o + "-s"), s && ((i = s.classList) != null && i.contains(o + "-s"))) {
-      let f = (s.__childNodes || s.childNodes)[0], u = !1;
-      for (; f; ) {
-        if (f["s-sn"] !== c && f["s-hn"] === l && f["s-sr"]) {
-          u = !0;
+      let u = (s.__childNodes || s.childNodes)[0], p = !1;
+      for (; u; ) {
+        if (u["s-sn"] !== c && u["s-hn"] === l && u["s-sr"]) {
+          p = !0;
           break;
         }
-        f = f.nextSibling;
+        u = u.nextSibling;
       }
-      u || s.classList.remove(o + "-s");
+      p || s.classList.remove(o + "-s");
     }
   }
 }
-var zt = (e, t, r = !1) => {
+var Ut = (e, t, r = !1) => {
   var s, n, i, o, c;
-  const l = e.$hostElement$, f = e.$cmpMeta$, u = e.$vnode$ || ne(null, null), a = jt(t) ? t : At(null, null, t);
-  if (C = l.tagName, f.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, f.$attrsToReflect$.map(
-    ([g, p]) => a.$attrs$[p] = l[g]
-  )), r && a.$attrs$)
-    for (const g of Object.keys(a.$attrs$))
-      l.hasAttribute(g) && !["key", "ref", "style", "class"].includes(g) && (a.$attrs$[g] = l[g]);
-  a.$tag$ = null, a.$flags$ |= 4, e.$vnode$ = a, a.$elm$ = u.$elm$ = l.shadowRoot || l, H = l["s-sc"], oe = !!(f.$flags$ & 1) && !(f.$flags$ & 128), J = l["s-cr"], K = !1, z(u, a, r);
+  const l = e.$hostElement$, u = e.$cmpMeta$, p = e.$vnode$ || se(null, null), g = Ft(t) ? t : Mt(null, null, t);
+  if (F = l.tagName, u.$attrsToReflect$ && (g.$attrs$ = g.$attrs$ || {}, u.$attrsToReflect$.map(
+    ([d, f]) => 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, q = l["s-sc"], ie = !!(u.$flags$ & 1) && !(u.$flags$ & 128), G = l["s-cr"], J = !1, z(p, g, r);
   {
     if (M.$flags$ |= 1, ce) {
-      Le(a.$elm$);
-      for (const g of m) {
-        const p = g.$nodeToRelocate$;
-        if (!p["s-ol"] && A.document) {
-          const d = A.document.createTextNode("");
-          d["s-nr"] = p, j(p.parentNode, p["s-ol"] = d, p);
+      Pe(g.$elm$);
+      for (const d of x) {
+        const f = d.$nodeToRelocate$;
+        if (!f["s-ol"] && A.document) {
+          const _ = A.document.createTextNode("");
+          _["s-nr"] = f, R(f.parentNode, f["s-ol"] = _, f);
         }
       }
-      for (const g of m) {
-        const p = g.$nodeToRelocate$, d = g.$slotRefNode$;
-        if (d) {
-          const w = d.parentNode;
-          let h = d.nextSibling;
+      for (const d of x) {
+        const f = d.$nodeToRelocate$, _ = d.$slotRefNode$;
+        if (_) {
+          const y = _.parentNode;
+          let w = _.nextSibling;
           {
-            let L = (s = p["s-ol"]) == null ? void 0 : s.previousSibling;
-            for (; L; ) {
-              let _ = (n = L["s-nr"]) != null ? n : null;
-              if (_ && _["s-sn"] === p["s-sn"] && w === (_.__parentNode || _.parentNode)) {
-                for (_ = _.nextSibling; _ === p || _ != null && _["s-sr"]; )
-                  _ = _ == null ? void 0 : _.nextSibling;
-                if (!_ || !_["s-nr"]) {
-                  h = _;
+            let k = (s = f["s-ol"]) == null ? void 0 : s.previousSibling;
+            for (; k; ) {
+              let h = (n = k["s-nr"]) != null ? n : null;
+              if (h && h["s-sn"] === f["s-sn"] && y === (h.__parentNode || h.parentNode)) {
+                for (h = h.nextSibling; h === f || h != null && h["s-sr"]; )
+                  h = h == null ? void 0 : h.nextSibling;
+                if (!h || !h["s-nr"]) {
+                  w = h;
                   break;
                 }
               }
-              L = L.previousSibling;
+              k = k.previousSibling;
             }
           }
-          const S = p.__parentNode || p.parentNode, T = p.__nextSibling || p.nextSibling;
-          (!h && w !== S || T !== h) && p !== h && (!p["s-hn"] && p["s-ol"] && (p["s-hn"] = p["s-ol"].parentNode.nodeName), j(w, p, h), p.nodeType === 1 && p.tagName !== "SLOT-FB" && (p.hidden = (i = p["s-ih"]) != null ? i : !1)), p && typeof d["s-rf"] == "function" && d["s-rf"](d);
+          const T = f.__parentNode || f.parentNode, pe = f.__nextSibling || f.nextSibling;
+          (!w && y !== T || pe !== w) && f !== w && (!f["s-hn"] && f["s-ol"] && (f["s-hn"] = f["s-ol"].parentNode.nodeName), R(y, f, w), f.nodeType === 1 && f.tagName !== "SLOT-FB" && (f.hidden = (i = f["s-ih"]) != null ? i : !1)), f && typeof _["s-rf"] == "function" && _["s-rf"](_);
         } else
-          p.nodeType === 1 && (r && (p["s-ih"] = (o = p.hidden) != null ? o : !1), p.hidden = !0);
+          f.nodeType === 1 && (r && (f["s-ih"] = (o = f.hidden) != null ? o : !1), f.hidden = !0);
       }
     }
-    K && Re(a.$elm$), M.$flags$ &= -2, m.length = 0;
+    J && Ie(g.$elm$), M.$flags$ &= -2, x.length = 0;
   }
-  if (V.experimentalScopedSlotChanges && f.$flags$ & 2) {
-    const g = a.$elm$.__childNodes || a.$elm$.childNodes;
-    for (const p of g)
-      p["s-hn"] !== C && !p["s-sh"] && (r && p["s-ih"] == null && (p["s-ih"] = (c = p.hidden) != null ? c : !1), p.hidden = !0);
+  if (Q.experimentalScopedSlotChanges && u.$flags$ & 2) {
+    const d = g.$elm$.__childNodes || g.$elm$.childNodes;
+    for (const f of d)
+      f["s-hn"] !== F && !f["s-sh"] && (r && f["s-ih"] == null && (f["s-ih"] = (c = f.hidden) != null ? c : !1), f.hidden = !0);
   }
-  J = void 0;
+  G = void 0;
 };
-const q = {
+const fe = {
   content_wrap: 0,
   ignore: [],
   ignore_with: "_!i-£___£%_",
@@ -735,7 +758,7 @@ const q = {
   tag_wrap: 0,
   tag_wrap_width: 80,
   trim: []
-}, x = "__!i-£___£%__", E = "!i-£___£%_", Pe = [
+}, E = "__!i-£___£%__", S = "!i-£___£%_", Ze = [
   "area",
   "base",
   "br",
@@ -750,7 +773,11 @@ const q = {
   "source",
   "track",
   "wbr"
-], 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), We = (e, t) => {
+], De = {
+  checked_html: !1,
+  config: { ...fe },
+  ignored: !1
+}, W = () => De, Z = (e) => Object.assign(De, e), ue = (e) => (Z({ 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)), He = (e, t) => {
   if (!e || !t)
     throw new Error("Both 'current' and 'updates' must be passed-in to mergeObjects()");
   let r;
@@ -759,68 +786,73 @@ const q = {
   else if (typeof e == "object") {
     r = { ...e };
     for (let s of Object.keys(t))
-      typeof t[s] != "object" ? r[s] = t[s] : r[s] = We(r[s] || {}, t[s]);
+      typeof t[s] != "object" ? r[s] = t[s] : r[s] = He(r[s] || {}, t[s]);
   }
   return r;
-}, It = (e, t) => We(structuredClone(e), t), Mt = (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) => {
+}, Zt = (e, t) => {
+  const r = He(e, t);
+  return Z({ config: r }), r;
+}, Dt = (e) => (e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (t, r) => t.replace(r, (s) => s.replace(/\n/g, S + "nl!").replace(/\r/g, S + "cr!").replace(/\s/g, S + "ws!"))), e), Ht = (e) => e.replace(/\n/g, E + "nl!").replace(/\r/g, E + "cr!").replace(/\s/g, E + "ws!"), Bt = (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, x + "nl!").replace(/\r/g, x + "cr!").replace(/\s/g, x + "ws!");
+    const l = c.replace(/\n/g, E + "nl!").replace(/\r/g, E + "cr!").replace(/\s/g, E + "ws!");
     return r.replace(c, l);
   });
-}, Ct = (e) => {
+}, qt = (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, E + "lt!").replace(/>/g, E + "gt!"))), e;
-}, Pt = (e, t) => {
+  return e = e.replace(t, (r, s, n) => r.replace(n, (i) => i.replace(/</g, S + "lt!").replace(/>/g, S + "gt!"))), e;
+}, Gt = (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;
-}, 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), Ue = E.replace(
+}, Jt = (e) => (e = e.replace(/<[\w:\-]+([^>]*[^\/])>/g, (t, r) => t.replace(r, (s) => s.replace(new RegExp(S + "nl!", "g"), `
+`).replace(new RegExp(S + "cr!", "g"), "\r").replace(new RegExp(S + "ws!", "g"), " "))), e), Kt = (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), Be = S.replace(
   /[-\/\\^$*+?.()|[\]{}]/g,
   "\\$&"
-), Zt = new RegExp(Ue + "lt!", "g"), Dt = new RegExp(Ue + "gt!", "g"), Bt = (e) => {
+), Xt = new RegExp(Be + "lt!", "g"), Yt = new RegExp(Be + "gt!", "g"), Qt = (e) => {
   const t = /<([\w:\-]+)([^>]*)>/g;
   return e.replace(
     t,
     (r, s, n) => {
-      const i = n.replace(Zt, "<").replace(Dt, ">");
+      const i = n.replace(Xt, "<").replace(Yt, ">");
       return `<${s}${i}>`;
     }
   );
-}, Ht = (e) => {
-  var s, n;
+}, Vt = (e) => {
+  var n, i;
   if (typeof e != "object") throw new Error("Config must be an object.");
-  if (!(Object.hasOwn(e, "content_wrap") || Object.hasOwn(e, "ignore") || Object.hasOwn(e, "ignore_with") || Object.hasOwn(e, "strict") || Object.hasOwn(e, "tab_size") || Object.hasOwn(e, "tag_wrap") || Object.hasOwn(e, "tag_wrap_width") || Object.hasOwn(e, "trim"))) return q;
-  let r = e.tab_size;
-  if (r) {
-    if (typeof r != "number") throw new Error(`tab_size must be a number, not ${typeof e.tab_size}.`);
-    if (!Number.isSafeInteger(r)) throw new Error(`Tab size ${r} is not safe. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isSafeInteger for more info.`);
-    if (r = Math.floor(r), r < 1 || r > 16) throw new Error("Tab size out of range. Expecting 1 to 16.");
-    e.tab_size = r;
+  const t = { ...fe };
+  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 Z({ 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}.`);
+    if (!Number.isSafeInteger(s)) throw new Error(`Tab size ${s} is not safe. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isSafeInteger for more info.`);
+    if (s = Math.floor(s), s < 1 || s > 16) throw new Error("Tab size out of range. Expecting 1 to 16.");
+    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}.`);
-  if (Object.hasOwn(e, "ignore") && (!Array.isArray(e.ignore) || !((s = e.ignore) != null && s.every((i) => typeof i == "string"))))
+  if (Object.hasOwn(e, "ignore") && (!Array.isArray(e.ignore) || !((n = e.ignore) != null && n.every((o) => typeof o == "string"))))
     throw new Error("Ignore config must be an array of strings.");
   if (Object.hasOwn(e, "ignore_with") && typeof e.ignore_with != "string")
     throw new Error(`Ignore_with config must be a string, not ${typeof e.ignore_with}.`);
   if (Object.hasOwn(e, "strict") && typeof e.strict != "boolean")
     throw new Error(`Strict config must be a boolean, not ${typeof e.strict}.`);
-  if (Object.hasOwn(e, "tag_wrap") && typeof e.tag_wrap == "boolean" && (console.warn("tag_wrap as a boolean is deprecated, and will not be supported in v0.9.0+. Use `tag_wrap: <number>` instead; where <number> is the max character width acceptable before wrapping attributes."), e.tag_wrap_width ? e.tag_wrap = e.tag_wrap_width : e.tag_wrap = q.tag_wrap_width), Object.hasOwn(e, "tag_wrap") && typeof e.tag_wrap != "number")
+  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")
     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"))))
+  if (Object.hasOwn(e, "trim") && (!Array.isArray(e.trim) || !((i = e.trim) != null && i.every((o) => typeof o == "string"))))
     throw new Error("Trim config must be an array of strings.");
-  return It(q, e);
-}, qt = (e, t, r) => {
+  return Zt(t, e);
+}, er = (e, t, r) => {
   const s = e.trim().split(/\s+/);
   if (s.length === 0 || s.length === 1 && s[0] === "")
     return "";
@@ -833,14 +865,15 @@ const q = {
       i !== "" && n.push(n.length === 0 ? r + i : o + i), n.push(n.length === 0 ? r + l : o + l), i = "";
       return;
     }
-    const f = i === "" ? l : i + " " + l;
-    f.length <= t ? i = f : (i !== "" && n.push(n.length === 0 ? r + i : o + i), i = l);
+    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(`
 `);
-  return Lt(c);
+  return Ht(c);
 };
-function Gt(e, t) {
+function qe(e, t) {
+  Z({ ignored: !0 });
   let r = e;
   const s = /* @__PURE__ */ new Map();
   let n = 0;
@@ -851,126 +884,144 @@ function Gt(e, t) {
       "gs"
       // global and dotAll
     );
-    let f;
-    const u = [];
-    for (; (f = l.exec(r)) !== null; ) {
+    let u;
+    const p = [];
+    for (; (u = l.exec(r)) !== null; ) {
       const a = `${i}${n++}___`;
-      s.set(a, f[0]), u.push({
-        start: f.index,
+      s.set(a, u[0]), p.push({
+        start: u.index,
         end: l.lastIndex,
         marker: a
       });
     }
-    for (let a = u.length - 1; a >= 0; a--) {
-      const g = u[a];
+    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);
     }
   }
   return { html_with_markers: r, extracted_map: s };
 }
-function Jt(e, t) {
+function Ge(e, t) {
+  Z({ ignored: !1 });
   let r = e;
   for (const [s, n] of t)
     r = r.split(s).join(n);
   return r;
 }
-const Kt = (e, t = !0) => t && !fe(e) ? e : e.replace(/<([a-zA-Z\-0-9:]+)[^>]*>/g, (r, s) => Pe.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), Yt = (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}`;
+const tr = (e) => {
+  const { checked_html: t } = W();
+  return !t && !ue(e) ? e : e.replace(/<([a-zA-Z\-0-9:]+)[^>]*>/g, (r, s) => Ze.indexOf(s) > -1 ? `${r.substring(0, r.length - 1)} />`.replace(/\/\s\//g, "/") : r.replace(/[\s]?\/>/g, `></${s}>`));
+}, rr = (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 xe;
+const sr = (e, t) => {
+  let r = !1;
+  const { checked_html: s, ignored: n } = W();
+  if (!s && !ue(e)) return e;
+  const i = W().config, o = i.ignore.length > 0;
+  if (!n && o) {
+    const { html_with_markers: c, extracted_map: l } = qe(e, i);
+    e = c, xe = l, r = !0;
   }
-), e = e.trim()), e);
-let G, ae;
-const F = {
+  return e = rr(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,
+    (c, l, u, p) => {
+      const a = p.trim();
+      return `${l}=${u}${a}${u}`;
+    }
+  ), e = e.trim(), r && (e = Ge(e, xe)), e;
+}, L = {
   line: []
 };
-let we;
-const Qt = (e) => {
-  F.line = [];
+let Ee;
+const nr = (e) => {
+  L.line = [];
   let t = -1;
   const r = /(<[^>]+>)|([^<]+)/g;
-  return e = e.replace(r, (s, n, i) => (n ? F.line.push({ type: "tag", value: s }) : i && i.trim().length > 0 && F.line.push({ type: "text", value: s }), t++, `
+  return e = e.replace(r, (s, n, i) => (n ? L.line.push({ type: "tag", value: s }) : i && i.trim().length > 0 && L.line.push({ type: "text", value: s }), t++, `
 [#-# : ${t} : ${s} : #-#]
 `)), e;
-}, Vt = (e) => (e = Kt(e, !1), ae.length > 0 && (e = Pt(e, ae)), e = Yt(e, !1), e = Qt(e), e), er = (e, t) => {
-  const r = " ".repeat(t.tab_size), s = t.tag_wrap, n = t.content_wrap, o = `-${t.ignore_with}`;
+}, ir = (e) => {
+  e = tr(e);
+  const { config: t } = W();
+  return t.trim.length > 0 && (e = Gt(e, t.trim)), e = sr(e), e = nr(e), e;
+}, or = (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 = [], f = /<[A-Za-z]+\b[^>]*(?:.|\n)*?\/?>/g, u = /\s{1}[A-Za-z-]+(?:=".*?")?/g;
-  F.line.forEach((g, p) => {
-    let d = g.value;
-    const w = d.startsWith(o + "lt--") || d.startsWith(o + "gt--") || d.startsWith(o + "nl--") || d.startsWith(o + "cr--") || d.startsWith(o + "ws--") || d.startsWith(o + "tab--");
-    let h = 0;
-    const S = F.line[p - 1], T = (S == null ? void 0 : S.value) ?? "";
-    c += "0", p === 0 && h++, d.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 _ = Math.max(0, c.length - h);
-    if (c = c.substring(0, _), g.type === "text" && /^[!,;\.]/.test(d))
-      if (d.length === 1) {
-        l[l.length - 1] = l.at(-1) + d;
+  const l = [], u = /<[A-Za-z]+\b[^>]*(?:.|\n)*?\/?>/g, p = /\s{1}[A-Za-z-]+(?:=".*?")?/g;
+  L.line.forEach((g, d) => {
+    let f = g.value;
+    const _ = f.startsWith(i + "lt--") || f.startsWith(i + "gt--") || f.startsWith(i + "nl--") || f.startsWith(i + "cr--") || f.startsWith(i + "ws--") || f.startsWith(i + "tab--");
+    let y = 0;
+    const w = L.line[d - 1], T = (w == null ? void 0 : w.value) ?? "";
+    c += "0", d === 0 && y++, f.trim().startsWith("</") && y++, T.trim().startsWith("<!doctype") && y++, T.trim().startsWith("<!--") && y++, T.trim().endsWith("/>") && y++, T.trim().startsWith("</") && y++, (w == null ? void 0 : w.type) === "text" && y++;
+    const k = Math.max(0, c.length - y);
+    if (c = c.substring(0, k), g.type === "text" && /^[!,;\.]/.test(f))
+      if (f.length === 1) {
+        l[l.length - 1] = l.at(-1) + f;
         return;
       } else
-        l[l.length - 1] = l.at(-1) + d.charAt(0), d = d.slice(1).trim();
-    const R = r.repeat(_);
-    if (w)
-      l.push(d);
+        l[l.length - 1] = l.at(-1) + f.charAt(0), f = f.slice(1).trim();
+    const h = t.repeat(k);
+    if (_)
+      l.push(f);
     else {
-      if (G && d.trim().startsWith("<!--"))
+      if (o && f.trim().startsWith("<!--"))
         return;
-      let b = d;
-      if (g.type === "text" && n > 0 && b.length >= n)
-        b = qt(b, n, R);
-      else if (s > 0 && b.length > s && f.test(b)) {
-        f.lastIndex = 0, u.lastIndex = 0;
-        const Z = b.split(u).filter(Boolean);
-        if (Z.length >= 2) {
-          const De = b.matchAll(u), Be = R + r;
-          let ee = R + Z[0] + `
+      let v = f;
+      if (g.type === "text" && s > 0 && v.length >= s)
+        v = er(v, s, h);
+      else if (r > 0 && v.length > r && u.test(v)) {
+        u.lastIndex = 0, p.lastIndex = 0;
+        const D = v.split(p).filter(Boolean);
+        if (D.length >= 2) {
+          const Ke = v.matchAll(p), Xe = h + t;
+          let V = h + D[0] + `
 `;
-          for (const Ke of De) {
-            const Xe = Ke[0].trim();
-            ee += Be + Xe + `
+          for (const tt of Ke) {
+            const rt = tt[0].trim();
+            V += Xe + rt + `
 `;
           }
-          const ue = Z[0].match(/<([A-Za-z_:-]+)/), He = ue ? ue[1] : "", qe = Pe.includes(He), Ge = Z[1].trim(), Je = R + (G && qe ? " " : "");
-          ee += Je + Ge, b = ee;
+          const ge = D[0].match(/<([A-Za-z_:-]+)/), Ye = ge ? ge[1] : "", Qe = Ze.includes(Ye), Ve = D[1].trim(), et = h + (o && Qe ? " " : "");
+          V += et + Ve, v = V;
         } else
-          b = R + b;
+          v = h + v;
       } else
-        b = R + b;
-      l.push(b);
+        v = h + v;
+      l.push(v);
     }
   });
   let a = l.join(`
 `);
-  return s > 0 && (a = Mt(a)), n > 0 && /\n[ ]*[^\n]*__!i-£___£%__[^\n]*\n/.test(a) && (a = Ft(a)), a = a.replace(
+  return r > 0 && (a = Dt(a)), s > 0 && /\n[ ]*[^\n]*__!i-£___£%__[^\n]*\n/.test(a) && (a = Bt(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, "")
-  ), n > 0 && (a = Ut(a)), s > 0 && (a = Wt(a)), G && (a = a.replace(/\s\/>|\/>/g, ">")), a.startsWith(`
+  ), s > 0 && (a = Kt(a)), r > 0 && (a = Jt(a)), o && (a = a.replace(/\s\/>|\/>/g, ">")), a.startsWith(`
 `) && (a = a.substring(1)), a.endsWith(`
 `) && (a = a.substring(0, a.length - 1)), a;
-}, tr = (e, t) => {
-  if (!fe(e)) return e;
-  const r = t ? Ht(t) : q;
-  G = r.strict;
-  const s = r.ignore.length > 0;
-  if (ae = r.trim, s) {
-    const { html_with_markers: n, extracted_map: i } = Gt(e, r);
-    e = n, we = i;
+}, ar = (e, t) => {
+  let r = !1;
+  const { checked_html: s, ignored: n } = W();
+  if (!s && !ue(e)) return e;
+  const i = t ? Vt(t) : { ...fe }, o = i.ignore.length > 0;
+  if (!n && o) {
+    const { html_with_markers: c, extracted_map: l } = qe(e, i);
+    e = c, Ee = l, r = !0;
   }
-  return e = Ct(e), e = Vt(e), e = er(e, r), e = Bt(e), s && (e = Jt(e, we)), e;
-}, rr = (e, t, r) => {
+  return e = qt(e), e = ir(e), e = or(i), e = Qt(e), r && (e = Ge(e, Ee)), e;
+}, lr = (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) => {
+}, Je = (e, t, r, s, n) => {
   if (t && typeof t == "string") {
     const i = document.createElement(t);
     Object.keys(r || {}).forEach((o) => {
-      rr(i, o, r[o]);
+      lr(i, o, r[o]);
     }), s == null || s.forEach((o) => {
-      Ze(i, o.$tag$, o.$attrs$, o.$children$, o.$text$);
+      Je(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 = []) => {
+}, Lr = (e, t, r = []) => {
   const s = {};
   if (typeof e != "object")
     throw new Error("filterArgs - args isn't an object.");
@@ -980,31 +1031,31 @@ const Qt = (e) => {
       (!t || !Object.keys(t).includes(n) || t[n] !== i) && (s[o] = i);
     }
   return s;
-}, Rr = (e, t) => {
+}, Fr = (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"), zt({
+    return (n = document.querySelector("[lang]")) == null || n.setAttribute("lang", ((s = t.globals) == null ? void 0 : s.locale) || "en"), Ut({
       $cmpMeta$: {
         $flags$: 0,
         $tagName$: r.tagName
       },
       $hostElement$: r
     }, e(t)), r.children[r.children.length - 1];
-}, Nr = ({ $tag$: e, $attrs$: t, $children$: r, $text$: s }) => {
+}, Cr = ({ $tag$: e, $attrs$: t, $children$: r, $text$: s }) => {
   const n = document.createElement("div");
-  return Ze(n, e, t, r, s), tr(n.innerHTML, {
+  return Je(n, e, t, r, s), ar(n.innerHTML, {
     tag_wrap: 40,
     content_wrap: 120
   }).replace(/="true"/g, "");
-}, me = (e, t) => {
+}, Se = (e, t) => {
   if (!t)
     return;
   const r = t.split("/");
   return `${e}${r.slice(2, r.length - 1).join("-")}--docs`;
 };
-var k, Y;
-class zr {
+var j, X;
+class Pr {
   constructor(t) {
     /**
      * JsonDocs
@@ -1015,14 +1066,14 @@ class zr {
      * @param tagName - tag name we want to get the data from
      * @returns component data
      */
-    N(this, k, (t) => this.jsonDoc.components.find((r) => r.tag === t));
+    N(this, j, (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
      */
-    N(this, Y, (t) => {
+    N(this, X, (t) => {
       const r = t.type.replace(/"([^"]+)"/g, "$1").replace(/\s/g, "").replace(/\(.*?\)/g, (s) => s.replace(/\|/g, " OR ")).split("|").map((s) => s.trim().replace(/ OR /g, "|"));
       return t.type === "string" ? { control: { type: "text" } } : t.type === "number" ? { control: { type: "number" } } : t.type === "boolean" ? { control: { type: "boolean" } } : t.type.startsWith("{") && t.type.endsWith("}") ? { control: { type: "object" } } : r.length > 1 ? r.includes("string") ? { control: { type: "text" } } : r.every((s) => s == null ? void 0 : s.includes("[]")) ? { control: { type: "object" } } : (r.unshift(void 0), { control: { type: "select" }, options: r }) : { control: { type: "object" } };
     });
@@ -1032,10 +1083,10 @@ class zr {
      * @returns component arg types
      */
     $(this, "extractArgTypes", (t) => {
-      const r = v(this, k).call(this, t), s = r == null ? void 0 : r.props.reduce((u, a) => {
-        const { control: g, options: p } = v(this, Y).call(this, a);
+      const r = m(this, j).call(this, t), s = r == null ? void 0 : r.props.reduce((p, a) => {
+        const { control: g, options: d } = m(this, X).call(this, a);
         return {
-          ...u,
+          ...p,
           [a.name]: {
             name: a.attr || a.name,
             description: a.docs,
@@ -1046,11 +1097,11 @@ class zr {
               defaultValue: { summary: a.default }
             },
             control: g,
-            options: p
+            options: d
           }
         };
-      }, {}), n = r == null ? void 0 : r.events.reduce((u, a) => ({
-        ...u,
+      }, {}), n = r == null ? void 0 : r.events.reduce((p, a) => ({
+        ...p,
         [a.event]: {
           name: a.event,
           description: a.docs,
@@ -1059,8 +1110,8 @@ class zr {
             type: { summary: a.detail }
           }
         }
-      }), {}), i = r == null ? void 0 : r.methods.reduce((u, a) => ({
-        ...u,
+      }), {}), i = r == null ? void 0 : r.methods.reduce((p, a) => ({
+        ...p,
         [a.name]: {
           name: a.name,
           description: a.docs,
@@ -1069,8 +1120,8 @@ class zr {
             type: { summary: a.signature }
           }
         }
-      }), {}), o = r == null ? void 0 : r.slots.reduce((u, a) => ({
-        ...u,
+      }), {}), o = r == null ? void 0 : r.slots.reduce((p, a) => ({
+        ...p,
         [a.name]: {
           name: a.name !== "" ? a.name : "default",
           // default slot are unnamed
@@ -1080,8 +1131,8 @@ class zr {
             type: { summary: void 0 }
           }
         }
-      }), {}), c = r == null ? void 0 : r.styles.reduce((u, a) => ({
-        ...u,
+      }), {}), c = r == null ? void 0 : r.styles.reduce((p, a) => ({
+        ...p,
         [a.name]: {
           name: a.name,
           description: a.docs,
@@ -1090,32 +1141,32 @@ class zr {
             type: { summary: void 0 }
           }
         }
-      }), {}), l = r == null ? void 0 : r.dependencies.reduce((u, a) => {
-        const g = v(this, k).call(this, a);
+      }), {}), l = r == null ? void 0 : r.dependencies.reduce((p, a) => {
+        const g = m(this, j).call(this, a);
         return g ? {
-          ...u,
+          ...p,
           [a]: {
             name: a,
-            description: `<a href="./?path=/docs/${me("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
+            description: `<a href="./?path=/docs/${Se("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
             table: {
               category: "depends on",
               type: { summary: void 0 }
             }
           }
-        } : u;
-      }, {}), f = r == null ? void 0 : r.dependents.reduce((u, a) => {
-        const g = v(this, k).call(this, a);
+        } : p;
+      }, {}), u = r == null ? void 0 : r.dependents.reduce((p, a) => {
+        const g = m(this, j).call(this, a);
         return g ? {
-          ...u,
+          ...p,
           [a]: {
             name: a,
-            description: `<a href="./?path=/docs/${me("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
+            description: `<a href="./?path=/docs/${Se("", g == null ? void 0 : g.filePath)}">View Component Documentation</a>`,
             table: {
               category: "used by",
               type: { summary: void 0 }
             }
           }
-        } : u;
+        } : p;
       }, {});
       return {
         ...s,
@@ -1124,7 +1175,7 @@ class zr {
         ...o,
         ...c,
         ...l,
-        ...f
+        ...u
       };
     });
     /**
@@ -1133,14 +1184,14 @@ class zr {
      * @returns component description
      */
     $(this, "extractComponentDescription", (t) => {
-      const r = v(this, k).call(this, t);
+      const r = m(this, j).call(this, t);
       return (r == null ? void 0 : r.readme) || (r == null ? void 0 : r.docs);
     });
     this.jsonDoc = t;
   }
 }
-k = new WeakMap(), Y = new WeakMap();
-const Ir = ({ disconnect: e, observe: t, takeRecords: r }) => {
+j = new WeakMap(), X = new WeakMap();
+const Wr = ({ disconnect: e, observe: t, takeRecords: r }) => {
   class s {
     constructor(i) {
       /**
@@ -1169,7 +1220,7 @@ const Ir = ({ disconnect: e, observe: t, takeRecords: r }) => {
       value: s
     });
   }), s;
-}, Mr = ({ disconnect: e, observe: t }) => {
+}, Ur = ({ disconnect: e, observe: t }) => {
   class r {
     constructor(n) {
       /**
@@ -1199,7 +1250,7 @@ const Ir = ({ disconnect: e, observe: t, takeRecords: r }) => {
     });
   }), r;
 };
-class sr extends Event {
+class cr extends Event {
   constructor() {
     super(...arguments);
     /**
@@ -1209,8 +1260,8 @@ class sr extends Event {
   }
   // eslint-disable-line @typescript-eslint/no-explicit-any
 }
-const Lr = () => {
-  class e extends sr {
+const Zr = () => {
+  class e extends cr {
   }
   return [window, global].forEach((t) => {
     Object.defineProperty(t, "SubmitEvent", {
@@ -1219,7 +1270,7 @@ const Lr = () => {
       value: e
     });
   }), e;
-}, Fr = (e) => {
+}, Dr = (e) => {
   const t = (r) => (setTimeout(r, 1), e(), 0);
   return [window, global].forEach((r) => {
     Object.defineProperty(r, "requestAnimationFrame", {
@@ -1230,45 +1281,45 @@ const Lr = () => {
   }), t;
 };
 export {
-  ir as ClassList,
-  gr as Cursor,
-  rt as Page,
-  dr as Paginate,
-  zr as StorybookPreview,
-  or as allItemsAreString,
-  lr as cleanString,
-  cr as createID,
-  $r as dateRegExp,
-  hr as dateToString,
-  jr as defineLocales,
-  Tr as filterArgs,
-  yr as focusableElements,
-  ur as formatID,
-  Er as getLocaleDatePattern,
-  Ve as getObjectValueFromKey,
-  Ee as getParentWindows,
-  Nr as getStoryHTML,
-  me as getStorybookUrl,
-  vr as getWindows,
-  Q as isObject,
-  _r as isTagName,
-  br as isValidNumber,
-  et as isValidString,
-  fr as isValideID,
-  Sr as localeCurrency,
-  dt as localeDate,
-  Or as localeNumber,
-  Ar as localePercent,
-  kr as localeUnit,
-  pr as nextTick,
-  Fr as setUpRequestAnimationFrameMock,
-  Ir as setupMutationObserverMock,
-  Mr as setupResizeObserverMock,
-  Lr as setupSubmitEventMock,
-  Rr as stencilWrapper,
-  ar as toString,
-  xr as vsCodeCssGenerator,
-  mr as vsCodeGenerator,
-  wr as webTypesGenerator
+  ur as ClassList,
+  br as Cursor,
+  lt as Page,
+  vr as Paginate,
+  Pr as StorybookPreview,
+  pr as allItemsAreString,
+  dr as cleanString,
+  $r as createID,
+  mr as dateRegExp,
+  wr as dateToString,
+  Mr as defineLocales,
+  Lr as filterArgs,
+  Er as focusableElements,
+  _r as formatID,
+  Rr as getLocaleDatePattern,
+  it as getObjectValueFromKey,
+  ke as getParentWindows,
+  Cr as getStoryHTML,
+  Se as getStorybookUrl,
+  Or as getWindows,
+  Y as isObject,
+  xr as isTagName,
+  Sr as isValidNumber,
+  ot as isValidString,
+  hr as isValideID,
+  Tr as localeCurrency,
+  mt as localeDate,
+  Nr as localeNumber,
+  zr as localePercent,
+  Ir as localeUnit,
+  yr as nextTick,
+  Dr as setUpRequestAnimationFrameMock,
+  Wr as setupMutationObserverMock,
+  Ur as setupResizeObserverMock,
+  Zr as setupSubmitEventMock,
+  Fr as stencilWrapper,
+  gr as toString,
+  jr as vsCodeCssGenerator,
+  Ar as vsCodeGenerator,
+  kr as webTypesGenerator
 };
 //# sourceMappingURL=index.es.js.map