@mgdis/stencil-helpers 1.1.7 → 1.1.9

package/dist/index.es.js

@@ -1,30 +1,34 @@
-var $e = Object.defineProperty;
-var ue = (e, t, s) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var v = (e, t, s) => ue(e, typeof t != "symbol" ? t + "" : t, s);
-const Ce = (e = "", t = 10) => {
+var ve = Object.defineProperty;
+var X = (e) => {
+  throw TypeError(e);
+};
+var he = (e, t, s) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var g = (e, t, s) => he(e, typeof t != "symbol" ? t + "" : t, s), ye = (e, t, s) => t.has(e) || X("Cannot " + s);
+var k = (e, t, s) => (ye(e, t, "read from private field"), s ? s.call(e) : t.get(e)), P = (e, t, s) => t.has(e) ? X("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s);
+const ze = (e = "", t = 10) => {
   const s = new Uint8Array(t);
   crypto.getRandomValues(s);
   const r = Array.from(s).map((o) => o.toString(16).padStart(2, "0")).join("").slice(0, t);
   return e !== "" ? `${e}-${r}` : r;
 };
-class He {
+class Ie {
   constructor(t = []) {
     /**
      * Available classes
      */
-    v(this, "classes");
+    g(this, "classes");
     /**
      * Add class
      * @param className - class name to add
      */
-    v(this, "add", (t) => {
+    g(this, "add", (t) => {
       this.has(t) || this.classes.push(t);
     });
     /**
      * Delete class
      * @param className - class name to delete
      */
-    v(this, "delete", (t) => {
+    g(this, "delete", (t) => {
       const s = this.classes.indexOf(t);
       s > -1 && this.classes.splice(s, 1);
     });
@@ -33,146 +37,34 @@ class He {
      * @param className - class name to check
      * @returns class name is in the list
      */
-    v(this, "has", (t) => this.classes.includes(t));
+    g(this, "has", (t) => this.classes.includes(t));
     /**
      * Join classes seperated by spaces
      * @returns joined values
      */
-    v(this, "join", () => this.classes.join(" "));
+    g(this, "join", () => this.classes.join(" "));
     this.classes = t;
   }
 }
-const Pe = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Be = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), We = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', ze = (e) => {
-  const t = Q(e), s = Z(e);
+const Ge = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Xe = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Ke = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Qe = (e) => {
+  const t = te(e), s = se(e);
   return [e, ...t, ...s];
-}, Q = (e, t = []) => {
+}, te = (e, t = []) => {
   if (e.self !== e.top)
     try {
       const s = e.parent;
-      return s ? (t.push(s), Q(s, t)) : t;
+      return s ? (t.push(s), te(s, t)) : t;
     } catch (s) {
       return console.error("Different hosts between iframes:", s), t;
     }
   return t;
-}, Z = (e, t = []) => {
+}, se = (e, t = []) => {
   if (e.frames.length > 0)
     for (const s of Array.from(e.frames))
-      t.push(s), Z(s, t);
+      t.push(s), se(s, t);
   return t;
-}, Ie = (e) => typeof e == "string" && e.trim() !== "", qe = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, Ge = async (e) => e(), J = (e, t) => {
-  if (!t)
-    return;
-  const s = t.split("/");
-  return `${e}${s.slice(2, s.length - 1).join("-")}--docs`;
-}, de = (e, t) => {
-  if (t)
-    return `${e}${t}`;
-}, Y = (e) => {
-  let t = e.overview ? `${e.overview}
-
-` : "";
-  const s = e.props.filter(({ attr: o }) => o !== void 0);
-  s.length && (t += `Attributes:
-`, t += s.map(({ attr: o, docs: l }) => `- \`${o}\`: ${l}
-`).join(""), t += `
-`);
-  const r = e.props.filter(({ attr: o }) => o === void 0);
-  return r.length && (t += `Properties:
-`, t += r.map(({ name: o, docs: l }) => `- \`${o}\`: ${l}
-`).join(""), t += `
-`), e.methods.length && (t += `Methods:
-`, t += e.methods.map(({ name: o, docs: l }) => `- \`${o}\`: ${l}
-`).join(""), t += `
-`), e.events.length && (t += `Events:
-`, t += e.events.map(({ event: o, docs: l }) => `- \`${o}\`: ${l}
-`).join(""), t += `
-`), e.listeners.length && (t += `Listeners:
-`, t += e.listeners.map(({ event: o }) => `- \`${o}\`
-`).join(""), t += `
-`), e.slots.length && (t += `Slots:
-`, t += e.slots.map(({ name: o, docs: l }) => `- \`${o}\`: ${l}
-`).join(""), t += `
-`), t;
-}, _ = (e) => `${e.docs}
-
-Type: \`${e.type}\``, Xe = (e, t, s, r) => ({
-  $schema: "https://json.schemastore.org/web-types",
-  name: e,
-  version: t,
-  "description-markup": "markdown",
-  contributions: {
-    html: {
-      elements: s.components.map((o) => {
-        const l = J(r, o.filePath);
-        return {
-          name: o.tag,
-          description: Y(o),
-          "doc-url": l,
-          attributes: o.props.filter((n) => n.attr).map((n) => ({
-            name: n.attr,
-            description: _(n),
-            "doc-url": l,
-            value: {
-              type: n.type,
-              default: n.default,
-              required: n.required
-            }
-          })),
-          js: {
-            properties: o.props.map((n) => ({
-              name: n.name,
-              description: _(n),
-              "doc-url": l,
-              value: {
-                type: n.type,
-                default: n.default,
-                required: n.required
-              }
-            })),
-            events: o.events.map((n) => ({
-              name: n.event,
-              description: n.docs
-            }))
-          }
-        };
-      })
-    }
-  }
-}), pe = (e, t, s) => [
-  { name: "Storybook", url: J(e, s) },
-  { name: "Sources", url: de(t, s) }
-], ve = (e) => {
-  if (!e.values.some(({ value: t }) => t === void 0))
-    return e.values.map(({ value: t }) => ({ name: t }));
-}, Ke = (e, t, s, r) => ({
-  version: e,
-  tags: t.components.map((o) => {
-    const l = pe(s, r, o.filePath);
-    return {
-      name: o.tag,
-      description: Y(o),
-      attributes: o.props.map((n) => ({
-        name: n.attr || n.name,
-        description: _(n),
-        values: ve(n),
-        references: l
-      })),
-      references: l
-    };
-  }),
-  globalAttributes: [],
-  valueSets: []
-}), Qe = (e) => {
-  const t = { value: "2023", pattern: "yyyy" }, s = { value: "12", pattern: "mm" }, r = { value: "24", pattern: "dd" };
-  return ye([t.value, s.value, r.value].join("-"), e, { timeZone: "UTC" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);
-}, Ze = (e) => e.toISOString().split("T")[0], ge = (e, t, s) => {
-  const r = e.closest("[lang]"), o = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), l = o.length > 0 && typeof o[0] == "string" ? o[0] : navigator.language || s, n = l.split("-").shift();
-  return {
-    locale: l,
-    messages: t[n] || t[s]
-  };
-}, Je = (e, t, s) => new Intl.NumberFormat(t, { style: "currency", currency: s }).format(e), Ye = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), he = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, ye = (e, t, s) => typeof e != "string" || e === "" || !he.test(e) ? "" : new Intl.DateTimeFormat(t, s).format(new Date(e)), Ve = (e, t) => (s) => ge(s, e, t);
-var N = {
+}, Ze = (e) => typeof e == "string" && e.trim() !== "", Je = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, Ye = async (e) => e();
+var E = {
   allRenderFn: !1,
   cmpDidLoad: !0,
   cmpDidUnload: !1,
@@ -255,18 +147,18 @@ var N = {
   devTools: !1,
   shadowDelegatesFocus: !0,
   initializeNextTick: !1,
-  asyncLoading: !1,
+  asyncLoading: !0,
   asyncQueue: !1,
   transformTagName: !1,
   attachStyles: !0,
   // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior
   experimentalSlotFixes: !1
-}, be = Object.defineProperty, Se = (e, t) => {
+}, me = Object.defineProperty, be = (e, t) => {
   for (var s in t)
-    be(e, s, { get: t[s], enumerable: !0 });
-}, W = (e, t) => t in e, z = "http://www.w3.org/1999/xlink", C = typeof window < "u" ? window : {}, j = C.document || { head: {} };
-C.HTMLElement;
-var x = {
+    me(e, s, { get: t[s], enumerable: !0 });
+}, K = (e, t) => t in e, Q = "http://www.w3.org/1999/xlink", q = typeof window < "u" ? window : {}, _ = q.document || { head: {} };
+q.HTMLElement;
+var L = {
   $flags$: 0,
   $resourcesUrl$: "",
   jmp: (e) => e(),
@@ -274,35 +166,35 @@ var x = {
   ael: (e, t, s, r) => e.addEventListener(t, s, r),
   rel: (e, t, s, r) => e.removeEventListener(t, s, r),
   ce: (e, t) => new CustomEvent(e, t)
-}, I = {}, me = "http://www.w3.org/2000/svg", Te = "http://www.w3.org/1999/xhtml", ke = (e) => e != null, V = (e) => (e = typeof e, e === "object" || e === "function"), xe = {};
-Se(xe, {
-  err: () => ee,
-  map: () => Ee,
-  ok: () => F,
-  unwrap: () => Ae,
+}, Z = {}, Se = "http://www.w3.org/2000/svg", Te = "http://www.w3.org/1999/xhtml", ke = (e) => e != null, re = (e) => (e = typeof e, e === "object" || e === "function"), xe = {};
+be(xe, {
+  err: () => oe,
+  map: () => Ae,
+  ok: () => U,
+  unwrap: () => Ee,
   unwrapErr: () => Le
 });
-var F = (e) => ({
+var U = (e) => ({
   isOk: !0,
   isErr: !1,
   value: e
-}), ee = (e) => ({
+}), oe = (e) => ({
   isOk: !1,
   isErr: !0,
   value: e
 });
-function Ee(e, t) {
+function Ae(e, t) {
   if (e.isOk) {
     const s = t(e.value);
-    return s instanceof Promise ? s.then((r) => F(r)) : F(s);
+    return s instanceof Promise ? s.then((r) => U(r)) : U(s);
   }
   if (e.isErr) {
     const s = e.value;
-    return ee(s);
+    return oe(s);
   }
   throw "should never get here";
 }
-var Ae = (e) => {
+var Ee = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
@@ -310,16 +202,16 @@ var Ae = (e) => {
   if (e.isErr)
     return e.value;
   throw e.value;
-}, Re = (e, t, ...s) => {
-  let r = null, o = null, l = null, n = !1, i = !1;
-  const a = [], d = (f) => {
-    for (let $ = 0; $ < f.length; $++)
-      r = f[$], Array.isArray(r) ? d(r) : r != null && typeof r != "boolean" && ((n = !V(r)) && (r = String(r)), n && i ? a[a.length - 1].$text$ += r : a.push(n ? U(null, r) : r), i = n);
+}, je = (e, t, ...s) => {
+  let r = null, o = null, n = null, l = !1, a = !1;
+  const c = [], d = (i) => {
+    for (let $ = 0; $ < i.length; $++)
+      r = i[$], Array.isArray(r) ? d(r) : r != null && typeof r != "boolean" && ((l = !re(r)) && (r = String(r)), l && a ? c[c.length - 1].$text$ += r : c.push(l ? W(null, r) : r), a = l);
   };
   d(s);
-  const u = U(e, null);
-  return u.$attrs$ = t, a.length > 0 && (u.$children$ = a), u.$key$ = o, u.$name$ = l, u;
-}, U = (e, t) => {
+  const f = W(e, null);
+  return f.$attrs$ = t, c.length > 0 && (f.$children$ = c), f.$key$ = o, f.$name$ = n, f;
+}, W = (e, t) => {
   const s = {
     $flags$: 0,
     $tag$: e,
@@ -328,48 +220,48 @@ var Ae = (e) => {
     $children$: null
   };
   return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
-}, je = {}, Oe = (e) => e && e.$tag$ === je, q = (e, t, s, r, o, l) => {
+}, Re = {}, Oe = (e) => e && e.$tag$ === Re, J = (e, t, s, r, o, n) => {
   if (s !== r) {
-    let n = W(e, t), i = t.toLowerCase();
+    let l = K(e, t), a = t.toLowerCase();
     if (t === "class") {
-      const a = e.classList, d = G(s), u = G(r);
-      a.remove(...d.filter((f) => f && !u.includes(f))), a.add(...u.filter((f) => f && !d.includes(f)));
+      const c = e.classList, d = Y(s), f = Y(r);
+      c.remove(...d.filter((i) => i && !f.includes(i))), c.add(...f.filter((i) => i && !d.includes(i)));
     } else if (t === "style") {
-      for (const a in s)
-        (!r || r[a] == null) && (a.includes("-") ? e.style.removeProperty(a) : e.style[a] = "");
-      for (const a in r)
-        (!s || r[a] !== s[a]) && (a.includes("-") ? e.style.setProperty(a, r[a]) : e.style[a] = r[a]);
+      for (const c in s)
+        (!r || r[c] == null) && (c.includes("-") ? e.style.removeProperty(c) : e.style[c] = "");
+      for (const c in r)
+        (!s || r[c] !== s[c]) && (c.includes("-") ? e.style.setProperty(c, r[c]) : e.style[c] = r[c]);
     } else if (t !== "key") if (t === "ref")
       r && r(e);
     else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n") {
-      if (t[2] === "-" ? t = t.slice(3) : W(C, i) ? t = i.slice(2) : t = i[2] + t.slice(3), s || r) {
-        const a = t.endsWith(te);
-        t = t.replace(De, ""), s && x.rel(e, t, s, a), r && x.ael(e, t, r, a);
+      if (t[2] === "-" ? t = t.slice(3) : K(q, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s || r) {
+        const c = t.endsWith(ne);
+        t = t.replace(_e, ""), s && L.rel(e, t, s, c), r && L.ael(e, t, r, c);
       }
     } else {
-      const a = V(r);
-      if ((n || a && r !== null) && !o)
+      const c = re(r);
+      if ((l || c && r !== null) && !o)
         try {
           if (e.tagName.includes("-"))
             e[t] = r;
           else {
-            const u = r ?? "";
-            t === "list" ? n = !1 : (s == null || e[t] != u) && (e[t] = u);
+            const f = r ?? "";
+            t === "list" ? l = !1 : (s == null || e[t] != f) && (typeof e.__lookupSetter__(t) == "function" ? e[t] = f : e.setAttribute(t, f));
           }
         } catch {
         }
       let d = !1;
-      i !== (i = i.replace(/^xlink\:?/, "")) && (t = i, d = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === "") && (d ? e.removeAttributeNS(z, t) : e.removeAttribute(t)) : (!n || l & 4 || o) && !a && (r = r === !0 ? "" : r, d ? e.setAttributeNS(z, t, r) : e.setAttribute(t, r));
+      a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, d = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === "") && (d ? e.removeAttributeNS(Q, t) : e.removeAttribute(t)) : (!l || n & 4 || o) && !c && (r = r === !0 ? "" : r, d ? e.setAttributeNS(Q, t, r) : e.setAttribute(t, r));
     }
   }
-}, Me = /\s/, G = (e) => e ? e.split(Me) : [], te = "Capture", De = new RegExp(te + "$"), se = (e, t, s) => {
-  const r = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = e && e.$attrs$ || I, l = t.$attrs$ || I;
-  for (const n of X(Object.keys(o)))
-    n in l || q(r, n, o[n], void 0, s, t.$flags$);
-  for (const n of X(Object.keys(l)))
-    q(r, n, o[n], l[n], s, t.$flags$);
+}, Me = /\s/, Y = (e) => e ? e.split(Me) : [], ne = "Capture", _e = new RegExp(ne + "$"), le = (e, t, s) => {
+  const r = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = e && e.$attrs$ || Z, n = t.$attrs$ || Z;
+  for (const l of V(Object.keys(o)))
+    l in n || J(r, l, o[l], void 0, s, t.$flags$);
+  for (const l of V(Object.keys(n)))
+    J(r, l, o[l], n[l], s, t.$flags$);
 };
-function X(e) {
+function V(e) {
   return e.includes("ref") ? (
     // we need to sort these to ensure that `'ref'` is the last attr
     [...e.filter((t) => t !== "ref"), "ref"]
@@ -378,11 +270,11 @@ function X(e) {
     e
   );
 }
-var T, w, E, O = !1, M = !1, H = !1, h = !1, D = (e, t, s, r) => {
+var x, H, j, N = !1, F = !1, z = !1, h = !1, C = (e, t, s, r) => {
   var o;
-  const l = t.$children$[s];
-  let n = 0, i, a, d;
-  if (O || (H = !0, l.$tag$ === "slot" && (T && r.classList.add(T + "-s"), l.$flags$ |= l.$children$ ? (
+  const n = t.$children$[s];
+  let l = 0, a, c, d;
+  if (N || (z = !0, n.$tag$ === "slot" && (x && r.classList.add(x + "-s"), n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     // still create an element that "mocks" the slot element
     2
@@ -391,85 +283,94 @@ var T, w, E, O = !1, M = !1, H = !1, h = !1, D = (e, t, s, r) => {
     // create an html comment we'll use to always reference
     // where actual slot content should sit next to
     1
-  ))), l.$text$ !== null)
-    i = l.$elm$ = j.createTextNode(l.$text$);
-  else if (l.$flags$ & 1)
-    i = l.$elm$ = j.createTextNode("");
+  ))), n.$text$ !== null)
+    a = n.$elm$ = _.createTextNode(n.$text$);
+  else if (n.$flags$ & 1)
+    a = n.$elm$ = _.createTextNode("");
   else {
-    if (h || (h = l.$tag$ === "svg"), i = l.$elm$ = j.createElementNS(
-      h ? me : Te,
-      !O && N.slotRelocation && l.$flags$ & 2 ? "slot-fb" : l.$tag$
-    ), h && l.$tag$ === "foreignObject" && (h = !1), se(null, l, h), ke(T) && i["s-si"] !== T && i.classList.add(i["s-si"] = T), B(i, r), l.$children$)
-      for (n = 0; n < l.$children$.length; ++n)
-        a = D(e, l, n, i), a && i.appendChild(a);
-    l.$tag$ === "svg" ? h = !1 : i.tagName === "foreignObject" && (h = !0);
+    if (h || (h = n.$tag$ === "svg"), a = n.$elm$ = _.createElementNS(
+      h ? Se : Te,
+      !N && E.slotRelocation && n.$flags$ & 2 ? "slot-fb" : n.$tag$
+    ), h && n.$tag$ === "foreignObject" && (h = !1), le(null, n, h), !!a.getRootNode().querySelector("body") && E.scoped && ke(x) && a["s-si"] !== x && a.classList.add(a["s-si"] = x), G(a, r), n.$children$)
+      for (l = 0; l < n.$children$.length; ++l)
+        c = C(e, n, l, a), c && a.appendChild(c);
+    n.$tag$ === "svg" ? h = !1 : a.tagName === "foreignObject" && (h = !0);
   }
-  return i["s-hn"] = E, l.$flags$ & 3 && (i["s-sr"] = !0, i["s-cr"] = w, i["s-sn"] = l.$name$ || "", i["s-rf"] = (o = l.$attrs$) == null ? void 0 : o.ref, d = e && e.$children$ && e.$children$[s], d && d.$tag$ === l.$tag$ && e.$elm$ && A(e.$elm$, !1)), i;
-}, A = (e, t) => {
-  x.$flags$ |= 1;
+  return a["s-hn"] = j, n.$flags$ & 3 && (a["s-sr"] = !0, a["s-cr"] = H, a["s-sn"] = n.$name$ || "", a["s-rf"] = (o = n.$attrs$) == null ? void 0 : o.ref, d = e && e.$children$ && e.$children$[s], d && d.$tag$ === n.$tag$ && e.$elm$ && R(e.$elm$, !1)), a;
+}, R = (e, t) => {
+  L.$flags$ |= 1;
   const s = Array.from(e.childNodes);
-  if (e["s-sr"] && N.experimentalSlotFixes) {
+  if (e["s-sr"] && E.experimentalSlotFixes) {
     let r = e;
     for (; r = r.nextSibling; )
-      r && r["s-sn"] === e["s-sn"] && r["s-sh"] === E && s.push(r);
+      r && r["s-sn"] === e["s-sn"] && r["s-sh"] === j && s.push(r);
   }
   for (let r = s.length - 1; r >= 0; r--) {
     const o = s[r];
-    o["s-hn"] !== E && o["s-ol"] && (m(le(o), o, P(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, H = !0), t && A(o, t);
+    o["s-hn"] !== j && o["s-ol"] && (T(ce(o), o, I(o)), o["s-ol"].remove(), o["s-ol"] = void 0, o["s-sh"] = void 0, z = !0), t && R(o, t);
   }
-  x.$flags$ &= -2;
-}, re = (e, t, s, r, o, l) => {
-  let n = e["s-cr"] && e["s-cr"].parentNode || e, i;
-  for (n.shadowRoot && n.tagName === E && (n = n.shadowRoot); o <= l; ++o)
-    r[o] && (i = D(null, s, o, e), i && (r[o].$elm$ = i, m(n, i, P(t))));
-}, oe = (e, t, s) => {
+  L.$flags$ &= -2;
+}, ie = (e, t, s, r, o, n) => {
+  let l = e["s-cr"] && e["s-cr"].parentNode || e, a;
+  for (l.shadowRoot && l.tagName === j && (l = l.shadowRoot); o <= n; ++o)
+    r[o] && (a = C(null, s, o, e), a && (r[o].$elm$ = a, T(l, a, I(t))));
+}, ae = (e, t, s) => {
   for (let r = t; r <= s; ++r) {
     const o = e[r];
     if (o) {
-      const l = o.$elm$;
-      ae(o), l && (M = !0, l["s-ol"] ? l["s-ol"].remove() : A(l, !0), l.remove());
+      const n = o.$elm$;
+      $e(o), n && (F = !0, n["s-ol"] ? n["s-ol"].remove() : R(n, !0), n.remove());
     }
   }
 }, Ne = (e, t, s, r, o = !1) => {
-  let l = 0, n = 0, i = 0, a = 0, d = t.length - 1, u = t[0], f = t[d], $ = r.length - 1, c = r[0], p = r[$], b, y;
-  for (; l <= d && n <= $; )
-    if (u == null)
-      u = t[++l];
-    else if (f == null)
-      f = t[--d];
-    else if (c == null)
-      c = r[++n];
+  let n = 0, l = 0, a = 0, c = 0, d = t.length - 1, f = t[0], i = t[d], $ = r.length - 1, u = r[0], p = r[$], m, y;
+  for (; n <= d && l <= $; )
+    if (f == null)
+      f = t[++n];
+    else if (i == null)
+      i = t[--d];
+    else if (u == null)
+      u = r[++l];
     else if (p == null)
       p = r[--$];
-    else if (R(u, c, o))
-      k(u, c, o), u = t[++l], c = r[++n];
-    else if (R(f, p, o))
-      k(f, p, o), f = t[--d], p = r[--$];
-    else if (R(u, p, o))
-      (u.$tag$ === "slot" || p.$tag$ === "slot") && A(u.$elm$.parentNode, !1), k(u, p, o), m(e, u.$elm$, f.$elm$.nextSibling), u = t[++l], p = r[--$];
-    else if (R(f, c, o))
-      (u.$tag$ === "slot" || p.$tag$ === "slot") && A(f.$elm$.parentNode, !1), k(f, c, o), m(e, f.$elm$, u.$elm$), f = t[--d], c = r[++n];
+    else if (M(f, u, o))
+      A(f, u, o), f = t[++n], u = r[++l];
+    else if (M(i, p, o))
+      A(i, p, o), i = t[--d], p = r[--$];
+    else if (M(f, p, o))
+      (f.$tag$ === "slot" || p.$tag$ === "slot") && R(f.$elm$.parentNode, !1), A(f, p, o), T(e, f.$elm$, i.$elm$.nextSibling), f = t[++n], p = r[--$];
+    else if (M(i, u, o))
+      (f.$tag$ === "slot" || p.$tag$ === "slot") && R(i.$elm$.parentNode, !1), A(i, u, o), T(e, i.$elm$, f.$elm$), i = t[--d], u = r[++l];
     else {
-      for (i = -1, a = l; a <= d; ++a)
-        if (t[a] && t[a].$key$ !== null && t[a].$key$ === c.$key$) {
-          i = a;
+      for (a = -1, c = n; c <= d; ++c)
+        if (t[c] && t[c].$key$ !== null && t[c].$key$ === u.$key$) {
+          a = c;
           break;
         }
-      i >= 0 ? (y = t[i], y.$tag$ !== c.$tag$ ? b = D(t && t[n], s, i, e) : (k(y, c, o), t[i] = void 0, b = y.$elm$), c = r[++n]) : (b = D(t && t[n], s, n, e), c = r[++n]), b && m(le(u.$elm$), b, P(u.$elm$));
+      a >= 0 ? (y = t[a], y.$tag$ !== u.$tag$ ? m = C(t && t[l], s, a, e) : (A(y, u, o), t[a] = void 0, m = y.$elm$), u = r[++l]) : (m = C(t && t[l], s, l, e), u = r[++l]), m && T(ce(f.$elm$), m, I(f.$elm$));
     }
-  l > d ? re(
+  n > d ? ie(
     e,
     r[$ + 1] == null ? null : r[$ + 1].$elm$,
     s,
     r,
-    n,
+    l,
     $
-  ) : n > $ && oe(t, l, d);
-}, R = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : s ? !0 : e.$key$ === t.$key$ : !1, P = (e) => e && e["s-ol"] || e, le = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, k = (e, t, s = !1) => {
-  const r = t.$elm$ = e.$elm$, o = e.$children$, l = t.$children$, n = t.$tag$, i = t.$text$;
-  let a;
-  i === null ? (h = n === "svg" ? !0 : n === "foreignObject" ? !1 : h, n === "slot" && !O || se(e, t, h), o !== null && l !== null ? Ne(r, o, t, l, s) : l !== null ? (e.$text$ !== null && (r.textContent = ""), re(r, null, t, l, 0, l.length - 1)) : o !== null && oe(o, 0, o.length - 1), h && n === "svg" && (h = !1)) : (a = r["s-cr"]) ? a.parentNode.textContent = i : e.$text$ !== i && (r.data = i);
-}, ne = (e) => {
+  ) : l > $ && ae(t, n, d);
+}, M = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? (
+  // The component gets hydrated and no VDOM has been initialized.
+  // Here the comparison can't happen as $name$ property is not set for `leftNode`.
+  "$nodeId$" in e && s && // `leftNode` is not from type HTMLComment which would cause many
+  // hydration comments to be removed
+  e.$elm$.nodeType !== 8 ? !1 : e.$name$ === t.$name$
+) : s ? !0 : e.$key$ === t.$key$ : !1, I = (e) => e && e["s-ol"] || e, ce = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, A = (e, t, s = !1) => {
+  const r = t.$elm$ = e.$elm$, o = e.$children$, n = t.$children$, l = t.$tag$, a = t.$text$;
+  let c;
+  a === null ? (h = l === "svg" ? !0 : l === "foreignObject" ? !1 : h, l === "slot" && !N || le(e, t, h), o !== null && n !== null ? Ne(r, o, t, n, s) : n !== null ? (e.$text$ !== null && (r.textContent = ""), ie(r, null, t, n, 0, n.length - 1)) : (
+    // don't do this on initial render as it can cause non-hydrated content to be removed
+    !s && E.updatable && o !== null && ae(o, 0, o.length - 1)
+  ), h && l === "svg" && (h = !1)) : (c = r["s-cr"]) ? c.parentNode.textContent = a : e.$text$ !== a && (r.data = a);
+}, fe = (e) => {
   const t = e.childNodes;
   for (const s of t)
     if (s.nodeType === 1) {
@@ -489,129 +390,129 @@ var T, w, E, O = !1, M = !1, H = !1, h = !1, D = (e, t, s, r) => {
             }
           }
       }
-      ne(s);
+      fe(s);
     }
-}, S = [], ie = (e) => {
+}, b = [], ue = (e) => {
   let t, s, r;
   for (const o of e.childNodes) {
     if (o["s-sr"] && (t = o["s-cr"]) && t.parentNode) {
       s = t.parentNode.childNodes;
-      const l = o["s-sn"];
+      const n = o["s-sn"];
       for (r = s.length - 1; r >= 0; r--)
-        if (t = s[r], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== o["s-hn"] && !N.experimentalSlotFixes)
-          if (K(t, l)) {
-            let n = S.find((i) => i.$nodeToRelocate$ === t);
-            M = !0, t["s-sn"] = t["s-sn"] || l, n ? (n.$nodeToRelocate$["s-sh"] = o["s-hn"], n.$slotRefNode$ = o) : (t["s-sh"] = o["s-hn"], S.push({
+        if (t = s[r], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== o["s-hn"] && !E.experimentalSlotFixes)
+          if (ee(t, n)) {
+            let l = b.find((a) => a.$nodeToRelocate$ === t);
+            F = !0, t["s-sn"] = t["s-sn"] || n, l ? (l.$nodeToRelocate$["s-sh"] = o["s-hn"], l.$slotRefNode$ = o) : (t["s-sh"] = o["s-hn"], b.push({
               $slotRefNode$: o,
               $nodeToRelocate$: t
-            })), t["s-sr"] && S.map((i) => {
-              K(i.$nodeToRelocate$, t["s-sn"]) && (n = S.find((a) => a.$nodeToRelocate$ === t), n && !i.$slotRefNode$ && (i.$slotRefNode$ = n.$slotRefNode$));
+            })), t["s-sr"] && b.map((a) => {
+              ee(a.$nodeToRelocate$, t["s-sn"]) && (l = b.find((c) => c.$nodeToRelocate$ === t), l && !a.$slotRefNode$ && (a.$slotRefNode$ = l.$slotRefNode$));
             });
-          } else S.some((n) => n.$nodeToRelocate$ === t) || S.push({
+          } else b.some((l) => l.$nodeToRelocate$ === t) || b.push({
             $nodeToRelocate$: t
           });
     }
-    o.nodeType === 1 && ie(o);
+    o.nodeType === 1 && ue(o);
   }
-}, K = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", ae = (e) => {
-  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(ae);
-}, m = (e, t, s) => {
+}, ee = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", $e = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map($e);
+}, T = (e, t, s) => {
   const r = e == null ? void 0 : e.insertBefore(t, s);
-  return B(t, e), r;
-}, ce = (e) => {
+  return G(t, e), r;
+}, de = (e) => {
   const t = [];
   return e && t.push(
     ...e["s-scs"] || [],
     e["s-si"],
     e["s-sc"],
-    ...ce(e.parentElement)
+    ...de(e.parentElement)
   ), t;
-}, B = (e, t, s = !1) => {
+}, G = (e, t, s = !1) => {
   var r;
   if (e && t && e.nodeType === 1) {
-    const o = new Set(ce(t).filter(Boolean));
+    const o = new Set(de(t).filter(Boolean));
     if (o.size && ((r = e.classList) == null || r.add(...e["s-scs"] = [...o]), e["s-ol"] || s))
-      for (const l of Array.from(e.childNodes))
-        B(l, e, !0);
+      for (const n of Array.from(e.childNodes))
+        G(n, e, !0);
   }
-}, _e = (e, t, s = !1) => {
-  var r, o, l, n, i;
-  const a = e.$hostElement$, d = e.$cmpMeta$, u = e.$vnode$ || U(null, null), f = Oe(t) ? t : Re(null, null, t);
-  if (E = a.tagName, d.$attrsToReflect$ && (f.$attrs$ = f.$attrs$ || {}, d.$attrsToReflect$.map(
-    ([$, c]) => f.$attrs$[c] = a[$]
-  )), s && f.$attrs$)
-    for (const $ of Object.keys(f.$attrs$))
-      a.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (f.$attrs$[$] = a[$]);
-  f.$tag$ = null, f.$flags$ |= 4, e.$vnode$ = f, f.$elm$ = u.$elm$ = a.shadowRoot || a, T = a["s-sc"], O = (d.$flags$ & 1) !== 0, w = a["s-cr"], M = !1, k(u, f, s);
+}, Fe = (e, t, s = !1) => {
+  var r, o, n, l, a;
+  const c = e.$hostElement$, d = e.$cmpMeta$, f = e.$vnode$ || W(null, null), i = Oe(t) ? t : je(null, null, t);
+  if (j = c.tagName, d.$attrsToReflect$ && (i.$attrs$ = i.$attrs$ || {}, d.$attrsToReflect$.map(
+    ([$, u]) => i.$attrs$[u] = c[$]
+  )), s && i.$attrs$)
+    for (const $ of Object.keys(i.$attrs$))
+      c.hasAttribute($) && !["key", "ref", "style", "class"].includes($) && (i.$attrs$[$] = c[$]);
+  i.$tag$ = null, i.$flags$ |= 4, e.$vnode$ = i, i.$elm$ = f.$elm$ = c.shadowRoot || c, x = c["s-sc"], N = (d.$flags$ & 1) !== 0, H = c["s-cr"], F = !1, A(f, i, s);
   {
-    if (x.$flags$ |= 1, H) {
-      ie(f.$elm$);
-      for (const $ of S) {
-        const c = $.$nodeToRelocate$;
-        if (!c["s-ol"]) {
-          const p = j.createTextNode("");
-          p["s-nr"] = c, m(c.parentNode, c["s-ol"] = p, c);
+    if (L.$flags$ |= 1, z) {
+      ue(i.$elm$);
+      for (const $ of b) {
+        const u = $.$nodeToRelocate$;
+        if (!u["s-ol"]) {
+          const p = _.createTextNode("");
+          p["s-nr"] = u, T(u.parentNode, u["s-ol"] = p, u);
         }
       }
-      for (const $ of S) {
-        const c = $.$nodeToRelocate$, p = $.$slotRefNode$;
+      for (const $ of b) {
+        const u = $.$nodeToRelocate$, p = $.$slotRefNode$;
         if (p) {
-          const b = p.parentNode;
+          const m = p.parentNode;
           let y = p.nextSibling;
           {
-            let L = (r = c["s-ol"]) == null ? void 0 : r.previousSibling;
-            for (; L; ) {
-              let g = (o = L["s-nr"]) != null ? o : null;
-              if (g && g["s-sn"] === c["s-sn"] && b === g.parentNode) {
-                for (g = g.nextSibling; g === c || g != null && g["s-sr"]; )
-                  g = g == null ? void 0 : g.nextSibling;
-                if (!g || !g["s-nr"]) {
-                  y = g;
+            let O = (r = u["s-ol"]) == null ? void 0 : r.previousSibling;
+            for (; O; ) {
+              let v = (o = O["s-nr"]) != null ? o : null;
+              if (v && v["s-sn"] === u["s-sn"] && m === v.parentNode) {
+                for (v = v.nextSibling; v === u || v != null && v["s-sr"]; )
+                  v = v == null ? void 0 : v.nextSibling;
+                if (!v || !v["s-nr"]) {
+                  y = v;
                   break;
                 }
               }
-              L = L.previousSibling;
+              O = O.previousSibling;
             }
           }
-          (!y && b !== c.parentNode || c.nextSibling !== y) && c !== y && (!c["s-hn"] && c["s-ol"] && (c["s-hn"] = c["s-ol"].parentNode.nodeName), m(b, c, y), c.nodeType === 1 && (c.hidden = (l = c["s-ih"]) != null ? l : !1)), c && typeof p["s-rf"] == "function" && p["s-rf"](c);
+          (!y && m !== u.parentNode || u.nextSibling !== y) && u !== y && (!u["s-hn"] && u["s-ol"] && (u["s-hn"] = u["s-ol"].parentNode.nodeName), T(m, u, y), u.nodeType === 1 && (u.hidden = (n = u["s-ih"]) != null ? n : !1)), u && typeof p["s-rf"] == "function" && p["s-rf"](u);
         } else
-          c.nodeType === 1 && (s && (c["s-ih"] = (n = c.hidden) != null ? n : !1), c.hidden = !0);
+          u.nodeType === 1 && (s && (u["s-ih"] = (l = u.hidden) != null ? l : !1), u.hidden = !0);
       }
     }
-    M && ne(f.$elm$), x.$flags$ &= -2, S.length = 0;
+    F && fe(i.$elm$), L.$flags$ &= -2, b.length = 0;
   }
-  if (N.experimentalScopedSlotChanges && d.$flags$ & 2)
-    for (const $ of f.$elm$.childNodes)
-      $["s-hn"] !== E && !$["s-sh"] && (s && $["s-ih"] == null && ($["s-ih"] = (i = $.hidden) != null ? i : !1), $.hidden = !0);
-  w = void 0;
+  if (E.experimentalScopedSlotChanges && d.$flags$ & 2)
+    for (const $ of i.$elm$.childNodes)
+      $["s-hn"] !== j && !$["s-sh"] && (s && $["s-ih"] == null && ($["s-ih"] = (a = $.hidden) != null ? a : !1), $.hidden = !0);
+  H = void 0;
 };
-const Fe = (e, t, s) => {
+const Ce = (e, t, s) => {
   [null, void 0, "", !1].includes(s) || ["innerHTML", "style"].includes(t) || e.setAttribute(t, ["object", "function"].includes(typeof s) ? "/!\\ Object props are not rendered in the code example" : s);
-}, fe = (e, t, s, r, o) => {
+}, pe = (e, t, s, r, o) => {
   if (t && typeof t == "string") {
-    const l = document.createElement(t);
-    Object.keys(s || {}).forEach((n) => {
-      Fe(l, n, s[n]);
-    }), r == null || r.forEach((n) => {
-      fe(l, n.$tag$, n.$attrs$, n.$children$, n.$text$);
-    }), s != null && s.innerHTML && (l.innerHTML = s.innerHTML), e.appendChild(l);
+    const n = document.createElement(t);
+    Object.keys(s || {}).forEach((l) => {
+      Ce(n, l, s[l]);
+    }), r == null || r.forEach((l) => {
+      pe(n, l.$tag$, l.$attrs$, l.$children$, l.$text$);
+    }), s != null && s.innerHTML && (n.innerHTML = s.innerHTML), e.appendChild(n);
   }
   o && (e.innerHTML = o);
-}, et = (e, t) => {
+}, Ve = (e, t) => {
   const s = {};
   if (typeof e != "object")
     throw new Error("filterArgs - args isn't an object.");
   for (const r in e)
     if (!r.startsWith("slot")) {
-      const o = e[r], l = r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-      (!t || !Object.keys(t).includes(r) || t[r] !== o) && (s[l] = o);
+      const o = e[r], n = r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+      (!t || !Object.keys(t).includes(r) || t[r] !== o) && (s[n] = o);
     }
   return s;
-}, tt = (e, t) => {
+}, et = (e, t) => {
   var r, o;
   const s = document.getElementById("storybook-root");
-  if (s)
-    return (o = document.querySelector("[lang]")) == null || o.setAttribute("lang", ((r = t.globals) == null ? void 0 : r.locale) || "en"), _e(
+  if (s !== null)
+    return (o = document.querySelector("[lang]")) == null || o.setAttribute("lang", ((r = t.globals) == null ? void 0 : r.locale) || "en"), Fe(
       {
         $ancestorComponent$: void 0,
         $flags$: 0,
@@ -624,29 +525,291 @@ const Fe = (e, t, s) => {
       },
       e(t)
     ), s.children[s.children.length - 1];
-}, st = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {
+}, tt = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {
   const o = document.createElement("div");
-  return fe(o, e, t, s, r), o.innerHTML;
-}, rt = ({ disconnect: e, observe: t, takeRecords: s }) => {
+  return pe(o, e, t, s, r), o.innerHTML;
+}, D = (e, t) => {
+  if (!t)
+    return;
+  const s = t.split("/");
+  return `${e}${s.slice(2, s.length - 1).join("-")}--docs`;
+};
+var S, w;
+class st {
+  constructor(t) {
+    /**
+     * JsonDocs
+     */
+    g(this, "jsonDoc");
+    /**
+     * Get component data from the jsonDoc
+     * @param tagName - tag name we want to get the data from
+     * @returns component data
+     */
+    P(this, S, (t) => this.jsonDoc.components.find((s) => s.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
+     */
+    P(this, w, (t) => {
+      const s = t.type.replace(/"([^"]+)"/g, "$1").replace(/\s/g, "").replace(/\(.*?\)/g, (r) => r.replace(/\|/g, " OR ")).split("|").map((r) => r.trim().replace(/ OR /g, "|"));
+      return t.type === "string" ? { control: { type: "text" } } : t.type === "number" ? { control: { type: "number" } } : t.type === "boolean" ? { control: { type: "boolean" } } : t.type.startsWith("{") && t.type.endsWith("}") ? { control: { type: "object" } } : s.length > 1 ? s.includes("string") ? { control: { type: "text" } } : s.every((r) => r == null ? void 0 : r.includes("[]")) ? { control: { type: "object" } } : (s.unshift(void 0), { control: { type: "select" }, options: s }) : { control: { type: "object" } };
+    });
+    /**
+     * Extract component arg types from the component data
+     * @param tagName - tag name we want to extract the arg types from
+     * @returns component arg types
+     */
+    g(this, "extractArgTypes", (t) => {
+      const s = k(this, S).call(this, t), r = s == null ? void 0 : s.props.reduce((f, i) => {
+        const { control: $, options: u } = k(this, w).call(this, i);
+        return {
+          ...f,
+          [i.name]: {
+            name: i.attr || i.name,
+            description: i.docs,
+            type: { required: i.required },
+            table: {
+              category: "props",
+              type: { summary: i.type },
+              defaultValue: { summary: i.default }
+            },
+            control: $,
+            options: u
+          }
+        };
+      }, {}), o = s == null ? void 0 : s.events.reduce(
+        (f, i) => ({
+          ...f,
+          [i.event]: {
+            name: i.event,
+            description: i.docs,
+            table: {
+              category: "events",
+              type: { summary: i.detail }
+            }
+          }
+        }),
+        {}
+      ), n = s == null ? void 0 : s.methods.reduce(
+        (f, i) => ({
+          ...f,
+          [i.name]: {
+            name: i.name,
+            description: i.docs,
+            table: {
+              category: "methods",
+              type: { summary: i.signature }
+            }
+          }
+        }),
+        {}
+      ), l = s == null ? void 0 : s.slots.reduce(
+        (f, i) => ({
+          ...f,
+          [i.name]: {
+            name: i.name !== "" ? i.name : "default",
+            // default slot are unnamed
+            description: i.docs,
+            table: {
+              category: "slots",
+              type: { summary: void 0 }
+            }
+          }
+        }),
+        {}
+      ), a = s == null ? void 0 : s.styles.reduce(
+        (f, i) => ({
+          ...f,
+          [i.name]: {
+            name: i.name,
+            description: i.docs,
+            table: {
+              category: "custom properties",
+              type: { summary: void 0 }
+            }
+          }
+        }),
+        {}
+      ), c = s == null ? void 0 : s.dependencies.reduce((f, i) => {
+        const $ = k(this, S).call(this, i);
+        return {
+          ...f,
+          [i]: {
+            name: i,
+            description: `<a href="./?path=/docs/${D("", $ == null ? void 0 : $.filePath)}">View Component Documentation</a>`,
+            table: {
+              category: "depends on",
+              type: { summary: void 0 }
+            }
+          }
+        };
+      }, {}), d = s == null ? void 0 : s.dependents.reduce((f, i) => {
+        const $ = k(this, S).call(this, i);
+        return {
+          ...f,
+          [i]: {
+            name: i,
+            description: `<a href="./?path=/docs/${D("", $ == null ? void 0 : $.filePath)}">View Component Documentation</a>`,
+            table: {
+              category: "used by",
+              type: { summary: void 0 }
+            }
+          }
+        };
+      }, {});
+      return {
+        ...r,
+        ...o,
+        ...n,
+        ...l,
+        ...a,
+        ...c,
+        ...d
+      };
+    });
+    /**
+     * Extract component description from the component data
+     * @param tagName - tag name we want to extract the description from
+     * @returns component description
+     */
+    g(this, "extractComponentDescription", (t) => {
+      const s = k(this, S).call(this, t);
+      return (s == null ? void 0 : s.readme) || (s == null ? void 0 : s.docs);
+    });
+    this.jsonDoc = t;
+  }
+}
+S = new WeakMap(), w = new WeakMap();
+const De = (e, t) => {
+  if (t)
+    return `${e}${t}`;
+}, ge = (e) => {
+  let t = e.overview ? `${e.overview}
+
+` : "";
+  const s = e.props.filter(({ attr: o }) => o !== void 0);
+  s.length && (t += `Attributes:
+`, t += s.map(({ attr: o, docs: n }) => `- \`${o}\`: ${n}
+`).join(""), t += `
+`);
+  const r = e.props.filter(({ attr: o }) => o === void 0);
+  return r.length && (t += `Properties:
+`, t += r.map(({ name: o, docs: n }) => `- \`${o}\`: ${n}
+`).join(""), t += `
+`), e.methods.length && (t += `Methods:
+`, t += e.methods.map(({ name: o, docs: n }) => `- \`${o}\`: ${n}
+`).join(""), t += `
+`), e.events.length && (t += `Events:
+`, t += e.events.map(({ event: o, docs: n }) => `- \`${o}\`: ${n}
+`).join(""), t += `
+`), e.listeners.length && (t += `Listeners:
+`, t += e.listeners.map(({ event: o }) => `- \`${o}\`
+`).join(""), t += `
+`), e.slots.length && (t += `Slots:
+`, t += e.slots.map(({ name: o, docs: n }) => `- \`${o}\`: ${n}
+`).join(""), t += `
+`), t;
+}, B = (e) => `${e.docs}
+
+Type: \`${e.type}\``, rt = (e, t, s, r) => ({
+  $schema: "https://json.schemastore.org/web-types",
+  name: e,
+  version: t,
+  "description-markup": "markdown",
+  contributions: {
+    html: {
+      elements: s.components.map((o) => {
+        const n = D(r, o.filePath);
+        return {
+          name: o.tag,
+          description: ge(o),
+          "doc-url": n,
+          attributes: o.props.filter((l) => l.attr).map((l) => ({
+            name: l.attr,
+            description: B(l),
+            "doc-url": n,
+            value: {
+              type: l.type,
+              default: l.default,
+              required: l.required
+            }
+          })),
+          js: {
+            properties: o.props.map((l) => ({
+              name: l.name,
+              description: B(l),
+              "doc-url": n,
+              value: {
+                type: l.type,
+                default: l.default,
+                required: l.required
+              }
+            })),
+            events: o.events.map((l) => ({
+              name: l.event,
+              description: l.docs
+            }))
+          }
+        };
+      })
+    }
+  }
+}), we = (e, t, s) => [
+  { name: "Storybook", url: D(e, s) },
+  { name: "Sources", url: De(t, s) }
+], Pe = (e) => {
+  if (!e.values.some(({ value: t }) => t === void 0))
+    return e.values.map(({ value: t }) => ({ name: t }));
+}, ot = (e, t, s, r) => ({
+  version: e,
+  tags: t.components.map((o) => {
+    const n = we(s, r, o.filePath);
+    return {
+      name: o.tag,
+      description: ge(o),
+      attributes: o.props.map((l) => ({
+        name: l.attr || l.name,
+        description: B(l),
+        values: Pe(l),
+        references: n
+      })),
+      references: n
+    };
+  }),
+  globalAttributes: [],
+  valueSets: []
+}), nt = (e) => {
+  const t = { value: "2023", pattern: "yyyy" }, s = { value: "12", pattern: "mm" }, r = { value: "24", pattern: "dd" };
+  return He([t.value, s.value, r.value].join("-"), e, { timeZone: "UTC" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);
+}, lt = (e) => e.toISOString().split("T")[0], Ue = (e, t, s) => {
+  const r = e.closest("[lang]"), o = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), n = o.length > 0 && typeof o[0] == "string" ? o[0] : navigator.language || s, l = n.split("-").shift();
+  return {
+    locale: n,
+    messages: t[l] || t[s]
+  };
+}, it = (e, t, s) => new Intl.NumberFormat(t, { style: "currency", currency: s }).format(e), at = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), We = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, He = (e, t, s) => typeof e != "string" || e === "" || !We.test(e) ? "" : new Intl.DateTimeFormat(t, s).format(new Date(e)), ct = (e, t) => (s) => Ue(s, e, t), ft = ({ disconnect: e, observe: t, takeRecords: s }) => {
   class r {
-    constructor(l) {
+    constructor(n) {
       /**
        *
        */
-      v(this, "disconnect", e);
+      g(this, "disconnect", e);
       /**
        *
        */
-      v(this, "observe", t);
+      g(this, "observe", t);
       /**
        *
        */
-      v(this, "takeRecords", s);
+      g(this, "takeRecords", s);
       /**
        *
        */
-      v(this, "cb");
-      this.cb = l;
+      g(this, "cb");
+      this.cb = n;
     }
   }
   return [window, global].forEach((o) => {
@@ -656,25 +819,25 @@ const Fe = (e, t, s) => {
       value: r
     });
   }), r;
-}, ot = ({ disconnect: e, observe: t }) => {
+}, ut = ({ disconnect: e, observe: t }) => {
   class s {
     constructor(o) {
       /**
        *
        */
-      v(this, "disconnect", e);
+      g(this, "disconnect", e);
       /**
        *
        */
-      v(this, "observe", t);
+      g(this, "observe", t);
       /**
        *
        */
-      v(this, "unobserve");
+      g(this, "unobserve");
       /**
        *
        */
-      v(this, "cb");
+      g(this, "cb");
       this.cb = o;
     }
   }
@@ -686,18 +849,18 @@ const Fe = (e, t, s) => {
     });
   }), s;
 };
-class Ue extends Event {
+class Be extends Event {
   constructor() {
     super(...arguments);
     /**
      *
      */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    v(this, "detail");
+    g(this, "detail");
   }
 }
-const lt = () => {
-  class e extends Ue {
+const $t = () => {
+  class e extends Be {
   }
   return [window, global].forEach((t) => {
     Object.defineProperty(t, "SubmitEvent", {
@@ -708,30 +871,32 @@ const lt = () => {
   }), e;
 };
 export {
-  He as ClassList,
-  Pe as allItemsAreString,
-  qe as cleanString,
-  Ce as createID,
-  he as dateRegExp,
-  Ze as dateToString,
-  Ve as defineLocales,
-  et as filterArgs,
-  We as focusableElements,
-  Qe as getLocaleDatePattern,
-  Q as getParentWindows,
-  st as getStoryHTML,
-  ze as getWindows,
-  Be as isTagName,
-  Ie as isValidString,
-  Je as localeCurrency,
-  ye as localeDate,
-  Ye as localeNumber,
-  Ge as nextTick,
-  rt as setupMutationObserverMock,
-  ot as setupResizeObserverMock,
-  lt as setupSubmitEventMock,
-  tt as stencilWrapper,
-  Ke as vsCodeGenerator,
-  Xe as webTypesGenerator
+  Ie as ClassList,
+  st as StorybookPreview,
+  Ge as allItemsAreString,
+  Je as cleanString,
+  ze as createID,
+  We as dateRegExp,
+  lt as dateToString,
+  ct as defineLocales,
+  Ve as filterArgs,
+  Ke as focusableElements,
+  nt as getLocaleDatePattern,
+  te as getParentWindows,
+  tt as getStoryHTML,
+  D as getStorybookUrl,
+  Qe as getWindows,
+  Xe as isTagName,
+  Ze as isValidString,
+  it as localeCurrency,
+  He as localeDate,
+  at as localeNumber,
+  Ye as nextTick,
+  ft as setupMutationObserverMock,
+  ut as setupResizeObserverMock,
+  $t as setupSubmitEventMock,
+  et as stencilWrapper,
+  ot as vsCodeGenerator,
+  rt as webTypesGenerator
 };
 //# sourceMappingURL=index.es.js.map