@builder.io/sdk-vue 1.0.23 → 1.0.24

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-AqsWBh8n.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-XkfCPmFN.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-JAGMZ6Tc.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-RKqYbwKX.js";
 const z = g({
   name: "block-styles",
   components: { InlinedStyles: $ },

package/lib/browser/{block-wrapper--ZdEHV8w.cjs → block-wrapper-U9mHXcBx.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-l_2EFz8K.cjs"),n=require("./index-XkfCPmFN.cjs"),c=()=>Promise.resolve().then(()=>require("./index-XkfCPmFN.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-vQ6TVx4I.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-WomY9Uz3.js";
+import { f as m } from "./index-RKqYbwKX.js";
+const d = () => import("./index-RKqYbwKX.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-PB9FQs0H.cjs

@@ -0,0 +1 @@
+var P=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-XkfCPmFN.cjs"),a=require("./get-block-properties-l_2EFz8K.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-UxXK_oQ9.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-RKqYbwKX.js";
+import { a as b, g as R } from "./get-block-properties-WomY9Uz3.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

@@ -14,3 +14,5 @@ export declare const getInheritedStyles: ({ block, context }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
 }) => Partial<CSSStyleDeclaration>;
+export declare const shouldPassLinkComponent: (blockName: string | undefined) => boolean | "" | undefined;
+export declare const shouldPassRegisteredComponents: (blockName: string | undefined) => boolean | "" | 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.24";

package/lib/browser/{get-block-properties-U49zKnMK.js → get-block-properties-WomY9Uz3.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-RKqYbwKX.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-l_2EFz8K.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-XkfCPmFN.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;