@builder.io/sdk-vue 0.11.3 → 0.11.4

package/lib/browser/{block-styles.4dd5487a.js → block-styles.8f0654da.js}

@@ -1,7 +1,7 @@
 import "./style.css";
 import { defineComponent as k, resolveComponent as y, openBlock as f, createBlock as x, createCommentVNode as b } from "vue";
-import { I as B, T as g, g as m, c as d, a as _, b as u, _ as v } from "./index.cf8f3cf0.js";
-import { c as r } from "./css.bee71b93.js";
+import { I as B, T as g, g as m, c as d, a as _, b as u, _ as v } from "./index.6e613dba.js";
+import { c as r } from "./css.0ab8602b.js";
 const C = k({
   name: "block-styles",
   components: { InlinedStyles: B },

package/lib/browser/{block-styles.6d4042d1.cjs → block-styles.d76101ae.cjs}

@@ -1 +1 @@
-var x=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index.e420a426.cjs"),u=require("./css.c905e549.cjs"),k=o.defineComponent({name:"block-styles",components:{InlinedStyles:s.InlinedStyles},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=s.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var d;const e=s.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),t=e.responsiveStyles,c=this.context.content,r=s.getSizesForBreakpoints(((d=c==null?void 0:c.meta)==null?void 0:d.breakpoints)||{}),a=t==null?void 0:t.large,i=t==null?void 0:t.medium,n=t==null?void 0:t.small,l=e.id;if(!l)return"";const S=a?u.createCssClass({className:l,styles:a}):"",m=i?u.createCssClass({className:l,styles:i,mediaQuery:s.getMaxWidthQueryForSize("medium",r)}):"",h=n?u.createCssClass({className:l,styles:n,mediaQuery:s.getMaxWidthQueryForSize("small",r)}):"";return[S,m,h].join(" ")}}});function p(e,t,c,r,a,i){const n=o.resolveComponent("inlined-styles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(n,{key:0,styles:e.css},null,8,["styles"])):o.createCommentVNode("v-if",!0)}const y=s._export_sfc(k,[["render",p],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);exports.default=y;
+var x=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./index.732e9dec.cjs"),d=require("./css.a1dfcd0d.cjs"),k=o.defineComponent({name:"block-styles",components:{InlinedStyles:s.InlinedStyles},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{canShowBlock(){const e=s.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return s.checkIsDefined(e.hide)?!e.hide:s.checkIsDefined(e.show)?e.show:!0},css(){var u;const e=s.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),t=e.responsiveStyles,c=this.context.content,r=s.getSizesForBreakpoints(((u=c==null?void 0:c.meta)==null?void 0:u.breakpoints)||{}),a=t==null?void 0:t.large,i=t==null?void 0:t.medium,n=t==null?void 0:t.small,l=e.id;if(!l)return"";const S=a?d.createCssClass({className:l,styles:a}):"",m=i?d.createCssClass({className:l,styles:i,mediaQuery:s.getMaxWidthQueryForSize("medium",r)}):"",h=n?d.createCssClass({className:l,styles:n,mediaQuery:s.getMaxWidthQueryForSize("small",r)}):"";return[S,m,h].join(" ")}}});function p(e,t,c,r,a,i){const n=o.resolveComponent("inlined-styles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(n,{key:0,styles:e.css},null,8,["styles"])):o.createCommentVNode("v-if",!0)}const y=s._export_sfc(k,[["render",p],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);exports.default=y;

package/lib/browser/{block-wrapper.56a0b862.js → block-wrapper.0135d727.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as l, openBlock as e, 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 i } from "./get-block-actions.ea82379d.js";
-import { _ as k } from "./index.cf8f3cf0.js";
-import "./css.bee71b93.js";
+import { g as s, a as i } from "./get-block-actions.f3ed3777.js";
+import { _ as k } from "./index.6e613dba.js";
+import "./css.0ab8602b.js";
 const m = l({
   name: "block-wrapper",
   props: ["Wrapper", "block", "context", "hasChildren"],

package/lib/browser/{block-wrapper.d76c58a5.cjs → block-wrapper.669178c6.cjs}

@@ -1 +1 @@
-var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./get-block-actions.6c569f39.cjs"),r=require("./index.e420a426.cjs");require("./css.c905e549.cjs");const n=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:t.getBlockActions,getBlockProperties:t.getBlockProperties}}});function c(e,s,a,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/src/components/block/components/block-wrapper.vue"]]);exports.default=l;
+var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./get-block-actions.01d505fc.cjs"),r=require("./index.732e9dec.cjs");require("./css.a1dfcd0d.cjs");const n=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:t.getBlockActions,getBlockProperties:t.getBlockProperties}}});function c(e,s,a,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/src/components/block/components/block-wrapper.vue"]]);exports.default=l;

package/lib/browser/{component-ref.6b764356.js → component-ref.9bbf487c.js}

@@ -1,8 +1,8 @@
 import "./style.css";
 import { defineComponent as m, openBlock as r, createBlock as i, resolveDynamicComponent as u, mergeProps as k, withCtx as d, renderSlot as P, resolveComponent as g, normalizeProps as B, createElementBlock as C, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
-import { _ as f, B as S, w as W } from "./index.cf8f3cf0.js";
-import { g as R, a as b } from "./get-block-actions.ea82379d.js";
-import "./css.bee71b93.js";
+import { _ as f, B as S, w as W } from "./index.6e613dba.js";
+import { g as R, a as b } from "./get-block-actions.f3ed3777.js";
+import "./css.0ab8602b.js";
 const I = m({
   name: "interactive-element",
   props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],

package/lib/browser/{component-ref.c01f28a8.cjs → component-ref.f273e2bb.cjs}

@@ -1 +1 @@
-var v=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.e420a426.cjs"),a=require("./get-block-actions.6c569f39.cjs");require("./css.c905e549.cjs");const k=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,p,s,n,l){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...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=c._export_sfc(k,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),f=({componentOptions:e,builderBlock:t,context:p,componentRef:s,includeBlockProps:n,isInteractive:l,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return l?{Wrapper:s,block:t,context:p,wrapperProps:e,includeBlockProps:n}:r},b=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:u},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(u):this.componentRef,getWrapperProps:f}}});function B(e,t,p,s,n,l){const i=o.resolveComponent("block");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,(r,m)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(b,[["render",B],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=g;
+var v=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.732e9dec.cjs"),a=require("./get-block-actions.01d505fc.cjs");require("./css.a1dfcd0d.cjs");const k=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,p,s,n,l){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...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=c._export_sfc(k,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),f=({componentOptions:e,builderBlock:t,context:p,componentRef:s,includeBlockProps:n,isInteractive:l,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return l?{Wrapper:s,block:t,context:p,wrapperProps:e,includeBlockProps:n}:r},b=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:u},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(u):this.componentRef,getWrapperProps:f}}});function B(e,t,p,s,n,l){const i=o.resolveComponent("block");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,(r,m)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(b,[["render",B],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=g;

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

@@ -1,5 +1,7 @@
 import type { BuilderContent } from "../../../types/builder-content.js";
+import type { Dictionary } from "../../../types/typescript.js";
 declare const _default: import("vue").DefineComponent<Readonly<{
+    data?: any;
     content?: any;
     context?: any;
     apiKey?: any;
@@ -14,6 +16,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     contentWrapperProps?: any;
 }>, unknown, {
     forceReRenderCount: number;
+    firstRender: boolean;
     lastUpdated: number;
     shouldSendResetCookie: boolean;
     ContentWrapper: any;
@@ -52,7 +55,14 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     onUpdateHook4(): {
         0: any;
     };
+    onUpdateHook5(): {
+        0: any;
+    };
+    onUpdateHook6(): {
+        0: any;
+    };
 }, {
+    mergeNewRootState(newData: Dictionary<any>): void;
     mergeNewContent(newContent: BuilderContent): void;
     processMessage(event: MessageEvent): void;
     evaluateJsCode(): void;
@@ -68,6 +78,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     elementRef_onInitpreviewingbldr(event: any): void;
     _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<{
+    data?: any;
     content?: any;
     context?: any;
     apiKey?: any;
@@ -81,6 +92,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     showContent?: any;
     contentWrapperProps?: any;
 }>>>, {
+    readonly data?: any;
     readonly content?: any;
     readonly context?: any;
     readonly apiKey?: any;

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

@@ -1,7 +1,7 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { Nullable } from '../../types/typescript.js';
 import type { ContentProps } from './content.types.js';
-export declare const getContextStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
+export declare const getRootStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
     locale?: string | undefined;
 };
 export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.3";
+export declare const SDK_VERSION = "0.11.4";

package/lib/browser/{css.bee71b93.js → css.0ab8602b.js}

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

package/lib/browser/{css.c905e549.cjs → css.a1dfcd0d.cjs}

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

package/lib/browser/{get-block-actions.6c569f39.cjs → get-block-actions.01d505fc.cjs}

@@ -1 +1 @@
-var y=require("./style.css");const n=require("./index.e420a426.cjs"),i=require("./css.c905e549.cjs");function l(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 u({properties:e}){return e.class=l(e.class),e}const f=e=>({href:e.href});function v({block:e,context:t}){var s;const r={...f(e),...e.properties,"builder-id":e.id,style:e.style?d(e.style):void 0,class:[e.id,"builder-block",e.class,(s=e.properties)==null?void 0:s.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}function d(e){switch(n.TARGET){case"svelte":case"vue":case"solid":return i.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const S=e=>`v-on:${e.toLowerCase()}`,p=(e,t)=>r=>n.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function g(e){var s;const t={},r=(s=e.block.actions)!=null?s:{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let c=S(o);if(e.stripPrefix)switch(n.TARGET){case"vue":c=c.replace("v-on:","");break;case"svelte":c=c.replace("on:","");break}t[c]=p(a,e)}return t}exports.getBlockActions=g;exports.getBlockProperties=v;
+var y=require("./style.css");const n=require("./index.732e9dec.cjs"),i=require("./css.a1dfcd0d.cjs");function l(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 u({properties:e}){return e.class=l(e.class),e}const f=e=>({href:e.href});function d({block:e,context:t}){var s;const r={...f(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 u({properties:r,context:t,block:e})}function v(e){switch(n.TARGET){case"svelte":case"vue":case"solid":return i.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const S=e=>`v-on:${e.toLowerCase()}`,p=(e,t)=>r=>n.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function g(e){var s;const t={},r=(s=e.block.actions)!=null?s:{};for(const o in r){if(!r.hasOwnProperty(o))continue;const a=r[o];let c=S(o);if(e.stripPrefix)switch(n.TARGET){case"vue":c=c.replace("v-on:","");break;case"svelte":c=c.replace("on:","");break}t[c]=p(a,e)}return t}exports.getBlockActions=g;exports.getBlockProperties=d;

package/lib/browser/{get-block-actions.ea82379d.js → get-block-actions.f3ed3777.js}

@@ -1,6 +1,6 @@
 import "./style.css";
-import { T as n, e as i } from "./index.cf8f3cf0.js";
-import { a as l } from "./css.bee71b93.js";
+import { T as n, e as i } from "./index.6e613dba.js";
+import { a as l } from "./css.0ab8602b.js";
 function u(e) {
   const t = {};
   if (typeof e != "string")