@storyblok/astro 7.2.7 → 7.2.8

package/dist/storyblok-astro.es.js

@@ -1,4 +1,4 @@
-const Q = `<svg width="45px" height="53px" viewBox="0 0 45 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+const ee = `<svg width="45px" height="53px" viewBox="0 0 45 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="storyblok-logo-kit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="storyblok-partner-logo" transform="translate(-59.000000, -169.000000)" fill-rule="nonzero">
             <g id="storyblok-symbol" transform="translate(59.000000, 169.000000)">
@@ -7,15 +7,15 @@ const Q = `<svg width="45px" height="53px" viewBox="0 0 45 53" version="1.1" xml
             </g>
         </g>
     </g>
-</svg>`, ee = /[\p{Lu}]/u, te = /[\p{Ll}]/u, N = /^[\p{Lu}](?![\p{Lu}])/gu, G = /([\p{Alpha}\p{N}_]|$)/u, O = /[_.\- ]+/, re = new RegExp("^" + O.source), M = new RegExp(O.source + G.source, "gu"), P = new RegExp("\\d+" + G.source, "gu"), oe = (e, t, s, n) => {
-  let l = !1, o = !1, b = !1, p = !1;
-  for (let i = 0; i < e.length; i++) {
-    const u = e[i];
-    p = i > 2 ? e[i - 3] === "-" : !0, l && ee.test(u) ? (e = e.slice(0, i) + "-" + e.slice(i), l = !1, b = o, o = !0, i++) : o && b && te.test(u) && (!p || n) ? (e = e.slice(0, i - 1) + "-" + e.slice(i - 1), b = o, o = !1, l = !0) : (l = t(u) === u && s(u) !== u, b = o, o = s(u) === u && t(u) !== u);
+</svg>`, te = /[\p{Lu}]/u, re = /[\p{Ll}]/u, M = /^[\p{Lu}](?![\p{Lu}])/gu, z = /([\p{Alpha}\p{N}_]|$)/u, O = /[_.\- ]+/, oe = new RegExp("^" + O.source), P = new RegExp(O.source + z.source, "gu"), j = new RegExp("\\d+" + z.source, "gu"), se = (e, t, s, n) => {
+  let a = !1, o = !1, f = !1, y = !1;
+  for (let d = 0; d < e.length; d++) {
+    const u = e[d];
+    y = d > 2 ? e[d - 3] === "-" : !0, a && te.test(u) ? (e = e.slice(0, d) + "-" + e.slice(d), a = !1, f = o, o = !0, d++) : o && f && re.test(u) && (!y || n) ? (e = e.slice(0, d - 1) + "-" + e.slice(d - 1), f = o, o = !1, a = !0) : (a = t(u) === u && s(u) !== u, f = o, o = s(u) === u && t(u) !== u);
   }
   return e;
-}, se = (e, t) => (N.lastIndex = 0, e.replaceAll(N, (s) => t(s))), ne = (e, t) => (M.lastIndex = 0, P.lastIndex = 0, e.replaceAll(P, (s, n, l) => ["_", "-"].includes(e.charAt(l + s.length)) ? s : t(s)).replaceAll(M, (s, n) => t(n)));
-function le(e, t) {
+}, ne = (e, t) => (M.lastIndex = 0, e.replaceAll(M, (s) => t(s))), le = (e, t) => (P.lastIndex = 0, j.lastIndex = 0, e.replaceAll(j, (s, n, a) => ["_", "-"].includes(e.charAt(a + s.length)) ? s : t(s)).replaceAll(P, (s, n) => t(n)));
+function ae(e, t) {
   if (!(typeof e == "string" || Array.isArray(e)))
     throw new TypeError("Expected the input to be `string | string[]`");
   if (t = {
@@ -25,56 +25,56 @@ function le(e, t) {
   }, Array.isArray(e) ? e = e.map((o) => o.trim()).filter((o) => o.length).join("-") : e = e.trim(), e.length === 0)
     return "";
   const s = t.locale === !1 ? (o) => o.toLowerCase() : (o) => o.toLocaleLowerCase(t.locale), n = t.locale === !1 ? (o) => o.toUpperCase() : (o) => o.toLocaleUpperCase(t.locale);
-  return e.length === 1 ? O.test(e) ? "" : t.pascalCase ? n(e) : s(e) : (e !== s(e) && (e = oe(e, s, n, t.preserveConsecutiveUppercase)), e = e.replace(re, ""), e = t.preserveConsecutiveUppercase ? se(e, s) : s(e), t.pascalCase && (e = n(e.charAt(0)) + e.slice(1)), ne(e, n));
+  return e.length === 1 ? O.test(e) ? "" : t.pascalCase ? n(e) : s(e) : (e !== s(e) && (e = se(e, s, n, t.preserveConsecutiveUppercase)), e = e.replace(oe, ""), e = t.preserveConsecutiveUppercase ? ne(e, s) : s(e), t.pascalCase && (e = n(e.charAt(0)) + e.slice(1)), le(e, n));
 }
-function j(e) {
-  return le(e);
+function D(e) {
+  return ae(e);
 }
-function ae(e, t = {}, s, n) {
-  const l = "virtual:storyblok-components", o = `\0${l}`;
+function ie(e, t = {}, s, n) {
+  const a = "virtual:storyblok-components", o = `\0${a}`;
   return {
     name: "vite-plugin-storyblok-components",
-    async resolveId(b) {
-      if (b === l)
+    async resolveId(f) {
+      if (f === a)
         return o;
     },
-    async load(b) {
-      if (b === o) {
-        const p = [], i = [];
-        for await (const [y, E] of Object.entries(t)) {
+    async load(f) {
+      if (f === o) {
+        const y = [], d = [];
+        for await (const [h, C] of Object.entries(t)) {
           const L = await this.resolve(
-            `/${e}/${E}.astro`
+            `/${e}/${C}.astro`
           );
           if (L)
-            p.push(`import ${j(y)} from "${L.id}"`);
+            y.push(`import ${D(h)} from "${L.id}"`);
           else if (s)
-            i.push(y);
+            d.push(h);
           else
             throw new Error(
-              `Component could not be found for blok "${y}"! Does "${`/${e}/${E}`}.astro" exist?`
+              `Component could not be found for blok "${h}"! Does "${`/${e}/${C}`}.astro" exist?`
             );
         }
         let u = "";
         if (s)
           if (u = ",FallbackComponent", n) {
-            const y = await this.resolve(
+            const h = await this.resolve(
               `/${e}/${n}.astro`
             );
-            if (!y)
+            if (!h)
               throw new Error(
                 `Custom fallback component could not be found. Does "${`/${e}/${n}`}.astro" exist?`
               );
-            p.push(
-              `import FallbackComponent from "${y.id}"`
+            y.push(
+              `import FallbackComponent from "${h.id}"`
             );
           } else
-            p.push(
+            y.push(
               "import FallbackComponent from '@storyblok/astro/FallbackComponent.astro'"
             );
         if (Object.values(t).length)
-          return `${p.join(";")};export default {${Object.keys(t).filter((y) => !i.includes(y)).map((y) => j(y)).join(",")}${u}}`;
+          return `${y.join(";")};export default {${Object.keys(t).filter((h) => !d.includes(h)).map((h) => D(h)).join(",")}${u}}`;
         if (s)
-          return `${p[0]}; export default {${u.replace(",", "")}}`;
+          return `${y[0]}; export default {${u.replace(",", "")}}`;
         throw new Error(
           `Currently, no Storyblok components are registered in astro.config.mjs.
 Please register your components or enable the fallback component.
@@ -84,16 +84,16 @@ Detailed information can be found here: https://github.com/storyblok/storyblok-a
     }
   };
 }
-function ie(e, t, s) {
-  const n = "virtual:storyblok-init", l = `\0${n}`;
+function ce(e, t, s) {
+  const n = "virtual:storyblok-init", a = `\0${n}`;
   return {
     name: "vite-plugin-storyblok-init",
     async resolveId(o) {
       if (o === n)
-        return l;
+        return a;
     },
     async load(o) {
-      if (o === l)
+      if (o === a)
         return `
           import { storyblokInit, apiPlugin } from "@storyblok/js";
           const { storyblokApi } = storyblokInit({
@@ -106,7 +106,7 @@ function ie(e, t, s) {
     }
   };
 }
-function ce(e) {
+function de(e) {
   const t = "virtual:storyblok-options", s = `\0${t}`;
   return {
     name: "vite-plugin-storyblok-options",
@@ -120,19 +120,19 @@ function ce(e) {
     }
   };
 }
-function Ce() {
+function Ee() {
   if (!(globalThis != null && globalThis.storyblokApiInstance))
     throw new Error("storyblokApiInstance has not been initialized correctly");
   return globalThis.storyblokApiInstance;
 }
-async function Ee(e) {
+async function Le(e) {
   let t = null;
   return e && e.locals._storyblok_preview_data && (t = e.locals._storyblok_preview_data), t;
 }
-function de(e) {
+function ue(e) {
   return typeof e == "object" ? `const storyblokInstance = new StoryblokBridge(${JSON.stringify(e)});` : "const storyblokInstance = new StoryblokBridge();";
 }
-function Le(e) {
+function Ae(e) {
   const t = {
     useCustomApi: !1,
     bridge: !0,
@@ -140,35 +140,35 @@ function Le(e) {
     enableFallbackComponent: !1,
     livePreview: !1,
     ...e
-  }, s = de(t.bridge);
+  }, s = ue(t.bridge);
   return {
     name: "@storyblok/astro",
     hooks: {
       "astro:config:setup": ({
         injectScript: n,
-        updateConfig: l,
+        updateConfig: a,
         addDevToolbarApp: o,
-        addMiddleware: b,
-        config: p
+        addMiddleware: f,
+        config: y
       }) => {
-        if (l({
+        if (a({
           vite: {
             plugins: [
-              ie(
+              ce(
                 t.accessToken,
                 t.useCustomApi,
                 t.apiOptions
               ),
-              ae(
+              ie(
                 t.componentsDir,
                 t.components,
                 t.enableFallbackComponent,
                 t.customFallbackComponent
               ),
-              ce(t)
+              de(t)
             ]
           }
-        }), t.livePreview && (p == null ? void 0 : p.output) !== "server")
+        }), t.livePreview && (y == null ? void 0 : y.output) !== "server")
           throw new Error(
             "To utilize the Astro Storyblok Live feature, Astro must be configured to run in SSR mode. Please disable this feature or switch Astro to SSR mode."
           );
@@ -200,44 +200,44 @@ function Le(e) {
                   storyblokInstance.on(["published", "change", "input"], handleStoryblokMessage);
                 });
               `
-        ), b({
+        ), f({
           entrypoint: "@storyblok/astro/middleware.ts",
           order: "pre"
         })), o({
           id: "storyblok",
           name: "Storyblok",
-          icon: Q,
+          icon: ee,
           entrypoint: "@storyblok/astro/toolbarApp.ts"
         });
       }
     }
   };
 }
-let D;
-async function Te(e) {
+let U;
+async function $e(e) {
   const { action: t, story: s } = e || {};
   if (t === "input" && s) {
     const n = async () => {
-      const o = await pe(s), b = document.body;
-      if (o.outerHTML === b.outerHTML)
+      const o = await be(s), f = document.body;
+      if (o.outerHTML === f.outerHTML)
         return;
-      const p = document.querySelector('[data-blok-focused="true"]');
-      ue(b, o, p), document.dispatchEvent(new Event("storyblok-live-preview-updated"));
+      const y = document.querySelector('[data-blok-focused="true"]');
+      pe(f, o, y), document.dispatchEvent(new Event("storyblok-live-preview-updated"));
     };
-    clearTimeout(D), D = setTimeout(n, 500);
+    clearTimeout(U), U = setTimeout(n, 500);
   }
   ["published", "change"].includes(e == null ? void 0 : e.action) && location.reload();
 }
-function ue(e, t, s) {
+function pe(e, t, s) {
   if (s) {
-    const n = s.getAttribute("data-blok-uid"), l = t.querySelector(
+    const n = s.getAttribute("data-blok-uid"), a = t.querySelector(
       `[data-blok-uid="${n}"]`
     );
-    l && (l.setAttribute("data-blok-focused", "true"), s.replaceWith(l));
+    a && (a.setAttribute("data-blok-focused", "true"), s.replaceWith(a));
   } else
     e.replaceWith(t);
 }
-async function pe(e) {
+async function be(e) {
   const s = await (await fetch(location.href, {
     method: "POST",
     body: JSON.stringify({
@@ -250,16 +250,16 @@ async function pe(e) {
   })).text();
   return new DOMParser().parseFromString(s, "text/html").body;
 }
-let m = /* @__PURE__ */ function(e) {
+let k = /* @__PURE__ */ function(e) {
   return e.DOCUMENT = "doc", e.HEADING = "heading", e.PARAGRAPH = "paragraph", e.QUOTE = "blockquote", e.OL_LIST = "ordered_list", e.UL_LIST = "bullet_list", e.LIST_ITEM = "list_item", e.CODE_BLOCK = "code_block", e.HR = "horizontal_rule", e.BR = "hard_break", e.IMAGE = "image", e.EMOJI = "emoji", e.COMPONENT = "blok", e.TABLE = "table", e.TABLE_ROW = "tableRow", e.TABLE_CELL = "tableCell", e.TABLE_HEADER = "tableHeader", e;
-}({}), C = /* @__PURE__ */ function(e) {
+}({}), w = /* @__PURE__ */ function(e) {
   return e.BOLD = "bold", e.STRONG = "strong", e.STRIKE = "strike", e.UNDERLINE = "underline", e.ITALIC = "italic", e.CODE = "code", e.LINK = "link", e.ANCHOR = "anchor", e.STYLED = "styled", e.SUPERSCRIPT = "superscript", e.SUBSCRIPT = "subscript", e.TEXT_STYLE = "textStyle", e.HIGHLIGHT = "highlight", e;
-}({}), be = /* @__PURE__ */ function(e) {
+}({}), ye = /* @__PURE__ */ function(e) {
   return e.TEXT = "text", e;
 }({}), I = /* @__PURE__ */ function(e) {
   return e.URL = "url", e.STORY = "story", e.ASSET = "asset", e.EMAIL = "email", e;
 }({});
-const ye = [
+const fe = [
   "area",
   "base",
   "br",
@@ -274,244 +274,262 @@ const ye = [
   "source",
   "track",
   "wbr"
-], fe = (e = {}) => Object.keys(e).map((t) => `${t}="${e[t]}"`).join(" "), he = (e = {}) => Object.keys(e).map((t) => `${t}: ${e[t]}`).join("; ");
-function ge(e) {
+], he = (e = {}) => Object.keys(e).map((t) => `${t}="${e[t]}"`).join(" "), ge = (e = {}) => Object.keys(e).map((t) => `${t}: ${e[t]}`).join("; ");
+function ke(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const A = (e) => Object.fromEntries(Object.entries(e).filter(([t, s]) => s !== void 0));
+const S = (e) => Object.fromEntries(Object.entries(e).filter(([t, s]) => s !== void 0));
 function me(e, t) {
   if (!t) return {
     src: e,
     attrs: {}
   };
   let s = 0, n = 0;
-  const l = {}, o = [];
-  function b(i, u, y, E, L) {
-    typeof i != "number" || i <= u || i >= y ? console.warn(`[StoryblokRichText] - ${E.charAt(0).toUpperCase() + E.slice(1)} value must be a number between ${u} and ${y} (inclusive)`) : L.push(`${E}(${i})`);
+  const a = {}, o = [];
+  function f(d, u, h, C, L) {
+    typeof d != "number" || d <= u || d >= h ? console.warn(`[StoryblokRichText] - ${C.charAt(0).toUpperCase() + C.slice(1)} value must be a number between ${u} and ${h} (inclusive)`) : L.push(`${C}(${d})`);
   }
   if (typeof t == "object") {
-    if (typeof t.width == "number" && t.width > 0 ? (l.width = t.width, s = t.width) : console.warn("[StoryblokRichText] - Width value must be a number greater than 0"), t.height && typeof t.height == "number" && t.height > 0 ? (l.height = t.height, n = t.height) : console.warn("[StoryblokRichText] - Height value must be a number greater than 0"), t.loading && ["lazy", "eager"].includes(t.loading) && (l.loading = t.loading), t.class && (l.class = t.class), t.filters) {
-      const { filters: i } = t || {}, { blur: u, brightness: y, fill: E, format: L, grayscale: v, quality: T, rotate: $ } = i || {};
-      u && b(u, 0, 100, "blur", o), T && b(T, 0, 100, "quality", o), y && b(y, 0, 100, "brightness", o), E && o.push(`fill(${E})`), v && o.push("grayscale()"), $ && [
+    if (typeof t.width == "number" && t.width > 0 ? (a.width = t.width, s = t.width) : console.warn("[StoryblokRichText] - Width value must be a number greater than 0"), t.height && typeof t.height == "number" && t.height > 0 ? (a.height = t.height, n = t.height) : console.warn("[StoryblokRichText] - Height value must be a number greater than 0"), t.loading && ["lazy", "eager"].includes(t.loading) && (a.loading = t.loading), t.class && (a.class = t.class), t.filters) {
+      const { filters: d } = t || {}, { blur: u, brightness: h, fill: C, format: L, grayscale: R, quality: v, rotate: A } = d || {};
+      u && f(u, 0, 100, "blur", o), v && f(v, 0, 100, "quality", o), h && f(h, 0, 100, "brightness", o), C && o.push(`fill(${C})`), R && o.push("grayscale()"), A && [
         0,
         90,
         180,
         270
-      ].includes(t.filters.rotate || 0) && o.push(`rotate(${$})`), L && [
+      ].includes(t.filters.rotate || 0) && o.push(`rotate(${A})`), L && [
         "webp",
         "png",
         "jpeg"
       ].includes(L) && o.push(`format(${L})`);
     }
-    t.srcset && (l.srcset = t.srcset.map((i) => {
-      if (typeof i == "number") return `${e}/m/${i}x0/${o.length > 0 ? `filters:${o.join(":")}` : ""} ${i}w`;
-      if (Array.isArray(i) && i.length === 2) {
-        const [u, y] = i;
-        return `${e}/m/${u}x${y}/${o.length > 0 ? `filters:${o.join(":")}` : ""} ${u}w`;
+    t.srcset && (a.srcset = t.srcset.map((d) => {
+      if (typeof d == "number") return `${e}/m/${d}x0/${o.length > 0 ? `filters:${o.join(":")}` : ""} ${d}w`;
+      if (Array.isArray(d) && d.length === 2) {
+        const [u, h] = d;
+        return `${e}/m/${u}x${h}/${o.length > 0 ? `filters:${o.join(":")}` : ""} ${u}w`;
       } else {
         console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");
         return;
       }
-    }).join(", ")), t.sizes && (l.sizes = t.sizes.join(", "));
+    }).join(", ")), t.sizes && (a.sizes = t.sizes.join(", "));
   }
-  let p = `${e}/m/`;
-  return s > 0 && n > 0 && (p = `${p}${s}x${n}/`), o.length > 0 && (p = `${p}filters:${o.join(":")}`), {
-    src: p,
-    attrs: l
+  let y = `${e}/m/`;
+  return s > 0 && n > 0 && (y = `${y}${s}x${n}/`), o.length > 0 && (y = `${y}filters:${o.join(":")}`), {
+    src: y,
+    attrs: a
   };
 }
-function U(e, t = {}, s) {
-  const n = fe(t), l = n ? `${e} ${n}` : e, o = Array.isArray(s) ? s.join("") : s || "";
+function H(e, t = {}, s) {
+  const n = he(t), a = n ? `${e} ${n}` : e, o = Array.isArray(s) ? s.join("") : s || "";
   if (e) {
-    if (ye.includes(e)) return `<${l}>`;
+    if (fe.includes(e)) return `<${a}>`;
   } else return o;
-  return `<${l}>${o}</${e}>`;
+  return `<${a}>${o}</${e}>`;
 }
-function ke(e = {}) {
-  const t = /* @__PURE__ */ new Map(), { renderFn: s = U, textFn: n = ge, resolvers: l = {}, optimizeImages: o = !1, keyedResolvers: b = !1 } = e, p = s !== U, i = (r) => (a, c) => {
-    const d = a.attrs || {};
-    return c.render(r, d, a.children || null);
-  }, u = (r, a) => {
-    const { src: c, alt: d, title: f, srcset: k, sizes: h } = r.attrs || {};
-    let g = c, w = {};
+function ve(e = {}) {
+  const t = /* @__PURE__ */ new Map(), { renderFn: s = H, textFn: n = ke, resolvers: a = {}, optimizeImages: o = !1, keyedResolvers: f = !1 } = e, y = s !== H, d = (r = {}) => {
+    const { textAlign: l, class: i, id: c, style: p, ...g } = r, b = [];
+    return p && b.push(p.endsWith(";") ? p : `${p};`), l && b.push(`text-align: ${l};`), S({
+      ...g,
+      class: i,
+      id: c,
+      ...b.length > 0 ? { style: b.join(" ") } : {}
+    });
+  }, u = (r) => (l, i) => {
+    const c = d(l.attrs);
+    return i.render(r, c, l.children || null);
+  }, h = (r, l) => {
+    const { src: i, alt: c, title: p, srcset: g, sizes: b } = r.attrs || {};
+    let E = i, m = {};
     if (o) {
-      const { src: Z, attrs: V } = me(c, o);
-      g = Z, w = V;
+      const { src: V, attrs: Q } = me(i, o);
+      E = V, m = Q;
     }
-    const X = {
-      src: g,
-      alt: d,
-      title: f,
-      srcset: k,
-      sizes: h,
-      ...w
+    const $ = {
+      src: E,
+      alt: c,
+      title: p,
+      srcset: g,
+      sizes: b,
+      ...m
     };
-    return a.render("img", A(X));
-  }, y = (r, a) => {
-    const { level: c, ...d } = r.attrs || {};
-    return a.render(`h${c}`, d, r.children);
-  }, E = (r, a) => {
-    var c, d, f, k;
-    const h = a.render("img", {
-      src: (c = r.attrs) == null ? void 0 : c.fallbackImage,
-      alt: (d = r.attrs) == null ? void 0 : d.alt,
+    return l.render("img", S($));
+  }, C = (r, l) => {
+    const { level: i, ...c } = r.attrs || {}, p = d(c);
+    return l.render(`h${i}`, p, r.children);
+  }, L = (r, l) => {
+    var i, c, p, g;
+    const b = l.render("img", {
+      src: (i = r.attrs) == null ? void 0 : i.fallbackImage,
+      alt: (c = r.attrs) == null ? void 0 : c.alt,
       style: "width: 1.25em; height: 1.25em; vertical-align: text-top",
       draggable: "false",
       loading: "lazy"
     });
-    return a.render("span", {
+    return l.render("span", {
       "data-type": "emoji",
-      "data-name": (f = r.attrs) == null ? void 0 : f.name,
-      "data-emoji": (k = r.attrs) == null ? void 0 : k.emoji
-    }, h);
-  }, L = (r, a) => a.render("pre", r.attrs || {}, a.render("code", {}, r.children || "")), v = (r, a = !1) => ({ text: c, attrs: d }, f) => {
-    const { class: k, id: h, ...g } = d || {}, w = a ? {
-      class: k,
-      id: h,
-      style: he(g) || void 0
-    } : d || {};
-    return f.render(r, A(w), c);
-  }, T = (r) => R(r), $ = (r) => {
-    const { marks: a, ...c } = r;
+      "data-name": (p = r.attrs) == null ? void 0 : p.name,
+      "data-emoji": (g = r.attrs) == null ? void 0 : g.emoji
+    }, b);
+  }, R = (r, l) => l.render("pre", r.attrs || {}, l.render("code", {}, r.children || "")), v = (r, l = !1) => ({ text: i, attrs: c }, p) => {
+    const { class: g, id: b, ...E } = c || {}, m = l ? {
+      class: g,
+      id: b,
+      style: ge(E) || void 0
+    } : c || {};
+    return p.render(r, S(m), i);
+  }, A = (r) => x(r), K = (r) => {
+    const { marks: l, ...i } = r;
     if ("text" in r) {
-      if (a) return a.reduce((f, k) => T({
-        ...k,
-        text: f
-      }), T({
-        ...c,
-        children: c.children
+      if (l) return l.reduce((p, g) => A({
+        ...g,
+        text: p
+      }), A({
+        ...i,
+        children: i.children
       }));
-      const d = r.attrs || {};
-      if (b) {
-        const f = t.get("txt") || 0;
-        t.set("txt", f + 1), d.key = `txt-${f}`;
+      const c = r.attrs || {};
+      if (f) {
+        const p = t.get("txt") || 0;
+        t.set("txt", p + 1), c.key = `txt-${p}`;
       }
-      return n(c.text, d);
+      return n(i.text, c);
     }
     return "";
-  }, x = (r, a) => {
-    const { linktype: c, href: d, anchor: f, ...k } = r.attrs || {};
-    let h = "";
-    switch (c) {
+  }, _ = (r, l) => {
+    const { linktype: i, href: c, anchor: p, ...g } = r.attrs || {};
+    let b = "";
+    switch (i) {
       case I.ASSET:
       case I.URL:
-        h = d;
+        b = c;
         break;
       case I.EMAIL:
-        h = `mailto:${d}`;
+        b = `mailto:${c}`;
         break;
       case I.STORY:
-        h = d, f && (h = `${h}#${f}`);
+        b = c, p && (b = `${b}#${p}`);
         break;
       default:
-        h = d;
+        b = c;
         break;
     }
-    const g = { ...k };
-    return h && (g.href = h), a.render("a", g, r.text);
-  }, z = (r, a) => {
-    var c, d;
-    return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"), a.render("span", {
-      blok: (c = r == null ? void 0 : r.attrs) == null ? void 0 : c.body[0],
-      id: (d = r.attrs) == null ? void 0 : d.id,
+    const E = { ...g };
+    return b && (E.href = b), l.render("a", E, r.text);
+  }, J = (r, l) => {
+    var i, c;
+    return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"), l.render("span", {
+      blok: (i = r == null ? void 0 : r.attrs) == null ? void 0 : i.body[0],
+      id: (c = r.attrs) == null ? void 0 : c.id,
       style: "display: none"
     });
-  }, K = (r, a) => {
-    const c = {}, d = a.render("tbody", {}, r.children);
-    return a.render("table", c, d);
-  }, J = (r, a) => {
-    const c = {};
-    return a.render("tr", c, r.children);
-  }, W = (r, a) => {
-    const { colspan: c, rowspan: d, colwidth: f, backgroundColor: k, ...h } = r.attrs || {}, g = { ...h };
-    c > 1 && (g.colspan = c), d > 1 && (g.rowspan = d);
-    const w = [];
-    return f && w.push(`width: ${f}px;`), k && w.push(`background-color: ${k};`), w.length > 0 && (g.style = w.join(" ")), a.render("td", A(g), r.children);
-  }, Y = (r, a) => {
-    const { colspan: c, rowspan: d, colwidth: f, backgroundColor: k, ...h } = r.attrs || {}, g = { ...h };
-    c > 1 && (g.colspan = c), d > 1 && (g.rowspan = d);
-    const w = [];
-    return f && w.push(`width: ${f}px;`), k && w.push(`background-color: ${k};`), w.length > 0 && (g.style = w.join(" ")), a.render("th", A(g), r.children);
-  }, _ = /* @__PURE__ */ new Map([
-    [m.DOCUMENT, i("")],
-    [m.HEADING, y],
-    [m.PARAGRAPH, i("p")],
-    [m.UL_LIST, i("ul")],
-    [m.OL_LIST, i("ol")],
-    [m.LIST_ITEM, i("li")],
-    [m.IMAGE, u],
-    [m.EMOJI, E],
-    [m.CODE_BLOCK, L],
-    [m.HR, i("hr")],
-    [m.BR, i("br")],
-    [m.QUOTE, i("blockquote")],
-    [m.COMPONENT, z],
-    [be.TEXT, $],
-    [C.LINK, x],
-    [C.ANCHOR, x],
-    [C.STYLED, v("span", !0)],
-    [C.BOLD, v("strong")],
-    [C.TEXT_STYLE, v("span", !0)],
-    [C.ITALIC, v("em")],
-    [C.UNDERLINE, v("u")],
-    [C.STRIKE, v("s")],
-    [C.CODE, v("code")],
-    [C.SUPERSCRIPT, v("sup")],
-    [C.SUBSCRIPT, v("sub")],
-    [C.HIGHLIGHT, v("mark")],
-    [m.TABLE, K],
-    [m.TABLE_ROW, J],
-    [m.TABLE_CELL, W],
-    [m.TABLE_HEADER, Y]
-  ]), B = new Map([..._, ...Object.entries(l).map(([r, a]) => [r, a])]), q = () => ({
-    render: (r, a = {}, c) => {
-      if (b && r) {
-        const d = t.get(r) || 0;
-        t.set(r, d + 1), a.key = `${r}-${d}`;
+  }, W = (r, l) => {
+    const i = d(r.attrs), c = r.children || null;
+    return l.render("table", i, l.render("tbody", {}, c));
+  }, q = (r, l) => {
+    const i = d(r.attrs);
+    return l.render("tr", i, r.children);
+  }, Y = (r, l) => {
+    const { colspan: i, rowspan: c, colwidth: p, backgroundColor: g, textAlign: b, ...E } = r.attrs || {}, m = [];
+    p && m.push(`width: ${p}px;`), g && m.push(`background-color: ${g};`), b && m.push(`text-align: ${b};`);
+    const $ = {
+      ...E,
+      ...i > 1 ? { colspan: i } : {},
+      ...c > 1 ? { rowspan: c } : {},
+      ...m.length > 0 ? { style: m.join(" ") } : {}
+    };
+    return l.render("td", S($), r.children);
+  }, X = (r, l) => {
+    const { colspan: i, rowspan: c, colwidth: p, backgroundColor: g, textAlign: b, ...E } = r.attrs || {}, m = [];
+    p && m.push(`width: ${p}px;`), g && m.push(`background-color: ${g};`), b && m.push(`text-align: ${b};`);
+    const $ = {
+      ...E,
+      ...i > 1 ? { colspan: i } : {},
+      ...c > 1 ? { rowspan: c } : {},
+      ...m.length > 0 ? { style: m.join(" ") } : {}
+    };
+    return l.render("th", S($), r.children);
+  }, B = /* @__PURE__ */ new Map([
+    [k.DOCUMENT, u("")],
+    [k.HEADING, C],
+    [k.PARAGRAPH, u("p")],
+    [k.UL_LIST, u("ul")],
+    [k.OL_LIST, u("ol")],
+    [k.LIST_ITEM, u("li")],
+    [k.IMAGE, h],
+    [k.EMOJI, L],
+    [k.CODE_BLOCK, R],
+    [k.HR, u("hr")],
+    [k.BR, u("br")],
+    [k.QUOTE, u("blockquote")],
+    [k.COMPONENT, J],
+    [ye.TEXT, K],
+    [w.LINK, _],
+    [w.ANCHOR, _],
+    [w.STYLED, v("span", !0)],
+    [w.BOLD, v("strong")],
+    [w.TEXT_STYLE, v("span", !0)],
+    [w.ITALIC, v("em")],
+    [w.UNDERLINE, v("u")],
+    [w.STRIKE, v("s")],
+    [w.CODE, v("code")],
+    [w.SUPERSCRIPT, v("sup")],
+    [w.SUBSCRIPT, v("sub")],
+    [w.HIGHLIGHT, v("mark")],
+    [k.TABLE, W],
+    [k.TABLE_ROW, q],
+    [k.TABLE_CELL, Y],
+    [k.TABLE_HEADER, X]
+  ]), N = new Map([...B, ...Object.entries(a).map(([r, l]) => [r, l])]), Z = () => ({
+    render: (r, l = {}, i) => {
+      if (f && r) {
+        const c = t.get(r) || 0;
+        t.set(r, c + 1), l.key = `${r}-${c}`;
       }
-      return s(r, a, c);
+      return s(r, l, i);
     },
-    originalResolvers: _,
-    mergedResolvers: B
+    originalResolvers: B,
+    mergedResolvers: N
   });
-  function S(r) {
-    const a = B.get(r.type);
-    if (!a)
+  function T(r) {
+    const l = N.get(r.type);
+    if (!l)
       return console.error("<Storyblok>", `No resolver found for node type ${r.type}`), "";
-    const c = q();
-    if (r.type === "text") return a(r, c);
-    const d = r.content ? r.content.map(R) : void 0;
-    return a({
+    const i = Z();
+    if (r.type === "text") return l(r, i);
+    const c = r.content ? r.content.map(x) : void 0;
+    return l({
       ...r,
-      children: d
-    }, c);
+      children: c
+    }, i);
   }
-  function R(r) {
-    return r.type === "doc" ? p ? r.content.map(S) : r.content.map(S).join("") : Array.isArray(r) ? r.map(S) : S(r);
+  function x(r) {
+    return r.type === "doc" ? y ? r.content.map(T) : r.content.map(T).join("") : Array.isArray(r) ? r.map(T) : T(r);
   }
-  return { render: R };
+  return { render: x };
 }
-let H = !1;
-const F = [], we = (e) => new Promise((t, s) => {
+let F = !1;
+const G = [], we = (e) => new Promise((t, s) => {
   if (typeof window > "u") {
     s(new Error("Cannot load Storyblok bridge: window is undefined (server-side environment)"));
     return;
   }
-  if (window.storyblokRegisterEvent = (l) => {
+  if (window.storyblokRegisterEvent = (a) => {
     if (!window.location.search.includes("_storyblok")) {
       console.warn("You are not in Draft Mode or in the Visual Editor.");
       return;
     }
-    H ? l() : F.push(l);
+    F ? a() : G.push(a);
   }, document.getElementById("storyblok-javascript-bridge")) {
     t(void 0);
     return;
   }
   const n = document.createElement("script");
-  n.async = !0, n.src = e, n.id = "storyblok-javascript-bridge", n.onerror = (l) => s(l), n.onload = (l) => {
-    F.forEach((o) => o()), H = !0, t(l);
+  n.async = !0, n.src = e, n.id = "storyblok-javascript-bridge", n.onerror = (a) => s(a), n.onload = (a) => {
+    G.forEach((o) => o()), F = !0, t(a);
   }, document.getElementsByTagName("head")[0].appendChild(n);
-}), $e = (e) => {
+}), Se = (e) => {
   if (typeof e != "object" || typeof e._editable > "u")
     return {};
   try {
@@ -526,19 +544,19 @@ const F = [], we = (e) => new Promise((t, s) => {
     return {};
   }
 };
-let ve = "https://app.storyblok.com/f/storyblok-v2-latest.js";
-function Se(e, t) {
-  return ke(t).render(e);
+let Ce = "https://app.storyblok.com/f/storyblok-v2-latest.js";
+function Te(e, t) {
+  return ve(t).render(e);
 }
-const Ie = () => we(ve);
+const Ie = () => we(Ce);
 export {
-  Ee as getLiveStory,
-  Te as handleStoryblokMessage,
+  Le as getLiveStory,
+  $e as handleStoryblokMessage,
   Ie as loadStoryblokBridge,
-  Se as renderRichText,
-  ke as richTextResolver,
-  Le as storyblok,
-  $e as storyblokEditable,
-  j as toCamelCase,
-  Ce as useStoryblokApi
+  Te as renderRichText,
+  ve as richTextResolver,
+  Ae as storyblok,
+  Se as storyblokEditable,
+  D as toCamelCase,
+  Ee as useStoryblokApi
 };

package/dist/storyblok-astro.umd.js

@@ -1,4 +1,4 @@
-(function(v,T){typeof exports=="object"&&typeof module<"u"?T(exports):typeof define=="function"&&define.amd?define(["exports"],T):(v=typeof globalThis<"u"?globalThis:v||self,T(v.storyblokAstro={}))})(this,function(v){"use strict";const T=`<svg width="45px" height="53px" viewBox="0 0 45 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+(function(v,S){typeof exports=="object"&&typeof module<"u"?S(exports):typeof define=="function"&&define.amd?define(["exports"],S):(v=typeof globalThis<"u"?globalThis:v||self,S(v.storyblokAstro={}))})(this,function(v){"use strict";const S=`<svg width="45px" height="53px" viewBox="0 0 45 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="storyblok-logo-kit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="storyblok-partner-logo" transform="translate(-59.000000, -169.000000)" fill-rule="nonzero">
             <g id="storyblok-symbol" transform="translate(59.000000, 169.000000)">
@@ -7,9 +7,9 @@
             </g>
         </g>
     </g>
-</svg>`,W=/[\p{Lu}]/u,Y=/[\p{Ll}]/u,B=/^[\p{Lu}](?![\p{Lu}])/gu,N=/([\p{Alpha}\p{N}_]|$)/u,_=/[_.\- ]+/,q=new RegExp("^"+_.source),j=new RegExp(_.source+N.source,"gu"),P=new RegExp("\\d+"+N.source,"gu"),X=(e,t,n,s)=>{let l=!1,o=!1,b=!1,p=!1;for(let i=0;i<e.length;i++){const u=e[i];p=i>2?e[i-3]==="-":!0,l&&W.test(u)?(e=e.slice(0,i)+"-"+e.slice(i),l=!1,b=o,o=!0,i++):o&&b&&Y.test(u)&&(!p||s)?(e=e.slice(0,i-1)+"-"+e.slice(i-1),b=o,o=!1,l=!0):(l=t(u)===u&&n(u)!==u,b=o,o=n(u)===u&&t(u)!==u)}return e},Z=(e,t)=>(B.lastIndex=0,e.replaceAll(B,n=>t(n))),V=(e,t)=>(j.lastIndex=0,P.lastIndex=0,e.replaceAll(P,(n,s,l)=>["_","-"].includes(e.charAt(l+n.length))?n:t(n)).replaceAll(j,(n,s)=>t(s)));function Q(e,t){if(!(typeof e=="string"||Array.isArray(e)))throw new TypeError("Expected the input to be `string | string[]`");if(t={pascalCase:!1,preserveConsecutiveUppercase:!1,...t},Array.isArray(e)?e=e.map(o=>o.trim()).filter(o=>o.length).join("-"):e=e.trim(),e.length===0)return"";const n=t.locale===!1?o=>o.toLowerCase():o=>o.toLocaleLowerCase(t.locale),s=t.locale===!1?o=>o.toUpperCase():o=>o.toLocaleUpperCase(t.locale);return e.length===1?_.test(e)?"":t.pascalCase?s(e):n(e):(e!==n(e)&&(e=X(e,n,s,t.preserveConsecutiveUppercase)),e=e.replace(q,""),e=t.preserveConsecutiveUppercase?Z(e,n):n(e),t.pascalCase&&(e=s(e.charAt(0))+e.slice(1)),V(e,s))}function x(e){return Q(e)}function ee(e,t={},n,s){const l="virtual:storyblok-components",o=`\0${l}`;return{name:"vite-plugin-storyblok-components",async resolveId(b){if(b===l)return o},async load(b){if(b===o){const p=[],i=[];for await(const[y,L]of Object.entries(t)){const S=await this.resolve(`/${e}/${L}.astro`);if(S)p.push(`import ${x(y)} from "${S.id}"`);else if(n)i.push(y);else throw new Error(`Component could not be found for blok "${y}"! Does "${`/${e}/${L}`}.astro" exist?`)}let u="";if(n)if(u=",FallbackComponent",s){const y=await this.resolve(`/${e}/${s}.astro`);if(!y)throw new Error(`Custom fallback component could not be found. Does "${`/${e}/${s}`}.astro" exist?`);p.push(`import FallbackComponent from "${y.id}"`)}else p.push("import FallbackComponent from '@storyblok/astro/FallbackComponent.astro'");if(Object.values(t).length)return`${p.join(";")};export default {${Object.keys(t).filter(y=>!i.includes(y)).map(y=>x(y)).join(",")}${u}}`;if(n)return`${p[0]}; export default {${u.replace(",","")}}`;throw new Error(`Currently, no Storyblok components are registered in astro.config.mjs.
+</svg>`,q=/[\p{Lu}]/u,Y=/[\p{Ll}]/u,N=/^[\p{Lu}](?![\p{Lu}])/gu,j=/([\p{Alpha}\p{N}_]|$)/u,x=/[_.\- ]+/,X=new RegExp("^"+x.source),P=new RegExp(x.source+j.source,"gu"),D=new RegExp("\\d+"+j.source,"gu"),Z=(e,t,n,s)=>{let a=!1,o=!1,y=!1,f=!1;for(let d=0;d<e.length;d++){const u=e[d];f=d>2?e[d-3]==="-":!0,a&&q.test(u)?(e=e.slice(0,d)+"-"+e.slice(d),a=!1,y=o,o=!0,d++):o&&y&&Y.test(u)&&(!f||s)?(e=e.slice(0,d-1)+"-"+e.slice(d-1),y=o,o=!1,a=!0):(a=t(u)===u&&n(u)!==u,y=o,o=n(u)===u&&t(u)!==u)}return e},V=(e,t)=>(N.lastIndex=0,e.replaceAll(N,n=>t(n))),Q=(e,t)=>(P.lastIndex=0,D.lastIndex=0,e.replaceAll(D,(n,s,a)=>["_","-"].includes(e.charAt(a+n.length))?n:t(n)).replaceAll(P,(n,s)=>t(s)));function ee(e,t){if(!(typeof e=="string"||Array.isArray(e)))throw new TypeError("Expected the input to be `string | string[]`");if(t={pascalCase:!1,preserveConsecutiveUppercase:!1,...t},Array.isArray(e)?e=e.map(o=>o.trim()).filter(o=>o.length).join("-"):e=e.trim(),e.length===0)return"";const n=t.locale===!1?o=>o.toLowerCase():o=>o.toLocaleLowerCase(t.locale),s=t.locale===!1?o=>o.toUpperCase():o=>o.toLocaleUpperCase(t.locale);return e.length===1?x.test(e)?"":t.pascalCase?s(e):n(e):(e!==n(e)&&(e=Z(e,n,s,t.preserveConsecutiveUppercase)),e=e.replace(X,""),e=t.preserveConsecutiveUppercase?V(e,n):n(e),t.pascalCase&&(e=s(e.charAt(0))+e.slice(1)),Q(e,s))}function _(e){return ee(e)}function te(e,t={},n,s){const a="virtual:storyblok-components",o=`\0${a}`;return{name:"vite-plugin-storyblok-components",async resolveId(y){if(y===a)return o},async load(y){if(y===o){const f=[],d=[];for await(const[h,E]of Object.entries(t)){const A=await this.resolve(`/${e}/${E}.astro`);if(A)f.push(`import ${_(h)} from "${A.id}"`);else if(n)d.push(h);else throw new Error(`Component could not be found for blok "${h}"! Does "${`/${e}/${E}`}.astro" exist?`)}let u="";if(n)if(u=",FallbackComponent",s){const h=await this.resolve(`/${e}/${s}.astro`);if(!h)throw new Error(`Custom fallback component could not be found. Does "${`/${e}/${s}`}.astro" exist?`);f.push(`import FallbackComponent from "${h.id}"`)}else f.push("import FallbackComponent from '@storyblok/astro/FallbackComponent.astro'");if(Object.values(t).length)return`${f.join(";")};export default {${Object.keys(t).filter(h=>!d.includes(h)).map(h=>_(h)).join(",")}${u}}`;if(n)return`${f[0]}; export default {${u.replace(",","")}}`;throw new Error(`Currently, no Storyblok components are registered in astro.config.mjs.
 Please register your components or enable the fallback component.
-Detailed information can be found here: https://github.com/storyblok/storyblok-astro`)}}}}function te(e,t,n){const s="virtual:storyblok-init",l=`\0${s}`;return{name:"vite-plugin-storyblok-init",async resolveId(o){if(o===s)return l},async load(o){if(o===l)return`
+Detailed information can be found here: https://github.com/storyblok/storyblok-astro`)}}}}function re(e,t,n){const s="virtual:storyblok-init",a=`\0${s}`;return{name:"vite-plugin-storyblok-init",async resolveId(o){if(o===s)return a},async load(o){if(o===a)return`
           import { storyblokInit, apiPlugin } from "@storyblok/js";
           const { storyblokApi } = storyblokInit({
             accessToken: "${e}",
@@ -17,7 +17,7 @@ Detailed information can be found here: https://github.com/storyblok/storyblok-a
             apiOptions: ${JSON.stringify(n)},
           });
           export const storyblokApiInstance = storyblokApi;  
-        `}}}function re(e){const t="virtual:storyblok-options",n=`\0${t}`;return{name:"vite-plugin-storyblok-options",async resolveId(s){if(s===t)return n},async load(s){if(s===n)return`export default ${JSON.stringify(e)}`}}}function oe(){if(!(globalThis!=null&&globalThis.storyblokApiInstance))throw new Error("storyblokApiInstance has not been initialized correctly");return globalThis.storyblokApiInstance}async function ne(e){let t=null;return e&&e.locals._storyblok_preview_data&&(t=e.locals._storyblok_preview_data),t}function se(e){return typeof e=="object"?`const storyblokInstance = new StoryblokBridge(${JSON.stringify(e)});`:"const storyblokInstance = new StoryblokBridge();"}function le(e){const t={useCustomApi:!1,bridge:!0,componentsDir:"src",enableFallbackComponent:!1,livePreview:!1,...e},n=se(t.bridge);return{name:"@storyblok/astro",hooks:{"astro:config:setup":({injectScript:s,updateConfig:l,addDevToolbarApp:o,addMiddleware:b,config:p})=>{if(l({vite:{plugins:[te(t.accessToken,t.useCustomApi,t.apiOptions),ee(t.componentsDir,t.components,t.enableFallbackComponent,t.customFallbackComponent),re(t)]}}),t.livePreview&&(p==null?void 0:p.output)!=="server")throw new Error("To utilize the Astro Storyblok Live feature, Astro must be configured to run in SSR mode. Please disable this feature or switch Astro to SSR mode.");s("page-ssr",`
+        `}}}function oe(e){const t="virtual:storyblok-options",n=`\0${t}`;return{name:"vite-plugin-storyblok-options",async resolveId(s){if(s===t)return n},async load(s){if(s===n)return`export default ${JSON.stringify(e)}`}}}function ne(){if(!(globalThis!=null&&globalThis.storyblokApiInstance))throw new Error("storyblokApiInstance has not been initialized correctly");return globalThis.storyblokApiInstance}async function se(e){let t=null;return e&&e.locals._storyblok_preview_data&&(t=e.locals._storyblok_preview_data),t}function le(e){return typeof e=="object"?`const storyblokInstance = new StoryblokBridge(${JSON.stringify(e)});`:"const storyblokInstance = new StoryblokBridge();"}function ae(e){const t={useCustomApi:!1,bridge:!0,componentsDir:"src",enableFallbackComponent:!1,livePreview:!1,...e},n=le(t.bridge);return{name:"@storyblok/astro",hooks:{"astro:config:setup":({injectScript:s,updateConfig:a,addDevToolbarApp:o,addMiddleware:y,config:f})=>{if(a({vite:{plugins:[re(t.accessToken,t.useCustomApi,t.apiOptions),te(t.componentsDir,t.components,t.enableFallbackComponent,t.customFallbackComponent),oe(t)]}}),t.livePreview&&(f==null?void 0:f.output)!=="server")throw new Error("To utilize the Astro Storyblok Live feature, Astro must be configured to run in SSR mode. Please disable this feature or switch Astro to SSR mode.");s("page-ssr",`
             import { storyblokApiInstance } from "virtual:storyblok-init";
             globalThis.storyblokApiInstance = storyblokApiInstance;
             `),t.bridge&&!t.livePreview&&s("page",`import { loadStoryblokBridge } from "@storyblok/astro";
@@ -36,4 +36,4 @@ Detailed information can be found here: https://github.com/storyblok/storyblok-a
                   ${n}
                   storyblokInstance.on(["published", "change", "input"], handleStoryblokMessage);
                 });
-              `),b({entrypoint:"@storyblok/astro/middleware.ts",order:"pre"})),o({id:"storyblok",name:"Storyblok",icon:T,entrypoint:"@storyblok/astro/toolbarApp.ts"})}}}}let D;async function ae(e){const{action:t,story:n}=e||{};if(t==="input"&&n){const s=async()=>{const o=await ce(n),b=document.body;if(o.outerHTML===b.outerHTML)return;const p=document.querySelector('[data-blok-focused="true"]');ie(b,o,p),document.dispatchEvent(new Event("storyblok-live-preview-updated"))};clearTimeout(D),D=setTimeout(s,500)}["published","change"].includes(e==null?void 0:e.action)&&location.reload()}function ie(e,t,n){if(n){const s=n.getAttribute("data-blok-uid"),l=t.querySelector(`[data-blok-uid="${s}"]`);l&&(l.setAttribute("data-blok-focused","true"),n.replaceWith(l))}else e.replaceWith(t)}async function ce(e){const n=await(await fetch(location.href,{method:"POST",body:JSON.stringify({...e,is_storyblok_preview:!0}),headers:{"Content-Type":"application/json"}})).text();return new DOMParser().parseFromString(n,"text/html").body}let g=function(e){return e.DOCUMENT="doc",e.HEADING="heading",e.PARAGRAPH="paragraph",e.QUOTE="blockquote",e.OL_LIST="ordered_list",e.UL_LIST="bullet_list",e.LIST_ITEM="list_item",e.CODE_BLOCK="code_block",e.HR="horizontal_rule",e.BR="hard_break",e.IMAGE="image",e.EMOJI="emoji",e.COMPONENT="blok",e.TABLE="table",e.TABLE_ROW="tableRow",e.TABLE_CELL="tableCell",e.TABLE_HEADER="tableHeader",e}({}),C=function(e){return e.BOLD="bold",e.STRONG="strong",e.STRIKE="strike",e.UNDERLINE="underline",e.ITALIC="italic",e.CODE="code",e.LINK="link",e.ANCHOR="anchor",e.STYLED="styled",e.SUPERSCRIPT="superscript",e.SUBSCRIPT="subscript",e.TEXT_STYLE="textStyle",e.HIGHLIGHT="highlight",e}({}),de=function(e){return e.TEXT="text",e}({}),A=function(e){return e.URL="url",e.STORY="story",e.ASSET="asset",e.EMAIL="email",e}({});const ue=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],pe=(e={})=>Object.keys(e).map(t=>`${t}="${e[t]}"`).join(" "),be=(e={})=>Object.keys(e).map(t=>`${t}: ${e[t]}`).join("; ");function ye(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}const I=e=>Object.fromEntries(Object.entries(e).filter(([t,n])=>n!==void 0));function fe(e,t){if(!t)return{src:e,attrs:{}};let n=0,s=0;const l={},o=[];function b(i,u,y,L,S){typeof i!="number"||i<=u||i>=y?console.warn(`[StoryblokRichText] - ${L.charAt(0).toUpperCase()+L.slice(1)} value must be a number between ${u} and ${y} (inclusive)`):S.push(`${L}(${i})`)}if(typeof t=="object"){if(typeof t.width=="number"&&t.width>0?(l.width=t.width,n=t.width):console.warn("[StoryblokRichText] - Width value must be a number greater than 0"),t.height&&typeof t.height=="number"&&t.height>0?(l.height=t.height,s=t.height):console.warn("[StoryblokRichText] - Height value must be a number greater than 0"),t.loading&&["lazy","eager"].includes(t.loading)&&(l.loading=t.loading),t.class&&(l.class=t.class),t.filters){const{filters:i}=t||{},{blur:u,brightness:y,fill:L,format:S,grayscale:E,quality:$,rotate:R}=i||{};u&&b(u,0,100,"blur",o),$&&b($,0,100,"quality",o),y&&b(y,0,100,"brightness",o),L&&o.push(`fill(${L})`),E&&o.push("grayscale()"),R&&[0,90,180,270].includes(t.filters.rotate||0)&&o.push(`rotate(${R})`),S&&["webp","png","jpeg"].includes(S)&&o.push(`format(${S})`)}t.srcset&&(l.srcset=t.srcset.map(i=>{if(typeof i=="number")return`${e}/m/${i}x0/${o.length>0?`filters:${o.join(":")}`:""} ${i}w`;if(Array.isArray(i)&&i.length===2){const[u,y]=i;return`${e}/m/${u}x${y}/${o.length>0?`filters:${o.join(":")}`:""} ${u}w`}else{console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");return}}).join(", ")),t.sizes&&(l.sizes=t.sizes.join(", "))}let p=`${e}/m/`;return n>0&&s>0&&(p=`${p}${n}x${s}/`),o.length>0&&(p=`${p}filters:${o.join(":")}`),{src:p,attrs:l}}function U(e,t={},n){const s=pe(t),l=s?`${e} ${s}`:e,o=Array.isArray(n)?n.join(""):n||"";if(e){if(ue.includes(e))return`<${l}>`}else return o;return`<${l}>${o}</${e}>`}function H(e={}){const t=new Map,{renderFn:n=U,textFn:s=ye,resolvers:l={},optimizeImages:o=!1,keyedResolvers:b=!1}=e,p=n!==U,i=r=>(a,c)=>{const d=a.attrs||{};return c.render(r,d,a.children||null)},u=(r,a)=>{const{src:c,alt:d,title:f,srcset:k,sizes:h}=r.attrs||{};let m=c,w={};if(o){const{src:Ae,attrs:Ie}=fe(c,o);m=Ae,w=Ie}const $e={src:m,alt:d,title:f,srcset:k,sizes:h,...w};return a.render("img",I($e))},y=(r,a)=>{const{level:c,...d}=r.attrs||{};return a.render(`h${c}`,d,r.children)},L=(r,a)=>{var c,d,f,k;const h=a.render("img",{src:(c=r.attrs)==null?void 0:c.fallbackImage,alt:(d=r.attrs)==null?void 0:d.alt,style:"width: 1.25em; height: 1.25em; vertical-align: text-top",draggable:"false",loading:"lazy"});return a.render("span",{"data-type":"emoji","data-name":(f=r.attrs)==null?void 0:f.name,"data-emoji":(k=r.attrs)==null?void 0:k.emoji},h)},S=(r,a)=>a.render("pre",r.attrs||{},a.render("code",{},r.children||"")),E=(r,a=!1)=>({text:c,attrs:d},f)=>{const{class:k,id:h,...m}=d||{},w=a?{class:k,id:h,style:be(m)||void 0}:d||{};return f.render(r,I(w),c)},$=r=>M(r),R=r=>{const{marks:a,...c}=r;if("text"in r){if(a)return a.reduce((f,k)=>$({...k,text:f}),$({...c,children:c.children}));const d=r.attrs||{};if(b){const f=t.get("txt")||0;t.set("txt",f+1),d.key=`txt-${f}`}return s(c.text,d)}return""},z=(r,a)=>{const{linktype:c,href:d,anchor:f,...k}=r.attrs||{};let h="";switch(c){case A.ASSET:case A.URL:h=d;break;case A.EMAIL:h=`mailto:${d}`;break;case A.STORY:h=d,f&&(h=`${h}#${f}`);break;default:h=d;break}const m={...k};return h&&(m.href=h),a.render("a",m,r.text)},we=(r,a)=>{var c,d;return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"),a.render("span",{blok:(c=r==null?void 0:r.attrs)==null?void 0:c.body[0],id:(d=r.attrs)==null?void 0:d.id,style:"display: none"})},Ce=(r,a)=>{const c={},d=a.render("tbody",{},r.children);return a.render("table",c,d)},Ee=(r,a)=>{const c={};return a.render("tr",c,r.children)},Le=(r,a)=>{const{colspan:c,rowspan:d,colwidth:f,backgroundColor:k,...h}=r.attrs||{},m={...h};c>1&&(m.colspan=c),d>1&&(m.rowspan=d);const w=[];return f&&w.push(`width: ${f}px;`),k&&w.push(`background-color: ${k};`),w.length>0&&(m.style=w.join(" ")),a.render("td",I(m),r.children)},Se=(r,a)=>{const{colspan:c,rowspan:d,colwidth:f,backgroundColor:k,...h}=r.attrs||{},m={...h};c>1&&(m.colspan=c),d>1&&(m.rowspan=d);const w=[];return f&&w.push(`width: ${f}px;`),k&&w.push(`background-color: ${k};`),w.length>0&&(m.style=w.join(" ")),a.render("th",I(m),r.children)},K=new Map([[g.DOCUMENT,i("")],[g.HEADING,y],[g.PARAGRAPH,i("p")],[g.UL_LIST,i("ul")],[g.OL_LIST,i("ol")],[g.LIST_ITEM,i("li")],[g.IMAGE,u],[g.EMOJI,L],[g.CODE_BLOCK,S],[g.HR,i("hr")],[g.BR,i("br")],[g.QUOTE,i("blockquote")],[g.COMPONENT,we],[de.TEXT,R],[C.LINK,z],[C.ANCHOR,z],[C.STYLED,E("span",!0)],[C.BOLD,E("strong")],[C.TEXT_STYLE,E("span",!0)],[C.ITALIC,E("em")],[C.UNDERLINE,E("u")],[C.STRIKE,E("s")],[C.CODE,E("code")],[C.SUPERSCRIPT,E("sup")],[C.SUBSCRIPT,E("sub")],[C.HIGHLIGHT,E("mark")],[g.TABLE,Ce],[g.TABLE_ROW,Ee],[g.TABLE_CELL,Le],[g.TABLE_HEADER,Se]]),J=new Map([...K,...Object.entries(l).map(([r,a])=>[r,a])]),Te=()=>({render:(r,a={},c)=>{if(b&&r){const d=t.get(r)||0;t.set(r,d+1),a.key=`${r}-${d}`}return n(r,a,c)},originalResolvers:K,mergedResolvers:J});function O(r){const a=J.get(r.type);if(!a)return console.error("<Storyblok>",`No resolver found for node type ${r.type}`),"";const c=Te();if(r.type==="text")return a(r,c);const d=r.content?r.content.map(M):void 0;return a({...r,children:d},c)}function M(r){return r.type==="doc"?p?r.content.map(O):r.content.map(O).join(""):Array.isArray(r)?r.map(O):O(r)}return{render:M}}let F=!1;const G=[],he=e=>new Promise((t,n)=>{if(typeof window>"u"){n(new Error("Cannot load Storyblok bridge: window is undefined (server-side environment)"));return}if(window.storyblokRegisterEvent=l=>{if(!window.location.search.includes("_storyblok")){console.warn("You are not in Draft Mode or in the Visual Editor.");return}F?l():G.push(l)},document.getElementById("storyblok-javascript-bridge")){t(void 0);return}const s=document.createElement("script");s.async=!0,s.src=e,s.id="storyblok-javascript-bridge",s.onerror=l=>n(l),s.onload=l=>{G.forEach(o=>o()),F=!0,t(l)},document.getElementsByTagName("head")[0].appendChild(s)}),ge=e=>{if(typeof e!="object"||typeof e._editable>"u")return{};try{const t=JSON.parse(e._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return t?{"data-blok-c":JSON.stringify(t),"data-blok-uid":`${t.id}-${t.uid}`}:{}}catch{return{}}};let me="https://app.storyblok.com/f/storyblok-v2-latest.js";function ke(e,t){return H(t).render(e)}const ve=()=>he(me);v.getLiveStory=ne,v.handleStoryblokMessage=ae,v.loadStoryblokBridge=ve,v.renderRichText=ke,v.richTextResolver=H,v.storyblok=le,v.storyblokEditable=ge,v.toCamelCase=x,v.useStoryblokApi=oe,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
+              `),y({entrypoint:"@storyblok/astro/middleware.ts",order:"pre"})),o({id:"storyblok",name:"Storyblok",icon:S,entrypoint:"@storyblok/astro/toolbarApp.ts"})}}}}let U;async function ie(e){const{action:t,story:n}=e||{};if(t==="input"&&n){const s=async()=>{const o=await de(n),y=document.body;if(o.outerHTML===y.outerHTML)return;const f=document.querySelector('[data-blok-focused="true"]');ce(y,o,f),document.dispatchEvent(new Event("storyblok-live-preview-updated"))};clearTimeout(U),U=setTimeout(s,500)}["published","change"].includes(e==null?void 0:e.action)&&location.reload()}function ce(e,t,n){if(n){const s=n.getAttribute("data-blok-uid"),a=t.querySelector(`[data-blok-uid="${s}"]`);a&&(a.setAttribute("data-blok-focused","true"),n.replaceWith(a))}else e.replaceWith(t)}async function de(e){const n=await(await fetch(location.href,{method:"POST",body:JSON.stringify({...e,is_storyblok_preview:!0}),headers:{"Content-Type":"application/json"}})).text();return new DOMParser().parseFromString(n,"text/html").body}let k=function(e){return e.DOCUMENT="doc",e.HEADING="heading",e.PARAGRAPH="paragraph",e.QUOTE="blockquote",e.OL_LIST="ordered_list",e.UL_LIST="bullet_list",e.LIST_ITEM="list_item",e.CODE_BLOCK="code_block",e.HR="horizontal_rule",e.BR="hard_break",e.IMAGE="image",e.EMOJI="emoji",e.COMPONENT="blok",e.TABLE="table",e.TABLE_ROW="tableRow",e.TABLE_CELL="tableCell",e.TABLE_HEADER="tableHeader",e}({}),C=function(e){return e.BOLD="bold",e.STRONG="strong",e.STRIKE="strike",e.UNDERLINE="underline",e.ITALIC="italic",e.CODE="code",e.LINK="link",e.ANCHOR="anchor",e.STYLED="styled",e.SUPERSCRIPT="superscript",e.SUBSCRIPT="subscript",e.TEXT_STYLE="textStyle",e.HIGHLIGHT="highlight",e}({}),ue=function(e){return e.TEXT="text",e}({}),R=function(e){return e.URL="url",e.STORY="story",e.ASSET="asset",e.EMAIL="email",e}({});const be=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],pe=(e={})=>Object.keys(e).map(t=>`${t}="${e[t]}"`).join(" "),fe=(e={})=>Object.keys(e).map(t=>`${t}: ${e[t]}`).join("; ");function ye(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}const $=e=>Object.fromEntries(Object.entries(e).filter(([t,n])=>n!==void 0));function he(e,t){if(!t)return{src:e,attrs:{}};let n=0,s=0;const a={},o=[];function y(d,u,h,E,A){typeof d!="number"||d<=u||d>=h?console.warn(`[StoryblokRichText] - ${E.charAt(0).toUpperCase()+E.slice(1)} value must be a number between ${u} and ${h} (inclusive)`):A.push(`${E}(${d})`)}if(typeof t=="object"){if(typeof t.width=="number"&&t.width>0?(a.width=t.width,n=t.width):console.warn("[StoryblokRichText] - Width value must be a number greater than 0"),t.height&&typeof t.height=="number"&&t.height>0?(a.height=t.height,s=t.height):console.warn("[StoryblokRichText] - Height value must be a number greater than 0"),t.loading&&["lazy","eager"].includes(t.loading)&&(a.loading=t.loading),t.class&&(a.class=t.class),t.filters){const{filters:d}=t||{},{blur:u,brightness:h,fill:E,format:A,grayscale:B,quality:w,rotate:T}=d||{};u&&y(u,0,100,"blur",o),w&&y(w,0,100,"quality",o),h&&y(h,0,100,"brightness",o),E&&o.push(`fill(${E})`),B&&o.push("grayscale()"),T&&[0,90,180,270].includes(t.filters.rotate||0)&&o.push(`rotate(${T})`),A&&["webp","png","jpeg"].includes(A)&&o.push(`format(${A})`)}t.srcset&&(a.srcset=t.srcset.map(d=>{if(typeof d=="number")return`${e}/m/${d}x0/${o.length>0?`filters:${o.join(":")}`:""} ${d}w`;if(Array.isArray(d)&&d.length===2){const[u,h]=d;return`${e}/m/${u}x${h}/${o.length>0?`filters:${o.join(":")}`:""} ${u}w`}else{console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");return}}).join(", ")),t.sizes&&(a.sizes=t.sizes.join(", "))}let f=`${e}/m/`;return n>0&&s>0&&(f=`${f}${n}x${s}/`),o.length>0&&(f=`${f}filters:${o.join(":")}`),{src:f,attrs:a}}function H(e,t={},n){const s=pe(t),a=s?`${e} ${s}`:e,o=Array.isArray(n)?n.join(""):n||"";if(e){if(be.includes(e))return`<${a}>`}else return o;return`<${a}>${o}</${e}>`}function F(e={}){const t=new Map,{renderFn:n=H,textFn:s=ye,resolvers:a={},optimizeImages:o=!1,keyedResolvers:y=!1}=e,f=n!==H,d=(r={})=>{const{textAlign:l,class:i,id:c,style:b,...g}=r,p=[];return b&&p.push(b.endsWith(";")?b:`${b};`),l&&p.push(`text-align: ${l};`),$({...g,class:i,id:c,...p.length>0?{style:p.join(" ")}:{}})},u=r=>(l,i)=>{const c=d(l.attrs);return i.render(r,c,l.children||null)},h=(r,l)=>{const{src:i,alt:c,title:b,srcset:g,sizes:p}=r.attrs||{};let L=i,m={};if(o){const{src:Ie,attrs:Re}=he(i,o);L=Ie,m=Re}const I={src:L,alt:c,title:b,srcset:g,sizes:p,...m};return l.render("img",$(I))},E=(r,l)=>{const{level:i,...c}=r.attrs||{},b=d(c);return l.render(`h${i}`,b,r.children)},A=(r,l)=>{var i,c,b,g;const p=l.render("img",{src:(i=r.attrs)==null?void 0:i.fallbackImage,alt:(c=r.attrs)==null?void 0:c.alt,style:"width: 1.25em; height: 1.25em; vertical-align: text-top",draggable:"false",loading:"lazy"});return l.render("span",{"data-type":"emoji","data-name":(b=r.attrs)==null?void 0:b.name,"data-emoji":(g=r.attrs)==null?void 0:g.emoji},p)},B=(r,l)=>l.render("pre",r.attrs||{},l.render("code",{},r.children||"")),w=(r,l=!1)=>({text:i,attrs:c},b)=>{const{class:g,id:p,...L}=c||{},m=l?{class:g,id:p,style:fe(L)||void 0}:c||{};return b.render(r,$(m),i)},T=r=>M(r),Ce=r=>{const{marks:l,...i}=r;if("text"in r){if(l)return l.reduce((b,g)=>T({...g,text:b}),T({...i,children:i.children}));const c=r.attrs||{};if(y){const b=t.get("txt")||0;t.set("txt",b+1),c.key=`txt-${b}`}return s(i.text,c)}return""},K=(r,l)=>{const{linktype:i,href:c,anchor:b,...g}=r.attrs||{};let p="";switch(i){case R.ASSET:case R.URL:p=c;break;case R.EMAIL:p=`mailto:${c}`;break;case R.STORY:p=c,b&&(p=`${p}#${b}`);break;default:p=c;break}const L={...g};return p&&(L.href=p),l.render("a",L,r.text)},Ee=(r,l)=>{var i,c;return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"),l.render("span",{blok:(i=r==null?void 0:r.attrs)==null?void 0:i.body[0],id:(c=r.attrs)==null?void 0:c.id,style:"display: none"})},Le=(r,l)=>{const i=d(r.attrs),c=r.children||null;return l.render("table",i,l.render("tbody",{},c))},Ae=(r,l)=>{const i=d(r.attrs);return l.render("tr",i,r.children)},Se=(r,l)=>{const{colspan:i,rowspan:c,colwidth:b,backgroundColor:g,textAlign:p,...L}=r.attrs||{},m=[];b&&m.push(`width: ${b}px;`),g&&m.push(`background-color: ${g};`),p&&m.push(`text-align: ${p};`);const I={...L,...i>1?{colspan:i}:{},...c>1?{rowspan:c}:{},...m.length>0?{style:m.join(" ")}:{}};return l.render("td",$(I),r.children)},$e=(r,l)=>{const{colspan:i,rowspan:c,colwidth:b,backgroundColor:g,textAlign:p,...L}=r.attrs||{},m=[];b&&m.push(`width: ${b}px;`),g&&m.push(`background-color: ${g};`),p&&m.push(`text-align: ${p};`);const I={...L,...i>1?{colspan:i}:{},...c>1?{rowspan:c}:{},...m.length>0?{style:m.join(" ")}:{}};return l.render("th",$(I),r.children)},J=new Map([[k.DOCUMENT,u("")],[k.HEADING,E],[k.PARAGRAPH,u("p")],[k.UL_LIST,u("ul")],[k.OL_LIST,u("ol")],[k.LIST_ITEM,u("li")],[k.IMAGE,h],[k.EMOJI,A],[k.CODE_BLOCK,B],[k.HR,u("hr")],[k.BR,u("br")],[k.QUOTE,u("blockquote")],[k.COMPONENT,Ee],[ue.TEXT,Ce],[C.LINK,K],[C.ANCHOR,K],[C.STYLED,w("span",!0)],[C.BOLD,w("strong")],[C.TEXT_STYLE,w("span",!0)],[C.ITALIC,w("em")],[C.UNDERLINE,w("u")],[C.STRIKE,w("s")],[C.CODE,w("code")],[C.SUPERSCRIPT,w("sup")],[C.SUBSCRIPT,w("sub")],[C.HIGHLIGHT,w("mark")],[k.TABLE,Le],[k.TABLE_ROW,Ae],[k.TABLE_CELL,Se],[k.TABLE_HEADER,$e]]),W=new Map([...J,...Object.entries(a).map(([r,l])=>[r,l])]),Te=()=>({render:(r,l={},i)=>{if(y&&r){const c=t.get(r)||0;t.set(r,c+1),l.key=`${r}-${c}`}return n(r,l,i)},originalResolvers:J,mergedResolvers:W});function O(r){const l=W.get(r.type);if(!l)return console.error("<Storyblok>",`No resolver found for node type ${r.type}`),"";const i=Te();if(r.type==="text")return l(r,i);const c=r.content?r.content.map(M):void 0;return l({...r,children:c},i)}function M(r){return r.type==="doc"?f?r.content.map(O):r.content.map(O).join(""):Array.isArray(r)?r.map(O):O(r)}return{render:M}}let G=!1;const z=[],ge=e=>new Promise((t,n)=>{if(typeof window>"u"){n(new Error("Cannot load Storyblok bridge: window is undefined (server-side environment)"));return}if(window.storyblokRegisterEvent=a=>{if(!window.location.search.includes("_storyblok")){console.warn("You are not in Draft Mode or in the Visual Editor.");return}G?a():z.push(a)},document.getElementById("storyblok-javascript-bridge")){t(void 0);return}const s=document.createElement("script");s.async=!0,s.src=e,s.id="storyblok-javascript-bridge",s.onerror=a=>n(a),s.onload=a=>{z.forEach(o=>o()),G=!0,t(a)},document.getElementsByTagName("head")[0].appendChild(s)}),ke=e=>{if(typeof e!="object"||typeof e._editable>"u")return{};try{const t=JSON.parse(e._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return t?{"data-blok-c":JSON.stringify(t),"data-blok-uid":`${t.id}-${t.uid}`}:{}}catch{return{}}};let me="https://app.storyblok.com/f/storyblok-v2-latest.js";function ve(e,t){return F(t).render(e)}const we=()=>ge(me);v.getLiveStory=se,v.handleStoryblokMessage=ie,v.loadStoryblokBridge=we,v.renderRichText=ve,v.richTextResolver=F,v.storyblok=ae,v.storyblokEditable=ke,v.toCamelCase=_,v.useStoryblokApi=ne,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/astro",
   "type": "module",
-  "version": "7.2.7",
+  "version": "7.2.8",
   "private": false,
   "description": "Official Astro integration for the Storyblok Headless CMS",
   "author": "Storyblok",
@@ -56,7 +56,7 @@
   },
   "dependencies": {
     "camelcase": "^8.0.0",
-    "@storyblok/js": "4.2.7"
+    "@storyblok/js": "4.2.8"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^6.0.3",