@builder.io/sdk-vue 0.13.2 → 0.13.3

package/lib/node/{index.2fe76754.js → index-TgZujUqz.js}

@@ -38,7 +38,7 @@ function _sfc_render$n(e, t, n, o, r, s) {
     }, 16))
   ], 64));
 }
-const DynamicRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/dynamic-renderer/dynamic-renderer.vue"]]), dynamicRenderer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const DynamicRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n]]), dynamicRenderer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: DynamicRenderer
 }, Symbol.toStringTag, { value: "Module" })), TARGET = "vue", getClassPropName = () => {
@@ -90,7 +90,7 @@ function _sfc_render$m(e, t, n, o, r, s) {
     _: 1
   }, 8, ["TagName", "attributes", "actionAttributes"]);
 }
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/button/button.vue"]]), key$1 = Symbol(), BuilderContext = {
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m]]), key$1 = Symbol(), BuilderContext = {
   Builder: {
     content: null,
     context: {},
@@ -115,6 +115,9 @@ function getBlockComponentOptions(e) {
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options,
+    /**
+     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
+     */
     builderBlock: e
   };
 }
@@ -131,7 +134,7 @@ function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
 function isEditing() {
-  return isIframe() && (TARGET === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
+  return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 const getLocation = () => {
   if (isBrowser()) {
@@ -173,6 +176,7 @@ const getLocation = () => {
 }) => Object.entries({
   state: o,
   Builder: e,
+  // legacy
   builder: e,
   context: t,
   event: n
@@ -183,7 +187,7 @@ const getLocation = () => {
   getUserAttributes: () => getUserAttributes()
 }), parseCode = (e, {
   isExpression: t = !0
-}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, runInBrowser = ({
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, runInBrowser = ({
   code: e,
   builder: t,
   context: n,
@@ -310,28 +314,29 @@ output;
     context: n,
     event: o,
     state: a
-  }), c = getIsolateContext(), u = c.global;
-  u.setSync("global", u.derefInto()), u.setSync("log", function(...f) {
+  }), c = getIsolateContext(), p = c.global;
+  p.setSync("global", p.derefInto()), p.setSync("log", function(...f) {
     console.log(...f);
-  }), u.setSync(BUILDER_SET_STATE_NAME, function(f, m) {
+  }), p.setSync(BUILDER_SET_STATE_NAME, function(f, m) {
     set(i, f, m), s == null || s(i);
   }), l.forEach(([f, m]) => {
     const g = typeof m == "object" ? new ivm.Reference(
+      // workaround: methods with default values for arguments is not being cloned over
       f === "builder" ? {
         ...m,
         getUserAttributes: () => m.getUserAttributes()
       } : m
     ) : null;
-    u.setSync(getSyncValName(f), g);
-  }), u.setSync(INJECTED_IVM_GLOBAL, ivm);
+    p.setSync(getSyncValName(f), g);
+  }), p.setSync(INJECTED_IVM_GLOBAL, ivm);
   const d = processCode({
     code: e,
     args: l
-  }), p = c.evalSync(d);
+  }), u = c.evalSync(d);
   try {
-    return JSON.parse(p);
+    return JSON.parse(u);
   } catch {
-    return p;
+    return u;
   }
 }, checkIsDefined = (e) => e != null;
 function isNodeRuntime() {
@@ -478,8 +483,8 @@ function throttle(e, t, n = {}) {
   return function() {
     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;
+    const p = t - (c - a);
+    return o = this, r = arguments, p <= 0 || p > t ? (i && (clearTimeout(i), i = null), a = c, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, p)), s;
   };
 }
 function assign(e, ...t) {
@@ -576,9 +581,9 @@ function bindScrollInViewAnimation(e) {
     const i = throttle(s, 200, {
       leading: !1
     });
-    function a(u) {
-      const d = u.getBoundingClientRect(), p = window.innerHeight, m = (e.thresholdPercent || 0) / 100 * p;
-      return d.bottom > m && d.top < p - m;
+    function a(p) {
+      const d = p.getBoundingClientRect(), u = window.innerHeight, m = (e.thresholdPercent || 0) / 100 * u;
+      return d.bottom > m && d.top < u - m;
     }
     const l = e.steps[0].styles;
     function c() {
@@ -647,22 +652,22 @@ const getComponent = ({
     },
     block: o
   }));
-}, BlockStyles = () => import("./block-styles.bc53b639.js").then((e) => e.default).catch((e) => {
+}, BlockStyles = () => import("./block-styles-WHZ3oh47.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.745530a0.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper-Oi21HLL-.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.50b4a2f9.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref-6gNNgUIq.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.17f75fe4.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block-4ZvFRl8H.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -725,21 +730,21 @@ const getComponent = ({
       return ("show" in this.processedBlock ? this.processedBlock.show : !0) && !e;
     },
     childrenWithoutParentComponent() {
-      var t, n;
-      return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
+      var t;
+      return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? this.processedBlock.children ?? [] : [];
     },
     componentRefProps() {
-      var e, t, n, o, r, s, i, a, l, c, u;
+      var e, t, n, o, r, s, i, a, l, c;
       return {
-        blockChildren: (e = this.processedBlock.children) != null ? e : [],
-        componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
+        blockChildren: this.processedBlock.children ?? [],
+        componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
           ...getBlockComponentOptions(this.processedBlock),
           builderContext: this.context,
-          ...((n = this.blockComponent) == null ? void 0 : n.name) === "Core:Button" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Symbol" || ((r = this.blockComponent) == null ? void 0 : r.name) === "Columns" || ((s = this.blockComponent) == null ? void 0 : s.name) === "Form:Form" ? {
+          ...((t = this.blockComponent) == null ? void 0 : t.name) === "Core:Button" || ((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" || ((r = this.blockComponent) == null ? void 0 : r.name) === "Form:Form" ? {
             builderLinkComponent: this.linkComponent
           } : {},
-          ...((i = this.blockComponent) == null ? void 0 : i.name) === "Symbol" || ((a = this.blockComponent) == null ? void 0 : a.name) === "Columns" || ((l = this.blockComponent) == null ? void 0 : l.name) === "Form:Form" ? {
+          ...((s = this.blockComponent) == null ? void 0 : s.name) === "Symbol" || ((i = this.blockComponent) == null ? void 0 : i.name) === "Columns" || ((a = this.blockComponent) == null ? void 0 : a.name) === "Form:Form" ? {
             builderComponents: this.registeredComponents
           } : {}
         },
@@ -747,15 +752,15 @@ const getComponent = ({
         linkComponent: this.linkComponent,
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
-        includeBlockProps: ((c = this.blockComponent) == null ? void 0 : c.noWrap) === !0,
-        isInteractive: !((u = this.blockComponent) != null && u.isRSC)
+        includeBlockProps: ((l = this.blockComponent) == null ? void 0 : l.noWrap) === !0,
+        isInteractive: !((c = this.blockComponent) != null && c.isRSC)
       };
     }
   }
 });
 function _sfc_render$l(e, t, n, o, r, s) {
   var d;
-  const i = resolveComponent("block-styles"), a = resolveComponent("component-ref"), l = resolveComponent("block", !0), c = resolveComponent("block-wrapper"), u = resolveComponent("repeated-block");
+  const i = resolveComponent("block-styles"), a = resolveComponent("component-ref"), l = resolveComponent("block", !0), c = resolveComponent("block-wrapper"), p = resolveComponent("repeated-block");
   return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
     createVNode(i, {
       block: e.block,
@@ -773,10 +778,10 @@ function _sfc_render$l(e, t, n, o, r, s) {
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
     }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-      e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (p, f) => (openBlock(), createBlock(u, {
+      e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (u, f) => (openBlock(), createBlock(p, {
         key: f,
-        repeatContext: p.context,
-        block: p.block,
+        repeatContext: u.context,
+        block: u.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (openBlock(), createBlock(c, {
@@ -798,9 +803,9 @@ function _sfc_render$l(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, f) => (openBlock(), createBlock(l, {
-            key: p.id,
-            block: p,
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (u, f) => (openBlock(), createBlock(l, {
+            key: u.id,
+            block: u,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents,
             linkComponent: e.linkComponent
@@ -809,9 +814,9 @@ function _sfc_render$l(e, t, n, o, r, s) {
         _: 1
       }, 8, ["Wrapper", "block", "context", "linkComponent"]))
     ], 64))
-  ], 64)) : createCommentVNode("v-if", !0);
+  ], 64)) : createCommentVNode("", !0);
 }
-const Block = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/block.vue"]]), block = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Block = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l]]), block = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Block
 }, Symbol.toStringTag, { value: "Module" })), _sfc_main$m = defineComponent({
@@ -858,7 +863,7 @@ const Block = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l
       ));
     }
   }
-}), blocksWrapper_vue_vue_type_style_index_0_scoped_1f8aab9f_lang = "";
+});
 function _sfc_render$k(e, t, n, o, r, s) {
   return openBlock(), createBlock(resolveDynamicComponent(e.BlocksWrapper), mergeProps({
     class: e.className + " component-b1turyjjkok",
@@ -875,7 +880,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-1f8aab9f"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks-wrapper.vue"]]), _sfc_main$l = defineComponent({
+const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k], ["__scopeId", "data-v-3403e3cb"]]), _sfc_main$l = defineComponent({
   name: "builder-blocks",
   components: { BlocksWrapper, Block },
   props: [
@@ -904,24 +909,24 @@ function _sfc_render$j(e, t, n, o, r, s) {
     BlocksWrapperProps: (c = e.context) == null ? void 0 : c.BlocksWrapperProps
   }, {
     default: withCtx(() => [
-      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (u, d) => (openBlock(), createBlock(i, {
-        key: u.id,
-        block: u,
+      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (p, d) => (openBlock(), createBlock(i, {
+        key: p.id,
+        block: p,
         linkComponent: e.linkComponent,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : createCommentVNode("v-if", !0)
+      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : createCommentVNode("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/blocks/blocks.vue"]]), _sfc_main$k = defineComponent({
+const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j]]), _sfc_main$k = defineComponent({
   render() {
     return h("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), InlinedStyles = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-styles.vue"]]), SIZES = {
+}), SIZES = {
   small: {
     min: 320,
     default: 321,
@@ -959,18 +964,18 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$
   const s = n.medium.max + 1;
   return n.large = {
     max: 2e3,
+    // TODO: decide upper limit
     min: s,
     default: s + 1
   }, n;
 }, _sfc_main$j = defineComponent({
   name: "builder-columns",
   components: {
-    InlinedStyles,
+    InlinedStyles: _sfc_main$k,
     DynamicRenderer,
     Blocks
   },
   props: [
-    "js",
     "space",
     "columns",
     "stackColumnsAt",
@@ -1085,7 +1090,7 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$
       )[e].max;
     }
   }
-}), columns_vue_vue_type_style_index_0_scoped_7be099dc_lang = "";
+});
 function _sfc_render$i(e, t, n, o, r, s) {
   const i = resolveComponent("inlined-styles"), a = resolveComponent("blocks"), l = resolveComponent("dynamic-renderer");
   return openBlock(), createElementBlock("div", mergeProps({
@@ -1095,9 +1100,9 @@ function _sfc_render$i(e, t, n, o, r, s) {
     e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : createCommentVNode("v-if", !0),
-    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (c, u) => (openBlock(), createBlock(l, {
-      key: u,
+    }, null, 8, ["styles"])) : createCommentVNode("", !0),
+    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.columns, (c, p) => (openBlock(), createBlock(l, {
+      key: p,
       TagName: c.link ? e.builderLinkComponent || "a" : "div",
       actionAttributes: {},
       attributes: {
@@ -1105,12 +1110,12 @@ function _sfc_render$i(e, t, n, o, r, s) {
           href: c.link
         } : {},
         [e.getClassPropName()]: "builder-column",
-        style: e.mapStyleObjToStrIfNeeded(e.columnCssVars(u))
+        style: e.mapStyleObjToStrIfNeeded(e.columnCssVars(p))
       }
     }, {
       default: withCtx(() => [
         createVNode(a, {
-          path: `component.options.columns.${u}.blocks`,
+          path: `component.options.columns.${p}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -1125,7 +1130,7 @@ function _sfc_render$i(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-7be099dc"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/columns/columns.vue"]]), _sfc_main$i = defineComponent({
+const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-3a12caec"]]), _sfc_main$i = defineComponent({
   name: "builder-fragment-component",
   props: []
 });
@@ -1134,7 +1139,7 @@ function _sfc_render$h(e, t, n, o, r, s) {
     renderSlot(e.$slots, "default")
   ]);
 }
-const Fragment = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/fragment/fragment.vue"]]);
+const Fragment = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h]]);
 function removeProtocol(e) {
   return e.replace(/http(s)?:/, "");
 }
@@ -1185,9 +1190,11 @@ const _sfc_main$h = defineComponent({
     srcSetToUse() {
       var n;
       const t = this.image || this.src;
-      if (!t || !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
+      if (!t || // We can auto add srcset for cdn.builder.io and shopify
+      // images, otherwise you can supply this prop manually
+      !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
         return this.srcset;
-      if (this.srcset && ((n = this.image) == null ? void 0 : n.includes("builder.io/api/v1/image"))) {
+      if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
           return console.debug("Removed given srcset"), getSrcSet(t);
       } else if (this.image && !this.srcset)
@@ -1196,7 +1203,7 @@ const _sfc_main$h = defineComponent({
     },
     webpSrcSet() {
       var e;
-      return ((e = this.srcSetToUse) == null ? void 0 : e.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
+      return (e = this.srcSetToUse) != null && e.match(/builder\.io/) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
     },
     aspectRatioCss() {
       const e = {
@@ -1209,7 +1216,7 @@ const _sfc_main$h = defineComponent({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), image_vue_vue_type_style_index_0_scoped_58ca75d1_lang = "", _hoisted_1$8 = ["srcset"], _hoisted_2$3 = ["alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
+}), _hoisted_1$8 = ["srcset"], _hoisted_2$3 = ["alt", "role", "src", "srcset", "sizes"], _hoisted_3$1 = {
   key: 2,
   class: "div-4wbls88y960-2"
 };
@@ -1221,7 +1228,7 @@ function _sfc_render$g(e, t, n, o, r, s) {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, _hoisted_1$8)) : createCommentVNode("v-if", !0),
+      }, null, 8, _hoisted_1$8)) : createCommentVNode("", !0),
       createElementVNode("img", {
         loading: "lazy",
         alt: e.altText,
@@ -1239,20 +1246,20 @@ function _sfc_render$g(e, t, n, o, r, s) {
         sizes: e.sizes
       }, null, 14, _hoisted_2$3)
     ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (openBlock(), createElementBlock("div", {
+    e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "builder-image-sizer div-4wbls88y960",
       style: normalizeStyle({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : createCommentVNode("v-if", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? renderSlot(e.$slots, "default", { key: 1 }, void 0, !0) : createCommentVNode("v-if", !0),
+    }, null, 4)) : 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("v-if", !0)
+    ])) : createCommentVNode("", !0)
   ], 64);
 }
-const Image = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-58ca75d1"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/image/image.vue"]]), _sfc_main$g = defineComponent({
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-4ab1cc9f"]]), _sfc_main$g = defineComponent({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -1277,7 +1284,7 @@ function _sfc_render$f(e, t, n, o, r, s) {
     renderSlot(e.$slots, "default")
   ], 16);
 }
-const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/section/section.vue"]]), getTopLevelDomain = (e) => {
+const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]]), getTopLevelDomain = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -1361,7 +1368,8 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render
   testGroupId: t
 }) => {
   const n = e.variations[t];
-  return t === e.id || !n ? {
+  return t === e.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !n ? {
     testVariationId: e.id,
     testVariationName: "Default"
   } : {
@@ -1415,6 +1423,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
+    // TODO: make min width more intuitive and set one
     appearance: "none",
     paddingTop: "15px",
     paddingBottom: "15px",
@@ -1444,6 +1453,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render
   static: !0,
   noWrap: !0
 }, componentInfo$e = {
+  // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1621,7 +1631,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1671,13 +1681,13 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render
       e.delete("srcset"), e.delete("noWebp");
       function n(i, a = 6e4) {
         return new Promise((l, c) => {
-          const u = document.createElement("img");
+          const p = document.createElement("img");
           let d = !1;
-          u.onload = () => {
-            d = !0, l(u);
-          }, u.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), c(p.error);
-          }), u.src = i, setTimeout(() => {
+          p.onload = () => {
+            d = !0, l(p);
+          }, p.addEventListener("error", (u) => {
+            console.warn("Image load failed", u.error), c(u.error);
+          }), p.src = i, setTimeout(() => {
             d || c(new Error("Image load timed out"));
           }, a);
         });
@@ -1794,6 +1804,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
   docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
   image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
   inputs: [{
     name: "name",
     type: "string",
@@ -1824,7 +1835,7 @@ function _sfc_render$e(e, t, n, o, r, s) {
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const Slot = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/slot/slot.vue"]]), componentInfo$9 = {
+const Slot = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e]]), componentInfo$9 = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1889,7 +1900,7 @@ function _sfc_render$d(e, t, n, o, r, s) {
     }
   }, null, 8, _hoisted_1$7);
 }
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/text/text.vue"]]), componentInfo$7 = {
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d]]), componentInfo$7 = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1953,7 +1964,7 @@ function _sfc_render$c(e, t, n, o, r, s) {
     innerHTML: e.code
   }, null, 10, _hoisted_1$6);
 }
-const customCode = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/custom-code/custom-code.vue"]]), componentInfo$6 = {
+const customCode = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c]]), componentInfo$6 = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2028,8 +2039,9 @@ function _sfc_render$b(e, t, n, o, r, s) {
     innerHTML: e.content
   }, null, 8, _hoisted_1$5);
 }
-const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/embed/embed.vue"]]), componentInfo$5 = {
+const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b]]), componentInfo$5 = {
   name: "Form:Form",
+  // editableTags: ['builder-form-error']
   defaults: {
     responsiveStyles: {
       large: {
@@ -2042,6 +2054,11 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
   inputs: [{
     name: "sendSubmissionsTo",
     type: "string",
+    // TODO: save to builder data and user can download as csv
+    // TODO: easy for mode too or computed add/remove fields form mode
+    // so you can edit details and high level mode at same time...
+    // Later - more integrations like mailchimp
+    // /api/v1/form-submit?to=mailchimp
     enum: [{
       label: "Send to email",
       value: "email",
@@ -2056,6 +2073,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
     name: "sendSubmissionsToEmail",
     type: "string",
     required: !0,
+    // TODO: required: () => options.get("sendSubmissionsTo") === "email"
     defaultValue: "your@email.com",
     showIf: 'options.get("sendSubmissionsTo") === "email"'
   }, {
@@ -2068,6 +2086,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
     name: "name",
     type: "string",
     defaultValue: "My form"
+    // advanced: true
   }, {
     name: "action",
     type: "string",
@@ -2078,6 +2097,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
     type: "string",
     defaultValue: "application/json",
     advanced: !0,
+    // TODO: do automatically if file input
     enum: ["application/json", "multipart/form-data", "application/x-www-form-urlencoded"],
     showIf: 'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'
   }, {
@@ -2089,6 +2109,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
   }, {
     name: "previewState",
     type: "string",
+    // TODO: persist: false flag
     enum: ["unsubmitted", "sending", "success", "error"],
     defaultValue: "unsubmitted",
     helperText: 'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',
@@ -2318,27 +2339,27 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
         const i = new FormData(o), a = Array.from(
           e.currentTarget.querySelectorAll("input,select,textarea")
         ).filter((d) => !!d.name).map((d) => {
-          let p;
+          let u;
           const f = d.name;
           if (d instanceof HTMLInputElement)
             if (d.type === "radio") {
               if (d.checked)
-                return p = d.name, {
+                return u = d.name, {
                   key: f,
-                  value: p
+                  value: u
                 };
             } else if (d.type === "checkbox")
-              p = d.checked;
+              u = d.checked;
             else if (d.type === "number" || d.type === "range") {
               const m = d.valueAsNumber;
-              isNaN(m) || (p = m);
+              isNaN(m) || (u = m);
             } else
-              d.type === "file" ? p = d.files : p = d.value;
+              d.type === "file" ? u = d.files : u = d.value;
           else
-            p = d.value;
+            u = d.value;
           return {
             key: f,
-            value: p
+            value: u
           };
         });
         let l = this.contentType;
@@ -2348,11 +2369,11 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
           s = i;
         else {
           const d = {};
-          Array.from(a).forEach(({ value: p, key: f }) => {
-            set(d, f, p);
+          Array.from(a).forEach(({ value: u, key: f }) => {
+            set(d, f, u);
           }), s = JSON.stringify(d);
         }
-        l && l !== "multipart/form-data" && (t && ((n = this.action) == null ? void 0 : n.includes("zapier.com")) || (r["content-type"] = l));
+        l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = l));
         const c = new CustomEvent("presubmit", {
           detail: {
             body: s
@@ -2361,11 +2382,11 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
         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(
+        const p = `${getEnv() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`;
         fetch(
-          this.sendSubmissionsTo === "email" ? u : this.action,
+          this.sendSubmissionsTo === "email" ? p : this.action,
           {
             body: s,
             headers: r,
@@ -2373,19 +2394,19 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
           }
         ).then(
           async (d) => {
-            let p;
+            let u;
             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);
+            if (f && f.indexOf("application/json") !== -1 ? u = await d.json() : u = await d.text(), !d.ok && this.errorMessagePath) {
+              let m = get(u, this.errorMessagePath);
               m && (typeof m != "string" && (m = JSON.stringify(m)), this.formErrorMessage = m, this.mergeNewRootState({
                 formErrorMessage: m
               }));
             }
-            if (this.responseData = p, this.formState = d.ok ? "success" : "error", d.ok) {
+            if (this.responseData = u, this.formState = d.ok ? "success" : "error", d.ok) {
               const m = new CustomEvent("submit:success", {
                 detail: {
                   res: d,
-                  body: p
+                  body: u
                 }
               });
               if (this.$refs.formRef) {
@@ -2406,18 +2427,18 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
             }
           },
           (d) => {
-            const p = new CustomEvent("submit:error", {
+            const u = new CustomEvent("submit:error", {
               detail: {
                 error: d
               }
             });
-            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = d, this.formState = "error");
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented) || (this.responseData = d, this.formState = "error");
           }
         );
       }
     }
   }
-}), form_vue_vue_type_style_index_0_scoped_fac74b80_lang = "", _hoisted_1$4 = ["validate", "action", "method", "name"], _hoisted_2$2 = {
+}), _hoisted_1$4 = ["validate", "action", "method", "name"], _hoisted_2$2 = {
   key: 3,
   class: "builder-form-error-text pre-tqyw9m0iue"
 };
@@ -2432,36 +2453,36 @@ function _sfc_render$a(e, t, n, o, r, s) {
     name: e.name,
     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, (c, 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, p) => (openBlock(), createBlock(i, {
       key: `form-block-${e.idx}`,
       block: c,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
-    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : createCommentVNode("v-if", !0),
+    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : createCommentVNode("", !0),
     e.submissionState() === "error" ? (openBlock(), createBlock(a, {
       key: 1,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : createCommentVNode("v-if", !0),
+    }, null, 8, ["blocks", "context"])) : createCommentVNode("", !0),
     e.submissionState() === "sending" ? (openBlock(), createBlock(a, {
       key: 2,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : createCommentVNode("v-if", !0),
+    }, 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("v-if", !0),
+       `, 1)) : createCommentVNode("", !0),
     e.submissionState() === "success" ? (openBlock(), createBlock(a, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : createCommentVNode("v-if", !0)
+    }, 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-fac74b80"], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/form/form/form.vue"]]), componentInfo$4 = {
+const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-e7803f50"]]), componentInfo$4 = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2483,6 +2504,7 @@ const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a]
       defaultValue: "Hello there",
       helperText: "Text to display when there is no value"
     },
+    // TODO: handle value vs default value automatically like ng-model
     {
       name: "defaultValue",
       type: "string"
@@ -2537,7 +2559,7 @@ function _sfc_render$9(e, t, n, o, r, s) {
     required: e.required
   }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _hoisted_1$3);
 }
-const FormInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/form/input/input.vue"]]), componentInfo$3 = {
+const FormInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]), componentInfo$3 = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -2599,7 +2621,7 @@ function _sfc_render$8(e, t, n, o, r, s) {
     }, toDisplayString(i.name || i.value), 9, _hoisted_2$1))), 128))
   ], 16, _hoisted_1$2);
 }
-const FormSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/form/select/select.vue"]]), componentInfo$2 = {
+const FormSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]), componentInfo$2 = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -2620,6 +2642,10 @@ const FormSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_ren
   }],
   static: !0,
   noWrap: !0
+  // TODO: optional children? maybe as optional form input
+  // that only shows if advanced setting is flipped
+  // TODO: defaultChildren
+  // canHaveChildren: true,
 }, _sfc_main$8 = defineComponent({
   name: "builder-submit-button",
   props: ["attributes", "text"],
@@ -2630,7 +2656,8 @@ const FormSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_ren
 function _sfc_render$7(e, t, n, o, r, s) {
   return openBlock(), createElementBlock("button", mergeProps({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), toDisplayString(e.text), 17);
 }
-const FormSubmitButton = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/form/submit-button/submit-button.vue"]]), componentInfo$1 = {
+const FormSubmitButton = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]), componentInfo$1 = {
+  // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2668,7 +2695,7 @@ function _sfc_render$6(e, t, n, o, r, s) {
     src: e.imgSrc || e.image
   }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _hoisted_1$1);
 }
-const Img = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/img/img.vue"]]), componentInfo = {
+const Img = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]), componentInfo = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2818,7 +2845,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, c, u, d, p;
+  var i, a, l, c, p, d, u;
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("video", mergeProps({
       class: "builder-video",
@@ -2829,6 +2856,8 @@ function _sfc_render$5(e, t, n, o, r, s) {
         ...(i = e.attributes) == null ? void 0 : i.style,
         objectFit: e.fit,
         objectPosition: e.position,
+        // Hack to get object fit to work as expected and
+        // not have the video overflow
         zIndex: 2,
         borderRadius: "1px",
         ...e.aspectRatio ? {
@@ -2838,13 +2867,13 @@ function _sfc_render$5(e, t, n, o, r, s) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? createCommentVNode("v-if", !0) : (openBlock(), createElementBlock("source", {
+      e.lazyLoad ? createCommentVNode("", !0) : (openBlock(), createElementBlock("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
       }, null, 8, _hoisted_3))
     ], 16, _hoisted_2),
-    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length)) ? (openBlock(), createElementBlock("div", {
+    e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (openBlock(), createElementBlock("div", {
       key: 0,
       style: normalizeStyle({
         width: "100%",
@@ -2852,16 +2881,16 @@ function _sfc_render$5(e, t, n, o, r, s) {
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : createCommentVNode("v-if", !0),
-    ((u = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : u.length) && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
+    }, null, 4)) : createCommentVNode("", !0),
+    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
       renderSlot(e.$slots, "default")
-    ])) : createCommentVNode("v-if", !0),
-    ((p = (d = e.builderBlock) == null ? void 0 : d.children) == null ? void 0 : p.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
+    ])) : createCommentVNode("", !0),
+    (u = (d = e.builderBlock) == null ? void 0 : d.children) != null && u.length && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
       renderSlot(e.$slots, "default")
-    ])) : createCommentVNode("v-if", !0)
+    ])) : createCommentVNode("", !0)
   ]);
 }
-const Video = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/video/video.vue"]]), getExtraComponents = () => [{
+const Video = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]), getExtraComponents = () => [{
   component: customCode,
   ...componentInfo$7
 }, {
@@ -3038,7 +3067,7 @@ const Video = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), InlinedScript = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/inlined-script.vue"]]);
+});
 function getGlobalThis() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
@@ -3095,40 +3124,40 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     includeRefs: a = !0,
     enrich: l,
     locale: c,
-    apiVersion: u = DEFAULT_API_VERSION,
+    apiVersion: p = DEFAULT_API_VERSION,
     fields: d,
-    omit: p,
+    omit: u,
     offset: f,
     cacheSeconds: m,
     staleCacheSeconds: g,
-    sort: y,
+    sort: k,
     includeUnpublished: C
   } = e;
   if (!i)
     throw new Error("Missing API key");
-  if (!["v3"].includes(u))
-    throw new Error(`Invalid apiVersion: expected 'v3', received '${u}'`);
+  if (!["v3"].includes(p))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${p}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const b = new URL(`https://cdn.builder.io/api/${u}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
-  if (b.searchParams.set("omit", p || "meta.componentsUsed"), d && b.searchParams.set("fields", d), Number.isFinite(f) && f > -1 && b.searchParams.set("offset", String(Math.floor(f))), typeof C == "boolean" && b.searchParams.set("includeUnpublished", String(C)), m && isPositiveNumber(m) && b.searchParams.set("cacheSeconds", String(m)), g && isPositiveNumber(g) && b.searchParams.set("staleCacheSeconds", String(g)), y) {
-    const k = flatten({
-      sort: y
+  const b = new URL(`https://cdn.builder.io/api/${p}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
+  if (b.searchParams.set("omit", u || "meta.componentsUsed"), d && b.searchParams.set("fields", d), Number.isFinite(f) && f > -1 && b.searchParams.set("offset", String(Math.floor(f))), typeof C == "boolean" && b.searchParams.set("includeUnpublished", String(C)), m && isPositiveNumber(m) && b.searchParams.set("cacheSeconds", String(m)), g && isPositiveNumber(g) && b.searchParams.set("staleCacheSeconds", String(g)), k) {
+    const y = flatten({
+      sort: k
     });
-    for (const S in k)
-      b.searchParams.set(S, JSON.stringify(k[S]));
+    for (const S in y)
+      b.searchParams.set(S, JSON.stringify(y[S]));
   }
   const I = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
   }, v = flatten(I);
-  for (const k in v)
-    b.searchParams.set(k, String(v[k]));
+  for (const y in v)
+    b.searchParams.set(y, String(v[y]));
   if (o && b.searchParams.set("userAttributes", JSON.stringify(o)), r) {
-    const k = flatten({
+    const y = flatten({
       query: r
     });
-    for (const S in k)
-      b.searchParams.set(S, JSON.stringify(k[S]));
+    for (const S in y)
+      b.searchParams.set(S, JSON.stringify(y[S]));
   }
   return b;
 }, checkContentHasResults = (e) => "results" in e;
@@ -3173,7 +3202,7 @@ async function fetchEntries(e) {
 }
 const getAllContent = fetchEntries;
 function isPreviewing() {
-  return !isBrowser() || isEditing() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+  return !isBrowser() || isEditing() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
 function uuidv4() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
@@ -3299,7 +3328,7 @@ async function _track(e) {
     logger.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !isEditing() && !!(isBrowser() || TARGET === "reactNative"))
+  if (e.canTrack && !isEditing() && (isBrowser() || TARGET === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
@@ -3333,7 +3362,7 @@ const findParentElement = (e, t, n = !0) => {
   return null;
 }, findBuilderParent = (e) => findParentElement(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
-  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
+  return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), computeOffset = ({
   event: e,
   target: t
@@ -3364,7 +3393,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 = "0.13.2", registry = {};
+const SDK_VERSION = "0.13.3", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -3414,6 +3443,8 @@ const setupBrowserForEditing = (e = {}) => {
       target: TARGET,
       version: SDK_VERSION,
       supportsPatchUpdates: !1,
+      // Supports builder-model="..." attribute which is needed to
+      // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
     }
@@ -3429,21 +3460,21 @@ const setupBrowserForEditing = (e = {}) => {
     const {
       data: r
     } = o;
-    if (!!(r != null && r.type))
+    if (r != null && r.type)
       switch (r.type) {
         case "builder.evaluate": {
-          const a = r.data.text, l = r.data.arguments || [], c = r.data.id, u = new Function(a);
-          let d, p = null;
+          const a = r.data.text, l = r.data.arguments || [], c = r.data.id, p = new Function(a);
+          let d, u = null;
           try {
-            d = u.apply(null, l);
+            d = p.apply(null, l);
           } catch (f) {
-            p = f;
+            u = f;
           }
-          p ? (s = window.parent) == null || s.postMessage({
+          u ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
               id: c,
-              error: p.message
+              error: u.message
             }
           }, "*") : d && typeof d.then == "function" ? d.then((f) => {
             var m;
@@ -3760,14 +3791,14 @@ const setupBrowserForEditing = (e = {}) => {
       });
     },
     runHttpRequests() {
-      var t, n, o;
-      const e = (o = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) != null ? o : {};
-      Object.entries(e).forEach(([r, s]) => {
-        if (s && (!this.httpReqsData[r] || isEditing())) {
-          const i = this.evalExpression(s);
+      var t, n;
+      const e = ((n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) ?? {};
+      Object.entries(e).forEach(([o, r]) => {
+        if (r && (!this.httpReqsData[o] || isEditing())) {
+          const s = this.evalExpression(r);
           this.handleRequest({
-            url: i,
-            key: r
+            url: s,
+            key: o
           });
         }
       });
@@ -3848,11 +3879,11 @@ function _sfc_render$4(e, t, n, o, r, s) {
       renderSlot(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : createCommentVNode("v-if", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : createCommentVNode("", !0);
 }
-const EnableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/enable-editor.vue"]]), getCssFromFont = (e) => {
-  var s, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (s = e == null ? void 0 : e.files) == null ? void 0 : s.regular;
+const EnableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]), getCssFromFont = (e) => {
+  var s;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((s = e == null ? void 0 : e.files) == null ? void 0 : s.regular);
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -3862,16 +3893,16 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const a in e.files) {
-      if (!(String(Number(a)) === a))
+    for (const i in e.files) {
+      if (!(String(Number(i)) === i))
         continue;
-      const c = e.files[a];
-      c && c !== o && (r += `
+      const l = e.files[i];
+      l && l !== o && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${c}') format('woff2');
+src: url('${l}') format('woff2');
 font-display: fallback;
-font-weight: ${a};
+font-weight: ${i};
 }
         `.trim());
     }
@@ -3886,7 +3917,7 @@ font-weight: ${a};
   contentId: t
 }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", _sfc_main$3 = defineComponent({
   name: "content-styles",
-  components: { InlinedStyles },
+  components: { InlinedStyles: _sfc_main$k },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
@@ -3923,7 +3954,7 @@ function _sfc_render$3(e, t, n, o, r, s) {
   const i = resolveComponent("inlined-styles");
   return openBlock(), createBlock(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/components/styles.vue"]]), getRootStateInitialValue = ({
+const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]), getRootStateInitialValue = ({
   content: e,
   data: t,
   locale: n
@@ -3954,7 +3985,7 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
   name: "content-component",
   components: {
     EnableEditor,
-    InlinedScript,
+    InlinedScript: _sfc_main$5,
     ContentStyles,
     Blocks
   },
@@ -3983,11 +4014,18 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     var e, t;
     return {
       scriptStr: getUpdateVariantVisibilityScript({
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
         ...getDefaultRegisteredComponents(),
+        // While this `components` object is deprecated, we must maintain support for it.
+        // Since users are able to override our default components, we need to make sure that we do not break such
+        // existing usage.
+        // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+        // which is the new standard way of providing custom components, and must therefore take precedence.
         ...components,
         ...this.customComponents || []
       ].reduce(
@@ -4017,6 +4055,11 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
         apiVersion: this.apiVersion,
         componentInfos: [
           ...getDefaultRegisteredComponents(),
+          // While this `components` object is deprecated, we must maintain support for it.
+          // Since users are able to override our default components, we need to make sure that we do not break such
+          // existing usage.
+          // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+          // which is the new standard way of providing custom components, and must therefore take precedence.
           ...components,
           ...this.customComponents || []
         ].reduce(
@@ -4067,20 +4110,20 @@ function _sfc_render$2(e, t, n, o, r, s) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: withCtx(() => {
-      var u, d, p, f, m, g, y;
+      var p, d, u, f, m, g, k;
       return [
         e.isSsrAbTest ? (openBlock(), createBlock(i, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : createCommentVNode("v-if", !0),
+        }, null, 8, ["scriptStr"])) : createCommentVNode("", !0),
         e.TARGET !== "reactNative" ? (openBlock(), createBlock(a, {
           key: 1,
-          contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
-          cssCode: (p = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : p.cssCode,
+          contentId: (p = e.builderContextSignal.content) == null ? void 0 : p.id,
+          cssCode: (u = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
           customFonts: (m = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : m.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : createCommentVNode("v-if", !0),
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : createCommentVNode("", !0),
         createVNode(l, {
-          blocks: (y = (g = e.builderContextSignal.content) == null ? void 0 : g.data) == null ? void 0 : y.blocks,
+          blocks: (k = (g = e.builderContextSignal.content) == null ? void 0 : g.data) == null ? void 0 : k.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4090,11 +4133,11 @@ function _sfc_render$2(e, t, n, o, r, s) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
-const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content/content.vue"]]), _sfc_main$1 = defineComponent({
+const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]), _sfc_main$1 = defineComponent({
   name: "content-variants",
   components: {
-    InlinedScript,
-    InlinedStyles,
+    InlinedScript: _sfc_main$5,
+    InlinedStyles: _sfc_main$k,
     ContentComponent
   },
   props: [
@@ -4164,16 +4207,16 @@ function _sfc_render$1(e, t, n, o, r, s) {
     !e.__isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
       key: 0,
       scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : createCommentVNode("v-if", !0),
+    }, null, 8, ["scriptStr"])) : createCommentVNode("", !0),
     e.shouldRenderVariants ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
       createVNode(a, {
         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, d) => (openBlock(), createBlock(l, {
-        key: u.testVariationId,
-        content: u,
+      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (p, d) => (openBlock(), createBlock(l, {
+        key: p.testVariationId,
+        content: p,
         showContent: !1,
         model: e.model,
         data: e.data,
@@ -4193,7 +4236,7 @@ function _sfc_render$1(e, t, n, o, r, s) {
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
       }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
-    ], 64)) : createCommentVNode("v-if", !0),
+    ], 64)) : createCommentVNode("", !0),
     createVNode(l, mergeProps({
       content: e.defaultContent,
       showContent: !0,
@@ -4219,11 +4262,12 @@ function _sfc_render$1(e, t, n, o, r, s) {
     }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/content-variants/content-variants.vue"]]), fetchSymbolContent = async ({
+const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]), fetchSymbolContent = async ({
   builderContextValue: e,
   symbol: t
 }) => {
-  if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
+  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  (e != null && e.apiKey))
     return fetchOneEntry({
       model: t.model,
       apiKey: e.apiKey,
@@ -4240,7 +4284,6 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
   name: "builder-symbol",
   components: { ContentVariants: Content },
   props: [
-    "js",
     "attributes",
     "symbol",
     "dynamic",
@@ -4271,7 +4314,7 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
         this.attributes[getClassPropName()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
-        ((t = this.symbol) == null ? void 0 : t.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
+        (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
       ].filter(Boolean).join(" ");
     },
     onUpdateHook0() {
@@ -4292,7 +4335,7 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
   }
 });
 function _sfc_render(e, t, n, o, r, s) {
-  var a, l, c, u, d;
+  var a, l, c, p, 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, {
@@ -4307,7 +4350,7 @@ function _sfc_render(e, t, n, o, r, s) {
       data: {
         ...(l = e.symbol) == null ? void 0 : l.data,
         ...e.builderContext.localState,
-        ...(u = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : u.state
+        ...(p = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : p.state
       },
       model: (d = e.symbol) == null ? void 0 : d.model,
       content: e.contentToUse,
@@ -4315,7 +4358,7 @@ function _sfc_render(e, t, n, o, r, s) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])
   ], 16);
 }
-const Symbol$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/blocks/symbol/symbol.vue"]]), RenderBlocks = Blocks, RenderContent = Content, settings = {};
+const Symbol$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]), RenderBlocks = Blocks, RenderContent = Content, settings = {};
 function setEditorSettings(e) {
   if (isBrowser()) {
     Object.assign(settings, e);
@@ -4355,28 +4398,28 @@ export {
   Fragment as F,
   getAllContent as G,
   getContent as H,
-  InlinedStyles as I,
+  Image as I,
   dynamicRenderer as J,
   block as K,
   RenderBlocks as R,
   Section as S,
   TARGET as T,
   Video as V,
-  _export_sfc as _,
+  _sfc_main$k as _,
   getSizesForBreakpoints as a,
   createCssClass as b,
   checkIsDefined as c,
   getMaxWidthQueryForSize as d,
-  evaluate as e,
-  getStyle as f,
+  _export_sfc as e,
+  evaluate as f,
   getProcessedBlock as g,
-  getClassPropName as h,
-  BuilderContext as i,
-  Blocks as j,
-  RenderContent as k,
-  Button as l,
-  Columns as m,
-  Image as n,
+  getStyle as h,
+  getClassPropName as i,
+  BuilderContext as j,
+  Blocks as k,
+  RenderContent as l,
+  Button as m,
+  Columns as n,
   Symbol$1 as o,
   Text as p,
   isEditing as q,