@builder.io/sdk-vue 0.8.1 → 0.10.0

package/vue3/lib/browser/index.js

@@ -1,5 +1,5 @@
 import "./style.css";
-import { d as n, g as r, h as o, C as i, F as g, I as c, R as l, f as m, S as d, i as C, j as p, V as u, n as f, m as h, x as B, o as R, p as S, q as k, u as E, t as x, k as P, l as v, r as y, s as F, v as I } from "./index.c5cd33f5.js";
+import { d as n, g as r, h as o, C as i, F as g, I as c, R as l, f as m, S as d, i as C, j as p, V as u, n as f, m as h, x as B, o as R, p as S, q as k, u as E, t as x, k as P, l as v, r as y, s as F, v as I } from "./index.d5883cd5.js";
 import "vue";
 export {
   n as Blocks,

package/vue3/lib/{edge/repeated-block.dbf2ac5d.js → browser/repeated-block.612b0dc8.js}

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

package/vue3/lib/browser/{repeated-block.293b3b51.cjs → repeated-block.d9744c29.cjs}

@@ -1 +1 @@
-"use strict";var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.796bf63b.cjs"),r=()=>Promise.resolve().then(()=>require("./index.796bf63b.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"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,d,u,a){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"])}const l=t._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/repeated-block.vue"]]);exports.default=l;
+"use strict";var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.85b3d46a.cjs"),r=()=>Promise.resolve().then(()=>require("./index.85b3d46a.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"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,d,a,u){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"])}const l=t._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/repeated-block.vue"]]);exports.default=l;

package/vue3/lib/browser/style.css

@@ -1 +1 @@
-.button-21azgz5avex[data-v-becdf225]{all:unset}.div-178o76acnws[data-v-1f8aab9f]{display:flex;flex-direction:column;align-items:stretch}.div-16nol0lwi20[data-v-7be099dc]{display:flex;line-height:normal}.div-16nol0lwi20-2[data-v-7be099dc]{display:flex;flex-direction:column;align-items:stretch}.img-1be3j8m9ewb[data-v-58ca75d1]{opacity:1;transition:opacity .2s ease-in-out}.div-1be3j8m9ewb[data-v-58ca75d1]{width:100%;pointer-events:none;font-size:0}.div-1be3j8m9ewb-2[data-v-58ca75d1]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}
+.button-21azgz5avex[data-v-becdf225]{all:unset}.component-178o76acnws[data-v-1f8aab9f]{display:flex;flex-direction:column;align-items:stretch}.div-16nol0lwi20[data-v-7be099dc]{display:flex;line-height:normal}.div-16nol0lwi20-2[data-v-7be099dc]{display:flex;flex-direction:column;align-items:stretch}.img-1be3j8m9ewb[data-v-58ca75d1]{opacity:1;transition:opacity .2s ease-in-out}.div-1be3j8m9ewb[data-v-58ca75d1]{width:100%;pointer-events:none;font-size:0}.div-1be3j8m9ewb-2[data-v-58ca75d1]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}

package/vue3/lib/browser/types/enforced-partials.d.ts

@@ -1,9 +1,14 @@
 import type { Prettify } from './typescript.js';
+/**
+ * Lol Typescript
+ * https://stackoverflow.com/questions/49927523/disallow-call-with-any/49928360#49928360
+ */
+type IfAny<T, Y, N> = 0 extends 1 & T ? Y : N;
 type OptionalFieldsOnly<T> = {
-    [K in keyof T as T[K] extends Required<T>[K] ? never : K]: T[K];
+    [K in keyof T as T[K] extends Required<T>[K] ? IfAny<T[K], K, never> : K]: T[K];
 };
 type RequiredFieldsOnly<T> = {
-    [K in keyof T as T[K] extends Required<T>[K] ? K : never]: T[K];
+    [K in keyof T as T[K] extends Required<T>[K] ? IfAny<T[K], never, K> : never]: T[K];
 };
 type Enforced<T> = {
     [K in keyof T]-?: T[K];

package/vue3/lib/{browser/block-wrapper.93359482.js → edge/block-wrapper.48cbd4ad.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as l, openBlock as o, createBlock as t, resolveDynamicComponent as r, mergeProps as n, toHandlers as a, withCtx as c, renderSlot as p } from "vue";
-import { g as s, a as k } from "./get-block-actions.ca6fe762.js";
-import { _ as i } from "./index.c5cd33f5.js";
+import { g as s, a as k } from "./get-block-actions.e90f22a0.js";
+import { _ as i } from "./index.26869e2b.js";
 const u = l({
   name: "block-wrapper",
   props: ["Wrapper", "block", "context", "hasChildren"],

package/vue3/lib/{browser/block-wrapper.2dba8fb9.cjs → edge/block-wrapper.5f54529d.cjs}

@@ -1 +1 @@
-"use strict";var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./get-block-actions.91d70ba2.cjs"),r=require("./index.796bf63b.cjs"),n=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:t.getBlockActions,getBlockProperties:t.getBlockProperties}}});function c(e,a,s,p,i,k){return e.hasChildren?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:0},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:1},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),null,16))}const l=r._export_sfc(n,[["render",c],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-wrapper.vue"]]);exports.default=l;
+"use strict";var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./get-block-actions.e213d5e5.cjs"),r=require("./index.9551e853.cjs"),n=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:t.getBlockActions,getBlockProperties:t.getBlockProperties}}});function c(e,a,s,p,i,k){return e.hasChildren?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:0},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16)):(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({key:1},e.getBlockProperties({block:e.block,context:e.context}),o.toHandlers(e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}))),null,16))}const l=r._export_sfc(n,[["render",c],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-wrapper.vue"]]);exports.default=l;

package/vue3/lib/edge/blocks/image/image.vue.d.ts

@@ -19,10 +19,10 @@ export interface ImageProps {
 }
 declare const _default: import("vue").DefineComponent<Readonly<{
     image?: any;
+    className?: any;
     aspectRatio?: any;
     backgroundPosition?: any;
     backgroundSize?: any;
-    className?: any;
     builderBlock?: any;
     src?: any;
     srcset?: any;
@@ -44,10 +44,10 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     _classStringToObject(str: string): Record<string, boolean>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     image?: any;
+    className?: any;
     aspectRatio?: any;
     backgroundPosition?: any;
     backgroundSize?: any;
-    className?: any;
     builderBlock?: any;
     src?: any;
     srcset?: any;
@@ -57,10 +57,10 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     fitContent?: any;
 }>>>, {
     readonly image?: any;
+    readonly className?: any;
     readonly aspectRatio?: any;
     readonly backgroundPosition?: any;
     readonly backgroundSize?: any;
-    readonly className?: any;
     readonly builderBlock?: any;
     readonly src?: any;
     readonly srcset?: any;

package/vue3/lib/{browser/component-ref.5d332cbe.cjs → edge/component-ref.779a5527.cjs}

@@ -1 +1 @@
-"use strict";var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.796bf63b.cjs"),a=require("./get-block-actions.91d70ba2.cjs"),d=o.defineComponent({name:"interactive-element",props:["wrapperProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function b(e,r,c,l,s,p){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const u=n._export_sfc(d,[["render",b],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/interactive-element.vue"]]),f=({componentOptions:e,builderBlock:r,context:c,componentRef:l,includeBlockProps:s,isInteractive:p,contextValue:i})=>p?{Wrapper:l,block:r,context:c,wrapperProps:e}:{...e,...s?{attributes:a.getBlockProperties({block:r,context:i})}:{}},B=o.defineComponent({name:"component-ref",components:{Block:n.Block,BlockStyles:n.BlockStyles,InteractiveElement:u},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?n.wrapComponentRef(u):this.componentRef,getWrapperProps:f}}});function g(e,r,c,l,s,p){const i=o.resolveComponent("block"),k=o.resolveComponent("block-styles");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(i,{key:"block-"+t.id,block:t,context:e.context,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(k,{key:"block-style-"+t.id,block:t,context:e.context},null,8,["block","context"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const v=n._export_sfc(B,[["render",g],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=v;
+"use strict";var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.9551e853.cjs"),a=require("./get-block-actions.e213d5e5.cjs"),d=o.defineComponent({name:"interactive-element",props:["wrapperProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function b(e,r,c,l,s,p){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const u=n._export_sfc(d,[["render",b],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/interactive-element.vue"]]),B=({componentOptions:e,builderBlock:r,context:c,componentRef:l,includeBlockProps:s,isInteractive:p,contextValue:i})=>p?{Wrapper:l,block:r,context:c,wrapperProps:e}:{...e,...s?{attributes:a.getBlockProperties({block:r,context:i})}:{}},f=o.defineComponent({name:"component-ref",components:{Block:n.Block,BlockStyles:n.BlockStyles,InteractiveElement:u},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?n.wrapComponentRef(u):this.componentRef,getWrapperProps:B}}});function g(e,r,c,l,s,p){const i=o.resolveComponent("block"),k=o.resolveComponent("block-styles");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(i,{key:"block-"+t.id,block:t,context:e.context,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(t,m)=>(o.openBlock(),o.createBlock(k,{key:"block-style-"+t.id,block:t,context:e.context},null,8,["block","context"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const v=n._export_sfc(f,[["render",g],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/vue3/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=v;

package/vue3/lib/{browser/component-ref.348e3f3c.js → edge/component-ref.cd17a2b8.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as f, openBlock as o, createBlock as r, resolveDynamicComponent as v, mergeProps as g, withCtx as B, renderSlot as S, resolveComponent as m, normalizeProps as h, createElementBlock as u, Fragment as k, renderList as d, createCommentVNode as w } from "vue";
-import { _ as P, B as y, a as R, w as W } from "./index.c5cd33f5.js";
-import { g as I, a as C } from "./get-block-actions.ca6fe762.js";
+import { _ as P, B as y, a as R, w as W } from "./index.26869e2b.js";
+import { g as I, a as C } from "./get-block-actions.e90f22a0.js";
 const E = f({
   name: "interactive-element",
   props: ["wrapperProps", "block", "context", "Wrapper"],

package/vue3/lib/edge/components/block/components/component-ref/component-ref.helpers.d.ts

@@ -21,9 +21,7 @@ export interface ComponentProps {
 export declare const getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
     contextValue: BuilderContextInterface;
 }) => InteractiveElementProps | {
-    attributes?: BuilderBlock | {
-        [index: string]: any;
-    } | undefined;
+    attributes?: any;
     builderBlock: BuilderBlock;
     builderContext: BuilderContextInterface;
 };

package/vue3/lib/edge/components/block/components/component-ref/component-ref.vue.d.ts

@@ -13,9 +13,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     getWrapperProps: ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }: Omit<ComponentProps, "registeredComponents" | "blockChildren"> & {
         contextValue: import("../../../../context/types.js").BuilderContextInterface;
     }) => import("../interactive-element.vue").InteractiveElementProps | {
-        attributes?: import("../../../../types/builder-block.js").BuilderBlock | {
-            [index: string]: any;
-        } | undefined;
+        attributes?: any;
         builderBlock: import("../../../../types/builder-block.js").BuilderBlock;
         builderContext: import("../../../../context/types.js").BuilderContextInterface;
     };

package/vue3/lib/edge/components/blocks/blocks-wrapper.vue.d.ts

@@ -4,12 +4,22 @@ export type BlocksWrapperProps = {
     parent: string | undefined;
     path: string | undefined;
     styleProp: Record<string, any> | undefined;
+    /**
+     * The element that wraps each list of blocks. Defaults to a `div` element ('ScrollView' in React Native).
+     */
+    BlocksWrapper: any;
+    /**
+     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
+     */
+    BlocksWrapperProps: any;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     path?: any;
+    BlocksWrapper?: any;
     blocks?: any;
     parent?: any;
     styleProp?: any;
+    BlocksWrapperProps?: any;
 }>, unknown, unknown, {
     className(): string;
 }, {
@@ -18,13 +28,17 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     _classStringToObject(str: string): Record<string, boolean>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
+    BlocksWrapper?: any;
     blocks?: any;
     parent?: any;
     styleProp?: any;
+    BlocksWrapperProps?: any;
 }>>>, {
     readonly path?: any;
+    readonly BlocksWrapper?: any;
     readonly blocks?: any;
     readonly parent?: any;
     readonly styleProp?: any;
+    readonly BlocksWrapperProps?: any;
 }, {}>;
 export default _default;

package/vue3/lib/edge/components/blocks/blocks.vue.d.ts

@@ -1,29 +1,29 @@
 import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
 import type { BlocksWrapperProps } from "./blocks-wrapper.vue";
-export type BlocksProps = Partial<BlocksWrapperProps> & {
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, "BlocksWrapper" | "BlocksWrapperProps">> & {
     context?: BuilderContextInterface;
     registeredComponents?: RegisteredComponents;
 };
 declare const _default: import("vue").DefineComponent<Readonly<{
     path?: any;
     blocks?: any;
-    context?: any;
-    registeredComponents?: any;
     parent?: any;
     styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
     blocks?: any;
-    context?: any;
-    registeredComponents?: any;
     parent?: any;
     styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
 }>>>, {
     readonly path?: any;
     readonly blocks?: any;
-    readonly context?: any;
-    readonly registeredComponents?: any;
     readonly parent?: any;
     readonly styleProp?: any;
+    readonly context?: any;
+    readonly registeredComponents?: any;
 }, {}>;
 export default _default;

package/vue3/lib/edge/components/content/components/enable-editor.vue.d.ts

@@ -5,15 +5,18 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     apiKey?: any;
     canTrack?: any;
     builderContextSignal?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
     showContent?: any;
+    contentWrapperProps?: any;
 }>, unknown, {
     forceReRenderCount: number;
     lastUpdated: number;
     shouldSendResetCookie: boolean;
+    ContentWrapper: any;
     httpReqsData: {};
     clicked: boolean;
     builderContext: {
@@ -27,6 +30,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
             apiVersion: undefined;
             componentInfos: {};
             inheritedStyles: {};
+            BlocksWrapper: string;
+            BlocksWrapperProps: {};
         };
         key: symbol;
     };
@@ -68,21 +73,25 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     apiKey?: any;
     canTrack?: any;
     builderContextSignal?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
     showContent?: any;
+    contentWrapperProps?: any;
 }>>>, {
     readonly content?: any;
     readonly context?: any;
     readonly apiKey?: any;
     readonly canTrack?: any;
     readonly builderContextSignal?: any;
+    readonly contentWrapper?: any;
     readonly model?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
     readonly showContent?: any;
+    readonly contentWrapperProps?: any;
 }, {}>;
 export default _default;

package/vue3/lib/edge/components/content/content.vue.d.ts

@@ -7,13 +7,17 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
     showContent?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     isSsrAbTest?: any;
 }>, unknown, {
     scriptStr: string;
@@ -30,6 +34,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         apiVersion: any;
         componentInfos: Dictionary<ComponentInfo>;
         inheritedStyles: {};
+        BlocksWrapper: any;
+        BlocksWrapperProps: any;
     };
     TARGET: import("../../types/targets.js").Target;
 }, {}, {
@@ -40,13 +46,17 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
     showContent?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     isSsrAbTest?: any;
 }>>>, {
     readonly data?: any;
@@ -54,13 +64,17 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly context?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly blocksWrapper?: any;
     readonly canTrack?: any;
+    readonly contentWrapper?: any;
     readonly model?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
     readonly showContent?: any;
+    readonly contentWrapperProps?: any;
     readonly customComponents?: any;
+    readonly blocksWrapperProps?: any;
     readonly isSsrAbTest?: any;
 }, {}>;
 export default _default;

package/vue3/lib/edge/components/content-variants/content-variants.types.d.ts

@@ -17,4 +17,20 @@ export interface ContentVariantsPrps {
     /** @deprecated use `enrich` instead **/
     includeRefs?: boolean;
     enrich?: boolean;
+    /**
+     * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).
+     */
+    contentWrapper?: any;
+    /**
+     * Additonal props to pass to `contentWrapper`. Defaults to `{}`.
+     */
+    contentWrapperProps?: any;
+    /**
+     * The element that wraps your blocks. Defaults to `div` ('ScrollView' in React Native).
+     */
+    blocksWrapper?: any;
+    /**
+     * Additonal props to pass to `blocksWrapper`. Defaults to `{}`.
+     */
+    blocksWrapperProps?: any;
 }

package/vue3/lib/edge/components/content-variants/content-variants.vue.d.ts

@@ -4,12 +4,16 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     __isNestedRender?: any;
 }>, unknown, {
     shouldRenderVariants: boolean;
@@ -49,12 +53,16 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     __isNestedRender?: any;
 }>>>, {
     readonly data?: any;
@@ -62,12 +70,16 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly context?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly blocksWrapper?: any;
     readonly canTrack?: any;
+    readonly contentWrapper?: any;
     readonly model?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
+    readonly contentWrapperProps?: any;
     readonly customComponents?: any;
+    readonly blocksWrapperProps?: any;
     readonly __isNestedRender?: any;
 }, {}>;
 export default _default;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.8.1";
+export declare const SDK_VERSION = "0.10.0";

package/vue3/lib/edge/context/builder.context.d.ts

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

package/vue3/lib/edge/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/vue3/lib/edge/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/vue3/lib/edge/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/vue3/lib/edge/functions/transform-block-properties.d.ts

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

package/vue3/lib/edge/get-block-actions.e213d5e5.cjs

@@ -0,0 +1 @@
+"use strict";var g=require("./style.css");const o=require("./index.9551e853.cjs");function i(e){const t={};if(typeof e!="string")return t;const r=e.trim().split(/\\s+/);for(const s of r)t[s]=!0;return t}function l({properties:e}){return e.class=i(e.class),e}const u=e=>({href:e.href});function f({block:e,context:t}){var s;const r={...u(e),...e.properties,"builder-id":e.id,style:e.style?v(e.style):void 0,class:[e.id,"builder-block",e.class,(s=e.properties)==null?void 0:s.class].filter(Boolean).join(" ")};return l({properties:r,context:t,block:e})}function v(e){switch(o.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return o.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const d=e=>`v-on:${e.toLowerCase()}`,S=(e,t)=>r=>o.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function p(e){var s;const t={},r=(s=e.block.actions)!=null?s:{};for(const n in r){if(!r.hasOwnProperty(n))continue;const a=r[n];let c=d(n);if(e.stripPrefix)switch(o.TARGET){case"vue2":case"vue3":c=c.replace("v-on:","");break;case"svelte":c=c.replace("on:","");break}t[c]=S(a,e)}return t}exports.getBlockActions=p;exports.getBlockProperties=f;

package/vue3/lib/{browser/get-block-actions.ca6fe762.js → edge/get-block-actions.e90f22a0.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { T as n, c as i, e as l } from "./index.c5cd33f5.js";
+import { T as c, c as i, e as l } from "./index.26869e2b.js";
 function u(e) {
   const t = {};
   if (typeof e != "string")
@@ -9,7 +9,9 @@ function u(e) {
     t[s] = !0;
   return t;
 }
-function f(e) {
+function f({
+  properties: e
+}) {
   return e.class = u(e.class), e;
 }
 const v = (e) => ({
@@ -24,13 +26,17 @@ function g({
     ...v(e),
     ...e.properties,
     "builder-id": e.id,
-    style: e.style ? p(e.style) : void 0,
+    style: e.style ? S(e.style) : void 0,
     class: [e.id, "builder-block", e.class, (s = e.properties) == null ? void 0 : s.class].filter(Boolean).join(" ")
   };
-  return f(r);
+  return f({
+    properties: r,
+    context: t,
+    block: e
+  });
 }
-function p(e) {
-  switch (n) {
+function S(e) {
+  switch (c) {
     case "svelte":
     case "vue2":
     case "vue3":
@@ -43,7 +49,7 @@ function p(e) {
       return e;
   }
 }
-const S = (e) => `v-on:${e.toLowerCase()}`, d = (e, t) => (r) => l({
+const p = (e) => `v-on:${e.toLowerCase()}`, d = (e, t) => (r) => l({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -58,10 +64,10 @@ function x(e) {
   for (const o in r) {
     if (!r.hasOwnProperty(o))
       continue;
-    const c = r[o];
-    let a = S(o);
+    const n = r[o];
+    let a = p(o);
     if (e.stripPrefix)
-      switch (n) {
+      switch (c) {
         case "vue2":
         case "vue3":
           a = a.replace("v-on:", "");
@@ -70,7 +76,7 @@ function x(e) {
           a = a.replace("on:", "");
           break;
       }
-    t[a] = d(c, e);
+    t[a] = d(n, e);
   }
   return t;
 }

package/vue3/lib/edge/index-helpers/blocks-exports.d.ts

@@ -15,24 +15,24 @@ export { Blocks, Content };
 export declare const RenderBlocks: import("vue").DefineComponent<Readonly<{
     path?: any;
     blocks?: any;
-    context?: any;
-    registeredComponents?: any;
     parent?: any;
     styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     path?: any;
     blocks?: any;
-    context?: any;
-    registeredComponents?: any;
     parent?: any;
     styleProp?: any;
+    context?: any;
+    registeredComponents?: any;
 }>>>, {
     readonly path?: any;
     readonly blocks?: any;
-    readonly context?: any;
-    readonly registeredComponents?: any;
     readonly parent?: any;
     readonly styleProp?: any;
+    readonly context?: any;
+    readonly registeredComponents?: any;
 }, {}>;
 /**
  * @deprecated Renamed to `Content`.
@@ -43,12 +43,16 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     __isNestedRender?: any;
 }>, unknown, {
     shouldRenderVariants: boolean;
@@ -88,12 +92,16 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     context?: any;
     apiKey?: any;
     apiVersion?: any;
+    blocksWrapper?: any;
     canTrack?: any;
+    contentWrapper?: any;
     model?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
+    contentWrapperProps?: any;
     customComponents?: any;
+    blocksWrapperProps?: any;
     __isNestedRender?: any;
 }>>>, {
     readonly data?: any;
@@ -101,11 +109,15 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     readonly context?: any;
     readonly apiKey?: any;
     readonly apiVersion?: any;
+    readonly blocksWrapper?: any;
     readonly canTrack?: any;
+    readonly contentWrapper?: any;
     readonly model?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;
+    readonly contentWrapperProps?: any;
     readonly customComponents?: any;
+    readonly blocksWrapperProps?: any;
     readonly __isNestedRender?: any;
 }, {}>;