@storyblok/vue 7.1.0 → 7.1.2

package/dist/storyblok-vue.mjs

@@ -1,404 +1,535 @@
-import { defineComponent as $, openBlock as P, createBlock as E, resolveDynamicComponent as j, normalizeProps as S, guardReactiveProps as x, ref as C, onMounted as O } from "vue";
-let v = !1;
-const b = [], A = (o) => new Promise((e, t) => {
+import { defineComponent as E, openBlock as S, createBlock as C, resolveDynamicComponent as I, normalizeProps as A, guardReactiveProps as O, ref as M, onMounted as N } from "vue";
+let _ = !1;
+const R = [], z = (i) => new Promise((t, e) => {
   if (typeof window > "u" || (window.storyblokRegisterEvent = (r) => {
     if (window.location === window.parent.location) {
       console.warn("You are not in Draft Mode or in the Visual Editor.");
       return;
     }
-    v ? r() : b.push(r);
+    _ ? r() : R.push(r);
   }, document.getElementById("storyblok-javascript-bridge")))
     return;
   const s = document.createElement("script");
-  s.async = !0, s.src = o, s.id = "storyblok-javascript-bridge", s.onerror = (r) => t(r), s.onload = (r) => {
-    b.forEach((n) => n()), v = !0, e(r);
+  s.async = !0, s.src = i, s.id = "storyblok-javascript-bridge", s.onerror = (r) => e(r), s.onload = (r) => {
+    R.forEach((o) => o()), _ = !0, t(r);
   }, document.getElementsByTagName("head")[0].appendChild(s);
 });
-var I = Object.defineProperty, M = (o, e, t) => e in o ? I(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, h = (o, e, t) => (M(o, typeof e != "symbol" ? e + "" : e, t), t);
-function w(o) {
-  return !(o !== o || o === 1 / 0 || o === -1 / 0);
+var L = Object.defineProperty, U = (i, t, e) => t in i ? L(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, h = (i, t, e) => (U(i, typeof t != "symbol" ? t + "" : t, e), e);
+function j(i) {
+  return !(i !== i || i === 1 / 0 || i === -1 / 0);
 }
-function N(o, e, t) {
-  if (!w(e))
+function q(i, t, e) {
+  if (!j(t))
     throw new TypeError("Expected `limit` to be a finite number");
-  if (!w(t))
+  if (!j(e))
     throw new TypeError("Expected `interval` to be a finite number");
   const s = [];
-  let r = [], n = 0;
-  const i = function() {
-    n++;
-    const l = setTimeout(function() {
-      n--, s.length > 0 && i(), r = r.filter(function(u) {
-        return u !== l;
+  let r = [], o = 0;
+  const n = function() {
+    o++;
+    const a = setTimeout(function() {
+      o--, s.length > 0 && n(), r = r.filter(function(u) {
+        return u !== a;
       });
-    }, t);
-    r.indexOf(l) < 0 && r.push(l);
-    const c = s.shift();
-    c.resolve(o.apply(c.self, c.args));
-  }, a = function(...l) {
-    const c = this;
-    return new Promise(function(u, p) {
+    }, e);
+    r.indexOf(a) < 0 && r.push(a);
+    const l = s.shift();
+    l.resolve(i.apply(l.self, l.args));
+  }, c = function(...a) {
+    const l = this;
+    return new Promise(function(u, d) {
       s.push({
         resolve: u,
-        reject: p,
-        args: l,
-        self: c
-      }), n < e && i();
+        reject: d,
+        args: a,
+        self: l
+      }), o < t && n();
     });
   };
-  return a.abort = function() {
-    r.forEach(clearTimeout), r = [], s.forEach(function(l) {
-      l.reject(function() {
+  return c.abort = function() {
+    r.forEach(clearTimeout), r = [], s.forEach(function(a) {
+      a.reject(function() {
         Error.call(this, "Throttled function aborted"), this.name = "AbortError";
       });
     }), s.length = 0;
-  }, a;
+  }, c;
 }
-const L = function(o, e) {
-  const t = {};
-  for (const s in o) {
-    const r = o[s];
-    e.indexOf(s) > -1 && r !== null && (t[s] = r);
-  }
-  return t;
-}, U = (o) => o === "email", H = () => ({
+const H = function(i, t) {
+  const e = {};
+  for (const s in i) {
+    const r = i[s];
+    t.indexOf(s) > -1 && r !== null && (e[s] = r);
+  }
+  return e;
+}, D = (i) => i === "email", B = () => ({
   singleTag: "hr"
-}), q = () => ({
+}), V = () => ({
   tag: "blockquote"
-}), D = () => ({
+}), J = () => ({
   tag: "ul"
-}), B = (o) => ({
+}), F = (i) => ({
   tag: [
     "pre",
     {
       tag: "code",
-      attrs: o.attrs
+      attrs: i.attrs
     }
   ]
-}), V = () => ({
+}), Y = () => ({
   singleTag: "br"
-}), z = (o) => ({
-  tag: `h${o.attrs.level}`
-}), J = (o) => ({
+}), K = (i) => ({
+  tag: `h${i.attrs.level}`
+}), G = (i) => ({
   singleTag: [
     {
       tag: "img",
-      attrs: L(o.attrs, ["src", "alt", "title"])
+      attrs: H(i.attrs, ["src", "alt", "title"])
     }
   ]
-}), F = () => ({
+}), Q = () => ({
   tag: "li"
-}), Y = () => ({
+}), W = () => ({
   tag: "ol"
-}), K = () => ({
+}), X = () => ({
   tag: "p"
-}), G = () => ({
+}), Z = (i) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: {
+        ["data-type"]: "emoji",
+        ["data-name"]: i.attrs.name,
+        emoji: i.attrs.emoji
+      }
+    }
+  ]
+}), tt = () => ({
   tag: "b"
-}), Q = () => ({
+}), et = () => ({
   tag: "strike"
-}), W = () => ({
+}), st = () => ({
   tag: "u"
-}), X = () => ({
+}), rt = () => ({
   tag: "strong"
-}), Z = () => ({
+}), ot = () => ({
   tag: "code"
-}), ee = () => ({
+}), it = () => ({
   tag: "i"
-}), te = (o) => {
-  const e = { ...o.attrs }, { linktype: t = "url" } = o.attrs;
-  return U(t) && (e.href = `mailto:${e.href}`), e.anchor && (e.href = `${e.href}#${e.anchor}`, delete e.anchor), {
+}), nt = (i) => {
+  const t = { ...i.attrs }, { linktype: e = "url" } = i.attrs;
+  if (D(e) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), t.custom) {
+    for (const s in t.custom)
+      t[s] = t.custom[s];
+    delete t.custom;
+  }
+  return {
     tag: [
       {
         tag: "a",
-        attrs: e
+        attrs: t
       }
     ]
   };
-}, se = (o) => ({
+}, at = (i) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: i.attrs
+    }
+  ]
+}), lt = () => ({
+  tag: "sub"
+}), ct = () => ({
+  tag: "sup"
+}), ht = (i) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: i.attrs
+    }
+  ]
+}), ut = (i) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: {
+        style: `background-color:${i.attrs.color};`
+      }
+    }
+  ]
+}), dt = (i) => ({
   tag: [
     {
       tag: "span",
-      attrs: o.attrs
+      attrs: {
+        style: `background-color:${i.attrs.color}`
+      }
     }
   ]
-}), re = {
+}), pt = {
   nodes: {
-    horizontal_rule: H,
-    blockquote: q,
-    bullet_list: D,
-    code_block: B,
-    hard_break: V,
-    heading: z,
-    image: J,
-    list_item: F,
-    ordered_list: Y,
-    paragraph: K
+    horizontal_rule: B,
+    blockquote: V,
+    bullet_list: J,
+    code_block: F,
+    hard_break: Y,
+    heading: K,
+    image: G,
+    list_item: Q,
+    ordered_list: W,
+    paragraph: X,
+    emoji: Z
   },
   marks: {
-    bold: G,
-    strike: Q,
-    underline: W,
-    strong: X,
-    code: Z,
-    italic: ee,
-    link: te,
-    styled: se
-  }
-}, oe = function(o) {
-  const e = {
+    bold: tt,
+    strike: et,
+    underline: st,
+    strong: rt,
+    code: ot,
+    italic: it,
+    link: nt,
+    styled: at,
+    subscript: lt,
+    superscript: ct,
+    anchor: ht,
+    highlight: ut,
+    textStyle: dt
+  }
+}, gt = function(i) {
+  const t = {
     "&": "&amp;",
     "<": "&lt;",
     ">": "&gt;",
     '"': "&quot;",
     "'": "&#39;"
-  }, t = /[&<>"']/g, s = RegExp(t.source);
-  return o && s.test(o) ? o.replace(t, (r) => e[r]) : o;
+  }, e = /[&<>"']/g, s = RegExp(e.source);
+  return i && s.test(i) ? i.replace(e, (r) => t[r]) : i;
 };
-class m {
-  constructor(e) {
-    h(this, "marks"), h(this, "nodes"), e || (e = re), this.marks = e.marks || [], this.nodes = e.nodes || [];
-  }
-  addNode(e, t) {
-    this.nodes[e] = t;
-  }
-  addMark(e, t) {
-    this.marks[e] = t;
-  }
-  render(e) {
-    if (e && e.content && Array.isArray(e.content)) {
-      let t = "";
-      return e.content.forEach((s) => {
-        t += this.renderNode(s);
-      }), t;
+class b {
+  constructor(t) {
+    h(this, "marks"), h(this, "nodes"), t || (t = pt), this.marks = t.marks || [], this.nodes = t.nodes || [];
+  }
+  addNode(t, e) {
+    this.nodes[t] = e;
+  }
+  addMark(t, e) {
+    this.marks[t] = e;
+  }
+  render(t, e = { optimizeImages: !1 }) {
+    if (t && t.content && Array.isArray(t.content)) {
+      let s = "";
+      return t.content.forEach((r) => {
+        s += this.renderNode(r);
+      }), e.optimizeImages ? this.optimizeImages(s, e.optimizeImages) : s;
     }
     return console.warn(
       "The render method must receive an object with a content field, which is an array"
     ), "";
   }
-  renderNode(e) {
-    const t = [];
-    e.marks && e.marks.forEach((r) => {
-      const n = this.getMatchingMark(r);
-      n && t.push(this.renderOpeningTag(n.tag));
+  optimizeImages(t, e) {
+    let s = 0, r = 0, o = "", n = "";
+    typeof e != "boolean" && (typeof e.width == "number" && e.width > 0 && (o += `width="${e.width}" `, s = e.width), typeof e.height == "number" && e.height > 0 && (o += `height="${e.height}" `, r = e.height), (e.loading === "lazy" || e.loading === "eager") && (o += `loading="${e.loading}" `), typeof e.class == "string" && e.class.length > 0 && (o += `class="${e.class}" `), e.filters && (typeof e.filters.blur == "number" && e.filters.blur >= 0 && e.filters.blur <= 100 && (n += `:blur(${e.filters.blur})`), typeof e.filters.brightness == "number" && e.filters.brightness >= -100 && e.filters.brightness <= 100 && (n += `:brightness(${e.filters.brightness})`), e.filters.fill && (e.filters.fill.match(/[0-9A-Fa-f]{6}/g) || e.filters.fill === "transparent") && (n += `:fill(${e.filters.fill})`), e.filters.format && ["webp", "png", "jpeg"].includes(e.filters.format) && (n += `:format(${e.filters.format})`), typeof e.filters.grayscale == "boolean" && e.filters.grayscale && (n += ":grayscale()"), typeof e.filters.quality == "number" && e.filters.quality >= 0 && e.filters.quality <= 100 && (n += `:quality(${e.filters.quality})`), e.filters.rotate && [90, 180, 270].includes(e.filters.rotate) && (n += `:rotate(${e.filters.rotate})`), n.length > 0 && (n = "/filters" + n))), o.length > 0 && (t = t.replace(/<img/g, `<img ${o.trim()}`));
+    const c = s > 0 || r > 0 || n.length > 0 ? `${s}x${r}${n}` : "";
+    return t = t.replace(
+      /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|tiff|bmp)/g,
+      `a.storyblok.com/f/$1/$2.$3/m/${c}`
+    ), typeof e != "boolean" && (e.sizes || e.srcset) && (t = t.replace(/<img.*?src=["|'](.*?)["|']/g, (a) => {
+      var l, u;
+      const d = a.match(
+        /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|tiff|bmp)/g
+      );
+      if (d && d.length > 0) {
+        const g = {
+          srcset: (l = e.srcset) == null ? void 0 : l.map((p) => {
+            if (typeof p == "number")
+              return `//${d}/m/${p}x0${n} ${p}w`;
+            if (typeof p == "object" && p.length === 2) {
+              let v = 0, T = 0;
+              return typeof p[0] == "number" && (v = p[0]), typeof p[1] == "number" && (T = p[1]), `//${d}/m/${v}x${T}${n} ${v}w`;
+            }
+          }).join(", "),
+          sizes: (u = e.sizes) == null ? void 0 : u.map((p) => p).join(", ")
+        };
+        let k = "";
+        return g.srcset && (k += `srcset="${g.srcset}" `), g.sizes && (k += `sizes="${g.sizes}" `), a.replace(/<img/g, `<img ${k.trim()}`);
+      }
+      return a;
+    })), t;
+  }
+  renderNode(t) {
+    const e = [];
+    t.marks && t.marks.forEach((r) => {
+      const o = this.getMatchingMark(r);
+      o && e.push(this.renderOpeningTag(o.tag));
     });
-    const s = this.getMatchingNode(e);
-    return s && s.tag && t.push(this.renderOpeningTag(s.tag)), e.content ? e.content.forEach((r) => {
-      t.push(this.renderNode(r));
-    }) : e.text ? t.push(oe(e.text)) : s && s.singleTag ? t.push(this.renderTag(s.singleTag, " /")) : s && s.html && t.push(s.html), s && s.tag && t.push(this.renderClosingTag(s.tag)), e.marks && e.marks.slice(0).reverse().forEach((r) => {
-      const n = this.getMatchingMark(r);
-      n && t.push(this.renderClosingTag(n.tag));
-    }), t.join("");
-  }
-  renderTag(e, t) {
-    return e.constructor === String ? `<${e}${t}>` : e.map((s) => {
+    const s = this.getMatchingNode(t);
+    return s && s.tag && e.push(this.renderOpeningTag(s.tag)), t.content ? t.content.forEach((r) => {
+      e.push(this.renderNode(r));
+    }) : t.text ? e.push(gt(t.text)) : s && s.singleTag ? e.push(this.renderTag(s.singleTag, " /")) : s && s.html ? e.push(s.html) : t.type === "emoji" && e.push(this.renderEmoji(t)), s && s.tag && e.push(this.renderClosingTag(s.tag)), t.marks && t.marks.slice(0).reverse().forEach((r) => {
+      const o = this.getMatchingMark(r);
+      o && e.push(this.renderClosingTag(o.tag));
+    }), e.join("");
+  }
+  renderTag(t, e) {
+    return t.constructor === String ? `<${t}${e}>` : t.map((s) => {
       if (s.constructor === String)
-        return `<${s}${t}>`;
+        return `<${s}${e}>`;
       {
         let r = `<${s.tag}`;
         if (s.attrs)
-          for (const n in s.attrs) {
-            const i = s.attrs[n];
-            i !== null && (r += ` ${n}="${i}"`);
+          for (const o in s.attrs) {
+            const n = s.attrs[o];
+            n !== null && (r += ` ${o}="${n}"`);
           }
-        return `${r}${t}>`;
+        return `${r}${e}>`;
       }
     }).join("");
   }
-  renderOpeningTag(e) {
-    return this.renderTag(e, "");
+  renderOpeningTag(t) {
+    return this.renderTag(t, "");
+  }
+  renderClosingTag(t) {
+    return t.constructor === String ? `</${t}>` : t.slice(0).reverse().map((e) => e.constructor === String ? `</${e}>` : `</${e.tag}>`).join("");
   }
-  renderClosingTag(e) {
-    return e.constructor === String ? `</${e}>` : e.slice(0).reverse().map((t) => t.constructor === String ? `</${t}>` : `</${t.tag}>`).join("");
+  getMatchingNode(t) {
+    const e = this.nodes[t.type];
+    if (typeof e == "function")
+      return e(t);
   }
-  getMatchingNode(e) {
-    const t = this.nodes[e.type];
-    if (typeof t == "function")
-      return t(e);
+  getMatchingMark(t) {
+    const e = this.marks[t.type];
+    if (typeof e == "function")
+      return e(t);
   }
-  getMatchingMark(e) {
-    const t = this.marks[e.type];
-    if (typeof t == "function")
-      return t(e);
+  renderEmoji(t) {
+    if (t.attrs.emoji)
+      return t.attrs.emoji;
+    const e = [
+      {
+        tag: "img",
+        attrs: {
+          src: t.attrs.fallbackImage,
+          draggable: "false",
+          loading: "lazy",
+          align: "absmiddle"
+        }
+      }
+    ];
+    return this.renderTag(e, " /");
   }
 }
-class T {
+class w {
   constructor() {
-    h(this, "isCDNUrl", (e = "") => e.indexOf("/cdn/") > -1), h(this, "getOptionsPage", (e, t = 25, s = 1) => ({
-      ...e,
-      per_page: t,
+    h(this, "isCDNUrl", (t = "") => t.indexOf("/cdn/") > -1), h(this, "getOptionsPage", (t, e = 25, s = 1) => ({
+      ...t,
+      per_page: e,
       page: s
-    })), h(this, "delay", (e) => new Promise((t) => setTimeout(t, e))), h(this, "arrayFrom", (e = 0, t) => [...Array(e)].map(t)), h(this, "range", (e = 0, t = e) => {
-      const s = Math.abs(t - e) || 0, r = e < t ? 1 : -1;
-      return this.arrayFrom(s, (n, i) => i * r + e);
-    }), h(this, "asyncMap", async (e, t) => Promise.all(e.map(t))), h(this, "flatMap", (e = [], t) => e.map(t).reduce((s, r) => [...s, ...r], []));
-  }
-  stringify(e, t, s) {
+    })), h(this, "delay", (t) => new Promise((e) => setTimeout(e, t))), h(this, "arrayFrom", (t = 0, e) => [...Array(t)].map(e)), h(this, "range", (t = 0, e = t) => {
+      const s = Math.abs(e - t) || 0, r = t < e ? 1 : -1;
+      return this.arrayFrom(s, (o, n) => n * r + t);
+    }), h(this, "asyncMap", async (t, e) => Promise.all(t.map(e))), h(this, "flatMap", (t = [], e) => t.map(e).reduce((s, r) => [...s, ...r], []));
+  }
+  /**
+   * @method stringify
+   * @param  {Object} params
+   * @param  {String} prefix
+   * @param  {Boolean} isArray
+   * @return {String} Stringified object
+   */
+  stringify(t, e, s) {
     const r = [];
-    for (const n in e) {
-      if (!Object.prototype.hasOwnProperty.call(e, n))
+    for (const o in t) {
+      if (!Object.prototype.hasOwnProperty.call(t, o))
         continue;
-      const i = e[n], a = s ? "" : encodeURIComponent(n);
-      let l;
-      typeof i == "object" ? l = this.stringify(
-        i,
-        t ? t + encodeURIComponent("[" + a + "]") : a,
-        Array.isArray(i)
-      ) : l = (t ? t + encodeURIComponent("[" + a + "]") : a) + "=" + encodeURIComponent(i), r.push(l);
+      const n = t[o], c = s ? "" : encodeURIComponent(o);
+      let a;
+      typeof n == "object" ? a = this.stringify(
+        n,
+        e ? e + encodeURIComponent("[" + c + "]") : c,
+        Array.isArray(n)
+      ) : a = (e ? e + encodeURIComponent("[" + c + "]") : c) + "=" + encodeURIComponent(n), r.push(a);
     }
     return r.join("&");
   }
-}
-class ne {
-  constructor(e) {
-    h(this, "baseURL"), h(this, "timeout"), h(this, "headers"), h(this, "responseInterceptor"), h(this, "fetch"), h(this, "ejectInterceptor"), h(this, "url"), h(this, "parameters"), this.baseURL = e.baseURL, this.headers = e.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 = {};
-  }
-  get(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler("get");
-  }
-  post(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler("post");
-  }
-  put(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler("put");
-  }
-  delete(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler("delete");
+  /**
+   * @method getRegionURL
+   * @param  {String} regionCode region code, could be eu, us or cn
+   * @return {String} The base URL of the region
+   */
+  getRegionURL(t) {
+    const e = "api.storyblok.com", s = "api-us.storyblok.com", r = "app.storyblokchina.cn";
+    switch (t) {
+      case "us":
+        return s;
+      case "cn":
+        return r;
+      default:
+        return e;
+    }
   }
-  async _responseHandler(e) {
-    const t = [], s = {
+}
+class ft {
+  constructor(t) {
+    h(this, "baseURL"), h(this, "timeout"), h(this, "headers"), h(this, "responseInterceptor"), h(this, "fetch"), h(this, "ejectInterceptor"), h(this, "url"), h(this, "parameters"), this.baseURL = t.baseURL, this.headers = t.headers || new Headers(), this.timeout = t != null && t.timeout ? t.timeout * 1e3 : 0, this.responseInterceptor = t.responseInterceptor, this.fetch = (...e) => t.fetch ? t.fetch(...e) : fetch(...e), this.ejectInterceptor = !1, this.url = "", this.parameters = {};
+  }
+  /**
+   *
+   * @param url string
+   * @param params ISbStoriesParams
+   * @returns Promise<ISbResponse | Error>
+   */
+  get(t, e) {
+    return this.url = t, this.parameters = e, this._methodHandler("get");
+  }
+  post(t, e) {
+    return this.url = t, this.parameters = e, this._methodHandler("post");
+  }
+  put(t, e) {
+    return this.url = t, this.parameters = e, this._methodHandler("put");
+  }
+  delete(t, e) {
+    return this.url = t, this.parameters = e, this._methodHandler("delete");
+  }
+  async _responseHandler(t) {
+    const e = /* @__PURE__ */ new Map(), s = {
       data: {},
       headers: {},
       status: 0,
       statusText: ""
     };
-    e.status !== 204 && await e.json().then((r) => {
+    t.status !== 204 && await t.json().then((r) => {
       s.data = r;
     });
-    for (const r of e.headers.entries())
-      t[r[0]] = r[1];
-    return s.headers = { ...t }, s.status = e.status, s.statusText = e.statusText, s;
-  }
-  async _methodHandler(e) {
-    let t = `${this.baseURL}${this.url}`, s = null;
-    if (e === "get") {
-      const l = new T();
-      t = `${this.baseURL}${this.url}?${l.stringify(
+    for (const [r, o] of t.headers.entries())
+      e.set(r, o);
+    return s.headers = { ...e }, s.status = t.status, s.statusText = t.statusText, s;
+  }
+  async _methodHandler(t) {
+    let e = `${this.baseURL}${this.url}`, s = null;
+    if (t === "get") {
+      const a = new w();
+      e = `${this.baseURL}${this.url}?${a.stringify(
         this.parameters
       )}`;
     } else
       s = JSON.stringify(this.parameters);
-    const r = new URL(t), n = new AbortController(), { signal: i } = n;
-    let a;
-    this.timeout && (a = setTimeout(() => n.abort(), this.timeout));
+    const r = new URL(e), o = new AbortController(), { signal: n } = o;
+    let c;
+    this.timeout && (c = setTimeout(() => o.abort(), this.timeout));
     try {
-      const l = await this.fetch(`${r}`, {
-        method: e,
+      const a = await this.fetch(`${r}`, {
+        method: t,
         headers: this.headers,
         body: s,
-        signal: i
+        signal: n
       });
-      this.timeout && clearTimeout(a);
-      const c = await this._responseHandler(l);
-      return this.responseInterceptor && !this.ejectInterceptor ? this._statusHandler(this.responseInterceptor(c)) : this._statusHandler(c);
-    } catch (l) {
+      this.timeout && clearTimeout(c);
+      const l = await this._responseHandler(a);
+      return this.responseInterceptor && !this.ejectInterceptor ? this._statusHandler(this.responseInterceptor(l)) : this._statusHandler(l);
+    } catch (a) {
       return {
-        message: l
+        message: a
       };
     }
   }
   eject() {
     this.ejectInterceptor = !0;
   }
-  _statusHandler(e) {
-    const t = /20[0-6]/g;
+  _statusHandler(t) {
+    const e = /20[0-6]/g;
     return new Promise((s, r) => {
-      if (t.test(`${e.status}`))
-        return s(e);
-      const n = {
-        message: new Error(e.statusText),
-        status: e.status,
-        response: e.data.error || e.data.slug
+      if (e.test(`${t.status}`))
+        return s(t);
+      const o = {
+        message: new Error(t.statusText),
+        status: t.status,
+        response: Array.isArray(t.data) ? t.data[0] : t.data.error || t.data.slug
       };
-      r(n);
+      r(o);
     });
   }
 }
-let f = {};
-const d = {};
-class ie {
-  constructor(e, t) {
-    if (h(this, "client"), h(this, "maxRetries"), h(this, "throttle"), h(this, "accessToken"), h(this, "cache"), h(this, "helpers"), h(this, "relations"), h(this, "links"), h(this, "richTextResolver"), h(this, "resolveNestedRelations"), !t) {
-      const n = e.region ? `-${e.region}` : "", i = e.https === !1 ? "http" : "https";
-      e.oauthToken ? t = `${i}://api${n}.storyblok.com/v1` : t = `${i}://api${n}.storyblok.com/v2`;
+let y = {};
+const f = {};
+class mt {
+  /**
+   *
+   * @param config ISbConfig interface
+   * @param endpoint string, optional
+   */
+  constructor(t, e) {
+    if (h(this, "client"), h(this, "maxRetries"), h(this, "throttle"), h(this, "accessToken"), h(this, "cache"), h(this, "helpers"), h(this, "resolveCounter"), h(this, "relations"), h(this, "links"), h(this, "richTextResolver"), h(this, "resolveNestedRelations"), !e) {
+      const o = new w().getRegionURL, n = t.https === !1 ? "http" : "https";
+      t.oauthToken ? e = `${n}://${o(t.region)}/v1` : e = `${n}://${o(t.region)}/v2`;
     }
     const s = new Headers();
-    s.set("Content-Type", "application/json"), s.set("Accept", "application/json"), s.forEach((n, i) => {
-      e.headers && e.headers[i] && s.set(i, e.headers[i]);
+    s.set("Content-Type", "application/json"), s.set("Accept", "application/json"), s.forEach((o, n) => {
+      t.headers && t.headers[n] && s.set(n, t.headers[n]);
     });
     let r = 5;
-    e.oauthToken && (s.set("Authorization", e.oauthToken), r = 3), e.rateLimit && (r = e.rateLimit), e.richTextSchema ? this.richTextResolver = new m(e.richTextSchema) : this.richTextResolver = new m(), e.componentResolver && this.setComponentResolver(e.componentResolver), this.maxRetries = e.maxRetries, this.throttle = N(this.throttledRequest, r, 1e3), this.accessToken = e.accessToken || "", this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.helpers = new T(), this.resolveNestedRelations = !1, this.client = new ne({
-      baseURL: t,
-      timeout: e.timeout || 0,
+    t.oauthToken && (s.set("Authorization", t.oauthToken), r = 3), t.rateLimit && (r = t.rateLimit), t.richTextSchema ? this.richTextResolver = new b(t.richTextSchema) : this.richTextResolver = new b(), t.componentResolver && this.setComponentResolver(t.componentResolver), this.maxRetries = t.maxRetries, this.throttle = q(this.throttledRequest, r, 1e3), this.accessToken = t.accessToken || "", this.relations = {}, this.links = {}, this.cache = t.cache || { clear: "manual" }, this.helpers = new w(), this.resolveCounter = 0, this.resolveNestedRelations = t.resolveNestedRelations || !0, this.client = new ft({
+      baseURL: e,
+      timeout: t.timeout || 0,
       headers: s,
-      responseInterceptor: e.responseInterceptor,
-      fetch: e.fetch
+      responseInterceptor: t.responseInterceptor,
+      fetch: t.fetch
     });
   }
-  setComponentResolver(e) {
-    this.richTextResolver.addNode("blok", (t) => {
+  setComponentResolver(t) {
+    this.richTextResolver.addNode("blok", (e) => {
       let s = "";
-      return t.attrs.body.forEach((r) => {
-        s += e(r.component, r);
+      return e.attrs.body.forEach((r) => {
+        s += t(r.component, r);
       }), {
         html: s
       };
     });
   }
-  parseParams(e) {
-    return e.version || (e.version = "published"), e.token || (e.token = this.getToken()), e.cv || (e.cv = d[e.token]), Array.isArray(e.resolve_relations) && (e.resolve_relations = e.resolve_relations.join(",")), e;
+  parseParams(t) {
+    return t.version || (t.version = "published"), t.token || (t.token = this.getToken()), t.cv || (t.cv = f[t.token]), Array.isArray(t.resolve_relations) && (t.resolve_relations = t.resolve_relations.join(",")), t;
   }
-  factoryParamOptions(e, t) {
-    return this.helpers.isCDNUrl(e) ? this.parseParams(t) : t;
+  factoryParamOptions(t, e) {
+    return this.helpers.isCDNUrl(t) ? this.parseParams(e) : e;
   }
-  makeRequest(e, t, s, r) {
-    const n = this.factoryParamOptions(
-      e,
-      this.helpers.getOptionsPage(t, s, r)
+  makeRequest(t, e, s, r) {
+    const o = this.factoryParamOptions(
+      t,
+      this.helpers.getOptionsPage(e, s, r)
     );
-    return this.cacheResponse(e, n);
+    return this.cacheResponse(t, o);
   }
-  get(e, t) {
-    t || (t = {});
-    const s = `/${e}`, r = this.factoryParamOptions(s, t);
+  get(t, e) {
+    e || (e = {});
+    const s = `/${t}`, r = this.factoryParamOptions(s, e);
     return this.cacheResponse(s, r);
   }
-  async getAll(e, t, s) {
-    const r = (t == null ? void 0 : t.per_page) || 25, n = `/${e}`, i = n.split("/"), a = s || i[i.length - 1], l = 1, c = await this.makeRequest(n, t, r, l), u = c.total ? Math.ceil(c.total / r) : 1, p = await this.helpers.asyncMap(
-      this.helpers.range(l, u),
-      (y) => this.makeRequest(n, t, r, y + 1)
+  async getAll(t, e, s) {
+    const r = (e == null ? void 0 : e.per_page) || 25, o = `/${t}`, n = o.split("/"), c = s || n[n.length - 1], a = 1, l = await this.makeRequest(o, e, r, a), u = l.total ? Math.ceil(l.total / r) : 1, d = await this.helpers.asyncMap(
+      this.helpers.range(a, u),
+      (g) => this.makeRequest(o, e, r, g + 1)
     );
     return this.helpers.flatMap(
-      [c, ...p],
-      (y) => Object.values(y.data[a])
+      [l, ...d],
+      (g) => Object.values(g.data[c])
     );
   }
-  post(e, t) {
-    const s = `/${e}`;
-    return Promise.resolve(this.throttle("post", s, t));
+  post(t, e) {
+    const s = `/${t}`;
+    return Promise.resolve(this.throttle("post", s, e));
   }
-  put(e, t) {
-    const s = `/${e}`;
-    return Promise.resolve(this.throttle("put", s, t));
+  put(t, e) {
+    const s = `/${t}`;
+    return Promise.resolve(this.throttle("put", s, e));
   }
-  delete(e, t) {
-    const s = `/${e}`;
-    return Promise.resolve(this.throttle("delete", s, t));
+  delete(t, e) {
+    const s = `/${t}`;
+    return Promise.resolve(this.throttle("delete", s, e));
   }
-  getStories(e) {
-    return this.get("cdn/stories", e);
+  getStories(t) {
+    return this.get("cdn/stories", t);
   }
-  getStory(e, t) {
-    return this.get(`cdn/stories/${e}`, t);
+  getStory(t, e) {
+    return this.get(`cdn/stories/${t}`, e);
   }
   getToken() {
     return this.accessToken;
@@ -406,156 +537,179 @@ class ie {
   ejectInterceptor() {
     this.client.eject();
   }
-  _cleanCopy(e) {
-    return JSON.parse(JSON.stringify(e));
-  }
-  _insertLinks(e, t) {
-    const s = e[t];
-    s && s.fieldtype == "multilink" && s.linktype == "story" && typeof s.id == "string" && this.links[s.id] ? s.story = this._cleanCopy(this.links[s.id]) : s && s.linktype === "story" && typeof s.uuid == "string" && this.links[s.uuid] && (s.story = this._cleanCopy(this.links[s.uuid]));
-  }
-  _insertRelations(e, t, s) {
-    if (s.indexOf(`${e.component}.${t}`) > -1) {
-      if (typeof e[t] == "string")
-        this.relations[e[t]] && (e[t] = this._cleanCopy(this.relations[e[t]]));
-      else if (e[t] && e[t].constructor === Array) {
-        const r = [];
-        e[t].forEach((n) => {
-          this.relations[n] && r.push(this._cleanCopy(this.relations[n]));
-        }), e[t] = r;
+  _cleanCopy(t) {
+    return JSON.parse(JSON.stringify(t));
+  }
+  _insertLinks(t, e, s) {
+    const r = t[e];
+    r && r.fieldtype == "multilink" && r.linktype == "story" && typeof r.id == "string" && this.links[s][r.id] ? r.story = this._cleanCopy(this.links[s][r.id]) : r && r.linktype === "story" && typeof r.uuid == "string" && this.links[s][r.uuid] && (r.story = this._cleanCopy(this.links[s][r.uuid]));
+  }
+  _insertRelations(t, e, s, r) {
+    if (s.indexOf(`${t.component}.${e}`) > -1) {
+      if (typeof t[e] == "string")
+        this.relations[r][t[e]] && (t[e] = this._cleanCopy(
+          this.relations[r][t[e]]
+        ));
+      else if (t[e] && t[e].constructor === Array) {
+        const o = [];
+        t[e].forEach((n) => {
+          this.relations[r][n] && o.push(this._cleanCopy(this.relations[r][n]));
+        }), t[e] = o;
       }
     }
   }
-  iterateTree(e, t) {
-    const s = (r) => {
-      if (r != null) {
-        if (r.constructor === Array)
-          for (let n = 0; n < r.length; n++)
-            s(r[n]);
-        else if (r.constructor === Object) {
-          if (r._stopResolving)
+  iterateTree(t, e, s) {
+    const r = (o) => {
+      if (o != null) {
+        if (o.constructor === Array)
+          for (let n = 0; n < o.length; n++)
+            r(o[n]);
+        else if (o.constructor === Object) {
+          if (o._stopResolving)
             return;
-          for (const n in r)
-            (r.component && r._uid || r.type === "link") && (this._insertRelations(
-              r,
+          for (const n in o)
+            (o.component && o._uid || o.type === "link") && (this._insertRelations(
+              o,
               n,
-              t
-            ), this._insertLinks(r, n)), s(r[n]);
+              e,
+              s
+            ), this._insertLinks(
+              o,
+              n,
+              s
+            )), r(o[n]);
         }
       }
     };
-    s(e.content);
-  }
-  async resolveLinks(e, t) {
-    let s = [];
-    if (e.link_uuids) {
-      const r = e.link_uuids.length, n = [], i = 50;
-      for (let a = 0; a < r; a += i) {
-        const l = Math.min(r, a + i);
-        n.push(e.link_uuids.slice(a, l));
+    r(t.content);
+  }
+  async resolveLinks(t, e, s) {
+    let r = [];
+    if (t.link_uuids) {
+      const o = t.link_uuids.length, n = [], c = 50;
+      for (let a = 0; a < o; a += c) {
+        const l = Math.min(o, a + c);
+        n.push(t.link_uuids.slice(a, l));
       }
       for (let a = 0; a < n.length; a++)
         (await this.getStories({
-          per_page: i,
-          language: t.language,
-          version: t.version,
+          per_page: c,
+          language: e.language,
+          version: e.version,
           by_uuids: n[a].join(",")
         })).data.stories.forEach(
           (l) => {
-            s.push(l);
+            r.push(l);
           }
         );
     } else
-      s = e.links;
-    s.forEach((r) => {
-      this.links[r.uuid] = { ...r, _stopResolving: !0 };
+      r = t.links;
+    r.forEach((o) => {
+      this.links[s][o.uuid] = {
+        ...o,
+        _stopResolving: !0
+      };
     });
   }
-  async resolveRelations(e, t) {
-    let s = [];
-    if (e.rel_uuids) {
-      const r = e.rel_uuids.length, n = [], i = 50;
-      for (let a = 0; a < r; a += i) {
-        const l = Math.min(r, a + i);
-        n.push(e.rel_uuids.slice(a, l));
+  async resolveRelations(t, e, s) {
+    let r = [];
+    if (t.rel_uuids) {
+      const o = t.rel_uuids.length, n = [], c = 50;
+      for (let a = 0; a < o; a += c) {
+        const l = Math.min(o, a + c);
+        n.push(t.rel_uuids.slice(a, l));
       }
       for (let a = 0; a < n.length; a++)
         (await this.getStories({
-          per_page: i,
-          language: t.language,
-          version: t.version,
+          per_page: c,
+          language: e.language,
+          version: e.version,
           by_uuids: n[a].join(",")
         })).data.stories.forEach((l) => {
-          s.push(l);
+          r.push(l);
         });
     } else
-      s = e.rels;
-    s && s.length > 0 && s.forEach((r) => {
-      this.relations[r.uuid] = { ...r, _stopResolving: !0 };
+      r = t.rels;
+    r && r.length > 0 && r.forEach((o) => {
+      this.relations[s][o.uuid] = {
+        ...o,
+        _stopResolving: !0
+      };
     });
   }
-  async resolveStories(e, t) {
-    var s, r;
+  async resolveStories(t, e, s) {
+    var r, o;
     let n = [];
-    if (typeof t.resolve_relations < "u" && t.resolve_relations.length > 0 && (typeof t.resolve_relations == "string" && (n = t.resolve_relations.split(",")), await this.resolveRelations(e, t)), t.resolve_links && ["1", "story", "url"].indexOf(t.resolve_links) > -1 && ((s = e.links) != null && s.length || (r = e.link_uuids) != null && r.length) && await this.resolveLinks(e, t), this.resolveNestedRelations)
-      for (const i in this.relations)
-        this.iterateTree(this.relations[i], n);
-    e.story ? this.iterateTree(e.story, n) : e.stories.forEach((i) => {
-      this.iterateTree(i, n);
-    });
-  }
-  async cacheResponse(e, t, s) {
-    const r = this.helpers.stringify({ url: e, params: t }), n = this.cacheProvider();
-    if (this.cache.clear === "auto" && t.version === "draft" && await this.flushCache(), t.version === "published" && e != "/cdn/spaces/me") {
-      const i = await n.get(r);
-      if (i)
-        return Promise.resolve(i);
+    if (this.links[s] = {}, this.relations[s] = {}, typeof e.resolve_relations < "u" && e.resolve_relations.length > 0 && (typeof e.resolve_relations == "string" && (n = e.resolve_relations.split(",")), await this.resolveRelations(t, e, s)), e.resolve_links && ["1", "story", "url"].indexOf(e.resolve_links) > -1 && ((r = t.links) != null && r.length || (o = t.link_uuids) != null && o.length) && await this.resolveLinks(t, e, s), this.resolveNestedRelations)
+      for (const c in this.relations[s])
+        this.iterateTree(
+          this.relations[s][c],
+          n,
+          s
+        );
+    t.story ? this.iterateTree(t.story, n, s) : t.stories.forEach((c) => {
+      this.iterateTree(c, n, s);
+    }), delete this.links[s], delete this.relations[s];
+  }
+  async cacheResponse(t, e, s) {
+    const r = this.helpers.stringify({ url: t, params: e }), o = this.cacheProvider();
+    if (this.cache.clear === "auto" && e.version === "draft" && await this.flushCache(), e.version === "published" && t != "/cdn/spaces/me") {
+      const n = await o.get(r);
+      if (n)
+        return Promise.resolve(n);
     }
-    return new Promise((i, a) => {
+    return new Promise((n, c) => {
       try {
         (async () => {
-          var l;
+          var a;
           try {
-            const c = await this.throttle("get", e, t);
-            let u = { data: c.data, headers: c.headers };
-            return (l = c.headers) != null && l["per-page"] && (u = Object.assign({}, u, {
-              perPage: c.headers["per-page"] ? parseInt(c.headers["per-page"]) : 0,
-              total: c.headers["per-page"] ? parseInt(c.headers.total) : 0
-            })), c.status != 200 ? a(c) : ((u.data.story || u.data.stories) && await this.resolveStories(u.data, t), t.version === "published" && e != "/cdn/spaces/me" && await n.set(r, u), u.data.cv && t.token && (t.version == "draft" && d[t.token] != u.data.cv && await this.flushCache(), d[t.token] = u.data.cv), i(u));
-          } catch (c) {
-            return a(c);
+            const l = await this.throttle("get", t, e);
+            let u = { data: l.data, headers: l.headers };
+            if ((a = l.headers) != null && a["per-page"] && (u = Object.assign({}, u, {
+              perPage: l.headers["per-page"] ? parseInt(l.headers["per-page"]) : 0,
+              total: l.headers["per-page"] ? parseInt(l.headers.total) : 0
+            })), l.status != 200)
+              return c(l);
+            if (u.data.story || u.data.stories) {
+              const d = this.resolveCounter = ++this.resolveCounter % 1e3;
+              await this.resolveStories(u.data, e, `${d}`);
+            }
+            return e.version === "published" && t != "/cdn/spaces/me" && await o.set(r, u), u.data.cv && e.token && (e.version == "draft" && f[e.token] != u.data.cv && await this.flushCache(), f[e.token] = u.data.cv), n(u);
+          } catch (l) {
+            return c(l);
           }
         })();
       } catch {
       }
     });
   }
-  throttledRequest(e, t, s) {
-    return this.client[e](t, s);
+  throttledRequest(t, e, s) {
+    return this.client[t](e, s);
   }
   cacheVersions() {
-    return d;
+    return f;
   }
   cacheVersion() {
-    return d[this.accessToken];
+    return f[this.accessToken];
   }
-  setCacheVersion(e) {
-    this.accessToken && (d[this.accessToken] = e);
+  setCacheVersion(t) {
+    this.accessToken && (f[this.accessToken] = t);
   }
   cacheProvider() {
     switch (this.cache.type) {
       case "memory":
         return {
-          get(e) {
-            return Promise.resolve(f[e]);
+          get(t) {
+            return Promise.resolve(y[t]);
           },
           getAll() {
-            return Promise.resolve(f);
+            return Promise.resolve(y);
           },
-          set(e, t) {
-            return f[e] = t, Promise.resolve(void 0);
+          set(t, e) {
+            return y[t] = e, Promise.resolve(void 0);
           },
           flush() {
-            return f = {}, Promise.resolve(void 0);
+            return y = {}, Promise.resolve(void 0);
           }
         };
       case "custom":
@@ -582,128 +736,132 @@ class ie {
     return await this.cacheProvider().flush(), this;
   }
 }
-const ge = (o = {}) => {
-  const { apiOptions: e } = o;
-  if (!e.accessToken) {
+const _t = (i = {}) => {
+  const { apiOptions: t } = i;
+  if (!t.accessToken) {
     console.error(
       "You need to provide an access token to interact with Storyblok API. Read https://www.storyblok.com/docs/api/content-delivery#topics/authentication"
     );
     return;
   }
-  return { storyblokApi: new ie(e) };
-}, ae = (o) => {
-  if (typeof o != "object" || typeof o._editable > "u")
+  return { storyblokApi: new mt(t) };
+}, yt = (i) => {
+  if (typeof i != "object" || typeof i._editable > "u")
     return {};
-  const e = JSON.parse(
-    o._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, "")
+  const t = JSON.parse(
+    i._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, "")
   );
   return {
-    "data-blok-c": JSON.stringify(e),
-    "data-blok-uid": e.id + "-" + e.uid
+    "data-blok-c": JSON.stringify(t),
+    "data-blok-uid": t.id + "-" + t.uid
   };
 };
-let k;
-const le = "https://app.storyblok.com/f/storyblok-v2-latest.js", ce = (o, e, t = {}) => {
-  if (!(typeof window > "u") && typeof window.storyblokRegisterEvent < "u") {
-    if (!o) {
+let $;
+const bt = "https://app.storyblok.com/f/storyblok-v2-latest.js", kt = (i, t, e = {}) => {
+  var s;
+  const r = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", o = +new URL((s = window.location) == null ? void 0 : s.href).searchParams.get(
+    "_storyblok"
+  ) === i;
+  if (!(!r || !o)) {
+    if (!i) {
       console.warn("Story ID is not defined. Please provide a valid ID.");
       return;
     }
     window.storyblokRegisterEvent(() => {
-      new window.StoryblokBridge(t).on(["input", "published", "change"], (s) => {
-        s.action === "input" && s.story.id === o ? e(s.story) : (s.action === "change" || s.action === "published") && s.storyId === o && window.location.reload();
+      new window.StoryblokBridge(e).on(["input", "published", "change"], (n) => {
+        n.action === "input" && n.story.id === i ? t(n.story) : (n.action === "change" || n.action === "published") && n.storyId === i && window.location.reload();
       });
     });
   }
-}, he = (o = {}) => {
-  var e, t;
+}, vt = (i = {}) => {
+  var t, e;
   const {
     bridge: s,
     accessToken: r,
-    use: n = [],
-    apiOptions: i = {},
-    richText: a = {}
-  } = o;
-  i.accessToken = i.accessToken || r;
-  const l = { bridge: s, apiOptions: i };
-  let c = {};
-  n.forEach((p) => {
-    c = { ...c, ...p(l) };
+    use: o = [],
+    apiOptions: n = {},
+    richText: c = {}
+  } = i;
+  n.accessToken = n.accessToken || r;
+  const a = { bridge: s, apiOptions: n };
+  let l = {};
+  o.forEach((d) => {
+    l = { ...l, ...d(a) };
   });
-  const u = !(typeof window > "u") && ((t = (e = window.location) == null ? void 0 : e.search) == null ? void 0 : t.includes("_storyblok_tk"));
-  return s !== !1 && u && A(le), k = new m(a.schema), a.resolver && _(k, a.resolver), c;
-}, _ = (o, e) => {
-  o.addNode("blok", (t) => {
+  const u = !(typeof window > "u") && ((e = (t = window.location) == null ? void 0 : t.search) == null ? void 0 : e.includes("_storyblok_tk"));
+  return s !== !1 && u && z(bt), $ = new b(c.schema), c.resolver && P($, c.resolver), l;
+}, P = (i, t) => {
+  i.addNode("blok", (e) => {
     let s = "";
-    return t.attrs.body.forEach((r) => {
-      s += e(r.component, r);
+    return e.attrs.body.forEach((r) => {
+      s += t(r.component, r);
     }), {
       html: s
     };
   });
-}, fe = (o, e, t) => {
-  let s = t || k;
+}, Rt = (i, t, e) => {
+  let s = e || $;
   if (!s) {
     console.error(
       "Please initialize the Storyblok SDK before calling the renderRichText function"
     );
     return;
   }
-  return o === "" ? "" : o ? (e && (s = new m(e.schema), e.resolver && _(s, e.resolver)), s.render(o)) : (console.warn(`${o} is not a valid Richtext object. This might be because the value of the richtext field is empty.
+  return i === "" ? "" : i ? (t && (s = new b(t.schema), t.resolver && P(s, t.resolver)), s.render(i)) : (console.warn(`${i} is not a valid Richtext object. This might be because the value of the richtext field is empty.
     
   For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`), "");
-}, ue = /* @__PURE__ */ $({
+}, wt = /* @__PURE__ */ E({
   __name: "StoryblokComponent",
   props: {
     blok: null
   },
-  setup(o) {
-    return (e, t) => (P(), E(j(o.blok.component), S(x({ ...e.$props, ...e.$attrs })), null, 16));
-  }
-}), de = {
-  beforeMount(o, e) {
-    if (e.value) {
-      const t = ae(e.value);
-      o.setAttribute("data-blok-c", t["data-blok-c"]), o.setAttribute("data-blok-uid", t["data-blok-uid"]), o.classList.add("storyblok__outline");
+  setup(i) {
+    return (t, e) => (S(), C(I(i.blok.component), A(O({ ...t.$props, ...t.$attrs })), null, 16));
+  }
+}), $t = {
+  beforeMount(i, t) {
+    if (t.value) {
+      const e = yt(t.value);
+      i.setAttribute("data-blok-c", e["data-blok-c"]), i.setAttribute("data-blok-uid", e["data-blok-uid"]), i.classList.add("storyblok__outline");
     }
   }
-}, R = (o) => {
-  console.error(`You can't use ${o} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
+}, x = (i) => {
+  console.error(`You can't use ${i} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
     `);
 };
-let g = null;
-const me = () => (g || R("useStoryblokApi"), g), ye = async (o, e = {}, t = {}) => {
-  const s = C(null);
-  if (O(() => {
-    s.value && s.value.id && ce(
+let m = null;
+const jt = () => (m || x("useStoryblokApi"), m), Pt = async (i, t = {}, e = {}) => {
+  const s = M(null);
+  if (N(() => {
+    s.value && s.value.id && kt(
       s.value.id,
       (r) => s.value = r,
-      t
-    );
-  }), g) {
-    const { data: r } = await g.get(
-      `cdn/stories/${o}`,
       e
     );
+  }), m) {
+    const { data: r } = await m.get(
+      `cdn/stories/${i}`,
+      t
+    );
     s.value = r.story;
   } else
-    R("useStoryblok");
+    x("useStoryblok");
   return s;
-}, ke = {
-  install(o, e = {}) {
-    o.directive("editable", de), o.component("StoryblokComponent", ue);
-    const { storyblokApi: t } = he(e);
-    g = t;
+}, xt = {
+  install(i, t = {}) {
+    i.directive("editable", $t), i.component("StoryblokComponent", wt);
+    const { storyblokApi: e } = vt(t);
+    m = e;
   }
 };
 export {
-  m as RichTextResolver,
-  re as RichTextSchema,
-  ue as StoryblokComponent,
-  ke as StoryblokVue,
-  ge as apiPlugin,
-  fe as renderRichText,
-  ye as useStoryblok,
-  me as useStoryblokApi,
-  ce as useStoryblokBridge
+  b as RichTextResolver,
+  pt as RichTextSchema,
+  wt as StoryblokComponent,
+  xt as StoryblokVue,
+  _t as apiPlugin,
+  Rt as renderRichText,
+  Pt as useStoryblok,
+  jt as useStoryblokApi,
+  kt as useStoryblokBridge
 };