@builder.io/sdk-vue 5.2.11 → 5.2.12

package/lib/browser/index.cjs

@@ -1 +1 @@
-var t=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-uDRmkrr4.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+var t=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-FQjXUcZa.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/browser/index.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { p as a, b as r, m as i, C as o, q as n, F as c, I as g, S as m, n as u, o as l, V as d, E as C, t as p, D as E, G as b, H as B, y as S, i as f, r as h, u as x, v as y, s as A, x as P, A as k, z as v } from "./index-7bXAC1Q8.js";
+import { q as a, b as r, n as i, C as o, r as n, F as c, I as g, S as u, o as l, p as m, V as d, G as C, u as p, E, H as b, J as B, z as S, i as f, t as h, v as x, x as y, s as A, y as P, D as k, A as v } from "./index-3BT-zvy_.js";
 export {
   a as Blocks,
   r as BuilderContext,
@@ -8,9 +8,9 @@ export {
   n as Content,
   c as Fragment,
   g as Image,
-  m as Section,
-  u as Symbol,
-  l as Text,
+  u as Section,
+  l as Symbol,
+  m as Text,
   d as Video,
   C as _processContentResult,
   p as createRegisterComponentMessage,

package/lib/browser/{live-edit-AUagAEej.cjs → live-edit-QecbSljF.cjs}

@@ -1 +1 @@
-var l=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FHyxDYzT.cjs"),n=require("./index-uDRmkrr4.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;
+var l=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./find-block-FHyxDYzT.cjs"),n=require("./index-FQjXUcZa.cjs"),i=t.defineComponent({name:"live-edit",props:["id","attributes","Wrapper"],inject:{context:n.BuilderContext.key},computed:{block(){return r.findBlockById(this.context.content,this.id)},options(){var e,o;return((o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options)||{}}}});function s(e,o,p,u,d,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.options),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const c=n._export_sfc(i,[["render",s]]);exports.default=c;

package/lib/browser/{live-edit-x4eHrcJh.js → live-edit-f81HRMwD.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as o, openBlock as r, createBlock as n, resolveDynamicComponent as i, mergeProps as s, withCtx as p, renderSlot as a } from "vue";
 import { f as c } from "./find-block-4FksmtpZ.js";
-import { b as d, _ as m } from "./index-7bXAC1Q8.js";
+import { b as d, _ as m } from "./index-3BT-zvy_.js";
 const l = o({
   name: "live-edit",
   props: ["id", "attributes", "Wrapper"],

package/lib/browser/{repeated-block-ZGXPYgA8.cjs → repeated-block-pzyWtt9k.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-uDRmkrr4.cjs"),r=()=>Promise.resolve().then(()=>require("./index-uDRmkrr4.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const i=t._export_sfc(c,[["render",s]]);exports.default=i;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-FQjXUcZa.cjs"),r=()=>Promise.resolve().then(()=>require("./index-FQjXUcZa.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}},watch:{onUpdateHook0:{handler(){this.store=this.repeatContext},immediate:!0}},computed:{onUpdateHook0(){return{0:this.repeatContext}}}});function s(e,p,l,a,d,m){const n=o.resolveComponent("Block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const i=t._export_sfc(c,[["render",s]]);exports.default=i;

package/lib/browser/{repeated-block-uVi8A50N.js → repeated-block-z4-Tq0vb.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as p, createBlock as s } from "vue";
-import { b as c, _ as i } from "./index-7bXAC1Q8.js";
-const a = () => import("./index-7bXAC1Q8.js").then((e) => e.K).then((e) => e.default).catch((e) => {
+import { b as c, _ as i } from "./index-3BT-zvy_.js";
+const a = () => import("./index-3BT-zvy_.js").then((e) => e.L).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     e

package/lib/browser/{style-wrapper-usFESjt5.js → style-wrapper-XQIDj12j.js}

@@ -1,10 +1,10 @@
 import "./style.css";
-import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as $, createCommentVNode as Q, createElementBlock as z, Fragment as G } from "vue";
-import { c as A, T as w, d as C, f as N, h as l, j as u, k as j, _ as I, l as H, b as R } from "./index-7bXAC1Q8.js";
-import { f as U } from "./find-block-4FksmtpZ.js";
-const W = E({
+import { defineComponent as E, resolveComponent as x, openBlock as y, createBlock as g, createCommentVNode as N, createElementBlock as G, Fragment as H } from "vue";
+import { c as R, T as w, d as C, f as W, h as j, j as l, k as u, l as z, _ as Q, m as U, b as D } from "./index-3BT-zvy_.js";
+import { f as F } from "./find-block-4FksmtpZ.js";
+const L = E({
   name: "block-styles",
-  components: { InlinedStyles: A },
+  components: { InlinedStyles: R },
   props: ["block", "context"],
   data() {
     return { TARGET: w };
@@ -15,85 +15,88 @@ const W = E({
       return C(e.hide) ? !e.hide : C(e.show) ? e.show : !0;
     },
     css() {
-      var h, B, f, v, b;
-      const e = this.block, s = e.responsiveStyles, t = this.context.content, o = N(
-        ((h = t == null ? void 0 : t.meta) == null ? void 0 : h.breakpoints) || {}
-      ), p = !!((f = (B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) != null && f.xsmall), i = s == null ? void 0 : s.large, n = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, r = s == null ? void 0 : s.xsmall, d = e.id;
+      var S, B, f, v, b, $;
+      const e = this.block, s = W(
+        e.responsiveStyles,
+        ((S = e.component) == null ? void 0 : S.name) === "Image"
+      ), t = this.context.content, o = j(
+        ((B = t == null ? void 0 : t.meta) == null ? void 0 : B.breakpoints) || {}
+      ), p = !!((v = (f = t == null ? void 0 : t.meta) == null ? void 0 : f.breakpoints) != null && v.xsmall), i = s == null ? void 0 : s.large, n = s == null ? void 0 : s.medium, a = s == null ? void 0 : s.small, c = s == null ? void 0 : s.xsmall, d = e.id;
       if (!d)
         return "";
-      const g = i ? l({
+      const P = i ? l({
         className: d,
         styles: i
-      }) : "", P = n ? l({
+      }) : "", T = n ? l({
         className: d,
         styles: n,
         mediaQuery: u(
           "medium",
           o
         )
-      }) : "", T = a ? l({
+      }) : "", _ = a ? l({
         className: d,
         styles: a,
         mediaQuery: u(
           "small",
           o
         )
-      }) : "", m = r && p ? l({
+      }) : "", m = c && p ? l({
         className: d,
-        styles: r,
+        styles: c,
         mediaQuery: u(
           "xsmall",
           o
         )
-      }) : "", c = e.animations && e.animations.find((k) => k.trigger === "hover");
-      let S = "";
-      if (c) {
-        const k = ((b = (v = c.steps) == null ? void 0 : v[1]) == null ? void 0 : b.styles) || {};
-        S = l({
+      }) : "", r = e.animations && e.animations.find((k) => k.trigger === "hover");
+      let h = "";
+      if (r) {
+        const k = (($ = (b = r.steps) == null ? void 0 : b[1]) == null ? void 0 : $.styles) || {};
+        h = l({
           className: `${d}:hover`,
           styles: {
             ...k,
-            transition: `all ${c.duration}s ${j(
-              c.easing
+            transition: `all ${r.duration}s ${z(
+              r.easing
             )}`,
-            transitionDelay: c.delay ? `${c.delay}s` : "0s"
+            transitionDelay: r.delay ? `${r.delay}s` : "0s"
           }
         }) || "";
       }
       return [
-        g,
         P,
         T,
+        _,
         m,
-        S
+        h
       ].join(" ");
     }
   }
 });
-function D(e, s, t, o, p, i) {
+function X(e, s, t, o, p, i) {
   const n = x("InlinedStyles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (y(), $(n, {
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (y(), g(n, {
     key: 0,
     id: "builderio-block",
     styles: e.css,
     nonce: e.context.nonce
-  }, null, 8, ["styles", "nonce"])) : Q("", !0);
+  }, null, 8, ["styles", "nonce"])) : N("", !0);
 }
-const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
+const K = /* @__PURE__ */ Q(L, [["render", X]]), M = E({
   name: "live-edit-block-styles",
-  components: { InlinedStyles: A },
+  components: { InlinedStyles: R },
   props: ["contextProvider", "id"],
   data() {
     return { TARGET: w };
   },
   computed: {
     block() {
-      return U(this.contextProvider.content, this.id);
+      return F(this.contextProvider.content, this.id);
     },
     processedBlock() {
       var t;
       const e = this.block;
-      return e ? (t = e.repeat) != null && t.collection ? e : H({
+      return e ? (t = e.repeat) != null && t.collection ? e : U({
         block: e,
         localState: this.contextProvider.localState,
         rootState: this.contextProvider.rootState,
@@ -106,45 +109,48 @@ const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
       return C((e = this.processedBlock) == null ? void 0 : e.hide) ? !((s = this.processedBlock) != null && s.hide) : C((t = this.processedBlock) == null ? void 0 : t.show) ? (o = this.processedBlock) == null ? void 0 : o.show : !0;
     },
     css() {
-      var S, h, B, f, v, b, k;
-      const e = (S = this.processedBlock) == null ? void 0 : S.responsiveStyles, s = this.contextProvider.content, t = N(
-        ((h = s == null ? void 0 : s.meta) == null ? void 0 : h.breakpoints) || {}
-      ), o = !!((f = (B = s == null ? void 0 : s.meta) == null ? void 0 : B.breakpoints) != null && f.xsmall), p = e == null ? void 0 : e.large, i = e == null ? void 0 : e.medium, n = e == null ? void 0 : e.small, a = e == null ? void 0 : e.xsmall, r = (v = this.processedBlock) == null ? void 0 : v.id;
-      if (!r)
+      var h, S, B, f, v, b, $, k, A;
+      const e = W(
+        (h = this.processedBlock) == null ? void 0 : h.responsiveStyles,
+        ((B = (S = this.processedBlock) == null ? void 0 : S.component) == null ? void 0 : B.name) === "Image"
+      ), s = this.contextProvider.content, t = j(
+        ((f = s == null ? void 0 : s.meta) == null ? void 0 : f.breakpoints) || {}
+      ), o = !!((b = (v = s == null ? void 0 : s.meta) == null ? void 0 : v.breakpoints) != null && b.xsmall), p = e == null ? void 0 : e.large, i = e == null ? void 0 : e.medium, n = e == null ? void 0 : e.small, a = e == null ? void 0 : e.xsmall, c = ($ = this.processedBlock) == null ? void 0 : $.id;
+      if (!c)
         return "";
       const d = p ? l({
-        className: r,
+        className: c,
         styles: p
-      }) : "", g = i ? l({
-        className: r,
+      }) : "", P = i ? l({
+        className: c,
         styles: i,
         mediaQuery: u(
           "medium",
           t
         )
-      }) : "", P = n ? l({
-        className: r,
+      }) : "", T = n ? l({
+        className: c,
         styles: n,
         mediaQuery: u(
           "small",
           t
         )
-      }) : "", T = a && o ? l({
-        className: r,
+      }) : "", _ = a && o ? l({
+        className: c,
         styles: a,
         mediaQuery: u(
           "xsmall",
           t
         )
-      }) : "", m = this.processedBlock.animations && this.processedBlock.animations.find((_) => _.trigger === "hover");
-      let c = "";
+      }) : "", m = this.processedBlock.animations && this.processedBlock.animations.find((I) => I.trigger === "hover");
+      let r = "";
       if (m) {
-        const _ = ((k = (b = m.steps) == null ? void 0 : b[1]) == null ? void 0 : k.styles) || {};
-        c = l({
-          className: `${r}:hover`,
+        const I = ((A = (k = m.steps) == null ? void 0 : k[1]) == null ? void 0 : A.styles) || {};
+        r = l({
+          className: `${c}:hover`,
           styles: {
-            ..._,
-            transition: `all ${m.duration}s ${j(
+            ...I,
+            transition: `all ${m.duration}s ${z(
               m.easing
             )}`,
             transitionDelay: m.delay ? `${m.delay}s` : "0s"
@@ -153,58 +159,58 @@ const F = /* @__PURE__ */ I(W, [["render", D]]), L = E({
       }
       return [
         d,
-        g,
         P,
         T,
-        c
+        _,
+        r
       ].join(" ");
     }
   }
 });
-function X(e, s, t, o, p, i) {
+function V(e, s, t, o, p, i) {
   const n = x("InlinedStyles");
-  return e.TARGET === "rsc" && e.css && e.canShowBlock ? (y(), $(n, {
+  return e.TARGET === "rsc" && e.css && e.canShowBlock ? (y(), g(n, {
     key: 0,
     id: "builderio-block",
     styles: e.css,
     nonce: e.contextProvider.nonce
-  }, null, 8, ["styles", "nonce"])) : Q("", !0);
+  }, null, 8, ["styles", "nonce"])) : N("", !0);
 }
-const K = /* @__PURE__ */ I(L, [["render", X]]), M = E({
+const q = /* @__PURE__ */ Q(M, [["render", V]]), J = E({
   name: "style-wrapper",
   components: {
-    BlockStyles: F,
-    LiveEditBlockStyles: K
+    BlockStyles: K,
+    LiveEditBlockStyles: q
   },
   props: ["block", "context"],
   data() {
     return { isClientEditing: !1, isHydrated: !1, TARGET: w };
   },
   inject: {
-    contextProvider: R.key
+    contextProvider: D.key
   },
   mounted() {
   }
 });
-function V(e, s, t, o, p, i) {
+function O(e, s, t, o, p, i) {
   const n = x("LiveEditBlockStyles"), a = x("BlockStyles");
-  return e.isHydrated ? (y(), z(G, { key: 0 }, [
-    e.TARGET === "rsc" && e.isClientEditing ? (y(), $(n, {
+  return e.isHydrated ? (y(), G(H, { key: 0 }, [
+    e.TARGET === "rsc" && e.isClientEditing ? (y(), g(n, {
       key: 0,
       id: e.block.id,
       contextProvider: e.contextProvider
-    }, null, 8, ["id", "contextProvider"])) : (y(), $(a, {
+    }, null, 8, ["id", "contextProvider"])) : (y(), g(a, {
       key: 1,
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]))
-  ], 64)) : (y(), $(a, {
+  ], 64)) : (y(), g(a, {
     key: 1,
     block: e.block,
     context: e.context
   }, null, 8, ["block", "context"]));
 }
-const Z = /* @__PURE__ */ I(M, [["render", V]]);
+const te = /* @__PURE__ */ Q(J, [["render", O]]);
 export {
-  Z as default
+  te as default
 };

package/lib/browser/style-wrapper-wOCgRtEf.cjs

@@ -0,0 +1 @@
+var F=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index-FQjXUcZa.cjs"),_=require("./find-block-FHyxDYzT.cjs"),P=o.defineComponent({name:"block-styles",components:{InlinedStyles:s._sfc_main},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=this.block;return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var S,h,B,C,f,v;const e=this.block,t=s.getResponsiveStylesWithImagePosition(e.responsiveStyles,((S=e.component)==null?void 0:S.name)==="Image"),n=this.context.content,l=s.getSizesForBreakpoints(((h=n==null?void 0:n.meta)==null?void 0:h.breakpoints)||{}),k=!!((C=(B=n==null?void 0:n.meta)==null?void 0:B.breakpoints)!=null&&C.xsmall),a=t==null?void 0:t.large,c=t==null?void 0:t.medium,d=t==null?void 0:t.small,r=t==null?void 0:t.xsmall,m=e.id;if(!m)return"";const b=a?s.createCssClass({className:m,styles:a}):"",g=c?s.createCssClass({className:m,styles:c,mediaQuery:s.getMaxWidthQueryForSize("medium",l)}):"",x=d?s.createCssClass({className:m,styles:d,mediaQuery:s.getMaxWidthQueryForSize("small",l)}):"",p=r&&k?s.createCssClass({className:m,styles:r,mediaQuery:s.getMaxWidthQueryForSize("xsmall",l)}):"",i=e.animations&&e.animations.find(u=>u.trigger==="hover");let y="";if(i){const u=((v=(f=i.steps)==null?void 0:f[1])==null?void 0:v.styles)||{};y=s.createCssClass({className:`${m}:hover`,styles:{...u,transition:`all ${i.duration}s ${s.camelToKebabCase(i.easing)}`,transitionDelay:i.delay?`${i.delay}s`:"0s"}})||""}return[b,g,x,p,y].join(" ")}}});function E(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const I=s._export_sfc(P,[["render",E]]),Q=o.defineComponent({name:"live-edit-block-styles",components:{InlinedStyles:s._sfc_main},props:["contextProvider","id"],data(){return{TARGET:s.TARGET}},computed:{block(){return _.findBlockById(this.contextProvider.content,this.id)},processedBlock(){var n;const e=this.block;return e?(n=e.repeat)!=null&&n.collection?e:s.getProcessedBlock({block:e,localState:this.contextProvider.localState,rootState:this.contextProvider.rootState,rootSetState:this.contextProvider.rootSetState,context:this.contextProvider.context}):null},canShowBlock(){var e,t,n,l;return s.checkIsDefined((e=this.processedBlock)==null?void 0:e.hide)?!((t=this.processedBlock)!=null&&t.hide):s.checkIsDefined((n=this.processedBlock)==null?void 0:n.show)?(l=this.processedBlock)==null?void 0:l.show:!0},css(){var y,S,h,B,C,f,v,u,T;const e=s.getResponsiveStylesWithImagePosition((y=this.processedBlock)==null?void 0:y.responsiveStyles,((h=(S=this.processedBlock)==null?void 0:S.component)==null?void 0:h.name)==="Image"),t=this.contextProvider.content,n=s.getSizesForBreakpoints(((B=t==null?void 0:t.meta)==null?void 0:B.breakpoints)||{}),l=!!((f=(C=t==null?void 0:t.meta)==null?void 0:C.breakpoints)!=null&&f.xsmall),k=e==null?void 0:e.large,a=e==null?void 0:e.medium,c=e==null?void 0:e.small,d=e==null?void 0:e.xsmall,r=(v=this.processedBlock)==null?void 0:v.id;if(!r)return"";const m=k?s.createCssClass({className:r,styles:k}):"",b=a?s.createCssClass({className:r,styles:a,mediaQuery:s.getMaxWidthQueryForSize("medium",n)}):"",g=c?s.createCssClass({className:r,styles:c,mediaQuery:s.getMaxWidthQueryForSize("small",n)}):"",x=d&&l?s.createCssClass({className:r,styles:d,mediaQuery:s.getMaxWidthQueryForSize("xsmall",n)}):"",p=this.processedBlock.animations&&this.processedBlock.animations.find($=>$.trigger==="hover");let i="";if(p){const $=((T=(u=p.steps)==null?void 0:u[1])==null?void 0:T.styles)||{};i=s.createCssClass({className:`${r}:hover`,styles:{...$,transition:`all ${p.duration}s ${s.camelToKebabCase(p.easing)}`,transitionDelay:p.delay?`${p.delay}s`:"0s"}})||""}return[m,b,g,x,i].join(" ")}}});function A(e,t,n,l,k,a){const c=o.resolveComponent("InlinedStyles");return e.TARGET==="rsc"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.contextProvider.nonce},null,8,["styles","nonce"])):o.createCommentVNode("",!0)}const R=s._export_sfc(Q,[["render",A]]),W=o.defineComponent({name:"style-wrapper",components:{BlockStyles:I,LiveEditBlockStyles:R},props:["block","context"],data(){return{isClientEditing:!1,isHydrated:!1,TARGET:s.TARGET}},inject:{contextProvider:s.BuilderContext.key},mounted(){}});function z(e,t,n,l,k,a){const c=o.resolveComponent("LiveEditBlockStyles"),d=o.resolveComponent("BlockStyles");return e.isHydrated?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[e.TARGET==="rsc"&&e.isClientEditing?(o.openBlock(),o.createBlock(c,{key:0,id:e.block.id,contextProvider:e.contextProvider},null,8,["id","contextProvider"])):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))],64)):(o.openBlock(),o.createBlock(d,{key:1,block:e.block,context:e.context},null,8,["block","context"]))}const w=s._export_sfc(W,[["render",z]]);exports.default=w;

package/lib/browser/style.css

@@ -1 +1 @@
-.component-5vz8uirn7sc[data-v-82fc93d6]{display:flex;flex-direction:column;align-items:stretch}.div-1be3j8m9ewb[data-v-ab15749a]{display:flex;line-height:normal;height:100%}.img-t43jfuqn6g[data-v-bb2384ad]{opacity:1;transition:opacity .2s ease-in-out}.div-t43jfuqn6g[data-v-bb2384ad]{width:100%;pointer-events:none;font-size:0}.div-t43jfuqn6g-2[data-v-bb2384ad]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-2oa2wtipkzk[data-v-77c7888c]{padding:10px;color:red;text-align:center}
+.component-5vz8uirn7sc[data-v-82fc93d6]{display:flex;flex-direction:column;align-items:stretch}.div-1be3j8m9ewb[data-v-ab15749a]{display:flex;line-height:normal;height:100%}.img-t43jfuqn6g[data-v-f109a7da]{opacity:1;transition:opacity .2s ease-in-out}.div-t43jfuqn6g[data-v-f109a7da]{width:100%;pointer-events:none;font-size:0}.div-t43jfuqn6g-2[data-v-f109a7da]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-2oa2wtipkzk[data-v-77c7888c]{padding:10px;color:red;text-align:center}

package/lib/edge/{awaiter-RSfMls5f.js → awaiter-cczNFZYf.js}

@@ -1,5 +1,5 @@
 import { defineComponent as t, renderSlot as o } from "vue";
-import { _ as r } from "./index-Bgm0yCrN.js";
+import { _ as r } from "./index-NPl2zFFt.js";
 const n = t({
   name: "awaiter",
   props: [],

package/lib/edge/{awaiter-zow2zgzw.cjs → awaiter-kqWOzygI.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-LWGIJNVx.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,c,i,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-Q1mE-A20.cjs"),n=e.defineComponent({name:"awaiter",props:[],mounted(){}});function o(t,a,c,i,u,d){return e.renderSlot(t.$slots,"default")}const s=r._export_sfc(n,[["render",o]]);exports.default=s;

package/lib/{node/block-wrapper-PUFgSKq_.js → edge/block-wrapper-TCG6J1wM.js}

@@ -1,7 +1,7 @@
 import { defineComponent as r, defineAsyncComponent as a, resolveComponent as c, openBlock as i, createBlock as p, withCtx as s, renderSlot as l } from "vue";
-import { g as m, a as d } from "./get-block-properties-DGfMhs4M.js";
-import { _ as k } from "./index-JQgNoVXs.js";
-const u = () => import("./index-JQgNoVXs.js").then((t) => t.D).then((t) => t.default).catch((t) => {
+import { g as m, a as d } from "./get-block-properties-GLe5pKJ-.js";
+import { _ as k } from "./index-NPl2zFFt.js";
+const u = () => import("./index-NPl2zFFt.js").then((t) => t.K).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     t

package/lib/edge/{block-wrapper-4qKpWsP8.cjs → block-wrapper-WHxKG2JN.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./get-block-properties-2E03ld67.cjs"),a=require("./index-LWGIJNVx.cjs"),i=()=>Promise.resolve().then(()=>require("./index-LWGIJNVx.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),s=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(i)},props:["Wrapper","block","context"],data(){return{getBlockActions:r.getBlockActions,getBlockProperties:r.getBlockProperties}}});function l(e,d,m,u,k,y){var o,n;const c=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(c,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0,trackingContext:{apiKey:e.context.apiKey,canTrack:e.context.canTrack??!0,contentId:(o=e.context.content)==null?void 0:o.id,variationId:(n=e.context.content)==null?void 0:n.testVariationId}})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const p=a._export_sfc(s,[["render",l]]);exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./get-block-properties-g3UUmViz.cjs"),a=require("./index-Q1mE-A20.cjs"),i=()=>Promise.resolve().then(()=>require("./index-Q1mE-A20.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),s=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(i)},props:["Wrapper","block","context"],data(){return{getBlockActions:r.getBlockActions,getBlockProperties:r.getBlockProperties}}});function l(e,d,m,u,k,y){var o,n;const c=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(c,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0,trackingContext:{apiKey:e.context.apiKey,canTrack:e.context.canTrack??!0,contentId:(o=e.context.content)==null?void 0:o.id,variationId:(n=e.context.content)==null?void 0:n.testVariationId}})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const p=a._export_sfc(s,[["render",l]]);exports.default=p;

package/lib/edge/{component-ref-1iPK0xOE.js → component-ref-ke62ODDh.js}

@@ -1,12 +1,12 @@
 import { defineComponent as h, defineAsyncComponent as u, resolveComponent as m, openBlock as o, createBlock as i, withCtx as p, renderSlot as d, createElementBlock as b, Fragment as f, resolveDynamicComponent as C, mergeProps as w, normalizeProps as W, renderList as y, createCommentVNode as B } from "vue";
-import { T as E, i as R, _ as g, B as $, w as A } from "./index-Bgm0yCrN.js";
-import { a as v, g as S } from "./get-block-properties-bMVCvUX0.js";
-const T = () => import("./awaiter-RSfMls5f.js").then((t) => t.default).catch((t) => {
+import { T as E, i as R, _ as g, B as $, w as A } from "./index-NPl2zFFt.js";
+import { a as v, g as S } from "./get-block-properties-GLe5pKJ-.js";
+const T = () => import("./awaiter-cczNFZYf.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
     t
   ), t;
-}), I = () => import("./live-edit-tegdYGJO.js").then((t) => t.default).catch((t) => {
+}), I = () => import("./live-edit-mfyAZvt8.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",
     t

package/lib/edge/{component-ref-WdOIbmOU.cjs → component-ref-zHNGcCjv.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./index-LWGIJNVx.cjs"),l=require("./get-block-properties-2E03ld67.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-zow2zgzw.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),k=()=>Promise.resolve().then(()=>require("./live-edit-oLYhcuYs.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",e),e}),h=t.defineComponent({name:"interactive-element",components:{LiveEdit:t.defineAsyncComponent(k),Awaiter:t.defineAsyncComponent(u)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0,TARGET:r.TARGET,isEditing:r.isEditing}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{attributes(){var e,o;return this.includeBlockProps?{...l.getBlockProperties({block:this.block,context:this.context}),...l.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context,trackingContext:{apiKey:this.context.apiKey,canTrack:this.context.canTrack??!0,contentId:(e=this.context.content)==null?void 0:e.id,variationId:(o=this.context.content)==null?void 0:o.testVariationId}})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function b(e,o,a,s,p,c){const i=t.resolveComponent("Awaiter"),n=t.resolveComponent("LiveEdit");return e.Wrapper.load?(t.openBlock(),t.createBlock(i,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[e.TARGET==="rsc"&&e.isEditing()?(t.openBlock(),t.createBlock(n,{key:0,Wrapper:e.Wrapper,id:e.block.id||"",attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["Wrapper","id","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.targetWrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))],64))}const d=r._export_sfc(h,[["render",b]]),f=({componentOptions:e,builderBlock:o,context:a,componentRef:s,includeBlockProps:p,isInteractive:c,contextValue:i})=>{const n={...e,...p?{attributes:l.getBlockProperties({block:o,context:i})}:{}};return c?{Wrapper:s,block:o,context:a,wrapperProps:e,includeBlockProps:p}:n},C=t.defineComponent({name:"component-ref",components:{Block:r.Block,InteractiveElement:d},props:["isInteractive","componentRef","blockChildren","componentOptions","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?r.wrapComponentRef(d):this.componentRef,getWrapperProps:f}},computed:{blockChildrenToRender(){return this.componentRef?this.blockChildren:[]}}});function B(e,o,a,s,p,c){const i=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildrenToRender,(n,m)=>(t.openBlock(),t.createBlock(i,{key:n.id,block:n,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const v=r._export_sfc(C,[["render",B]]);exports.default=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./index-Q1mE-A20.cjs"),l=require("./get-block-properties-g3UUmViz.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-kqWOzygI.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),k=()=>Promise.resolve().then(()=>require("./live-edit-NlcA1TEi.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component LiveEdit at ../../live-edit.vue",e),e}),h=t.defineComponent({name:"interactive-element",components:{LiveEdit:t.defineAsyncComponent(k),Awaiter:t.defineAsyncComponent(u)},props:["wrapperProps","block","includeBlockProps","context","Wrapper"],data(){return{forceRenderCount:0,TARGET:r.TARGET,isEditing:r.isEditing}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{attributes(){var e,o;return this.includeBlockProps?{...l.getBlockProperties({block:this.block,context:this.context}),...l.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context,trackingContext:{apiKey:this.context.apiKey,canTrack:this.context.canTrack??!0,contentId:(e=this.context.content)==null?void 0:e.id,variationId:(o=this.context.content)==null?void 0:o.testVariationId}})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}},onUpdateHook0(){var e,o;return{0:this.wrapperProps,1:(o=(e=this.block)==null?void 0:e.component)==null?void 0:o.options}}}});function b(e,o,a,s,p,c){const i=t.resolveComponent("Awaiter"),n=t.resolveComponent("LiveEdit");return e.Wrapper.load?(t.openBlock(),t.createBlock(i,{key:0,load:e.Wrapper.load,fallback:e.Wrapper.fallback,props:e.wrapperProps,attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["load","fallback","props","attributes"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[e.TARGET==="rsc"&&e.isEditing()?(t.openBlock(),t.createBlock(n,{key:0,Wrapper:e.Wrapper,id:e.block.id||"",attributes:e.attributes},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["Wrapper","id","attributes"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({key:1,attributes:e.attributes},e.targetWrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"]))],64))}const d=r._export_sfc(h,[["render",b]]),f=({componentOptions:e,builderBlock:o,context:a,componentRef:s,includeBlockProps:p,isInteractive:c,contextValue:i})=>{const n={...e,...p?{attributes:l.getBlockProperties({block:o,context:i})}:{}};return c?{Wrapper:s,block:o,context:a,wrapperProps:e,includeBlockProps:p}:n},C=t.defineComponent({name:"component-ref",components:{Block:r.Block,InteractiveElement:d},props:["isInteractive","componentRef","blockChildren","componentOptions","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?r.wrapComponentRef(d):this.componentRef,getWrapperProps:f}},computed:{blockChildrenToRender(){return this.componentRef?this.blockChildren:[]}}});function B(e,o,a,s,p,c){const i=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildrenToRender,(n,m)=>(t.openBlock(),t.createBlock(i,{key:n.id,block:n,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const v=r._export_sfc(C,[["render",B]]);exports.default=v;

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "5.2.11";
+export declare const SDK_VERSION = "5.2.12";

package/lib/edge/{get-block-properties-bMVCvUX0.js → get-block-properties-GLe5pKJ-.js}

@@ -1,4 +1,4 @@
-import { e as s, T as c, g as i, a as l } from "./index-Bgm0yCrN.js";
+import { e as s, T as c, g as i, a as l } from "./index-NPl2zFFt.js";
 const f = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => s({
   code: e,
   context: t.context,

package/lib/edge/{get-block-properties-2E03ld67.cjs → get-block-properties-g3UUmViz.cjs}

@@ -1 +1 @@
-"use strict";const a=require("./index-LWGIJNVx.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,trackingContext:t.trackingContext});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;
+"use strict";const a=require("./index-Q1mE-A20.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,trackingContext:t.trackingContext});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;

package/lib/edge/helpers/css.d.ts

@@ -1,3 +1,5 @@
+import type { BuilderBlock } from '../types/builder-block';
+export declare const getResponsiveStylesWithImagePosition: (styles: BuilderBlock['responsiveStyles'], isBuilderImage: boolean) => BuilderBlock['responsiveStyles'];
 export declare const convertStyleMapToCSSArray: (style: Partial<CSSStyleDeclaration>) => string[];
 export declare const convertStyleMapToCSS: (style: Partial<CSSStyleDeclaration>) => string;
 export declare const createCssClass: ({ mediaQuery, className, styles }: {