@builder.io/sdk-vue 0.1.7 → 0.1.9

package/packages/_vue2/dist/{index.055082cd.js → index.ea6d5c33.js}

@@ -64,11 +64,11 @@ const Y = (t = {}) => {
       switch (o.type) {
         case "builder.evaluate": {
           const i = o.data.text, l = o.data.arguments || [], a = o.data.id, c = new Function(i);
-          let u, m = null;
+          let d, m = null;
           try {
-            u = c.apply(null, l);
-          } catch (d) {
-            m = d;
+            d = c.apply(null, l);
+          } catch (u) {
+            m = u;
           }
           m ? (s = window.parent) == null || s.postMessage(
             {
@@ -76,19 +76,19 @@ const Y = (t = {}) => {
               data: { id: a, error: m.message }
             },
             "*"
-          ) : u && typeof u.then == "function" ? u.then((d) => {
+          ) : d && typeof d.then == "function" ? d.then((u) => {
             var g;
             (g = window.parent) == null || g.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: a, result: d }
+                data: { id: a, result: u }
               },
               "*"
             );
           }).catch(console.error) : (r = window.parent) == null || r.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: u, id: a }
+              data: { result: d, id: a }
             },
             "*"
           );
@@ -119,8 +119,8 @@ function f(t, e, n, o, s, r, i, l) {
   var a = typeof t == "function" ? t.options : t;
   e && (a.render = e, a.staticRenderFns = n, a._compiled = !0), o && (a.functional = !0), r && (a._scopeId = "data-v-" + r);
   var c;
-  if (i ? (c = function(d) {
-    d = d || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !d && typeof __VUE_SSR_CONTEXT__ < "u" && (d = __VUE_SSR_CONTEXT__), s && s.call(this, d), d && d._registeredComponents && d._registeredComponents.add(i);
+  if (i ? (c = function(u) {
+    u = u || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !u && typeof __VUE_SSR_CONTEXT__ < "u" && (u = __VUE_SSR_CONTEXT__), s && s.call(this, u), u && u._registeredComponents && u._registeredComponents.add(i);
   }, a._ssrRegister = c) : s && (c = l ? function() {
     s.call(
       this,
@@ -129,9 +129,9 @@ function f(t, e, n, o, s, r, i, l) {
   } : s), c)
     if (a.functional) {
       a._injectStyles = c;
-      var u = a.render;
+      var d = a.render;
       a.render = function(g, R) {
-        return c.call(R), u(g, R);
+        return c.call(R), d(g, R);
       };
     } else {
       var m = a.beforeCreate;
@@ -144,14 +144,14 @@ function f(t, e, n, o, s, r, i, l) {
 }
 var Z = function() {
   var e = this, n = e._self._c;
-  return e.link ? n("a", e._g(e._b({ attrs: { role: "button", href: e.link, target: e.openLinkInNewTab ? "_blank" : void 0 } }, "a", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]) : n("button", e._g(e._b({ staticClass: "button-1pl23ac79ld" }, "button", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]);
+  return e.link ? n("a", e._g(e._b({ attrs: { role: "button", href: e.link, target: e.openLinkInNewTab ? "_blank" : void 0 } }, "a", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]) : n("button", e._g(e._b({ staticClass: "button-2fnk003dqad" }, "button", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]);
 }, ee = [], te = /* @__PURE__ */ f(
   Q,
   Z,
   ee,
   !1,
   null,
-  "48205b37",
+  "3e6fa42c",
   null,
   null
 );
@@ -225,7 +225,7 @@ const ne = te.exports, w = (t) => JSON.parse(JSON.stringify(t)), B = {
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     t
   ), t;
-}), le = () => import("./render-inlined-styles.8d0c5a9b.js").then((t) => t.default).catch((t) => {
+}), le = () => import("./render-inlined-styles.32e2a109.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
     t
@@ -356,15 +356,15 @@ const ne = te.exports, w = (t) => JSON.parse(JSON.stringify(t)), B = {
     }
   }
 };
-var de = function() {
+var ue = function() {
   var e = this, n = e._self._c;
   return n("div", { class: e._classStringToObject(
-    `builder-columns ${e.builderBlock.id}-breakpoints div-29wpyomtntv`
+    `builder-columns ${e.builderBlock.id}-breakpoints div-2brhoa1k8gd`
   ), style: {
     ...e.TARGET === "reactNative" ? e.reactNativeColumnsStyles : {},
     ...e.columnsCssVars
   } }, [e.TARGET !== "reactNative" ? [n("render-inlined-styles", { attrs: { styles: e.columnsStyles } })] : e._e(), e._l(e.columns, function(o, s) {
-    return n("div", { key: s, staticClass: "builder-column div-29wpyomtntv-2", style: {
+    return n("div", { key: s, staticClass: "builder-column div-2brhoa1k8gd-2", style: {
       width: e.getColumnCssWidth(s),
       marginLeft: `${s === 0 ? 0 : e.getGutterSize()}px`,
       ...e.TARGET === "reactNative" ? e.reactNativeColumnStyles : {},
@@ -373,13 +373,13 @@ var de = function() {
       flexGrow: "1"
     } } })], 1);
   })], 2);
-}, ue = [], me = /* @__PURE__ */ f(
+}, de = [], me = /* @__PURE__ */ f(
   ce,
-  de,
   ue,
+  de,
   !1,
   null,
-  "4dd8606b",
+  "4e30ecf8",
   null,
   null
 );
@@ -493,21 +493,21 @@ var ke = function() {
   var o, s, r, i;
   var e = this, n = e._self._c;
   return n("div", [n("picture", [e.webpSrcSet ? [n("source", { attrs: { type: "image/webp", srcset: e.webpSrcSet } })] : e._e(), n("img", { class: e._classStringToObject(
-    "builder-image" + (e.className ? " " + e.className : "") + " img-1j57pcfa436"
+    "builder-image" + (e.className ? " " + e.className : "") + " img-20351ewpue7"
   ), style: {
     objectPosition: e.backgroundPosition || "center",
     objectFit: e.backgroundSize || "cover",
     ...e.aspectRatioCss
-  }, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } })], 2), e.aspectRatio && !(((s = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : s.length) && e.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-1j57pcfa436", style: {
+  }, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } })], 2), e.aspectRatio && !(((s = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : s.length) && e.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-20351ewpue7", style: {
     paddingTop: e.aspectRatio * 100 + "%"
-  } })] : e._e(), ((i = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : i.length) && e.fitContent ? [e._t("default")] : e._e(), !e.fitContent && e.children ? [n("div", { staticClass: "div-1j57pcfa436-2" }, [e._t("default")], 2)] : e._e()], 2);
+  } })] : e._e(), ((i = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : i.length) && e.fitContent ? [e._t("default")] : e._e(), !e.fitContent && e.children ? [n("div", { staticClass: "div-20351ewpue7-2" }, [e._t("default")], 2)] : e._e()], 2);
 }, Ce = [], Se = /* @__PURE__ */ f(
   xe,
   ke,
   Ce,
   !1,
   null,
-  "76004f06",
+  "893a0f79",
   null,
   null
 );
@@ -518,12 +518,12 @@ function Re() {
 function h() {
   return Re() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const Te = () => import("./block-styles.ed7736cd.js").then((t) => t.default).catch((t) => {
+const Te = () => import("./block-styles.d7d7aa69.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     t
   ), t;
-}), Ie = () => import("./render-block.3d616731.js").then((t) => t.default).catch((t) => {
+}), Ie = () => import("./render-block.68538b72.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
     t
@@ -581,7 +581,7 @@ const Te = () => import("./block-styles.ed7736cd.js").then((t) => t.default).cat
 };
 var Ee = function() {
   var e = this, n = e._self._c;
-  return n("div", { class: e._classStringToObject(e.className + " div-23e8fqt91nf"), style: e.styleProp, attrs: { "builder-path": e.path, "builder-parent-id": e.parent, dataSet: {
+  return n("div", { class: e._classStringToObject(e.className + " div-21azgz5avex"), style: e.styleProp, attrs: { "builder-path": e.path, "builder-parent-id": e.parent, dataSet: {
     class: e.className
   } }, on: { click: function(o) {
     return e.onClick();
@@ -598,7 +598,7 @@ var Ee = function() {
   Ae,
   !1,
   null,
-  "7c56f14d",
+  "7d4553c5",
   null,
   null
 );
@@ -898,13 +898,13 @@ const je = Fe.exports, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
           t.delete("srcset"), t.delete("noWebp");
           function n(i, l = 6e4) {
             return new Promise((a, c) => {
-              const u = document.createElement("img");
+              const d = document.createElement("img");
               let m = !1;
-              u.onload = () => {
-                m = !0, a(u);
-              }, u.addEventListener("error", (d) => {
-                console.warn("Image load failed", d.error), c(d.error);
-              }), u.src = i, setTimeout(() => {
+              d.onload = () => {
+                m = !0, a(d);
+              }, d.addEventListener("error", (u) => {
+                console.warn("Image load failed", u.error), c(u.error);
+              }), d.src = i, setTimeout(() => {
                 m || c(new Error("Image load timed out"));
               }, l);
             });
@@ -1069,9 +1069,9 @@ var Ne = function() {
   return n("section", e._g(e._b({ style: {
     width: "100%",
     alignSelf: "stretch",
-    flexGrow: "1",
+    flexGrow: 1,
     boxSizing: "border-box",
-    maxWidth: `${e.maxWidth && typeof e.maxWidth == "number" ? e.maxWidth : 1200}px`,
+    maxWidth: e.maxWidth || 1200,
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch",
@@ -1293,16 +1293,16 @@ const A = "builder.", st = "options.", rt = (t) => {
     throw new Error("Missing API key");
   const c = new URL(
     `https://cdn.builder.io/api/v2/content/${r}?apiKey=${i}&limit=${e}&noTraverse=${s}&includeRefs=${l}${a ? `&locale=${a}` : ""}`
-  ), u = {
+  ), d = {
     ...at(),
     ...M(t.options || {})
-  }, m = C(u);
-  for (const d in m)
-    c.searchParams.set(d, String(m[d]));
+  }, m = C(d);
+  for (const u in m)
+    c.searchParams.set(u, String(m[u]));
   if (n && c.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const d = C({ query: o });
-    for (const g in d)
-      c.searchParams.set(g, JSON.stringify(d[g]));
+    const u = C({ query: o });
+    for (const g in u)
+      c.searchParams.set(g, JSON.stringify(u[g]));
   }
   return c;
 };
@@ -1316,14 +1316,14 @@ async function ct(t) {
       await ot({ item: r, canTrack: s });
   return o;
 }
-const dt = () => Promise.resolve().then(() => Rn).then((t) => t.default).catch((t) => {
+const ut = () => Promise.resolve().then(() => Rn).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
     t
   ), t;
-}), ut = {
+}), dt = {
   name: "builder-symbol",
-  components: { RenderContent: dt },
+  components: { RenderContent: ut },
   props: ["attributes", "symbol", "dynamic"],
   data() {
     return { fetchedContent: null };
@@ -1406,7 +1406,7 @@ var mt = function() {
     ...(i = (r = (s = e.symbol) == null ? void 0 : s.content) == null ? void 0 : r.data) == null ? void 0 : i.state
   }, model: (l = e.symbol) == null ? void 0 : l.model, content: e.contentToUse } })], 1);
 }, pt = [], ft = /* @__PURE__ */ f(
-  ut,
+  dt,
   mt,
   pt,
   !1,
@@ -2014,8 +2014,8 @@ const H = "builderSessionId", en = async ({
     return t.pathname === "" && (t.pathname = "/"), t;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, dn = () => typeof navigator == "object" && navigator.userAgent || "", un = () => {
-  const t = dn(), e = {
+}, un = () => typeof navigator == "object" && navigator.userAgent || "", dn = () => {
+  const t = un(), e = {
     Android() {
       return t.match(/Android/i);
     },
@@ -2065,7 +2065,7 @@ const H = "builderSessionId", en = async ({
       ...o
     },
     ...await mn({ canTrack: e }),
-    userAttributes: un(),
+    userAttributes: dn(),
     ownerId: n
   }
 });
@@ -2159,7 +2159,7 @@ const fn = (t, e, n = !0) => {
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     t
   ), t;
-}), _n = () => import("./render-styles.38da6402.js").then((t) => t.default).catch((t) => {
+}), _n = () => import("./render-styles.31ad9a17.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     t
@@ -2442,11 +2442,11 @@ const fn = (t, e, n = !0) => {
   }
 };
 var kn = function() {
-  var o, s, r, i, l, a, c, u;
+  var o, s, r, i, l, a, c, d;
   var e = this, n = e._self._c;
   return e.useContent ? n("div", { ref: "elementRef", attrs: { "builder-content-id": (o = e.useContent) == null ? void 0 : o.id, "builder-model": e.model }, on: { click: function(m) {
     return e.onClick(m);
-  } } }, [e.shouldRenderContentStyles ? [n("render-content-styles", { attrs: { contentId: (s = e.useContent) == null ? void 0 : s.id, cssCode: (i = (r = e.useContent) == null ? void 0 : r.data) == null ? void 0 : i.cssCode, customFonts: (a = (l = e.useContent) == null ? void 0 : l.data) == null ? void 0 : a.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (u = (c = e.useContent) == null ? void 0 : c.data) == null ? void 0 : u.blocks } })], 2) : e._e();
+  } } }, [e.shouldRenderContentStyles ? [n("render-content-styles", { attrs: { contentId: (s = e.useContent) == null ? void 0 : s.id, cssCode: (i = (r = e.useContent) == null ? void 0 : r.data) == null ? void 0 : i.cssCode, customFonts: (a = (l = e.useContent) == null ? void 0 : l.data) == null ? void 0 : a.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (d = (c = e.useContent) == null ? void 0 : c.data) == null ? void 0 : d.blocks } })], 2) : e._e();
 }, Cn = [], Sn = /* @__PURE__ */ f(
   xn,
   kn,
@@ -2472,6 +2472,7 @@ function An(t) {
   }
 }
 export {
+  M as A,
   _ as B,
   pe as C,
   ye as F,
@@ -2479,30 +2480,30 @@ export {
   ze as S,
   v as T,
   Tt as V,
-  Tn as a,
-  re as b,
-  In as c,
-  ne as d,
+  In as a,
+  Tn as b,
+  b as c,
+  re as d,
   F as e,
   w as f,
   oe as g,
-  wn as h,
-  ht as i,
-  xt as j,
-  h as k,
-  Jt as l,
-  K as m,
+  ne as h,
+  wn as i,
+  ht as j,
+  xt as k,
+  h as l,
+  Jt as m,
   f as n,
-  $n as o,
-  Xt as p,
-  J as q,
+  K as o,
+  $n as p,
+  Xt as q,
   je as r,
-  An as s,
+  J as s,
   En as t,
-  z as u,
-  ct as v,
-  rt as w,
-  it as x,
-  at as y,
-  M as z
+  An as u,
+  z as v,
+  ct as w,
+  rt as x,
+  it as y,
+  at as z
 };

package/packages/_vue2/dist/{render-block.3d616731.js → render-block.68538b72.js}

@@ -1,24 +1,24 @@
-import { e as l, T as u, b as m, n as d } from "./index.055082cd.js";
-import { g as p } from "./get-processed-block.e426e5c8.js";
-const h = (e) => `v-on:${e.toLowerCase()}`, f = (e, t) => (n) => l({
+import { e as u, T as m, d, c as l, n as h } from "./index.ea6d5c33.js";
+import { g as p } from "./get-processed-block.ef627078.js";
+const k = (e) => `v-on:${e.toLowerCase()}`, f = (e, t) => (n) => u({
   code: e,
   context: t.context,
   state: t.state,
   event: n,
   isExpression: !1
 });
-function k(e) {
+function x(e) {
   var r;
   const t = {}, n = (r = e.block.actions) != null ? r : {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
       continue;
     const s = n[o];
-    t[h(o)] = f(s, e);
+    t[k(o)] = f(s, e);
   }
   return t;
 }
-function x(e) {
+function y(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -35,10 +35,10 @@ function b(e) {
     t[r] = !0;
   return t;
 }
-function y(e) {
+function g(e) {
   return e.class = b(e.class), e;
 }
-function g(e) {
+function B(e) {
   var n;
   const t = {
     ...e.properties,
@@ -46,16 +46,16 @@ function g(e) {
     style: v(e.style),
     class: [e.id, "builder-block", e.class, (n = e.properties) == null ? void 0 : n.class].filter(Boolean).join(" ")
   };
-  return y(t);
+  return g(t);
 }
 function v(e) {
   if (!!e)
-    switch (u) {
+    switch (m) {
       case "svelte":
       case "vue2":
       case "vue3":
       case "solid":
-        return m(e).join(" ");
+        return d(e).join(" ");
       case "qwik":
       case "reactNative":
       case "react":
@@ -81,7 +81,7 @@ const _ = [
   "source",
   "track",
   "wbr"
-], B = (e) => typeof e == "string" && _.includes(e.toLowerCase()), E = ({
+], w = (e) => typeof e == "string" && _.includes(e.toLowerCase()), S = ({
   block: e,
   context: t
 }) => {
@@ -100,14 +100,14 @@ const _ = [
   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?`);
-}, S = ({
+}, E = ({
   block: e,
   context: t
 }) => {
   const { repeat: n, ...r } = e;
   if (!(n != null && n.collection))
     return;
-  const o = l({
+  const o = u({
     code: n.collection,
     state: t.state,
     context: t.context
@@ -128,17 +128,17 @@ const _ = [
     },
     block: r
   }));
-}, P = () => import("./block-styles.ed7736cd.js").then((e) => e.default).catch((e) => {
+}, P = () => import("./block-styles.d7d7aa69.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), w = () => import("./render-repeated-block.e773db2b.js").then((e) => e.default).catch((e) => {
+}), R = () => import("./render-repeated-block.c577be97.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;
-}), R = () => import("./render-component.69758ebf.js").then((e) => e.default).catch((e) => {
+}), I = () => import("./render-component.d5a06a9f.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
     e
@@ -146,22 +146,22 @@ const _ = [
 }), O = {
   name: "render-block",
   components: {
-    RenderComponent: R,
-    RenderRepeatedBlock: w,
+    RenderComponent: I,
+    RenderRepeatedBlock: R,
     BlockStyles: P
   },
   props: ["block", "context"],
   data() {
     return {
-      component: E({
+      component: S({
         block: this.block,
         context: this.context
       }),
-      repeatItemData: S({
+      repeatItemData: E({
         block: this.block,
         context: this.context
       }),
-      isEmptyHtmlElement: B
+      isEmptyHtmlElement: w
     };
   },
   computed: {
@@ -176,6 +176,9 @@ const _ = [
         shouldEvaluateBindings: !0
       });
     },
+    canShowBlock() {
+      return l(this.useBlock.hide) ? !this.useBlock.hide : l(this.useBlock.show) ? this.useBlock.show : !0;
+    },
     proxyState() {
       return typeof Proxy > "u" ? (console.error(
         "no Proxy available in this environment, cannot proxy state."
@@ -187,7 +190,7 @@ const _ = [
       });
     },
     actions() {
-      return k({
+      return x({
         block: this.useBlock,
         state: this.proxyState,
         context: this.context.context
@@ -195,7 +198,7 @@ const _ = [
     },
     attributes() {
       return {
-        ...g(this.useBlock)
+        ...B(this.useBlock)
       };
     },
     renderComponentProps() {
@@ -204,7 +207,7 @@ const _ = [
         blockChildren: (e = this.useBlock.children) != null ? e : [],
         componentRef: (t = this.component) == null ? void 0 : t.component,
         componentOptions: {
-          ...x(this.useBlock),
+          ...y(this.useBlock),
           ...(n = this.component) != null && n.noWrap ? {
             attributes: {
               ...this.attributes,
@@ -247,14 +250,14 @@ const _ = [
 var T = function() {
   var r;
   var t = this, n = t._self._c;
-  return Boolean(!((r = t.component) != null && r.noWrap)) ? t.isEmptyHtmlElement(t.tag) ? n(t.tag, t._g(t._b({ tag: "component" }, "component", t.attributes, !1), t.stripVOn(t.actions))) : !t.isEmptyHtmlElement(t.tag) && t.repeatItemData ? n("div", { staticClass: "vue2-root-element-workaround" }, t._l(t.repeatItemData, function(o, s) {
+  return !Boolean(!((r = t.component) != null && r.noWrap)) && t.canShowBlock ? n("render-component", t._b({}, "render-component", t.renderComponentProps, !1)) : t.isEmptyHtmlElement(t.tag) && t.canShowBlock ? n(t.tag, t._g(t._b({ tag: "component" }, "component", t.attributes, !1), t.stripVOn(t.actions))) : !t.isEmptyHtmlElement(t.tag) && t.repeatItemData && t.canShowBlock ? n("div", { staticClass: "vue2-root-element-workaround" }, t._l(t.repeatItemData, function(o, s) {
     return n("render-repeated-block", { key: s, attrs: { repeatContext: o.context, block: o.block } });
-  }), 1) : n(t.tag, t._g(t._b({ tag: "component" }, "component", t.attributes, !1), t.stripVOn(t.actions)), [n("render-component", t._b({}, "render-component", t.renderComponentProps, !1)), t._l(t.childrenWithoutParentComponent, function(o, s) {
+  }), 1) : t.canShowBlock ? n(t.tag, t._g(t._b({ tag: "component" }, "component", t.attributes, !1), t.stripVOn(t.actions)), [n("render-component", t._b({}, "render-component", t.renderComponentProps, !1)), t._l(t.childrenWithoutParentComponent, function(o, s) {
     return n("render-block", { key: "render-block-" + o.id, attrs: { block: o, context: t.childrenContext } });
   }), t._l(t.childrenWithoutParentComponent, function(o, s) {
     return n("block-styles", { key: "block-style-" + o.id, attrs: { block: o, context: t.childrenContext } });
-  })], 2) : n("render-component", t._b({}, "render-component", t.renderComponentProps, !1));
-}, A = [], I = /* @__PURE__ */ d(
+  })], 2) : t._e();
+}, A = [], N = /* @__PURE__ */ h(
   O,
   T,
   A,
@@ -264,7 +267,7 @@ var T = function() {
   null,
   null
 );
-const W = I.exports;
+const $ = N.exports;
 export {
-  W as default
+  $ as default
 };

package/packages/_vue2/dist/render-block.8a810b21.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.bef62fde.cjs"),u=require("./get-processed-block.d3c744f7.cjs"),d=t=>`v-on:${t.toLowerCase()}`,p=(t,e)=>n=>c.evaluate({code:t,context:e.context,state:e.state,event:n,isExpression:!1});function m(t){var r;const e={},n=(r=t.block.actions)!=null?r:{};for(const o in n){if(!n.hasOwnProperty(o))continue;const s=n[o];e[d(o)]=p(s,t)}return e}function h(t){var e;return{...(e=t.component)==null?void 0:e.options,...t.options,builderBlock:t}}function k(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\\s+/);for(const r of n)e[r]=!0;return e}function f(t){return t.class=k(t.class),t}function b(t){var n;const e={...t.properties,"builder-id":t.id,style:x(t.style),class:[t.id,"builder-block",t.class,(n=t.properties)==null?void 0:n.class].filter(Boolean).join(" ")};return f(e)}function x(t){if(!!t)switch(c.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return c.convertStyleMapToCSSArray(t).join(" ");case"qwik":case"reactNative":case"react":return t}}function y(t){return t.tagName||"div"}const g=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],v=t=>typeof t=="string"&&g.includes(t.toLowerCase()),B=({block:t,context:e})=>{var o;const n=(o=u.getProcessedBlock({block:t,state:e.state,context:e.context,shouldEvaluateBindings:!1}).component)==null?void 0:o.name;if(!n)return null;const r=e.registeredComponents[n];if(r)return r;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?`)},C=({block:t,context:e})=>{const{repeat:n,...r}=t;if(!(n!=null&&n.collection))return;const o=c.evaluate({code:n.collection,state:e.state,context:e.context});if(!Array.isArray(o))return;const s=n.collection.split(".").pop(),i=n.itemName||(s?s+"Item":"item");return o.map((a,l)=>({context:{...e,state:{...e.state,$index:l,$item:a,[i]:a,[`$${i}Index`]:l}},block:r}))},_=()=>Promise.resolve().then(()=>require("./block-styles.f25ea71f.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",t),t}),S=()=>Promise.resolve().then(()=>require("./render-repeated-block.9563405f.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",t),t}),w=()=>Promise.resolve().then(()=>require("./render-component.fa85c266.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",t),t}),P={name:"render-block",components:{RenderComponent:w,RenderRepeatedBlock:S,BlockStyles:_},props:["block","context"],data(){return{component:B({block:this.block,context:this.context}),repeatItemData:C({block:this.block,context:this.context}),isEmptyHtmlElement:v}},computed:{tag(){return y(this.useBlock)},useBlock(){return this.repeatItemData?this.block:u.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return c.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:c.checkIsDefined(this.useBlock.show)?this.useBlock.show:!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:(e,n,r)=>{var o,s;return e[n]=r,(s=(o=this.context).setState)==null||s.call(o,e),!0}})},actions(){return m({block:this.useBlock,state:this.proxyState,context:this.context.context})},attributes(){return{...b(this.useBlock)}},renderComponentProps(){var t,e,n;return{blockChildren:(t=this.useBlock.children)!=null?t:[],componentRef:(e=this.component)==null?void 0:e.component,componentOptions:{...h(this.useBlock),...(n=this.component)!=null&&n.noWrap?{attributes:{...this.attributes,...this.actions}}:{}},context:this.childrenContext}},childrenWithoutParentComponent(){var e,n;return!((e=this.component)!=null&&e.component)&&!this.repeatItemData?(n=this.useBlock.children)!=null?n:[]:[]},childrenContext(){const t=()=>({});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:t()}}},methods:{stripVOn:function(e={}){return Object.keys(e).reduce((n,r)=>({...n,[r.replace("v-on:","")]:e[r]}),{})}}};var E=function(){var r;var e=this,n=e._self._c;return!Boolean(!((r=e.component)!=null&&r.noWrap))&&e.canShowBlock?n("render-component",e._b({},"render-component",e.renderComponentProps,!1)):e.isEmptyHtmlElement(e.tag)&&e.canShowBlock?n(e.tag,e._g(e._b({tag:"component"},"component",e.attributes,!1),e.stripVOn(e.actions))):!e.isEmptyHtmlElement(e.tag)&&e.repeatItemData&&e.canShowBlock?n("div",{staticClass:"vue2-root-element-workaround"},e._l(e.repeatItemData,function(o,s){return n("render-repeated-block",{key:s,attrs:{repeatContext:o.context,block:o.block}})}),1):e.canShowBlock?n(e.tag,e._g(e._b({tag:"component"},"component",e.attributes,!1),e.stripVOn(e.actions)),[n("render-component",e._b({},"render-component",e.renderComponentProps,!1)),e._l(e.childrenWithoutParentComponent,function(o,s){return n("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.childrenContext}})}),e._l(e.childrenWithoutParentComponent,function(o,s){return n("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.childrenContext}})})],2):e._e()},R=[],I=c.normalizeComponent(P,E,R,!1,null,null,null,null);const O=I.exports;exports.default=O;

package/packages/_vue2/dist/{render-component.69758ebf.js → render-component.d5a06a9f.js}

@@ -1,10 +1,10 @@
-import { n as c } from "./index.055082cd.js";
-const l = () => import("./block-styles.ed7736cd.js").then((o) => o.default).catch((o) => {
+import { n as c } from "./index.ea6d5c33.js";
+const l = () => import("./block-styles.d7d7aa69.js").then((o) => o.default).catch((o) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     o
   ), o;
-}), s = () => import("./render-block.3d616731.js").then((o) => o.default).catch((o) => {
+}), s = () => import("./render-block.68538b72.js").then((o) => o.default).catch((o) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
     o

package/packages/_vue2/dist/{render-component.f92ce0c3.cjs → render-component.fa85c266.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.2d467eb1.cjs"),l=()=>Promise.resolve().then(()=>require("./block-styles.39cc91ef.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",n),n}),s=()=>Promise.resolve().then(()=>require("./render-block.f934b32f.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",n),n}),i={name:"render-component",components:{RenderBlock:s,BlockStyles:l},props:["componentRef","componentOptions","blockChildren","context"]};var a=function(){var e=this,t=e._self._c;return e.componentRef?t(e.componentRef,e._b({tag:"component"},"component",e.componentOptions,!1),[e._l(e.blockChildren,function(o,r){return t("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.context}})}),e._l(e.blockChildren,function(o,r){return t("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.context}})})],2):e._e()},m=[],d=c.normalizeComponent(i,a,m,!1,null,null,null,null);const p=d.exports;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.bef62fde.cjs"),l=()=>Promise.resolve().then(()=>require("./block-styles.f25ea71f.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",n),n}),s=()=>Promise.resolve().then(()=>require("./render-block.8a810b21.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",n),n}),i={name:"render-component",components:{RenderBlock:s,BlockStyles:l},props:["componentRef","componentOptions","blockChildren","context"]};var a=function(){var e=this,t=e._self._c;return e.componentRef?t(e.componentRef,e._b({tag:"component"},"component",e.componentOptions,!1),[e._l(e.blockChildren,function(o,r){return t("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.context}})}),e._l(e.blockChildren,function(o,r){return t("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.context}})})],2):e._e()},m=[],d=c.normalizeComponent(i,a,m,!1,null,null,null,null);const p=d.exports;exports.default=p;

package/packages/_vue2/dist/{render-inlined-styles.8d0c5a9b.js → render-inlined-styles.32e2a109.js}

@@ -1,4 +1,4 @@
-import { T as n, n as s } from "./index.055082cd.js";
+import { T as n, n as s } from "./index.ea6d5c33.js";
 const r = {
   name: "render-inlined-styles",
   props: ["styles"],

package/packages/_vue2/dist/{render-inlined-styles.3d0f9fe7.cjs → render-inlined-styles.c58a27b9.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.2d467eb1.cjs"),s={name:"render-inlined-styles",props:["styles"],data(){return{TARGET:n.TARGET}},computed:{injectedStyleScript(){return`<${this.tag}>${this.styles}</${this.tag}>`},tag(){return"style"}}};var r=function(){var e=this,t=e._self._c;return e.TARGET==="svelte"||e.TARGET==="qwik"?t(e.tag,{tag:"component",domProps:{innerHTML:e._s(e.styles)}}):t(e.tag,{tag:"component"},[e._v(e._s(e.styles))])},l=[],o=n.normalizeComponent(s,r,l,!1,null,null,null,null);const a=o.exports;exports.default=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.bef62fde.cjs"),s={name:"render-inlined-styles",props:["styles"],data(){return{TARGET:n.TARGET}},computed:{injectedStyleScript(){return`<${this.tag}>${this.styles}</${this.tag}>`},tag(){return"style"}}};var r=function(){var e=this,t=e._self._c;return e.TARGET==="svelte"||e.TARGET==="qwik"?t(e.tag,{tag:"component",domProps:{innerHTML:e._s(e.styles)}}):t(e.tag,{tag:"component"},[e._v(e._s(e.styles))])},l=[],o=n.normalizeComponent(s,r,l,!1,null,null,null,null);const a=o.exports;exports.default=a;

package/packages/_vue2/dist/{render-repeated-block.6c0e784a.cjs → render-repeated-block.9563405f.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.2d467eb1.cjs"),o=()=>Promise.resolve().then(()=>require("./render-block.f934b32f.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),c={name:"render-repeated-block",components:{RenderBlock:o},props:["block","repeatContext"],provide(){const e=this;return{[n.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}}}};var a=function(){var t=this,r=t._self._c;return r("render-block",{attrs:{block:t.block,context:t.repeatContext}})},s=[],l=n.normalizeComponent(c,a,s,!1,null,null,null,null);const i=l.exports;exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.bef62fde.cjs"),o=()=>Promise.resolve().then(()=>require("./render-block.8a810b21.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),c={name:"render-repeated-block",components:{RenderBlock:o},props:["block","repeatContext"],provide(){const e=this;return{[n.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}}}};var a=function(){var t=this,r=t._self._c;return r("render-block",{attrs:{block:t.block,context:t.repeatContext}})},s=[],l=n.normalizeComponent(c,a,s,!1,null,null,null,null);const i=l.exports;exports.default=i;

package/packages/_vue2/dist/{render-repeated-block.e773db2b.js → render-repeated-block.c577be97.js}

@@ -1,5 +1,5 @@
-import { B as o, n as r } from "./index.055082cd.js";
-const a = () => import("./render-block.3d616731.js").then((e) => e.default).catch((e) => {
+import { B as o, n as r } from "./index.ea6d5c33.js";
+const a = () => import("./render-block.68538b72.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
     e