@builder.io/sdk-vue 1.0.11 → 1.0.12

package/lib/node/{index-T1-38gzE.js → index-whwvaDGF.js}

@@ -1,3 +1,6 @@
+var $ = Object.defineProperty;
+var E = (e, t, n) => t in e ? $(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var v = (e, t, n) => (E(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { defineComponent, openBlock, createElementBlock, Fragment as Fragment$1, createBlock, resolveDynamicComponent, mergeProps, toHandlers, withCtx, renderSlot, resolveComponent, createTextVNode, toDisplayString, defineAsyncComponent, createVNode, renderList, createCommentVNode, h, createElementVNode, normalizeStyle, normalizeClass, markRaw } from "vue";
 import { createRequire } from "node:module";
 const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), isEmptyElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.has(e.toLowerCase());
@@ -224,7 +227,7 @@ function flattenState({
       if (t && r in t)
         return t[r];
       const s = o[r];
-      return typeof s == "object" ? flattenState({
+      return typeof s == "object" && s !== null ? flattenState({
         rootState: s,
         localState: void 0,
         rootSetState: n ? (i) => {
@@ -318,29 +321,29 @@ output;
   const a = safeDynamicRequire("isolated-vm"), l = fastClone({
     ...i,
     ...r
-  }), d = getFunctionArguments({
+  }), c = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
     state: l
-  }), u = getIsolateContext(), c = u.global;
-  c.setSync("global", c.derefInto()), c.setSync("log", function(...m) {
+  }), u = getIsolateContext(), d = u.global;
+  d.setSync("global", d.derefInto()), d.setSync("log", function(...m) {
     console.log(...m);
-  }), c.setSync(BUILDER_SET_STATE_NAME, function(m, b) {
+  }), d.setSync(BUILDER_SET_STATE_NAME, function(m, b) {
     set(i, m, b), s == null || s(i);
-  }), d.forEach(([m, b]) => {
-    const k = typeof b == "object" ? new a.Reference(
+  }), c.forEach(([m, b]) => {
+    const S = typeof b == "object" ? new a.Reference(
       // workaround: methods with default values for arguments is not being cloned over
       m === "builder" ? {
         ...b,
         getUserAttributes: () => b.getUserAttributes()
       } : b
     ) : null;
-    c.setSync(getSyncValName(m), k);
-  }), c.setSync(INJECTED_IVM_GLOBAL, a);
+    d.setSync(getSyncValName(m), S);
+  }), d.setSync(INJECTED_IVM_GLOBAL, a);
   const p = processCode({
     code: e,
-    args: d
+    args: c
   }), f = u.evalSync(p);
   try {
     return JSON.parse(f);
@@ -358,7 +361,26 @@ const shouldForceBrowserRuntimeInNode = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
   return e && t && !n ? (logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, chooseBrowserOrServerEval = (e) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(e) : runInNode(e);
+}, chooseBrowserOrServerEval = (e) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(e) : runInNode(e), y = class y {
+  static getCacheKey(t) {
+    return JSON.stringify({
+      ...t,
+      // replace the event with a random number to break cache
+      // thats because we can't serialize the event object due to circular refs in DOM node refs.
+      event: t.event ? Math.random() : void 0
+    });
+  }
+  static getCachedValue(t) {
+    return y.cache.get(t);
+  }
+  static setCachedValue(t, n) {
+    y.cache.size > 20 && y.cache.delete(y.cache.keys().next().value), y.cache.set(t, {
+      value: n
+    });
+  }
+};
+v(y, "cacheLimit", 20), v(y, "cache", /* @__PURE__ */ new Map());
+let EvalCache = y;
 function evaluate({
   code: e,
   context: t,
@@ -366,13 +388,14 @@ function evaluate({
   rootState: o,
   rootSetState: r,
   event: s,
-  isExpression: i = !0
+  isExpression: i = !0,
+  enableCache: a
 }) {
   if (e === "") {
     logger.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const a = {
+  const l = {
     code: parseCode(e, {
       isExpression: i
     }),
@@ -383,10 +406,20 @@ function evaluate({
     rootState: o,
     localState: n
   };
+  if (a) {
+    const c = EvalCache.getCacheKey(l), u = EvalCache.getCachedValue(c);
+    if (u)
+      return u.value;
+  }
   try {
-    return chooseBrowserOrServerEval(a);
-  } catch (l) {
-    logger.error("Failed code evaluation: " + l.message, {
+    const c = chooseBrowserOrServerEval(l);
+    if (a) {
+      const u = EvalCache.getCacheKey(l);
+      EvalCache.setCachedValue(u, c);
+    }
+    return c;
+  } catch (c) {
+    logger.error("Failed code evaluation: " + c.message, {
       code: e
     });
     return;
@@ -414,14 +447,15 @@ const evaluateBindings = ({
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], d = evaluate({
+    const l = e.bindings[a], c = evaluate({
       code: l,
       localState: n,
       rootState: o,
       rootSetState: r,
-      context: t
+      context: t,
+      enableCache: !0
     });
-    set(i, a, d);
+    set(i, a, c);
   }
   return i;
 };
@@ -442,58 +476,16 @@ function getProcessedBlock({
     context: t
   }) : i;
 }
-const camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
-  if (typeof o == "string")
-    return `${camelToKebabCase(n)}: ${o};`;
-}).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
-`), createCssClass = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const o = `.${t} {
-    ${convertStyleMapToCSS(n)}
-  }`;
-  return e ? `${e} {
-      ${o}
-    }` : o;
-};
-function transformStyleProperty({
-  style: e
-}) {
-  return e;
-}
-const getStyle = ({
-  block: e,
-  context: t
-}) => mapStyleObjToStrIfNeeded(transformStyleProperty({
-  style: e.style || {},
-  context: t,
-  block: e
-}));
-function mapStyleObjToStrIfNeeded(e) {
-  switch (TARGET) {
-    case "svelte":
-    case "vue":
-    case "solid":
-      return convertStyleMapToCSSArray(e).join(" ");
-    case "qwik":
-    case "reactNative":
-    case "react":
-    case "rsc":
-      return e;
-  }
-}
 function throttle(e, t, n = {}) {
   let o, r, s, i = null, a = 0;
   const l = function() {
     a = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
   };
   return function() {
-    const d = Date.now();
-    !a && n.leading === !1 && (a = d);
-    const u = t - (d - a);
-    return o = this, r = arguments, u <= 0 || u > t ? (i && (clearTimeout(i), i = null), a = d, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, u)), s;
+    const c = Date.now();
+    !a && n.leading === !1 && (a = c);
+    const u = t - (c - a);
+    return o = this, r = arguments, u <= 0 || u > t ? (i && (clearTimeout(i), i = null), a = c, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, u)), s;
   };
 }
 function assign(e, ...t) {
@@ -591,14 +583,14 @@ function bindScrollInViewAnimation(e) {
       leading: !1
     });
     function a(u) {
-      const c = u.getBoundingClientRect(), p = window.innerHeight, m = (e.thresholdPercent || 0) / 100 * p;
-      return c.bottom > m && c.top < p - m;
+      const d = u.getBoundingClientRect(), p = window.innerHeight, m = (e.thresholdPercent || 0) / 100 * p;
+      return d.bottom > m && d.top < p - m;
     }
     const l = e.steps[0].styles;
-    function d() {
+    function c() {
       assign(n.style, l);
     }
-    d(), setTimeout(() => {
+    c(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", i, {
       capture: !0,
@@ -606,6 +598,48 @@ function bindScrollInViewAnimation(e) {
     }), s();
   });
 }
+const camelToKebabCase = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
+  if (typeof o == "string")
+    return `${camelToKebabCase(n)}: ${o};`;
+}).filter(checkIsDefined), convertStyleMapToCSS = (e) => convertStyleMapToCSSArray(e).join(`
+`), createCssClass = ({
+  mediaQuery: e,
+  className: t,
+  styles: n
+}) => {
+  const o = `.${t} {
+    ${convertStyleMapToCSS(n)}
+  }`;
+  return e ? `${e} {
+      ${o}
+    }` : o;
+};
+function transformStyleProperty({
+  style: e
+}) {
+  return e;
+}
+const getStyle = ({
+  block: e,
+  context: t
+}) => mapStyleObjToStrIfNeeded(transformStyleProperty({
+  style: e.style || {},
+  context: t,
+  block: e
+}));
+function mapStyleObjToStrIfNeeded(e) {
+  switch (TARGET) {
+    case "svelte":
+    case "vue":
+    case "solid":
+      return convertStyleMapToCSSArray(e).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return e;
+  }
+}
 const getComponent = ({
   block: e,
   context: t,
@@ -643,40 +677,41 @@ const getComponent = ({
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
-    context: t.context
+    context: t.context,
+    enableCache: !0
   });
   if (!Array.isArray(r))
     return;
   const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
-  return r.map((l, d) => ({
+  return r.map((l, c) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: d,
+        $index: c,
         $item: l,
         [i]: l,
-        [`$${i}Index`]: d
+        [`$${i}Index`]: c
       }
     },
     block: o
   }));
-}, BlockStyles = () => import("./block-styles-zdUVxkGH.js").then((e) => e.default).catch((e) => {
+}, BlockStyles = () => import("./block-styles-rVezFfnK.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), BlockWrapper = () => import("./block-wrapper-e4z46w-0.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper-pazX_RJj.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), ComponentRef = () => import("./component-ref-2Al2Uq8d.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref-lZGzt5_2.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), RepeatedBlock = () => import("./repeated-block-IG8CPC0h.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block-q2Om5NKj.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -690,9 +725,6 @@ const getComponent = ({
     BlockWrapper: defineAsyncComponent(BlockWrapper)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
-  data() {
-    return { childrenContext: this.context };
-  },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
     t && e && bindAnimations(
@@ -743,7 +775,7 @@ const getComponent = ({
       return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? this.processedBlock.children ?? [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, r, s, i, a, l, d;
+      var e, t, n, o, r, s, i, a, l, c;
       return {
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
@@ -757,25 +789,25 @@ const getComponent = ({
             builderComponents: this.registeredComponents
           } : {}
         },
-        context: this.childrenContext,
+        context: this.context,
         linkComponent: this.linkComponent,
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
         includeBlockProps: ((l = this.blockComponent) == null ? void 0 : l.noWrap) === !0,
-        isInteractive: !((d = this.blockComponent) != null && d.isRSC)
+        isInteractive: !((c = this.blockComponent) != null && c.isRSC)
       };
     }
   }
 });
 function _sfc_render$l(e, t, n, o, r, s) {
-  var c;
-  const i = resolveComponent("block-styles"), a = resolveComponent("component-ref"), l = resolveComponent("block", !0), d = resolveComponent("block-wrapper"), u = resolveComponent("repeated-block");
+  var d;
+  const i = resolveComponent("block-styles"), a = resolveComponent("component-ref"), l = resolveComponent("block", !0), c = resolveComponent("block-wrapper"), u = resolveComponent("repeated-block");
   return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
     createVNode(i, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (c = e.blockComponent) != null && c.noWrap ? (openBlock(), createBlock(a, {
+    (d = e.blockComponent) != null && d.noWrap ? (openBlock(), createBlock(a, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -793,7 +825,7 @@ function _sfc_render$l(e, t, n, o, r, s) {
         block: p.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (openBlock(), createBlock(d, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (openBlock(), createBlock(c, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
@@ -815,10 +847,10 @@ function _sfc_render$l(e, t, n, o, r, s) {
           (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, f) => (openBlock(), createBlock(l, {
             key: p.id,
             block: p,
-            context: e.childrenContext,
             registeredComponents: e.registeredComponents,
-            linkComponent: e.linkComponent
-          }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128))
+            linkComponent: e.linkComponent,
+            context: e.context
+          }, null, 8, ["block", "registeredComponents", "linkComponent", "context"]))), 128))
         ]),
         _: 1
       }, 8, ["Wrapper", "block", "context", "linkComponent"]))
@@ -889,7 +921,7 @@ function _sfc_render$k(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k], ["__scopeId", "data-v-6fabd81c"]]), _sfc_main$l = defineComponent({
+const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k], ["__scopeId", "data-v-b8add99a"]]), _sfc_main$l = defineComponent({
   name: "builder-blocks",
   components: { BlocksWrapper, Block },
   props: [
@@ -907,7 +939,7 @@ const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_
   }
 });
 function _sfc_render$j(e, t, n, o, r, s) {
-  var l, d;
+  var l, c;
   const i = resolveComponent("block"), a = resolveComponent("blocks-wrapper");
   return openBlock(), createBlock(a, {
     blocks: e.blocks,
@@ -915,10 +947,10 @@ function _sfc_render$j(e, t, n, o, r, s) {
     path: e.path,
     styleProp: e.styleProp,
     BlocksWrapper: ((l = e.context) == null ? void 0 : l.BlocksWrapper) || e.builderContext.BlocksWrapper,
-    BlocksWrapperProps: ((d = e.context) == null ? void 0 : d.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
+    BlocksWrapperProps: ((c = e.context) == null ? void 0 : c.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
   }, {
     default: withCtx(() => [
-      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (u, c) => (openBlock(), createBlock(i, {
+      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (u, d) => (openBlock(), createBlock(i, {
         key: u.id,
         block: u,
         linkComponent: e.linkComponent,
@@ -1110,13 +1142,13 @@ function _sfc_render$i(e, t, n, o, r, s) {
       key: 0,
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : createCommentVNode("", !0),
-    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (d, u) => (openBlock(), createBlock(l, {
+    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (c, u) => (openBlock(), createBlock(l, {
       key: u,
-      TagName: d.link ? e.builderLinkComponent || "a" : "div",
+      TagName: c.link ? e.builderLinkComponent || "a" : "div",
       actionAttributes: {},
       attributes: {
-        ...d.link ? {
-          href: d.link
+        ...c.link ? {
+          href: c.link
         } : {},
         [e.getClassPropName()]: "builder-column",
         style: e.mapStyleObjToStrIfNeeded(e.columnCssVars(u))
@@ -1132,14 +1164,14 @@ function _sfc_render$i(e, t, n, o, r, s) {
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent,
-          blocks: d.blocks
+          blocks: c.blocks
         }, null, 8, ["path", "parent", "context", "registeredComponents", "linkComponent", "blocks"])
       ]),
       _: 2
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-0777f1ce"]]), _sfc_main$i = defineComponent({
+const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-d0d8b675"]]), _sfc_main$i = defineComponent({
   name: "builder-fragment-component",
   props: []
 });
@@ -1230,7 +1262,7 @@ const _sfc_main$h = defineComponent({
   class: "div-1be3j8m9ewb-2"
 };
 function _sfc_render$g(e, t, n, o, r, s) {
-  var i, a, l, d;
+  var i, a, l, c;
   return openBlock(), createElementBlock(Fragment$1, null, [
     createElementVNode("picture", null, [
       e.webpSrcSet ? (openBlock(), createElementBlock("source", {
@@ -1262,13 +1294,13 @@ function _sfc_render$g(e, t, n, o, r, s) {
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : createCommentVNode("", !0),
-    (d = (l = e.builderBlock) == null ? void 0 : l.children) != null && d.length && e.fitContent ? renderSlot(e.$slots, "default", { key: 1 }, void 0, !0) : createCommentVNode("", !0),
+    (c = (l = e.builderBlock) == null ? void 0 : l.children) != null && c.length && e.fitContent ? renderSlot(e.$slots, "default", { key: 1 }, void 0, !0) : createCommentVNode("", !0),
     !e.fitContent && e.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
       renderSlot(e.$slots, "default", {}, void 0, !0)
     ])) : createCommentVNode("", !0)
   ], 64);
 }
-const Image = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-5ebd9946"]]), _sfc_main$g = defineComponent({
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-c23615d2"]]), _sfc_main$g = defineComponent({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -1689,15 +1721,15 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(i, a = 6e4) {
-        return new Promise((l, d) => {
+        return new Promise((l, c) => {
           const u = document.createElement("img");
-          let c = !1;
+          let d = !1;
           u.onload = () => {
-            c = !0, l(u);
+            d = !0, l(u);
           }, u.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), d(p.error);
+            console.warn("Image load failed", p.error), c(p.error);
           }), u.src = i, setTimeout(() => {
-            c || d(new Error("Image load timed out"));
+            d || c(new Error("Image load timed out"));
           }, a);
         });
       }
@@ -1826,7 +1858,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render
   props: ["js", "builderContext", "name"]
 });
 function _sfc_render$e(e, t, n, o, r, s) {
-  var a, l, d;
+  var a, l, c;
   const i = resolveComponent("blocks");
   return openBlock(), createElementBlock("div", mergeProps(
     { style: {
@@ -1840,7 +1872,7 @@ function _sfc_render$e(e, t, n, o, r, s) {
       parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
-      blocks: (d = e.builderContext.rootState) == null ? void 0 : d[e.name]
+      blocks: (c = e.builderContext.rootState) == null ? void 0 : c[e.name]
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
@@ -2347,48 +2379,48 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
         let s;
         const i = new FormData(o), a = Array.from(
           e.currentTarget.querySelectorAll("input,select,textarea")
-        ).filter((c) => !!c.name).map((c) => {
+        ).filter((d) => !!d.name).map((d) => {
           let p;
-          const f = c.name;
-          if (c instanceof HTMLInputElement)
-            if (c.type === "radio") {
-              if (c.checked)
-                return p = c.name, {
+          const f = d.name;
+          if (d instanceof HTMLInputElement)
+            if (d.type === "radio") {
+              if (d.checked)
+                return p = d.name, {
                   key: f,
                   value: p
                 };
-            } else if (c.type === "checkbox")
-              p = c.checked;
-            else if (c.type === "number" || c.type === "range") {
-              const m = c.valueAsNumber;
+            } else if (d.type === "checkbox")
+              p = d.checked;
+            else if (d.type === "number" || d.type === "range") {
+              const m = d.valueAsNumber;
               isNaN(m) || (p = m);
             } else
-              c.type === "file" ? p = c.files : p = c.value;
+              d.type === "file" ? p = d.files : p = d.value;
           else
-            p = c.value;
+            p = d.value;
           return {
             key: f,
             value: p
           };
         });
         let l = this.contentType;
-        if (this.sendSubmissionsTo === "email" && (l = "multipart/form-data"), Array.from(a).forEach(({ value: c }) => {
-          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (l = "multipart/form-data");
+        if (this.sendSubmissionsTo === "email" && (l = "multipart/form-data"), Array.from(a).forEach(({ value: d }) => {
+          (d instanceof File || Array.isArray(d) && d[0] instanceof File || d instanceof FileList) && (l = "multipart/form-data");
         }), l !== "application/json")
           s = i;
         else {
-          const c = {};
+          const d = {};
           Array.from(a).forEach(({ value: p, key: f }) => {
-            set(c, f, p);
-          }), s = JSON.stringify(c);
+            set(d, f, p);
+          }), s = JSON.stringify(d);
         }
         l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = l));
-        const d = new CustomEvent("presubmit", {
+        const c = new CustomEvent("presubmit", {
           detail: {
             body: s
           }
         });
-        if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(d), d.defaultPrevented))
+        if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(c), c.defaultPrevented))
           return;
         this.formState = "sending";
         const u = `${getEnv() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
@@ -2402,19 +2434,19 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
             method: this.method || "post"
           }
         ).then(
-          async (c) => {
+          async (d) => {
             let p;
-            const f = c.headers.get("content-type");
-            if (f && f.indexOf("application/json") !== -1 ? p = await c.json() : p = await c.text(), !c.ok && this.errorMessagePath) {
+            const f = d.headers.get("content-type");
+            if (f && f.indexOf("application/json") !== -1 ? p = await d.json() : p = await d.text(), !d.ok && this.errorMessagePath) {
               let m = get(p, this.errorMessagePath);
               m && (typeof m != "string" && (m = JSON.stringify(m)), this.formErrorMessage = m, this.mergeNewRootState({
                 formErrorMessage: m
               }));
             }
-            if (this.responseData = p, this.formState = c.ok ? "success" : "error", c.ok) {
+            if (this.responseData = p, this.formState = d.ok ? "success" : "error", d.ok) {
               const m = new CustomEvent("submit:success", {
                 detail: {
-                  res: c,
+                  res: d,
                   body: p
                 }
               });
@@ -2435,13 +2467,13 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
                   location.href = this.successUrl;
             }
           },
-          (c) => {
+          (d) => {
             const p = new CustomEvent("submit:error", {
               detail: {
-                error: c
+                error: d
               }
             });
-            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = c, this.formState = "error");
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = d, this.formState = "error");
           }
         );
       }
@@ -2460,11 +2492,11 @@ function _sfc_render$a(e, t, n, o, r, s) {
     action: !e.sendWithJs && e.action,
     method: e.method,
     name: e.name,
-    onSubmit: t[0] || (t[0] = (d) => e.onSubmit(d))
+    onSubmit: t[0] || (t[0] = (c) => e.onSubmit(c))
   }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList((l = e.builderBlock) == null ? void 0 : l.children, (d, u) => (openBlock(), createBlock(i, {
+    e.builderBlock && e.builderBlock.children ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList((l = e.builderBlock) == null ? void 0 : l.children, (c, u) => (openBlock(), createBlock(i, {
       key: `form-block-${e.idx}`,
-      block: d,
+      block: c,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
@@ -2481,8 +2513,7 @@ function _sfc_render$a(e, t, n, o, r, s) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : createCommentVNode("", !0),
-    e.submissionState() === "error" && e.responseData ? (openBlock(), createElementBlock("pre", _hoisted_2$2, "         " + toDisplayString(JSON.stringify(e.responseData, null, 2)) + `
-       `, 1)) : createCommentVNode("", !0),
+    e.submissionState() === "error" && e.responseData ? (openBlock(), createElementBlock("pre", _hoisted_2$2, toDisplayString(JSON.stringify(e.responseData, null, 2)), 1)) : createCommentVNode("", !0),
     e.submissionState() === "success" ? (openBlock(), createBlock(a, {
       key: 4,
       path: "successMessage",
@@ -2491,7 +2522,7 @@ function _sfc_render$a(e, t, n, o, r, s) {
     }, null, 8, ["blocks", "context"])) : createCommentVNode("", !0)
   ], 16, _hoisted_1$4);
 }
-const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-c1bb70af"]]), componentInfo$4 = {
+const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-541b06ed"]]), componentInfo$4 = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2854,7 +2885,7 @@ const Img = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]
   }
 };
 function _sfc_render$5(e, t, n, o, r, s) {
-  var i, a, l, d, u, c, p;
+  var i, a, l, c, u, d, p;
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("video", mergeProps({
       class: "builder-video",
@@ -2891,10 +2922,10 @@ function _sfc_render$5(e, t, n, o, r, s) {
         fontSize: "0px"
       })
     }, null, 4)) : createCommentVNode("", !0),
-    (u = (d = e.builderBlock) == null ? void 0 : d.children) != null && u.length && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
+    (u = (c = e.builderBlock) == null ? void 0 : c.children) != null && u.length && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("", !0),
-    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
+    (p = (d = e.builderBlock) == null ? void 0 : d.children) != null && p.length && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("", !0)
   ]);
@@ -3125,9 +3156,9 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     enrich: i,
     locale: a,
     apiVersion: l = DEFAULT_API_VERSION,
-    fields: d,
+    fields: c,
     omit: u,
-    offset: c,
+    offset: d,
     cacheSeconds: p,
     staleCacheSeconds: f,
     sort: m,
@@ -3137,26 +3168,26 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     throw new Error("Missing API key");
   if (!["v3"].includes(l))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);
-  const k = t !== 1, g = new URL(`https://cdn.builder.io/api/${l}/content/${r}`);
-  if (g.searchParams.set("apiKey", s), g.searchParams.set("limit", String(t)), g.searchParams.set("noTraverse", String(k)), g.searchParams.set("includeRefs", String(!0)), a && g.searchParams.set("locale", a), i && g.searchParams.set("enrich", String(i)), g.searchParams.set("omit", u || "meta.componentsUsed"), d && g.searchParams.set("fields", d), Number.isFinite(c) && c > -1 && g.searchParams.set("offset", String(Math.floor(c))), typeof b == "boolean" && g.searchParams.set("includeUnpublished", String(b)), p && isPositiveNumber(p) && g.searchParams.set("cacheSeconds", String(p)), f && isPositiveNumber(f) && g.searchParams.set("staleCacheSeconds", String(f)), m) {
-    const y = flatten({
+  const S = t !== 1, g = new URL(`https://cdn.builder.io/api/${l}/content/${r}`);
+  if (g.searchParams.set("apiKey", s), g.searchParams.set("limit", String(t)), g.searchParams.set("noTraverse", String(S)), g.searchParams.set("includeRefs", String(!0)), a && g.searchParams.set("locale", a), i && g.searchParams.set("enrich", String(i)), g.searchParams.set("omit", u || "meta.componentsUsed"), c && g.searchParams.set("fields", c), Number.isFinite(d) && d > -1 && g.searchParams.set("offset", String(Math.floor(d))), typeof b == "boolean" && g.searchParams.set("includeUnpublished", String(b)), p && isPositiveNumber(p) && g.searchParams.set("cacheSeconds", String(p)), f && isPositiveNumber(f) && g.searchParams.set("staleCacheSeconds", String(f)), m) {
+    const k = flatten({
       sort: m
     });
-    for (const S in y)
-      g.searchParams.set(S, JSON.stringify(y[S]));
+    for (const C in k)
+      g.searchParams.set(C, JSON.stringify(k[C]));
   }
-  const v = {
+  const T = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
-  }, C = flatten(v);
-  for (const y in C)
-    g.searchParams.set(y, String(C[y]));
+  }, I = flatten(T);
+  for (const k in I)
+    g.searchParams.set(k, String(I[k]));
   if (n && g.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const y = flatten({
+    const k = flatten({
       query: o
     });
-    for (const S in y)
-      g.searchParams.set(S, JSON.stringify(y[S]));
+    for (const C in k)
+      g.searchParams.set(C, JSON.stringify(k[C]));
   }
   return g;
 }, checkContentHasResults = (e) => "results" in e;
@@ -3394,7 +3425,7 @@ function isFromTrustedHost(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const SDK_VERSION = "1.0.11", registry = {};
+const SDK_VERSION = "1.0.12", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -3464,33 +3495,33 @@ const setupBrowserForEditing = (e = {}) => {
     if (r != null && r.type)
       switch (r.type) {
         case "builder.evaluate": {
-          const a = r.data.text, l = r.data.arguments || [], d = r.data.id, u = new Function(a);
-          let c, p = null;
+          const a = r.data.text, l = r.data.arguments || [], c = r.data.id, u = new Function(a);
+          let d, p = null;
           try {
-            c = u.apply(null, l);
+            d = u.apply(null, l);
           } catch (f) {
             p = f;
           }
           p ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: d,
+              id: c,
               error: p.message
             }
-          }, "*") : c && typeof c.then == "function" ? c.then((f) => {
+          }, "*") : d && typeof d.then == "function" ? d.then((f) => {
             var m;
             (m = window.parent) == null || m.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: d,
+                id: c,
                 result: f
               }
             }, "*");
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: c,
-              id: d
+              result: d,
+              id: c
             }
           }, "*");
           break;
@@ -3747,7 +3778,11 @@ const setupBrowserForEditing = (e = {}) => {
         context: this.context || {},
         localState: void 0,
         rootState: this.builderContextSignal.rootState,
-        rootSetState: this.builderContextSignal.rootSetState
+        rootSetState: this.builderContextSignal.rootSetState,
+        /**
+         * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+         */
+        enableCache: !1
       });
     },
     onClick(e) {
@@ -3769,13 +3804,16 @@ const setupBrowserForEditing = (e = {}) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (t, n) => evaluate({
-          code: n,
-          context: this.context || {},
-          localState: void 0,
-          rootState: this.builderContextSignal.rootState,
-          rootSetState: this.builderContextSignal.rootSetState
-        })
+        (t, n) => String(
+          evaluate({
+            code: n,
+            context: this.context || {},
+            localState: void 0,
+            rootState: this.builderContextSignal.rootState,
+            rootSetState: this.builderContextSignal.rootSetState,
+            enableCache: !0
+          })
+        )
       );
     },
     handleRequest({ url: e, key: t }) {
@@ -3859,12 +3897,12 @@ function _sfc_render$4(e, t, n, o, r, s) {
   return e.builderContextSignal.content ? (openBlock(), createBlock(resolveDynamicComponent(e.ContentWrapper), mergeProps({
     key: e.forceReRenderCount,
     ref: "elementRef",
-    onClick: (d) => e.onClick(d),
+    onClick: (c) => e.onClick(c),
     "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
     class: `variant-${((a = e.content) == null ? void 0 : a.testVariationId) || ((l = e.content) == null ? void 0 : l.id)}`,
-    onIniteditingbldr: (d) => e.elementRef_onIniteditingbldr(d),
-    onInitpreviewingbldr: (d) => e.elementRef_onInitpreviewingbldr(d)
+    onIniteditingbldr: (c) => e.elementRef_onIniteditingbldr(c),
+    onInitpreviewingbldr: (c) => e.elementRef_onInitpreviewingbldr(c)
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
@@ -4075,8 +4113,8 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
   }
 });
 function _sfc_render$2(e, t, n, o, r, s) {
-  const i = resolveComponent("inlined-script"), a = resolveComponent("content-styles"), l = resolveComponent("blocks"), d = resolveComponent("enable-editor");
-  return openBlock(), createBlock(d, mergeProps({
+  const i = resolveComponent("inlined-script"), a = resolveComponent("content-styles"), l = resolveComponent("blocks"), c = resolveComponent("enable-editor");
+  return openBlock(), createBlock(c, mergeProps({
     content: e.content,
     data: e.data,
     model: e.model,
@@ -4093,7 +4131,7 @@ function _sfc_render$2(e, t, n, o, r, s) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: withCtx(() => {
-      var u, c, p, f, m, b, k;
+      var u, d, p, f, m, b, S;
       return [
         e.isSsrAbTest ? (openBlock(), createBlock(i, {
           key: 0,
@@ -4102,11 +4140,11 @@ function _sfc_render$2(e, t, n, o, r, s) {
         e.TARGET !== "reactNative" ? (openBlock(), createBlock(a, {
           key: 1,
           contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
-          cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
+          cssCode: (p = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : p.cssCode,
           customFonts: (m = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : m.customFonts
         }, null, 8, ["contentId", "cssCode", "customFonts"])) : createCommentVNode("", !0),
         createVNode(l, {
-          blocks: (k = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : k.blocks,
+          blocks: (S = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : S.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4183,7 +4221,7 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
   }
 });
 function _sfc_render$1(e, t, n, o, r, s) {
-  var d;
+  var c;
   const i = resolveComponent("inlined-script"), a = resolveComponent("inlined-styles"), l = resolveComponent("content-component");
   return openBlock(), createElementBlock(Fragment$1, null, [
     !e.__isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
@@ -4192,11 +4230,11 @@ function _sfc_render$1(e, t, n, o, r, s) {
     }, null, 8, ["scriptStr"])) : createCommentVNode("", !0),
     e.shouldRenderVariants ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
       createVNode(a, {
-        id: `variants-styles-${(d = e.content) == null ? void 0 : d.id}`,
+        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
       createVNode(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (u, c) => (openBlock(), createBlock(l, {
+      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (u, d) => (openBlock(), createBlock(l, {
         key: u.testVariationId,
         content: u,
         showContent: !1,
@@ -4315,7 +4353,7 @@ const ContentVariants = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sf
   }
 });
 function _sfc_render(e, t, n, o, r, s) {
-  var a, l, d, u, c;
+  var a, l, c, u, d;
   const i = resolveComponent("content-variants");
   return openBlock(), createElementBlock("div", mergeProps({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     createVNode(i, {
@@ -4330,9 +4368,9 @@ function _sfc_render(e, t, n, o, r, s) {
       data: {
         ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(u = (d = e.contentToUse) == null ? void 0 : d.data) == null ? void 0 : u.state
+        ...(u = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : u.state
       },
-      model: (c = e.symbol) == null ? void 0 : c.model,
+      model: (d = e.symbol) == null ? void 0 : d.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: "div",