@builder.io/sdk-vue 1.0.23 → 1.0.25

package/README.md

@@ -1,6 +1,6 @@
 # Builder.io Vue SDK
 
-This is the Builder Vue SDK. It is currently in beta.
+This is Builder's Gen2 Vue SDK.
 
 ## Getting Started
 

package/lib/browser/{block-styles-vJjDjr-p.cjs → block-styles-TOjks1KV.cjs}

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

package/lib/browser/{block-styles-dCtjVM33.js → block-styles-VucTuDWS.js}

@@ -1,6 +1,6 @@
 import "./style.css";
 import { defineComponent as g, resolveComponent as B, openBlock as C, createBlock as v, createCommentVNode as _ } from "vue";
-import { _ as $, T, g as p, c as y, a as w, b as l, d as k, e as E, f as N } from "./index-T89gD77O.js";
+import { _ as $, T, g as p, c as y, a as w, b as l, d as k, e as E, f as N } from "./index-buEOnV4i.js";
 const z = g({
   name: "block-styles",
   components: { InlinedStyles: $ },

package/lib/browser/{block-wrapper--ZdEHV8w.cjs → block-wrapper-OMsQa5hi.cjs}

@@ -1 +1 @@
-var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-qdvSfWjS.cjs"),n=require("./index-YYfrLt1V.cjs"),c=()=>Promise.resolve().then(()=>require("./index-YYfrLt1V.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("dynamic-renderer");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;
+var k=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties-gBJL4NRb.cjs"),n=require("./index-Nde8uRU0.cjs"),c=()=>Promise.resolve().then(()=>require("./index-Nde8uRU0.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("dynamic-renderer");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/browser/{block-wrapper-JRsL0Mr2.js → block-wrapper-PSbhfk7Q.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 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-U49zKnMK.js";
-import { f as m } from "./index-T89gD77O.js";
-const d = () => import("./index-T89gD77O.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties-a19LfOQA.js";
+import { f as m } from "./index-buEOnV4i.js";
+const d = () => import("./index-buEOnV4i.js").then((e) => e.G).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/browser/blocks/button/button.vue.d.ts

@@ -6,9 +6,16 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     openLinkInNewTab?: any;
     builderLinkComponent?: any;
 }>, unknown, {
-    getClassPropName: () => "className" | "class";
     filterAttrs: typeof filterAttrs;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}, {}, {
+    attrs(): {
+        href: any;
+        target: string | undefined;
+        role: string;
+    } | {
+        role: string;
+    };
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     text?: any;
     link?: any;
     attributes?: any;

package/lib/browser/blocks/columns/columns.types.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderBlock } from '../../types/builder-block';
 import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props';
-type Column = {
+export type Column = {
     blocks: BuilderBlock[];
     width?: number;
     link?: string;

package/lib/browser/blocks/columns/columns.vue.d.ts

@@ -1,6 +1,6 @@
 import type { SizeName } from "../../constants/device-sizes";
-import { mapStyleObjToStrIfNeeded } from "../../functions/get-style";
 import type { Dictionary } from "../../types/typescript";
+import type { Column } from "./columns.types";
 type CSSVal = string | number;
 declare const _default: import("vue").DefineComponent<Readonly<{
     builderContext?: any;
@@ -17,12 +17,9 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     stackAt: any;
     flexDir: string;
     TARGET: import("../../types/targets").Target;
-    getClassPropName: () => "className" | "class";
-    mapStyleObjToStrIfNeeded: typeof mapStyleObjToStrIfNeeded;
-}, {
-    columnsCssVars(): Dictionary<string>;
-    columnsStyles(): string;
-}, {
+    getColumnsClass: (id?: string | undefined) => string;
+}, {}, {
+    getTagName(column: Column): any;
     getWidth(index: number): any;
     getColumnCssWidth(index: number): string;
     getTabletStyle({ stackedStyle, desktopStyle, }: {
@@ -33,8 +30,14 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         stackedStyle: CSSVal;
         desktopStyle: CSSVal;
     }): CSSVal;
+    columnsCssVars(): Dictionary<string>;
     columnCssVars(index: number): Dictionary<string>;
     getWidthForBreakpointSize(size: SizeName): number;
+    columnsStyles(): string;
+    getAttributes(column: any, index: number): {
+        style: string | Partial<CSSStyleDeclaration>;
+        href?: any;
+    };
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     builderContext?: any;
     builderLinkComponent?: any;

package/lib/browser/blocks/columns/helpers.d.ts

@@ -0,0 +1 @@
+export declare const getColumnsClass: (id?: string) => string;

package/lib/browser/blocks/symbol/symbol.vue.d.ts

@@ -11,6 +11,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     contentToUse: any;
     filterAttrs: typeof filterAttrs;
 }, {
+    blocksWrapper(): "div";
+    contentWrapper(): "div";
     className(): string;
     onUpdateHook0(): {
         0: any;

package/lib/browser/blocks/tabs/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

package/lib/browser/blocks/tabs/index.d.ts

@@ -0,0 +1 @@
+export { default } from './tabs.vue';

package/lib/browser/blocks/tabs/tabs.types.d.ts

@@ -0,0 +1,13 @@
+import type { BuilderBlock } from '../../types/builder-block';
+import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props';
+export interface TabsProps extends BuilderComponentsProp, BuilderLinkComponentProp, BuilderDataProps {
+    tabs: {
+        label: BuilderBlock[];
+        content: BuilderBlock[];
+    }[];
+    builderBlock: BuilderBlock;
+    defaultActiveTab?: number;
+    collapsible?: boolean;
+    tabHeaderLayout?: 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+    activeTabStyle?: any;
+}

package/lib/browser/blocks/tabs/tabs.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<Readonly<{
+    builderContext?: any;
+    builderLinkComponent?: any;
+    builderBlock?: any;
+    builderComponents?: any;
+    tabs?: any;
+    activeTabStyle?: any;
+    defaultActiveTab?: any;
+    collapsible?: any;
+    tabHeaderLayout?: any;
+}>, unknown, {
+    activeTab: number;
+}, {}, {
+    activeTabContent(active: number): any;
+    getActiveTabStyle(index: number): any;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    builderContext?: any;
+    builderLinkComponent?: any;
+    builderBlock?: any;
+    builderComponents?: any;
+    tabs?: any;
+    activeTabStyle?: any;
+    defaultActiveTab?: any;
+    collapsible?: any;
+    tabHeaderLayout?: any;
+}>>>, {
+    readonly builderContext?: any;
+    readonly builderLinkComponent?: any;
+    readonly builderBlock?: any;
+    readonly builderComponents?: any;
+    readonly tabs?: any;
+    readonly activeTabStyle?: any;
+    readonly defaultActiveTab?: any;
+    readonly collapsible?: any;
+    readonly tabHeaderLayout?: any;
+}, {}>;
+export default _default;

package/lib/browser/blocks/text/text.types.d.ts

@@ -1,3 +1,4 @@
+import type { BuilderDataProps } from '../../types/builder-props';
 export type TextProps = {
     text?: string;
-};
+} & BuilderDataProps;

package/lib/browser/component-ref-N6zY_dT6.cjs

@@ -0,0 +1 @@
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-Nde8uRU0.cjs"),a=require("./get-block-properties-gBJL4NRb.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),b=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},f=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:b}}});function C(e,o,p,s,n,i){const l=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,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const B=c._export_sfc(f,[["render",C]]);exports.default=B;

package/lib/browser/component-ref-fp2vR2QJ.js

@@ -0,0 +1,114 @@
+import "./style.css";
+import { defineComponent as m, openBlock as r, createBlock as a, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as h, resolveComponent as P, normalizeProps as B, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as S } from "vue";
+import { f, B as W, w } from "./index-buEOnV4i.js";
+import { a as b, g as R } from "./get-block-properties-a19LfOQA.js";
+const x = m({
+  name: "interactive-element",
+  props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],
+  computed: {
+    attributes() {
+      return this.includeBlockProps ? {
+        ...b({
+          block: this.block,
+          context: this.context
+        }),
+        ...R({
+          block: this.block,
+          rootState: this.context.rootState,
+          rootSetState: this.context.rootSetState,
+          localState: this.context.localState,
+          context: this.context.context
+        })
+      } : {};
+    }
+  }
+});
+function I(e, t, p, s, o, c) {
+  return r(), a(k(e.Wrapper), u({ attributes: e.attributes }, e.wrapperProps), {
+    default: d(() => [
+      h(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["attributes"]);
+}
+const l = /* @__PURE__ */ f(x, [["render", I]]), E = ({
+  componentOptions: e,
+  builderBlock: t,
+  context: p,
+  componentRef: s,
+  includeBlockProps: o,
+  isInteractive: c,
+  contextValue: i
+}) => {
+  const n = {
+    ...e,
+    /**
+     * If `noWrap` is set to `true`, then the block's props/attributes are provided to the
+     * component itself directly. Otherwise, they are provided to the wrapper element.
+     */
+    ...o ? {
+      attributes: b({
+        block: t,
+        context: i
+      })
+    } : {}
+  };
+  return c ? {
+    Wrapper: s,
+    block: t,
+    context: p,
+    wrapperProps: e,
+    includeBlockProps: o
+  } : n;
+}, y = m({
+  name: "component-ref",
+  components: { Block: W, InteractiveElement: l },
+  props: [
+    "isInteractive",
+    "componentRef",
+    "componentOptions",
+    "builderBlock",
+    "context",
+    "linkComponent",
+    "includeBlockProps",
+    "blockChildren",
+    "registeredComponents"
+  ],
+  data() {
+    return {
+      Wrapper: this.isInteractive ? w(l) : this.componentRef,
+      getWrapperProps: E
+    };
+  }
+});
+function A(e, t, p, s, o, c) {
+  const i = P("block");
+  return e.componentRef ? (r(), a(k(e.Wrapper), B(u(
+    { 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: d(() => [
+      (r(!0), g($, null, v(e.blockChildren, (n, C) => (r(), a(i, {
+        key: n.id,
+        block: n,
+        context: e.context,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
+    ]),
+    _: 1
+  }, 16)) : S("", !0);
+}
+const F = /* @__PURE__ */ f(y, [["render", A]]);
+export {
+  F as default
+};

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

@@ -1,11 +1,11 @@
-import type { BuilderContextInterface, RegisteredComponents } from '../../context/types';
+import type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } from '../../context/types';
 import type { BuilderBlock } from '../../types/builder-block';
 import type { RepeatData } from './types';
 export declare const getComponent: ({ block, context, registeredComponents }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
     registeredComponents: RegisteredComponents;
-}) => import("../../context/types").RegisteredComponent | null | undefined;
+}) => RegisteredComponent | null | undefined;
 export declare const getRepeatItemData: ({ block, context }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
@@ -14,3 +14,5 @@ export declare const getInheritedStyles: ({ block, context }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
 }) => Partial<CSSStyleDeclaration>;
+export declare const shouldPassLinkComponent: (block: RegisteredComponent | null | undefined) => boolean | null | undefined;
+export declare const shouldPassRegisteredComponents: (block: RegisteredComponent | null | undefined) => boolean | null | undefined;

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

@@ -1,6 +1,4 @@
 import type { BuilderContextInterface } from "../../../context/types";
-import { getBlockActions } from "../../../functions/get-block-actions";
-import { getBlockProperties } from "../../../functions/get-block-properties";
 import type { BuilderBlock } from "../../../types/builder-block";
 import type { Dictionary } from "../../../types/typescript";
 export type InteractiveElementProps = {
@@ -14,23 +12,22 @@ export type InteractiveElementProps = {
 declare const _default: import("vue").DefineComponent<Readonly<{
     context?: any;
     block?: any;
-    wrapperProps?: any;
     includeBlockProps?: any;
+    wrapperProps?: any;
     Wrapper?: any;
-}>, unknown, {
-    getBlockActions: typeof getBlockActions;
-    getBlockProperties: typeof getBlockProperties;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}>, unknown, unknown, {
+    attributes(): {};
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     context?: any;
     block?: any;
-    wrapperProps?: any;
     includeBlockProps?: any;
+    wrapperProps?: any;
     Wrapper?: any;
 }>>>, {
     readonly context?: any;
     readonly block?: any;
-    readonly wrapperProps?: any;
     readonly includeBlockProps?: any;
+    readonly wrapperProps?: any;
     readonly Wrapper?: any;
 }, {}>;
 export default _default;

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

@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     enrich?: any;
     trustedHosts?: any;
     model?: any;
-    contentWrapper?: any;
     showContent?: any;
+    contentWrapper?: any;
     contentWrapperProps?: any;
 }>, unknown, {
     ContentWrapper: any;
@@ -35,7 +35,15 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         };
         key: symbol;
     };
+    getWrapperClassName: (variationId?: string | undefined) => string;
 }, {
+    showContentProps(): {
+        hidden?: undefined;
+        "aria-hidden"?: undefined;
+    } | {
+        hidden: boolean;
+        "aria-hidden": boolean;
+    };
     onUpdateHook0(): {
         0: any;
     };
@@ -75,8 +83,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     enrich?: any;
     trustedHosts?: any;
     model?: any;
-    contentWrapper?: any;
     showContent?: any;
+    contentWrapper?: any;
     contentWrapperProps?: any;
 }>>>, {
     readonly data?: any;
@@ -89,8 +97,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly enrich?: any;
     readonly trustedHosts?: any;
     readonly model?: any;
-    readonly contentWrapper?: any;
     readonly showContent?: any;
+    readonly contentWrapper?: any;
     readonly contentWrapperProps?: any;
 }, {}>;
 export default _default;

package/lib/browser/components/content/components/styles.helpers.d.ts

@@ -14,3 +14,4 @@ export declare const getCss: ({ cssCode, contentId }: {
     contentId?: string | undefined;
 }) => string;
 export declare const getDefaultStyles: (isNested: boolean | undefined) => "" | "\n.builder-button {\n  all: unset;\n}\n\n.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {\n  margin: 0;\n}\n.builder-text > p, .builder-text > .builder-paragraph {\n  color: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n  text-align: inherit;\n  font-family: inherit;\n}\n";
+export declare const getWrapperClassName: (variationId?: string) => string;

package/lib/browser/components/content/content.vue.d.ts

@@ -14,8 +14,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     enrich?: any;
     trustedHosts?: any;
     model?: any;
-    contentWrapper?: any;
     showContent?: any;
+    contentWrapper?: any;
     contentWrapperProps?: any;
     isNestedRender?: any;
     customComponents?: any;
@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     enrich?: any;
     trustedHosts?: any;
     model?: any;
-    contentWrapper?: any;
     showContent?: any;
+    contentWrapper?: any;
     contentWrapperProps?: any;
     isNestedRender?: any;
     customComponents?: any;
@@ -75,8 +75,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly enrich?: any;
     readonly trustedHosts?: any;
     readonly model?: any;
-    readonly contentWrapper?: any;
     readonly showContent?: any;
+    readonly contentWrapper?: any;
     readonly contentWrapperProps?: any;
     readonly isNestedRender?: any;
     readonly customComponents?: any;

package/lib/browser/components/dynamic-div.vue.d.ts

@@ -0,0 +1,14 @@
+export interface DynamicDivProps {
+    children?: any;
+    attributes: any;
+    actionAttributes: any;
+    BlockWrapperProps: any;
+    builderPath: any;
+    builderParentId: any;
+    BlocksWrapperProps: any;
+    contentWrapperProps: any;
+    builderModel: any;
+    ref: any;
+}
+declare const _default: import("vue").DefineComponent<Readonly<{}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{}>>>, {}, {}>;
+export default _default;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.0.23";
+export declare const SDK_VERSION = "1.0.25";

package/lib/browser/functions/evaluate/node-runtime/init.d.ts

@@ -1,3 +1,17 @@
+/**
+ * This file:
+ * - imports `isolated-vm`, which can only be made from a file that never runs
+ * on the client (e.g. Next's `_document.tsx`)
+ * - stores the ivm instance in a global variable using `setIvm`
+ *
+ * This is needed for when bundlers/meta-frameworks are not able to reliably
+ * import the `isolated-vm` package using our `safeDynamicRequire` trick.
+ *
+ * The `isolated-vm` import must exist in this separate file, or it will end up
+ * in the SDK's main entry point, causing errors for users.
+ */
+import ivm from 'isolated-vm';
+import type { IsolateOptions } from 'isolated-vm';
 /**
  * This function initializes the SDK on a Node server. It handles importing the
  * `isolated-vm` package which is needed for dynamic bindings.
@@ -7,4 +21,6 @@
  * - The NextJS Pages router's `_document.tsx`
  * - Your Remix route's `loader`
  */
-export declare const initializeNodeRuntime: () => void;
+export declare const initializeNodeRuntime: ({ ivmIsolateOptions }: {
+    ivmIsolateOptions?: ivm.IsolateOptions | undefined;
+}) => void;

package/lib/browser/functions/evaluate/node-runtime/node-runtime.d.ts

@@ -1,8 +1,11 @@
+import type { IsolateOptions } from 'isolated-vm';
 import type { ExecutorArgs } from '../helpers';
+type IsolatedVMImport = typeof import('isolated-vm');
 /**
  * Set the `isolated-vm` instance to be used by the node runtime.
  * This is useful for environments that are not able to rely on our
  * `safeDynamicRequire` trick to import the `isolated-vm` package.
  */
-export declare const setIvm: (ivm: typeof import('isolated-vm')) => void;
+export declare const setIvm: (ivm: IsolatedVMImport, options?: IsolateOptions) => void;
 export declare const runInNode: ({ code, builder, context, event, localState, rootSetState, rootState }: ExecutorArgs) => any;
+export {};

package/lib/browser/{get-block-properties-U49zKnMK.js → get-block-properties-a19LfOQA.js}

@@ -1,5 +1,5 @@
 import "./style.css";
-import { h as s, T as c, i, j as l } from "./index-T89gD77O.js";
+import { h as s, T as c, i, j as l } from "./index-buEOnV4i.js";
 const p = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => s({
   code: e,
   context: t.context,

package/lib/browser/{get-block-properties-qdvSfWjS.cjs → get-block-properties-gBJL4NRb.cjs}

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