@builder.io/sdk-vue 0.8.1 → 0.10.0

package/vue2/lib/{edge/content-fbac6557.js → browser/content-8f812a38.js}

@@ -1,6 +1,6 @@
 import "./style.css";
 import { defineComponent as p } from "vue";
-import { n as u, i as y, b as x, B as v, C as _, F as S, I as T, S as I, d as C, e as w, V as k, h as F, j as f, s as g, T as R, k as V } from "./index-7870efd8.js";
+import { n as u, i as y, b as x, B as v, C as _, F as S, I as T, S as I, d as k, e as C, V as w, h as F, j as f, s as g, T as R, k as V } from "./index-7a45f7e8.js";
 const E = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -34,7 +34,7 @@ const E = {
   }],
   static: !0,
   noWrap: !0
-}, A = {
+}, W = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -235,7 +235,7 @@ const E = {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, W = {
+}, A = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -257,7 +257,7 @@ const E = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, $ = p({
+}, P = p({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -303,15 +303,15 @@ const E = {
     }
   }
 });
-var U = function() {
+var $ = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("div", { ref: "elementRef", class: t._classStringToObject(
     "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
   ), domProps: { innerHTML: t._s(t.code) } });
-}, P = [], j = /* @__PURE__ */ u(
+}, U = [], j = /* @__PURE__ */ u(
+  P,
   $,
   U,
-  P,
   !1,
   null,
   null,
@@ -343,7 +343,7 @@ const H = j.exports, L = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, z = ["text/javascript", "application/javascript", "application/ecmascript"], D = (e) => z.includes(e.type), M = p({
+}, z = ["text/javascript", "application/javascript", "application/ecmascript"], B = (e) => z.includes(e.type), D = p({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -376,7 +376,7 @@ const H = j.exports, L = {
           this.scriptsInserted.push(n.src);
           const a = document.createElement("script");
           a.async = !0, a.src = n.src, document.head.appendChild(a);
-        } else if (D(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (B(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (a) {
@@ -386,13 +386,13 @@ const H = j.exports, L = {
     }
   }
 });
-var q = function() {
+var M = function() {
   var t = this, n = t._self._c;
   return t._self._setupProxy, n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: t._s(t.content) } });
-}, B = [], N = /* @__PURE__ */ u(
+}, q = [], N = /* @__PURE__ */ u(
+  D,
   M,
   q,
-  B,
   !1,
   null,
   null,
@@ -725,10 +725,10 @@ const ee = Z.exports, te = {
   ...E
 }, {
   component: _,
-  ...A
+  ...W
 }, {
   component: H,
-  ...W
+  ...A
 }, {
   component: K,
   ...L
@@ -745,13 +745,13 @@ const ee = Z.exports, te = {
   component: I,
   ...te
 }, {
-  component: C,
+  component: k,
   ...ne
 }, {
-  component: w,
+  component: C,
   ...ae
 }, {
-  component: k,
+  component: w,
   ...oe
 }], ie = ({
   content: e,
@@ -780,22 +780,22 @@ const ee = Z.exports, te = {
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, se = () => import("./index-7870efd8.js").then((e) => e.M).then((e) => e.default).catch((e) => {
+} : void 0, se = () => import("./index-7a45f7e8.js").then((e) => e.M).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Blocks at ../blocks/blocks.vue",
     e
   ), e;
-}), le = () => import("./inlined-script-a166a386.js").then((e) => e.default).catch((e) => {
+}), le = () => import("./inlined-script-93bcd870.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
     e
   ), e;
-}), ce = () => import("./enable-editor-f4bb4d8e.js").then((e) => e.default).catch((e) => {
+}), ce = () => import("./enable-editor-7ccc9be9.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component EnableEditor at ./components/enable-editor.vue",
     e
   ), e;
-}), de = () => import("./styles-5c035753.js").then((e) => e.default).catch((e) => {
+}), de = () => import("./styles-dc764ba9.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ContentStyles at ./components/styles.vue",
     e
@@ -816,11 +816,15 @@ const ee = Z.exports, te = {
     "context",
     "apiKey",
     "apiVersion",
+    "blocksWrapper",
+    "blocksWrapperProps",
     "model",
     "canTrack",
     "includeRefs",
     "enrich",
     "showContent",
+    "contentWrapper",
+    "contentWrapperProps",
     "isSsrAbTest"
   ],
   data() {
@@ -882,7 +886,9 @@ const ee = Z.exports, te = {
           }),
           {}
         ),
-        inheritedStyles: {}
+        inheritedStyles: {},
+        BlocksWrapper: this.blocksWrapper || "div",
+        BlocksWrapperProps: this.blocksWrapperProps || {}
       },
       TARGET: R
     };
@@ -904,7 +910,7 @@ const ee = Z.exports, te = {
 var ue = function() {
   var a, o, s, i, r, l, c;
   var t = this, n = t._self._c;
-  return t._self._setupProxy, n("enable-editor", t._b({ attrs: { content: t.content, model: t.model, context: t.context, apiKey: t.apiKey, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, showContent: t.showContent, builderContextSignal: t.builderContextSignal } }, "enable-editor", {}, !1), [t.isSsrAbTest ? [n("inlined-script", { attrs: { scriptStr: t.scriptStr } })] : t._e(), t.TARGET !== "reactNative" ? [n("content-styles", { attrs: { contentId: (a = t.builderContextSignal.content) == null ? void 0 : a.id, cssCode: (s = (o = t.builderContextSignal.content) == null ? void 0 : o.data) == null ? void 0 : s.cssCode, customFonts: (r = (i = t.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : r.customFonts } })] : t._e(), n("blocks", { attrs: { blocks: (c = (l = t.builderContextSignal.content) == null ? void 0 : l.data) == null ? void 0 : c.blocks, context: t.builderContextSignal, registeredComponents: t.registeredComponents } })], 2);
+  return t._self._setupProxy, n("enable-editor", t._b({ attrs: { content: t.content, model: t.model, context: t.context, apiKey: t.apiKey, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, showContent: t.showContent, builderContextSignal: t.builderContextSignal, contentWrapper: t.contentWrapper, contentWrapperProps: t.contentWrapperProps } }, "enable-editor", {}, !1), [t.isSsrAbTest ? [n("inlined-script", { attrs: { scriptStr: t.scriptStr } })] : t._e(), t.TARGET !== "reactNative" ? [n("content-styles", { attrs: { contentId: (a = t.builderContextSignal.content) == null ? void 0 : a.id, cssCode: (s = (o = t.builderContextSignal.content) == null ? void 0 : o.data) == null ? void 0 : s.cssCode, customFonts: (r = (i = t.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : r.customFonts } })] : t._e(), n("blocks", { attrs: { blocks: (c = (l = t.builderContextSignal.content) == null ? void 0 : l.data) == null ? void 0 : c.blocks, context: t.builderContextSignal, registeredComponents: t.registeredComponents } })], 2);
 }, me = [], he = /* @__PURE__ */ u(
   pe,
   ue,

package/vue2/lib/browser/context/builder.context.d.ts

@@ -9,6 +9,8 @@ declare const _default: {
         apiVersion: undefined;
         componentInfos: {};
         inheritedStyles: {};
+        BlocksWrapper: string;
+        BlocksWrapperProps: {};
     };
     key: symbol;
 };

package/vue2/lib/browser/context/types.d.ts

@@ -1,3 +1,4 @@
+import type { BlocksWrapperProps } from '../components/blocks/blocks-wrapper.vue';
 import type { ApiVersion } from '../types/api-version.js';
 import type { BuilderContent } from '../types/builder-content.js';
 import type { ComponentInfo } from '../types/components.js';
@@ -8,7 +9,7 @@ export type RegisteredComponent = ComponentInfo & {
 export type RegisteredComponents = Dictionary<RegisteredComponent>;
 export type BuilderRenderState = Record<string, unknown>;
 export type BuilderRenderContext = Record<string, unknown>;
-export interface BuilderContextInterface {
+export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'> {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;
     /**

package/vue2/lib/{node/css-3747a91a.cjs → browser/css-38eebc34.cjs}

@@ -1,4 +1,4 @@
-"use strict";var l=require("./style.css");const c=require("./index-00b54a2d.cjs"),n=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),o=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${n(r)}: ${s};`}).filter(c.checkIsDefined),a=e=>o(e).join(`
+"use strict";var l=require("./style.css");const c=require("./index-fae2823a.cjs"),n=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),o=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${n(r)}: ${s};`}).filter(c.checkIsDefined),a=e=>o(e).join(`
 `),i=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
     ${a(r)}
   }`;return e?`${e} {

package/vue2/lib/browser/{css-445df887.js → css-c5e3c46b.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { c as o } from "./index-f3618847.js";
+import { c as o } from "./index-7a45f7e8.js";
 const c = (s) => s.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), n = (s) => Object.entries(s).map(([r, e]) => {
   if (typeof e == "string")
     return `${c(r)}: ${e};`;

package/vue2/lib/browser/enable-editor-1f6a54ac.cjs

@@ -0,0 +1 @@
+"use strict";var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("vue"),r=require("./index-fae2823a.cjs"),m=require("./evaluate-5b9ba4c5.cjs");function f(n){return Math.round(n*1e3)/1e3}const v=(n,e,t=!0)=>{if(!(n instanceof HTMLElement))return null;let i=t?n:n.parentElement;do{if(!i)return null;if(e(i))return i}while(i=i.parentElement);return null},x=n=>v(n,e=>{const t=e.getAttribute("builder-id")||e.id;return(t==null?void 0:t.indexOf("builder-"))===0}),g=({event:n,target:e})=>{const t=e.getBoundingClientRect(),i=n.clientX-t.left,o=n.clientY-t.top,s=f(i/t.width),a=f(o/t.height);return{x:s,y:a}},R=n=>{const e=n.target,t=e&&x(e),i=(t==null?void 0:t.getAttribute("builder-id"))||(t==null?void 0:t.id);return{targetBuilderElement:i||void 0,metadata:{targetOffset:e?g({event:n,target:e}):void 0,builderTargetOffset:t?g({event:n,target:t}):void 0,builderElementIndex:t&&i?[].slice.call(document.getElementsByClassName(i)).indexOf(t):void 0}}},k="0.10.0",w=()=>{r.register("insertMenu",{name:"_default",default:!0,items:[{name:"Box"},{name:"Text"},{name:"Image"},{name:"Columns"},{name:"Core:Section"},{name:"Core:Button"},{name:"Embed"},{name:"Custom Code"}]})};let b=!1;const y=(n={})=>{var e,t;b||(b=!0,r.isBrowser()&&((e=window.parent)==null||e.postMessage({type:"builder.sdkInfo",data:{target:r.TARGET,version:k,supportsPatchUpdates:!1,supportsAddBlockScoping:!0,supportsCustomBreakpoints:!0}},"*"),(t=window.parent)==null||t.postMessage({type:"builder.updateContent",data:{options:n}},"*"),window.addEventListener("message",({data:i})=>{var o,s;if(i!=null&&i.type)switch(i.type){case"builder.evaluate":{const a=i.data.text,l=i.data.arguments||[],c=i.data.id,C=new Function(a);let d,u=null;try{d=C.apply(null,l)}catch(h){u=h}u?(o=window.parent)==null||o.postMessage({type:"builder.evaluateError",data:{id:c,error:u.message}},"*"):d&&typeof d.then=="function"?d.then(h=>{var p;(p=window.parent)==null||p.postMessage({type:"builder.evaluateResult",data:{id:c,result:h}},"*")}).catch(console.error):(s=window.parent)==null||s.postMessage({type:"builder.evaluateResult",data:{result:d,id:c}},"*");break}}})))},_=S.defineComponent({name:"enable-editor",props:["builderContextSignal","contentWrapper","model","context","canTrack","apiKey","locale","includeRefs","enrich","content","showContent","contentWrapperProps"],data(){return{forceReRenderCount:0,lastUpdated:0,shouldSendResetCookie:!1,ContentWrapper:this.contentWrapper||"div",httpReqsData:{},clicked:!1,builderContext:r.builderContext}},provide(){const n=this;return{[r.builderContext.key]:n.builderContextSignal}},mounted(){(()=>{var t,i;if(r.isBrowser()){if(r.isEditing()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initeditingbldr")),this.builderContextSignal.content&&r.getDefaultCanTrack(this.canTrack)){const s=(t=this.builderContextSignal.content)==null?void 0:t.testVariationId,a=(i=this.builderContextSignal.content)==null?void 0:i.id,l=this.apiKey;r._track({type:"impression",canTrack:!0,contentId:a,apiKey:l,variationId:s!==a?s:void 0})}r.isPreviewing()&&this.$refs.elementRef&&this.$refs.elementRef.dispatchEvent(new CustomEvent("initpreviewingbldr"))}})(),(()=>{this.apiKey||r.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),this.evaluateJsCode(),this.runHttpRequests(),this.emitStateUpdate()})()},watch:{onUpdateHook0:{handler(){this.content&&this.mergeNewContent(this.content)},immediate:!0},onUpdateHook1:{handler(){},immediate:!0},onUpdateHook2:{handler(){this.evaluateJsCode()},immediate:!0},onUpdateHook3:{handler(){this.runHttpRequests()},immediate:!0},onUpdateHook4:{handler(){this.emitStateUpdate()},immediate:!0}},unmounted(){r.isBrowser()&&(window.removeEventListener("message",this.processMessage),window.removeEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate))},computed:{onUpdateHook0(){return{0:this.content}},onUpdateHook1(){return{0:this.shouldSendResetCookie}},onUpdateHook2(){var n,e;return{0:(e=(n=this.builderContextSignal.content)==null?void 0:n.data)==null?void 0:e.jsCode,1:this.builderContextSignal.rootState}},onUpdateHook3(){var n,e;return{0:(e=(n=this.builderContextSignal.content)==null?void 0:n.data)==null?void 0:e.httpRequests}},onUpdateHook4(){return{0:this.builderContextSignal.rootState}}},methods:{mergeNewContent(n){var t,i,o,s,a;const e={...this.builderContextSignal.content,...n,data:{...(t=this.builderContextSignal.content)==null?void 0:t.data,...n==null?void 0:n.data},meta:{...(i=this.builderContextSignal.content)==null?void 0:i.meta,...n==null?void 0:n.meta,breakpoints:((o=n==null?void 0:n.meta)==null?void 0:o.breakpoints)||((a=(s=this.builderContextSignal.content)==null?void 0:s.meta)==null?void 0:a.breakpoints)}};this.builderContextSignal.content=e},processMessage(n){var t;const{data:e}=n;if(e)switch(e.type){case"builder.configureSdk":{const i=e.data,{breakpoints:o,contentId:s}=i;if(!s||s!==((t=this.builderContextSignal.content)==null?void 0:t.id))return;o&&this.mergeNewContent({meta:{breakpoints:o}}),this.forceReRenderCount=this.forceReRenderCount+1;break}case"builder.contentUpdate":{const i=e.data,o=i.key||i.alias||i.entry||i.modelName,s=i.data;o===this.model&&(this.mergeNewContent(s),this.forceReRenderCount=this.forceReRenderCount+1);break}}},evaluateJsCode(){var e,t;const n=(t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.jsCode;n&&m.evaluate({code:n,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState})},onClick(n){var e,t;if(this.builderContextSignal.content){const i=(e=this.builderContextSignal.content)==null?void 0:e.testVariationId,o=(t=this.builderContextSignal.content)==null?void 0:t.id;r._track({type:"click",canTrack:r.getDefaultCanTrack(this.canTrack),contentId:o,apiKey:this.apiKey,variationId:i!==o?i:void 0,...R(n),unique:!this.clicked})}this.clicked||(this.clicked=!0)},evalExpression(n){return n.replace(/{{([^}]+)}}/g,(e,t)=>m.evaluate({code:t,context:this.context||{},localState:void 0,rootState:this.builderContextSignal.rootState,rootSetState:this.builderContextSignal.rootSetState}))},handleRequest({url:n,key:e}){r.fetch(n).then(t=>t.json()).then(t=>{var o,s;const i={...this.builderContextSignal.rootState,[e]:t};(s=(o=this.builderContextSignal).rootSetState)==null||s.call(o,i),this.httpReqsData[e]=!0}).catch(t=>{console.error("error fetching dynamic data",n,t)})},runHttpRequests(){var e,t;const n=((t=(e=this.builderContextSignal.content)==null?void 0:e.data)==null?void 0:t.httpRequests)??{};Object.entries(n).forEach(([i,o])=>{if(o&&(!this.httpReqsData[i]||r.isEditing())){const s=this.evalExpression(o);this.handleRequest({url:s,key:i})}})},emitStateUpdate(){r.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:r.fastClone(this.builderContextSignal.rootState),ref:{name:this.model}}}))},elementRef_onIniteditingbldr(n){this.forceReRenderCount=this.forceReRenderCount+1,window.addEventListener("message",this.processMessage),w(),y({...this.locale?{locale:this.locale}:{},...this.includeRefs?{includeRefs:this.includeRefs}:{},...this.enrich?{enrich:this.enrich}:{}}),Object.values(this.builderContextSignal.componentInfos).forEach(e=>{var i;const t=r.createRegisterComponentMessage(e);(i=window.parent)==null||i.postMessage(t,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",this.emitStateUpdate)},elementRef_onInitpreviewingbldr(n){const e=new URL(location.href).searchParams,t=e.get("builder.preview"),i=e.get(`builder.preview.${t}`),o=e.get("apiKey")||e.get("builder.space");t===this.model&&o===this.apiKey&&(!this.content||i===this.content.id)&&r.fetchOneEntry({model:this.model,apiKey:this.apiKey,apiVersion:this.builderContextSignal.apiVersion}).then(s=>{s&&this.mergeNewContent(s)})},_classStringToObject(n){const e={};if(typeof n!="string")return e;const t=n.trim().split(/\s+/);for(const i of t)e[i]=!0;return e}}});var E=function(){var i,o,s;var e=this,t=e._self._c;return e._self._setupProxy,e.builderContextSignal.content?t(e.ContentWrapper,e._b({key:e.forceReRenderCount,ref:"elementRef",tag:"component",class:e._classStringToObject(`variant-${((i=e.content)==null?void 0:i.testVariationId)||((o=e.content)==null?void 0:o.id)}`),attrs:{onClick:a=>e.onClick(a),"builder-content-id":(s=e.builderContextSignal.content)==null?void 0:s.id,"builder-model":e.model,onIniteditingbldr:a=>e.elementRef_onIniteditingbldr(a),onInitpreviewingbldr:a=>e.elementRef_onInitpreviewingbldr(a)}},"component",{...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps},!1),[e._t("default")],2):e._e()},I=[],M=r.normalizeComponent(_,E,I,!1,null,null,null,null);const U=M.exports;exports.default=U;

package/vue2/lib/{edge/enable-editor-f4bb4d8e.js → browser/enable-editor-7ccc9be9.js}

@@ -1,11 +1,11 @@
 import "./style.css";
 import { defineComponent as k } from "vue";
-import { r as w, m as p, T as y, l as f, _ as g, o as b, p as _, i as h, f as E, q as I, t as U, u as M, v as H, n as T } from "./index-7870efd8.js";
-import { e as S } from "./evaluate-063c5f7a.js";
-function C(n) {
+import { r as w, m as h, T as y, l as f, _ as g, o as b, p as _, i as p, f as E, q as I, t as U, u as M, v as H, n as P } from "./index-7a45f7e8.js";
+import { e as C } from "./evaluate-6fd688e4.js";
+function S(n) {
   return Math.round(n * 1e3) / 1e3;
 }
-const P = (n, e, t = !0) => {
+const T = (n, e, t = !0) => {
   if (!(n instanceof HTMLElement))
     return null;
   let i = t ? n : n.parentElement;
@@ -16,14 +16,14 @@ const P = (n, e, t = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, K = (n) => P(n, (e) => {
+}, K = (n) => T(n, (e) => {
   const t = e.getAttribute("builder-id") || e.id;
   return (t == null ? void 0 : t.indexOf("builder-")) === 0;
 }), v = ({
   event: n,
   target: e
 }) => {
-  const t = e.getBoundingClientRect(), i = n.clientX - t.left, o = n.clientY - t.top, s = C(i / t.width), a = C(o / t.height);
+  const t = e.getBoundingClientRect(), i = n.clientX - t.left, o = n.clientY - t.top, s = S(i / t.width), a = S(o / t.height);
   return {
     x: s,
     y: a
@@ -44,7 +44,7 @@ const P = (n, e, t = !0) => {
       builderElementIndex: t && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(t) : void 0
     }
   };
-}, O = "0.8.1", N = () => {
+}, O = "0.10.0", N = () => {
   w("insertMenu", {
     name: "_default",
     default: !0,
@@ -70,7 +70,7 @@ const P = (n, e, t = !0) => {
 let R = !1;
 const j = (n = {}) => {
   var e, t;
-  R || (R = !0, p() && ((e = window.parent) == null || e.postMessage({
+  R || (R = !0, h() && ((e = window.parent) == null || e.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: y,
@@ -130,6 +130,7 @@ const j = (n = {}) => {
   name: "enable-editor",
   props: [
     "builderContextSignal",
+    "contentWrapper",
     "model",
     "context",
     "canTrack",
@@ -138,13 +139,15 @@ const j = (n = {}) => {
     "includeRefs",
     "enrich",
     "content",
-    "showContent"
+    "showContent",
+    "contentWrapperProps"
   ],
   data() {
     return {
       forceReRenderCount: 0,
       lastUpdated: 0,
       shouldSendResetCookie: !1,
+      ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       clicked: !1,
       builderContext: f
@@ -159,8 +162,8 @@ const j = (n = {}) => {
   mounted() {
     (() => {
       var t, i;
-      if (p()) {
-        if (h() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      if (h()) {
+        if (p() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && b(this.canTrack)) {
           const s = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (i = this.builderContextSignal.content) == null ? void 0 : i.id, d = this.apiKey;
@@ -211,7 +214,7 @@ const j = (n = {}) => {
     }
   },
   unmounted() {
-    p() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -290,7 +293,7 @@ const j = (n = {}) => {
     evaluateJsCode() {
       var e, t;
       const n = (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.jsCode;
-      n && S({
+      n && C({
         code: n,
         context: this.context || {},
         localState: void 0,
@@ -317,7 +320,7 @@ const j = (n = {}) => {
     evalExpression(n) {
       return n.replace(
         /{{([^}]+)}}/g,
-        (e, t) => S({
+        (e, t) => C({
           code: t,
           context: this.context || {},
           localState: void 0,
@@ -342,7 +345,7 @@ const j = (n = {}) => {
       var e, t;
       const n = ((t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests) ?? {};
       Object.entries(n).forEach(([i, o]) => {
-        if (o && (!this.httpReqsData[i] || h())) {
+        if (o && (!this.httpReqsData[i] || p())) {
           const s = this.evalExpression(o);
           this.handleRequest({
             url: s,
@@ -352,7 +355,7 @@ const j = (n = {}) => {
       });
     },
     emitStateUpdate() {
-      h() && window.dispatchEvent(
+      p() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -414,19 +417,14 @@ const j = (n = {}) => {
 var L = function() {
   var i, o, s;
   var e = this, t = e._self._c;
-  return e._self._setupProxy, e.builderContextSignal.content ? t("div", e._b({ key: e.forceReRenderCount, ref: "elementRef", class: e._classStringToObject(`variant-${((i = e.content) == null ? void 0 : i.testVariationId) || ((o = e.content) == null ? void 0 : o.id)}`), attrs: { "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id, "builder-model": e.model }, on: { click: function(a) {
-    return e.onClick(a);
-  }, initeditingbldr: function(a) {
-    return e.elementRef_onIniteditingbldr(a);
-  }, initpreviewingbldr: function(a) {
-    return e.elementRef_onInitpreviewingbldr(a);
-  } } }, "div", {
+  return e._self._setupProxy, e.builderContextSignal.content ? t(e.ContentWrapper, e._b({ key: e.forceReRenderCount, ref: "elementRef", tag: "component", class: e._classStringToObject(`variant-${((i = e.content) == null ? void 0 : i.testVariationId) || ((o = e.content) == null ? void 0 : o.id)}`), attrs: { onClick: (a) => e.onClick(a), "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id, "builder-model": e.model, onIniteditingbldr: (a) => e.elementRef_onIniteditingbldr(a), onInitpreviewingbldr: (a) => e.elementRef_onInitpreviewingbldr(a) } }, "component", {
     ...e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
-    }
+    },
+    ...e.contentWrapperProps
   }, !1), [e._t("default")], 2) : e._e();
-}, B = [], V = /* @__PURE__ */ T(
+}, B = [], V = /* @__PURE__ */ P(
   A,
   L,
   B,
@@ -436,7 +434,7 @@ var L = function() {
   null,
   null
 );
-const z = V.exports;
+const J = V.exports;
 export {
-  z as default
+  J as default
 };

package/vue2/lib/browser/{evaluate-a8ca82e7.cjs → evaluate-5b9ba4c5.cjs}

@@ -1 +1 @@
-"use strict";var m=require("./style.css");const t=require("./index-c5b74b20.cjs"),l=({builder:r,context:e,event:n,state:i})=>Object.entries({state:i,Builder:r,builder:r,context:e,event:n}),a=()=>({isEditing:t.isEditing(),isBrowser:t.isBrowser(),isServer:!t.isBrowser(),getUserAttributes:()=>t.getUserAttributes()}),d=(r,{isExpression:e=!0})=>e&&!(r.includes(";")||r.includes(" return ")||r.trim().startsWith("return "))?`return (${r});`:r,w=({code:r,builder:e,context:n,event:i,localState:s,rootSetState:u,rootState:g})=>{const c=l({builder:e,context:n,event:i,state:f(g,s,u)});return new Function(...c.map(([o])=>o),r)(...c.map(([,o])=>o))};function f(r,e,n){if(r===e)throw new Error("rootState === localState");return new Proxy(r,{get:(i,s)=>e&&s in e?e[s]:r[s],set:(i,s,u)=>{if(e&&s in e)throw new Error("Writing to local state is not allowed as it is read-only.");return r[s]=u,n==null||n(r),!0}})}const v=r=>(t.isBrowser(),w(r));function B({code:r,context:e,localState:n,rootState:i,rootSetState:s,event:u,isExpression:g=!0}){if(r===""){t.logger.warn("Skipping evaluation of empty code block.");return}const c={code:d(r,{isExpression:g}),builder:a(),context:e,event:u,rootSetState:s,rootState:i,localState:n};try{return v(c)}catch(o){t.logger.error("Failed code evaluation: "+o.message,{code:r});return}}exports.evaluate=B;
+"use strict";var m=require("./style.css");const t=require("./index-fae2823a.cjs"),l=({builder:r,context:e,event:n,state:i})=>Object.entries({state:i,Builder:r,builder:r,context:e,event:n}),a=()=>({isEditing:t.isEditing(),isBrowser:t.isBrowser(),isServer:!t.isBrowser(),getUserAttributes:()=>t.getUserAttributes()}),d=(r,{isExpression:e=!0})=>e&&!(r.includes(";")||r.includes(" return ")||r.trim().startsWith("return "))?`return (${r});`:r,w=({code:r,builder:e,context:n,event:i,localState:s,rootSetState:u,rootState:g})=>{const c=l({builder:e,context:n,event:i,state:f(g,s,u)});return new Function(...c.map(([o])=>o),r)(...c.map(([,o])=>o))};function f(r,e,n){if(r===e)throw new Error("rootState === localState");return new Proxy(r,{get:(i,s)=>e&&s in e?e[s]:r[s],set:(i,s,u)=>{if(e&&s in e)throw new Error("Writing to local state is not allowed as it is read-only.");return r[s]=u,n==null||n(r),!0}})}const v=r=>(t.isBrowser(),w(r));function B({code:r,context:e,localState:n,rootState:i,rootSetState:s,event:u,isExpression:g=!0}){if(r===""){t.logger.warn("Skipping evaluation of empty code block.");return}const c={code:d(r,{isExpression:g}),builder:a(),context:e,event:u,rootSetState:s,rootState:i,localState:n};try{return v(c)}catch(o){t.logger.error("Failed code evaluation: "+o.message,{code:r});return}}exports.evaluate=B;

package/vue2/lib/browser/{evaluate-b3a4e37f.js → evaluate-6fd688e4.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { i as l, m as a, w as d, v as g } from "./index-f3618847.js";
+import { i as l, m as a, w as d, v as g } from "./index-7a45f7e8.js";
 const f = ({
   builder: r,
   context: e,

package/vue2/lib/browser/functions/get-block-properties.d.ts

@@ -3,4 +3,4 @@ import type { BuilderBlock } from '../types/builder-block.js';
 export declare function getBlockProperties({ block, context }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
-}): BuilderBlock;
+}): any;

package/vue2/lib/browser/functions/get-content/index.d.ts

@@ -16,11 +16,11 @@ type ContentResults = {
 /**
  * @internal Exported only for testing purposes. Do not use.
  */
-export declare const _processContentResult: (options: GetContentOptions, content: ContentResults, url?: URL) => Promise<ContentResults>;
+export declare const _processContentResult: (options: GetContentOptions, content: ContentResults, url?: URL) => Promise<BuilderContent[]>;
 /**
  * Returns a paginated array of entries that match the given options.
  */
-export declare function fetchEntries(options: GetContentOptions): Promise<ContentResults | null>;
+export declare function fetchEntries(options: GetContentOptions): Promise<BuilderContent[] | null>;
 /**
  * @deprecated `getAllContent` was renamed to `fetchEntries`. This is a temporary alias to avoid breaking changes.
  */

package/vue2/lib/browser/functions/transform-block-properties.d.ts

@@ -1,2 +1,5 @@
-import type { BuilderBlock } from '../types/builder-block.js';
-export declare function transformBlockProperties(properties: BuilderBlock): BuilderBlock;
+export declare function transformBlockProperties({ properties, }: {
+    properties: any;
+    block: any;
+    context: any;
+}): any;

package/vue2/lib/{edge/get-block-actions-89cffb9a.js → browser/get-block-actions-9d967845.js}

@@ -1,6 +1,6 @@
 import "./style.css";
-import { T as n } from "./index-7870efd8.js";
-import { e as s } from "./evaluate-063c5f7a.js";
+import { T as n } from "./index-7a45f7e8.js";
+import { e as s } from "./evaluate-6fd688e4.js";
 const l = (e) => `v-on:${e.toLowerCase()}`, i = (e, t) => (o) => s({
   code: e,
   context: t.context,

package/vue2/lib/browser/{get-block-actions-3bd34049.cjs → get-block-actions-ea954589.cjs}

@@ -1 +1 @@
-"use strict";var v=require("./style.css");const r=require("./index-c5b74b20.cjs"),s=require("./evaluate-a8ca82e7.cjs"),l=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>o=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:o,isExpression:!1});function u(e){const t={},o=e.block.actions??{};for(const c in o){if(!o.hasOwnProperty(c))continue;const n=o[c];let a=l(c);if(e.stripPrefix)switch(r.TARGET){case"vue2":case"vue3":a=a.replace("v-on:","");break;case"svelte":a=a.replace("on:","");break}t[a]=i(n,e)}return t}exports.getBlockActions=u;
+"use strict";var v=require("./style.css");const r=require("./index-fae2823a.cjs"),s=require("./evaluate-5b9ba4c5.cjs"),l=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>o=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:o,isExpression:!1});function u(e){const t={},o=e.block.actions??{};for(const c in o){if(!o.hasOwnProperty(c))continue;const n=o[c];let a=l(c);if(e.stripPrefix)switch(r.TARGET){case"vue2":case"vue3":a=a.replace("v-on:","");break;case"svelte":a=a.replace("on:","");break}t[a]=i(n,e)}return t}exports.getBlockActions=u;

package/vue2/lib/browser/get-block-properties-d54aca83.cjs

@@ -0,0 +1 @@
+"use strict";var f=require("./style.css");const i=require("./index-fae2823a.cjs"),c=require("./css-38eebc34.cjs");function n(e){const t={};if(typeof e!="string")return t;const s=e.trim().split(/\\s+/);for(const r of s)t[r]=!0;return t}function o({properties:e}){return e.class=n(e.class),e}const a=e=>({href:e.href});function u({block:e,context:t}){var r;const s={...a(e),...e.properties,"builder-id":e.id,style:e.style?l(e.style):void 0,class:[e.id,"builder-block",e.class,(r=e.properties)==null?void 0:r.class].filter(Boolean).join(" ")};return o({properties:s,context:t,block:e})}function l(e){switch(i.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return c.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}exports.getBlockProperties=u;

package/vue2/lib/browser/{get-block-properties-4030d3b5.js → get-block-properties-ddf880dc.js}

@@ -1,6 +1,6 @@
 import "./style.css";
-import { T as o } from "./index-f3618847.js";
-import { a } from "./css-445df887.js";
+import { T as o } from "./index-7a45f7e8.js";
+import { a } from "./css-c5e3c46b.js";
 function i(e) {
   const t = {};
   if (typeof e != "string")
@@ -10,7 +10,9 @@ function i(e) {
     t[r] = !0;
   return t;
 }
-function n(e) {
+function n({
+  properties: e
+}) {
   return e.class = i(e.class), e;
 }
 const c = (e) => ({
@@ -28,7 +30,11 @@ function m({
     style: e.style ? u(e.style) : void 0,
     class: [e.id, "builder-block", e.class, (r = e.properties) == null ? void 0 : r.class].filter(Boolean).join(" ")
   };
-  return n(s);
+  return n({
+    properties: s,
+    context: t,
+    block: e
+  });
 }
 function u(e) {
   switch (o) {

package/vue2/lib/browser/{get-processed-block-14ea8201.cjs → get-processed-block-6a4110c3.cjs}

@@ -1 +1 @@
-"use strict";var m=require("./style.css");const d=require("./index-c5b74b20.cjs"),g=require("./evaluate-a8ca82e7.cjs"),f=(e,i,o)=>{if(Object(e)!==e)return e;const t=Array.isArray(i)?i:i.toString().match(/[^.[\]]+/g);return t.slice(0,-1).reduce((r,n,s)=>Object(r[n])===r[n]?r[n]:r[n]=Math.abs(Number(t[s+1]))>>0===+t[s+1]?[]:{},e)[t[t.length-1]]=o,e};const l=({block:e,context:i,localState:o,rootState:t,rootSetState:r})=>{if(!e.bindings)return e;const n=d.fastClone(e),s={...n,properties:{...n.properties},actions:{...n.actions}};for(const c in e.bindings){const u=e.bindings[c],a=g.evaluate({code:u,localState:o,rootState:t,rootSetState:r,context:i});f(s,c,a)}return s};function p({block:e,context:i,shouldEvaluateBindings:o,localState:t,rootState:r,rootSetState:n}){const s=e;return o?l({block:s,localState:t,rootState:r,rootSetState:n,context:i}):s}exports.getProcessedBlock=p;
+"use strict";var m=require("./style.css");const d=require("./index-fae2823a.cjs"),g=require("./evaluate-5b9ba4c5.cjs"),f=(e,i,o)=>{if(Object(e)!==e)return e;const t=Array.isArray(i)?i:i.toString().match(/[^.[\]]+/g);return t.slice(0,-1).reduce((r,n,s)=>Object(r[n])===r[n]?r[n]:r[n]=Math.abs(Number(t[s+1]))>>0===+t[s+1]?[]:{},e)[t[t.length-1]]=o,e};const l=({block:e,context:i,localState:o,rootState:t,rootSetState:r})=>{if(!e.bindings)return e;const n=d.fastClone(e),s={...n,properties:{...n.properties},actions:{...n.actions}};for(const c in e.bindings){const u=e.bindings[c],a=g.evaluate({code:u,localState:o,rootState:t,rootSetState:r,context:i});f(s,c,a)}return s};function p({block:e,context:i,shouldEvaluateBindings:o,localState:t,rootState:r,rootSetState:n}){const s=e;return o?l({block:s,localState:t,rootState:r,rootSetState:n,context:i}):s}exports.getProcessedBlock=p;

package/vue2/lib/browser/{get-processed-block-497309fc.js → get-processed-block-8eee466e.js}

@@ -1,6 +1,6 @@
 import "./style.css";
-import { f } from "./index-f3618847.js";
-import { e as d } from "./evaluate-b3a4e37f.js";
+import { f } from "./index-7a45f7e8.js";
+import { e as d } from "./evaluate-6fd688e4.js";
 const g = (n, i, o) => {
   if (Object(n) !== n)
     return n;