@storyblok/vue 6.2.0 → 6.2.1

package/dist/storyblok-vue.mjs

@@ -1,86 +1,38 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a2, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a2, prop, b[prop]);
-    }
-  return a2;
-};
-import { defineComponent, openBlock, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, ref, onMounted } from "vue";
-import e from "axios";
-var __defProp2 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a2, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a2, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a2, prop, b[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
-let loaded = false;
-const callbacks = [];
-const loadBridge = (src) => {
-  return new Promise((resolve, reject) => {
-    if (typeof window === "undefined")
-      return;
-    window.storyblokRegisterEvent = (cb) => {
-      if (window.location === window.parent.location) {
-        console.warn("You are not in Draft Mode or in the Visual Editor.");
-        return;
-      }
-      if (!loaded)
-        callbacks.push(cb);
-      else
-        cb();
-    };
-    if (document.getElementById("storyblok-javascript-bridge"))
+import { defineComponent as E, openBlock as O, createBlock as S, resolveDynamicComponent as P, normalizeProps as j, guardReactiveProps as A, ref as C, onMounted as M } from "vue";
+import x from "axios";
+var N = Object.defineProperty, I = Object.defineProperties, q = Object.getOwnPropertyDescriptors, k = Object.getOwnPropertySymbols, L = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable, b = (n, t, e) => t in n ? N(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, h = (n, t) => {
+  for (var e in t || (t = {}))
+    L.call(t, e) && b(n, e, t[e]);
+  if (k)
+    for (var e of k(t))
+      B.call(t, e) && b(n, e, t[e]);
+  return n;
+}, y = (n, t) => I(n, q(t));
+let v = !1;
+const _ = [], z = (n) => new Promise((t, e) => {
+  if (typeof window > "u" || (window.storyblokRegisterEvent = (s) => {
+    if (window.location === window.parent.location) {
+      console.warn("You are not in Draft Mode or in the Visual Editor.");
       return;
-    const script = document.createElement("script");
-    script.async = true;
-    script.src = src;
-    script.id = "storyblok-javascript-bridge";
-    script.onerror = (error) => reject(error);
-    script.onload = (ev) => {
-      callbacks.forEach((cb) => cb());
-      loaded = true;
-      resolve(ev);
-    };
-    document.getElementsByTagName("head")[0].appendChild(script);
-  });
-};
-const pick = function(attrs, allowed) {
-  if (!attrs) {
-    return null;
-  }
-  let h2 = {};
-  for (let key in attrs) {
-    let value = attrs[key];
-    if (allowed.indexOf(key) > -1 && value !== null) {
-      h2[key] = value;
     }
-  }
-  return h2;
-};
-const isEmailLinkType = (type) => type === "email";
-var defaultHtmlSerializer = {
+    v ? s() : _.push(s);
+  }, document.getElementById("storyblok-javascript-bridge")))
+    return;
+  const r = document.createElement("script");
+  r.async = !0, r.src = n, r.id = "storyblok-javascript-bridge", r.onerror = (s) => e(s), r.onload = (s) => {
+    _.forEach((o) => o()), v = !0, t(s);
+  }, document.getElementsByTagName("head")[0].appendChild(r);
+}), D = function(n, t) {
+  if (!n)
+    return null;
+  let e = {};
+  for (let r in n) {
+    let s = n[r];
+    t.indexOf(r) > -1 && s !== null && (e[r] = s);
+  }
+  return e;
+}, U = (n) => n === "email";
+var V = {
   nodes: {
     horizontal_rule() {
       return {
@@ -97,13 +49,13 @@ var defaultHtmlSerializer = {
         tag: "ul"
       };
     },
-    code_block(node) {
+    code_block(n) {
       return {
         tag: [
           "pre",
           {
             tag: "code",
-            attrs: node.attrs
+            attrs: n.attrs
           }
         ]
       };
@@ -113,17 +65,17 @@ var defaultHtmlSerializer = {
         singleTag: "br"
       };
     },
-    heading(node) {
+    heading(n) {
       return {
-        tag: `h${node.attrs.level}`
+        tag: `h${n.attrs.level}`
       };
     },
-    image(node) {
+    image(n) {
       return {
         singleTag: [
           {
             tag: "img",
-            attrs: pick(node.attrs, ["src", "alt", "title"])
+            attrs: D(n.attrs, ["src", "alt", "title"])
           }
         ]
       };
@@ -175,161 +127,100 @@ var defaultHtmlSerializer = {
         tag: "i"
       };
     },
-    link(node) {
-      const attrs = __spreadValues2({}, node.attrs);
-      const { linktype = "url" } = node.attrs;
-      if (isEmailLinkType(linktype)) {
-        attrs.href = `mailto:${attrs.href}`;
-      }
-      if (attrs.anchor) {
-        attrs.href = `${attrs.href}#${attrs.anchor}`;
-        delete attrs.anchor;
-      }
-      return {
+    link(n) {
+      const t = h({}, n.attrs), { linktype: e = "url" } = n.attrs;
+      return U(e) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), {
         tag: [
           {
             tag: "a",
-            attrs
+            attrs: t
           }
         ]
       };
     },
-    styled(node) {
+    styled(n) {
       return {
         tag: [
           {
             tag: "span",
-            attrs: node.attrs
+            attrs: n.attrs
           }
         ]
       };
     }
   }
 };
-const escapeHTML = function(string) {
-  const htmlEscapes = {
+const H = function(n) {
+  const t = {
     "&": "&",
     "<": "&lt;",
     ">": "&gt;",
     '"': "&quot;",
     "'": "&#39;"
-  };
-  const reUnescapedHtml = /[&<>"']/g;
-  const reHasUnescapedHtml = RegExp(reUnescapedHtml.source);
-  return string && reHasUnescapedHtml.test(string) ? string.replace(reUnescapedHtml, (chr) => htmlEscapes[chr]) : string;
+  }, e = /[&<>"']/g, r = RegExp(e.source);
+  return n && r.test(n) ? n.replace(e, (s) => t[s]) : n;
 };
-class RichTextResolver {
-  constructor(schema) {
-    if (!schema) {
-      schema = defaultHtmlSerializer;
+class J {
+  constructor(t) {
+    t || (t = V), this.marks = t.marks || [], this.nodes = t.nodes || [];
+  }
+  addNode(t, e) {
+    this.nodes[t] = e;
+  }
+  addMark(t, e) {
+    this.marks[t] = e;
+  }
+  render(t = {}) {
+    if (t.content && Array.isArray(t.content)) {
+      let e = "";
+      return t.content.forEach((r) => {
+        e += this.renderNode(r);
+      }), e;
     }
-    this.marks = schema.marks || [];
-    this.nodes = schema.nodes || [];
-  }
-  addNode(key, schema) {
-    this.nodes[key] = schema;
-  }
-  addMark(key, schema) {
-    this.marks[key] = schema;
-  }
-  render(data = {}) {
-    if (data.content && Array.isArray(data.content)) {
-      let html = "";
-      data.content.forEach((node) => {
-        html += this.renderNode(node);
-      });
-      return html;
-    }
-    console.warn("The render method must receive an object with a content field, which is an array");
-    return "";
-  }
-  renderNode(item) {
-    let html = [];
-    if (item.marks) {
-      item.marks.forEach((m) => {
-        const mark = this.getMatchingMark(m);
-        if (mark) {
-          html.push(this.renderOpeningTag(mark.tag));
-        }
-      });
-    }
-    const node = this.getMatchingNode(item);
-    if (node && node.tag) {
-      html.push(this.renderOpeningTag(node.tag));
-    }
-    if (item.content) {
-      item.content.forEach((content) => {
-        html.push(this.renderNode(content));
-      });
-    } else if (item.text) {
-      html.push(escapeHTML(item.text));
-    } else if (node && node.singleTag) {
-      html.push(this.renderTag(node.singleTag, " /"));
-    } else if (node && node.html) {
-      html.push(node.html);
-    }
-    if (node && node.tag) {
-      html.push(this.renderClosingTag(node.tag));
-    }
-    if (item.marks) {
-      item.marks.slice(0).reverse().forEach((m) => {
-        const mark = this.getMatchingMark(m);
-        if (mark) {
-          html.push(this.renderClosingTag(mark.tag));
-        }
-      });
-    }
-    return html.join("");
+    return console.warn("The render method must receive an object with a content field, which is an array"), "";
   }
-  renderTag(tags, ending) {
-    if (tags.constructor === String) {
-      return `<${tags}${ending}>`;
-    }
-    const all = tags.map((tag) => {
-      if (tag.constructor === String) {
-        return `<${tag}${ending}>`;
-      } else {
-        let h2 = `<${tag.tag}`;
-        if (tag.attrs) {
-          for (let key in tag.attrs) {
-            let value = tag.attrs[key];
-            if (value !== null) {
-              h2 += ` ${key}="${value}"`;
-            }
+  renderNode(t) {
+    let e = [];
+    t.marks && t.marks.forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderOpeningTag(o.tag));
+    });
+    const r = this.getMatchingNode(t);
+    return r && r.tag && e.push(this.renderOpeningTag(r.tag)), t.content ? t.content.forEach((s) => {
+      e.push(this.renderNode(s));
+    }) : t.text ? e.push(H(t.text)) : r && r.singleTag ? e.push(this.renderTag(r.singleTag, " /")) : r && r.html && e.push(r.html), r && r.tag && e.push(this.renderClosingTag(r.tag)), t.marks && t.marks.slice(0).reverse().forEach((s) => {
+      const o = this.getMatchingMark(s);
+      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}${e}>`;
+      {
+        let o = `<${s.tag}`;
+        if (s.attrs)
+          for (let i in s.attrs) {
+            let a = s.attrs[i];
+            a !== null && (o += ` ${i}="${a}"`);
           }
-        }
-        return `${h2}${ending}>`;
+        return `${o}${e}>`;
       }
-    });
-    return all.join("");
+    }).join("");
   }
-  renderOpeningTag(tags) {
-    return this.renderTag(tags, "");
+  renderOpeningTag(t) {
+    return this.renderTag(t, "");
   }
-  renderClosingTag(tags) {
-    if (tags.constructor === String) {
-      return `</${tags}>`;
-    }
-    const all = tags.slice(0).reverse().map((tag) => {
-      if (tag.constructor === String) {
-        return `</${tag}>`;
-      } else {
-        return `</${tag.tag}>`;
-      }
-    });
-    return all.join("");
+  renderClosingTag(t) {
+    return t.constructor === String ? `</${t}>` : t.slice(0).reverse().map((r) => r.constructor === String ? `</${r}>` : `</${r.tag}>`).join("");
   }
-  getMatchingNode(item) {
-    if (typeof this.nodes[item.type] !== "function") {
-      return;
-    }
-    return this.nodes[item.type](item);
+  getMatchingNode(t) {
+    if (typeof this.nodes[t.type] == "function")
+      return this.nodes[t.type](t);
   }
-  getMatchingMark(item) {
-    if (typeof this.marks[item.type] !== "function") {
-      return;
-    }
-    return this.marks[item.type](item);
+  getMatchingMark(t) {
+    if (typeof this.marks[t.type] == "function")
+      return this.marks[t.type](t);
   }
 }
 /*!
@@ -337,340 +228,334 @@ class RichTextResolver {
  * Universal JavaScript SDK for Storyblok's API
  * (c) 2020-2022 Stobylok Team
  */
-function t(e2) {
-  return typeof e2 == "number" && (e2 == e2 && e2 !== 1 / 0 && e2 !== -1 / 0);
+function T(n) {
+  return typeof n == "number" && n == n && n !== 1 / 0 && n !== -1 / 0;
 }
-function s(e2, s2, r2) {
-  if (!t(s2))
+function w(n, t, e) {
+  if (!T(t))
     throw new TypeError("Expected `limit` to be a finite number");
-  if (!t(r2))
+  if (!T(e))
     throw new TypeError("Expected `interval` to be a finite number");
-  var i2 = [], n2 = [], o2 = 0, a2 = function() {
-    o2++;
-    var t2 = setTimeout(function() {
-      o2--, i2.length > 0 && a2(), n2 = n2.filter(function(e3) {
-        return e3 !== t2;
+  var r = [], s = [], o = 0, i = function() {
+    o++;
+    var c = setTimeout(function() {
+      o--, r.length > 0 && i(), s = s.filter(function(u) {
+        return u !== c;
       });
-    }, r2);
-    n2.indexOf(t2) < 0 && n2.push(t2);
-    var s3 = i2.shift();
-    s3.resolve(e2.apply(s3.self, s3.args));
-  }, l2 = function() {
-    var e3 = arguments, t2 = this;
-    return new Promise(function(r3, n3) {
-      i2.push({ resolve: r3, reject: n3, args: e3, self: t2 }), o2 < s2 && a2();
+    }, e);
+    s.indexOf(c) < 0 && s.push(c);
+    var l = r.shift();
+    l.resolve(n.apply(l.self, l.args));
+  }, a = function() {
+    var c = arguments, l = this;
+    return new Promise(function(u, p) {
+      r.push({ resolve: u, reject: p, args: c, self: l }), o < t && i();
     });
   };
-  return l2.abort = function() {
-    n2.forEach(clearTimeout), n2 = [], i2.forEach(function(e3) {
-      e3.reject(new throttle.AbortError());
-    }), i2.length = 0;
-  }, l2;
+  return a.abort = function() {
+    s.forEach(clearTimeout), s = [], r.forEach(function(c) {
+      c.reject(new throttle.AbortError());
+    }), r.length = 0;
+  }, a;
 }
-s.AbortError = function() {
+w.AbortError = function() {
   Error.call(this, "Throttled function aborted"), this.name = "AbortError";
 };
-const r = function(e2, t2) {
-  if (!e2)
+const Y = function(n, t) {
+  if (!n)
     return null;
-  let s2 = {};
-  for (let r2 in e2) {
-    let i2 = e2[r2];
-    t2.indexOf(r2) > -1 && i2 !== null && (s2[r2] = i2);
+  let e = {};
+  for (let r in n) {
+    let s = n[r];
+    t.indexOf(r) > -1 && s !== null && (e[r] = s);
   }
-  return s2;
+  return e;
 };
-var i = { nodes: { horizontal_rule: () => ({ singleTag: "hr" }), blockquote: () => ({ tag: "blockquote" }), bullet_list: () => ({ tag: "ul" }), code_block: (e2) => ({ tag: ["pre", { tag: "code", attrs: e2.attrs }] }), hard_break: () => ({ singleTag: "br" }), heading: (e2) => ({ tag: `h${e2.attrs.level}` }), image: (e2) => ({ singleTag: [{ tag: "img", attrs: r(e2.attrs, ["src", "alt", "title"]) }] }), list_item: () => ({ tag: "li" }), ordered_list: () => ({ tag: "ol" }), paragraph: () => ({ tag: "p" }) }, marks: { bold: () => ({ tag: "b" }), strike: () => ({ tag: "strike" }), underline: () => ({ tag: "u" }), strong: () => ({ tag: "strong" }), code: () => ({ tag: "code" }), italic: () => ({ tag: "i" }), link(e2) {
-  const t2 = __spreadValues2({}, e2.attrs), { linktype: s2 = "url" } = e2.attrs;
-  return s2 === "email" && (t2.href = `mailto:${t2.href}`), t2.anchor && (t2.href = `${t2.href}#${t2.anchor}`, delete t2.anchor), { tag: [{ tag: "a", attrs: t2 }] };
-}, styled: (e2) => ({ tag: [{ tag: "span", attrs: e2.attrs }] }) } };
-class n {
-  constructor(e2) {
-    e2 || (e2 = i), this.marks = e2.marks || [], this.nodes = e2.nodes || [];
-  }
-  addNode(e2, t2) {
-    this.nodes[e2] = t2;
-  }
-  addMark(e2, t2) {
-    this.marks[e2] = t2;
-  }
-  render(e2 = {}) {
-    if (e2.content && Array.isArray(e2.content)) {
-      let t2 = "";
-      return e2.content.forEach((e3) => {
-        t2 += this.renderNode(e3);
-      }), t2;
+var F = { nodes: { horizontal_rule: () => ({ singleTag: "hr" }), blockquote: () => ({ tag: "blockquote" }), bullet_list: () => ({ tag: "ul" }), code_block: (n) => ({ tag: ["pre", { tag: "code", attrs: n.attrs }] }), hard_break: () => ({ singleTag: "br" }), heading: (n) => ({ tag: `h${n.attrs.level}` }), image: (n) => ({ singleTag: [{ tag: "img", attrs: Y(n.attrs, ["src", "alt", "title"]) }] }), list_item: () => ({ tag: "li" }), ordered_list: () => ({ tag: "ol" }), paragraph: () => ({ tag: "p" }) }, marks: { bold: () => ({ tag: "b" }), strike: () => ({ tag: "strike" }), underline: () => ({ tag: "u" }), strong: () => ({ tag: "strong" }), code: () => ({ tag: "code" }), italic: () => ({ tag: "i" }), link(n) {
+  const t = h({}, n.attrs), { linktype: e = "url" } = n.attrs;
+  return e === "email" && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), { tag: [{ tag: "a", attrs: t }] };
+}, styled: (n) => ({ tag: [{ tag: "span", attrs: n.attrs }] }) } };
+class G {
+  constructor(t) {
+    t || (t = F), this.marks = t.marks || [], this.nodes = t.nodes || [];
+  }
+  addNode(t, e) {
+    this.nodes[t] = e;
+  }
+  addMark(t, e) {
+    this.marks[t] = e;
+  }
+  render(t = {}) {
+    if (t.content && Array.isArray(t.content)) {
+      let e = "";
+      return t.content.forEach((r) => {
+        e += this.renderNode(r);
+      }), e;
     }
     return console.warn("The render method must receive an object with a content field, which is an array"), "";
   }
-  renderNode(e2) {
-    let t2 = [];
-    e2.marks && e2.marks.forEach((e3) => {
-      const s3 = this.getMatchingMark(e3);
-      s3 && t2.push(this.renderOpeningTag(s3.tag));
+  renderNode(t) {
+    let e = [];
+    t.marks && t.marks.forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderOpeningTag(o.tag));
     });
-    const s2 = this.getMatchingNode(e2);
-    return s2 && s2.tag && t2.push(this.renderOpeningTag(s2.tag)), e2.content ? e2.content.forEach((e3) => {
-      t2.push(this.renderNode(e3));
-    }) : e2.text ? t2.push(function(e3) {
-      const t3 = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, s3 = /[&<>"']/g, r2 = RegExp(s3.source);
-      return e3 && r2.test(e3) ? e3.replace(s3, (e4) => t3[e4]) : e3;
-    }(e2.text)) : s2 && s2.singleTag ? t2.push(this.renderTag(s2.singleTag, " /")) : s2 && s2.html && t2.push(s2.html), s2 && s2.tag && t2.push(this.renderClosingTag(s2.tag)), e2.marks && e2.marks.slice(0).reverse().forEach((e3) => {
-      const s3 = this.getMatchingMark(e3);
-      s3 && t2.push(this.renderClosingTag(s3.tag));
-    }), t2.join("");
-  }
-  renderTag(e2, t2) {
-    if (e2.constructor === String)
-      return `<${e2}${t2}>`;
-    return e2.map((e3) => {
-      if (e3.constructor === String)
-        return `<${e3}${t2}>`;
+    const r = this.getMatchingNode(t);
+    return r && r.tag && e.push(this.renderOpeningTag(r.tag)), t.content ? t.content.forEach((s) => {
+      e.push(this.renderNode(s));
+    }) : t.text ? e.push(function(s) {
+      const o = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, i = /[&<>"']/g, a = RegExp(i.source);
+      return s && a.test(s) ? s.replace(i, (c) => o[c]) : s;
+    }(t.text)) : r && r.singleTag ? e.push(this.renderTag(r.singleTag, " /")) : r && r.html && e.push(r.html), r && r.tag && e.push(this.renderClosingTag(r.tag)), t.marks && t.marks.slice(0).reverse().forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderClosingTag(o.tag));
+    }), e.join("");
+  }
+  renderTag(t, e) {
+    return t.constructor === String ? `<${t}${e}>` : t.map((r) => {
+      if (r.constructor === String)
+        return `<${r}${e}>`;
       {
-        let s2 = `<${e3.tag}`;
-        if (e3.attrs)
-          for (let t3 in e3.attrs) {
-            let r2 = e3.attrs[t3];
-            r2 !== null && (s2 += ` ${t3}="${r2}"`);
+        let s = `<${r.tag}`;
+        if (r.attrs)
+          for (let o in r.attrs) {
+            let i = r.attrs[o];
+            i !== null && (s += ` ${o}="${i}"`);
           }
-        return `${s2}${t2}>`;
+        return `${s}${e}>`;
       }
     }).join("");
   }
-  renderOpeningTag(e2) {
-    return this.renderTag(e2, "");
+  renderOpeningTag(t) {
+    return this.renderTag(t, "");
   }
-  renderClosingTag(e2) {
-    if (e2.constructor === String)
-      return `</${e2}>`;
-    return e2.slice(0).reverse().map((e3) => e3.constructor === String ? `</${e3}>` : `</${e3.tag}>`).join("");
+  renderClosingTag(t) {
+    return t.constructor === String ? `</${t}>` : t.slice(0).reverse().map((e) => e.constructor === String ? `</${e}>` : `</${e.tag}>`).join("");
   }
-  getMatchingNode(e2) {
-    if (typeof this.nodes[e2.type] == "function")
-      return this.nodes[e2.type](e2);
+  getMatchingNode(t) {
+    if (typeof this.nodes[t.type] == "function")
+      return this.nodes[t.type](t);
   }
-  getMatchingMark(e2) {
-    if (typeof this.marks[e2.type] == "function")
-      return this.marks[e2.type](e2);
+  getMatchingMark(t) {
+    if (typeof this.marks[t.type] == "function")
+      return this.marks[t.type](t);
   }
 }
-const o = (e2 = 0, t2 = e2) => {
-  const s2 = Math.abs(t2 - e2) || 0, r2 = e2 < t2 ? 1 : -1;
-  return ((e3 = 0, t3) => [...Array(e3)].map(t3))(s2, (t3, s3) => s3 * r2 + e2);
-}, a = (e2, t2, s2) => {
-  const r2 = [];
-  for (const i2 in e2) {
-    if (!Object.prototype.hasOwnProperty.call(e2, i2))
+const K = (n = 0, t = n) => {
+  const e = Math.abs(t - n) || 0, r = n < t ? 1 : -1;
+  return ((s = 0, o) => [...Array(s)].map(o))(e, (s, o) => o * r + n);
+}, m = (n, t, e) => {
+  const r = [];
+  for (const s in n) {
+    if (!Object.prototype.hasOwnProperty.call(n, s))
       continue;
-    const n2 = e2[i2], o2 = s2 ? "" : encodeURIComponent(i2);
-    let l2;
-    l2 = typeof n2 == "object" ? a(n2, t2 ? t2 + encodeURIComponent("[" + o2 + "]") : o2, Array.isArray(n2)) : (t2 ? t2 + encodeURIComponent("[" + o2 + "]") : o2) + "=" + encodeURIComponent(n2), r2.push(l2);
+    const o = n[s], i = e ? "" : encodeURIComponent(s);
+    let a;
+    a = typeof o == "object" ? m(o, t ? t + encodeURIComponent("[" + i + "]") : i, Array.isArray(o)) : (t ? t + encodeURIComponent("[" + i + "]") : i) + "=" + encodeURIComponent(o), r.push(a);
   }
-  return r2.join("&");
+  return r.join("&");
 };
-let l = {}, c = {};
-class h {
-  constructor(t2, r2) {
-    if (!r2) {
-      let e2 = t2.region ? `-${t2.region}` : "", s2 = t2.https === false ? "http" : "https";
-      r2 = t2.oauthToken === void 0 ? `${s2}://api${e2}.storyblok.com/v2` : `${s2}://api${e2}.storyblok.com/v1`;
+let f = {}, d = {};
+class Q {
+  constructor(t, e) {
+    if (!e) {
+      let o = t.region ? `-${t.region}` : "", i = t.https === !1 ? "http" : "https";
+      e = t.oauthToken === void 0 ? `${i}://api${o}.storyblok.com/v2` : `${i}://api${o}.storyblok.com/v1`;
     }
-    let i2 = Object.assign({}, t2.headers), o2 = 5;
-    t2.oauthToken !== void 0 && (i2.Authorization = t2.oauthToken, o2 = 3), t2.rateLimit !== void 0 && (o2 = t2.rateLimit), this.richTextResolver = new n(t2.richTextSchema), typeof t2.componentResolver == "function" && this.setComponentResolver(t2.componentResolver), this.maxRetries = t2.maxRetries || 5, this.throttle = s(this.throttledRequest, o2, 1e3), this.accessToken = t2.accessToken, this.relations = {}, this.links = {}, this.cache = t2.cache || { clear: "manual" }, this.client = e.create({ baseURL: r2, timeout: t2.timeout || 0, headers: i2, proxy: t2.proxy || false }), t2.responseInterceptor && this.client.interceptors.response.use((e2) => t2.responseInterceptor(e2)), this.resolveNestedRelations = t2.resolveNestedRelations || true;
-  }
-  setComponentResolver(e2) {
-    this.richTextResolver.addNode("blok", (t2) => {
-      let s2 = "";
-      return t2.attrs.body.forEach((t3) => {
-        s2 += e2(t3.component, t3);
-      }), { html: s2 };
+    let r = Object.assign({}, t.headers), s = 5;
+    t.oauthToken !== void 0 && (r.Authorization = t.oauthToken, s = 3), t.rateLimit !== void 0 && (s = t.rateLimit), this.richTextResolver = new G(t.richTextSchema), typeof t.componentResolver == "function" && this.setComponentResolver(t.componentResolver), this.maxRetries = t.maxRetries || 5, this.throttle = w(this.throttledRequest, s, 1e3), this.accessToken = t.accessToken, this.relations = {}, this.links = {}, this.cache = t.cache || { clear: "manual" }, this.client = x.create({ baseURL: e, timeout: t.timeout || 0, headers: r, proxy: t.proxy || !1 }), t.responseInterceptor && this.client.interceptors.response.use((o) => t.responseInterceptor(o)), this.resolveNestedRelations = t.resolveNestedRelations || !0;
+  }
+  setComponentResolver(t) {
+    this.richTextResolver.addNode("blok", (e) => {
+      let r = "";
+      return e.attrs.body.forEach((s) => {
+        r += t(s.component, s);
+      }), { html: r };
     });
   }
-  parseParams(e2 = {}) {
-    return e2.version || (e2.version = "published"), e2.token || (e2.token = this.getToken()), e2.cv || (e2.cv = c[e2.token]), Array.isArray(e2.resolve_relations) && (e2.resolve_relations = e2.resolve_relations.join(",")), e2;
+  parseParams(t = {}) {
+    return t.version || (t.version = "published"), t.token || (t.token = this.getToken()), t.cv || (t.cv = d[t.token]), Array.isArray(t.resolve_relations) && (t.resolve_relations = t.resolve_relations.join(",")), t;
   }
-  factoryParamOptions(e2, t2 = {}) {
-    return ((e3 = "") => e3.indexOf("/cdn/") > -1)(e2) ? this.parseParams(t2) : t2;
+  factoryParamOptions(t, e = {}) {
+    return ((r = "") => r.indexOf("/cdn/") > -1)(t) ? this.parseParams(e) : e;
   }
-  makeRequest(e2, t2, s2, r2) {
-    const i2 = this.factoryParamOptions(e2, ((e3 = {}, t3 = 25, s3 = 1) => __spreadProps(__spreadValues2({}, e3), { per_page: t3, page: s3 }))(t2, s2, r2));
-    return this.cacheResponse(e2, i2);
+  makeRequest(t, e, r, s) {
+    const o = this.factoryParamOptions(t, ((i = {}, a = 25, c = 1) => y(h({}, i), { per_page: a, page: c }))(e, r, s));
+    return this.cacheResponse(t, o);
   }
-  get(e2, t2) {
-    let s2 = `/${e2}`;
-    const r2 = this.factoryParamOptions(s2, t2);
-    return this.cacheResponse(s2, r2);
+  get(t, e) {
+    let r = `/${t}`;
+    const s = this.factoryParamOptions(r, e);
+    return this.cacheResponse(r, s);
   }
-  async getAll(e2, t2 = {}, s2) {
-    const r2 = t2.per_page || 25, i2 = `/${e2}`, n2 = i2.split("/");
-    s2 = s2 || n2[n2.length - 1];
-    const a2 = await this.makeRequest(i2, t2, r2, 1), l2 = Math.ceil(a2.total / r2);
-    return ((e3 = [], t3) => e3.map(t3).reduce((e4, t4) => [...e4, ...t4], []))([a2, ...await (async (e3 = [], t3) => Promise.all(e3.map(t3)))(o(1, l2), async (e3) => this.makeRequest(i2, t2, r2, e3 + 1))], (e3) => Object.values(e3.data[s2]));
+  async getAll(t, e = {}, r) {
+    const s = e.per_page || 25, o = `/${t}`, i = o.split("/");
+    r = r || i[i.length - 1];
+    const a = await this.makeRequest(o, e, s, 1), c = Math.ceil(a.total / s);
+    return ((l = [], u) => l.map(u).reduce((p, $) => [...p, ...$], []))([a, ...await (async (l = [], u) => Promise.all(l.map(u)))(K(1, c), async (l) => this.makeRequest(o, e, s, l + 1))], (l) => Object.values(l.data[r]));
   }
-  post(e2, t2) {
-    let s2 = `/${e2}`;
-    return this.throttle("post", s2, t2);
+  post(t, e) {
+    let r = `/${t}`;
+    return this.throttle("post", r, e);
   }
-  put(e2, t2) {
-    let s2 = `/${e2}`;
-    return this.throttle("put", s2, t2);
+  put(t, e) {
+    let r = `/${t}`;
+    return this.throttle("put", r, e);
   }
-  delete(e2, t2) {
-    let s2 = `/${e2}`;
-    return this.throttle("delete", s2, t2);
+  delete(t, e) {
+    let r = `/${t}`;
+    return this.throttle("delete", r, e);
   }
-  getStories(e2) {
-    return this.get("cdn/stories", e2);
+  getStories(t) {
+    return this.get("cdn/stories", t);
   }
-  getStory(e2, t2) {
-    return this.get(`cdn/stories/${e2}`, t2);
+  getStory(t, e) {
+    return this.get(`cdn/stories/${t}`, e);
   }
-  setToken(e2) {
-    this.accessToken = e2;
+  setToken(t) {
+    this.accessToken = t;
   }
   getToken() {
     return this.accessToken;
   }
-  _cleanCopy(e2) {
-    return JSON.parse(JSON.stringify(e2));
-  }
-  _insertLinks(e2, t2) {
-    const s2 = e2[t2];
-    s2 && s2.fieldtype == "multilink" && s2.linktype == "story" && typeof s2.id == "string" && this.links[s2.id] ? s2.story = this._cleanCopy(this.links[s2.id]) : s2 && s2.linktype === "story" && typeof s2.uuid == "string" && this.links[s2.uuid] && (s2.story = this._cleanCopy(this.links[s2.uuid]));
-  }
-  _insertRelations(e2, t2, s2) {
-    if (s2.indexOf(e2.component + "." + t2) > -1) {
-      if (typeof e2[t2] == "string")
-        this.relations[e2[t2]] && (e2[t2] = this._cleanCopy(this.relations[e2[t2]]));
-      else if (e2[t2].constructor === Array) {
-        let s3 = [];
-        e2[t2].forEach((e3) => {
-          this.relations[e3] && s3.push(this._cleanCopy(this.relations[e3]));
-        }), e2[t2] = s3;
+  _cleanCopy(t) {
+    return JSON.parse(JSON.stringify(t));
+  }
+  _insertLinks(t, e) {
+    const r = t[e];
+    r && r.fieldtype == "multilink" && r.linktype == "story" && typeof r.id == "string" && this.links[r.id] ? r.story = this._cleanCopy(this.links[r.id]) : r && r.linktype === "story" && typeof r.uuid == "string" && this.links[r.uuid] && (r.story = this._cleanCopy(this.links[r.uuid]));
+  }
+  _insertRelations(t, e, r) {
+    if (r.indexOf(t.component + "." + e) > -1) {
+      if (typeof t[e] == "string")
+        this.relations[t[e]] && (t[e] = this._cleanCopy(this.relations[t[e]]));
+      else if (t[e].constructor === Array) {
+        let s = [];
+        t[e].forEach((o) => {
+          this.relations[o] && s.push(this._cleanCopy(this.relations[o]));
+        }), t[e] = s;
       }
     }
   }
-  _insertAssetsRelations(e2, t2) {
-    t2.forEach((t3) => {
-      e2.id === t3.id && (e2.original = t3, e2.original.filename = e2.filename, e2.original.filename = e2.original.filename.includes("https://s3.amazonaws.com/") ? e2.original.filename : e2.original.filename.replace("https://", "https://s3.amazonaws.com/"), delete e2.original.s3_filename);
+  _insertAssetsRelations(t, e) {
+    e.forEach((r) => {
+      t.id === r.id && (t.original = r, t.original.filename = t.filename, t.original.filename = t.original.filename.includes("https://s3.amazonaws.com/") ? t.original.filename : t.original.filename.replace("https://", "https://s3.amazonaws.com/"), delete t.original.s3_filename);
     });
   }
-  iterateTree(e2, t2) {
-    let s2 = (e3) => {
-      if (e3 != null) {
-        if (e3.constructor === Array)
-          for (let t3 = 0; t3 < e3.length; t3++)
-            s2(e3[t3]);
-        else if (e3.constructor === Object) {
-          if (e3._stopResolving)
+  iterateTree(t, e) {
+    let r = (s) => {
+      if (s != null) {
+        if (s.constructor === Array)
+          for (let o = 0; o < s.length; o++)
+            r(s[o]);
+        else if (s.constructor === Object) {
+          if (s._stopResolving)
             return;
-          for (let r2 in e3)
-            e3.component && e3._uid || e3.type === "link" ? (this._insertRelations(e3, r2, t2), this._insertLinks(e3, r2)) : "id" in e3 && e3.fieldtype === "asset" && this._insertAssetsRelations(e3, t2), s2(e3[r2]);
+          for (let o in s)
+            s.component && s._uid || s.type === "link" ? (this._insertRelations(s, o, e), this._insertLinks(s, o)) : "id" in s && s.fieldtype === "asset" && this._insertAssetsRelations(s, e), r(s[o]);
         }
       }
     };
-    s2(e2.content);
-  }
-  async resolveLinks(e2, t2) {
-    let s2 = [];
-    if (e2.link_uuids) {
-      const r2 = e2.link_uuids.length;
-      let i2 = [];
-      const n2 = 50;
-      for (let t3 = 0; t3 < r2; t3 += n2) {
-        const s3 = Math.min(r2, t3 + n2);
-        i2.push(e2.link_uuids.slice(t3, s3));
+    r(t.content);
+  }
+  async resolveLinks(t, e) {
+    let r = [];
+    if (t.link_uuids) {
+      const s = t.link_uuids.length;
+      let o = [];
+      const i = 50;
+      for (let a = 0; a < s; a += i) {
+        const c = Math.min(s, a + i);
+        o.push(t.link_uuids.slice(a, c));
       }
-      for (let e3 = 0; e3 < i2.length; e3++) {
-        (await this.getStories({ per_page: n2, language: t2.language, version: t2.version, by_uuids: i2[e3].join(",") })).data.stories.forEach((e4) => {
-          s2.push(e4);
+      for (let a = 0; a < o.length; a++)
+        (await this.getStories({ per_page: i, language: e.language, version: e.version, by_uuids: o[a].join(",") })).data.stories.forEach((c) => {
+          r.push(c);
         });
-      }
     } else
-      s2 = e2.links;
-    s2.forEach((e3) => {
-      this.links[e3.uuid] = __spreadProps(__spreadValues2({}, e3), { _stopResolving: true });
+      r = t.links;
+    r.forEach((s) => {
+      this.links[s.uuid] = y(h({}, s), { _stopResolving: !0 });
     });
   }
-  async resolveRelations(e2, t2) {
-    let s2 = [];
-    if (e2.rel_uuids) {
-      const r2 = e2.rel_uuids.length;
-      let i2 = [];
-      const n2 = 50;
-      for (let t3 = 0; t3 < r2; t3 += n2) {
-        const s3 = Math.min(r2, t3 + n2);
-        i2.push(e2.rel_uuids.slice(t3, s3));
+  async resolveRelations(t, e) {
+    let r = [];
+    if (t.rel_uuids) {
+      const s = t.rel_uuids.length;
+      let o = [];
+      const i = 50;
+      for (let a = 0; a < s; a += i) {
+        const c = Math.min(s, a + i);
+        o.push(t.rel_uuids.slice(a, c));
       }
-      for (let e3 = 0; e3 < i2.length; e3++) {
-        (await this.getStories({ per_page: n2, language: t2.language, version: t2.version, by_uuids: i2[e3].join(",") })).data.stories.forEach((e4) => {
-          s2.push(e4);
+      for (let a = 0; a < o.length; a++)
+        (await this.getStories({ per_page: i, language: e.language, version: e.version, by_uuids: o[a].join(",") })).data.stories.forEach((c) => {
+          r.push(c);
         });
-      }
     } else
-      s2 = e2.rels;
-    s2.forEach((e3) => {
-      this.relations[e3.uuid] = __spreadProps(__spreadValues2({}, e3), { _stopResolving: true });
+      r = t.rels;
+    r.forEach((s) => {
+      this.relations[s.uuid] = y(h({}, s), { _stopResolving: !0 });
     });
   }
-  async resolveStories(e2, t2) {
-    let s2 = [];
-    if (t2.resolve_relations !== void 0 && t2.resolve_relations.length > 0 && (e2.rels || e2.rel_uuids) && (s2 = t2.resolve_relations.split(","), await this.resolveRelations(e2, t2)), ["1", "story", "url"].indexOf(t2.resolve_links) > -1 && (e2.links || e2.link_uuids) && await this.resolveLinks(e2, t2), this.resolveNestedRelations)
-      for (const e3 in this.relations)
-        this.iterateTree(this.relations[e3], s2);
-    e2.story ? this.iterateTree(e2.story, s2) : e2.stories.forEach((e3) => {
-      this.iterateTree(e3, s2);
+  async resolveStories(t, e) {
+    let r = [];
+    if (e.resolve_relations !== void 0 && e.resolve_relations.length > 0 && (t.rels || t.rel_uuids) && (r = e.resolve_relations.split(","), await this.resolveRelations(t, e)), ["1", "story", "url"].indexOf(e.resolve_links) > -1 && (t.links || t.link_uuids) && await this.resolveLinks(t, e), this.resolveNestedRelations)
+      for (const s in this.relations)
+        this.iterateTree(this.relations[s], r);
+    t.story ? this.iterateTree(t.story, r) : t.stories.forEach((s) => {
+      this.iterateTree(s, r);
     });
   }
-  resolveAssetsRelations(e2) {
-    const { assets: t2, stories: s2, story: r2 } = e2;
-    if (s2)
-      for (const e3 of s2)
-        this.iterateTree(e3, t2);
+  resolveAssetsRelations(t) {
+    const { assets: e, stories: r, story: s } = t;
+    if (r)
+      for (const o of r)
+        this.iterateTree(o, e);
     else {
-      if (!r2)
-        return e2;
-      this.iterateTree(r2, t2);
+      if (!s)
+        return t;
+      this.iterateTree(s, e);
     }
   }
-  cacheResponse(e2, t2, s2) {
-    return s2 === void 0 && (s2 = 0), new Promise(async (r2, i2) => {
-      let n2 = a({ url: e2, params: t2 }), o2 = this.cacheProvider();
-      if (this.cache.clear === "auto" && t2.version === "draft" && await this.flushCache(), t2.version === "published" && e2 != "/cdn/spaces/me") {
-        const e3 = await o2.get(n2);
-        if (e3)
-          return r2(e3);
+  cacheResponse(t, e, r) {
+    return r === void 0 && (r = 0), new Promise(async (s, o) => {
+      let i = m({ url: t, params: e }), a = this.cacheProvider();
+      if (this.cache.clear === "auto" && e.version === "draft" && await this.flushCache(), e.version === "published" && t != "/cdn/spaces/me") {
+        const l = await a.get(i);
+        if (l)
+          return s(l);
       }
       try {
-        let s3 = await this.throttle("get", e2, { params: t2, paramsSerializer: (e3) => a(e3) }), l3 = { data: s3.data, headers: s3.headers };
-        if (l3.data.assets && l3.data.assets.length && this.resolveAssetsRelations(l3.data), s3.headers["per-page"] && (l3 = Object.assign({}, l3, { perPage: parseInt(s3.headers["per-page"]), total: parseInt(s3.headers.total) })), s3.status != 200)
-          return i2(s3);
-        (l3.data.story || l3.data.stories) && await this.resolveStories(l3.data, t2), t2.version === "published" && e2 != "/cdn/spaces/me" && o2.set(n2, l3), l3.data.cv && (t2.version == "draft" && c[t2.token] != l3.data.cv && this.flushCache(), c[t2.token] = l3.data.cv), r2(l3);
-      } catch (n3) {
-        if (n3.response && n3.response.status === 429 && (s2 += 1) < this.maxRetries)
-          return console.log(`Hit rate limit. Retrying in ${s2} seconds.`), await (l2 = 1e3 * s2, new Promise((e3) => setTimeout(e3, l2))), this.cacheResponse(e2, t2, s2).then(r2).catch(i2);
-        i2(n3);
+        let l = await this.throttle("get", t, { params: e, paramsSerializer: (p) => m(p) }), u = { data: l.data, headers: l.headers };
+        if (u.data.assets && u.data.assets.length && this.resolveAssetsRelations(u.data), l.headers["per-page"] && (u = Object.assign({}, u, { perPage: parseInt(l.headers["per-page"]), total: parseInt(l.headers.total) })), l.status != 200)
+          return o(l);
+        (u.data.story || u.data.stories) && await this.resolveStories(u.data, e), e.version === "published" && t != "/cdn/spaces/me" && a.set(i, u), u.data.cv && (e.version == "draft" && d[e.token] != u.data.cv && this.flushCache(), d[e.token] = u.data.cv), s(u);
+      } catch (l) {
+        if (l.response && l.response.status === 429 && (r += 1) < this.maxRetries)
+          return console.log(`Hit rate limit. Retrying in ${r} seconds.`), await (c = 1e3 * r, new Promise((u) => setTimeout(u, c))), this.cacheResponse(t, e, r).then(s).catch(o);
+        o(l);
       }
-      var l2;
+      var c;
     });
   }
-  throttledRequest(e2, t2, s2) {
-    return this.client[e2](t2, s2);
+  throttledRequest(t, e, r) {
+    return this.client[t](e, r);
   }
   cacheVersions() {
-    return c;
+    return d;
   }
   cacheVersion() {
-    return c[this.accessToken];
+    return d[this.accessToken];
   }
-  setCacheVersion(e2) {
-    this.accessToken && (c[this.accessToken] = e2);
+  setCacheVersion(t) {
+    this.accessToken && (d[this.accessToken] = t);
   }
   cacheProvider() {
-    return this.cache.type === "memory" ? { get: (e2) => l[e2], getAll: () => l, set(e2, t2) {
-      l[e2] = t2;
+    return this.cache.type === "memory" ? { get: (t) => f[t], getAll: () => f, set(t, e) {
+      f[t] = e;
     }, flush() {
-      l = {};
+      f = {};
     } } : { get() {
     }, getAll() {
     }, set() {
@@ -681,125 +566,99 @@ class h {
     return await this.cacheProvider().flush(), this;
   }
 }
-const apiFactory = (options = {}) => {
-  const { apiOptions } = options;
-  if (!apiOptions.accessToken) {
+const it = (n = {}) => {
+  const { apiOptions: t } = n;
+  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;
   }
-  const storyblokApi = new h(apiOptions);
-  return { storyblokApi };
+  return { storyblokApi: new Q(t) };
 };
-var editable = (blok) => {
-  if (typeof blok !== "object" || typeof blok._editable === "undefined") {
+var W = (n) => {
+  if (typeof n != "object" || typeof n._editable > "u")
     return {};
-  }
-  const options = JSON.parse(blok._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
+  const t = JSON.parse(n._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
   return {
-    "data-blok-c": JSON.stringify(options),
-    "data-blok-uid": options.id + "-" + options.uid
+    "data-blok-c": JSON.stringify(t),
+    "data-blok-uid": t.id + "-" + t.uid
   };
 };
-const resolver = new RichTextResolver();
-const bridgeLatest = "https://app.storyblok.com/f/storyblok-v2-latest.js";
-const useStoryblokBridge = (id, cb, options = {}) => {
-  if (typeof window === "undefined") {
-    return;
-  }
-  if (typeof window.storyblokRegisterEvent === "undefined") {
-    console.error("Storyblok Bridge is disabled. Please enable it to use it. Read https://github.com/storyblok/storyblok-js");
-    return;
-  }
-  if (!id) {
-    console.warn("Story ID is not defined. Please provide a valid ID.");
-    return;
-  }
-  window.storyblokRegisterEvent(() => {
-    const sbBridge = new window.StoryblokBridge(options);
-    sbBridge.on(["input", "published", "change"], (event) => {
-      if (event.action == "input" && event.story.id === id) {
-        cb(event.story);
-      } else {
-        window.location.reload();
-      }
+const X = new J(), Z = "https://app.storyblok.com/f/storyblok-v2-latest.js", tt = (n, t, e = {}) => {
+  if (!(typeof window > "u")) {
+    if (typeof window.storyblokRegisterEvent > "u") {
+      console.error("Storyblok Bridge is disabled. Please enable it to use it. Read https://github.com/storyblok/storyblok-js");
+      return;
+    }
+    if (!n) {
+      console.warn("Story ID is not defined. Please provide a valid ID.");
+      return;
+    }
+    window.storyblokRegisterEvent(() => {
+      new window.StoryblokBridge(e).on(["input", "published", "change"], (s) => {
+        s.story.id === n && (s.action === "input" ? t(s.story) : window.location.reload());
+      });
     });
-  });
-};
-const storyblokInit = (pluginOptions = {}) => {
-  const { bridge, accessToken, use = [], apiOptions = {} } = pluginOptions;
-  apiOptions.accessToken = apiOptions.accessToken || accessToken;
-  const options = { bridge, apiOptions };
-  let result = {};
-  use.forEach((pluginFactory) => {
-    result = __spreadValues2(__spreadValues2({}, result), pluginFactory(options));
-  });
-  if (bridge !== false) {
-    loadBridge(bridgeLatest);
-  }
-  return result;
-};
-const renderRichText = (text) => {
-  if (text === "") {
-    return "";
-  } else if (!text) {
-    console.warn(`${text} 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`);
-    return "";
   }
-  return resolver.render(text);
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, et = (n = {}) => {
+  const { bridge: t, accessToken: e, use: r = [], apiOptions: s = {} } = n;
+  s.accessToken = s.accessToken || e;
+  const o = { bridge: t, apiOptions: s };
+  let i = {};
+  return r.forEach((a) => {
+    i = h(h({}, i), a(o));
+  }), t !== !1 && z(Z), i;
+}, at = (n) => n === "" ? "" : n ? X.render(n) : (console.warn(`${n} 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`), ""), rt = /* @__PURE__ */ E({
   __name: "StoryblokComponent",
   props: {
     blok: null
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.blok.component), normalizeProps(guardReactiveProps(__spreadValues(__spreadValues({}, _ctx.$props), _ctx.$attrs))), null, 16);
-    };
-  }
-});
-const vEditableDirective = {
-  beforeMount(el, binding) {
-    if (binding.value) {
-      const options = editable(binding.value);
-      el.setAttribute("data-blok-c", options["data-blok-c"]);
-      el.setAttribute("data-blok-uid", options["data-blok-uid"]);
-      el.classList.add("storyblok__outline");
+  setup(n) {
+    return (t, e) => (O(), S(P(n.blok.component), j(A({ ...t.$props, ...t.$attrs })), null, 16));
+  }
+}), st = {
+  beforeMount(n, t) {
+    if (t.value) {
+      const e = W(t.value);
+      n.setAttribute("data-blok-c", e["data-blok-c"]), n.setAttribute("data-blok-uid", e["data-blok-uid"]), n.classList.add("storyblok__outline");
     }
   }
-};
-const printError = (fnName) => {
-  console.error(`You can't use ${fnName} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
+}, R = (n) => {
+  console.error(`You can't use ${n} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
     `);
 };
-let storyblokApiInstance = null;
-const useStoryblokApi = () => {
-  if (!storyblokApiInstance)
-    printError("useStoryblokApi");
-  return storyblokApiInstance;
-};
-const useStoryblok = async (url, apiOptions = {}, bridgeOptions = {}) => {
-  const story = ref(null);
-  onMounted(() => {
-    if (story.value && story.value.id) {
-      useStoryblokBridge(story.value.id, (evStory) => story.value = evStory, bridgeOptions);
-    }
-  });
-  if (storyblokApiInstance) {
-    const { data } = await storyblokApiInstance.get(`cdn/stories/${url}`, apiOptions);
-    story.value = data.story;
+let g = null;
+const lt = () => (g || R("useStoryblokApi"), g), ct = async (n, t = {}, e = {}) => {
+  const r = C(null);
+  if (M(() => {
+    r.value && r.value.id && tt(
+      r.value.id,
+      (s) => r.value = s,
+      e
+    );
+  }), g) {
+    const { data: s } = await g.get(
+      `cdn/stories/${n}`,
+      t
+    );
+    r.value = s.story;
   } else
-    printError("useStoryblok");
-  return story;
-};
-const StoryblokVue = {
-  install(app, pluginOptions = {}) {
-    app.directive("editable", vEditableDirective);
-    app.component("StoryblokComponent", _sfc_main);
-    const { storyblokApi } = storyblokInit(pluginOptions);
-    storyblokApiInstance = storyblokApi;
+    R("useStoryblok");
+  return r;
+}, ut = {
+  install(n, t = {}) {
+    n.directive("editable", st), n.component("StoryblokComponent", rt);
+    const { storyblokApi: e } = et(t);
+    g = e;
   }
 };
-export { _sfc_main as StoryblokComponent, StoryblokVue, apiFactory as apiPlugin, renderRichText, useStoryblok, useStoryblokApi, useStoryblokBridge };
+export {
+  rt as StoryblokComponent,
+  ut as StoryblokVue,
+  it as apiPlugin,
+  at as renderRichText,
+  ct as useStoryblok,
+  lt as useStoryblokApi,
+  tt as useStoryblokBridge
+};