@builder.io/sdk-vue 4.0.6 → 4.0.7

package/lib/edge/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-SxXHoi3G.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.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-sylhGsj3.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.setClientUserAttributes=e.setClientUserAttributes;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/edge/index.mjs

@@ -1,4 +1,4 @@
-import { n as t, j as a, k as r, C as i, o as n, F as o, I as c, S as g, l, m as u, V as m, A as d, r as C, z as E, D as p, E as B, v as S, p as b, q as f, t as h, s as x, u as k, y, x as P } from "./index-O2Rm1-0p.js";
+import { n as t, j as a, k as r, C as i, o as n, F as o, I as c, S as g, l, m as u, V as m, A as d, r as C, z as E, D as p, E as B, v as S, p as b, q as f, t as h, s as x, u as k, y, x as P } from "./index-ggxjQMia.js";
 export {
   t as Blocks,
   a as BuilderContext,

package/lib/edge/{repeated-block-730A9lRm.js → repeated-block-CLZkbqwN.js}

@@ -1,13 +1,13 @@
-import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
-import { j as s, e as l } from "./index-O2Rm1-0p.js";
-const i = () => import("./index-O2Rm1-0p.js").then((e) => e.H).then((e) => e.default).catch((e) => {
+import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as p, createBlock as s } from "vue";
+import { j as c, e as i } from "./index-ggxjQMia.js";
+const a = () => import("./index-ggxjQMia.js").then((e) => e.H).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     e
   ), e;
-}), m = t({
+}), l = t({
   name: "repeated-block",
-  components: { Block: n(i) },
+  components: { Block: n(a) },
   props: ["repeatContext", "block", "registeredComponents", "linkComponent"],
   data() {
     return { store: this.repeatContext };
@@ -15,20 +15,35 @@ const i = () => import("./index-O2Rm1-0p.js").then((e) => e.H).then((e) => e.def
   provide() {
     const e = this;
     return {
-      [s.key]: e.store
+      [c.key]: e.store
     };
+  },
+  watch: {
+    onUpdateHook0: {
+      handler() {
+        this.store = this.repeatContext;
+      },
+      immediate: !0
+    }
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.repeatContext
+      };
+    }
   }
 });
-function a(e, k, d, C, f, u) {
+function m(e, d, k, C, h, u) {
   const o = r("Block");
-  return c(), p(o, {
+  return p(), s(o, {
     block: e.block,
     context: e.store,
     registeredComponents: e.registeredComponents,
     linkComponent: e.linkComponent
   }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]);
 }
-const _ = /* @__PURE__ */ l(m, [["render", a]]);
+const _ = /* @__PURE__ */ i(l, [["render", m]]);
 export {
   _ as default
 };

package/lib/edge/repeated-block-WJrFNvJj.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-sylhGsj3.cjs"),r=()=>Promise.resolve().then(()=>require("./index-sylhGsj3.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/edge/style.css

@@ -1 +1 @@
-.component-tqyw9m0iue[data-v-e05fb921]{display:flex;flex-direction:column;align-items:stretch}.div-4wbls88y960[data-v-459e0e34]{display:flex;line-height:normal;height:100%}.img-29wpyomtntv[data-v-717bf141]{opacity:1;transition:opacity .2s ease-in-out}.div-29wpyomtntv[data-v-717bf141]{width:100%;pointer-events:none;font-size:0}.div-29wpyomtntv-2[data-v-717bf141]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-1hjwvu3r5mj[data-v-4ef43cdd]{padding:10px;color:red;text-align:center}
+.component-tqyw9m0iue[data-v-e05fb921]{display:flex;flex-direction:column;align-items:stretch}.div-4wbls88y960[data-v-459e0e34]{display:flex;line-height:normal;height:100%}.img-29wpyomtntv[data-v-e6416c92]{opacity:1;transition:opacity .2s ease-in-out}.div-29wpyomtntv[data-v-e6416c92]{width:100%;pointer-events:none;font-size:0}.div-29wpyomtntv-2[data-v-e6416c92]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-1hjwvu3r5mj[data-v-4ef43cdd]{padding:10px;color:red;text-align:center}

package/lib/node/{awaiter-niFBXKBm.js → awaiter-E4fj6vmG.js}

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

package/lib/node/{awaiter-p7qiswFI.cjs → awaiter-fVVumiTQ.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-3VhVRFNG.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-40Ju7fZj.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-styles-dahfLzRE.cjs → block-styles-HINWIuAE.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),t=require("./index-3VhVRFNG.cjs"),m=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs"),T=a.defineComponent({name:"block-styles",components:{InlinedStyles:t._sfc_main},props:["block","context"],data(){return{TARGET:m.TARGET}},computed:{canShowBlock(){const e=this.block;return m.checkIsDefined(e.hide)?!e.hide:m.checkIsDefined(e.show)?e.show:!0},css(){var h,k,C,f,b;const e=this.block,s=e.responsiveStyles,o=this.context.content,r=t.getSizesForBreakpoints(((h=o==null?void 0:o.meta)==null?void 0:h.breakpoints)||{}),u=!!((C=(k=o==null?void 0:o.meta)==null?void 0:k.breakpoints)!=null&&C.xsmall),i=s==null?void 0:s.large,c=s==null?void 0:s.medium,y=s==null?void 0:s.small,p=s==null?void 0:s.xsmall,n=e.id;if(!n)return"";const g=i?t.createCssClass({className:n,styles:i}):"",B=c?t.createCssClass({className:n,styles:c,mediaQuery:t.getMaxWidthQueryForSize("medium",r)}):"",v=y?t.createCssClass({className:n,styles:y,mediaQuery:t.getMaxWidthQueryForSize("small",r)}):"",x=p&&u?t.createCssClass({className:n,styles:p,mediaQuery:t.getMaxWidthQueryForSize("xsmall",r)}):"",l=e.animations&&e.animations.find(d=>d.trigger==="hover");let S="";if(l){const d=((b=(f=l.steps)==null?void 0:f[1])==null?void 0:b.styles)||{};S=t.createCssClass({className:`${n}:hover`,styles:{...d,transition:`all ${l.duration}s ${t.camelToKebabCase(l.easing)}`,transitionDelay:l.delay?`${l.delay}s`:"0s"}})||""}return[g,B,v,x,S].join(" ")}}});function $(e,s,o,r,u,i){const c=a.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(a.openBlock(),a.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):a.createCommentVNode("",!0)}const _=t._export_sfc(T,[["render",$]]);exports.default=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),t=require("./index-40Ju7fZj.cjs"),m=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs"),T=a.defineComponent({name:"block-styles",components:{InlinedStyles:t._sfc_main},props:["block","context"],data(){return{TARGET:m.TARGET}},computed:{canShowBlock(){const e=this.block;return m.checkIsDefined(e.hide)?!e.hide:m.checkIsDefined(e.show)?e.show:!0},css(){var h,k,C,f,b;const e=this.block,s=e.responsiveStyles,o=this.context.content,r=t.getSizesForBreakpoints(((h=o==null?void 0:o.meta)==null?void 0:h.breakpoints)||{}),u=!!((C=(k=o==null?void 0:o.meta)==null?void 0:k.breakpoints)!=null&&C.xsmall),i=s==null?void 0:s.large,c=s==null?void 0:s.medium,y=s==null?void 0:s.small,p=s==null?void 0:s.xsmall,n=e.id;if(!n)return"";const g=i?t.createCssClass({className:n,styles:i}):"",B=c?t.createCssClass({className:n,styles:c,mediaQuery:t.getMaxWidthQueryForSize("medium",r)}):"",v=y?t.createCssClass({className:n,styles:y,mediaQuery:t.getMaxWidthQueryForSize("small",r)}):"",x=p&&u?t.createCssClass({className:n,styles:p,mediaQuery:t.getMaxWidthQueryForSize("xsmall",r)}):"",l=e.animations&&e.animations.find(d=>d.trigger==="hover");let S="";if(l){const d=((b=(f=l.steps)==null?void 0:f[1])==null?void 0:b.styles)||{};S=t.createCssClass({className:`${n}:hover`,styles:{...d,transition:`all ${l.duration}s ${t.camelToKebabCase(l.easing)}`,transitionDelay:l.delay?`${l.delay}s`:"0s"}})||""}return[g,B,v,x,S].join(" ")}}});function $(e,s,o,r,u,i){const c=a.resolveComponent("InlinedStyles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(a.openBlock(),a.createBlock(c,{key:0,id:"builderio-block",styles:e.css,nonce:e.context.nonce},null,8,["styles","nonce"])):a.createCommentVNode("",!0)}const _=t._export_sfc(T,[["render",$]]);exports.default=_;

package/lib/node/{block-styles-3BFRWeR_.js → block-styles-IE14sZnq.js}

@@ -1,5 +1,5 @@
 import { defineComponent as _, resolveComponent as x, openBlock as T, createBlock as w, createCommentVNode as I } from "vue";
-import { _ as N, g as Q, c as a, a as m, b as z, d as A } from "./index-6f7aS4as.js";
+import { _ as N, g as Q, c as a, a as m, b as z, d as A } from "./index-NJECHTw1.js";
 import { T as D, e as C } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
 const E = _({
   name: "block-styles",

package/lib/{edge/block-wrapper-uwJjRSjB.cjs → node/block-wrapper-vQ87OSVE.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-ePFST2_a.cjs"),n=require("./index-SxXHoi3G.cjs"),c=()=>Promise.resolve().then(()=>require("./index-SxXHoi3G.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}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{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})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-LPXLSOTJ.cjs"),n=require("./index-40Ju7fZj.cjs"),c=()=>Promise.resolve().then(()=>require("./index-40Ju7fZj.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}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,m,u){const r=t.resolveComponent("DynamicRenderer");return t.openBlock(),t.createBlock(r,{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})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i]]);exports.default=s;

package/lib/node/{block-wrapper-ThVlymJQ.js → block-wrapper-xDAgWb90.js}

@@ -1,7 +1,7 @@
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as i, renderSlot as p } from "vue";
-import { g as s, a as l } from "./get-block-properties-XqAwKEib.js";
-import { d as m } from "./index-6f7aS4as.js";
-const d = () => import("./index-6f7aS4as.js").then((e) => e.A).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-wD4LU0DE.js";
+import { d as m } from "./index-NJECHTw1.js";
+const d = () => import("./index-NJECHTw1.js").then((e) => e.A).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e

package/lib/node/blocks/image/image.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     aspectRatio?: any;
     backgroundPosition?: any;
     backgroundSize?: any;
+    lazy?: any;
     src?: any;
     srcset?: any;
     noWebp?: any;
@@ -31,6 +32,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     aspectRatio?: any;
     backgroundPosition?: any;
     backgroundSize?: any;
+    lazy?: any;
     src?: any;
     srcset?: any;
     noWebp?: any;
@@ -46,6 +48,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly aspectRatio?: any;
     readonly backgroundPosition?: any;
     readonly backgroundSize?: any;
+    readonly lazy?: any;
     readonly src?: any;
     readonly srcset?: any;
     readonly noWebp?: any;

package/lib/node/component-ref-Es2_Hx3D.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./index-40Ju7fZj.cjs"),l=require("./get-block-properties-LPXLSOTJ.cjs"),u=()=>Promise.resolve().then(()=>require("./awaiter-fVVumiTQ.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",e),e}),d=t.defineComponent({name:"interactive-element",components:{Awaiter:t.defineAsyncComponent(u)},props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){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})}:{}},targetWrapperProps(){return{...this.wrapperProps,...Object.keys(this.attributes).length>0?{attributes:this.attributes}:{}}}}});function h(e,n,c,a,r,i){const o=t.resolveComponent("Awaiter");return e.Wrapper.load?(t.openBlock(),t.createBlock(o,{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.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:1},e.targetWrapperProps)),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16))}const m=s._export_sfc(d,[["render",h]]),f=({componentOptions:e,builderBlock:n,context:c,componentRef:a,includeBlockProps:r,isInteractive:i,contextValue:o})=>{const p={...e,...r?{attributes:l.getBlockProperties({block:n,context:o})}:{}};return i?{Wrapper:a,block:n,context:c,wrapperProps:e,includeBlockProps:r}:p},b=t.defineComponent({name:"component-ref",components:{Block:s.Block,InteractiveElement:m},props:["componentOptions","blockChildren","isInteractive","componentRef","builderBlock","context","linkComponent","includeBlockProps","registeredComponents"],data(){return{shouldUpdate:!1,Wrapper:this.isInteractive?s.wrapComponentRef(m):this.componentRef,getWrapperProps:f}},watch:{onUpdateHook0:{handler(){},immediate:!0}},computed:{onUpdateHook0(){return{0:this.componentOptions,1:this.blockChildren}}}});function C(e,n,c,a,r,i){const o=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.blockChildren,(p,k)=>(t.openBlock(),t.createBlock(o,{key:p.id,block:p,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const B=s._export_sfc(b,[["render",C]]);exports.default=B;

package/lib/{edge/component-ref-m6_Qgjxh.js → node/component-ref-qogwhlK8.js}

@@ -1,19 +1,19 @@
-import { defineComponent as u, defineAsyncComponent as P, resolveComponent as k, openBlock as o, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as f, mergeProps as b, normalizeProps as B, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as W } from "vue";
-import { e as h, B as S, w as y } from "./index-O2Rm1-0p.js";
-import { a as C, g as A } from "./get-block-properties-nUOubhiy.js";
-const R = () => import("./awaiter-BPHhe8gu.js").then((e) => e.default).catch((e) => {
+import { defineComponent as u, defineAsyncComponent as g, resolveComponent as k, openBlock as o, createBlock as a, withCtx as l, renderSlot as m, resolveDynamicComponent as f, normalizeProps as h, mergeProps as b, createElementBlock as B, Fragment as W, renderList as $, createCommentVNode as v } from "vue";
+import { d as C, B as y, w as S } from "./index-NJECHTw1.js";
+import { a as P, g as A } from "./get-block-properties-wD4LU0DE.js";
+const R = () => import("./awaiter-E4fj6vmG.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Awaiter at ../../awaiter.vue",
     e
   ), e;
 }), E = u({
   name: "interactive-element",
-  components: { Awaiter: P(R) },
-  props: ["includeBlockProps", "block", "context", "Wrapper", "wrapperProps"],
+  components: { Awaiter: g(R) },
+  props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],
   computed: {
     attributes() {
       return this.includeBlockProps ? {
-        ...C({
+        ...P({
           block: this.block,
           context: this.context
         }),
@@ -25,6 +25,14 @@ const R = () => import("./awaiter-BPHhe8gu.js").then((e) => e.default).catch((e)
           context: this.context.context
         })
       } : {};
+    },
+    targetWrapperProps() {
+      return {
+        ...this.wrapperProps,
+        ...Object.keys(this.attributes).length > 0 ? {
+          attributes: this.attributes
+        } : {}
+      };
     }
   }
 });
@@ -41,17 +49,14 @@ function I(e, n, s, i, r, c) {
       m(e.$slots, "default")
     ]),
     _: 3
-  }, 8, ["load", "fallback", "props", "attributes"])) : (o(), a(f(e.Wrapper), b({
-    key: 1,
-    attributes: e.attributes
-  }, e.wrapperProps), {
+  }, 8, ["load", "fallback", "props", "attributes"])) : (o(), a(f(e.Wrapper), h(b({ key: 1 }, e.targetWrapperProps)), {
     default: l(() => [
       m(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["attributes"]));
+  }, 16));
 }
-const d = /* @__PURE__ */ h(E, [["render", I]]), O = ({
+const d = /* @__PURE__ */ C(E, [["render", I]]), O = ({
   componentOptions: e,
   builderBlock: n,
   context: s,
@@ -67,7 +72,7 @@ const d = /* @__PURE__ */ h(E, [["render", I]]), O = ({
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...r ? {
-      attributes: C({
+      attributes: P({
         block: n,
         context: t
       })
@@ -82,7 +87,7 @@ const d = /* @__PURE__ */ h(E, [["render", I]]), O = ({
   } : p;
 }, U = u({
   name: "component-ref",
-  components: { Block: S, InteractiveElement: d },
+  components: { Block: y, InteractiveElement: d },
   props: [
     "componentOptions",
     "blockChildren",
@@ -97,7 +102,7 @@ const d = /* @__PURE__ */ h(E, [["render", I]]), O = ({
   data() {
     return {
       shouldUpdate: !1,
-      Wrapper: this.isInteractive ? y(d) : this.componentRef,
+      Wrapper: this.isInteractive ? S(d) : this.componentRef,
       getWrapperProps: O
     };
   },
@@ -116,7 +121,7 @@ const d = /* @__PURE__ */ h(E, [["render", I]]), O = ({
 });
 function H(e, n, s, i, r, c) {
   const t = k("Block");
-  return e.componentRef ? (o(), a(f(e.Wrapper), B(b(
+  return e.componentRef ? (o(), a(f(e.Wrapper), h(b(
     { key: 0 },
     e.getWrapperProps({
       componentOptions: e.componentOptions,
@@ -130,7 +135,7 @@ function H(e, n, s, i, r, c) {
     })
   )), {
     default: l(() => [
-      (o(!0), g($, null, v(e.blockChildren, (p, w) => (o(), a(t, {
+      (o(!0), B(W, null, $(e.blockChildren, (p, w) => (o(), a(t, {
         key: p.id,
         block: p,
         context: e.context,
@@ -139,9 +144,9 @@ function H(e, n, s, i, r, c) {
       }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
     ]),
     _: 1
-  }, 16)) : W("", !0);
+  }, 16)) : v("", !0);
 }
-const F = /* @__PURE__ */ h(U, [["render", H]]);
+const D = /* @__PURE__ */ C(U, [["render", H]]);
 export {
-  F as default
+  D as default
 };

package/lib/node/components/block/block.helpers.d.ts

@@ -34,3 +34,4 @@ export declare const provideBuilderContext: (block: RegisteredComponent | null |
 } | {
     builderContext?: undefined;
 };
+export declare const generateKey: (index: number) => string;

package/lib/node/components/block/block.vue.d.ts

@@ -16,6 +16,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         value: BuilderBlock | null;
         update: boolean;
     };
+    generateKey: (index: number) => string;
 }, {
     repeatItem(): import("./types").RepeatData[] | undefined;
     processedBlock(): any;

package/lib/node/components/block/components/interactive-element.vue.d.ts

@@ -13,21 +13,22 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     block?: any;
     includeBlockProps?: any;
-    Wrapper?: any;
     wrapperProps?: any;
+    Wrapper?: any;
 }>, unknown, unknown, {
     attributes(): {};
+    targetWrapperProps(): any;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     block?: any;
     includeBlockProps?: any;
-    Wrapper?: any;
     wrapperProps?: any;
+    Wrapper?: any;
 }>>>, {
     readonly context?: any;
     readonly block?: any;
     readonly includeBlockProps?: any;
-    readonly Wrapper?: any;
     readonly wrapperProps?: any;
+    readonly Wrapper?: any;
 }, {}>;
 export default _default;

package/lib/node/components/block/components/repeated-block.vue.d.ts

@@ -5,7 +5,11 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     repeatContext?: any;
 }>, unknown, {
     store: any;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {
+    onUpdateHook0(): {
+        0: any;
+    };
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     block?: any;
     linkComponent?: any;
     registeredComponents?: any;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "4.0.6";
+export declare const SDK_VERSION = "4.0.7";

package/lib/node/{get-block-properties-pu3hVstP.cjs → get-block-properties-LPXLSOTJ.cjs}

@@ -1 +1 @@
-"use strict";const c=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs"),s=require("./index-3VhVRFNG.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function u(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=i(o);if(e.stripPrefix)switch(c.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=l(a,e)}return t}function d({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:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return d({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=p;
+"use strict";const c=require("./should-force-browser-runtime-in-node-1vTKsoso.cjs"),s=require("./index-40Ju7fZj.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function u(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let n=i(o);if(e.stripPrefix)switch(c.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=l(a,e)}return t}function d({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:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return d({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=p;

package/lib/node/{get-block-properties-XqAwKEib.js → get-block-properties-wD4LU0DE.js}

@@ -1,5 +1,5 @@
 import { T as n } from "./should-force-browser-runtime-in-node-ikxWrCvn.js";
-import { e as c, f as i, h as l } from "./index-6f7aS4as.js";
+import { e as c, f as i, h as l } from "./index-NJECHTw1.js";
 const f = (e) => `v-on:${e.toLowerCase()}`, p = (e, t) => (r) => c({
   code: e,
   context: t.context,