@storyblok/vue 6.0.3 → 6.2.0

package/dist/StoryblokComponent.vue.d.ts

@@ -0,0 +1,59 @@
+import type { SbBlokData } from "./types";
+export interface SbComponentProps {
+    blok: SbBlokData;
+}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: typeof import('./StoryblokComponent.vue.__VLS_template').default;
+});
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import type { Ref, Plugin } from "vue";
+import type { StoryblokClient, StoryblokBridgeConfigV2, StoryData, StoriesParams } from "./types";
+export declare const useStoryblokApi: () => StoryblokClient;
+export { useStoryblokBridge, apiPlugin, renderRichText } from "@storyblok/js";
+export { default as StoryblokComponent } from "./StoryblokComponent.vue";
+export declare const useStoryblok: (url: string, apiOptions?: StoriesParams, bridgeOptions?: StoryblokBridgeConfigV2) => Promise<Ref<StoryData<import("storyblok-js-client").StoryblokComponent<string> & {
+    [index: string]: any;
+}>>>;
+export declare const StoryblokVue: Plugin;
+export * from "./types";

package/dist/storyblok-vue.js

@@ -1,6 +1,8 @@
-var te=Object.defineProperty;var C=Object.getOwnPropertySymbols;var re=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var $=(u,h,p)=>h in u?te(u,h,{enumerable:!0,configurable:!0,writable:!0,value:p}):u[h]=p,_=(u,h)=>{for(var p in h||(h={}))re.call(h,p)&&$(u,p,h[p]);if(C)for(var p of C(h))oe.call(h,p)&&$(u,p,h[p]);return u};(function(u,h){typeof exports=="object"&&typeof module!="undefined"?h(exports,require("vue"),require("axios")):typeof define=="function"&&define.amd?define(["exports","vue","axios"],h):(u=typeof globalThis!="undefined"?globalThis:u||self,h(u.storyblokVue={},u.Vue,u.t))})(this,function(u,h,p){"use strict";function M(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var I=M(p),x=Object.defineProperty,N=Object.defineProperties,B=Object.getOwnPropertyDescriptors,w=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable,T=(s,e,t)=>e in s?x(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,f=(s,e)=>{for(var t in e||(e={}))q.call(e,t)&&T(s,t,e[t]);if(w)for(var t of w(e))L.call(e,t)&&T(s,t,e[t]);return s},b=(s,e)=>N(s,B(e));let R=!1;const S=[],V=s=>new Promise((e,t)=>{if(typeof window=="undefined"||(window.storyblokRegisterEvent=o=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}R?o():S.push(o)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=s,r.id="storyblok-javascript-bridge",r.onerror=o=>t(o),r.onload=o=>{S.forEach(n=>n()),R=!0,e(o)},document.getElementsByTagName("head")[0].appendChild(r)});/*!
- * storyblok-js-client v0.0.0-development
+(function(d,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("vue"),require("axios")):typeof define=="function"&&define.amd?define(["exports","vue","axios"],u):(d=typeof globalThis!="undefined"?globalThis:d||self,u(d.storyblokVue={},d.Vue,d.e))})(this,function(d,u,p){"use strict";var lt=Object.defineProperty;var A=Object.getOwnPropertySymbols;var ct=Object.prototype.hasOwnProperty,ut=Object.prototype.propertyIsEnumerable;var M=(d,u,p)=>u in d?lt(d,u,{enumerable:!0,configurable:!0,writable:!0,value:p}):d[u]=p,_=(d,u)=>{for(var p in u||(u={}))ct.call(u,p)&&M(d,p,u[p]);if(A)for(var p of A(u))ut.call(u,p)&&M(d,p,u[p]);return d};function C(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var x=C(p),N=Object.defineProperty,I=Object.defineProperties,q=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,w=(n,t,e)=>t in n?N(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,f=(n,t)=>{for(var e in t||(t={}))L.call(t,e)&&w(n,e,t[e]);if(T)for(var e of T(t))B.call(t,e)&&w(n,e,t[e]);return n},b=(n,t)=>I(n,q(t));let R=!1;const $=[],V=n=>new Promise((t,e)=>{if(typeof window=="undefined"||(window.storyblokRegisterEvent=s=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}R?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()),R=!0,t(s)},document.getElementsByTagName("head")[0].appendChild(r)}),z=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},D=n=>n==="email";var U={nodes:{horizontal_rule(){return{singleTag:"hr"}},blockquote(){return{tag:"blockquote"}},bullet_list(){return{tag:"ul"}},code_block(n){return{tag:["pre",{tag:"code",attrs:n.attrs}]}},hard_break(){return{singleTag:"br"}},heading(n){return{tag:`h${n.attrs.level}`}},image(n){return{singleTag:[{tag:"img",attrs:z(n.attrs,["src","alt","title"])}]}},list_item(){return{tag:"li"}},ordered_list(){return{tag:"ol"}},paragraph(){return{tag:"p"}}},marks:{bold(){return{tag:"b"}},strike(){return{tag:"strike"}},underline(){return{tag:"u"}},strong(){return{tag:"strong"}},code(){return{tag:"code"}},italic(){return{tag:"i"}},link(n){const t=f({},n.attrs),{linktype:e="url"}=n.attrs;return D(e)&&(t.href=`mailto:${t.href}`),t.anchor&&(t.href=`${t.href}#${t.anchor}`,delete t.anchor),{tag:[{tag:"a",attrs:t}]}},styled(n){return{tag:[{tag:"span",attrs:n.attrs}]}}}};const H=function(n){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},e=/[&<>"']/g,r=RegExp(e.source);return n&&r.test(n)?n.replace(e,s=>t[s]):n};class J{constructor(t){t||(t=U),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(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`${o}${e}>`}}).join("")}renderOpeningTag(t){return this.renderTag(t,"")}renderClosingTag(t){return t.constructor===String?`</${t}>`:t.slice(0).reverse().map(r=>r.constructor===String?`</${r}>`:`</${r.tag}>`).join("")}getMatchingNode(t){if(typeof this.nodes[t.type]=="function")return this.nodes[t.type](t)}getMatchingMark(t){if(typeof this.marks[t.type]=="function")return this.marks[t.type](t)}}/*!
+ * storyblok-js-client v4.5.2
  * Universal JavaScript SDK for Storyblok's API
  * (c) 2020-2022 Stobylok Team
- */function O(s){return typeof s=="number"&&s==s&&s!==1/0&&s!==-1/0}function P(s,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");var r=[],o=[],n=0,i=function(){n++;var c=setTimeout(function(){n--,r.length>0&&i(),o=o.filter(function(d){return d!==c})},t);o.indexOf(c)<0&&o.push(c);var l=r.shift();l.resolve(s.apply(l.self,l.args))},a=function(){var c=arguments,l=this;return new Promise(function(d,k){r.push({resolve:d,reject:k,args:c,self:l}),n<e&&i()})};return a.abort=function(){o.forEach(clearTimeout),o=[],r.forEach(function(c){c.reject(new throttle.AbortError)}),r.length=0},a}P.AbortError=function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"};const D=function(s,e){if(!s)return null;let t={};for(let r in s){let o=s[r];e.indexOf(r)>-1&&o!==null&&(t[r]=o)}return t};var z={nodes:{horizontal_rule:s=>({singleTag:"hr"}),blockquote:s=>({tag:"blockquote"}),bullet_list:s=>({tag:"ul"}),code_block:s=>({tag:["pre",{tag:"code",attrs:s.attrs}]}),hard_break:s=>({singleTag:"br"}),heading:s=>({tag:"h"+s.attrs.level}),image:s=>({singleTag:[{tag:"img",attrs:D(s.attrs,["src","alt","title"])}]}),list_item:s=>({tag:"li"}),ordered_list:s=>({tag:"ol"}),paragraph:s=>({tag:"p"})},marks:{bold:()=>({tag:"b"}),strike:()=>({tag:"strike"}),underline:()=>({tag:"u"}),strong:()=>({tag:"strong"}),code:()=>({tag:"code"}),italic:()=>({tag:"i"}),link(s){const e=f({},s.attrs),{linktype:t="url"}=s.attrs;return t==="email"&&(e.href="mailto:"+e.href),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},styled:s=>({tag:[{tag:"span",attrs:s.attrs}]})}};class U{constructor(e){e||(e=z),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.content&&Array.isArray(e.content)){let t="";return e.content.forEach(r=>{t+=this.renderNode(r)}),t}return console.warn("The render method must receive an object with a content field, which is an array"),""}renderNode(e){let t=[];e.marks&&e.marks.forEach(o=>{const n=this.getMatchingMark(o);n&&t.push(this.renderOpeningTag(n.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&t.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(o=>{t.push(this.renderNode(o))}):e.text?t.push(function(o){const n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},i=/[&<>"']/g,a=RegExp(i.source);return o&&a.test(o)?o.replace(i,c=>n[c]):o}(e.text)):r&&r.singleTag?t.push(this.renderTag(r.singleTag," /")):r&&r.html&&t.push(r.html),r&&r.tag&&t.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(o=>{const n=this.getMatchingMark(o);n&&t.push(this.renderClosingTag(n.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(r=>{if(r.constructor===String)return`<${r}${t}>`;{let o="<"+r.tag;if(r.attrs)for(let n in r.attrs){let i=r.attrs[n];i!==null&&(o+=` ${n}="${i}"`)}return`${o}${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){if(typeof this.nodes[e.type]=="function")return this.nodes[e.type](e)}getMatchingMark(e){if(typeof this.marks[e.type]=="function")return this.marks[e.type](e)}}const J=(s=0,e=s)=>{const t=Math.abs(e-s)||0,r=s<e?1:-1;return((o=0,n)=>[...Array(o)].map(n))(t,(o,n)=>n*r+s)},v=(s,e,t)=>{const r=[];for(const o in s){if(!Object.prototype.hasOwnProperty.call(s,o))continue;const n=s[o],i=t?"":encodeURIComponent(o);let a;a=typeof n=="object"?v(n,e?e+encodeURIComponent("["+i+"]"):i,Array.isArray(n)):(e?e+encodeURIComponent("["+i+"]"):i)+"="+encodeURIComponent(n),r.push(a)}return r.join("&")};let m={},g={};class Y{constructor(e,t){if(!t){let n=e.region?"-"+e.region:"",i=e.https===!1?"http":"https";t=e.oauthToken===void 0?`${i}://api${n}.storyblok.com/v2`:`${i}://api${n}.storyblok.com/v1`}let r=Object.assign({},e.headers),o=5;e.oauthToken!==void 0&&(r.Authorization=e.oauthToken,o=3),e.rateLimit!==void 0&&(o=e.rateLimit),this.richTextResolver=new U(e.richTextSchema),typeof e.componentResolver=="function"&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||5,this.throttle=P(this.throttledRequest,o,1e3),this.accessToken=e.accessToken,this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.client=I.default.create({baseURL:t,timeout:e.timeout||0,headers:r,proxy:e.proxy||!1}),e.responseInterceptor&&this.client.interceptors.response.use(n=>e.responseInterceptor(n))}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let r="";return t.attrs.body.forEach(o=>{r+=e(o.component,o)}),{html:r}})}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((r="")=>r.indexOf("/cdn/")>-1)(e)?this.parseParams(t):t}makeRequest(e,t,r,o){const n=this.factoryParamOptions(e,((i={},a=25,c=1)=>b(f({},i),{per_page:a,page:c}))(t,r,o));return this.cacheResponse(e,n)}get(e,t){let r="/"+e;const o=this.factoryParamOptions(r,t);return this.cacheResponse(r,o)}async getAll(e,t={},r){const o=t.per_page||25,n="/"+e,i=n.split("/");r=r||i[i.length-1];const a=await this.makeRequest(n,t,o,1),c=Math.ceil(a.total/o);return((l=[],d)=>l.map(d).reduce((k,ee)=>[...k,...ee],[]))([a,...await(async(l=[],d)=>Promise.all(l.map(d)))(J(1,c),async l=>this.makeRequest(n,t,o,l+1))],l=>Object.values(l.data[r]))}post(e,t){let r="/"+e;return this.throttle("post",r,t)}put(e,t){let r="/"+e;return this.throttle("put",r,t)}delete(e,t){let r="/"+e;return this.throttle("delete",r,t)}getStories(e){return this.get("cdn/stories",e)}getStory(e,t){return this.get("cdn/stories/"+e,t)}setToken(e){this.accessToken=e}getToken(){return this.accessToken}_cleanCopy(e){return JSON.parse(JSON.stringify(e))}_insertLinks(e,t){const r=e[t];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(e,t,r){if(r.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].constructor===Array){let o=[];e[t].forEach(n=>{this.relations[n]&&o.push(this._cleanCopy(this.relations[n]))}),e[t]=o}}}iterateTree(e,t){let r=o=>{if(o!=null){if(o.constructor===Array)for(let n=0;n<o.length;n++)r(o[n]);else if(o.constructor===Object){if(o._stopResolving)return;for(let n in o)(o.component&&o._uid||o.type==="link")&&(this._insertRelations(o,n,t),this._insertLinks(o,n)),r(o[n])}}};r(e.content)}async resolveLinks(e,t){let r=[];if(e.link_uuids){const o=e.link_uuids.length;let n=[];const i=50;for(let a=0;a<o;a+=i){const c=Math.min(o,a+i);n.push(e.link_uuids.slice(a,c))}for(let a=0;a<n.length;a++)(await this.getStories({per_page:i,language:t.language,version:t.version,by_uuids:n[a].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.links;r.forEach(o=>{this.links[o.uuid]=b(f({},o),{_stopResolving:!0})})}async resolveRelations(e,t){let r=[];if(e.rel_uuids){const o=e.rel_uuids.length;let n=[];const i=50;for(let a=0;a<o;a+=i){const c=Math.min(o,a+i);n.push(e.rel_uuids.slice(a,c))}for(let a=0;a<n.length;a++)(await this.getStories({per_page:i,language:t.language,version:t.version,by_uuids:n[a].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.rels;r.forEach(o=>{this.relations[o.uuid]=b(f({},o),{_stopResolving:!0})})}async resolveStories(e,t){let r=[];t.resolve_relations!==void 0&&t.resolve_relations.length>0&&(r=t.resolve_relations.split(","),await this.resolveRelations(e,t)),["1","story","url"].indexOf(t.resolve_links)>-1&&await this.resolveLinks(e,t);for(const o in this.relations)this.iterateTree(this.relations[o],r);e.story?this.iterateTree(e.story,r):e.stories.forEach(o=>{this.iterateTree(o,r)})}cacheResponse(e,t,r){return r===void 0&&(r=0),new Promise(async(o,n)=>{let i=v({url:e,params:t}),a=this.cacheProvider();if(this.cache.clear==="auto"&&t.version==="draft"&&await this.flushCache(),t.version==="published"&&e!="/cdn/spaces/me"){const l=await a.get(i);if(l)return o(l)}try{let l=await this.throttle("get",e,{params:t,paramsSerializer:k=>v(k)}),d={data:l.data,headers:l.headers};if(l.headers["per-page"]&&(d=Object.assign({},d,{perPage:parseInt(l.headers["per-page"]),total:parseInt(l.headers.total)})),l.status!=200)return n(l);(d.data.story||d.data.stories)&&await this.resolveStories(d.data,t),t.version==="published"&&e!="/cdn/spaces/me"&&a.set(i,d),d.data.cv&&(t.version=="draft"&&g[t.token]!=d.data.cv&&this.flushCache(),g[t.token]=d.data.cv),o(d)}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(d=>setTimeout(d,c))),this.cacheResponse(e,t,r).then(o).catch(n);n(l)}var c})}throttledRequest(e,t,r){return this.client[e](t,r)}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=>m[e],getAll:()=>m,set(e,t){m[e]=t},flush(){m={}}};default:return{get(){},getAll(){},set(){},flush(){}}}}async flushCache(){return await this.cacheProvider().flush(),this}}var H=(s={})=>{const{apiOptions:e}=s;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 Y(e)}},F=s=>{if(typeof s!="object"||typeof s._editable=="undefined")return{};const e=JSON.parse(s._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};const G="https://app.storyblok.com/f/storyblok-v2-latest.js",E=(s,e,t={})=>{if(typeof window!="undefined"){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(!s){console.warn("Story ID is not defined. Please provide a valid ID.");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(t).on(["input","published","change"],o=>{o.action=="input"&&o.story.id===s?e(o.story):window.location.reload()})})}},K=(s={})=>{const{bridge:e,accessToken:t,use:r=[],apiOptions:o={}}=s;o.accessToken=o.accessToken||t;const n={bridge:e,apiOptions:o};let i={};return r.forEach(a=>{i=f(f({},i),a(n))}),e!==!1&&V(G),i},j={props:{blok:Object},setup(s){return(e,t)=>(h.openBlock(),h.createBlock(h.resolveDynamicComponent(s.blok.component),h.normalizeProps(h.guardReactiveProps(_(_({},e.$props),e.$attrs))),null,16))}},Q={beforeMount(s,e){if(e.value){const t=F(e.value);s.setAttribute("data-blok-c",t["data-blok-c"]),s.setAttribute("data-blok-uid",t["data-blok-uid"]),s.classList.add("storyblok__outline")}}},A=s=>{console.error(`You can't use ${s} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
-    `)};let y=null;const W=()=>(y||A("useStoryblokApi"),y),X=async(s,e={},t={})=>{const r=h.ref(null);if(h.onMounted(()=>{r.value&&r.value.id&&E(r.value.id,o=>r.value=o,t)}),y){const{data:o}=await y.get(`cdn/stories/${s}`,e);r.value=o.story}else A("useStoryblok");return r},Z={install(s,e={}){s.directive("editable",Q),s.component("StoryblokComponent",j);const{storyblokApi:t}=K(e);y=t}};u.StoryblokComponent=j,u.StoryblokVue=Z,u.apiPlugin=H,u.useStoryblok=X,u.useStoryblokApi=W,u.useStoryblokBridge=E,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});
+ */function E(n){return typeof n=="number"&&n==n&&n!==1/0&&n!==-1/0}function S(n,t,e){if(!E(t))throw new TypeError("Expected `limit` to be a finite number");if(!E(e))throw new TypeError("Expected `interval` to be a finite number");var r=[],s=[],o=0,i=function(){o++;var c=setTimeout(function(){o--,r.length>0&&i(),s=s.filter(function(h){return h!==c})},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(h,k){r.push({resolve:h,reject:k,args:c,self:l}),o<t&&i()})};return a.abort=function(){s.forEach(clearTimeout),s=[],r.forEach(function(c){c.reject(new throttle.AbortError)}),r.length=0},a}S.AbortError=function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"};const Y=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};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=f({},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(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(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 s=`<${r.tag}`;if(r.attrs)for(let o in r.attrs){let i=r.attrs[o];i!==null&&(s+=` ${o}="${i}"`)}return`${s}${e}>`}}).join("")}renderOpeningTag(t){return this.renderTag(t,"")}renderClosingTag(t){return t.constructor===String?`</${t}>`:t.slice(0).reverse().map(e=>e.constructor===String?`</${e}>`:`</${e.tag}>`).join("")}getMatchingNode(t){if(typeof this.nodes[t.type]=="function")return this.nodes[t.type](t)}getMatchingMark(t){if(typeof this.marks[t.type]=="function")return this.marks[t.type](t)}}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)},v=(n,t,e)=>{const r=[];for(const s in n){if(!Object.prototype.hasOwnProperty.call(n,s))continue;const o=n[s],i=e?"":encodeURIComponent(s);let a;a=typeof o=="object"?v(o,t?t+encodeURIComponent("["+i+"]"):i,Array.isArray(o)):(t?t+encodeURIComponent("["+i+"]"):i)+"="+encodeURIComponent(o),r.push(a)}return r.join("&")};let m={},g={};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 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=S(this.throttledRequest,s,1e3),this.accessToken=t.accessToken,this.relations={},this.links={},this.cache=t.cache||{clear:"manual"},this.client=x.default.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(t={}){return t.version||(t.version="published"),t.token||(t.token=this.getToken()),t.cv||(t.cv=g[t.token]),Array.isArray(t.resolve_relations)&&(t.resolve_relations=t.resolve_relations.join(",")),t}factoryParamOptions(t,e={}){return((r="")=>r.indexOf("/cdn/")>-1)(t)?this.parseParams(e):e}makeRequest(t,e,r,s){const o=this.factoryParamOptions(t,((i={},a=25,c=1)=>b(f({},i),{per_page:a,page:c}))(e,r,s));return this.cacheResponse(t,o)}get(t,e){let r=`/${t}`;const s=this.factoryParamOptions(r,e);return this.cacheResponse(r,s)}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=[],h)=>l.map(h).reduce((k,at)=>[...k,...at],[]))([a,...await(async(l=[],h)=>Promise.all(l.map(h)))(K(1,c),async l=>this.makeRequest(o,e,s,l+1))],l=>Object.values(l.data[r]))}post(t,e){let r=`/${t}`;return this.throttle("post",r,e)}put(t,e){let r=`/${t}`;return this.throttle("put",r,e)}delete(t,e){let r=`/${t}`;return this.throttle("delete",r,e)}getStories(t){return this.get("cdn/stories",t)}getStory(t,e){return this.get(`cdn/stories/${t}`,e)}setToken(t){this.accessToken=t}getToken(){return this.accessToken}_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(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(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 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])}}};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 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 r=t.links;r.forEach(s=>{this.links[s.uuid]=b(f({},s),{_stopResolving:!0})})}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 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 r=t.rels;r.forEach(s=>{this.relations[s.uuid]=b(f({},s),{_stopResolving:!0})})}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(t){const{assets:e,stories:r,story:s}=t;if(r)for(const o of r)this.iterateTree(o,e);else{if(!s)return t;this.iterateTree(s,e)}}cacheResponse(t,e,r){return r===void 0&&(r=0),new Promise(async(s,o)=>{let i=v({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 l=await this.throttle("get",t,{params:e,paramsSerializer:k=>v(k)}),h={data:l.data,headers:l.headers};if(h.data.assets&&h.data.assets.length&&this.resolveAssetsRelations(h.data),l.headers["per-page"]&&(h=Object.assign({},h,{perPage:parseInt(l.headers["per-page"]),total:parseInt(l.headers.total)})),l.status!=200)return o(l);(h.data.story||h.data.stories)&&await this.resolveStories(h.data,e),e.version==="published"&&t!="/cdn/spaces/me"&&a.set(i,h),h.data.cv&&(e.version=="draft"&&g[e.token]!=h.data.cv&&this.flushCache(),g[e.token]=h.data.cv),s(h)}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(h=>setTimeout(h,c))),this.cacheResponse(t,e,r).then(s).catch(o);o(l)}var c})}throttledRequest(t,e,r){return this.client[t](e,r)}cacheVersions(){return g}cacheVersion(){return g[this.accessToken]}setCacheVersion(t){this.accessToken&&(g[this.accessToken]=t)}cacheProvider(){return this.cache.type==="memory"?{get:t=>m[t],getAll:()=>m,set(t,e){m[t]=e},flush(){m={}}}:{get(){},getAll(){},set(){},flush(){}}}async flushCache(){return await this.cacheProvider().flush(),this}}const W=(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}return{storyblokApi:new Q(t)}};var X=n=>{if(typeof n!="object"||typeof n._editable=="undefined")return{};const t=JSON.parse(n._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(t),"data-blok-uid":t.id+"-"+t.uid}};const Z=new J,tt="https://app.storyblok.com/f/storyblok-v2-latest.js",O=(n,t,e={})=>{if(typeof window!="undefined"){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(!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.action=="input"&&s.story.id===n?t(s.story):window.location.reload()})})}},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=f(f({},i),a(o))}),t!==!1&&V(tt),i},rt=n=>n===""?"":n?Z.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`),""),P=u.defineComponent({__name:"StoryblokComponent",props:{blok:null},setup(n){return(t,e)=>(u.openBlock(),u.createBlock(u.resolveDynamicComponent(n.blok.component),u.normalizeProps(u.guardReactiveProps(_(_({},t.$props),t.$attrs))),null,16))}}),st={beforeMount(n,t){if(t.value){const e=X(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")}}},j=n=>{console.error(`You can't use ${n} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
+    `)};let y=null;const nt=()=>(y||j("useStoryblokApi"),y),ot=async(n,t={},e={})=>{const r=u.ref(null);if(u.onMounted(()=>{r.value&&r.value.id&&O(r.value.id,s=>r.value=s,e)}),y){const{data:s}=await y.get(`cdn/stories/${n}`,t);r.value=s.story}else j("useStoryblok");return r},it={install(n,t={}){n.directive("editable",st),n.component("StoryblokComponent",P);const{storyblokApi:e}=et(t);y=e}};d.StoryblokComponent=P,d.StoryblokVue=it,d.apiPlugin=W,d.renderRichText=rt,d.useStoryblok=ot,d.useStoryblokApi=nt,d.useStoryblokBridge=O,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/storyblok-vue.mjs

@@ -14,8 +14,8 @@ var __spreadValues = (a2, b) => {
     }
   return a2;
 };
-import { openBlock, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, ref, onMounted } from "vue";
-import t from "axios";
+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;
@@ -66,314 +66,596 @@ const loadBridge = (src) => {
     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 = {
+  nodes: {
+    horizontal_rule() {
+      return {
+        singleTag: "hr"
+      };
+    },
+    blockquote() {
+      return {
+        tag: "blockquote"
+      };
+    },
+    bullet_list() {
+      return {
+        tag: "ul"
+      };
+    },
+    code_block(node) {
+      return {
+        tag: [
+          "pre",
+          {
+            tag: "code",
+            attrs: node.attrs
+          }
+        ]
+      };
+    },
+    hard_break() {
+      return {
+        singleTag: "br"
+      };
+    },
+    heading(node) {
+      return {
+        tag: `h${node.attrs.level}`
+      };
+    },
+    image(node) {
+      return {
+        singleTag: [
+          {
+            tag: "img",
+            attrs: pick(node.attrs, ["src", "alt", "title"])
+          }
+        ]
+      };
+    },
+    list_item() {
+      return {
+        tag: "li"
+      };
+    },
+    ordered_list() {
+      return {
+        tag: "ol"
+      };
+    },
+    paragraph() {
+      return {
+        tag: "p"
+      };
+    }
+  },
+  marks: {
+    bold() {
+      return {
+        tag: "b"
+      };
+    },
+    strike() {
+      return {
+        tag: "strike"
+      };
+    },
+    underline() {
+      return {
+        tag: "u"
+      };
+    },
+    strong() {
+      return {
+        tag: "strong"
+      };
+    },
+    code() {
+      return {
+        tag: "code"
+      };
+    },
+    italic() {
+      return {
+        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 {
+        tag: [
+          {
+            tag: "a",
+            attrs
+          }
+        ]
+      };
+    },
+    styled(node) {
+      return {
+        tag: [
+          {
+            tag: "span",
+            attrs: node.attrs
+          }
+        ]
+      };
+    }
+  }
+};
+const escapeHTML = function(string) {
+  const htmlEscapes = {
+    "&": "&",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#39;"
+  };
+  const reUnescapedHtml = /[&<>"']/g;
+  const reHasUnescapedHtml = RegExp(reUnescapedHtml.source);
+  return string && reHasUnescapedHtml.test(string) ? string.replace(reUnescapedHtml, (chr) => htmlEscapes[chr]) : string;
+};
+class RichTextResolver {
+  constructor(schema) {
+    if (!schema) {
+      schema = defaultHtmlSerializer;
+    }
+    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("");
+  }
+  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}"`;
+            }
+          }
+        }
+        return `${h2}${ending}>`;
+      }
+    });
+    return all.join("");
+  }
+  renderOpeningTag(tags) {
+    return this.renderTag(tags, "");
+  }
+  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("");
+  }
+  getMatchingNode(item) {
+    if (typeof this.nodes[item.type] !== "function") {
+      return;
+    }
+    return this.nodes[item.type](item);
+  }
+  getMatchingMark(item) {
+    if (typeof this.marks[item.type] !== "function") {
+      return;
+    }
+    return this.marks[item.type](item);
+  }
+}
 /*!
- * storyblok-js-client v0.0.0-development
+ * storyblok-js-client v4.5.2
  * Universal JavaScript SDK for Storyblok's API
  * (c) 2020-2022 Stobylok Team
  */
-function e(t2) {
-  return typeof t2 == "number" && (t2 == t2 && t2 !== 1 / 0 && t2 !== -1 / 0);
+function t(e2) {
+  return typeof e2 == "number" && (e2 == e2 && e2 !== 1 / 0 && e2 !== -1 / 0);
 }
-function r(t2, r2, s2) {
-  if (!e(r2))
+function s(e2, s2, r2) {
+  if (!t(s2))
     throw new TypeError("Expected `limit` to be a finite number");
-  if (!e(s2))
+  if (!t(r2))
     throw new TypeError("Expected `interval` to be a finite number");
-  var n2 = [], i2 = [], o2 = 0, a2 = function() {
+  var i2 = [], n2 = [], o2 = 0, a2 = function() {
     o2++;
-    var e2 = setTimeout(function() {
-      o2--, n2.length > 0 && a2(), i2 = i2.filter(function(t3) {
-        return t3 !== e2;
+    var t2 = setTimeout(function() {
+      o2--, i2.length > 0 && a2(), n2 = n2.filter(function(e3) {
+        return e3 !== t2;
       });
-    }, s2);
-    i2.indexOf(e2) < 0 && i2.push(e2);
-    var r3 = n2.shift();
-    r3.resolve(t2.apply(r3.self, r3.args));
+    }, r2);
+    n2.indexOf(t2) < 0 && n2.push(t2);
+    var s3 = i2.shift();
+    s3.resolve(e2.apply(s3.self, s3.args));
   }, l2 = function() {
-    var t3 = arguments, e2 = this;
-    return new Promise(function(s3, i3) {
-      n2.push({ resolve: s3, reject: i3, args: t3, self: e2 }), o2 < r2 && a2();
+    var e3 = arguments, t2 = this;
+    return new Promise(function(r3, n3) {
+      i2.push({ resolve: r3, reject: n3, args: e3, self: t2 }), o2 < s2 && a2();
     });
   };
   return l2.abort = function() {
-    i2.forEach(clearTimeout), i2 = [], n2.forEach(function(t3) {
-      t3.reject(new throttle.AbortError());
-    }), n2.length = 0;
+    n2.forEach(clearTimeout), n2 = [], i2.forEach(function(e3) {
+      e3.reject(new throttle.AbortError());
+    }), i2.length = 0;
   }, l2;
 }
-r.AbortError = function() {
+s.AbortError = function() {
   Error.call(this, "Throttled function aborted"), this.name = "AbortError";
 };
-const s = function(t2, e2) {
-  if (!t2)
+const r = function(e2, t2) {
+  if (!e2)
     return null;
-  let r2 = {};
-  for (let s2 in t2) {
-    let n2 = t2[s2];
-    e2.indexOf(s2) > -1 && n2 !== null && (r2[s2] = n2);
+  let s2 = {};
+  for (let r2 in e2) {
+    let i2 = e2[r2];
+    t2.indexOf(r2) > -1 && i2 !== null && (s2[r2] = i2);
   }
-  return r2;
+  return s2;
 };
-var n = { nodes: { horizontal_rule: (t2) => ({ singleTag: "hr" }), blockquote: (t2) => ({ tag: "blockquote" }), bullet_list: (t2) => ({ tag: "ul" }), code_block: (t2) => ({ tag: ["pre", { tag: "code", attrs: t2.attrs }] }), hard_break: (t2) => ({ singleTag: "br" }), heading: (t2) => ({ tag: "h" + t2.attrs.level }), image: (t2) => ({ singleTag: [{ tag: "img", attrs: s(t2.attrs, ["src", "alt", "title"]) }] }), list_item: (t2) => ({ tag: "li" }), ordered_list: (t2) => ({ tag: "ol" }), paragraph: (t2) => ({ tag: "p" }) }, marks: { bold: () => ({ tag: "b" }), strike: () => ({ tag: "strike" }), underline: () => ({ tag: "u" }), strong: () => ({ tag: "strong" }), code: () => ({ tag: "code" }), italic: () => ({ tag: "i" }), link(t2) {
-  const e2 = __spreadValues2({}, t2.attrs), { linktype: r2 = "url" } = t2.attrs;
-  return r2 === "email" && (e2.href = "mailto:" + e2.href), e2.anchor && (e2.href = `${e2.href}#${e2.anchor}`, delete e2.anchor), { tag: [{ tag: "a", attrs: e2 }] };
-}, styled: (t2) => ({ tag: [{ tag: "span", attrs: t2.attrs }] }) } };
-class i {
-  constructor(t2) {
-    t2 || (t2 = n), this.marks = t2.marks || [], this.nodes = t2.nodes || [];
-  }
-  addNode(t2, e2) {
-    this.nodes[t2] = e2;
-  }
-  addMark(t2, e2) {
-    this.marks[t2] = e2;
-  }
-  render(t2 = {}) {
-    if (t2.content && Array.isArray(t2.content)) {
-      let e2 = "";
-      return t2.content.forEach((t3) => {
-        e2 += this.renderNode(t3);
-      }), e2;
+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;
     }
     return console.warn("The render method must receive an object with a content field, which is an array"), "";
   }
-  renderNode(t2) {
-    let e2 = [];
-    t2.marks && t2.marks.forEach((t3) => {
-      const r3 = this.getMatchingMark(t3);
-      r3 && e2.push(this.renderOpeningTag(r3.tag));
+  renderNode(e2) {
+    let t2 = [];
+    e2.marks && e2.marks.forEach((e3) => {
+      const s3 = this.getMatchingMark(e3);
+      s3 && t2.push(this.renderOpeningTag(s3.tag));
     });
-    const r2 = this.getMatchingNode(t2);
-    return r2 && r2.tag && e2.push(this.renderOpeningTag(r2.tag)), t2.content ? t2.content.forEach((t3) => {
-      e2.push(this.renderNode(t3));
-    }) : t2.text ? e2.push(function(t3) {
-      const e3 = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, r3 = /[&<>"']/g, s2 = RegExp(r3.source);
-      return t3 && s2.test(t3) ? t3.replace(r3, (t4) => e3[t4]) : t3;
-    }(t2.text)) : r2 && r2.singleTag ? e2.push(this.renderTag(r2.singleTag, " /")) : r2 && r2.html && e2.push(r2.html), r2 && r2.tag && e2.push(this.renderClosingTag(r2.tag)), t2.marks && t2.marks.slice(0).reverse().forEach((t3) => {
-      const r3 = this.getMatchingMark(t3);
-      r3 && e2.push(this.renderClosingTag(r3.tag));
-    }), e2.join("");
-  }
-  renderTag(t2, e2) {
-    if (t2.constructor === String)
-      return `<${t2}${e2}>`;
-    return t2.map((t3) => {
-      if (t3.constructor === String)
-        return `<${t3}${e2}>`;
+    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}>`;
       {
-        let r2 = "<" + t3.tag;
-        if (t3.attrs)
-          for (let e3 in t3.attrs) {
-            let s2 = t3.attrs[e3];
-            s2 !== null && (r2 += ` ${e3}="${s2}"`);
+        let s2 = `<${e3.tag}`;
+        if (e3.attrs)
+          for (let t3 in e3.attrs) {
+            let r2 = e3.attrs[t3];
+            r2 !== null && (s2 += ` ${t3}="${r2}"`);
           }
-        return `${r2}${e2}>`;
+        return `${s2}${t2}>`;
       }
     }).join("");
   }
-  renderOpeningTag(t2) {
-    return this.renderTag(t2, "");
+  renderOpeningTag(e2) {
+    return this.renderTag(e2, "");
   }
-  renderClosingTag(t2) {
-    if (t2.constructor === String)
-      return `</${t2}>`;
-    return t2.slice(0).reverse().map((t3) => t3.constructor === String ? `</${t3}>` : `</${t3.tag}>`).join("");
+  renderClosingTag(e2) {
+    if (e2.constructor === String)
+      return `</${e2}>`;
+    return e2.slice(0).reverse().map((e3) => e3.constructor === String ? `</${e3}>` : `</${e3.tag}>`).join("");
   }
-  getMatchingNode(t2) {
-    if (typeof this.nodes[t2.type] == "function")
-      return this.nodes[t2.type](t2);
+  getMatchingNode(e2) {
+    if (typeof this.nodes[e2.type] == "function")
+      return this.nodes[e2.type](e2);
   }
-  getMatchingMark(t2) {
-    if (typeof this.marks[t2.type] == "function")
-      return this.marks[t2.type](t2);
+  getMatchingMark(e2) {
+    if (typeof this.marks[e2.type] == "function")
+      return this.marks[e2.type](e2);
   }
 }
-const o = (t2 = 0, e2 = t2) => {
-  const r2 = Math.abs(e2 - t2) || 0, s2 = t2 < e2 ? 1 : -1;
-  return ((t3 = 0, e3) => [...Array(t3)].map(e3))(r2, (e3, r3) => r3 * s2 + t2);
-}, a = (t2, e2, r2) => {
-  const s2 = [];
-  for (const n2 in t2) {
-    if (!Object.prototype.hasOwnProperty.call(t2, n2))
+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))
       continue;
-    const i2 = t2[n2], o2 = r2 ? "" : encodeURIComponent(n2);
+    const n2 = e2[i2], o2 = s2 ? "" : encodeURIComponent(i2);
     let l2;
-    l2 = typeof i2 == "object" ? a(i2, e2 ? e2 + encodeURIComponent("[" + o2 + "]") : o2, Array.isArray(i2)) : (e2 ? e2 + encodeURIComponent("[" + o2 + "]") : o2) + "=" + encodeURIComponent(i2), s2.push(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);
   }
-  return s2.join("&");
+  return r2.join("&");
 };
 let l = {}, c = {};
-class StoryblokClient {
-  constructor(e2, s2) {
-    if (!s2) {
-      let t2 = e2.region ? "-" + e2.region : "", r2 = e2.https === false ? "http" : "https";
-      s2 = e2.oauthToken === void 0 ? `${r2}://api${t2}.storyblok.com/v2` : `${r2}://api${t2}.storyblok.com/v1`;
+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 n2 = Object.assign({}, e2.headers), o2 = 5;
-    e2.oauthToken !== void 0 && (n2.Authorization = e2.oauthToken, o2 = 3), e2.rateLimit !== void 0 && (o2 = e2.rateLimit), this.richTextResolver = new i(e2.richTextSchema), typeof e2.componentResolver == "function" && this.setComponentResolver(e2.componentResolver), this.maxRetries = e2.maxRetries || 5, this.throttle = r(this.throttledRequest, o2, 1e3), this.accessToken = e2.accessToken, this.relations = {}, this.links = {}, this.cache = e2.cache || { clear: "manual" }, this.client = t.create({ baseURL: s2, timeout: e2.timeout || 0, headers: n2, proxy: e2.proxy || false }), e2.responseInterceptor && this.client.interceptors.response.use((t2) => e2.responseInterceptor(t2));
-  }
-  setComponentResolver(t2) {
-    this.richTextResolver.addNode("blok", (e2) => {
-      let r2 = "";
-      return e2.attrs.body.forEach((e3) => {
-        r2 += t2(e3.component, e3);
-      }), { html: r2 };
+    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 };
     });
   }
-  parseParams(t2 = {}) {
-    return t2.version || (t2.version = "published"), t2.token || (t2.token = this.getToken()), t2.cv || (t2.cv = c[t2.token]), Array.isArray(t2.resolve_relations) && (t2.resolve_relations = t2.resolve_relations.join(",")), t2;
+  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;
   }
-  factoryParamOptions(t2, e2 = {}) {
-    return ((t3 = "") => t3.indexOf("/cdn/") > -1)(t2) ? this.parseParams(e2) : e2;
+  factoryParamOptions(e2, t2 = {}) {
+    return ((e3 = "") => e3.indexOf("/cdn/") > -1)(e2) ? this.parseParams(t2) : t2;
   }
-  makeRequest(t2, e2, r2, s2) {
-    const n2 = this.factoryParamOptions(t2, ((t3 = {}, e3 = 25, r3 = 1) => __spreadProps(__spreadValues2({}, t3), { per_page: e3, page: r3 }))(e2, r2, s2));
-    return this.cacheResponse(t2, n2);
+  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);
   }
-  get(t2, e2) {
-    let r2 = "/" + t2;
-    const s2 = this.factoryParamOptions(r2, e2);
-    return this.cacheResponse(r2, s2);
+  get(e2, t2) {
+    let s2 = `/${e2}`;
+    const r2 = this.factoryParamOptions(s2, t2);
+    return this.cacheResponse(s2, r2);
   }
-  async getAll(t2, e2 = {}, r2) {
-    const s2 = e2.per_page || 25, n2 = "/" + t2, i2 = n2.split("/");
-    r2 = r2 || i2[i2.length - 1];
-    const a2 = await this.makeRequest(n2, e2, s2, 1), l2 = Math.ceil(a2.total / s2);
-    return ((t3 = [], e3) => t3.map(e3).reduce((t4, e4) => [...t4, ...e4], []))([a2, ...await (async (t3 = [], e3) => Promise.all(t3.map(e3)))(o(1, l2), async (t3) => this.makeRequest(n2, e2, s2, t3 + 1))], (t3) => Object.values(t3.data[r2]));
+  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]));
   }
-  post(t2, e2) {
-    let r2 = "/" + t2;
-    return this.throttle("post", r2, e2);
+  post(e2, t2) {
+    let s2 = `/${e2}`;
+    return this.throttle("post", s2, t2);
   }
-  put(t2, e2) {
-    let r2 = "/" + t2;
-    return this.throttle("put", r2, e2);
+  put(e2, t2) {
+    let s2 = `/${e2}`;
+    return this.throttle("put", s2, t2);
   }
-  delete(t2, e2) {
-    let r2 = "/" + t2;
-    return this.throttle("delete", r2, e2);
+  delete(e2, t2) {
+    let s2 = `/${e2}`;
+    return this.throttle("delete", s2, t2);
   }
-  getStories(t2) {
-    return this.get("cdn/stories", t2);
+  getStories(e2) {
+    return this.get("cdn/stories", e2);
   }
-  getStory(t2, e2) {
-    return this.get("cdn/stories/" + t2, e2);
+  getStory(e2, t2) {
+    return this.get(`cdn/stories/${e2}`, t2);
   }
-  setToken(t2) {
-    this.accessToken = t2;
+  setToken(e2) {
+    this.accessToken = e2;
   }
   getToken() {
     return this.accessToken;
   }
-  _cleanCopy(t2) {
-    return JSON.parse(JSON.stringify(t2));
-  }
-  _insertLinks(t2, e2) {
-    const r2 = t2[e2];
-    r2 && r2.fieldtype == "multilink" && r2.linktype == "story" && typeof r2.id == "string" && this.links[r2.id] ? r2.story = this._cleanCopy(this.links[r2.id]) : r2 && r2.linktype === "story" && typeof r2.uuid == "string" && this.links[r2.uuid] && (r2.story = this._cleanCopy(this.links[r2.uuid]));
-  }
-  _insertRelations(t2, e2, r2) {
-    if (r2.indexOf(t2.component + "." + e2) > -1) {
-      if (typeof t2[e2] == "string")
-        this.relations[t2[e2]] && (t2[e2] = this._cleanCopy(this.relations[t2[e2]]));
-      else if (t2[e2].constructor === Array) {
-        let r3 = [];
-        t2[e2].forEach((t3) => {
-          this.relations[t3] && r3.push(this._cleanCopy(this.relations[t3]));
-        }), t2[e2] = r3;
+  _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;
       }
     }
   }
-  iterateTree(t2, e2) {
-    let r2 = (t3) => {
-      if (t3 != null) {
-        if (t3.constructor === Array)
-          for (let e3 = 0; e3 < t3.length; e3++)
-            r2(t3[e3]);
-        else if (t3.constructor === Object) {
-          if (t3._stopResolving)
+  _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);
+    });
+  }
+  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)
             return;
-          for (let s2 in t3)
-            (t3.component && t3._uid || t3.type === "link") && (this._insertRelations(t3, s2, e2), this._insertLinks(t3, s2)), r2(t3[s2]);
+          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]);
         }
       }
     };
-    r2(t2.content);
-  }
-  async resolveLinks(t2, e2) {
-    let r2 = [];
-    if (t2.link_uuids) {
-      const s2 = t2.link_uuids.length;
-      let n2 = [];
-      const i2 = 50;
-      for (let e3 = 0; e3 < s2; e3 += i2) {
-        const r3 = Math.min(s2, e3 + i2);
-        n2.push(t2.link_uuids.slice(e3, r3));
+    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));
       }
-      for (let t3 = 0; t3 < n2.length; t3++) {
-        (await this.getStories({ per_page: i2, language: e2.language, version: e2.version, by_uuids: n2[t3].join(",") })).data.stories.forEach((t4) => {
-          r2.push(t4);
+      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);
         });
       }
     } else
-      r2 = t2.links;
-    r2.forEach((t3) => {
-      this.links[t3.uuid] = __spreadProps(__spreadValues2({}, t3), { _stopResolving: true });
+      s2 = e2.links;
+    s2.forEach((e3) => {
+      this.links[e3.uuid] = __spreadProps(__spreadValues2({}, e3), { _stopResolving: true });
     });
   }
-  async resolveRelations(t2, e2) {
-    let r2 = [];
-    if (t2.rel_uuids) {
-      const s2 = t2.rel_uuids.length;
-      let n2 = [];
-      const i2 = 50;
-      for (let e3 = 0; e3 < s2; e3 += i2) {
-        const r3 = Math.min(s2, e3 + i2);
-        n2.push(t2.rel_uuids.slice(e3, r3));
+  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));
       }
-      for (let t3 = 0; t3 < n2.length; t3++) {
-        (await this.getStories({ per_page: i2, language: e2.language, version: e2.version, by_uuids: n2[t3].join(",") })).data.stories.forEach((t4) => {
-          r2.push(t4);
+      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);
         });
       }
     } else
-      r2 = t2.rels;
-    r2.forEach((t3) => {
-      this.relations[t3.uuid] = __spreadProps(__spreadValues2({}, t3), { _stopResolving: true });
+      s2 = e2.rels;
+    s2.forEach((e3) => {
+      this.relations[e3.uuid] = __spreadProps(__spreadValues2({}, e3), { _stopResolving: true });
     });
   }
-  async resolveStories(t2, e2) {
-    let r2 = [];
-    e2.resolve_relations !== void 0 && e2.resolve_relations.length > 0 && (r2 = e2.resolve_relations.split(","), await this.resolveRelations(t2, e2)), ["1", "story", "url"].indexOf(e2.resolve_links) > -1 && await this.resolveLinks(t2, e2);
-    for (const t3 in this.relations)
-      this.iterateTree(this.relations[t3], r2);
-    t2.story ? this.iterateTree(t2.story, r2) : t2.stories.forEach((t3) => {
-      this.iterateTree(t3, r2);
+  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);
     });
   }
-  cacheResponse(t2, e2, r2) {
-    return r2 === void 0 && (r2 = 0), new Promise(async (s2, n2) => {
-      let i2 = a({ url: t2, params: e2 }), o2 = this.cacheProvider();
-      if (this.cache.clear === "auto" && e2.version === "draft" && await this.flushCache(), e2.version === "published" && t2 != "/cdn/spaces/me") {
-        const t3 = await o2.get(i2);
-        if (t3)
-          return s2(t3);
+  resolveAssetsRelations(e2) {
+    const { assets: t2, stories: s2, story: r2 } = e2;
+    if (s2)
+      for (const e3 of s2)
+        this.iterateTree(e3, t2);
+    else {
+      if (!r2)
+        return e2;
+      this.iterateTree(r2, t2);
+    }
+  }
+  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);
       }
       try {
-        let r3 = await this.throttle("get", t2, { params: e2, paramsSerializer: (t3) => a(t3) }), l3 = { data: r3.data, headers: r3.headers };
-        if (r3.headers["per-page"] && (l3 = Object.assign({}, l3, { perPage: parseInt(r3.headers["per-page"]), total: parseInt(r3.headers.total) })), r3.status != 200)
-          return n2(r3);
-        (l3.data.story || l3.data.stories) && await this.resolveStories(l3.data, e2), e2.version === "published" && t2 != "/cdn/spaces/me" && o2.set(i2, l3), l3.data.cv && (e2.version == "draft" && c[e2.token] != l3.data.cv && this.flushCache(), c[e2.token] = l3.data.cv), s2(l3);
-      } catch (i3) {
-        if (i3.response && i3.response.status === 429 && (r2 += 1) < this.maxRetries)
-          return console.log(`Hit rate limit. Retrying in ${r2} seconds.`), await (l2 = 1e3 * r2, new Promise((t3) => setTimeout(t3, l2))), this.cacheResponse(t2, e2, r2).then(s2).catch(n2);
-        n2(i3);
+        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);
       }
       var l2;
     });
   }
-  throttledRequest(t2, e2, r2) {
-    return this.client[t2](e2, r2);
+  throttledRequest(e2, t2, s2) {
+    return this.client[e2](t2, s2);
   }
   cacheVersions() {
     return c;
@@ -381,36 +663,31 @@ class StoryblokClient {
   cacheVersion() {
     return c[this.accessToken];
   }
-  setCacheVersion(t2) {
-    this.accessToken && (c[this.accessToken] = t2);
+  setCacheVersion(e2) {
+    this.accessToken && (c[this.accessToken] = e2);
   }
   cacheProvider() {
-    switch (this.cache.type) {
-      case "memory":
-        return { get: (t2) => l[t2], getAll: () => l, set(t2, e2) {
-          l[t2] = e2;
-        }, flush() {
-          l = {};
-        } };
-      default:
-        return { get() {
-        }, getAll() {
-        }, set() {
-        }, flush() {
-        } };
-    }
+    return this.cache.type === "memory" ? { get: (e2) => l[e2], getAll: () => l, set(e2, t2) {
+      l[e2] = t2;
+    }, flush() {
+      l = {};
+    } } : { get() {
+    }, getAll() {
+    }, set() {
+    }, flush() {
+    } };
   }
   async flushCache() {
     return await this.cacheProvider().flush(), this;
   }
 }
-var api = (options = {}) => {
+const apiFactory = (options = {}) => {
   const { apiOptions } = options;
   if (!apiOptions.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 StoryblokClient(apiOptions);
+  const storyblokApi = new h(apiOptions);
   return { storyblokApi };
 };
 var editable = (blok) => {
@@ -423,6 +700,7 @@ var editable = (blok) => {
     "data-blok-uid": options.id + "-" + options.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") {
@@ -460,14 +738,28 @@ const storyblokInit = (pluginOptions = {}) => {
   }
   return result;
 };
-const _sfc_main = {
-  props: { blok: Object },
+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({
+  __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) {
@@ -510,4 +802,4 @@ const StoryblokVue = {
     storyblokApiInstance = storyblokApi;
   }
 };
-export { _sfc_main as StoryblokComponent, StoryblokVue, api as apiPlugin, useStoryblok, useStoryblokApi, useStoryblokBridge };
+export { _sfc_main as StoryblokComponent, StoryblokVue, apiFactory as apiPlugin, renderRichText, useStoryblok, useStoryblokApi, useStoryblokBridge };

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import type StoryblokComponent from "./StoryblokComponent.vue";
+declare module "@vue/runtime-core" {
+    interface GlobalComponents {
+        StoryblokComponent: typeof StoryblokComponent;
+    }
+}
+export type { AlternateObject, Richtext, RichtextInstance, SbBlokData, SbBlokKeyDataTypes, SbSDKOptions, Stories, StoriesParams, Story, StoryData, StoryParams, StoryblokBridgeConfigV2, StoryblokBridgeV2, StoryblokCache, StoryblokCacheProvider, StoryblokComponentType, StoryblokClient, StoryblokConfig, StoryblokManagmentApiResult, StoryblokResult, apiPlugin, useStoryblokBridge, } from "@storyblok/js";

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@storyblok/vue",
-  "version": "6.0.3",
+  "version": "6.2.0",
   "description": "Storyblok directive for get editable elements.",
   "main": "./dist/storyblok-vue.js",
   "module": "./dist/storyblok-vue.mjs",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -15,7 +16,7 @@
   },
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vite build",
+    "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",
@@ -23,23 +24,26 @@
     "prepublishOnly": "npm run build && cp ../README.md ./"
   },
   "dependencies": {
-    "@storyblok/js": "^1.1.0"
+    "@storyblok/js": "^1.7.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.9",
+    "@babel/core": "^7.18.5",
     "@cypress/vite-dev-server": "^2.0.7",
-    "@cypress/vue": "^3.0.3",
-    "@vitejs/plugin-vue": "^2.3.1",
+    "@cypress/vue": "^3.1.2",
+    "@vitejs/plugin-vue": "^2.3.3",
     "@vue/babel-preset-app": "^5.0.4",
     "@vue/test-utils": "next",
-    "babel-jest": "^27.5.1",
-    "cypress": "^9.5.3",
+    "@vue/tsconfig": "^0.1.3",
+    "babel-jest": "^26.0.0",
+    "cypress": "^9.6.0",
     "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-jest": "^26.1.3",
-    "jest": "^27.5.1",
-    "vite": "^2.7.10",
-    "vue": "^3.2.31",
-    "vue-jest": "next"
+    "eslint-plugin-jest": "^26.1.5",
+    "jest": "^28.1.3",
+    "typescript": "^4.7.3",
+    "vite": "^2.9.9",
+    "vue": "^3.2.33",
+    "vue-jest": "next",
+    "vue-tsc": "^0.37.9"
   },
   "babel": {
     "presets": [