@builder.io/sdk-vue 0.1.3 → 0.1.5

package/packages/_vue3/dist/{render-block.bd00521b.js → render-block.11e5a0d0.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as f, resolveComponent as u, openBlock as s, createElementBlock as d, Fragment as h, createBlock as l, resolveDynamicComponent as _, normalizeProps as k, mergeProps as x, createCommentVNode as g, renderList as C, withCtx as R, createVNode as P, guardReactiveProps as w } from "vue";
-import { e as v, T as A, b as I, _ as S } from "./index.dfbf4ad8.js";
-import { g as E } from "./get-processed-block.aed48c68.js";
-const T = (e) => `v-on:${e.toLowerCase()}`, N = (e, t) => (n) => v({
+import { defineAsyncComponent as f, resolveComponent as p, openBlock as s, createElementBlock as d, Fragment as h, createBlock as a, resolveDynamicComponent as v, normalizeProps as k, mergeProps as b, createCommentVNode as g, renderList as C, withCtx as P, createVNode as R, guardReactiveProps as S } from "vue";
+import { e as _, T as w, b as A, _ as I } from "./index.b1080e36.js";
+import { g as E } from "./get-processed-block.37c65d27.js";
+const T = (e) => `v-on:${e.toLowerCase()}`, N = (e, t) => (n) => _({
   code: e,
   context: t.context,
   state: t.state,
@@ -39,24 +39,24 @@ function O(e) {
 function W(e) {
   return e.class = O(e.class), e;
 }
-function j(e) {
+function L(e) {
   var n;
   const t = {
     ...e.properties,
     "builder-id": e.id,
-    style: L(e.style),
+    style: j(e.style),
     class: [e.id, "builder-block", e.class, (n = e.properties) == null ? void 0 : n.class].filter(Boolean).join(" ")
   };
   return W(t);
 }
-function L(e) {
+function j(e) {
   if (!!e)
-    switch (A) {
+    switch (w) {
       case "svelte":
       case "vue2":
       case "vue3":
       case "solid":
-        return I(e).join(" ");
+        return A(e).join(" ");
       case "qwik":
       case "reactNative":
       case "react":
@@ -108,38 +108,38 @@ const K = [
   const { repeat: n, ...c } = e;
   if (!(n != null && n.collection))
     return;
-  const r = v({
+  const r = _({
     code: n.collection,
     state: t.state,
     context: t.context
   });
   if (!Array.isArray(r))
     return;
-  const o = n.collection.split(".").pop(), a = n.itemName || (o ? o + "Item" : "item");
-  return r.map((m, p) => ({
+  const o = n.collection.split(".").pop(), l = n.itemName || (o ? o + "Item" : "item");
+  return r.map((m, u) => ({
     context: {
       ...t,
       state: {
         ...t.state,
-        $index: p,
+        $index: u,
         $item: m,
-        [a]: m,
-        [`$${a}Index`]: p
+        [l]: m,
+        [`$${l}Index`]: u
       }
     },
     block: c
   }));
-}, F = () => import("./block-styles.b1836f48.js").then((e) => e.default).catch((e) => {
+}, F = () => import("./block-styles.d05bbb48.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), G = () => import("./render-repeated-block.c0e57489.js").then((e) => e.default).catch((e) => {
+}), G = () => import("./render-repeated-block.645dd73e.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",
     e
   ), e;
-}), U = () => import("./render-component.98c61732.js").then((e) => e.default).catch((e) => {
+}), U = () => import("./render-component.3397c957.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
     e
@@ -177,16 +177,26 @@ const K = [
         shouldEvaluateBindings: !0
       });
     },
+    proxyState() {
+      return typeof Proxy > "u" ? (console.error(
+        "no Proxy available in this environment, cannot proxy state."
+      ), this.context.state) : new Proxy(this.context.state, {
+        set: (t, n, c) => {
+          var r, o;
+          return t[n] = c, (o = (r = this.context).setState) == null || o.call(r, t), !0;
+        }
+      });
+    },
     actions() {
       return D({
         block: this.useBlock,
-        state: this.context.state,
+        state: this.proxyState,
         context: this.context.context
       });
     },
     attributes() {
       return {
-        ...j(this.useBlock)
+        ...L(this.useBlock)
       };
     },
     renderComponentProps() {
@@ -218,6 +228,7 @@ const K = [
         state: this.context.state,
         content: this.context.content,
         context: this.context.context,
+        setState: this.context.setState,
         registeredComponents: this.context.registeredComponents,
         inheritedStyles: e()
       };
@@ -226,23 +237,23 @@ const K = [
 };
 function J(e, t, n, c, r, o) {
   var B;
-  const a = u("render-repeated-block"), y = u("render-component"), m = u("render-block", !0), p = u("block-styles");
-  return (B = r.component) != null && B.noWrap ? (s(), l(y, k(x({ key: 1 }, o.renderComponentProps)), null, 16)) : (s(), d(h, { key: 0 }, [
-    r.isEmptyHtmlElement(o.tag) ? (s(), l(_(o.tag), k(x({ key: 0 }, { ...o.attributes, ...o.actions })), null, 16)) : g("", !0),
-    !r.isEmptyHtmlElement(o.tag) && r.repeatItemData ? (s(!0), d(h, { key: 1 }, C(r.repeatItemData, (i, b) => (s(), l(a, {
-      key: b,
+  const l = p("render-repeated-block"), x = p("render-component"), m = p("render-block", !0), u = p("block-styles");
+  return (B = r.component) != null && B.noWrap ? (s(), a(x, k(b({ key: 1 }, o.renderComponentProps)), null, 16)) : (s(), d(h, { key: 0 }, [
+    r.isEmptyHtmlElement(o.tag) ? (s(), a(v(o.tag), k(b({ key: 0 }, { ...o.attributes, ...o.actions })), null, 16)) : g("", !0),
+    !r.isEmptyHtmlElement(o.tag) && r.repeatItemData ? (s(!0), d(h, { key: 1 }, C(r.repeatItemData, (i, y) => (s(), a(l, {
+      key: y,
       repeatContext: i.context,
       block: i.block
     }, null, 8, ["repeatContext", "block"]))), 128)) : g("", !0),
-    !r.isEmptyHtmlElement(o.tag) && !r.repeatItemData ? (s(), l(_(o.tag), k(x({ key: 2 }, { ...o.attributes, ...o.actions })), {
-      default: R(() => [
-        P(y, k(w(o.renderComponentProps)), null, 16),
-        (s(!0), d(h, null, C(o.childrenWithoutParentComponent, (i, b) => (s(), l(m, {
+    !r.isEmptyHtmlElement(o.tag) && !r.repeatItemData ? (s(), a(v(o.tag), k(b({ key: 2 }, { ...o.attributes, ...o.actions })), {
+      default: P(() => [
+        R(x, k(S(o.renderComponentProps)), null, 16),
+        (s(!0), d(h, null, C(o.childrenWithoutParentComponent, (i, y) => (s(), a(m, {
           key: "render-block-" + i.id,
           block: i,
           context: o.childrenContext
         }, null, 8, ["block", "context"]))), 128)),
-        (s(!0), d(h, null, C(o.childrenWithoutParentComponent, (i, b) => (s(), l(p, {
+        (s(!0), d(h, null, C(o.childrenWithoutParentComponent, (i, y) => (s(), a(u, {
           key: "block-style-" + i.id,
           block: i,
           context: o.childrenContext
@@ -252,7 +263,7 @@ function J(e, t, n, c, r, o) {
     }, 16)) : g("", !0)
   ], 64));
 }
-const $ = /* @__PURE__ */ S(Y, [["render", J]]);
+const $ = /* @__PURE__ */ I(Y, [["render", J]]);
 export {
   $ as default
 };

package/packages/_vue3/dist/render-block.c674f764.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=require("./index.6b1bc5ee.cjs"),h=require("./get-processed-block.77446c19.cjs"),y=e=>`v-on:${e.toLowerCase()}`,x=(e,o)=>n=>i.evaluate({code:e,context:o.context,state:o.state,event:n,isExpression:!1});function b(e){var s;const o={},n=(s=e.block.actions)!=null?s:{};for(const c in n){if(!n.hasOwnProperty(c))continue;const r=n[c];o[y(c)]=x(r,e)}return o}function f(e){var o;return{...(o=e.component)==null?void 0:o.options,...e.options,builderBlock:e}}function B(e){const o={};if(typeof e!="string")return o;const n=e.trim().split(/\\s+/);for(const s of n)o[s]=!0;return o}function g(e){return e.class=B(e.class),e}function C(e){var n;const o={...e.properties,"builder-id":e.id,style:v(e.style),class:[e.id,"builder-block",e.class,(n=e.properties)==null?void 0:n.class].filter(Boolean).join(" ")};return g(o)}function v(e){if(!!e)switch(i.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return i.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":return e}}function P(e){return e.tagName||"div"}const E=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],_=e=>typeof e=="string"&&E.includes(e.toLowerCase()),S=({block:e,context:o})=>{var c;const n=(c=h.getProcessedBlock({block:e,state:o.state,context:o.context,shouldEvaluateBindings:!1}).component)==null?void 0:c.name;if(!n)return null;const s=o.registeredComponents[n];if(s)return s;console.warn(`
+      Could not find a registered component named "${n}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`)},R=({block:e,context:o})=>{const{repeat:n,...s}=e;if(!(n!=null&&n.collection))return;const c=i.evaluate({code:n.collection,state:o.state,context:o.context});if(!Array.isArray(c))return;const r=n.collection.split(".").pop(),a=n.itemName||(r?r+"Item":"item");return c.map((m,p)=>({context:{...o,state:{...o.state,$index:p,$item:m,[a]:m,[`$${a}Index`]:p}},block:s}))},w=()=>Promise.resolve().then(()=>require("./block-styles.666ee81f.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),A=()=>Promise.resolve().then(()=>require("./render-repeated-block.1b978fce.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",e),e}),N=()=>Promise.resolve().then(()=>require("./render-component.2455895f.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),I={name:"render-block",components:{RenderComponent:t.defineAsyncComponent(N),RenderRepeatedBlock:t.defineAsyncComponent(A),BlockStyles:t.defineAsyncComponent(w)},props:["block","context"],data(){return{component:S({block:this.block,context:this.context}),repeatItemData:R({block:this.block,context:this.context}),isEmptyHtmlElement:_}},computed:{tag(){return P(this.useBlock)},useBlock(){return this.repeatItemData?this.block:h.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},proxyState(){return typeof Proxy>"u"?(console.error("no Proxy available in this environment, cannot proxy state."),this.context.state):new Proxy(this.context.state,{set:(o,n,s)=>{var c,r;return o[n]=s,(r=(c=this.context).setState)==null||r.call(c,o),!0}})},actions(){return b({block:this.useBlock,state:this.proxyState,context:this.context.context})},attributes(){return{...C(this.useBlock)}},renderComponentProps(){var e,o,n,s,c,r;return{blockChildren:(e=this.useBlock.children)!=null?e:[],componentRef:(o=this.component)==null?void 0:o.component,componentOptions:{...f(this.useBlock),...(n=this.component)!=null&&n.noWrap?{attributes:{...this.attributes,...this.actions}}:{},customBreakpoints:(r=(c=(s=this.childrenContext)==null?void 0:s.content)==null?void 0:c.meta)==null?void 0:r.breakpoints},context:this.childrenContext}},childrenWithoutParentComponent(){var o,n;return!((o=this.component)!=null&&o.component)&&!this.repeatItemData?(n=this.useBlock.children)!=null?n:[]:[]},childrenContext(){const e=()=>({});return{apiKey:this.context.apiKey,state:this.context.state,content:this.context.content,context:this.context.context,setState:this.context.setState,registeredComponents:this.context.registeredComponents,inheritedStyles:e()}}}};function T(e,o,n,s,c,r){var k;const a=t.resolveComponent("render-repeated-block"),u=t.resolveComponent("render-component"),m=t.resolveComponent("render-block",!0),p=t.resolveComponent("block-styles");return(k=c.component)!=null&&k.noWrap?(t.openBlock(),t.createBlock(u,t.normalizeProps(t.mergeProps({key:1},r.renderComponentProps)),null,16)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[c.isEmptyHtmlElement(r.tag)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.tag),t.normalizeProps(t.mergeProps({key:0},{...r.attributes,...r.actions})),null,16)):t.createCommentVNode("",!0),!c.isEmptyHtmlElement(r.tag)&&c.repeatItemData?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(c.repeatItemData,(l,d)=>(t.openBlock(),t.createBlock(a,{key:d,repeatContext:l.context,block:l.block},null,8,["repeatContext","block"]))),128)):t.createCommentVNode("",!0),!c.isEmptyHtmlElement(r.tag)&&!c.repeatItemData?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.tag),t.normalizeProps(t.mergeProps({key:2},{...r.attributes,...r.actions})),{default:t.withCtx(()=>[t.createVNode(u,t.normalizeProps(t.guardReactiveProps(r.renderComponentProps)),null,16),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.childrenWithoutParentComponent,(l,d)=>(t.openBlock(),t.createBlock(m,{key:"render-block-"+l.id,block:l,context:r.childrenContext},null,8,["block","context"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.childrenWithoutParentComponent,(l,d)=>(t.openBlock(),t.createBlock(p,{key:"block-style-"+l.id,block:l,context:r.childrenContext},null,8,["block","context"]))),128))]),_:1},16)):t.createCommentVNode("",!0)],64))}const j=i._export_sfc(I,[["render",T]]);exports.default=j;

package/packages/_vue3/dist/{render-component.7b0412f1.cjs → render-component.2455895f.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index.0bf7b9df.cjs"),m=()=>Promise.resolve().then(()=>require("./block-styles.b81e8e00.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",o),o}),i=()=>Promise.resolve().then(()=>require("./render-block.7d6c9594.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",o),o}),k={name:"render-component",components:{RenderBlock:e.defineAsyncComponent(i),BlockStyles:e.defineAsyncComponent(m)},props:["componentRef","componentOptions","blockChildren","context"]};function d(o,u,n,p,b,y){const c=e.resolveComponent("render-block"),r=e.resolveComponent("block-styles");return n.componentRef?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.componentRef),e.normalizeProps(e.mergeProps({key:0},n.componentOptions)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,l)=>(e.openBlock(),e.createBlock(c,{key:"render-block-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,l)=>(e.openBlock(),e.createBlock(r,{key:"block-style-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128))]),_:1},16)):e.createCommentVNode("",!0)}const a=s._export_sfc(k,[["render",d]]);exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index.6b1bc5ee.cjs"),m=()=>Promise.resolve().then(()=>require("./block-styles.666ee81f.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",o),o}),i=()=>Promise.resolve().then(()=>require("./render-block.c674f764.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",o),o}),k={name:"render-component",components:{RenderBlock:e.defineAsyncComponent(i),BlockStyles:e.defineAsyncComponent(m)},props:["componentRef","componentOptions","blockChildren","context"]};function d(o,u,n,p,b,y){const c=e.resolveComponent("render-block"),r=e.resolveComponent("block-styles");return n.componentRef?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.componentRef),e.normalizeProps(e.mergeProps({key:0},n.componentOptions)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,l)=>(e.openBlock(),e.createBlock(c,{key:"render-block-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,l)=>(e.openBlock(),e.createBlock(r,{key:"block-style-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128))]),_:1},16)):e.createCommentVNode("",!0)}const a=s._export_sfc(k,[["render",d]]);exports.default=a;

package/packages/_vue3/dist/{render-component.98c61732.js → render-component.3397c957.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as r, resolveComponent as l, openBlock as n, createBlock as c, resolveDynamicComponent as p, normalizeProps as u, mergeProps as y, withCtx as _, createElementBlock as m, Fragment as s, renderList as a, createCommentVNode as b } from "vue";
-import { _ as f } from "./index.dfbf4ad8.js";
-const x = () => import("./block-styles.b1836f48.js").then((e) => e.default).catch((e) => {
+import { _ as f } from "./index.b1080e36.js";
+const x = () => import("./block-styles.d05bbb48.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), h = () => import("./render-block.bd00521b.js").then((e) => e.default).catch((e) => {
+}), h = () => import("./render-block.11e5a0d0.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
     e

package/packages/_vue3/dist/render-inlined-styles.17e85155.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index.6b1bc5ee.cjs"),c={name:"render-inlined-styles",props:["styles"],data(){return{TARGET:s.TARGET}},computed:{injectedStyleScript(){return`<${this.tag}>${this.styles}</${this.tag}>`},tag(){return"style"}}};function l(o,a,t,u,n,r){return n.TARGET==="svelte"||n.TARGET==="qwik"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.tag),{key:0,innerHTML:t.styles},null,8,["innerHTML"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.tag),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.styles),1)]),_:1}))}const i=s._export_sfc(c,[["render",l]]);exports.default=i;

package/packages/_vue3/dist/render-inlined-styles.ca824cfb.js

@@ -0,0 +1,32 @@
+import { openBlock as n, createBlock as s, resolveDynamicComponent as l, withCtx as i, createTextVNode as a, toDisplayString as c } from "vue";
+import { T as o, _ as y } from "./index.b1080e36.js";
+const d = {
+  name: "render-inlined-styles",
+  props: ["styles"],
+  data() {
+    return { TARGET: o };
+  },
+  computed: {
+    injectedStyleScript() {
+      return `<${this.tag}>${this.styles}</${this.tag}>`;
+    },
+    tag() {
+      return "style";
+    }
+  }
+};
+function u(T, _, e, m, t, r) {
+  return t.TARGET === "svelte" || t.TARGET === "qwik" ? (n(), s(l(r.tag), {
+    key: 0,
+    innerHTML: e.styles
+  }, null, 8, ["innerHTML"])) : (n(), s(l(r.tag), { key: 1 }, {
+    default: i(() => [
+      a(c(e.styles), 1)
+    ]),
+    _: 1
+  }));
+}
+const g = /* @__PURE__ */ y(d, [["render", u]]);
+export {
+  g as default
+};

package/packages/_vue3/dist/render-repeated-block.1b978fce.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index.6b1bc5ee.cjs"),c=()=>Promise.resolve().then(()=>require("./render-block.c674f764.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),s={name:"render-repeated-block",components:{RenderBlock:t.defineAsyncComponent(c)},props:["block","repeatContext"],provide(){const e=this;return{[o.BuilderContext.key]:{content:e.repeatContext.content,state:e.repeatContext.state,setState:e.repeatContext.setState,context:e.repeatContext.context,apiKey:e.repeatContext.apiKey,registeredComponents:e.repeatContext.registeredComponents,inheritedStyles:e.repeatContext.inheritedStyles}}}};function a(e,i,n,d,p,x){const r=t.resolveComponent("render-block");return t.openBlock(),t.createBlock(r,{block:n.block,context:n.repeatContext},null,8,["block","context"])}const l=o._export_sfc(s,[["render",a]]);exports.default=l;

package/packages/_vue3/dist/{render-repeated-block.c0e57489.js → render-repeated-block.645dd73e.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as a } from "vue";
-import { B as p, _ as s } from "./index.dfbf4ad8.js";
-const l = () => import("./render-block.bd00521b.js").then((e) => e.default).catch((e) => {
+import { B as p, _ as s } from "./index.b1080e36.js";
+const l = () => import("./render-block.11e5a0d0.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
     e
@@ -15,6 +15,7 @@ const l = () => import("./render-block.bd00521b.js").then((e) => e.default).catc
       [p.key]: {
         content: e.repeatContext.content,
         state: e.repeatContext.state,
+        setState: e.repeatContext.setState,
         context: e.repeatContext.context,
         apiKey: e.repeatContext.apiKey,
         registeredComponents: e.repeatContext.registeredComponents,

package/packages/_vue3/dist/render-styles.4d7ca33e.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),a=require("./index.6b1bc5ee.cjs"),f=e=>{var c,s;const n=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),t=n.split(",")[0],i=(s=e.fileUrl)!=null?s:(c=e==null?void 0:e.files)==null?void 0:c.regular;let r="";if(i&&n&&t&&(r+=`
+@font-face {
+font-family: "${n}";
+src: local("${t}"), url('${i}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()),e.files)for(const l in e.files){if(!(String(Number(l))===l))continue;const d=e.files[l];d&&d!==i&&(r+=`
+@font-face {
+font-family: "${n}";
+src: url('${d}') format('woff2');
+font-display: fallback;
+font-weight: ${l};
+}
+        `.trim())}return r},u=({customFonts:e})=>{var n;return((n=e==null?void 0:e.map(t=>f(t)))==null?void 0:n.join(" "))||""},m=({cssCode:e,contentId:n})=>e?n?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${n}"]`))||"":e:"",y=()=>Promise.resolve().then(()=>require("./render-inlined-styles.17e85155.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",e),e}),p={name:"render-content-styles",components:{RenderInlinedStyles:o.defineAsyncComponent(y)},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
+${m({cssCode:this.cssCode,contentId:this.contentId})}
+${u({customFonts:this.customFonts})}
+`}}};function g(e,n,t,i,r,c){const s=o.resolveComponent("render-inlined-styles");return o.openBlock(),o.createBlock(s,{styles:r.injectedStyles},null,8,["styles"])}const h=a._export_sfc(p,[["render",g]]);exports.default=h;

package/packages/_vue3/dist/render-styles.f59a1cf7.js

@@ -0,0 +1,67 @@
+import { defineAsyncComponent as a, resolveComponent as d, openBlock as f, createBlock as m } from "vue";
+import { _ as p } from "./index.b1080e36.js";
+const u = (e) => {
+  var o, s;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (s = e.fileUrl) != null ? s : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
+  let r = "";
+  if (i && t && n && (r += `
+@font-face {
+font-family: "${t}";
+src: local("${n}"), url('${i}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()), e.files)
+    for (const l in e.files) {
+      if (!(String(Number(l)) === l))
+        continue;
+      const c = e.files[l];
+      c && c !== i && (r += `
+@font-face {
+font-family: "${t}";
+src: url('${c}') format('woff2');
+font-display: fallback;
+font-weight: ${l};
+}
+        `.trim());
+    }
+  return r;
+}, y = ({ customFonts: e }) => {
+  var t;
+  return ((t = e == null ? void 0 : e.map((n) => u(n))) == null ? void 0 : t.join(" ")) || "";
+}, _ = ({
+  cssCode: e,
+  contentId: t
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", h = () => import("./render-inlined-styles.ca824cfb.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",
+    e
+  ), e;
+}), $ = {
+  name: "render-content-styles",
+  components: {
+    RenderInlinedStyles: a(h)
+  },
+  props: ["cssCode", "contentId", "customFonts"],
+  data() {
+    return {
+      injectedStyles: `
+${_({
+        cssCode: this.cssCode,
+        contentId: this.contentId
+      })}
+${y({
+        customFonts: this.customFonts
+      })}
+`
+    };
+  }
+};
+function g(e, t, n, i, r, o) {
+  const s = d("render-inlined-styles");
+  return f(), m(s, { styles: r.injectedStyles }, null, 8, ["styles"]);
+}
+const b = /* @__PURE__ */ p($, [["render", g]]);
+export {
+  b as default
+};

package/packages/_vue3/dist/sdk.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.0bf7b9df.cjs");require("vue");exports.Button=e.Button;exports.Columns=e.Columns;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.renderBlocks;exports.RenderContent=e.renderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports.components=e.components;exports.convertSearchParamsToQueryObject=e.convertSearchParamsToQueryObject;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getBuilderSearchParamsFromWindow=e.getBuilderSearchParamsFromWindow;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.normalizeSearchParams=e.normalizeSearchParams;exports.register=e.register;exports.registerComponent=e.registerComponent;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.6b1bc5ee.cjs");require("vue");exports.Button=e.Button;exports.Columns=e.Columns;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.renderBlocks;exports.RenderContent=e.renderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports.components=e.components;exports.convertSearchParamsToQueryObject=e.convertSearchParamsToQueryObject;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getBuilderSearchParamsFromWindow=e.getBuilderSearchParamsFromWindow;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.normalizeSearchParams=e.normalizeSearchParams;exports.register=e.register;exports.registerComponent=e.registerComponent;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;

package/packages/_vue3/dist/sdk.js

@@ -1,4 +1,4 @@
-import { h as t, C as r, F as n, I as o, j as i, r as m, i as g, S as c, d, V as l, m as S, v as C, o as p, u, w as h, x as P, q as B, k, l as v, y as w, p as x, n as y, s as F, t as R } from "./index.dfbf4ad8.js";
+import { d as t, C as r, F as n, I as o, r as i, h as m, S as g, i as c, j as d, V as l, m as S, v as C, o as p, u, w as h, x as P, q as B, k, l as v, y as w, p as x, n as y, s as F, t as R } from "./index.b1080e36.js";
 import "vue";
 export {
   t as Button,

package/packages/_vue3/dist/src/blocks/button/button.vue.d.ts

@@ -7,5 +7,8 @@ export interface ButtonProps {
 declare const _sfc_main: {
     name: string;
     props: string[];
+    methods: {
+        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+    };
 };
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/img/img.vue.d.ts

@@ -13,5 +13,8 @@ declare const _sfc_main: {
     data(): {
         isEditing: typeof isEditing;
     };
+    methods: {
+        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+    };
 };
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/section/section.vue.d.ts

@@ -7,5 +7,8 @@ export interface SectionProps {
 declare const _sfc_main: {
     name: string;
     props: string[];
+    methods: {
+        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+    };
 };
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/symbol/symbol.vue.d.ts

@@ -1,4 +1,5 @@
 import type { BuilderContent } from "../../types/builder-content.js";
+import type { Nullable } from "../../types/typescript.js";
 import type { BuilderBlock } from "../../types/builder-block.js";
 export interface SymbolInfo {
     model?: string;
@@ -38,15 +39,7 @@ declare const _sfc_main: {
                         };
                     };
                     props: string[];
-                    computed: {
-                        injectedStyles(): any;
-                    };
-                    methods: {
-                        getCssFromFont(font: any): string;
-                        getFontCss({ customFonts }: {
-                            customFonts: any;
-                        }): any;
-                    };
+                    data(): any;
                 };
                 RenderBlocks: {
                     name: string;
@@ -95,11 +88,12 @@ declare const _sfc_main: {
             data(): {
                 forceReRenderCount: number;
                 overrideContent: null;
+                useContent: Nullable<BuilderContent>;
                 update: number;
-                useBreakpoints: null;
                 canTrackToUse: any;
-                overrideState: {};
-                contextContext: any;
+                contentState: {
+                    [x: string]: unknown;
+                };
                 allRegisteredComponents: any;
                 httpReqsData: {};
                 clicked: boolean;
@@ -108,6 +102,7 @@ declare const _sfc_main: {
                 [x: symbol]: {
                     content: any;
                     state: any;
+                    setState: any;
                     context: any;
                     apiKey: any;
                     registeredComponents: any;
@@ -130,16 +125,15 @@ declare const _sfc_main: {
             };
             unmounted(): void;
             computed: {
-                useContent(): any;
-                contentState(): any;
                 shouldRenderContentStyles(): any;
                 onUpdateHook0(): any;
                 onUpdateHook1(): any;
-                onUpdateHook2(): {
-                    0: () => any;
-                };
+                onUpdateHook2(): any;
             };
             methods: {
+                mergeNewContent(newContent: any): void;
+                setBreakpoints(breakpoints: any): void;
+                setContextState(newState: any): void;
                 processMessage(event: any): void;
                 evaluateJsCode(): void;
                 onClick(event: any): void;
@@ -172,6 +166,7 @@ declare const _sfc_main: {
         onUpdateHook0(): any;
     };
     methods: {
+        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
         _classStringToObject(str: any): {};
     };
 };

package/packages/_vue3/dist/src/components/render-block/render-component.vue.d.ts

@@ -1,9 +1,16 @@
 import type { BuilderBlock } from "../../types/builder-block.js";
 import type { BuilderContextInterface } from "../../context/types.js";
 import type { Breakpoints } from "../../types/builder-content.js";
+declare type ComponentOptions = {
+    [index: string]: any;
+    customBreakpoints?: Breakpoints;
+    attributes?: {
+        [index: string]: any;
+    };
+};
 export interface RenderComponentProps {
     componentRef: any;
-    componentOptions: any;
+    componentOptions: ComponentOptions;
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
     customBreakpoints?: Breakpoints;

package/packages/_vue3/dist/src/components/render-content/components/render-styles.helpers.d.ts

@@ -0,0 +1,15 @@
+export interface CustomFont {
+    family?: string;
+    kind?: string;
+    fileUrl?: string;
+    files?: {
+        [key: string]: string;
+    };
+}
+export declare const getFontCss: ({ customFonts }: {
+    customFonts?: CustomFont[] | undefined;
+}) => string;
+export declare const getCss: ({ cssCode, contentId, }: {
+    cssCode?: string | undefined;
+    contentId?: string | undefined;
+}) => string;

package/packages/_vue3/dist/src/components/render-content/components/render-styles.vue.d.ts

@@ -14,14 +14,6 @@ declare const _sfc_main: {
         };
     };
     props: string[];
-    computed: {
-        injectedStyles(): any;
-    };
-    methods: {
-        getCssFromFont(font: any): string;
-        getFontCss({ customFonts }: {
-            customFonts: any;
-        }): any;
-    };
+    data(): any;
 };
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-content/render-content.helpers.d.ts

@@ -0,0 +1,7 @@
+import type { BuilderContent } from '../../types/builder-content';
+import type { Nullable } from '../../types/typescript';
+import type { RenderContentProps } from './render-content.types';
+export declare const getContextStateInitialValue: ({ content, data, locale, }: Pick<RenderContentProps, 'content' | 'data' | 'locale'>) => {
+    [x: string]: unknown;
+};
+export declare const getContentInitialValue: ({ content, data, }: Pick<RenderContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;

package/packages/_vue3/dist/src/components/render-content/render-content.types.d.ts

@@ -0,0 +1,27 @@
+import type { BuilderRenderContext, RegisteredComponent, BuilderRenderState } from '../../context/types';
+import type { BuilderContent } from '../../types/builder-content';
+import type { Nullable } from '../../types/typescript';
+export declare type RenderContentProps = {
+    content?: Nullable<BuilderContent>;
+    model?: string;
+    data?: {
+        [key: string]: any;
+    };
+    context?: BuilderRenderContext;
+    apiKey: string;
+    customComponents?: RegisteredComponent[];
+    canTrack?: boolean;
+    locale?: string;
+    includeRefs?: boolean;
+};
+export interface BuilderComponentStateChange {
+    state: BuilderRenderState;
+    ref: {
+        name?: string;
+        props?: {
+            builderBlock?: {
+                id?: string;
+            };
+        };
+    };
+}

package/packages/_vue3/dist/src/components/render-content/render-content.vue.d.ts

@@ -1,19 +1,5 @@
-import type { BuilderRenderContext, RegisteredComponent } from "../../context/types.js";
 import type { BuilderContent } from "../../types/builder-content.js";
 import type { Nullable } from "../../types/typescript.js";
-export declare type RenderContentProps = {
-    content?: Nullable<BuilderContent>;
-    model?: string;
-    data?: {
-        [key: string]: any;
-    };
-    context?: BuilderRenderContext;
-    apiKey: string;
-    customComponents?: RegisteredComponent[];
-    canTrack?: boolean;
-    locale?: string;
-    includeRefs?: boolean;
-};
 declare const _sfc_main: {
     name: string;
     components: {
@@ -33,15 +19,7 @@ declare const _sfc_main: {
                 };
             };
             props: string[];
-            computed: {
-                injectedStyles(): any;
-            };
-            methods: {
-                getCssFromFont(font: any): string;
-                getFontCss({ customFonts }: {
-                    customFonts: any;
-                }): any;
-            };
+            data(): any;
         };
         RenderBlocks: {
             name: string;
@@ -90,11 +68,12 @@ declare const _sfc_main: {
     data(): {
         forceReRenderCount: number;
         overrideContent: null;
+        useContent: Nullable<BuilderContent>;
         update: number;
-        useBreakpoints: null;
         canTrackToUse: any;
-        overrideState: {};
-        contextContext: any;
+        contentState: {
+            [x: string]: unknown;
+        };
         allRegisteredComponents: any;
         httpReqsData: {};
         clicked: boolean;
@@ -103,6 +82,7 @@ declare const _sfc_main: {
         [x: symbol]: {
             content: any;
             state: any;
+            setState: any;
             context: any;
             apiKey: any;
             registeredComponents: any;
@@ -125,16 +105,15 @@ declare const _sfc_main: {
     };
     unmounted(): void;
     computed: {
-        useContent(): any;
-        contentState(): any;
         shouldRenderContentStyles(): any;
         onUpdateHook0(): any;
         onUpdateHook1(): any;
-        onUpdateHook2(): {
-            0: () => any;
-        };
+        onUpdateHook2(): any;
     };
     methods: {
+        mergeNewContent(newContent: any): void;
+        setBreakpoints(breakpoints: any): void;
+        setContextState(newState: any): void;
         processMessage(event: any): void;
         evaluateJsCode(): void;
         onClick(event: any): void;