@builder.io/sdk-vue 0.0.6 → 0.0.7

package/packages/_vue3/dist/{render-block.ff327bfe.js → render-block.66d690e4.js}

@@ -1,21 +1,21 @@
-import { defineAsyncComponent as d, resolveComponent as y, openBlock as r, createElementBlock as u, Fragment as p, createBlock as l, resolveDynamicComponent as h, normalizeProps as k, mergeProps as C, createCommentVNode as b, renderList as f, withCtx as R, guardReactiveProps as _ } from "vue";
-import { e as B, _ as v } from "./index.0555f850.js";
-import { g } from "./get-processed-block.7e239fa3.js";
-const w = (e) => `v-on:${e.toLowerCase()}`, P = (e, t) => (o) => B({
+import { defineAsyncComponent as d, resolveComponent as y, openBlock as c, createElementBlock as u, Fragment as p, createBlock as a, resolveDynamicComponent as h, normalizeProps as k, mergeProps as f, createCommentVNode as C, renderList as b, withCtx as E, guardReactiveProps as R } from "vue";
+import { e as B, T as _, b as w, _ as P } from "./index.8f01d2e4.js";
+import { g } from "./get-processed-block.391579db.js";
+const T = (e) => `v-on:${e.toLowerCase()}`, S = (e, t) => (o) => B({
   code: e,
   context: t.context,
   state: t.state,
   event: o,
   isExpression: !1
 });
-function T(e) {
-  var c;
-  const t = {}, o = (c = e.block.actions) != null ? c : {};
+function A(e) {
+  var r;
+  const t = {}, o = (r = e.block.actions) != null ? r : {};
   for (const i in o) {
     if (!o.hasOwnProperty(i))
       continue;
     const n = o[i];
-    t[w(i)] = P(n, e);
+    t[T(i)] = S(n, e);
   }
   return t;
 }
@@ -32,24 +32,41 @@ function I(e) {
   if (typeof e != "string")
     return t;
   const o = e.trim().split(/\\s+/);
-  for (const c of o)
-    t[c] = !0;
+  for (const r of o)
+    t[r] = !0;
   return t;
 }
-function A(e) {
-  var t;
-  return {
+function N(e) {
+  return e.class = I(e.class), e;
+}
+function D(e) {
+  var o;
+  const t = {
     ...e.properties,
     "builder-id": e.id,
-    class: I(
-      [e.id, "builder-block", e.class, (t = e.properties) == null ? void 0 : t.class].filter(Boolean).join(" ")
-    )
+    style: H(e.style),
+    class: [e.id, "builder-block", e.class, (o = e.properties) == null ? void 0 : o.class].filter(Boolean).join(" ")
   };
+  return N(t);
 }
-function N(e) {
+function H(e) {
+  if (!!e)
+    switch (_) {
+      case "svelte":
+      case "vue2":
+      case "vue3":
+      case "solid":
+        return w(e).join(" ");
+      case "qwik":
+      case "reactNative":
+      case "react":
+        return e;
+    }
+}
+function O(e) {
   return e.tagName || "div";
 }
-const S = [
+const j = [
   "area",
   "base",
   "br",
@@ -65,38 +82,38 @@ const S = [
   "source",
   "track",
   "wbr"
-], D = (e) => typeof e == "string" && S.includes(e.toLowerCase()), H = () => import("./block-styles.bfb6bf01.js").then((e) => e.default).catch((e) => {
+], L = (e) => typeof e == "string" && j.includes(e.toLowerCase()), M = () => import("./block-styles.9c18985e.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), O = () => import("./render-repeated-block.34c4784f.js").then((e) => e.default).catch((e) => {
+}), K = () => import("./render-repeated-block.b17a78c3.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;
-}), L = () => import("./render-component-with-context.e2af488c.js").then((e) => e.default).catch((e) => {
+}), q = () => import("./render-component-with-context.3e80acf8.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderComponentWithContext at ./render-component-with-context.vue",
     e
   ), e;
-}), j = () => import("./render-component.91b2554d.js").then((e) => e.default).catch((e) => {
+}), z = () => import("./render-component.68197847.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
     e
   ), e;
-}), M = {
+}), F = {
   name: "render-block",
   components: {
-    RenderRepeatedBlock: d(O),
-    BlockStyles: d(H),
+    RenderRepeatedBlock: d(K),
+    BlockStyles: d(M),
     RenderComponentWithContext: d(
-      L
+      q
     ),
-    RenderComponent: d(j)
+    RenderComponent: d(z)
   },
   props: ["block", "context"],
-  data: () => ({ isEmptyHtmlElement: D }),
+  data: () => ({ isEmptyHtmlElement: L }),
   computed: {
     component() {
       var o;
@@ -116,7 +133,7 @@ const S = [
         If you registered it, is the file that registered it imported by the file that needs to render it?`);
     },
     tag() {
-      return N(this.useBlock);
+      return O(this.useBlock);
     },
     useBlock() {
       return this.repeatItemData ? this.block : g({
@@ -127,7 +144,7 @@ const S = [
       });
     },
     actions() {
-      return T({
+      return A({
         block: this.useBlock,
         state: this.context.state,
         context: this.context.context
@@ -135,7 +152,7 @@ const S = [
     },
     attributes() {
       return {
-        ...A(this.useBlock)
+        ...D(this.useBlock)
       };
     },
     shouldWrap() {
@@ -143,7 +160,7 @@ const S = [
       return !((e = this.component) != null && e.noWrap);
     },
     renderComponentProps() {
-      var e;
+      var e, t, o, r;
       return {
         blockChildren: this.useChildren,
         componentRef: (e = this.component) == null ? void 0 : e.component,
@@ -154,7 +171,8 @@ const S = [
               ...this.attributes,
               ...this.actions
             }
-          }
+          },
+          customBreakpoints: (r = (o = (t = this.childrenContext) == null ? void 0 : t.content) == null ? void 0 : o.meta) == null ? void 0 : r.breakpoints
         },
         context: this.childrenContext
       };
@@ -178,15 +196,15 @@ const S = [
       });
       if (!Array.isArray(o))
         return;
-      const c = e.collection.split(".").pop(), i = e.itemName || (c ? c + "Item" : "item");
-      return o.map((a, m) => ({
+      const r = e.collection.split(".").pop(), i = e.itemName || (r ? r + "Item" : "item");
+      return o.map((l, m) => ({
         context: {
           ...this.context,
           state: {
             ...this.context.state,
             $index: m,
-            $item: a,
-            [i]: a,
+            $item: l,
+            [i]: l,
             [`$${i}Index`]: m
           }
         },
@@ -211,34 +229,34 @@ const S = [
     }
   }
 };
-function K(e, t, o, c, i, n) {
-  const a = y("render-repeated-block"), m = y("render-block", !0), E = y("block-styles");
-  return n.shouldWrap ? (r(), u(p, { key: 0 }, [
-    e.isEmptyHtmlElement(n.tag) ? (r(), l(h(n.tag), k(C({ key: 0 }, { ...n.attributes, ...n.actions })), null, 16)) : b("", !0),
-    !e.isEmptyHtmlElement(n.tag) && n.repeatItemData ? (r(!0), u(p, { key: 1 }, f(n.repeatItemData, (s, x) => (r(), l(a, {
+function G(e, t, o, r, i, n) {
+  const l = y("render-repeated-block"), m = y("render-block", !0), v = y("block-styles");
+  return n.shouldWrap ? (c(), u(p, { key: 0 }, [
+    e.isEmptyHtmlElement(n.tag) ? (c(), a(h(n.tag), k(f({ key: 0 }, { ...n.attributes, ...n.actions })), null, 16)) : C("", !0),
+    !e.isEmptyHtmlElement(n.tag) && n.repeatItemData ? (c(!0), u(p, { key: 1 }, b(n.repeatItemData, (s, x) => (c(), a(l, {
       key: x,
       repeatContext: s.context,
       block: s.block
-    }, null, 8, ["repeatContext", "block"]))), 128)) : b("", !0),
-    !e.isEmptyHtmlElement(n.tag) && !n.repeatItemData ? (r(), l(h(n.tag), k(C({ key: 2 }, { ...n.attributes, ...n.actions })), {
-      default: R(() => [
-        (r(), l(h(n.renderComponentTag), k(_(n.renderComponentProps)), null, 16)),
-        (r(!0), u(p, null, f(n.childrenWithoutParentComponent, (s, x) => (r(), l(m, {
+    }, null, 8, ["repeatContext", "block"]))), 128)) : C("", !0),
+    !e.isEmptyHtmlElement(n.tag) && !n.repeatItemData ? (c(), a(h(n.tag), k(f({ key: 2 }, { ...n.attributes, ...n.actions })), {
+      default: E(() => [
+        (c(), a(h(n.renderComponentTag), k(R(n.renderComponentProps)), null, 16)),
+        (c(!0), u(p, null, b(n.childrenWithoutParentComponent, (s, x) => (c(), a(m, {
           key: "render-block-" + s.id,
           block: s,
           context: n.childrenContext
         }, null, 8, ["block", "context"]))), 128)),
-        (r(!0), u(p, null, f(n.childrenWithoutParentComponent, (s, x) => (r(), l(E, {
+        (c(!0), u(p, null, b(n.childrenWithoutParentComponent, (s, x) => (c(), a(v, {
           key: "block-style-" + s.id,
           block: s,
           context: n.childrenContext
         }, null, 8, ["block", "context"]))), 128))
       ]),
       _: 1
-    }, 16)) : b("", !0)
-  ], 64)) : (r(), l(h(n.renderComponentTag), k(C({ key: 1 }, n.renderComponentProps)), null, 16));
+    }, 16)) : C("", !0)
+  ], 64)) : (c(), a(h(n.renderComponentTag), k(f({ key: 1 }, n.renderComponentProps)), null, 16));
 }
-const V = /* @__PURE__ */ v(M, [["render", K]]);
+const J = /* @__PURE__ */ P(F, [["render", G]]);
 export {
-  V as default
+  J as default
 };

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

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

package/packages/_vue3/dist/{render-component-with-context.e2af488c.js → render-component-with-context.3e80acf8.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as o, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
-import { _ as i } from "./index.0555f850.js";
-const m = () => import("./render-component.91b2554d.js").then((e) => e.default).catch((e) => {
+import { _ as i } from "./index.8f01d2e4.js";
+const m = () => import("./render-component.68197847.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
     e

package/packages/_vue3/dist/{render-component-with-context.fa9ac131.cjs → render-component-with-context.fb32b5d3.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=require("./index.2e65c08f.cjs"),c=()=>Promise.resolve().then(()=>require("./render-component.afe8b68d.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-component-with-context",components:{RenderComponent:n.defineAsyncComponent(c)},props:["componentRef","componentOptions","blockChildren","context"],provide(){const e=this;return{BuilderContext:{get content(){return e.context.content},get state(){return e.context.state},get context(){return e.context.context},get apiKey(){return e.context.apiKey},get registeredComponents(){return e.context.registeredComponents},get inheritedStyles(){return e.context.inheritedStyles}}}}};function p(e,d,t,m,l,u){const o=n.resolveComponent("render-component");return n.openBlock(),n.createBlock(o,{componentRef:t.componentRef,componentOptions:t.componentOptions,blockChildren:t.blockChildren,context:t.context},null,8,["componentRef","componentOptions","blockChildren","context"])}const s=r._export_sfc(i,[["render",p]]);exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=require("./index.4580bfec.cjs"),c=()=>Promise.resolve().then(()=>require("./render-component.1b155226.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-component-with-context",components:{RenderComponent:n.defineAsyncComponent(c)},props:["componentRef","componentOptions","blockChildren","context"],provide(){const e=this;return{BuilderContext:{get content(){return e.context.content},get state(){return e.context.state},get context(){return e.context.context},get apiKey(){return e.context.apiKey},get registeredComponents(){return e.context.registeredComponents},get inheritedStyles(){return e.context.inheritedStyles}}}}};function p(e,m,t,d,l,u){const o=n.resolveComponent("render-component");return n.openBlock(),n.createBlock(o,{componentRef:t.componentRef,componentOptions:t.componentOptions,blockChildren:t.blockChildren,context:t.context},null,8,["componentRef","componentOptions","blockChildren","context"])}const s=r._export_sfc(i,[["render",p]]);exports.default=s;

package/packages/_vue3/dist/{render-component.afe8b68d.cjs → render-component.1b155226.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index.2e65c08f.cjs"),m=()=>Promise.resolve().then(()=>require("./block-styles.c34bd502.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.c7f89c03.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.4580bfec.cjs"),m=()=>Promise.resolve().then(()=>require("./block-styles.3f38d23f.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.f390e85d.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.91b2554d.js → render-component.68197847.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.0555f850.js";
-const x = () => import("./block-styles.bfb6bf01.js").then((e) => e.default).catch((e) => {
+import { _ as f } from "./index.8f01d2e4.js";
+const x = () => import("./block-styles.9c18985e.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.ff327bfe.js").then((e) => e.default).catch((e) => {
+}), h = () => import("./render-block.66d690e4.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.dc872311.cjs → render-inlined-styles.74308f98.cjs}

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

package/packages/_vue3/dist/{render-inlined-styles.5f9ef611.js → render-inlined-styles.fdbe3458.js}

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as s, createBlock as a, resolveDynamicComponent as c, withCtx as i, createTextVNode as l, toDisplayString as o } from "vue";
-import { T as d, _ as p } from "./index.0555f850.js";
+import { T as d, _ as p } from "./index.8f01d2e4.js";
 const y = {
   name: "render-inlined-styles",
   props: ["styles"],

package/packages/_vue3/dist/{render-repeated-block.34c4784f.js → render-repeated-block.b17a78c3.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as o, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
-import { _ as a } from "./index.0555f850.js";
-const l = () => import("./render-block.ff327bfe.js").then((e) => e.default).catch((e) => {
+import { _ as a } from "./index.8f01d2e4.js";
+const l = () => import("./render-block.66d690e4.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-repeated-block.f087a519.cjs → render-repeated-block.c53825f5.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index.2e65c08f.cjs"),c=()=>Promise.resolve().then(()=>require("./render-block.c7f89c03.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{BuilderContext:{get content(){return e.repeatContext.content},get state(){return e.repeatContext.state},get context(){return e.repeatContext.context},get apiKey(){return e.repeatContext.apiKey},get registeredComponents(){return e.repeatContext.registeredComponents},get inheritedStyles(){return e.repeatContext.inheritedStyles}}}}};function l(e,i,n,d,p,u){const r=t.resolveComponent("render-block");return t.openBlock(),t.createBlock(r,{block:n.block,context:n.repeatContext},null,8,["block","context"])}const a=o._export_sfc(s,[["render",l]]);exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index.4580bfec.cjs"),c=()=>Promise.resolve().then(()=>require("./render-block.f390e85d.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{BuilderContext:{get content(){return e.repeatContext.content},get state(){return e.repeatContext.state},get context(){return e.repeatContext.context},get apiKey(){return e.repeatContext.apiKey},get registeredComponents(){return e.repeatContext.registeredComponents},get inheritedStyles(){return e.repeatContext.inheritedStyles}}}}};function l(e,d,n,i,p,u){const r=t.resolveComponent("render-block");return t.openBlock(),t.createBlock(r,{block:n.block,context:n.repeatContext},null,8,["block","context"])}const a=o._export_sfc(s,[["render",l]]);exports.default=a;

package/packages/_vue3/dist/{render-styles.ce553bd8.js → render-styles.05b9373e.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as a, resolveComponent as d, openBlock as m, createBlock as f } from "vue";
-import { _ as p } from "./index.0555f850.js";
-const y = () => import("./render-inlined-styles.5f9ef611.js").then((e) => e.default).catch((e) => {
+import { _ as p } from "./index.8f01d2e4.js";
+const y = () => import("./render-inlined-styles.fdbe3458.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",
     e

package/packages/_vue3/dist/{render-styles.52fba546.cjs → render-styles.b2290f3c.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),a=require("./index.2e65c08f.cjs"),f=()=>Promise.resolve().then(()=>require("./render-inlined-styles.dc872311.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}),m={name:"render-content-styles",components:{RenderInlinedStyles:c.defineAsyncComponent(f)},props:["cssCode","customFonts"],computed:{injectedStyles(){return`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),a=require("./index.4580bfec.cjs"),f=()=>Promise.resolve().then(()=>require("./render-inlined-styles.74308f98.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}),m={name:"render-content-styles",components:{RenderInlinedStyles:c.defineAsyncComponent(f)},props:["cssCode","customFonts"],computed:{injectedStyles(){return`
 ${this.cssCode||""}
 ${this.getFontCss({customFonts:this.customFonts})}`}},methods:{getCssFromFont(e){var i,l;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],s=(l=e.fileUrl)!=null?l:(i=e==null?void 0:e.files)==null?void 0:i.regular;let r="";if(s&&t&&n&&(r+=`
 @font-face {

package/packages/_vue3/dist/sdk.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.2e65c08f.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.generateContentUrl=e.generateContentUrl;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.4580bfec.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.generateContentUrl=e.generateContentUrl;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 { B as t, C as r, F as n, I as o, c as i, r as m, b as g, S as c, a as l, V as d, g as C, o as S, j as p, m as u, n as h, p as B, q as P, l as b, i as k, d as F, u as R, k as j, h as v, s as w, t as x } from "./index.0555f850.js";
+import { B as t, C as r, F as n, I as o, i, r as m, h as g, S as c, d as l, V as d, l as C, v as S, n as p, q as u, u as h, w as B, x as P, p as k, j as v, k as w, y as x, o as y, m as F, s as R, t as b } from "./index.8f01d2e4.js";
 import "vue";
 export {
   t as Button,
@@ -18,12 +18,12 @@ export {
   h as getAllContent,
   B as getBuilderSearchParams,
   P as getBuilderSearchParamsFromWindow,
-  b as getContent,
-  k as isEditing,
-  F as isPreviewing,
-  R as normalizeSearchParams,
-  j as register,
-  v as registerComponent,
-  w as setEditorSettings,
-  x as track
+  k as getContent,
+  v as isEditing,
+  w as isPreviewing,
+  x as normalizeSearchParams,
+  y as register,
+  F as registerComponent,
+  R as setEditorSettings,
+  b as track
 };

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

@@ -1,4 +1,5 @@
 import type { BuilderBlock } from "../../types/builder-block";
+import type { Breakpoints } from "../../types/builder-content";
 declare type Column = {
     blocks: any;
     width?: number;
@@ -10,10 +11,22 @@ export interface ColumnProps {
     space?: number;
     stackColumnsAt?: StackColumnsAt;
     reverseColumnsWhenStacked?: boolean;
+    customBreakpoints?: Breakpoints;
 }
 declare const _sfc_main: {
     name: string;
     components: {
+        RenderInlinedStyles: {
+            name: string;
+            props: string[];
+            data: () => {
+                TARGET: string;
+            };
+            computed: {
+                injectedStyleScript(): any;
+                tag(): string;
+            };
+        };
         RenderBlocks: {
             name: string;
             components: {
@@ -58,9 +71,37 @@ declare const _sfc_main: {
         };
     };
     props: string[];
+    data: () => {
+        TARGET: string;
+    };
     computed: {
         columnsCssVars(): any;
         columnCssVars(): any;
+        columnStyleObjects(): {
+            columns: {
+                small: {
+                    flexDirection: string;
+                    alignItems: string;
+                };
+                medium: {
+                    flexDirection: string;
+                    alignItems: string;
+                };
+            };
+            column: {
+                small: {
+                    width: string;
+                    marginLeft: string;
+                };
+                medium: {
+                    width: string;
+                    marginLeft: string;
+                };
+            };
+        };
+        columnsStyles(): any;
+        reactNativeColumnsStyles(): any;
+        reactNativeColumnStyles(): any;
     };
     methods: {
         getGutterSize(): any;
@@ -68,6 +109,8 @@ declare const _sfc_main: {
         getWidth(index: any): any;
         getColumnCssWidth(index: any): any;
         maybeApplyForTablet(prop: any): any;
+        getWidthForBreakpointSize(size: any): any;
+        _classStringToObject(str: any): {};
     };
 };
 export default _sfc_main;

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

@@ -96,6 +96,7 @@ declare const _sfc_main: {
                 forceReRenderCount: number;
                 overrideContent: null;
                 update: number;
+                useBreakpoints: null;
                 overrideState: {};
             };
             provide(): {
@@ -144,7 +145,6 @@ declare const _sfc_main: {
     };
     props: string[];
     data: () => {
-        className: string;
         fetchedContent: null;
     };
     inject: {
@@ -154,6 +154,7 @@ declare const _sfc_main: {
         onUpdateHook0(): void;
     };
     computed: {
+        className(): any;
         contentToUse(): any;
         onUpdateHook0(): any;
     };

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

@@ -1,10 +1,12 @@
 import type { BuilderBlock } from "../../types/builder-block.js";
 import type { BuilderContextInterface } from "../../context/types.js";
+import type { Breakpoints } from "../../types/builder-content.js";
 export interface RenderComponentProps {
     componentRef: any;
     componentOptions: any;
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
+    customBreakpoints?: Breakpoints;
 }
 declare const _sfc_main: {
     name: string;

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

@@ -91,6 +91,7 @@ declare const _sfc_main: {
         forceReRenderCount: number;
         overrideContent: null;
         update: number;
+        useBreakpoints: null;
         overrideState: {};
     };
     provide(): {

package/packages/_vue3/dist/src/functions/get-block-properties.d.ts

@@ -1,5 +1,2 @@
 import type { BuilderBlock } from '../types/builder-block.js';
-export declare function getBlockProperties(block: BuilderBlock): {
-    'builder-id': string | undefined;
-    class: {};
-};
+export declare function getBlockProperties(block: BuilderBlock): BuilderBlock;

package/packages/_vue3/dist/src/functions/get-react-native-block-styles.d.ts

@@ -1,6 +1,7 @@
 import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
-export declare function getReactNativeBlockStyles({ block, context, }: {
+export declare function getReactNativeBlockStyles({ block, context, blockStyles, }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
+    blockStyles: any;
 }): CSSStyleDeclaration | Record<string, string | undefined>;

package/packages/_vue3/dist/src/functions/transform-block-properties.d.ts

@@ -0,0 +1,2 @@
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function transformBlockProperties(block: BuilderBlock): BuilderBlock;

package/packages/_vue3/dist/src/helpers/css.d.ts

@@ -1,3 +1,5 @@
+export declare const convertStyleMapToCSSArray: (style: Partial<CSSStyleDeclaration>) => string[];
+export declare const convertStyleMapToCSS: (style: Partial<CSSStyleDeclaration>) => string;
 export declare const createCssClass: ({ mediaQuery, className, styles, }: {
     mediaQuery?: string | undefined;
     className: string;

package/packages/_vue3/dist/src/types/builder-block.d.ts

@@ -53,5 +53,6 @@ export interface BuilderBlock {
         itemName?: string;
     } | null;
     animations?: any[];
+    style?: Partial<CSSStyleDeclaration>;
 }
 export {};

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

@@ -1,5 +1,10 @@
 import type { BuilderBlock } from './builder-block.js';
+import type { Nullable } from './typescript.js';
 declare type Input = any;
+export interface Breakpoints {
+    small: number;
+    medium: number;
+}
 export interface BuilderContentVariation {
     data?: {
         title?: string;
@@ -19,10 +24,7 @@ export interface BuilderContentVariation {
     testRatio?: number;
     id?: string;
     meta?: {
-        breakpoints?: {
-            small: number;
-            medium: number;
-        };
+        breakpoints?: Nullable<Breakpoints>;
         [key: string]: any;
     };
 }

package/packages/_vue3/dist/style.css

@@ -1 +1 @@
-.div-4uae37x75le[data-v-11562ef4]{display:flex;align-items:stretch;line-height:normal}@media (max-width: 991px){.div-4uae37x75le[data-v-11562ef4]{flex-direction:var(--flex-dir-tablet)}}@media (max-width: 639px){.div-4uae37x75le[data-v-11562ef4]{flex-direction:var(--flex-dir)}}.div-4uae37x75le-2[data-v-11562ef4]{display:flex;flex-direction:column;align-items:stretch}@media (max-width: 991px){.div-4uae37x75le-2[data-v-11562ef4]{width:var(--column-width-tablet)!important;margin-left:var(--column-margin-left-tablet)!important}}@media (max-width: 639px){.div-4uae37x75le-2[data-v-11562ef4]{width:var(--column-width)!important;margin-left:var(--column-margin-left)!important}}.img-bmtecjgqz8g[data-v-d9473cba]{opacity:1;transition:opacity .2s ease-in-out}.div-bmtecjgqz8g[data-v-d9473cba]{width:100%;pointer-events:none;font-size:0}.div-bmtecjgqz8g-2[data-v-d9473cba]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.button-2btisl9m7v3[data-v-db085cd5]{all:unset}.div-7fq9d0i380[data-v-4f5f0a37]{display:flex;flex-direction:column;align-items:stretch}
+.div-1fogms4bee0[data-v-523c4250]{display:flex;line-height:normal}.div-1fogms4bee0-2[data-v-523c4250]{display:flex;flex-direction:column;align-items:stretch}.img-263j453upso[data-v-110feda1]{opacity:1;transition:opacity .2s ease-in-out}.div-263j453upso[data-v-110feda1]{width:100%;pointer-events:none;font-size:0}.div-263j453upso-2[data-v-110feda1]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.button-7jvpanrlkn[data-v-9cf2830c]{all:unset}.div-1yj9n7yt24z[data-v-35167bc1]{display:flex;flex-direction:column;align-items:stretch}