@storyblok/vue 8.2.1 → 8.2.3

package/dist/storyblok-vue.mjs

@@ -4,36 +4,36 @@
  * description: SDK to integrate Storyblok into your project using Vue.
  * author: Storyblok
  */
-import { defineComponent as J, ref as O, resolveDynamicComponent as H, inject as he, createBlock as K, openBlock as Y, mergeProps as ue, h as W, createTextVNode as de, watch as pe, onMounted as ge, defineAsyncComponent as me } from "vue";
-let B = !1;
-const z = [], fe = (s) => new Promise((e, t) => {
+import { defineComponent as Y, ref as P, resolveDynamicComponent as D, inject as de, createBlock as W, openBlock as X, mergeProps as pe, h as Q, createTextVNode as ge, watch as fe, onMounted as me, defineAsyncComponent as ye } from "vue";
+let F = !1;
+const q = [], be = (s) => new Promise((e, t) => {
   if (typeof window > "u" || (window.storyblokRegisterEvent = (o) => {
     if (window.location === window.parent.location) {
       console.warn("You are not in Draft Mode or in the Visual Editor.");
       return;
     }
-    B ? o() : z.push(o);
+    F ? o() : q.push(o);
   }, document.getElementById("storyblok-javascript-bridge")))
     return;
   const r = document.createElement("script");
   r.async = !0, r.src = s, r.id = "storyblok-javascript-bridge", r.onerror = (o) => t(o), r.onload = (o) => {
-    z.forEach((n) => n()), B = !0, e(o);
+    q.forEach((n) => n()), F = !0, e(o);
   }, document.getElementsByTagName("head")[0].appendChild(r);
 });
-var ye = Object.defineProperty, be = (s, e, t) => e in s ? ye(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, g = (s, e, t) => be(s, typeof e != "symbol" ? e + "" : e, t);
-class ke extends Error {
+var ke = Object.defineProperty, ve = (s, e, t) => e in s ? ke(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, m = (s, e, t) => ve(s, typeof e != "symbol" ? e + "" : e, t);
+class $e extends Error {
   constructor(e) {
     super(e), this.name = "AbortError";
   }
 }
-function ve(s, e, t) {
+function Te(s, e, t) {
   if (!Number.isFinite(e))
     throw new TypeError("Expected `limit` to be a finite number");
   if (!Number.isFinite(t))
     throw new TypeError("Expected `interval` to be a finite number");
   const r = [];
   let o = [], n = 0, a = !1;
-  const l = async () => {
+  const i = async () => {
     n++;
     const h = r.shift();
     if (h)
@@ -44,10 +44,10 @@ function ve(s, e, t) {
         h.reject(p);
       }
     const d = setTimeout(() => {
-      n--, r.length > 0 && l(), o = o.filter((p) => p !== d);
+      n--, r.length > 0 && i(), o = o.filter((p) => p !== d);
     }, t);
     o.includes(d) || o.push(d);
-  }, i = (...h) => a ? Promise.reject(
+  }, l = (...h) => a ? Promise.reject(
     new Error(
       "Throttled function is already aborted and not accepting new promises"
     )
@@ -56,24 +56,24 @@ function ve(s, e, t) {
       resolve: d,
       reject: p,
       args: h
-    }), n < e && l();
+    }), n < e && i();
   });
-  return i.abort = () => {
+  return l.abort = () => {
     a = !0, o.forEach(clearTimeout), o = [], r.forEach(
-      (h) => h.reject(() => new ke("Throttle function aborted"))
+      (h) => h.reject(() => new $e("Throttle function aborted"))
     ), r.length = 0;
-  }, i;
+  }, l;
 }
-class P {
+class N {
   constructor() {
-    g(this, "isCDNUrl", (e = "") => e.includes("/cdn/")), g(this, "getOptionsPage", (e, t = 25, r = 1) => ({
+    m(this, "isCDNUrl", (e = "") => e.includes("/cdn/")), m(this, "getOptionsPage", (e, t = 25, r = 1) => ({
       ...e,
       per_page: t,
       page: r
-    })), g(this, "delay", (e) => new Promise((t) => setTimeout(t, e))), g(this, "arrayFrom", (e = 0, t) => Array.from({ length: e }, t)), g(this, "range", (e = 0, t = e) => {
+    })), m(this, "delay", (e) => new Promise((t) => setTimeout(t, e))), m(this, "arrayFrom", (e = 0, t) => Array.from({ length: e }, t)), m(this, "range", (e = 0, t = e) => {
       const r = Math.abs(t - e) || 0, o = e < t ? 1 : -1;
       return this.arrayFrom(r, (n, a) => a * o + e);
-    }), g(this, "asyncMap", async (e, t) => Promise.all(e.map(t))), g(this, "flatMap", (e = [], t) => e.map(t).reduce((r, o) => [...r, ...o], [])), g(this, "escapeHTML", function(e) {
+    }), m(this, "asyncMap", async (e, t) => Promise.all(e.map(t))), m(this, "flatMap", (e = [], t) => e.map(t).reduce((r, o) => [...r, ...o], [])), m(this, "escapeHTML", function(e) {
       const t = {
         "&": "&amp;",
         "<": "&lt;",
@@ -99,13 +99,13 @@ class P {
       const a = e[n];
       if (a == null)
         continue;
-      const l = r ? "" : encodeURIComponent(n);
-      let i;
-      typeof a == "object" ? i = this.stringify(
+      const i = r ? "" : encodeURIComponent(n);
+      let l;
+      typeof a == "object" ? l = this.stringify(
         a,
-        t ? t + encodeURIComponent(`[${l}]`) : l,
+        t ? t + encodeURIComponent(`[${i}]`) : i,
         Array.isArray(a)
-      ) : i = `${t ? t + encodeURIComponent(`[${l}]`) : l}=${encodeURIComponent(a)}`, o.push(i);
+      ) : l = `${t ? t + encodeURIComponent(`[${i}]`) : i}=${encodeURIComponent(a)}`, o.push(l);
     }
     return o.join("&");
   }
@@ -130,20 +130,20 @@ class P {
     }
   }
 }
-const $e = function(s, e) {
+const we = function(s, e) {
   const t = {};
   for (const r in s) {
     const o = s[r];
     e.includes(r) && o !== null && (t[r] = o);
   }
   return t;
-}, we = (s) => s === "email", Te = () => ({
+}, Re = (s) => s === "email", _e = () => ({
   singleTag: "hr"
-}), Re = () => ({
+}), Se = () => ({
   tag: "blockquote"
-}), _e = () => ({
+}), Ee = () => ({
   tag: "ul"
-}), Ee = (s) => ({
+}), xe = (s) => ({
   tag: [
     "pre",
     {
@@ -151,24 +151,24 @@ const $e = function(s, e) {
       attrs: s.attrs
     }
   ]
-}), Se = () => ({
+}), je = () => ({
   singleTag: "br"
-}), je = (s) => ({
-  tag: `h${s.attrs.level}`
 }), Ae = (s) => ({
+  tag: `h${s.attrs.level}`
+}), Ie = (s) => ({
   singleTag: [
     {
       tag: "img",
-      attrs: $e(s.attrs, ["src", "alt", "title"])
+      attrs: we(s.attrs, ["src", "alt", "title"])
     }
   ]
-}), xe = () => ({
+}), Ce = () => ({
   tag: "li"
-}), Ie = () => ({
+}), Le = () => ({
   tag: "ol"
-}), Ce = () => ({
+}), Oe = () => ({
   tag: "p"
-}), Le = (s) => ({
+}), Pe = (s) => ({
   tag: [
     {
       tag: "span",
@@ -179,25 +179,25 @@ const $e = function(s, e) {
       }
     }
   ]
-}), Oe = () => ({
+}), Ne = () => ({
   tag: "b"
-}), Pe = () => ({
+}), Me = () => ({
   tag: "s"
-}), Ne = () => ({
+}), He = () => ({
   tag: "u"
-}), Me = () => ({
+}), De = () => ({
   tag: "strong"
-}), He = () => ({
+}), Ue = () => ({
   tag: "code"
-}), De = () => ({
+}), Be = () => ({
   tag: "i"
-}), Ue = (s) => {
+}), ze = (s) => {
   if (!s.attrs)
     return {
       tag: ""
     };
-  const e = new P().escapeHTML, t = { ...s.attrs }, { linktype: r = "url" } = s.attrs;
-  if (delete t.linktype, t.href && (t.href = e(s.attrs.href || "")), we(r) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), t.custom) {
+  const e = new N().escapeHTML, t = { ...s.attrs }, { linktype: r = "url" } = s.attrs;
+  if (delete t.linktype, t.href && (t.href = e(s.attrs.href || "")), Re(r) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), t.custom) {
     for (const o in t.custom)
       t[o] = t.custom[o];
     delete t.custom;
@@ -210,25 +210,25 @@ const $e = function(s, e) {
       }
     ]
   };
-}, Be = (s) => ({
+}, Fe = (s) => ({
   tag: [
     {
       tag: "span",
       attrs: s.attrs
     }
   ]
-}), ze = () => ({
+}), qe = () => ({
   tag: "sub"
-}), Fe = () => ({
+}), Ve = () => ({
   tag: "sup"
-}), qe = (s) => ({
+}), Ge = (s) => ({
   tag: [
     {
       tag: "span",
       attrs: s.attrs
     }
   ]
-}), Ve = (s) => {
+}), Ke = (s) => {
   var e;
   return (e = s.attrs) != null && e.color ? {
     tag: [
@@ -242,7 +242,7 @@ const $e = function(s, e) {
   } : {
     tag: ""
   };
-}, Ge = (s) => {
+}, Je = (s) => {
   var e;
   return (e = s.attrs) != null && e.color ? {
     tag: [
@@ -256,36 +256,36 @@ const $e = function(s, e) {
   } : {
     tag: ""
   };
-}, Je = {
+}, Ye = {
   nodes: {
-    horizontal_rule: Te,
-    blockquote: Re,
-    bullet_list: _e,
-    code_block: Ee,
-    hard_break: Se,
-    heading: je,
-    image: Ae,
-    list_item: xe,
-    ordered_list: Ie,
-    paragraph: Ce,
-    emoji: Le
+    horizontal_rule: _e,
+    blockquote: Se,
+    bullet_list: Ee,
+    code_block: xe,
+    hard_break: je,
+    heading: Ae,
+    image: Ie,
+    list_item: Ce,
+    ordered_list: Le,
+    paragraph: Oe,
+    emoji: Pe
   },
   marks: {
-    bold: Oe,
-    strike: Pe,
-    underline: Ne,
-    strong: Me,
-    code: He,
-    italic: De,
-    link: Ue,
-    styled: Be,
-    subscript: ze,
-    superscript: Fe,
-    anchor: qe,
-    highlight: Ve,
-    textStyle: Ge
-  }
-}, Ke = function(s) {
+    bold: Ne,
+    strike: Me,
+    underline: He,
+    strong: De,
+    code: Ue,
+    italic: Be,
+    link: ze,
+    styled: Fe,
+    subscript: qe,
+    superscript: Ve,
+    anchor: Ge,
+    highlight: Ke,
+    textStyle: Je
+  }
+}, We = function(s) {
   const e = {
     "&": "&amp;",
     "<": "&lt;",
@@ -295,10 +295,10 @@ const $e = function(s, e) {
   }, t = /[&<>"']/g, r = new RegExp(t.source);
   return s && r.test(s) ? s.replace(t, (o) => e[o]) : s;
 };
-let F = !1;
-class N {
+let V = !1;
+class M {
   constructor(e) {
-    g(this, "marks"), g(this, "nodes"), e || (e = Je), this.marks = e.marks || [], this.nodes = e.nodes || [];
+    m(this, "marks"), m(this, "nodes"), e || (e = Ye), this.marks = e.marks || [], this.nodes = e.nodes || [];
   }
   addNode(e, t) {
     this.nodes[e] = t;
@@ -307,9 +307,9 @@ class N {
     this.marks[e] = t;
   }
   render(e, t = { optimizeImages: !1 }, r = !0) {
-    if (!F && r && (console.warn(
+    if (!V && r && (console.warn(
       "Warning ⚠️: The RichTextResolver class is deprecated and will be removed in the next major release. Please use the `@storyblok/richtext` package instead. https://github.com/storyblok/richtext/"
-    ), F = !0), e && e.content && Array.isArray(e.content)) {
+    ), V = !0), e && e.content && Array.isArray(e.content)) {
       let o = "";
       return e.content.forEach((n) => {
         o += this.renderNode(n);
@@ -345,32 +345,32 @@ class N {
   optimizeImages(e, t) {
     let r = 0, o = 0, n = "", a = "";
     typeof t != "boolean" && (typeof t.width == "number" && t.width > 0 && (n += `width="${t.width}" `, r = t.width), typeof t.height == "number" && t.height > 0 && (n += `height="${t.height}" `, o = t.height), (t.loading === "lazy" || t.loading === "eager") && (n += `loading="${t.loading}" `), typeof t.class == "string" && t.class.length > 0 && (n += `class="${t.class}" `), t.filters && (typeof t.filters.blur == "number" && t.filters.blur >= 0 && t.filters.blur <= 100 && (a += `:blur(${t.filters.blur})`), typeof t.filters.brightness == "number" && t.filters.brightness >= -100 && t.filters.brightness <= 100 && (a += `:brightness(${t.filters.brightness})`), t.filters.fill && (t.filters.fill.match(/[0-9A-F]{6}/gi) || t.filters.fill === "transparent") && (a += `:fill(${t.filters.fill})`), t.filters.format && ["webp", "png", "jpeg"].includes(t.filters.format) && (a += `:format(${t.filters.format})`), typeof t.filters.grayscale == "boolean" && t.filters.grayscale && (a += ":grayscale()"), typeof t.filters.quality == "number" && t.filters.quality >= 0 && t.filters.quality <= 100 && (a += `:quality(${t.filters.quality})`), t.filters.rotate && [90, 180, 270].includes(t.filters.rotate) && (a += `:rotate(${t.filters.rotate})`), a.length > 0 && (a = `/filters${a}`))), n.length > 0 && (e = e.replace(/<img/g, `<img ${n.trim()}`));
-    const l = r > 0 || o > 0 || a.length > 0 ? `${r}x${o}${a}` : "";
+    const i = r > 0 || o > 0 || a.length > 0 ? `${r}x${o}${a}` : "";
     return e = e.replace(
       /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g,
-      `a.storyblok.com/f/$1/$2.$3/m/${l}`
-    ), typeof t != "boolean" && (t.sizes || t.srcset) && (e = e.replace(/<img.*?src=["|'](.*?)["|']/g, (i) => {
+      `a.storyblok.com/f/$1/$2.$3/m/${i}`
+    ), typeof t != "boolean" && (t.sizes || t.srcset) && (e = e.replace(/<img.*?src=["|'](.*?)["|']/g, (l) => {
       var h, d;
-      const p = i.match(
+      const p = l.match(
         /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g
       );
       if (p && p.length > 0) {
         const b = {
-          srcset: (h = t.srcset) == null ? void 0 : h.map((w) => {
-            if (typeof w == "number")
-              return `//${p}/m/${w}x0${a} ${w}w`;
-            if (typeof w == "object" && w.length === 2) {
-              let E = 0, j = 0;
-              return typeof w[0] == "number" && (E = w[0]), typeof w[1] == "number" && (j = w[1]), `//${p}/m/${E}x${j}${a} ${E}w`;
+          srcset: (h = t.srcset) == null ? void 0 : h.map((y) => {
+            if (typeof y == "number")
+              return `//${p}/m/${y}x0${a} ${y}w`;
+            if (typeof y == "object" && y.length === 2) {
+              let E = 0, I = 0;
+              return typeof y[0] == "number" && (E = y[0]), typeof y[1] == "number" && (I = y[1]), `//${p}/m/${E}x${I}${a} ${E}w`;
             }
             return "";
           }).join(", "),
-          sizes: (d = t.sizes) == null ? void 0 : d.map((w) => w).join(", ")
+          sizes: (d = t.sizes) == null ? void 0 : d.map((y) => y).join(", ")
         };
-        let v = "";
-        return b.srcset && (v += `srcset="${b.srcset}" `), b.sizes && (v += `sizes="${b.sizes}" `), i.replace(/<img/g, `<img ${v.trim()}`);
+        let S = "";
+        return b.srcset && (S += `srcset="${b.srcset}" `), b.sizes && (S += `sizes="${b.sizes}" `), l.replace(/<img/g, `<img ${S.trim()}`);
       }
-      return i;
+      return l;
     })), e;
   }
   renderNode(e) {
@@ -382,7 +382,7 @@ class N {
     const r = this.getMatchingNode(e);
     return r && r.tag && t.push(this.renderOpeningTag(r.tag)), e.content ? e.content.forEach((o) => {
       t.push(this.renderNode(o));
-    }) : e.text ? t.push(Ke(e.text)) : r && r.singleTag ? t.push(this.renderTag(r.singleTag, " /")) : r && r.html ? t.push(r.html) : e.type === "emoji" && t.push(this.renderEmoji(e)), r && r.tag && t.push(this.renderClosingTag(r.tag)), e.marks && e.marks.slice(0).reverse().forEach((o) => {
+    }) : e.text ? t.push(We(e.text)) : r && r.singleTag ? t.push(this.renderTag(r.singleTag, " /")) : r && r.html ? t.push(r.html) : e.type === "emoji" && t.push(this.renderEmoji(e)), r && r.tag && t.push(this.renderClosingTag(r.tag)), e.marks && e.marks.slice(0).reverse().forEach((o) => {
       const n = this.getMatchingMark(o);
       n && n.tag !== "" && t.push(this.renderClosingTag(n.tag));
     }), t.join("");
@@ -437,9 +437,9 @@ class N {
     return this.renderTag(t, " /");
   }
 }
-class Ye {
+class Xe {
   constructor(e) {
-    g(this, "baseURL"), g(this, "timeout"), g(this, "headers"), g(this, "responseInterceptor"), g(this, "fetch"), g(this, "ejectInterceptor"), g(this, "url"), g(this, "parameters"), g(this, "fetchOptions"), this.baseURL = e.baseURL, this.headers = e.headers || new Headers(), this.timeout = e != null && e.timeout ? e.timeout * 1e3 : 0, this.responseInterceptor = e.responseInterceptor, this.fetch = (...t) => e.fetch ? e.fetch(...t) : fetch(...t), this.ejectInterceptor = !1, this.url = "", this.parameters = {}, this.fetchOptions = {};
+    m(this, "baseURL"), m(this, "timeout"), m(this, "headers"), m(this, "responseInterceptor"), m(this, "fetch"), m(this, "ejectInterceptor"), m(this, "url"), m(this, "parameters"), m(this, "fetchOptions"), this.baseURL = e.baseURL, this.headers = e.headers || new Headers(), this.timeout = e != null && e.timeout ? e.timeout * 1e3 : 0, this.responseInterceptor = e.responseInterceptor, this.fetch = (...t) => e.fetch ? e.fetch(...t) : fetch(...t), this.ejectInterceptor = !1, this.url = "", this.parameters = {}, this.fetchOptions = {};
   }
   /**
    *
@@ -476,31 +476,31 @@ class Ye {
   async _methodHandler(e) {
     let t = `${this.baseURL}${this.url}`, r = null;
     if (e === "get") {
-      const i = new P();
-      t = `${this.baseURL}${this.url}?${i.stringify(
+      const l = new N();
+      t = `${this.baseURL}${this.url}?${l.stringify(
         this.parameters
       )}`;
     } else
       r = JSON.stringify(this.parameters);
     const o = new URL(t), n = new AbortController(), { signal: a } = n;
-    let l;
-    this.timeout && (l = setTimeout(() => n.abort(), this.timeout));
+    let i;
+    this.timeout && (i = setTimeout(() => n.abort(), this.timeout));
     try {
-      const i = await this.fetch(`${o}`, {
+      const l = await this.fetch(`${o}`, {
         method: e,
         headers: this.headers,
         body: r,
         signal: a,
         ...this.fetchOptions
       });
-      this.timeout && clearTimeout(l);
+      this.timeout && clearTimeout(i);
       const h = await this._responseHandler(
-        i
+        l
       );
       return this.responseInterceptor && !this.ejectInterceptor ? this._statusHandler(this.responseInterceptor(h)) : this._statusHandler(h);
-    } catch (i) {
+    } catch (l) {
       return {
-        message: i
+        message: l
       };
     }
   }
@@ -524,39 +524,39 @@ class Ye {
     });
   }
 }
-const q = "SB-Agent", D = {
+const G = "SB-Agent", U = {
   defaultAgentName: "SB-JS-CLIENT",
   defaultAgentVersion: "SB-Agent-Version",
   packageVersion: "6.0.0"
 };
-let C = {};
-const S = {};
-class We {
+let L = {};
+const x = {};
+class Qe {
   /**
    *
    * @param config ISbConfig interface
    * @param pEndpoint string, optional
    */
   constructor(e, t) {
-    g(this, "client"), g(this, "maxRetries"), g(this, "retriesDelay"), g(this, "throttle"), g(this, "accessToken"), g(this, "cache"), g(this, "helpers"), g(this, "resolveCounter"), g(this, "relations"), g(this, "links"), g(this, "richTextResolver"), g(this, "resolveNestedRelations"), g(this, "stringifiedStoriesCache");
+    m(this, "client"), m(this, "maxRetries"), m(this, "retriesDelay"), m(this, "throttle"), m(this, "accessToken"), m(this, "cache"), m(this, "helpers"), m(this, "resolveCounter"), m(this, "relations"), m(this, "links"), m(this, "richTextResolver"), m(this, "resolveNestedRelations"), m(this, "stringifiedStoriesCache");
     let r = e.endpoint || t;
     if (!r) {
-      const a = new P().getRegionURL, l = e.https === !1 ? "http" : "https";
-      e.oauthToken ? r = `${l}://${a(e.region)}/v1` : r = `${l}://${a(e.region)}/v2`;
+      const a = new N().getRegionURL, i = e.https === !1 ? "http" : "https";
+      e.oauthToken ? r = `${i}://${a(e.region)}/v1` : r = `${i}://${a(e.region)}/v2`;
     }
     const o = new Headers();
-    o.set("Content-Type", "application/json"), o.set("Accept", "application/json"), e.headers && (e.headers.constructor.name === "Headers" ? e.headers.entries().toArray() : Object.entries(e.headers)).forEach(([a, l]) => {
-      o.set(a, l);
-    }), o.has(q) || (o.set(q, D.defaultAgentName), o.set(
-      D.defaultAgentVersion,
-      D.packageVersion
+    o.set("Content-Type", "application/json"), o.set("Accept", "application/json"), e.headers && (e.headers.constructor.name === "Headers" ? e.headers.entries().toArray() : Object.entries(e.headers)).forEach(([a, i]) => {
+      o.set(a, i);
+    }), o.has(G) || (o.set(G, U.defaultAgentName), o.set(
+      U.defaultAgentVersion,
+      U.packageVersion
     ));
     let n = 5;
-    e.oauthToken && (o.set("Authorization", e.oauthToken), n = 3), e.rateLimit && (n = e.rateLimit), e.richTextSchema ? this.richTextResolver = new N(e.richTextSchema) : this.richTextResolver = new N(), e.componentResolver && this.setComponentResolver(e.componentResolver), this.maxRetries = e.maxRetries || 10, this.retriesDelay = 300, this.throttle = ve(
+    e.oauthToken && (o.set("Authorization", e.oauthToken), n = 3), e.rateLimit && (n = e.rateLimit), e.richTextSchema ? this.richTextResolver = new M(e.richTextSchema) : this.richTextResolver = new M(), e.componentResolver && this.setComponentResolver(e.componentResolver), this.maxRetries = e.maxRetries || 10, this.retriesDelay = 300, this.throttle = Te(
       this.throttledRequest.bind(this),
       n,
       1e3
-    ), this.accessToken = e.accessToken || "", this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.helpers = new P(), this.resolveCounter = 0, this.resolveNestedRelations = e.resolveNestedRelations || !0, this.stringifiedStoriesCache = {}, this.client = new Ye({
+    ), this.accessToken = e.accessToken || "", this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.helpers = new N(), this.resolveCounter = 0, this.resolveNestedRelations = e.resolveNestedRelations || !0, this.stringifiedStoriesCache = {}, this.client = new Xe({
       baseURL: r,
       timeout: e.timeout || 0,
       headers: o,
@@ -575,7 +575,7 @@ class We {
     });
   }
   parseParams(e) {
-    return e.token || (e.token = this.getToken()), e.cv || (e.cv = S[e.token]), Array.isArray(e.resolve_relations) && (e.resolve_relations = e.resolve_relations.join(",")), typeof e.resolve_relations < "u" && (e.resolve_level = 2), e;
+    return e.token || (e.token = this.getToken()), e.cv || (e.cv = x[e.token]), Array.isArray(e.resolve_relations) && (e.resolve_relations = e.resolve_relations.join(",")), typeof e.resolve_relations < "u" && (e.resolve_level = 2), e;
   }
   factoryParamOptions(e, t) {
     return this.helpers.isCDNUrl(e) ? this.parseParams(t) : t;
@@ -593,17 +593,17 @@ class We {
     return this.cacheResponse(o, n, void 0, r);
   }
   async getAll(e, t, r, o) {
-    const n = (t == null ? void 0 : t.per_page) || 25, a = `/${e}`.replace(/\/$/, ""), l = r ?? a.substring(a.lastIndexOf("/") + 1), i = 1, h = await this.makeRequest(
+    const n = (t == null ? void 0 : t.per_page) || 25, a = `/${e}`.replace(/\/$/, ""), i = r ?? a.substring(a.lastIndexOf("/") + 1), l = 1, h = await this.makeRequest(
       a,
       t,
       n,
-      i,
+      l,
       o
     ), d = h.total ? Math.ceil(h.total / n) : 1, p = await this.helpers.asyncMap(
-      this.helpers.range(i, d),
+      this.helpers.range(l, d),
       (b) => this.makeRequest(a, t, n, b + 1, o)
     );
-    return this.helpers.flatMap([h, ...p], (b) => Object.values(b.data[l]));
+    return this.helpers.flatMap([h, ...p], (b) => Object.values(b.data[i]));
   }
   post(e, t, r) {
     const o = `/${e}`;
@@ -706,11 +706,11 @@ class We {
     const o = (n, a = "") => {
       if (!(!n || n._stopResolving)) {
         if (Array.isArray(n))
-          n.forEach((l, i) => o(l, `${a}[${i}]`));
+          n.forEach((i, l) => o(i, `${a}[${l}]`));
         else if (typeof n == "object")
-          for (const l in n) {
-            const i = a ? `${a}.${l}` : l;
-            (n.component && n._uid || n.type === "link") && (this._insertRelations(n, l, t, r), this._insertLinks(n, l, r)), o(n[l], i);
+          for (const i in n) {
+            const l = a ? `${a}.${i}` : i;
+            (n.component && n._uid || n.type === "link") && (this._insertRelations(n, i, t, r), this._insertLinks(n, i, r)), o(n[i], l);
           }
       }
     };
@@ -719,18 +719,18 @@ class We {
   async resolveLinks(e, t, r) {
     let o = [];
     if (e.link_uuids) {
-      const n = e.link_uuids.length, a = [], l = 50;
-      for (let i = 0; i < n; i += l) {
-        const h = Math.min(n, i + l);
-        a.push(e.link_uuids.slice(i, h));
+      const n = e.link_uuids.length, a = [], i = 50;
+      for (let l = 0; l < n; l += i) {
+        const h = Math.min(n, l + i);
+        a.push(e.link_uuids.slice(l, h));
       }
-      for (let i = 0; i < a.length; i++)
+      for (let l = 0; l < a.length; l++)
         (await this.getStories({
-          per_page: l,
+          per_page: i,
           language: t.language,
           version: t.version,
           starts_with: t.starts_with,
-          by_uuids: a[i].join(",")
+          by_uuids: a[l].join(",")
         })).data.stories.forEach(
           (h) => {
             o.push(h);
@@ -748,22 +748,23 @@ class We {
   async resolveRelations(e, t, r) {
     let o = [];
     if (e.rel_uuids) {
-      const n = e.rel_uuids.length, a = [], l = 50;
-      for (let i = 0; i < n; i += l) {
-        const h = Math.min(n, i + l);
-        a.push(e.rel_uuids.slice(i, h));
+      const n = e.rel_uuids.length, a = [], i = 50;
+      for (let l = 0; l < n; l += i) {
+        const h = Math.min(n, l + i);
+        a.push(e.rel_uuids.slice(l, h));
       }
-      for (let i = 0; i < a.length; i++)
+      for (let l = 0; l < a.length; l++)
         (await this.getStories({
-          per_page: l,
+          per_page: i,
           language: t.language,
           version: t.version,
           starts_with: t.starts_with,
-          by_uuids: a[i].join(","),
+          by_uuids: a[l].join(","),
           excluding_fields: t.excluding_fields
         })).data.stories.forEach((h) => {
           o.push(h);
         });
+      o.length > 0 && (e.rels = o, delete e.rel_uuids);
     } else
       o = e.rels;
     o && o.length > 0 && o.forEach((n) => {
@@ -786,24 +787,24 @@ class We {
     var o, n;
     let a = [];
     if (this.links[r] = {}, this.relations[r] = {}, typeof t.resolve_relations < "u" && t.resolve_relations.length > 0 && (typeof t.resolve_relations == "string" && (a = t.resolve_relations.split(",")), await this.resolveRelations(e, t, r)), t.resolve_links && ["1", "story", "url", "link"].includes(t.resolve_links) && ((o = e.links) != null && o.length || (n = e.link_uuids) != null && n.length) && await this.resolveLinks(e, t, r), this.resolveNestedRelations)
-      for (const l in this.relations[r])
+      for (const i in this.relations[r])
         this.iterateTree(
-          this.relations[r][l],
+          this.relations[r][i],
           a,
           r
         );
-    e.story ? this.iterateTree(e.story, a, r) : e.stories.forEach((l) => {
-      this.iterateTree(l, a, r);
+    e.story ? this.iterateTree(e.story, a, r) : e.stories.forEach((i) => {
+      this.iterateTree(i, a, r);
     }), this.stringifiedStoriesCache = {}, delete this.links[r], delete this.relations[r];
   }
   async cacheResponse(e, t, r, o) {
     const n = this.helpers.stringify({ url: e, params: t }), a = this.cacheProvider();
     if (t.version === "published" && e !== "/cdn/spaces/me") {
-      const l = await a.get(n);
-      if (l)
-        return Promise.resolve(l);
+      const i = await a.get(n);
+      if (i)
+        return Promise.resolve(i);
     }
-    return new Promise(async (l, i) => {
+    return new Promise(async (i, l) => {
       var h;
       try {
         const d = await this.throttle(
@@ -813,24 +814,24 @@ class We {
           o
         );
         if (d.status !== 200)
-          return i(d);
+          return l(d);
         let p = { data: d.data, headers: d.headers };
         if ((h = d.headers) != null && h["per-page"] && (p = Object.assign({}, p, {
           perPage: d.headers["per-page"] ? Number.parseInt(d.headers["per-page"]) : 0,
           total: d.headers["per-page"] ? Number.parseInt(d.headers.total) : 0
         })), p.data.story || p.data.stories) {
-          const v = this.resolveCounter = ++this.resolveCounter % 1e3;
-          await this.resolveStories(p.data, t, `${v}`);
+          const S = this.resolveCounter = ++this.resolveCounter % 1e3;
+          await this.resolveStories(p.data, t, `${S}`);
         }
         t.version === "published" && e !== "/cdn/spaces/me" && await a.set(n, p);
         const b = this.cache.clear === "onpreview" && t.version === "draft" || this.cache.clear === "auto";
-        return t.token && p.data.cv && (b && S[t.token] && S[t.token] !== p.data.cv && await this.flushCache(), S[t.token] = p.data.cv), l(p);
+        return t.token && p.data.cv && (b && x[t.token] && x[t.token] !== p.data.cv && await this.flushCache(), x[t.token] = p.data.cv), i(p);
       } catch (d) {
         if (d.response && d.status === 429 && (r = typeof r > "u" ? 0 : r + 1, r < this.maxRetries))
           return console.log(
             `Hit rate limit. Retrying in ${this.retriesDelay / 1e3} seconds.`
-          ), await this.helpers.delay(this.retriesDelay), this.cacheResponse(e, t, r).then(l).catch(i);
-        i(d);
+          ), await this.helpers.delay(this.retriesDelay), this.cacheResponse(e, t, r).then(i).catch(l);
+        l(d);
       }
     });
   }
@@ -838,38 +839,37 @@ class We {
     return this.client.setFetchOptions(o), this.client[e](t, r);
   }
   cacheVersions() {
-    return S;
+    return x;
   }
   cacheVersion() {
-    return S[this.accessToken];
+    return x[this.accessToken];
   }
   setCacheVersion(e) {
-    this.accessToken && (S[this.accessToken] = e);
+    this.accessToken && (x[this.accessToken] = e);
   }
   clearCacheVersion() {
-    this.accessToken && (S[this.accessToken] = 0);
+    this.accessToken && (x[this.accessToken] = 0);
   }
   cacheProvider() {
     switch (this.cache.type) {
       case "memory":
         return {
           get(e) {
-            return Promise.resolve(C[e]);
+            return Promise.resolve(L[e]);
           },
           getAll() {
-            return Promise.resolve(C);
+            return Promise.resolve(L);
           },
           set(e, t) {
-            return C[e] = t, Promise.resolve(void 0);
+            return L[e] = t, Promise.resolve(void 0);
           },
           flush() {
-            return C = {}, Promise.resolve(void 0);
+            return L = {}, Promise.resolve(void 0);
           }
         };
       case "custom":
         if (this.cache.custom)
           return this.cache.custom;
-      // eslint-disable-next-line no-fallthrough
       default:
         return {
           get() {
@@ -891,7 +891,7 @@ class We {
     return await this.cacheProvider().flush(), this.clearCacheVersion(), this;
   }
 }
-const dt = (s = {}) => {
+const gt = (s = {}) => {
   const { apiOptions: e } = s;
   if (!e || !e.accessToken) {
     console.error(
@@ -899,8 +899,8 @@ const dt = (s = {}) => {
     );
     return;
   }
-  return { storyblokApi: new We(e) };
-}, Xe = (s) => {
+  return { storyblokApi: new Qe(e) };
+}, Ze = (s) => {
   if (typeof s != "object" || typeof s._editable > "u")
     return {};
   try {
@@ -915,24 +915,24 @@ const dt = (s = {}) => {
     return {};
   }
 };
-function Qe(s, e) {
+function et(s, e) {
   if (!e)
     return { src: s, attrs: {} };
   let t = 0, r = 0;
   const o = {}, n = [];
-  function a(i, h, d, p, b) {
-    typeof i != "number" || i <= h || i >= d ? console.warn(`[StoryblokRichText] - ${p.charAt(0).toUpperCase() + p.slice(1)} value must be a number between ${h} and ${d} (inclusive)`) : b.push(`${p}(${i})`);
+  function a(l, h, d, p, b) {
+    typeof l != "number" || l <= h || l >= d ? console.warn(`[StoryblokRichText] - ${p.charAt(0).toUpperCase() + p.slice(1)} value must be a number between ${h} and ${d} (inclusive)`) : b.push(`${p}(${l})`);
   }
   if (typeof e == "object") {
     if (typeof e.width == "number" && e.width > 0 ? (o.width = e.width, t = e.width) : console.warn("[StoryblokRichText] - Width value must be a number greater than 0"), e.height && typeof e.height == "number" && e.height > 0 ? (o.height = e.height, r = e.height) : console.warn("[StoryblokRichText] - Height value must be a number greater than 0"), e.loading && ["lazy", "eager"].includes(e.loading) && (o.loading = e.loading), e.class && (o.class = e.class), e.filters) {
-      const { filters: i } = e || {}, { blur: h, brightness: d, fill: p, format: b, grayscale: v, quality: w, rotate: E } = i || {};
-      h && a(h, 0, 100, "blur", n), w && a(w, 0, 100, "quality", n), d && a(d, 0, 100, "brightness", n), p && n.push(`fill(${p})`), v && n.push("grayscale()"), E && [0, 90, 180, 270].includes(e.filters.rotate || 0) && n.push(`rotate(${E})`), b && ["webp", "png", "jpeg"].includes(b) && n.push(`format(${b})`);
+      const { filters: l } = e || {}, { blur: h, brightness: d, fill: p, format: b, grayscale: S, quality: y, rotate: E } = l || {};
+      h && a(h, 0, 100, "blur", n), y && a(y, 0, 100, "quality", n), d && a(d, 0, 100, "brightness", n), p && n.push(`fill(${p})`), S && n.push("grayscale()"), E && [0, 90, 180, 270].includes(e.filters.rotate || 0) && n.push(`rotate(${E})`), b && ["webp", "png", "jpeg"].includes(b) && n.push(`format(${b})`);
     }
-    e.srcset && (o.srcset = e.srcset.map((i) => {
-      if (typeof i == "number")
-        return `${s}/m/${i}x0/${n.length > 0 ? `filters:${n.join(":")}` : ""} ${i}w`;
-      if (Array.isArray(i) && i.length === 2) {
-        const [h, d] = i;
+    e.srcset && (o.srcset = e.srcset.map((l) => {
+      if (typeof l == "number")
+        return `${s}/m/${l}x0/${n.length > 0 ? `filters:${n.join(":")}` : ""} ${l}w`;
+      if (Array.isArray(l) && l.length === 2) {
+        const [h, d] = l;
         return `${s}/m/${h}x${d}/${n.length > 0 ? `filters:${n.join(":")}` : ""} ${h}w`;
       } else {
         console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");
@@ -940,14 +940,14 @@ function Qe(s, e) {
       }
     }).join(", ")), e.sizes && (o.sizes = e.sizes.join(", "));
   }
-  let l = `${s}/m/`;
-  return t > 0 && r > 0 && (l = `${l}${t}x${r}/`), n.length > 0 && (l = `${l}filters:${n.join(":")}`), {
-    src: l,
+  let i = `${s}/m/`;
+  return t > 0 && r > 0 && (i = `${i}${t}x${r}/`), n.length > 0 && (i = `${i}filters:${n.join(":")}`), {
+    src: i,
     attrs: o
   };
 }
-var k = /* @__PURE__ */ ((s) => (s.DOCUMENT = "doc", s.HEADING = "heading", s.PARAGRAPH = "paragraph", s.QUOTE = "blockquote", s.OL_LIST = "ordered_list", s.UL_LIST = "bullet_list", s.LIST_ITEM = "list_item", s.CODE_BLOCK = "code_block", s.HR = "horizontal_rule", s.BR = "hard_break", s.IMAGE = "image", s.EMOJI = "emoji", s.COMPONENT = "blok", s.TABLE = "table", s.TABLE_ROW = "tableRow", s.TABLE_CELL = "tableCell", s.TABLE_HEADER = "tableHeader", s))(k || {}), _ = /* @__PURE__ */ ((s) => (s.BOLD = "bold", s.STRONG = "strong", s.STRIKE = "strike", s.UNDERLINE = "underline", s.ITALIC = "italic", s.CODE = "code", s.LINK = "link", s.ANCHOR = "anchor", s.STYLED = "styled", s.SUPERSCRIPT = "superscript", s.SUBSCRIPT = "subscript", s.TEXT_STYLE = "textStyle", s.HIGHLIGHT = "highlight", s))(_ || {}), X = /* @__PURE__ */ ((s) => (s.TEXT = "text", s))(X || {}), A = /* @__PURE__ */ ((s) => (s.URL = "url", s.STORY = "story", s.ASSET = "asset", s.EMAIL = "email", s))(A || {});
-const Ze = [
+var v = /* @__PURE__ */ ((s) => (s.DOCUMENT = "doc", s.HEADING = "heading", s.PARAGRAPH = "paragraph", s.QUOTE = "blockquote", s.OL_LIST = "ordered_list", s.UL_LIST = "bullet_list", s.LIST_ITEM = "list_item", s.CODE_BLOCK = "code_block", s.HR = "horizontal_rule", s.BR = "hard_break", s.IMAGE = "image", s.EMOJI = "emoji", s.COMPONENT = "blok", s.TABLE = "table", s.TABLE_ROW = "tableRow", s.TABLE_CELL = "tableCell", s.TABLE_HEADER = "tableHeader", s))(v || {}), _ = /* @__PURE__ */ ((s) => (s.BOLD = "bold", s.STRONG = "strong", s.STRIKE = "strike", s.UNDERLINE = "underline", s.ITALIC = "italic", s.CODE = "code", s.LINK = "link", s.ANCHOR = "anchor", s.STYLED = "styled", s.SUPERSCRIPT = "superscript", s.SUBSCRIPT = "subscript", s.TEXT_STYLE = "textStyle", s.HIGHLIGHT = "highlight", s))(_ || {}), Z = /* @__PURE__ */ ((s) => (s.TEXT = "text", s))(Z || {}), j = /* @__PURE__ */ ((s) => (s.URL = "url", s.STORY = "story", s.ASSET = "asset", s.EMAIL = "email", s))(j || {});
+const tt = [
   "area",
   "base",
   "br",
@@ -962,191 +962,197 @@ const Ze = [
   "source",
   "track",
   "wbr"
-], et = (s = {}) => Object.keys(s).map((e) => `${e}="${s[e]}"`).join(" "), tt = (s = {}) => Object.keys(s).map((e) => `${e}: ${s[e]}`).join("; ");
-function rt(s) {
+], rt = (s = {}) => Object.keys(s).map((e) => `${e}="${s[e]}"`).join(" "), st = (s = {}) => Object.keys(s).map((e) => `${e}: ${s[e]}`).join("; ");
+function ot(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const L = (s) => Object.fromEntries(Object.entries(s).filter(([e, t]) => t !== void 0));
-function V(s, e = {}, t) {
-  const r = et(e), o = r ? `${s} ${r}` : s, n = Array.isArray(t) ? t.join("") : t || "";
+const O = (s) => Object.fromEntries(Object.entries(s).filter(([e, t]) => t !== void 0));
+function K(s, e = {}, t) {
+  const r = rt(e), o = r ? `${s} ${r}` : s, n = Array.isArray(t) ? t.join("") : t || "";
   if (s) {
-    if (Ze.includes(s))
+    if (tt.includes(s))
       return `<${o}>`;
   } else return n;
   return `<${o}>${n}</${s}>`;
 }
-function st(s = {}) {
-  let e = 0;
-  const {
-    renderFn: t = V,
-    textFn: r = rt,
+function nt(s = {}) {
+  const e = /* @__PURE__ */ new Map(), {
+    renderFn: t = K,
+    textFn: r = ot,
     resolvers: o = {},
     optimizeImages: n = !1,
     keyedResolvers: a = !1
-  } = s, l = t !== V, i = (c) => (u) => {
-    const m = u.attrs || {};
-    return a && (m.key = `${c}-${e}`), t(c, m, u.children || null);
-  }, h = (c) => {
-    const { src: u, alt: m, title: y, srcset: R, sizes: $ } = c.attrs || {};
-    let f = u, T = {};
+  } = s, i = t !== K, l = () => ({ render: (c, u = {}, g) => {
+    if (a && c) {
+      const f = e.get(c) || 0;
+      e.set(c, f + 1), u.key = `${c}-${f}`;
+    }
+    return t(c, u, g);
+  } }), h = (c) => (u, g) => {
+    const f = u.attrs || {};
+    return g.render(c, f, u.children || null);
+  }, d = (c, u) => {
+    const { src: g, alt: f, title: k, srcset: w, sizes: $ } = c.attrs || {};
+    let T = g, R = {};
     if (n) {
-      const { src: le, attrs: ce } = Qe(u, n);
-      f = le, T = ce;
+      const { src: he, attrs: ue } = et(g, n);
+      T = he, R = ue;
     }
-    a && (T = {
-      ...T,
-      key: `img-${e}`
-    });
-    const ie = {
-      src: f,
-      alt: m,
-      title: y,
-      srcset: R,
+    const ce = {
+      src: T,
+      alt: f,
+      title: k,
+      srcset: w,
       sizes: $,
-      ...T
-    };
-    return t("img", L(ie));
-  }, d = (c) => {
-    const { level: u, ...m } = c.attrs || {}, y = {
-      ...m
+      ...R
     };
-    return a && (y.key = `h${u}-${e}`), t(`h${u}`, y, c.children);
-  }, p = (c) => {
-    var u, m, y, R;
-    const $ = t("img", {
-      src: (u = c.attrs) == null ? void 0 : u.fallbackImage,
-      alt: (m = c.attrs) == null ? void 0 : m.alt,
+    return u.render("img", O(ce));
+  }, p = (c, u) => {
+    const { level: g, ...f } = c.attrs || {};
+    return u.render(`h${g}`, f, c.children);
+  }, b = (c, u) => {
+    var g, f, k, w;
+    const $ = u.render("img", {
+      src: (g = c.attrs) == null ? void 0 : g.fallbackImage,
+      alt: (f = c.attrs) == null ? void 0 : f.alt,
       style: "width: 1.25em; height: 1.25em; vertical-align: text-top",
       draggable: "false",
       loading: "lazy"
-    }), f = {
+    });
+    return u.render("span", {
       "data-type": "emoji",
-      "data-name": (y = c.attrs) == null ? void 0 : y.name,
-      "data-emoji": (R = c.attrs) == null ? void 0 : R.emoji
-    };
-    return a && (f.key = `emoji-${e}`), t("span", f, $);
-  }, b = (c) => t("pre", {
-    ...c.attrs,
-    key: `code-${e}`
-  }, t("code", { key: `code-${e}` }, c.children || "")), v = (c, u = !1) => ({ text: m, attrs: y }) => {
-    const { class: R, id: $, ...f } = y || {}, T = u ? {
-      class: R,
+      "data-name": (k = c.attrs) == null ? void 0 : k.name,
+      "data-emoji": (w = c.attrs) == null ? void 0 : w.emoji
+    }, $);
+  }, S = (c, u) => u.render(
+    "pre",
+    c.attrs || {},
+    u.render("code", {}, c.children || "")
+  ), y = (c, u = !1) => ({ text: g, attrs: f }, k) => {
+    const { class: w, id: $, ...T } = f || {}, R = u ? {
+      class: w,
       id: $,
-      style: tt(f) || void 0
-    } : y || {};
-    return a && (T.key = `${c}-${e}`), t(c, L(T), m);
-  }, w = (c) => M(c), E = (c) => {
-    const { marks: u, ...m } = c;
-    return "text" in c ? u ? u.reduce(
-      (y, R) => w({ ...R, text: y }),
-      // Fix: Ensure render function returns a string
-      w({ ...m, children: m.children })
-      // Fix: Cast children to string
-    ) : r(m.text) : "";
-  }, j = (c) => {
-    const { linktype: u, href: m, anchor: y, ...R } = c.attrs || {};
+      style: st(T) || void 0
+    } : f || {};
+    return k.render(c, O(R), g);
+  }, E = (c) => H(c), I = (c) => {
+    const { marks: u, ...g } = c;
+    if ("text" in c) {
+      if (u)
+        return u.reduce(
+          (k, w) => E({ ...w, text: k }),
+          E({ ...g, children: g.children })
+        );
+      const f = c.attrs || {};
+      if (a) {
+        const k = e.get("txt") || 0;
+        e.set("txt", k + 1), f.key = `txt-${k}`;
+      }
+      return r(g.text, f);
+    }
+    return "";
+  }, z = (c, u) => {
+    const { linktype: g, href: f, anchor: k, ...w } = c.attrs || {};
     let $ = "";
-    switch (u) {
-      case A.ASSET:
-      case A.URL:
-        $ = m;
+    switch (g) {
+      case j.ASSET:
+      case j.URL:
+        $ = f;
         break;
-      case A.EMAIL:
-        $ = `mailto:${m}`;
+      case j.EMAIL:
+        $ = `mailto:${f}`;
         break;
-      case A.STORY:
-        $ = m, y && ($ = `${$}#${y}`);
+      case j.STORY:
+        $ = f, k && ($ = `${$}#${k}`);
         break;
       default:
-        $ = m;
+        $ = f;
         break;
     }
-    const f = { ...R };
-    return $ && (f.href = $), a && (f.key = `a-${e}`), t("a", f, c.text);
-  }, te = (c) => {
-    var u, m;
-    return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"), t("span", {
-      blok: (u = c == null ? void 0 : c.attrs) == null ? void 0 : u.body[0],
-      id: (m = c.attrs) == null ? void 0 : m.id,
-      key: `component-${e}`,
+    const T = { ...w };
+    return $ && (T.href = $), u.render("a", T, c.text);
+  }, se = (c, u) => {
+    var g, f;
+    return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"), u.render("span", {
+      blok: (g = c == null ? void 0 : c.attrs) == null ? void 0 : g.body[0],
+      id: (f = c.attrs) == null ? void 0 : f.id,
       style: "display: none"
     });
-  }, re = (c) => {
-    const u = {};
-    return a && (u.key = `table-${e}`), t("table", u, c.children);
-  }, se = (c) => {
-    const u = {};
-    return a && (u.key = `tr-${e}`), t("tr", u, c.children);
-  }, oe = (c) => {
-    const { colspan: u, rowspan: m, colwidth: y, backgroundColor: R, ...$ } = c.attrs || {}, f = {
+  }, oe = (c, u) => {
+    const g = {}, f = u.render("tbody", {}, c.children);
+    return u.render("table", g, f);
+  }, ne = (c, u) => {
+    const g = {};
+    return u.render("tr", g, c.children);
+  }, ae = (c, u) => {
+    const { colspan: g, rowspan: f, colwidth: k, backgroundColor: w, ...$ } = c.attrs || {}, T = {
       ...$
     };
-    u > 1 && (f.colspan = u), m > 1 && (f.rowspan = m);
-    const T = [];
-    return y && T.push(`width: ${y}px;`), R && T.push(`background-color: ${R};`), T.length > 0 && (f.style = T.join(" ")), a && (f.key = `td-${e}`), t("td", L(f), c.children);
-  }, ne = (c) => {
-    const { colspan: u, rowspan: m, colwidth: y, backgroundColor: R, ...$ } = c.attrs || {}, f = {
+    g > 1 && (T.colspan = g), f > 1 && (T.rowspan = f);
+    const R = [];
+    return k && R.push(`width: ${k}px;`), w && R.push(`background-color: ${w};`), R.length > 0 && (T.style = R.join(" ")), u.render("td", O(T), c.children);
+  }, ie = (c, u) => {
+    const { colspan: g, rowspan: f, colwidth: k, backgroundColor: w, ...$ } = c.attrs || {}, T = {
       ...$
     };
-    u > 1 && (f.colspan = u), m > 1 && (f.rowspan = m);
-    const T = [];
-    return y && T.push(`width: ${y}px;`), R && T.push(`background-color: ${R};`), T.length > 0 && (f.style = T.join(" ")), a && (f.key = `th-${e}`), t("th", L(f), c.children);
-  }, ae = new Map([
-    [k.DOCUMENT, i("")],
-    [k.HEADING, d],
-    [k.PARAGRAPH, i("p")],
-    [k.UL_LIST, i("ul")],
-    [k.OL_LIST, i("ol")],
-    [k.LIST_ITEM, i("li")],
-    [k.IMAGE, h],
-    [k.EMOJI, p],
-    [k.CODE_BLOCK, b],
-    [k.HR, i("hr")],
-    [k.BR, i("br")],
-    [k.QUOTE, i("blockquote")],
-    [k.COMPONENT, te],
-    [X.TEXT, E],
-    [_.LINK, j],
-    [_.ANCHOR, j],
-    [_.STYLED, v("span", !0)],
-    [_.BOLD, v("strong")],
-    [_.TEXT_STYLE, v("span", !0)],
-    [_.ITALIC, v("em")],
-    [_.UNDERLINE, v("u")],
-    [_.STRIKE, v("s")],
-    [_.CODE, v("code")],
-    [_.SUPERSCRIPT, v("sup")],
-    [_.SUBSCRIPT, v("sub")],
-    [_.HIGHLIGHT, v("mark")],
-    [k.TABLE, re],
-    [k.TABLE_ROW, se],
-    [k.TABLE_CELL, oe],
-    [k.TABLE_HEADER, ne],
+    g > 1 && (T.colspan = g), f > 1 && (T.rowspan = f);
+    const R = [];
+    return k && R.push(`width: ${k}px;`), w && R.push(`background-color: ${w};`), R.length > 0 && (T.style = R.join(" ")), u.render("th", O(T), c.children);
+  }, le = new Map([
+    [v.DOCUMENT, h("")],
+    [v.HEADING, p],
+    [v.PARAGRAPH, h("p")],
+    [v.UL_LIST, h("ul")],
+    [v.OL_LIST, h("ol")],
+    [v.LIST_ITEM, h("li")],
+    [v.IMAGE, d],
+    [v.EMOJI, b],
+    [v.CODE_BLOCK, S],
+    [v.HR, h("hr")],
+    [v.BR, h("br")],
+    [v.QUOTE, h("blockquote")],
+    [v.COMPONENT, se],
+    [Z.TEXT, I],
+    [_.LINK, z],
+    [_.ANCHOR, z],
+    [_.STYLED, y("span", !0)],
+    [_.BOLD, y("strong")],
+    [_.TEXT_STYLE, y("span", !0)],
+    [_.ITALIC, y("em")],
+    [_.UNDERLINE, y("u")],
+    [_.STRIKE, y("s")],
+    [_.CODE, y("code")],
+    [_.SUPERSCRIPT, y("sup")],
+    [_.SUBSCRIPT, y("sub")],
+    [_.HIGHLIGHT, y("mark")],
+    [v.TABLE, oe],
+    [v.TABLE_ROW, ne],
+    [v.TABLE_CELL, ae],
+    [v.TABLE_HEADER, ie],
     ...Object.entries(o).map(([c, u]) => [c, u])
   ]);
-  function I(c) {
-    e += 1;
-    const u = ae.get(c.type);
+  function C(c) {
+    const u = le.get(c.type);
     if (!u)
       return console.error("<Storyblok>", `No resolver found for node type ${c.type}`), "";
+    const g = l();
     if (c.type === "text")
-      return u(c);
-    const m = c.content ? c.content.map(M) : void 0;
+      return u(c, g);
+    const f = c.content ? c.content.map(H) : void 0;
     return u({
       ...c,
-      children: m
-      // Fix: Update the type of 'children' to Node[]
-    });
+      children: f
+    }, g);
   }
-  function M(c) {
-    return c.type === "doc" ? l ? c.content.map(I) : c.content.map(I).join("") : Array.isArray(c) ? c.map(I) : I(c);
+  function H(c) {
+    return c.type === "doc" ? i ? c.content.map(C) : c.content.map(C).join("") : Array.isArray(c) ? c.map(C) : C(c);
   }
   return {
-    render: M
+    render: H
   };
 }
-let U, G = "https://app.storyblok.com/f/storyblok-v2-latest.js";
-const ot = (s, e, t = {}) => {
+let B, J = "https://app.storyblok.com/f/storyblok-v2-latest.js";
+const at = (s, e, t = {}) => {
   var r;
   const o = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", n = new URL((r = window.location) == null ? void 0 : r.href).searchParams.get(
     "_storyblok"
@@ -1157,13 +1163,13 @@ const ot = (s, e, t = {}) => {
       return;
     }
     window.storyblokRegisterEvent(() => {
-      new window.StoryblokBridge(t).on(["input", "published", "change"], (l) => {
-        var i;
-        l && (l.action === "input" && ((i = l.story) == null ? void 0 : i.id) === s ? e(l.story) : (l.action === "change" || l.action === "published") && l.storyId === s && window.location.reload());
+      new window.StoryblokBridge(t).on(["input", "published", "change"], (i) => {
+        var l;
+        i && (i.action === "input" && ((l = i.story) == null ? void 0 : l.id) === s ? e(i.story) : (i.action === "change" || i.action === "published") && i.storyId === s && window.location.reload());
       });
     });
   }
-}, Q = (s, e) => {
+}, ee = (s, e) => {
   s.addNode("blok", (t) => {
     let r = "";
     return t.attrs.body.forEach((o) => {
@@ -1172,60 +1178,60 @@ const ot = (s, e, t = {}) => {
       html: r
     };
   });
-}, nt = (s = {}) => {
+}, it = (s = {}) => {
   var e, t;
   const {
     bridge: r,
     accessToken: o,
     use: n = [],
     apiOptions: a = {},
-    richText: l = {},
-    bridgeUrl: i
+    richText: i = {},
+    bridgeUrl: l
   } = s;
   a.accessToken = a.accessToken || o;
   const h = { bridge: r, apiOptions: a };
   let d = {};
   n.forEach((b) => {
     d = { ...d, ...b(h) };
-  }), i && (G = i);
+  }), l && (J = l);
   const p = !(typeof window > "u") && ((t = (e = window.location) == null ? void 0 : e.search) == null ? void 0 : t.includes("_storyblok_tk"));
-  return r !== !1 && p && fe(G), U = new N(l.schema), l.resolver && Q(U, l.resolver), d;
-}, at = (s) => {
+  return r !== !1 && p && be(J), B = new M(i.schema), i.resolver && ee(B, i.resolver), d;
+}, lt = (s) => {
   var e;
   return !s || !((e = s == null ? void 0 : s.content) != null && e.some((t) => t.content || t.type === "blok" || t.type === "horizontal_rule"));
-}, pt = (s, e, t) => {
-  let r = t || U;
+}, ft = (s, e, t) => {
+  let r = t || B;
   if (!r) {
     console.error(
       "Please initialize the Storyblok SDK before calling the renderRichText function"
     );
     return;
   }
-  return at(s) ? "" : (e && (r = new N(e.schema), e.resolver && Q(r, e.resolver)), r.render(s, {}, !1));
-}, Z = /* @__PURE__ */ J({
+  return lt(s) ? "" : (e && (r = new M(e.schema), e.resolver && ee(r, e.resolver)), r.render(s, {}, !1));
+}, te = /* @__PURE__ */ Y({
   __name: "StoryblokComponent",
   props: {
     blok: {}
   },
   setup(s, { expose: e }) {
-    const t = s, r = O();
+    const t = s, r = P();
     e({
       value: r
     });
-    const o = typeof H(t.blok.component) != "string", n = he("VueSDKOptions"), a = O(t.blok.component);
-    return !o && n && (n.enableFallbackComponent ? (a.value = n.customFallbackComponent ?? "FallbackComponent", typeof H(a.value) == "string" && console.error(
+    const o = typeof D(t.blok.component) != "string", n = de("VueSDKOptions"), a = P(t.blok.component);
+    return !o && n && (n.enableFallbackComponent ? (a.value = n.customFallbackComponent ?? "FallbackComponent", typeof D(a.value) == "string" && console.error(
       `Is the Fallback component "${a.value}" registered properly?`
     )) : console.error(
       `Component could not be found for blok "${t.blok.component}"! Is it defined in main.ts as "app.component("${t.blok.component}", ${t.blok.component});"?`
-    )), (l, i) => (Y(), K(H(a.value), ue({
+    )), (i, l) => (X(), W(D(a.value), pe({
       ref_key: "blokRef",
       ref: r
-    }, { ...l.$props, ...l.$attrs }), null, 16));
+    }, { ...i.$props, ...i.$attrs }), null, 16));
   }
-}), it = (s) => {
+}), ct = (s) => {
   var e, t;
-  return W(
-    Z,
+  return Q(
+    te,
     {
       blok: (e = s == null ? void 0 : s.attrs) == null ? void 0 : e.body[0],
       id: (t = s.attrs) == null ? void 0 : t.id
@@ -1233,89 +1239,89 @@ const ot = (s, e, t = {}) => {
     s.children
   );
 };
-function lt(s) {
+function ht(s) {
   const e = {
-    renderFn: W,
-    textFn: de,
+    renderFn: Q,
+    textFn: ge,
     keyedResolvers: !0,
     resolvers: {
-      [k.COMPONENT]: it,
+      [v.COMPONENT]: ct,
       ...s.resolvers
     }
   };
-  return st(e);
+  return nt(e);
 }
-const ct = /* @__PURE__ */ J({
+const ut = /* @__PURE__ */ Y({
   __name: "StoryblokRichText",
   props: {
     doc: {},
     resolvers: {}
   },
   setup(s) {
-    const e = s, t = O(), r = () => t.value;
-    return pe([() => e.doc, () => e.resolvers], ([o, n]) => {
-      const { render: a } = lt({
+    const e = s, t = P(), r = () => t.value;
+    return fe([() => e.doc, () => e.resolvers], ([o, n]) => {
+      const { render: a } = ht({
         resolvers: n ?? {}
       });
       t.value = a(o);
     }, {
       immediate: !0,
       deep: !0
-    }), (o, n) => (Y(), K(r));
+    }), (o, n) => (X(), W(r));
   }
-}), ht = {
+}), dt = {
   beforeMount(s, e) {
     if (e.value) {
-      const t = Xe(e.value);
+      const t = Ze(e.value);
       Object.keys(t).length > 0 && (s.setAttribute("data-blok-c", t["data-blok-c"]), s.setAttribute("data-blok-uid", t["data-blok-uid"]), s.classList.add("storyblok__outline"));
     }
   }
-}, ee = (s) => {
+}, re = (s) => {
   console.error(`You can't use ${s} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
     `);
 };
-let x = null;
-const gt = () => (x || ee("useStoryblokApi"), x), mt = async (s, e = {}, t = {}) => {
-  const r = O(null);
-  if (t.resolveRelations = t.resolveRelations ?? e.resolve_relations, t.resolveLinks = t.resolveLinks ?? e.resolve_links, ge(() => {
-    r.value && r.value.id && ot(
+let A = null;
+const mt = () => (A || re("useStoryblokApi"), A), yt = async (s, e = {}, t = {}) => {
+  const r = P(null);
+  if (t.resolveRelations = t.resolveRelations ?? e.resolve_relations, t.resolveLinks = t.resolveLinks ?? e.resolve_links, me(() => {
+    r.value && r.value.id && at(
       r.value.id,
       (o) => r.value = o,
       t
     );
-  }), x) {
-    const { data: o } = await x.get(
+  }), A) {
+    const { data: o } = await A.get(
       `cdn/stories/${s}`,
       e
     );
     r.value = o.story;
   } else
-    ee("useStoryblok");
+    re("useStoryblok");
   return r;
-}, ft = {
+}, bt = {
   install(s, e = {}) {
-    s.directive("editable", ht), s.component("StoryblokComponent", Z), s.component("StoryblokRichText", ct), e.enableFallbackComponent && !e.customFallbackComponent && s.component(
+    s.directive("editable", dt), s.component("StoryblokComponent", te), s.component("StoryblokRichText", ut), e.enableFallbackComponent && !e.customFallbackComponent && s.component(
       "FallbackComponent",
-      me(() => import("./FallbackComponent-Dky11gEu.js"))
+      ye(() => import("./FallbackComponent-Dky11gEu.js"))
     );
-    const { storyblokApi: t } = nt(e);
-    x = t || null, s.provide("VueSDKOptions", e);
+    const { storyblokApi: t } = it(e);
+    A = t || null, s.provide("VueSDKOptions", e);
   }
 };
 export {
-  k as BlockTypes,
+  v as BlockTypes,
   _ as MarkTypes,
-  N as RichTextResolver,
-  Je as RichTextSchema,
-  Z as StoryblokComponent,
-  ct as StoryblokRichText,
-  ft as StoryblokVue,
-  X as TextTypes,
-  dt as apiPlugin,
-  pt as renderRichText,
-  st as richTextResolver,
-  mt as useStoryblok,
-  gt as useStoryblokApi,
-  ot as useStoryblokBridge,
-  lt as useStoryblokRichText
+  M as RichTextResolver,
+  Ye as RichTextSchema,
+  te as StoryblokComponent,
+  ut as StoryblokRichText,
+  bt as StoryblokVue,
+  Z as TextTypes,
+  gt as apiPlugin,
+  ft as renderRichText,
+  nt as richTextResolver,
+  yt as useStoryblok,
+  mt as useStoryblokApi,
+  at as useStoryblokBridge,
+  ht as useStoryblokRichText
 };