@builder.io/sdk-vue 0.12.6 → 0.12.8

package/lib/browser/index.js

@@ -1,30 +1,31 @@
 import "./style.css";
-import { j as n, l as r, m as o, C as i, F as g, n as c, R as l, k as m, S as C, o as d, p, V as u, v as B, s as E, G as R, x as S, y as f, z as h, D as k, A as x, q as y, r as P, t as v, u as A, E as F } from "./index.70b9bffc.js";
+import { j as n, l as r, m as o, C as i, F as c, n as g, R as l, k as m, S as d, o as C, p, V as u, A as E, s as B, z as R, D as S, E as f, G as h, v as k, H as b, q as x, r as y, t as P, u as v, y as A, x as F } from "./index.e4b6c92c.js";
 import "vue";
 export {
   n as Blocks,
   r as Button,
   o as Columns,
   i as Content,
-  g as Fragment,
-  c as Image,
+  c as Fragment,
+  g as Image,
   l as RenderBlocks,
   m as RenderContent,
-  C as Section,
-  d as Symbol,
+  d as Section,
+  C as Symbol,
   p as Text,
   u as Video,
-  B as _processContentResult,
-  E as createRegisterComponentMessage,
+  E as _processContentResult,
+  B as createRegisterComponentMessage,
   R as fetchBuilderProps,
   S as fetchEntries,
   f as fetchOneEntry,
   h as getAllContent,
   k as getBuilderSearchParams,
-  x as getContent,
-  y as isEditing,
-  P as isPreviewing,
-  v as register,
-  A as setEditorSettings,
+  b as getContent,
+  x as isEditing,
+  y as isPreviewing,
+  P as register,
+  v as setEditorSettings,
+  A as subscribeToEditor,
   F as track
 };

package/lib/browser/{repeated-block.b1ae5c0d.js → repeated-block.a638bc5f.js}

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

package/lib/browser/{repeated-block.cda6cd73.cjs → repeated-block.ed6cc0b7.cjs}

@@ -1 +1 @@
-var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.21de2b72.cjs"),r=()=>Promise.resolve().then(()=>require("./index.21de2b72.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,d,k,m){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);exports.default=l;
+var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.d054dcd5.cjs"),r=()=>Promise.resolve().then(()=>require("./index.d054dcd5.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,d,k,m){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);exports.default=l;

package/lib/browser/server-index.d.ts

@@ -1,4 +1,7 @@
 export * from './index-helpers/top-of-file.js';
+/**
+ * Component Prop types
+ */
 export type { ButtonProps } from './blocks/button/button.types.js';
 export type { ColumnProps } from './blocks/columns/columns.types.js';
 export type { FragmentProps } from './blocks/fragment/fragment.types.js';
@@ -9,6 +12,16 @@ export type { TextProps } from './blocks/text/text.types.js';
 export type { VideoProps } from './blocks/video/video.types.js';
 export type { BlocksProps } from './components/blocks/blocks.types.js';
 export type { ContentVariantsPrps as ContentProps } from './components/content-variants/content-variants.types.js';
+/**
+ * General Builder types
+ */
+export type { RegisteredComponent } from './context/types.js';
+export type { BuilderBlock } from './types/builder-block.js';
+export type { BuilderContent } from './types/builder-content.js';
+export type { ComponentInfo } from './types/components.js';
+/**
+ * Helper functions
+ */
 export { isEditing } from './functions/is-editing.js';
 export { isPreviewing } from './functions/is-previewing.js';
 export { createRegisterComponentMessage } from './functions/register-component.js';
@@ -16,9 +29,11 @@ export { register } from './functions/register.js';
 export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
 export { setEditorSettings } from './functions/set-editor-settings.js';
 export type { Settings } from './functions/set-editor-settings.js';
-export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent } from './functions/get-content/index.js';
 export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
 export { track } from './functions/track/index.js';
-export type { RegisteredComponent } from './context/types.js';
-export type { ComponentInfo } from './types/components.js';
+export { subscribeToEditor } from './helpers/subscribe-to-editor.js';
+/**
+ * Content fetching
+ */
 export { fetchBuilderProps } from './functions/fetch-builder-props.js';
+export { _processContentResult, fetchEntries, fetchOneEntry, getAllContent, getContent } from './functions/get-content/index.js';

package/lib/browser/types/builder-block.d.ts

@@ -4,6 +4,23 @@ interface JSONObject {
 }
 interface JSONArray extends Array<JSONValue> {
 }
+export interface AnimationStep {
+    styles: {
+        [key: string]: string;
+    };
+    delay?: number;
+}
+export interface BuilderAnimation {
+    elementId: string;
+    trigger: string;
+    steps: AnimationStep[];
+    duration: number;
+    delay?: number;
+    easing?: string;
+    id?: string;
+    repeat?: boolean;
+    thresholdPercent?: number;
+}
 /** @todo typedoc this */
 export interface BuilderBlock {
     '@type': '@builder.io/sdk:Element';
@@ -52,7 +69,7 @@ export interface BuilderBlock {
         collection: string;
         itemName?: string;
     } | null;
-    animations?: any[];
+    animations?: BuilderAnimation[];
     style?: Partial<CSSStyleDeclaration>;
     href?: string;
     /**

package/lib/edge/{block-styles.d58d7b74.js → block-styles.61d3fabd.js}

@@ -1,5 +1,5 @@
 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 d, c as u, a as _, b as r, d as m, _ as v } from "./index.008ba030.js";
+import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.838cffcb.js";
 const C = k({
   name: "block-styles",
   components: { InlinedStyles: B },

package/lib/edge/{block-styles.e2e8092d.cjs → block-styles.d0f18b3e.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("./index.898c6989.cjs"),h=o.defineComponent({name:"block-styles",components:{InlinedStyles:e.InlinedStyles},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 d;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,n=this.context.content,r=e.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),a=s==null?void 0:s.large,i=s==null?void 0:s.medium,c=s==null?void 0:s.small,l=t.id;if(!l)return"";const u=a?e.createCssClass({className:l,styles:a}):"",S=i?e.createCssClass({className:l,styles:i,mediaQuery:e.getMaxWidthQueryForSize("medium",r)}):"",m=c?e.createCssClass({className:l,styles:c,mediaQuery:e.getMaxWidthQueryForSize("small",r)}):"";return[u,S,m].join(" ")}}});function k(t,s,n,r,a,i){const c=o.resolveComponent("inlined-styles");return t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,styles:t.css},null,8,["styles"])):o.createCommentVNode("v-if",!0)}const p=e._export_sfc(h,[["render",k],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("./index.cc82eed5.cjs"),h=o.defineComponent({name:"block-styles",components:{InlinedStyles:e.InlinedStyles},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 d;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,n=this.context.content,r=e.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),a=s==null?void 0:s.large,i=s==null?void 0:s.medium,c=s==null?void 0:s.small,l=t.id;if(!l)return"";const u=a?e.createCssClass({className:l,styles:a}):"",S=i?e.createCssClass({className:l,styles:i,mediaQuery:e.getMaxWidthQueryForSize("medium",r)}):"",m=c?e.createCssClass({className:l,styles:c,mediaQuery:e.getMaxWidthQueryForSize("small",r)}):"";return[u,S,m].join(" ")}}});function k(t,s,n,r,a,i){const c=o.resolveComponent("inlined-styles");return t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,styles:t.css},null,8,["styles"])):o.createCommentVNode("v-if",!0)}const p=e._export_sfc(h,[["render",k],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);exports.default=p;

package/lib/edge/{block-wrapper.8d418b5a.cjs → block-wrapper.36466e9a.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.7cb55a14.cjs"),n=require("./index.898c6989.cjs"),c=()=>Promise.resolve().then(()=>require("./index.898c6989.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,u,m){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],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.c88bf8e7.cjs"),n=require("./index.cc82eed5.cjs"),c=()=>Promise.resolve().then(()=>require("./index.cc82eed5.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,u,m){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],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=s;

package/lib/edge/{block-wrapper.299629dd.js → block-wrapper.73ff32a9.js}

@@ -1,7 +1,7 @@
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as p, renderSlot as i } from "vue";
-import { g as s, a as l } from "./get-block-properties.35baa57f.js";
-import { _ as m } from "./index.008ba030.js";
-const d = () => import("./index.008ba030.js").then((e) => e.H).then((e) => e.default).catch((e) => {
+import { g as s, a as l } from "./get-block-properties.71135a67.js";
+import { _ as m } from "./index.838cffcb.js";
+const d = () => import("./index.838cffcb.js").then((e) => e.J).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/edge/{component-ref.7e7732dc.cjs → component-ref.2fdda034.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.898c6989.cjs"),a=require("./get-block-properties.7cb55a14.cjs"),u=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 k=c._export_sfc(u,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),b=({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},f=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:k},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(k):this.componentRef,getWrapperProps:b}}});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,linkComponent:e.linkComponent,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,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(f,[["render",B],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.cc82eed5.cjs"),a=require("./get-block-properties.c88bf8e7.cjs"),u=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 k=c._export_sfc(u,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),b=({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},f=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:k},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(k):this.componentRef,getWrapperProps:b}}});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,linkComponent:e.linkComponent,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,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(f,[["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/edge/{component-ref.6331b010.js → component-ref.b7f29f71.js}

@@ -1,6 +1,6 @@
 import { defineComponent as m, openBlock as r, createBlock as i, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as v, resolveComponent as P, normalizeProps as g, createElementBlock as B, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
-import { _ as f, B as S, w as W } from "./index.008ba030.js";
-import { g as R, a as b } from "./get-block-properties.35baa57f.js";
+import { _ as f, B as S, w as W } from "./index.838cffcb.js";
+import { g as R, a as b } from "./get-block-properties.71135a67.js";
 const I = m({
   name: "interactive-element",
   props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],

package/lib/edge/components/block/animator.d.ts

@@ -0,0 +1,5 @@
+import type { BuilderAnimation } from '../../types/builder-block.js';
+export declare function bindAnimations(animations: BuilderAnimation[]): void;
+export declare function triggerAnimation(animation: BuilderAnimation): void;
+export declare function bindHoverAnimation(animation: BuilderAnimation): void;
+export declare function bindScrollInViewAnimation(animation: BuilderAnimation): void;

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

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
         } | {
             [index: string]: any;
         } | undefined;
-        builderBlock: import("../../../../types/builder-block.js").BuilderBlock;
+        builderBlock: import("../../../../server-index.js").BuilderBlock;
         builderContext: import("../../../../context/types.js").BuilderContextInterface;
     };
 }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{

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

@@ -8,8 +8,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     canTrack?: any;
     builderContextSignal?: any;
     contentWrapper?: any;
-    trustedHosts?: any;
     model?: any;
+    trustedHosts?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
@@ -84,8 +84,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     canTrack?: any;
     builderContextSignal?: any;
     contentWrapper?: any;
-    trustedHosts?: any;
     model?: any;
+    trustedHosts?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
@@ -99,8 +99,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly canTrack?: any;
     readonly builderContextSignal?: any;
     readonly contentWrapper?: any;
-    readonly trustedHosts?: any;
     readonly model?: any;
+    readonly trustedHosts?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;

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

@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
-    trustedHosts?: any;
     model?: any;
+    trustedHosts?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     scriptStr: string;
     registeredComponents: RegisteredComponents;
     builderContextSignal: {
-        content: import("../../types/typescript.js").Nullable<import("../../types/builder-content.js").BuilderContent>;
+        content: import("../../types/typescript.js").Nullable<import("../../server-index.js").BuilderContent>;
         localState: undefined;
         rootState: {
             locale?: string | undefined;
@@ -52,8 +52,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
-    trustedHosts?: any;
     model?: any;
+    trustedHosts?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
@@ -72,8 +72,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly blocksWrapper?: any;
     readonly canTrack?: any;
     readonly contentWrapper?: any;
-    readonly trustedHosts?: any;
     readonly model?: any;
+    readonly trustedHosts?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;

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

@@ -8,8 +8,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
-    trustedHosts?: any;
     model?: any;
+    trustedHosts?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
@@ -21,13 +21,13 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     shouldRenderVariants: boolean;
     TARGET: import("../../types/targets.js").Target;
     getScriptString: () => string;
-    getVariants: (content: import("../../helpers/nullable.js").Nullable<import("../../types/builder-content.js").BuilderContent>) => {
+    getVariants: (content: import("../../helpers/nullable.js").Nullable<import("../../server-index.js").BuilderContent>) => {
         testVariationId: string | undefined;
         id: string | undefined;
         data?: {
             [key: string]: any;
             title?: string | undefined;
-            blocks?: import("../../types/builder-block.js").BuilderBlock[] | undefined;
+            blocks?: import("../../server-index.js").BuilderBlock[] | undefined;
             inputs?: import("../../types/input.js").Input[] | undefined;
             state?: {
                 [key: string]: any;
@@ -59,8 +59,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
-    trustedHosts?: any;
     model?: any;
+    trustedHosts?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
@@ -78,8 +78,8 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     readonly blocksWrapper?: any;
     readonly canTrack?: any;
     readonly contentWrapper?: any;
-    readonly trustedHosts?: any;
     readonly model?: any;
+    readonly trustedHosts?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;

package/lib/edge/components/content-variants/helpers.d.ts

@@ -6,7 +6,7 @@ export declare const getVariants: (content: Nullable<BuilderContent>) => {
     data?: {
         [key: string]: any;
         title?: string | undefined;
-        blocks?: import("../../types/builder-block.js").BuilderBlock[] | undefined;
+        blocks?: import("../../server-index.js").BuilderBlock[] | undefined;
         inputs?: import("../../types/input.js").Input[] | undefined;
         state?: {
             [key: string]: any;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.6";
+export declare const SDK_VERSION = "0.12.8";

package/lib/edge/{get-block-properties.35baa57f.js → get-block-properties.71135a67.js}

@@ -1,4 +1,4 @@
-import { e as c, T as i, f as l, h as f } from "./index.008ba030.js";
+import { e as c, T as i, f as l, h as f } from "./index.838cffcb.js";
 const p = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => c({
   code: e,
   context: t.context,

package/lib/{node/get-block-properties.f160f4a3.cjs → edge/get-block-properties.c88bf8e7.cjs}

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

package/lib/edge/helpers/subscribe-to-editor.d.ts

@@ -0,0 +1,35 @@
+import type { ContentProps } from '../components/content/content.types.js';
+import type { BuilderAnimation } from '../types/builder-block.js';
+import type { BuilderContent } from '../types/builder-content.js';
+type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
+    callbacks: {
+        contentUpdate: (updatedContent: BuilderContent) => void;
+        animation: (updatedContent: BuilderAnimation) => void;
+        configureSdk: (updatedContent: any) => void;
+    };
+};
+export declare const createEditorListener: ({ model, trustedHosts, callbacks }: ContentListener) => (event: MessageEvent<any>) => void;
+type SubscribeToEditor = (
+/**
+ * The Builder `model` to subscribe to
+ */
+model: string, 
+/**
+ * The callback function to call when the content is updated.
+ */
+callback: (updatedContent: BuilderContent) => void, 
+/**
+ * Extra options for the listener.
+ */
+options?: {
+    /**
+     * List of hosts to allow editing content from.
+     */
+    trustedHosts?: string[] | undefined;
+}) => () => void;
+/**
+ * Subscribes to the Builder editor and listens to `content` updates of a certain `model`.
+ * Sends the updated `content` to the `callback` function.
+ */
+export declare const subscribeToEditor: SubscribeToEditor;
+export {};

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

@@ -50,8 +50,8 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
-    trustedHosts?: any;
     model?: any;
+    trustedHosts?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
@@ -63,13 +63,13 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     shouldRenderVariants: boolean;
     TARGET: import("../types/targets").Target;
     getScriptString: () => string;
-    getVariants: (content: import("../helpers/nullable").Nullable<import("../types/builder-content").BuilderContent>) => {
+    getVariants: (content: import("../helpers/nullable").Nullable<import("..").BuilderContent>) => {
         testVariationId: string | undefined;
         id: string | undefined;
         data?: {
             [key: string]: any;
             title?: string | undefined;
-            blocks?: import("../types/builder-block").BuilderBlock[] | undefined;
+            blocks?: import("..").BuilderBlock[] | undefined;
             inputs?: import("../types/input").Input[] | undefined;
             state?: {
                 [key: string]: any;
@@ -101,8 +101,8 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     blocksWrapper?: any;
     canTrack?: any;
     contentWrapper?: any;
-    trustedHosts?: any;
     model?: any;
+    trustedHosts?: any;
     locale?: any;
     includeRefs?: any;
     enrich?: any;
@@ -120,8 +120,8 @@ export declare const RenderContent: import("vue").DefineComponent<Readonly<{
     readonly blocksWrapper?: any;
     readonly canTrack?: any;
     readonly contentWrapper?: any;
-    readonly trustedHosts?: any;
     readonly model?: any;
+    readonly trustedHosts?: any;
     readonly locale?: any;
     readonly includeRefs?: any;
     readonly enrich?: any;