@builder.io/sdk-vue 0.0.3-1 → 0.0.3

package/packages/_vue3/dist/render-block.9c91f64e.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("./index.acbcbf48.cjs"),p=require("./get-processed-block.d0247791.cjs"),h=e=>`v-on:${e.toLowerCase()}`;function k(e,n){return r=>d.evaluate({code:e,context:n.context,state:n.state,event:r})}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 b(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 C(e){var n;return{...e.properties,"builder-id":e.id,class:b([e.id,"builder-block",e.class,(n=e.properties)==null?void 0:n.class].filter(Boolean).join(" "))}}function g(e){return e.tagName||"div"}const B=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],f=e=>typeof e=="string"&&B.includes(e.toLowerCase()),v=()=>Promise.resolve().then(()=>require("./block-styles.44a21830.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),P=()=>Promise.resolve().then(()=>require("./render-repeated-block.35b18332.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}),E=()=>Promise.resolve().then(()=>require("./render-component-with-context.fd83122c.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}),R=()=>Promise.resolve().then(()=>require("./render-component.38a974b8.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),_={name:"render-block",components:{RenderRepeatedBlock:t.defineAsyncComponent(P),BlockStyles:t.defineAsyncComponent(v),RenderComponentWithContext:t.defineAsyncComponent(E),RenderComponent:t.defineAsyncComponent(R)},props:["block","context"],data:()=>({isEmptyHtmlElement:f}),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?`)},tagName(){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})},attributes(){return{...C(this.useBlock),...y({block:this.useBlock,state:this.context.state,context:this.context.context})}},shouldWrap(){var e;return!((e=this.component)!=null&&e.noWrap)},renderComponentProps(){var e;return{blockChildren:this.children,componentRef:(e=this.component)==null?void 0:e.component,componentOptions:{...x(this.useBlock),...this.shouldWrap?{}:{attributes:this.attributes}},context:this.childrenContext}},children(){var e;return(e=this.useBlock.children)!=null?e:[]},childrenWithoutParentComponent(){var n;return!((n=this.component)!=null&&n.component)&&!this.repeatItemData?this.children:[]},repeatItemData(){const{repeat:e,...n}=this.block;if(!(e!=null&&e.collection))return;const r=d.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,i)=>({context:{...this.context,state:{...this.context.state,$index:i,$item:a,[l]:a,[`$${l}Index`]:i}},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 w(e,n,r,c,l,o){const a=t.resolveComponent("render-repeated-block"),i=t.resolveComponent("render-block",!0),u=t.resolveComponent("block-styles");return o.shouldWrap?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.isEmptyHtmlElement(o.tagName)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tagName),t.normalizeProps(t.mergeProps({key:0},o.attributes)),null,16)):t.createCommentVNode("",!0),!e.isEmptyHtmlElement(o.tagName)&&o.repeatItemData?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(o.repeatItemData,(s,m)=>(t.openBlock(),t.createBlock(a,{key:m,repeatContext:s.context,block:s.block},null,8,["repeatContext","block"]))),128)):t.createCommentVNode("",!0),!e.isEmptyHtmlElement(o.tagName)&&!o.repeatItemData?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tagName),t.normalizeProps(t.mergeProps({key:2},o.attributes)),{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,m)=>(t.openBlock(),t.createBlock(i,{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,m)=>(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 N=d._export_sfc(_,[["render",w]]);exports.default=N;

package/packages/_vue3/dist/{render-block.593fc01c.js → render-block.a0b27065.js}

@@ -1,60 +1,57 @@
-import { defineAsyncComponent as h, resolveComponent as f, openBlock as r, createElementBlock as i, Fragment as d, createBlock as s, resolveDynamicComponent as k, normalizeProps as x, mergeProps as C, createCommentVNode as y, renderList as b, withCtx as R, guardReactiveProps as v } from "vue";
-import { e as B, T, _ } from "./index.2472a241.js";
-import { g } from "./get-processed-block.0d475a13.js";
+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 b, createCommentVNode as f, renderList as C, withCtx as R, guardReactiveProps as _ } from "vue";
+import { e as B, _ as v } from "./index.c45f283d.js";
+import { g } from "./get-processed-block.19c3700a.js";
 const w = (e) => `v-on:${e.toLowerCase()}`;
-function N(e, n) {
+function N(e, t) {
   return (o) => B({
     code: e,
-    context: n.context,
-    state: n.state,
+    context: t.context,
+    state: t.state,
     event: o
   });
 }
 function P(e) {
-  var l;
-  const n = {}, o = (l = e.block.actions) != null ? l : {};
-  for (const a in o) {
-    if (!o.hasOwnProperty(a))
+  var c;
+  const t = {}, o = (c = e.block.actions) != null ? c : {};
+  for (const i in o) {
+    if (!o.hasOwnProperty(i))
       continue;
-    const t = o[a];
-    n[w(a)] = N(t, e);
+    const n = o[i];
+    t[w(i)] = N(n, e);
   }
-  return n;
+  return t;
 }
-function A(e) {
-  var n;
+function T(e) {
+  var t;
   return {
-    ...(n = e.component) == null ? void 0 : n.options,
+    ...(t = e.component) == null ? void 0 : t.options,
     ...e.options,
     builderBlock: e
   };
 }
-function I(e) {
-  const n = {};
+function W(e) {
+  const t = {};
   if (typeof e != "string")
-    return n;
+    return t;
   const o = e.trim().split(/\\s+/);
-  for (const l of o)
-    n[l] = !0;
-  return n;
+  for (const c of o)
+    t[c] = !0;
+  return t;
 }
-function W(e) {
-  var n;
+function I(e) {
+  var t;
   return {
     ...e.properties,
     "builder-id": e.id,
-    class: I(
-      [e.id, "builder-block", e.class, (n = e.properties) == null ? void 0 : n.class].filter(Boolean).join(" ")
+    class: W(
+      [e.id, "builder-block", e.class, (t = e.properties) == null ? void 0 : t.class].filter(Boolean).join(" ")
     )
   };
 }
-function D() {
-  return {};
-}
-function S(e) {
+function A(e) {
   return e.tagName || "div";
 }
-const H = [
+const S = [
   "area",
   "base",
   "br",
@@ -70,38 +67,38 @@ const H = [
   "source",
   "track",
   "wbr"
-], O = (e) => typeof e == "string" && H.includes(e.toLowerCase()), L = () => import("./block-styles.88005ace.js").then((e) => e.default).catch((e) => {
+], D = (e) => typeof e == "string" && S.includes(e.toLowerCase()), H = () => import("./block-styles.4fb6c64e.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), j = () => import("./render-repeated-block.1d1c64a8.js").then((e) => e.default).catch((e) => {
+}), O = () => import("./render-repeated-block.4f78496b.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;
-}), G = () => import("./render-component-with-context.f5cab824.js").then((e) => e.default).catch((e) => {
+}), L = () => import("./render-component-with-context.205a19d1.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;
-}), M = () => import("./render-component.d5c26257.js").then((e) => e.default).catch((e) => {
+}), j = () => import("./render-component.fbf7bbcb.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
     e
   ), e;
-}), K = {
+}), M = {
   name: "render-block",
   components: {
-    RenderRepeatedBlock: h(j),
-    BlockStyles: h(L),
-    RenderComponentWithContext: h(
-      G
+    RenderRepeatedBlock: d(O),
+    BlockStyles: d(H),
+    RenderComponentWithContext: d(
+      L
     ),
-    RenderComponent: h(M)
+    RenderComponent: d(j)
   },
   props: ["block", "context"],
-  data: () => ({ isEmptyHtmlElement: O, TARGET: T }),
+  data: () => ({ isEmptyHtmlElement: D }),
   computed: {
     component() {
       var o;
@@ -113,15 +110,15 @@ const H = [
       }).component) == null ? void 0 : o.name;
       if (!e)
         return null;
-      const n = this.context.registeredComponents[e];
-      if (n)
-        return n;
+      const t = this.context.registeredComponents[e];
+      if (t)
+        return t;
       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?`);
     },
     tagName() {
-      return S(this.useBlock);
+      return A(this.useBlock);
     },
     useBlock() {
       return this.repeatItemData ? this.block : g({
@@ -133,15 +130,11 @@ const H = [
     },
     attributes() {
       return {
-        ...W(this.useBlock),
+        ...I(this.useBlock),
         ...P({
           block: this.useBlock,
           state: this.context.state,
           context: this.context.context
-        }),
-        style: D({
-          block: this.useBlock,
-          context: this.context
         })
       };
     },
@@ -155,7 +148,7 @@ const H = [
         blockChildren: this.children,
         componentRef: (e = this.component) == null ? void 0 : e.component,
         componentOptions: {
-          ...A(this.useBlock),
+          ...T(this.useBlock),
           ...this.shouldWrap ? {} : {
             attributes: this.attributes
           }
@@ -168,11 +161,11 @@ const H = [
       return (e = this.useBlock.children) != null ? e : [];
     },
     childrenWithoutParentComponent() {
-      var n;
-      return !((n = this.component) != null && n.component) && !this.repeatItemData ? this.children : [];
+      var t;
+      return !((t = this.component) != null && t.component) && !this.repeatItemData ? this.children : [];
     },
     repeatItemData() {
-      const { repeat: e, ...n } = this.block;
+      const { repeat: e, ...t } = this.block;
       if (!(e != null && e.collection))
         return;
       const o = B({
@@ -182,19 +175,19 @@ const H = [
       });
       if (!Array.isArray(o))
         return;
-      const l = e.collection.split(".").pop(), a = e.itemName || (l ? l + "Item" : "item");
-      return o.map((m, p) => ({
+      const c = e.collection.split(".").pop(), i = e.itemName || (c ? c + "Item" : "item");
+      return o.map((a, m) => ({
         context: {
           ...this.context,
           state: {
             ...this.context.state,
-            $index: p,
-            $item: m,
-            [a]: m,
-            [`$${a}Index`]: p
+            $index: m,
+            $item: a,
+            [i]: a,
+            [`$${i}Index`]: m
           }
         },
-        block: n
+        block: t
       }));
     },
     inheritedTextStyles() {
@@ -214,45 +207,35 @@ const H = [
       return "RenderComponent";
     }
   }
-}, z = {
-  key: 1,
-  class: "vue2-root-element-workaround"
 };
-function F(e, n, o, l, a, t) {
-  const m = f("render-repeated-block"), p = f("render-block", !0), E = f("block-styles");
-  return t.shouldWrap ? (r(), i(d, { key: 0 }, [
-    e.isEmptyHtmlElement(t.tagName) ? (r(), s(k(t.tagName), x(C({ key: 0 }, t.attributes)), null, 16)) : y("", !0),
-    !e.isEmptyHtmlElement(t.tagName) && e.TARGET === "vue2" && t.repeatItemData ? (r(), i("div", z, [
-      (r(!0), i(d, null, b(t.repeatItemData, (c, u) => (r(), s(m, {
-        key: u,
-        repeatContext: c.context,
-        block: c.block
-      }, null, 8, ["repeatContext", "block"]))), 128))
-    ])) : y("", !0),
-    !e.isEmptyHtmlElement(t.tagName) && e.TARGET !== "vue2" && t.repeatItemData ? (r(!0), i(d, { key: 2 }, b(t.repeatItemData, (c, u) => (r(), s(m, {
-      key: u,
-      repeatContext: c.context,
-      block: c.block
-    }, null, 8, ["repeatContext", "block"]))), 128)) : y("", !0),
-    !e.isEmptyHtmlElement(t.tagName) && !t.repeatItemData ? (r(), s(k(t.tagName), x(C({ key: 3 }, t.attributes)), {
+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.tagName) ? (r(), l(h(n.tagName), k(b({ key: 0 }, n.attributes)), null, 16)) : f("", !0),
+    !e.isEmptyHtmlElement(n.tagName) && n.repeatItemData ? (r(!0), u(p, { key: 1 }, C(n.repeatItemData, (s, x) => (r(), l(a, {
+      key: x,
+      repeatContext: s.context,
+      block: s.block
+    }, null, 8, ["repeatContext", "block"]))), 128)) : f("", !0),
+    !e.isEmptyHtmlElement(n.tagName) && !n.repeatItemData ? (r(), l(h(n.tagName), k(b({ key: 2 }, n.attributes)), {
       default: R(() => [
-        (r(), s(k(t.renderComponentTag), x(v(t.renderComponentProps)), null, 16)),
-        (r(!0), i(d, null, b(t.childrenWithoutParentComponent, (c, u) => (r(), s(p, {
-          key: "render-block-" + c.id,
-          block: c,
-          context: t.childrenContext
+        (r(), l(h(n.renderComponentTag), k(_(n.renderComponentProps)), null, 16)),
+        (r(!0), u(p, null, C(n.childrenWithoutParentComponent, (s, x) => (r(), l(m, {
+          key: "render-block-" + s.id,
+          block: s,
+          context: n.childrenContext
         }, null, 8, ["block", "context"]))), 128)),
-        (r(!0), i(d, null, b(t.childrenWithoutParentComponent, (c, u) => (r(), s(E, {
-          key: "block-style-" + c.id,
-          block: c,
-          context: t.childrenContext
+        (r(!0), u(p, null, C(n.childrenWithoutParentComponent, (s, x) => (r(), l(E, {
+          key: "block-style-" + s.id,
+          block: s,
+          context: n.childrenContext
         }, null, 8, ["block", "context"]))), 128))
       ]),
       _: 1
-    }, 16)) : y("", !0)
-  ], 64)) : (r(), s(k(t.renderComponentTag), x(C({ key: 1 }, t.renderComponentProps)), null, 16));
+    }, 16)) : f("", !0)
+  ], 64)) : (r(), l(h(n.renderComponentTag), k(b({ key: 1 }, n.renderComponentProps)), null, 16));
 }
-const q = /* @__PURE__ */ _(K, [["render", F]]);
+const V = /* @__PURE__ */ v(M, [["render", K]]);
 export {
-  q as default
+  V as default
 };

package/packages/_vue3/dist/{render-component-with-context.f5cab824.js → render-component-with-context.205a19d1.js}

@@ -1,14 +1,14 @@
-import { defineAsyncComponent as n, resolveComponent as o, openBlock as r, createBlock as c, normalizeProps as p, guardReactiveProps as s } from "vue";
-import { _ as i } from "./index.2472a241.js";
-const m = () => import("./render-component.d5c26257.js").then((e) => e.default).catch((e) => {
+import { defineAsyncComponent as o, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
+import { _ as i } from "./index.c45f283d.js";
+const m = () => import("./render-component.fbf7bbcb.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
     e
   ), e;
-}), a = {
+}), s = {
   name: "render-component-with-context",
-  components: { RenderComponent: n(m) },
-  props: ["context"],
+  components: { RenderComponent: o(m) },
+  props: ["componentRef", "componentOptions", "blockChildren", "context"],
   provide() {
     const e = this;
     return {
@@ -35,11 +35,16 @@ const m = () => import("./render-component.d5c26257.js").then((e) => e.default).
     };
   }
 };
-function d(e, u, l, x, _, h) {
-  const t = o("render-component");
-  return r(), c(t, p(s(e.props)), null, 16);
+function d(e, l, t, a, x, h) {
+  const n = r("render-component");
+  return c(), p(n, {
+    componentRef: t.componentRef,
+    componentOptions: t.componentOptions,
+    blockChildren: t.blockChildren,
+    context: t.context
+  }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context"]);
 }
-const f = /* @__PURE__ */ i(a, [["render", d]]);
+const f = /* @__PURE__ */ i(s, [["render", d]]);
 export {
   f as default
 };

package/packages/_vue3/dist/render-component-with-context.fd83122c.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=require("./index.acbcbf48.cjs"),c=()=>Promise.resolve().then(()=>require("./render-component.38a974b8.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.06b4587b.cjs → render-component.38a974b8.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./index.e7c6fe34.cjs"),a=()=>Promise.resolve().then(()=>require("./block-styles.e3632a69.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",o),o}),m=()=>Promise.resolve().then(()=>require("./render-block.92199649.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(m),BlockStyles:e.defineAsyncComponent(a)},props:["componentRef","componentOptions","blockChildren","context"],data:()=>({markPropsMutable:c.markPropsMutable})};function i(o,u,n,p,b,y){const r=e.resolveComponent("render-block"),l=e.resolveComponent("block-styles");return n.componentRef?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.componentRef),e.normalizeProps(e.mergeProps({key:0},o.markPropsMutable(n.componentOptions))),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,s)=>(e.openBlock(),e.createBlock(r,{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,s)=>(e.openBlock(),e.createBlock(l,{key:"block-style-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128))]),_:1},16)):e.createCommentVNode("",!0)}const d=c._export_sfc(k,[["render",i]]);exports.default=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./index.acbcbf48.cjs"),a=()=>Promise.resolve().then(()=>require("./block-styles.44a21830.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",o),o}),m=()=>Promise.resolve().then(()=>require("./render-block.9c91f64e.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(m),BlockStyles:e.defineAsyncComponent(a)},props:["componentRef","componentOptions","blockChildren","context"],data:()=>({markPropsMutable:c.markPropsMutable})};function i(o,u,n,p,b,y){const r=e.resolveComponent("render-block"),l=e.resolveComponent("block-styles");return n.componentRef?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.componentRef),e.normalizeProps(e.mergeProps({key:0},o.markPropsMutable(n.componentOptions))),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,s)=>(e.openBlock(),e.createBlock(r,{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,s)=>(e.openBlock(),e.createBlock(l,{key:"block-style-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128))]),_:1},16)):e.createCommentVNode("",!0)}const d=c._export_sfc(k,[["render",i]]);exports.default=d;

package/packages/_vue3/dist/{render-component.d5c26257.js → render-component.fbf7bbcb.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 b, withCtx as y, createElementBlock as m, Fragment as a, renderList as s, createCommentVNode as _ } from "vue";
-import { m as f, _ as x } from "./index.2472a241.js";
-const h = () => import("./block-styles.88005ace.js").then((e) => e.default).catch((e) => {
+import { m as f, _ as x } from "./index.c45f283d.js";
+const h = () => import("./block-styles.4fb6c64e.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), B = () => import("./render-block.593fc01c.js").then((e) => e.default).catch((e) => {
+}), B = () => import("./render-block.a0b27065.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.be1aba8b.js → render-inlined-styles.3f53b0f1.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 m } from "./index.2472a241.js";
+import { T as d, _ as m } from "./index.c45f283d.js";
 const p = {
   name: "render-inlined-styles",
   props: ["styles"],

package/packages/_vue3/dist/{render-inlined-styles.3fab5467.cjs → render-inlined-styles.631d4b7f.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index.e7c6fe34.cjs"),c={name:"render-inlined-styles",props:["styles"],data:()=>({TARGET:n.TARGET}),computed:{injectedStyleScript(){return`<${this.tagName}>${this.styles}</${this.tagName}>`},tagName(){return"style"}}},i=["innerHTML"];function l(r,o,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.tagName),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.styles),1)]),_:1}))}const a=n._export_sfc(c,[["render",l]]);exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index.acbcbf48.cjs"),s={name:"render-inlined-styles",props:["styles"],data:()=>({TARGET:n.TARGET}),computed:{injectedStyleScript(){return`<${this.tagName}>${this.styles}</${this.tagName}>`},tagName(){return"style"}}},i=["innerHTML"];function a(r,o,c,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.tagName),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.styles),1)]),_:1}))}const l=n._export_sfc(s,[["render",a]]);exports.default=l;

package/packages/_vue3/dist/{render-repeated-block.d1580cb5.cjs → render-repeated-block.35b18332.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index.e7c6fe34.cjs"),c=()=>Promise.resolve().then(()=>require("./render-block.92199649.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.acbcbf48.cjs"),c=()=>Promise.resolve().then(()=>require("./render-block.9c91f64e.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;

package/packages/_vue3/dist/{render-repeated-block.1d1c64a8.js → render-repeated-block.4f78496b.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.2472a241.js";
-const l = () => import("./render-block.593fc01c.js").then((e) => e.default).catch((e) => {
+import { _ as a } from "./index.c45f283d.js";
+const l = () => import("./render-block.a0b27065.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-styles.4717b645.cjs → render-styles.1482932c.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),a=require("./index.e7c6fe34.cjs"),f=()=>Promise.resolve().then(()=>require("./render-inlined-styles.3fab5467.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.acbcbf48.cjs"),f=()=>Promise.resolve().then(()=>require("./render-inlined-styles.631d4b7f.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/{render-styles.efaaccdf.js → render-styles.32666ea6.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.2472a241.js";
-const y = () => import("./render-inlined-styles.be1aba8b.js").then((e) => e.default).catch((e) => {
+import { _ as p } from "./index.c45f283d.js";
+const y = () => import("./render-inlined-styles.3f53b0f1.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/sdk.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.e7c6fe34.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.acbcbf48.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;

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 g, b as m, S as c, a as l, V as d, f as C, o as S, h as p, l as h, n as u, p as B, q as P, k as b, i as F, d as R, t as f, j, g as k, s as v } from "./index.2472a241.js";
+import { B as t, C as r, F as n, I as o, c as i, r as g, b as m, S as c, a as l, V as d, g as C, p as S, j as p, n as u, o as h, q as B, t as P, l as b, i as F, d as R, u as j, k, h as v, s as w } from "./index.c45f283d.js";
 import "vue";
 export {
   t as Button,
@@ -14,15 +14,15 @@ export {
   C as components,
   S as convertSearchParamsToQueryObject,
   p as createRegisterComponentMessage,
-  h as generateContentUrl,
-  u as getAllContent,
+  u as generateContentUrl,
+  h as getAllContent,
   B as getBuilderSearchParams,
   P as getBuilderSearchParamsFromWindow,
   b as getContent,
   F as isEditing,
   R as isPreviewing,
-  f as normalizeSearchParams,
-  j as register,
-  k as registerComponent,
-  v as setEditorSettings
+  j as normalizeSearchParams,
+  k as register,
+  v as registerComponent,
+  w as setEditorSettings
 };

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

@@ -0,0 +1,11 @@
+export interface ButtonProps {
+    attributes?: any;
+    text?: string;
+    link?: string;
+    openLinkInNewTab?: boolean;
+}
+declare const _sfc_main: {
+    name: string;
+    props: string[];
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/button/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,77 @@
+import type { BuilderBlock } from "../../types/builder-block";
+declare type Column = {
+    blocks: any;
+    width?: number;
+};
+declare type StackColumnsAt = "tablet" | "mobile" | "never";
+export interface ColumnProps {
+    columns?: Column[];
+    builderBlock: BuilderBlock;
+    space?: number;
+    stackColumnsAt?: StackColumnsAt;
+    reverseColumnsWhenStacked?: boolean;
+}
+import { markMutable } from "../../functions/mark-mutable";
+declare const _sfc_main: {
+    name: string;
+    components: {
+        RenderBlocks: {
+            name: string;
+            components: {
+                RenderBlock: any;
+                BlockStyles: {
+                    name: string;
+                    components: {
+                        RenderInlinedStyles: {
+                            name: string;
+                            props: string[];
+                            data: () => {
+                                TARGET: string;
+                            };
+                            computed: {
+                                injectedStyleScript(): any;
+                                tagName(): string;
+                            };
+                        };
+                    };
+                    props: string[];
+                    data: () => {
+                        TARGET: string;
+                    };
+                    computed: {
+                        useBlock(): any;
+                        css(): any;
+                    };
+                };
+            };
+            props: string[];
+            inject: {
+                builderContext: string;
+            };
+            computed: {
+                className(): any;
+            };
+            methods: {
+                onClick(): void;
+                onMouseEnter(): void;
+                _classStringToObject(str: any): {};
+            };
+        };
+    };
+    props: string[];
+    data: () => {
+        markMutable: typeof markMutable;
+    };
+    computed: {
+        columnsCssVars(): any;
+        columnCssVars(): any;
+    };
+    methods: {
+        getGutterSize(): any;
+        getColumns(): any;
+        getWidth(index: any): any;
+        getColumnCssWidth(index: any): any;
+        maybeApplyForTablet(prop: any): any;
+    };
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/columns/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

package/packages/_vue3/dist/src/blocks/custom-code/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

package/packages/_vue3/dist/src/blocks/custom-code/custom-code.vue.d.ts

@@ -0,0 +1,18 @@
+export interface CustomCodeProps {
+    code: string;
+    replaceNodes?: boolean;
+}
+declare const _sfc_main: {
+    name: string;
+    props: string[];
+    data: () => {
+        scriptsInserted: never[];
+        scriptsRun: never[];
+    };
+    mounted(): void;
+    methods: {
+        findAndRunScripts(): void;
+        _classStringToObject(str: any): {};
+    };
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/embed/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

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

@@ -0,0 +1,22 @@
+export interface EmbedProps {
+    content: string;
+}
+declare const _sfc_main: {
+    name: string;
+    props: string[];
+    data: () => {
+        scriptsInserted: never[];
+        scriptsRun: never[];
+        ranInitFn: boolean;
+    };
+    watch: {
+        onUpdateHook0(): void;
+    };
+    computed: {
+        onUpdateHook0(): any;
+    };
+    methods: {
+        findAndRunScripts(): void;
+    };
+};
+export default _sfc_main;

package/packages/_vue3/dist/src/blocks/embed/helpers.d.ts

@@ -0,0 +1 @@
+export declare const isJsScript: (script: HTMLScriptElement) => boolean;

package/packages/_vue3/dist/src/blocks/fragment/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;