@storyblok/vue 7.0.0 → 7.1.1

package/dist/cypress/support/component.d.ts

@@ -0,0 +1,8 @@
+import { mount } from "cypress/vue";
+declare global {
+    namespace Cypress {
+        interface Chainable {
+            mount: typeof mount;
+        }
+    }
+}

package/dist/cypress/support/e2e.d.ts

@@ -0,0 +1 @@
+import "./commands";

package/dist/cypress.config.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="cypress" />
+declare const _default: Cypress.ConfigOptions<any>;
+export default _default;

package/dist/storyblok-vue.js

@@ -1,4 +1,4 @@
-(function(d,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],p):(d=typeof globalThis<"u"?globalThis:d||self,p(d.storyblokVue={},d.Vue))})(this,function(d,p){"use strict";var M=Object.defineProperty,N=Object.defineProperties,L=Object.getOwnPropertyDescriptors,R=Object.getOwnPropertySymbols,U=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,P=(o,e,t)=>e in o?M(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,f=(o,e)=>{for(var t in e||(e={}))U.call(e,t)&&P(o,t,e[t]);if(R)for(var t of R(e))D.call(e,t)&&P(o,t,e[t]);return o},v=(o,e)=>N(o,L(e));let S=!1;const E=[],B=o=>new Promise((e,t)=>{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}S?r():E.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=>{E.forEach(n=>n()),S=!0,e(r)},document.getElementsByTagName("head")[0].appendChild(s)});var H=Object.defineProperty,V=(o,e,t)=>e in o?H(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,c=(o,e,t)=>(V(o,typeof e!="symbol"?e+"":e,t),t);function O(o){return!(o!==o||o===1/0||o===-1/0)}function q(o,e,t){if(!O(e))throw new TypeError("Expected `limit` to be a finite number");if(!O(t))throw new TypeError("Expected `interval` to be a finite number");const s=[];let r=[],n=0;const a=function(){n++;const l=setTimeout(function(){n--,s.length>0&&a(),r=r.filter(function(u){return u!==l})},t);r.indexOf(l)<0&&r.push(l);const h=s.shift();h.resolve(o.apply(h.self,h.args))},i=function(...l){const h=this;return new Promise(function(u,T){s.push({resolve:u,reject:T,args:l,self:h}),n<e&&a()})};return i.abort=function(){r.forEach(clearTimeout),r=[],s.forEach(function(l){l.reject(function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"})}),s.length=0},i}const z=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},J=o=>o==="email",F=()=>({singleTag:"hr"}),G=()=>({tag:"blockquote"}),Y=()=>({tag:"ul"}),K=o=>({tag:["pre",{tag:"code",attrs:o.attrs}]}),Q=()=>({singleTag:"br"}),W=o=>({tag:`h${o.attrs.level}`}),X=o=>({singleTag:[{tag:"img",attrs:z(o.attrs,["src","alt","title"])}]}),Z=()=>({tag:"li"}),ee=()=>({tag:"ol"}),te=()=>({tag:"p"}),se=()=>({tag:"b"}),re=()=>({tag:"strike"}),oe=()=>({tag:"u"}),ne=()=>({tag:"strong"}),ie=()=>({tag:"code"}),ae=()=>({tag:"i"}),le=o=>{const e=f({},o.attrs),{linktype:t="url"}=o.attrs;return J(t)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},ce=o=>({tag:[{tag:"span",attrs:o.attrs}]}),$={nodes:{horizontal_rule:F,blockquote:G,bullet_list:Y,code_block:K,hard_break:Q,heading:W,image:X,list_item:Z,ordered_list:ee,paragraph:te},marks:{bold:se,strike:re,underline:oe,strong:ne,code:ie,italic:ae,link:le,styled:ce}},he=function(o){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},t=/[&<>"']/g,s=RegExp(t.source);return o&&s.test(o)?o.replace(t,r=>e[r]):o};class y{constructor(e){c(this,"marks"),c(this,"nodes"),e||(e=$),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}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))});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(he(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=>{if(s.constructor===String)return`<${s}${t}>`;{let r=`<${s.tag}`;if(s.attrs)for(const n in s.attrs){const a=s.attrs[n];a!==null&&(r+=` ${n}="${a}"`)}return`${r}${t}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(t=>t.constructor===String?`</${t}>`:`</${t.tag}>`).join("")}getMatchingNode(e){const t=this.nodes[e.type];if(typeof t=="function")return t(e)}getMatchingMark(e){const t=this.marks[e.type];if(typeof t=="function")return t(e)}}class j{constructor(){c(this,"isCDNUrl",(e="")=>e.indexOf("/cdn/")>-1),c(this,"getOptionsPage",(e,t=25,s=1)=>v(f({},e),{per_page:t,page:s})),c(this,"delay",e=>new Promise(t=>setTimeout(t,e))),c(this,"arrayFrom",(e=0,t)=>[...Array(e)].map(t)),c(this,"range",(e=0,t=e)=>{const s=Math.abs(t-e)||0,r=e<t?1:-1;return this.arrayFrom(s,(n,a)=>a*r+e)}),c(this,"asyncMap",async(e,t)=>Promise.all(e.map(t))),c(this,"flatMap",(e=[],t)=>e.map(t).reduce((s,r)=>[...s,...r],[]))}stringify(e,t,s){const r=[];for(const n in e){if(!Object.prototype.hasOwnProperty.call(e,n))continue;const a=e[n],i=s?"":encodeURIComponent(n);let l;typeof a=="object"?l=this.stringify(a,t?t+encodeURIComponent("["+i+"]"):i,Array.isArray(a)):l=(t?t+encodeURIComponent("["+i+"]"):i)+"="+encodeURIComponent(a),r.push(l)}return r.join("&")}}var m=(o=>(o.GET="get",o.DELETE="delete",o.POST="post",o.PUT="put",o))(m||{});class ue{constructor(e){c(this,"baseURL"),c(this,"timeout"),c(this,"headers"),c(this,"responseInterceptor"),c(this,"ejectInterceptor"),c(this,"url"),c(this,"parameters"),this.baseURL=e.baseURL,this.timeout=e.timeout?e.timeout*1e3:1e3,this.headers=e.headers||[],this.responseInterceptor=e.responseInterceptor,this.ejectInterceptor=!1,this.url="",this.parameters={}}get(e,t){return this.url=e,this.parameters=t,this._methodHandler(m.GET)}post(e,t){return this.url=e,this.parameters=t,this._methodHandler(m.POST)}put(e,t){return this.url=e,this.parameters=t,this._methodHandler(m.PUT)}delete(e,t){return this.url=e,this.parameters=t,this._methodHandler(m.DELETE)}async _responseHandler(e){const t=[],s={data:{},headers:{},status:0,statusText:""};await e.json().then(r=>{s.data=r});for(const r of e.headers.entries())t[r[0]]=r[1];return s.headers=f({},t),s.status=e.status,s.statusText=e.statusText,s}async _methodHandler(e){const t=new URL(`${this.baseURL}${this.url}`);let s=null;if(e==="get"){const i=new j;t.search=i.stringify(this.parameters)}else s=JSON.stringify(this.parameters);const r=new AbortController,{signal:n}=r,a=setTimeout(()=>r.abort(),this.timeout);try{const i=await fetch(`${t}`,{method:e,headers:this.headers,body:s,signal:n});clearTimeout(a);const l=await this._responseHandler(i);return this.responseInterceptor&&!this.ejectInterceptor?this._statusHandler(this.responseInterceptor(l)):this._statusHandler(l)}catch(i){return i}}eject(){this.ejectInterceptor=!0}_statusHandler(e){if(/20[01]/g.test(`${e.status}`))return e;throw{message:new Error(e.statusText||`status: ${e.status}`),response:e}}}let k={};const g={};class de{constructor(e,t){if(c(this,"client"),c(this,"maxRetries"),c(this,"throttle"),c(this,"accessToken"),c(this,"cache"),c(this,"helpers"),c(this,"relations"),c(this,"links"),c(this,"richTextResolver"),c(this,"resolveNestedRelations"),!t){const n=e.region?`-${e.region}`:"",a=e.https===!1?"http":"https";e.oauthToken?t=`${a}://api${n}.storyblok.com/v1`:t=`${a}://api${n}.storyblok.com/v2`}const s=Object.assign({},e.headers);let r=5;e.oauthToken&&(s.Authorization=e.oauthToken,r=3),e.rateLimit&&(r=e.rateLimit),e.richTextSchema?this.richTextResolver=new y(e.richTextSchema):this.richTextResolver=new y,e.componentResolver&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries,this.throttle=q(this.throttledRequest,r,1e3),this.accessToken=e.accessToken||"",this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.helpers=new j,this.resolveNestedRelations=!1,this.client=new ue({baseURL:t,timeout:e.timeout||0,headers:s,responseInterceptor:e.responseInterceptor})}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let s="";return t.attrs.body.forEach(r=>{s+=e(r.component,r)}),{html:s}})}parseParams(e){return e.version||(e.version="published"),e.token||(e.token=this.getToken()),e.cv||(e.cv=g[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),e}factoryParamOptions(e,t){return this.helpers.isCDNUrl(e)?this.parseParams(t):t}makeRequest(e,t,s,r){const n=this.factoryParamOptions(e,this.helpers.getOptionsPage(t,s,r));return this.cacheResponse(e,n)}get(e,t){t||(t={});const s=`/${e}`,r=this.factoryParamOptions(s,t);return this.cacheResponse(s,r)}async getAll(e,t,s){const r=(t==null?void 0:t.per_page)||25,n=`/${e}`,a=n.split("/"),i=s||a[a.length-1],l=1,h=await this.makeRequest(n,t,r,l),u=h.total?Math.ceil(h.total/r):1,T=await this.helpers.asyncMap(this.helpers.range(l,u),w=>this.makeRequest(n,t,r,w+1));return this.helpers.flatMap([h,...T],w=>Object.values(w.data[i]))}post(e,t){const s=`/${e}`;return Promise.resolve(this.throttle("post",s,t))}put(e,t){const s=`/${e}`;return Promise.resolve(this.throttle("put",s,t))}delete(e,t){const s=`/${e}`;return Promise.resolve(this.throttle("delete",s,t))}getStories(e){return this.get("cdn/stories",e)}getStory(e,t){return this.get(`cdn/stories/${e}`,t)}getToken(){return this.accessToken}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}}}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)return;for(const n in r)(r.component&&r._uid||r.type==="link")&&(this._insertRelations(r,n,t),this._insertLinks(r,n)),s(r[n])}}};s(e.content)}async resolveLinks(e,t){let s=[];if(e.link_uuids){const r=e.link_uuids.length,n=[],a=50;for(let i=0;i<r;i+=a){const l=Math.min(r,i+a);n.push(e.link_uuids.slice(i,l))}for(let i=0;i<n.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:n[i].join(",")})).data.stories.forEach(l=>{s.push(l)})}else s=e.links;s.forEach(r=>{this.links[r.uuid]=v(f({},r),{_stopResolving:!0})})}async resolveRelations(e,t){let s=[];if(e.rel_uuids){const r=e.rel_uuids.length,n=[],a=50;for(let i=0;i<r;i+=a){const l=Math.min(r,i+a);n.push(e.rel_uuids.slice(i,l))}for(let i=0;i<n.length;i++)(await this.getStories({per_page:a,language:t.language,version:t.version,by_uuids:n[i].join(",")})).data.stories.forEach(l=>{s.push(l)})}else s=e.rels;s&&s.length>0&&s.forEach(r=>{this.relations[r.uuid]=v(f({},r),{_stopResolving:!0})})}async resolveStories(e,t){var s,r;let n=[];if(typeof t.resolve_relations<"u"&&t.resolve_relations.length>0&&(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?void 0:s.length)||((r=e.link_uuids)==null?void 0:r.length))&&await this.resolveLinks(e,t),this.resolveNestedRelations)for(const a in this.relations)this.iterateTree(this.relations[a],n);e.story?this.iterateTree(e.story,n):e.stories.forEach(a=>{this.iterateTree(a,n)})}cacheResponse(e,t,s){return new Promise((r,n)=>{const a=this.helpers.stringify({url:e,params:t}),i=this.cacheProvider();if(this.cache.clear==="auto"&&t.version==="draft"&&this.flushCache(),t.version==="published"&&e!="/cdn/spaces/me"){const l=i.get(a);if(l)return r(l)}try{(async()=>{var l;const h=await this.throttle("get",e,t);let u={data:h.data,headers:h.headers};if((l=h.headers)!=null&&l["per-page"]&&(u=Object.assign({},u,{perPage:h.headers["per-page"]?parseInt(h.headers["per-page"]):0,total:h.headers["per-page"]?parseInt(h.headers.total):0})),h.status!=200)return n(h);(u.data.story||u.data.stories)&&await this.resolveStories(u.data,t),t.version==="published"&&e!="/cdn/spaces/me"&&i.set(a,u),u.data.cv&&t.token&&(t.version=="draft"&&g[t.token]!=u.data.cv&&this.flushCache(),g[t.token]=u.data.cv),r(u)})()}catch{}})}throttledRequest(e,t,s){return this.client[e](t,s)}cacheVersions(){return g}cacheVersion(){return g[this.accessToken]}setCacheVersion(e){this.accessToken&&(g[this.accessToken]=e)}cacheProvider(){switch(this.cache.type){case"memory":return{get(e){return k[e]},getAll(){return k},set(e,t){k[e]=t},flush(){k={}}};default:return{get(){},getAll(){},set(){},flush(){}}}}flushCache(){return this.cacheProvider().flush(),this}}const pe=(o={})=>{const{apiOptions:e}=o;if(!e.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 de(e)}};var fe=o=>{if(typeof o!="object"||typeof o._editable>"u")return{};const e=JSON.parse(o._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};let _;const ge="https://app.storyblok.com/f/storyblok-v2-latest.js",C=(o,e,t={})=>{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(!o){console.warn("Story ID is not defined. Please provide a valid ID.");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(t).on(["input","published","change"],r=>{r.action==="input"&&r.story.id===o?e(r.story):(r.action==="change"||r.action==="published")&&r.storyId===o&&window.location.reload()})})}},ye=(o={})=>{const{bridge:e,accessToken:t,use:s=[],apiOptions:r={},richText:n={}}=o;r.accessToken=r.accessToken||t;const a={bridge:e,apiOptions:r};let i={};return s.forEach(l=>{i=f(f({},i),l(a))}),e!==!1&&B(ge),_=new y(n.schema),n.resolver&&x(_,n.resolver),i},x=(o,e)=>{o.addNode("blok",t=>{let s="";return t.attrs.body.forEach(r=>{s+=e(r.component,r)}),{html:s}})},me=(o,e,t)=>{let s=t||_;if(!s){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return o===""?"":o?(e&&(s=new y(e.schema),e.resolver&&x(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.
+(function(d,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],p):(d=typeof globalThis<"u"?globalThis:d||self,p(d.storyblokVue={},d.Vue))})(this,function(d,p){"use strict";let w=!1;const T=[],C=o=>new Promise((e,t)=>{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}w?r():T.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=>{T.forEach(i=>i()),w=!0,e(r)},document.getElementsByTagName("head")[0].appendChild(s)});var O=Object.defineProperty,x=(o,e,t)=>e in o?O(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,h=(o,e,t)=>(x(o,typeof e!="symbol"?e+"":e,t),t);function _(o){return!(o!==o||o===1/0||o===-1/0)}function A(o,e,t){if(!_(e))throw new TypeError("Expected `limit` to be a finite number");if(!_(t))throw new TypeError("Expected `interval` to be a finite number");const s=[];let r=[],i=0;const n=function(){i++;const l=setTimeout(function(){i--,s.length>0&&n(),r=r.filter(function(u){return u!==l})},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,y){s.push({resolve:u,reject:y,args:l,self:c}),i<e&&n()})};return a.abort=function(){r.forEach(clearTimeout),r=[],s.forEach(function(l){l.reject(function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"})}),s.length=0},a}const I=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},M=o=>o==="email",N=()=>({singleTag:"hr"}),L=()=>({tag:"blockquote"}),U=()=>({tag:"ul"}),H=o=>({tag:["pre",{tag:"code",attrs:o.attrs}]}),q=()=>({singleTag:"br"}),V=o=>({tag:`h${o.attrs.level}`}),D=o=>({singleTag:[{tag:"img",attrs:I(o.attrs,["src","alt","title"])}]}),B=()=>({tag:"li"}),z=()=>({tag:"ol"}),J=()=>({tag:"p"}),F=()=>({tag:"b"}),Y=()=>({tag:"strike"}),K=()=>({tag:"u"}),G=()=>({tag:"strong"}),Q=()=>({tag:"code"}),W=()=>({tag:"i"}),X=o=>{const e={...o.attrs},{linktype:t="url"}=o.attrs;return M(t)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},Z=o=>({tag:[{tag:"span",attrs:o.attrs}]}),R={nodes:{horizontal_rule:N,blockquote:L,bullet_list:U,code_block:H,hard_break:q,heading:V,image:D,list_item:B,ordered_list:z,paragraph:J},marks:{bold:F,strike:Y,underline:K,strong:G,code:Q,italic:W,link:X,styled:Z}},ee=function(o){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},t=/[&<>"']/g,s=RegExp(t.source);return o&&s.test(o)?o.replace(t,r=>e[r]):o};class f{constructor(e){h(this,"marks"),h(this,"nodes"),e||(e=R),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}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 i=this.getMatchingMark(r);i&&t.push(this.renderOpeningTag(i.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(ee(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 i=this.getMatchingMark(r);i&&t.push(this.renderClosingTag(i.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(s=>{if(s.constructor===String)return`<${s}${t}>`;{let r=`<${s.tag}`;if(s.attrs)for(const i in s.attrs){const n=s.attrs[i];n!==null&&(r+=` ${i}="${n}"`)}return`${r}${t}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(t=>t.constructor===String?`</${t}>`:`</${t.tag}>`).join("")}getMatchingNode(e){const t=this.nodes[e.type];if(typeof t=="function")return t(e)}getMatchingMark(e){const t=this.marks[e.type];if(typeof t=="function")return t(e)}}class ${constructor(){h(this,"isCDNUrl",(e="")=>e.indexOf("/cdn/")>-1),h(this,"getOptionsPage",(e,t=25,s=1)=>({...e,per_page:t,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,(i,n)=>n*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){const r=[];for(const i in e){if(!Object.prototype.hasOwnProperty.call(e,i))continue;const n=e[i],a=s?"":encodeURIComponent(i);let l;typeof n=="object"?l=this.stringify(n,t?t+encodeURIComponent("["+a+"]"):a,Array.isArray(n)):l=(t?t+encodeURIComponent("["+a+"]"):a)+"="+encodeURIComponent(n),r.push(l)}return r.join("&")}}class te{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")}async _responseHandler(e){const t=[],s={data:{},headers:{},status:0,statusText:""};e.status!==204&&await e.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=`${this.baseURL}${this.url}?${l.stringify(this.parameters)}`}else s=JSON.stringify(this.parameters);const r=new URL(t),i=new AbortController,{signal:n}=i;let a;this.timeout&&(a=setTimeout(()=>i.abort(),this.timeout));try{const l=await this.fetch(`${r}`,{method:e,headers:this.headers,body:s,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){return{message:l}}}eject(){this.ejectInterceptor=!0}_statusHandler(e){const t=/20[0-6]/g;return new Promise((s,r)=>{if(t.test(`${e.status}`))return s(e);const i={message:new Error(e.statusText),status:e.status,response:e.data.error||e.data.slug};r(i)})}}let k={};const g={};class se{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 i=e.region?`-${e.region}`:"",n=e.https===!1?"http":"https";e.oauthToken?t=`${n}://api${i}.storyblok.com/v1`:t=`${n}://api${i}.storyblok.com/v2`}const s=new Headers;s.set("Content-Type","application/json"),s.set("Accept","application/json"),s.forEach((i,n)=>{e.headers&&e.headers[n]&&s.set(n,e.headers[n])});let r=5;e.oauthToken&&(s.set("Authorization",e.oauthToken),r=3),e.rateLimit&&(r=e.rateLimit),e.richTextSchema?this.richTextResolver=new f(e.richTextSchema):this.richTextResolver=new f,e.componentResolver&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries,this.throttle=A(this.throttledRequest,r,1e3),this.accessToken=e.accessToken||"",this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.helpers=new $,this.resolveNestedRelations=!1,this.client=new te({baseURL:t,timeout:e.timeout||0,headers:s,responseInterceptor:e.responseInterceptor,fetch:e.fetch})}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let s="";return t.attrs.body.forEach(r=>{s+=e(r.component,r)}),{html:s}})}parseParams(e){return e.version||(e.version="published"),e.token||(e.token=this.getToken()),e.cv||(e.cv=g[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),e}factoryParamOptions(e,t){return this.helpers.isCDNUrl(e)?this.parseParams(t):t}makeRequest(e,t,s,r){const i=this.factoryParamOptions(e,this.helpers.getOptionsPage(t,s,r));return this.cacheResponse(e,i)}get(e,t){t||(t={});const s=`/${e}`,r=this.factoryParamOptions(s,t);return this.cacheResponse(s,r)}async getAll(e,t,s){const r=(t==null?void 0:t.per_page)||25,i=`/${e}`,n=i.split("/"),a=s||n[n.length-1],l=1,c=await this.makeRequest(i,t,r,l),u=c.total?Math.ceil(c.total/r):1,y=await this.helpers.asyncMap(this.helpers.range(l,u),v=>this.makeRequest(i,t,r,v+1));return this.helpers.flatMap([c,...y],v=>Object.values(v.data[a]))}post(e,t){const s=`/${e}`;return Promise.resolve(this.throttle("post",s,t))}put(e,t){const s=`/${e}`;return Promise.resolve(this.throttle("put",s,t))}delete(e,t){const s=`/${e}`;return Promise.resolve(this.throttle("delete",s,t))}getStories(e){return this.get("cdn/stories",e)}getStory(e,t){return this.get(`cdn/stories/${e}`,t)}getToken(){return this.accessToken}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(i=>{this.relations[i]&&r.push(this._cleanCopy(this.relations[i]))}),e[t]=r}}}iterateTree(e,t){const s=r=>{if(r!=null){if(r.constructor===Array)for(let i=0;i<r.length;i++)s(r[i]);else if(r.constructor===Object){if(r._stopResolving)return;for(const i in r)(r.component&&r._uid||r.type==="link")&&(this._insertRelations(r,i,t),this._insertLinks(r,i)),s(r[i])}}};s(e.content)}async resolveLinks(e,t){let s=[];if(e.link_uuids){const r=e.link_uuids.length,i=[],n=50;for(let a=0;a<r;a+=n){const l=Math.min(r,a+n);i.push(e.link_uuids.slice(a,l))}for(let a=0;a<i.length;a++)(await this.getStories({per_page:n,language:t.language,version:t.version,by_uuids:i[a].join(",")})).data.stories.forEach(l=>{s.push(l)})}else s=e.links;s.forEach(r=>{this.links[r.uuid]={...r,_stopResolving:!0}})}async resolveRelations(e,t){let s=[];if(e.rel_uuids){const r=e.rel_uuids.length,i=[],n=50;for(let a=0;a<r;a+=n){const l=Math.min(r,a+n);i.push(e.rel_uuids.slice(a,l))}for(let a=0;a<i.length;a++)(await this.getStories({per_page:n,language:t.language,version:t.version,by_uuids:i[a].join(",")})).data.stories.forEach(l=>{s.push(l)})}else s=e.rels;s&&s.length>0&&s.forEach(r=>{this.relations[r.uuid]={...r,_stopResolving:!0}})}async resolveStories(e,t){var s,r;let i=[];if(typeof t.resolve_relations<"u"&&t.resolve_relations.length>0&&(typeof t.resolve_relations=="string"&&(i=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 n in this.relations)this.iterateTree(this.relations[n],i);e.story?this.iterateTree(e.story,i):e.stories.forEach(n=>{this.iterateTree(n,i)})}async cacheResponse(e,t,s){const r=this.helpers.stringify({url:e,params:t}),i=this.cacheProvider();if(this.cache.clear==="auto"&&t.version==="draft"&&await this.flushCache(),t.version==="published"&&e!="/cdn/spaces/me"){const n=await i.get(r);if(n)return Promise.resolve(n)}return new Promise((n,a)=>{try{(async()=>{var l;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 i.set(r,u),u.data.cv&&t.token&&(t.version=="draft"&&g[t.token]!=u.data.cv&&await this.flushCache(),g[t.token]=u.data.cv),n(u))}catch(c){return a(c)}})()}catch{}})}throttledRequest(e,t,s){return this.client[e](t,s)}cacheVersions(){return g}cacheVersion(){return g[this.accessToken]}setCacheVersion(e){this.accessToken&&(g[this.accessToken]=e)}cacheProvider(){switch(this.cache.type){case"memory":return{get(e){return Promise.resolve(k[e])},getAll(){return Promise.resolve(k)},set(e,t){return k[e]=t,Promise.resolve(void 0)},flush(){return k={},Promise.resolve(void 0)}};case"custom":if(this.cache.custom)return this.cache.custom;default:return{get(){return Promise.resolve(void 0)},getAll(){return Promise.resolve(void 0)},set(){return Promise.resolve(void 0)},flush(){return Promise.resolve(void 0)}}}}async flushCache(){return await this.cacheProvider().flush(),this}}const re=(o={})=>{const{apiOptions:e}=o;if(!e.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 se(e)}},oe=o=>{if(typeof o!="object"||typeof o._editable>"u")return{};const e=JSON.parse(o._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};let b;const ie="https://app.storyblok.com/f/storyblok-v2-latest.js",P=(o,e,t={})=>{var s;const r=!(typeof window>"u")&&typeof window.storyblokRegisterEvent<"u",i=+new URL((s=window.location)==null?void 0:s.href).searchParams.get("_storyblok")===o;if(!(!r||!i)){if(!o){console.warn("Story ID is not defined. Please provide a valid ID.");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(t).on(["input","published","change"],n=>{n.action==="input"&&n.story.id===o?e(n.story):(n.action==="change"||n.action==="published")&&n.storyId===o&&window.location.reload()})})}},ne=(o={})=>{var e,t;const{bridge:s,accessToken:r,use:i=[],apiOptions:n={},richText:a={}}=o;n.accessToken=n.accessToken||r;const l={bridge:s,apiOptions:n};let c={};i.forEach(y=>{c={...c,...y(l)}});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&&C(ie),b=new f(a.schema),a.resolver&&S(b,a.resolver),c},S=(o,e)=>{o.addNode("blok",t=>{let s="";return t.attrs.body.forEach(r=>{s+=e(r.component,r)}),{html:s}})},ae=(o,e,t)=>{let s=t||b;if(!s){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return o===""?"":o?(e&&(s=new f(e.schema),e.resolver&&S(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.
     
-  For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`),"")},I=p.defineComponent({__name:"StoryblokComponent",props:{blok:null},setup(o){return(e,t)=>(p.openBlock(),p.createBlock(p.resolveDynamicComponent(o.blok.component),p.normalizeProps(p.guardReactiveProps({...e.$props,...e.$attrs})),null,16))}}),be={beforeMount(o,e){if(e.value){const t=fe(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")}}},A=o=>{console.error(`You can't use ${o} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
-    `)};let b=null;const ke=()=>(b||A("useStoryblokApi"),b),ve=async(o,e={},t={})=>{const s=p.ref(null);if(p.onMounted(()=>{s.value&&s.value.id&&C(s.value.id,r=>s.value=r,t)}),b){const{data:r}=await b.get(`cdn/stories/${o}`,e);s.value=r.story}else A("useStoryblok");return s},_e={install(o,e={}){o.directive("editable",be),o.component("StoryblokComponent",I);const{storyblokApi:t}=ye(e);b=t}};d.RichTextResolver=y,d.RichTextSchema=$,d.StoryblokComponent=I,d.StoryblokVue=_e,d.apiPlugin=pe,d.renderRichText=me,d.useStoryblok=ve,d.useStoryblokApi=ke,d.useStoryblokBridge=C,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`),"")},j=p.defineComponent({__name:"StoryblokComponent",props:{blok:null},setup(o){return(e,t)=>(p.openBlock(),p.createBlock(p.resolveDynamicComponent(o.blok.component),p.normalizeProps(p.guardReactiveProps({...e.$props,...e.$attrs})),null,16))}}),le={beforeMount(o,e){if(e.value){const t=oe(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")}}},E=o=>{console.error(`You can't use ${o} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
+    `)};let m=null;const ce=()=>(m||E("useStoryblokApi"),m),he=async(o,e={},t={})=>{const s=p.ref(null);if(p.onMounted(()=>{s.value&&s.value.id&&P(s.value.id,r=>s.value=r,t)}),m){const{data:r}=await m.get(`cdn/stories/${o}`,e);s.value=r.story}else E("useStoryblok");return s},ue={install(o,e={}){o.directive("editable",le),o.component("StoryblokComponent",j);const{storyblokApi:t}=ne(e);m=t}};d.RichTextResolver=f,d.RichTextSchema=R,d.StoryblokComponent=j,d.StoryblokVue=ue,d.apiPlugin=re,d.renderRichText=ae,d.useStoryblok=he,d.useStoryblokApi=ce,d.useStoryblokBridge=P,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/dist/storyblok-vue.mjs

@@ -1,81 +1,73 @@
-import { defineComponent as j, openBlock as x, createBlock as C, resolveDynamicComponent as I, normalizeProps as A, guardReactiveProps as M, ref as N, onMounted as L } from "vue";
-var U = Object.defineProperty, D = Object.defineProperties, H = Object.getOwnPropertyDescriptors, w = Object.getOwnPropertySymbols, B = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable, T = (o, e, t) => e in o ? U(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, p = (o, e) => {
-  for (var t in e || (e = {}))
-    B.call(e, t) && T(o, t, e[t]);
-  if (w)
-    for (var t of w(e))
-      q.call(e, t) && T(o, t, e[t]);
-  return o;
-}, v = (o, e) => D(o, H(e));
-let R = !1;
-const P = [], V = (o) => new Promise((e, t) => {
+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) => {
   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;
     }
-    R ? r() : P.push(r);
+    v ? r() : b.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) => {
-    P.forEach((n) => n()), R = !0, e(r);
+    b.forEach((i) => i()), v = !0, e(r);
   }, document.getElementsByTagName("head")[0].appendChild(s);
 });
-var z = Object.defineProperty, J = (o, e, t) => e in o ? z(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, c = (o, e, t) => (J(o, typeof e != "symbol" ? e + "" : e, t), t);
-function E(o) {
+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);
 }
-function F(o, e, t) {
-  if (!E(e))
+function N(o, e, t) {
+  if (!w(e))
     throw new TypeError("Expected `limit` to be a finite number");
-  if (!E(t))
+  if (!w(t))
     throw new TypeError("Expected `interval` to be a finite number");
   const s = [];
-  let r = [], n = 0;
-  const a = function() {
-    n++;
+  let r = [], i = 0;
+  const n = function() {
+    i++;
     const l = setTimeout(function() {
-      n--, s.length > 0 && a(), r = r.filter(function(u) {
+      i--, s.length > 0 && n(), r = r.filter(function(u) {
         return u !== l;
       });
     }, t);
     r.indexOf(l) < 0 && r.push(l);
-    const h = s.shift();
-    h.resolve(o.apply(h.self, h.args));
-  }, i = function(...l) {
-    const h = this;
-    return new Promise(function(u, b) {
+    const c = s.shift();
+    c.resolve(o.apply(c.self, c.args));
+  }, a = function(...l) {
+    const c = this;
+    return new Promise(function(u, p) {
       s.push({
         resolve: u,
-        reject: b,
+        reject: p,
         args: l,
-        self: h
-      }), n < e && a();
+        self: c
+      }), i < e && n();
     });
   };
-  return i.abort = function() {
+  return a.abort = function() {
     r.forEach(clearTimeout), r = [], s.forEach(function(l) {
       l.reject(function() {
         Error.call(this, "Throttled function aborted"), this.name = "AbortError";
       });
     }), s.length = 0;
-  }, i;
+  }, a;
 }
-const G = function(o, e) {
+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;
-}, Y = (o) => o === "email", K = () => ({
+}, U = (o) => o === "email", H = () => ({
   singleTag: "hr"
-}), Q = () => ({
+}), q = () => ({
   tag: "blockquote"
-}), W = () => ({
+}), D = () => ({
   tag: "ul"
-}), X = (o) => ({
+}), B = (o) => ({
   tag: [
     "pre",
     {
@@ -83,38 +75,38 @@ const G = function(o, e) {
       attrs: o.attrs
     }
   ]
-}), Z = () => ({
+}), V = () => ({
   singleTag: "br"
-}), ee = (o) => ({
+}), z = (o) => ({
   tag: `h${o.attrs.level}`
-}), te = (o) => ({
+}), J = (o) => ({
   singleTag: [
     {
       tag: "img",
-      attrs: G(o.attrs, ["src", "alt", "title"])
+      attrs: L(o.attrs, ["src", "alt", "title"])
     }
   ]
-}), se = () => ({
+}), F = () => ({
   tag: "li"
-}), re = () => ({
+}), Y = () => ({
   tag: "ol"
-}), oe = () => ({
+}), K = () => ({
   tag: "p"
-}), ne = () => ({
+}), G = () => ({
   tag: "b"
-}), ie = () => ({
+}), Q = () => ({
   tag: "strike"
-}), ae = () => ({
+}), W = () => ({
   tag: "u"
-}), le = () => ({
+}), X = () => ({
   tag: "strong"
-}), ce = () => ({
+}), Z = () => ({
   tag: "code"
-}), he = () => ({
+}), ee = () => ({
   tag: "i"
-}), ue = (o) => {
-  const e = p({}, o.attrs), { linktype: t = "url" } = o.attrs;
-  return Y(t) && (e.href = `mailto:${e.href}`), e.anchor && (e.href = `${e.href}#${e.anchor}`, delete e.anchor), {
+}), 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), {
     tag: [
       {
         tag: "a",
@@ -122,37 +114,37 @@ const G = function(o, e) {
       }
     ]
   };
-}, pe = (o) => ({
+}, se = (o) => ({
   tag: [
     {
       tag: "span",
       attrs: o.attrs
     }
   ]
-}), de = {
+}), re = {
   nodes: {
-    horizontal_rule: K,
-    blockquote: Q,
-    bullet_list: W,
-    code_block: X,
-    hard_break: Z,
-    heading: ee,
-    image: te,
-    list_item: se,
-    ordered_list: re,
-    paragraph: oe
+    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
   },
   marks: {
-    bold: ne,
-    strike: ie,
-    underline: ae,
-    strong: le,
-    code: ce,
-    italic: he,
-    link: ue,
-    styled: pe
-  }
-}, ge = function(o) {
+    bold: G,
+    strike: Q,
+    underline: W,
+    strong: X,
+    code: Z,
+    italic: ee,
+    link: te,
+    styled: se
+  }
+}, oe = function(o) {
   const e = {
     "&": "&amp;",
     "<": "&lt;",
@@ -162,9 +154,9 @@ const G = function(o, e) {
   }, t = /[&<>"']/g, s = RegExp(t.source);
   return o && s.test(o) ? o.replace(t, (r) => e[r]) : o;
 };
-class y {
+class m {
   constructor(e) {
-    c(this, "marks"), c(this, "nodes"), e || (e = de), this.marks = e.marks || [], this.nodes = e.nodes || [];
+    h(this, "marks"), h(this, "nodes"), e || (e = re), this.marks = e.marks || [], this.nodes = e.nodes || [];
   }
   addNode(e, t) {
     this.nodes[e] = t;
@@ -179,20 +171,22 @@ class y {
         t += this.renderNode(s);
       }), t;
     }
-    return console.warn("The render method must receive an object with a content field, which is an array"), "";
+    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));
+      const i = this.getMatchingMark(r);
+      i && t.push(this.renderOpeningTag(i.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(ge(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));
+    }) : 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 i = this.getMatchingMark(r);
+      i && t.push(this.renderClosingTag(i.tag));
     }), t.join("");
   }
   renderTag(e, t) {
@@ -202,9 +196,9 @@ class y {
       {
         let r = `<${s.tag}`;
         if (s.attrs)
-          for (const n in s.attrs) {
-            const a = s.attrs[n];
-            a !== null && (r += ` ${n}="${a}"`);
+          for (const i in s.attrs) {
+            const n = s.attrs[i];
+            n !== null && (r += ` ${i}="${n}"`);
           }
         return `${r}${t}>`;
       }
@@ -227,44 +221,48 @@ class y {
       return t(e);
   }
 }
-class O {
+class _ {
   constructor() {
-    c(this, "isCDNUrl", (e = "") => e.indexOf("/cdn/") > -1), c(this, "getOptionsPage", (e, t = 25, s = 1) => v(p({}, e), {
+    h(this, "isCDNUrl", (e = "") => e.indexOf("/cdn/") > -1), h(this, "getOptionsPage", (e, t = 25, s = 1) => ({
+      ...e,
       per_page: t,
       page: s
-    })), c(this, "delay", (e) => new Promise((t) => setTimeout(t, e))), c(this, "arrayFrom", (e = 0, t) => [...Array(e)].map(t)), c(this, "range", (e = 0, t = e) => {
+    })), 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, a) => a * r + e);
-    }), c(this, "asyncMap", async (e, t) => Promise.all(e.map(t))), c(this, "flatMap", (e = [], t) => e.map(t).reduce((s, r) => [...s, ...r], []));
+      return this.arrayFrom(s, (i, n) => n * 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) {
     const r = [];
-    for (const n in e) {
-      if (!Object.prototype.hasOwnProperty.call(e, n))
+    for (const i in e) {
+      if (!Object.prototype.hasOwnProperty.call(e, i))
         continue;
-      const a = e[n], i = s ? "" : encodeURIComponent(n);
+      const n = e[i], a = s ? "" : encodeURIComponent(i);
       let l;
-      typeof a == "object" ? l = this.stringify(a, t ? t + encodeURIComponent("[" + i + "]") : i, Array.isArray(a)) : l = (t ? t + encodeURIComponent("[" + i + "]") : i) + "=" + encodeURIComponent(a), r.push(l);
+      typeof n == "object" ? l = this.stringify(
+        n,
+        t ? t + encodeURIComponent("[" + a + "]") : a,
+        Array.isArray(n)
+      ) : l = (t ? t + encodeURIComponent("[" + a + "]") : a) + "=" + encodeURIComponent(n), r.push(l);
     }
     return r.join("&");
   }
 }
-var g = /* @__PURE__ */ ((o) => (o.GET = "get", o.DELETE = "delete", o.POST = "post", o.PUT = "put", o))(g || {});
-class fe {
+class ie {
   constructor(e) {
-    c(this, "baseURL"), c(this, "timeout"), c(this, "headers"), c(this, "responseInterceptor"), c(this, "ejectInterceptor"), c(this, "url"), c(this, "parameters"), this.baseURL = e.baseURL, this.timeout = e.timeout ? e.timeout * 1e3 : 1e3, this.headers = e.headers || [], this.responseInterceptor = e.responseInterceptor, this.ejectInterceptor = !1, this.url = "", this.parameters = {};
+    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(g.GET);
+    return this.url = e, this.parameters = t, this._methodHandler("get");
   }
   post(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler(g.POST);
+    return this.url = e, this.parameters = t, this._methodHandler("post");
   }
   put(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler(g.PUT);
+    return this.url = e, this.parameters = t, this._methodHandler("put");
   }
   delete(e, t) {
-    return this.url = e, this.parameters = t, this._methodHandler(g.DELETE);
+    return this.url = e, this.parameters = t, this._methodHandler("delete");
   }
   async _responseHandler(e) {
     const t = [], s = {
@@ -273,63 +271,77 @@ class fe {
       status: 0,
       statusText: ""
     };
-    await e.json().then((r) => {
+    e.status !== 204 && await e.json().then((r) => {
       s.data = r;
     });
     for (const r of e.headers.entries())
       t[r[0]] = r[1];
-    return s.headers = p({}, t), s.status = e.status, s.statusText = e.statusText, s;
+    return s.headers = { ...t }, s.status = e.status, s.statusText = e.statusText, s;
   }
   async _methodHandler(e) {
-    const t = new URL(`${this.baseURL}${this.url}`);
-    let s = null;
+    let t = `${this.baseURL}${this.url}`, s = null;
     if (e === "get") {
-      const i = new O();
-      t.search = i.stringify(this.parameters);
+      const l = new _();
+      t = `${this.baseURL}${this.url}?${l.stringify(
+        this.parameters
+      )}`;
     } else
       s = JSON.stringify(this.parameters);
-    const r = new AbortController(), { signal: n } = r, a = setTimeout(() => r.abort(), this.timeout);
+    const r = new URL(t), i = new AbortController(), { signal: n } = i;
+    let a;
+    this.timeout && (a = setTimeout(() => i.abort(), this.timeout));
     try {
-      const i = await fetch(`${t}`, {
+      const l = await this.fetch(`${r}`, {
         method: e,
         headers: this.headers,
         body: s,
         signal: n
       });
-      clearTimeout(a);
-      const l = await this._responseHandler(i);
-      return this.responseInterceptor && !this.ejectInterceptor ? this._statusHandler(this.responseInterceptor(l)) : this._statusHandler(l);
-    } catch (i) {
-      return i;
+      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) {
+      return {
+        message: l
+      };
     }
   }
   eject() {
     this.ejectInterceptor = !0;
   }
   _statusHandler(e) {
-    if (/20[01]/g.test(`${e.status}`))
-      return e;
-    throw {
-      message: new Error(e.statusText || `status: ${e.status}`),
-      response: e
-    };
+    const t = /20[0-6]/g;
+    return new Promise((s, r) => {
+      if (t.test(`${e.status}`))
+        return s(e);
+      const i = {
+        message: new Error(e.statusText),
+        status: e.status,
+        response: e.data.error || e.data.slug
+      };
+      r(i);
+    });
   }
 }
-let m = {};
+let f = {};
 const d = {};
-class me {
+class ne {
   constructor(e, t) {
-    if (c(this, "client"), c(this, "maxRetries"), c(this, "throttle"), c(this, "accessToken"), c(this, "cache"), c(this, "helpers"), c(this, "relations"), c(this, "links"), c(this, "richTextResolver"), c(this, "resolveNestedRelations"), !t) {
-      const n = e.region ? `-${e.region}` : "", a = e.https === !1 ? "http" : "https";
-      e.oauthToken ? t = `${a}://api${n}.storyblok.com/v1` : t = `${a}://api${n}.storyblok.com/v2`;
+    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 i = e.region ? `-${e.region}` : "", n = e.https === !1 ? "http" : "https";
+      e.oauthToken ? t = `${n}://api${i}.storyblok.com/v1` : t = `${n}://api${i}.storyblok.com/v2`;
     }
-    const s = Object.assign({}, e.headers);
+    const s = new Headers();
+    s.set("Content-Type", "application/json"), s.set("Accept", "application/json"), s.forEach((i, n) => {
+      e.headers && e.headers[n] && s.set(n, e.headers[n]);
+    });
     let r = 5;
-    e.oauthToken && (s.Authorization = e.oauthToken, r = 3), e.rateLimit && (r = e.rateLimit), e.richTextSchema ? this.richTextResolver = new y(e.richTextSchema) : this.richTextResolver = new y(), e.componentResolver && this.setComponentResolver(e.componentResolver), this.maxRetries = e.maxRetries, this.throttle = F(this.throttledRequest, r, 1e3), this.accessToken = e.accessToken || "", this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.helpers = new O(), this.resolveNestedRelations = !1, this.client = new fe({
+    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 _(), this.resolveNestedRelations = !1, this.client = new ie({
       baseURL: t,
       timeout: e.timeout || 0,
       headers: s,
-      responseInterceptor: e.responseInterceptor
+      responseInterceptor: e.responseInterceptor,
+      fetch: e.fetch
     });
   }
   setComponentResolver(e) {
@@ -349,8 +361,11 @@ class me {
     return this.helpers.isCDNUrl(e) ? this.parseParams(t) : t;
   }
   makeRequest(e, t, s, r) {
-    const n = this.factoryParamOptions(e, this.helpers.getOptionsPage(t, s, r));
-    return this.cacheResponse(e, n);
+    const i = this.factoryParamOptions(
+      e,
+      this.helpers.getOptionsPage(t, s, r)
+    );
+    return this.cacheResponse(e, i);
   }
   get(e, t) {
     t || (t = {});
@@ -358,8 +373,14 @@ class me {
     return this.cacheResponse(s, r);
   }
   async getAll(e, t, s) {
-    const r = (t == null ? void 0 : t.per_page) || 25, n = `/${e}`, a = n.split("/"), i = s || a[a.length - 1], l = 1, h = await this.makeRequest(n, t, r, l), u = h.total ? Math.ceil(h.total / r) : 1, b = await this.helpers.asyncMap(this.helpers.range(l, u), (k) => this.makeRequest(n, t, r, k + 1));
-    return this.helpers.flatMap([h, ...b], (k) => Object.values(k.data[i]));
+    const r = (t == null ? void 0 : t.per_page) || 25, i = `/${e}`, n = i.split("/"), a = s || n[n.length - 1], l = 1, c = await this.makeRequest(i, 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(i, t, r, y + 1)
+    );
+    return this.helpers.flatMap(
+      [c, ...p],
+      (y) => Object.values(y.data[a])
+    );
   }
   post(e, t) {
     const s = `/${e}`;
@@ -398,8 +419,8 @@ class me {
         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].forEach((i) => {
+          this.relations[i] && r.push(this._cleanCopy(this.relations[i]));
         }), e[t] = r;
       }
     }
@@ -408,13 +429,17 @@ class me {
     const s = (r) => {
       if (r != null) {
         if (r.constructor === Array)
-          for (let n = 0; n < r.length; n++)
-            s(r[n]);
+          for (let i = 0; i < r.length; i++)
+            s(r[i]);
         else if (r.constructor === Object) {
           if (r._stopResolving)
             return;
-          for (const n in r)
-            (r.component && r._uid || r.type === "link") && (this._insertRelations(r, n, t), this._insertLinks(r, n)), s(r[n]);
+          for (const i in r)
+            (r.component && r._uid || r.type === "link") && (this._insertRelations(
+              r,
+              i,
+              t
+            ), this._insertLinks(r, i)), s(r[i]);
         }
       }
     };
@@ -423,78 +448,82 @@ class me {
   async resolveLinks(e, t) {
     let s = [];
     if (e.link_uuids) {
-      const r = e.link_uuids.length, n = [], a = 50;
-      for (let i = 0; i < r; i += a) {
-        const l = Math.min(r, i + a);
-        n.push(e.link_uuids.slice(i, l));
+      const r = e.link_uuids.length, i = [], n = 50;
+      for (let a = 0; a < r; a += n) {
+        const l = Math.min(r, a + n);
+        i.push(e.link_uuids.slice(a, l));
       }
-      for (let i = 0; i < n.length; i++)
+      for (let a = 0; a < i.length; a++)
         (await this.getStories({
-          per_page: a,
+          per_page: n,
           language: t.language,
           version: t.version,
-          by_uuids: n[i].join(",")
-        })).data.stories.forEach((l) => {
-          s.push(l);
-        });
+          by_uuids: i[a].join(",")
+        })).data.stories.forEach(
+          (l) => {
+            s.push(l);
+          }
+        );
     } else
       s = e.links;
     s.forEach((r) => {
-      this.links[r.uuid] = v(p({}, r), { _stopResolving: !0 });
+      this.links[r.uuid] = { ...r, _stopResolving: !0 };
     });
   }
   async resolveRelations(e, t) {
     let s = [];
     if (e.rel_uuids) {
-      const r = e.rel_uuids.length, n = [], a = 50;
-      for (let i = 0; i < r; i += a) {
-        const l = Math.min(r, i + a);
-        n.push(e.rel_uuids.slice(i, l));
+      const r = e.rel_uuids.length, i = [], n = 50;
+      for (let a = 0; a < r; a += n) {
+        const l = Math.min(r, a + n);
+        i.push(e.rel_uuids.slice(a, l));
       }
-      for (let i = 0; i < n.length; i++)
+      for (let a = 0; a < i.length; a++)
         (await this.getStories({
-          per_page: a,
+          per_page: n,
           language: t.language,
           version: t.version,
-          by_uuids: n[i].join(",")
+          by_uuids: i[a].join(",")
         })).data.stories.forEach((l) => {
           s.push(l);
         });
     } else
       s = e.rels;
     s && s.length > 0 && s.forEach((r) => {
-      this.relations[r.uuid] = v(p({}, r), { _stopResolving: !0 });
+      this.relations[r.uuid] = { ...r, _stopResolving: !0 };
     });
   }
   async resolveStories(e, t) {
     var s, r;
-    let n = [];
-    if (typeof t.resolve_relations < "u" && t.resolve_relations.length > 0 && (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 ? void 0 : s.length) || ((r = e.link_uuids) == null ? void 0 : r.length)) && await this.resolveLinks(e, t), this.resolveNestedRelations)
-      for (const a in this.relations)
-        this.iterateTree(this.relations[a], n);
-    e.story ? this.iterateTree(e.story, n) : e.stories.forEach((a) => {
-      this.iterateTree(a, n);
+    let i = [];
+    if (typeof t.resolve_relations < "u" && t.resolve_relations.length > 0 && (typeof t.resolve_relations == "string" && (i = 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 n in this.relations)
+        this.iterateTree(this.relations[n], i);
+    e.story ? this.iterateTree(e.story, i) : e.stories.forEach((n) => {
+      this.iterateTree(n, i);
     });
   }
-  cacheResponse(e, t, s) {
-    return new Promise((r, n) => {
-      const a = this.helpers.stringify({ url: e, params: t }), i = this.cacheProvider();
-      if (this.cache.clear === "auto" && t.version === "draft" && this.flushCache(), t.version === "published" && e != "/cdn/spaces/me") {
-        const l = i.get(a);
-        if (l)
-          return r(l);
-      }
+  async cacheResponse(e, t, s) {
+    const r = this.helpers.stringify({ url: e, params: t }), i = this.cacheProvider();
+    if (this.cache.clear === "auto" && t.version === "draft" && await this.flushCache(), t.version === "published" && e != "/cdn/spaces/me") {
+      const n = await i.get(r);
+      if (n)
+        return Promise.resolve(n);
+    }
+    return new Promise((n, a) => {
       try {
         (async () => {
           var l;
-          const h = await this.throttle("get", e, t);
-          let u = { data: h.data, headers: h.headers };
-          if ((l = h.headers) != null && l["per-page"] && (u = Object.assign({}, u, {
-            perPage: h.headers["per-page"] ? parseInt(h.headers["per-page"]) : 0,
-            total: h.headers["per-page"] ? parseInt(h.headers.total) : 0
-          })), h.status != 200)
-            return n(h);
-          (u.data.story || u.data.stories) && await this.resolveStories(u.data, t), t.version === "published" && e != "/cdn/spaces/me" && i.set(a, u), u.data.cv && t.token && (t.version == "draft" && d[t.token] != u.data.cv && this.flushCache(), d[t.token] = u.data.cv), r(u);
+          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 i.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), n(u));
+          } catch (c) {
+            return a(c);
+          }
         })();
       } catch {
       }
@@ -517,84 +546,97 @@ class me {
       case "memory":
         return {
           get(e) {
-            return m[e];
+            return Promise.resolve(f[e]);
           },
           getAll() {
-            return m;
+            return Promise.resolve(f);
           },
           set(e, t) {
-            m[e] = t;
+            return f[e] = t, Promise.resolve(void 0);
           },
           flush() {
-            m = {};
+            return f = {}, Promise.resolve(void 0);
           }
         };
+      case "custom":
+        if (this.cache.custom)
+          return this.cache.custom;
       default:
         return {
           get() {
+            return Promise.resolve(void 0);
           },
           getAll() {
+            return Promise.resolve(void 0);
           },
           set() {
+            return Promise.resolve(void 0);
           },
           flush() {
+            return Promise.resolve(void 0);
           }
         };
     }
   }
-  flushCache() {
-    return this.cacheProvider().flush(), this;
+  async flushCache() {
+    return await this.cacheProvider().flush(), this;
   }
 }
-const Re = (o = {}) => {
+const ge = (o = {}) => {
   const { apiOptions: e } = o;
   if (!e.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");
+    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 me(e) };
-};
-var ye = (o) => {
+  return { storyblokApi: new ne(e) };
+}, ae = (o) => {
   if (typeof o != "object" || typeof o._editable > "u")
     return {};
-  const e = JSON.parse(o._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
+  const e = JSON.parse(
+    o._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, "")
+  );
   return {
     "data-blok-c": JSON.stringify(e),
     "data-blok-uid": e.id + "-" + e.uid
   };
 };
-let _;
-const be = "https://app.storyblok.com/f/storyblok-v2-latest.js", ke = (o, e, t = {}) => {
-  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;
-    }
+let k;
+const le = "https://app.storyblok.com/f/storyblok-v2-latest.js", ce = (o, e, t = {}) => {
+  var s;
+  const r = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", i = +new URL((s = window.location) == null ? void 0 : s.href).searchParams.get(
+    "_storyblok"
+  ) === o;
+  if (!(!r || !i)) {
     if (!o) {
       console.warn("Story ID is not defined. Please provide a valid ID.");
       return;
     }
     window.storyblokRegisterEvent(() => {
-      new window.StoryblokBridge(t).on(["input", "published", "change"], (r) => {
-        r.action === "input" && r.story.id === o ? e(r.story) : (r.action === "change" || r.action === "published") && r.storyId === o && window.location.reload();
+      new window.StoryblokBridge(t).on(["input", "published", "change"], (n) => {
+        n.action === "input" && n.story.id === o ? e(n.story) : (n.action === "change" || n.action === "published") && n.storyId === o && window.location.reload();
       });
     });
   }
-}, ve = (o = {}) => {
+}, he = (o = {}) => {
+  var e, t;
   const {
-    bridge: e,
-    accessToken: t,
-    use: s = [],
-    apiOptions: r = {},
-    richText: n = {}
+    bridge: s,
+    accessToken: r,
+    use: i = [],
+    apiOptions: n = {},
+    richText: a = {}
   } = o;
-  r.accessToken = r.accessToken || t;
-  const a = { bridge: e, apiOptions: r };
-  let i = {};
-  return s.forEach((l) => {
-    i = p(p({}, i), l(a));
-  }), e !== !1 && V(be), _ = new y(n.schema), n.resolver && $(_, n.resolver), i;
-}, $ = (o, e) => {
+  n.accessToken = n.accessToken || r;
+  const l = { bridge: s, apiOptions: n };
+  let c = {};
+  i.forEach((p) => {
+    c = { ...c, ...p(l) };
+  });
+  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 && T(k, a.resolver), c;
+}, T = (o, e) => {
   o.addNode("blok", (t) => {
     let s = "";
     return t.attrs.body.forEach((r) => {
@@ -603,67 +645,69 @@ const be = "https://app.storyblok.com/f/storyblok-v2-latest.js", ke = (o, e, t =
       html: s
     };
   });
-}, Pe = (o, e, t) => {
-  let s = t || _;
+}, fe = (o, e, t) => {
+  let s = t || k;
   if (!s) {
-    console.error("Please initialize the Storyblok SDK before calling the renderRichText function");
+    console.error(
+      "Please initialize the Storyblok SDK before calling the renderRichText function"
+    );
     return;
   }
-  return o === "" ? "" : o ? (e && (s = new y(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 o === "" ? "" : o ? (e && (s = new m(e.schema), e.resolver && T(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.
     
   For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`), "");
-}, _e = /* @__PURE__ */ j({
+}, ue = /* @__PURE__ */ $({
   __name: "StoryblokComponent",
   props: {
     blok: null
   },
   setup(o) {
-    return (e, t) => (x(), C(I(o.blok.component), A(M({ ...e.$props, ...e.$attrs })), null, 16));
+    return (e, t) => (P(), E(j(o.blok.component), S(x({ ...e.$props, ...e.$attrs })), null, 16));
   }
-}), we = {
+}), de = {
   beforeMount(o, e) {
     if (e.value) {
-      const t = ye(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");
     }
   }
-}, S = (o) => {
+}, R = (o) => {
   console.error(`You can't use ${o} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
     `);
 };
-let f = null;
-const Ee = () => (f || S("useStoryblokApi"), f), Oe = async (o, e = {}, t = {}) => {
-  const s = N(null);
-  if (L(() => {
-    s.value && s.value.id && ke(
+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(
       s.value.id,
       (r) => s.value = r,
       t
     );
-  }), f) {
-    const { data: r } = await f.get(
+  }), g) {
+    const { data: r } = await g.get(
       `cdn/stories/${o}`,
       e
     );
     s.value = r.story;
   } else
-    S("useStoryblok");
+    R("useStoryblok");
   return s;
-}, $e = {
+}, ke = {
   install(o, e = {}) {
-    o.directive("editable", we), o.component("StoryblokComponent", _e);
-    const { storyblokApi: t } = ve(e);
-    f = t;
+    o.directive("editable", de), o.component("StoryblokComponent", ue);
+    const { storyblokApi: t } = he(e);
+    g = t;
   }
 };
 export {
-  y as RichTextResolver,
-  de as RichTextSchema,
-  _e as StoryblokComponent,
-  $e as StoryblokVue,
-  Re as apiPlugin,
-  Pe as renderRichText,
-  Oe as useStoryblok,
-  Ee as useStoryblokApi,
-  ke as useStoryblokBridge
+  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
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/vue",
-  "version": "7.0.0",
+  "version": "7.1.1",
   "description": "Storyblok directive for get editable elements.",
   "main": "./dist/storyblok-vue.js",
   "module": "./dist/storyblok-vue.mjs",
@@ -19,31 +19,31 @@
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly",
     "test": "npm run test:unit && npm run test:e2e",
     "test:unit": "jest __tests__",
-    "test:e2e": "cypress run-ct",
-    "test:e2e-watch": "cypress open-ct",
+    "test:e2e": "cypress run --component",
+    "test:e2e-watch": "cypress open --component",
     "prepublishOnly": "npm run build && cp ../README.md ./"
   },
   "dependencies": {
-    "@storyblok/js": "^2.0.5"
+    "@storyblok/js": "^2.1.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.5",
-    "@cypress/vite-dev-server": "^2.0.7",
-    "@cypress/vue": "^3.1.2",
-    "@vitejs/plugin-vue": "^2.3.4",
+    "@babel/core": "^7.21.3",
+    "@cypress/vite-dev-server": "^5.0.4",
+    "@cypress/vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^4.0.0",
     "@vue/babel-preset-app": "^5.0.8",
-    "@vue/test-utils": "next",
+    "@vue/test-utils": "2.3.1",
     "@vue/tsconfig": "^0.1.3",
-    "babel-jest": "^26.0.0",
-    "cypress": "^9.6.0",
+    "@vue/vue3-jest": "^29.2.3",
+    "babel-jest": "^29.4.3",
+    "cypress": "^12.8.1",
     "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-jest": "^27.1.7",
-    "jest": "^28.1.3",
-    "typescript": "^4.9.4",
-    "vite": "^3.1.0",
-    "vue": "^3.2.39",
-    "vue-jest": "next",
-    "vue-tsc": "^0.40.13"
+    "eslint-plugin-jest": "^27.2.1",
+    "jest": "^29.4.3",
+    "typescript": "^4.9.5",
+    "vite": "^4.1.4",
+    "vue": "^3.2.47",
+    "vue-tsc": "^1.2.0"
   },
   "babel": {
     "presets": [
@@ -58,7 +58,7 @@
     ],
     "transform": {
       "^.+\\.js$": "babel-jest",
-      "^.+\\.vue$": "vue-jest"
+      "^.+\\.vue$": "@vue/vue3-jest"
     }
   },
   "repository": {