@builder.io/sdk-vue 0.8.1 → 0.10.0

package/vue3/lib/browser/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/browser/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/browser/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/browser/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/browser/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/browser/context/builder.context.d.ts

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

package/vue3/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/vue3/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/vue3/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/vue3/lib/browser/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.e18a650e.js → browser/get-block-actions.532ddca6.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { T as n, c as i, e as l } from "./index.a7c064ed.js";
+import { T as c, c as i, e as l } from "./index.d5883cd5.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/browser/get-block-actions.cf4a0fd3.cjs

@@ -0,0 +1 @@
+"use strict";var g=require("./style.css");const o=require("./index.85b3d46a.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/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;
 }, {}>;