@builder.io/sdk-vue 2.0.1 → 2.0.2

package/lib/node/{index-ZwTY1dOi.js → index-AtsvJZco.js}

@@ -9,8 +9,8 @@ function filterAttrs(e = {}, t, n) {
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
       continue;
-    const s = n ? r.replace(t, "") : r;
-    o[s] = e[r];
+    const i = n ? r.replace(t, "") : r;
+    o[i] = e[r];
   }
   return o;
 }
@@ -26,7 +26,7 @@ const _sfc_main$t = defineComponent({
     n[o] = r;
   return n;
 };
-function _sfc_render$r(e, t, n, o, r, s) {
+function _sfc_render$r(e, t, n, o, r, i) {
   return e.isEmptyElement(e.TagName) ? (openBlock(), createBlock(resolveDynamicComponent(e.TagName), mergeProps({ key: 1 }, e.attributes, toHandlers(e.actionAttributes)), null, 16)) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
     typeof e.TagName == "string" ? (openBlock(), createBlock(resolveDynamicComponent(e.TagName), mergeProps({ key: 0 }, e.attributes, toHandlers(e.actionAttributes)), {
       default: withCtx(() => [
@@ -86,9 +86,9 @@ const DynamicRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sf
     }
   }
 });
-function _sfc_render$q(e, t, n, o, r, s) {
-  const i = resolveComponent("DynamicRenderer");
-  return openBlock(), createBlock(i, {
+function _sfc_render$q(e, t, n, o, r, i) {
+  const s = resolveComponent("DynamicRenderer");
+  return openBlock(), createBlock(s, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
@@ -206,17 +206,17 @@ const getLocation = () => {
   context: n,
   event: o,
   localState: r,
-  rootSetState: s,
-  rootState: i
+  rootSetState: i,
+  rootState: s
 }) => {
   const l = getFunctionArguments({
     builder: t,
     context: n,
     event: o,
     state: flattenState({
-      rootState: i,
+      rootState: s,
       localState: r,
-      rootSetState: s
+      rootSetState: i
     })
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
@@ -230,19 +230,19 @@ function flattenState({
     get: (o, r) => {
       if (t && r in t)
         return t[r];
-      const s = o[r];
-      return typeof s == "object" && s !== null ? flattenState({
-        rootState: s,
+      const i = o[r];
+      return typeof i == "object" && i !== null ? flattenState({
+        rootState: i,
         localState: void 0,
-        rootSetState: n ? (i) => {
-          o[r] = i, n(o);
+        rootSetState: n ? (s) => {
+          o[r] = s, n(o);
         } : void 0
-      }) : s;
+      }) : i;
     },
-    set: (o, r, s) => {
+    set: (o, r, i) => {
       if (t && r in t)
         throw new Error("Writing to local state is not allowed as it is read-only.");
-      return o[r] = s, n == null || n(o), !0;
+      return o[r] = i, n == null || n(o), !0;
     }
   });
 }
@@ -259,7 +259,7 @@ const SDK_NAME_FOR_TARGET = (() => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((r, s, i) => Object(r[s]) === r[s] ? r[s] : r[s] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+  return o.slice(0, -1).reduce((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 }, noop = () => {
 };
 let safeDynamicRequire = noop;
@@ -341,8 +341,8 @@ function setIsolateContext(e = {
   memoryLimit: 128
 }) {
   const t = getIvm(), o = new t.Isolate(e).createContextSync(), r = o.global;
-  return r.setSync("global", r.derefInto()), r.setSync("log", function(...s) {
-    console.log(...s);
+  return r.setSync("global", r.derefInto()), r.setSync("log", function(...i) {
+    console.log(...i);
   }), r.setSync(INJECTED_IVM_GLOBAL, t), IVM_CONTEXT = o, o;
 }
 const getIsolateContext = () => IVM_CONTEXT || setIsolateContext(), runInNode = ({
@@ -351,11 +351,11 @@ const getIsolateContext = () => IVM_CONTEXT || setIsolateContext(), runInNode =
   context: n,
   event: o,
   localState: r,
-  rootSetState: s,
-  rootState: i
+  rootSetState: i,
+  rootState: s
 }) => {
   const l = getIvm(), a = fastClone({
-    ...i,
+    ...s,
     ...r
   }), d = getFunctionArguments({
     builder: t,
@@ -364,7 +364,7 @@ const getIsolateContext = () => IVM_CONTEXT || setIsolateContext(), runInNode =
     state: a
   }), u = getIsolateContext(), c = u.global;
   c.setSync(BUILDER_SET_STATE_NAME, function(m, b) {
-    set(i, m, b), s == null || s(i);
+    set(s, m, b), i == null || i(s);
   }), d.forEach(([m, b]) => {
     const C = typeof b == "object" ? new l.Reference(
       // workaround: methods with default values for arguments is not being cloned over
@@ -421,19 +421,19 @@ function evaluate({
   localState: n,
   rootState: o,
   rootSetState: r,
-  event: s,
-  isExpression: i = !0,
+  event: i,
+  isExpression: s = !0,
   enableCache: l
 }) {
   if (e === "")
     return;
   const a = {
     code: parseCode(e, {
-      isExpression: i
+      isExpression: s
     }),
     builder: getBuilderGlobals(),
     context: t,
-    event: s,
+    event: i,
     rootSetState: r,
     rootState: o,
     localState: n
@@ -469,13 +469,13 @@ const evaluateBindings = ({
 }) => {
   if (!e.bindings)
     return e;
-  const s = fastClone(e), i = {
-    ...s,
+  const i = fastClone(e), s = {
+    ...i,
     properties: {
-      ...s.properties
+      ...i.properties
     },
     actions: {
-      ...s.actions
+      ...i.actions
     }
   };
   for (const l in e.bindings) {
@@ -487,9 +487,9 @@ const evaluateBindings = ({
       context: t,
       enableCache: !0
     });
-    set(i, l, d);
+    set(s, l, d);
   }
-  return i;
+  return s;
 };
 function getProcessedBlock({
   block: e,
@@ -497,28 +497,28 @@ function getProcessedBlock({
   shouldEvaluateBindings: n,
   localState: o,
   rootState: r,
-  rootSetState: s
+  rootSetState: i
 }) {
-  const i = e;
+  const s = e;
   return n ? evaluateBindings({
-    block: i,
+    block: s,
     localState: o,
     rootState: r,
-    rootSetState: s,
+    rootSetState: i,
     context: t
-  }) : i;
+  }) : s;
 }
 const camelToKebabCase = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
 function throttle(e, t, n = {}) {
-  let o, r, s, i = null, l = 0;
+  let o, r, i, s = null, l = 0;
   const a = function() {
-    l = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
+    l = n.leading === !1 ? 0 : Date.now(), s = null, i = e.apply(o, r), s || (o = r = null);
   };
   return function() {
     const d = Date.now();
     !l && n.leading === !1 && (l = d);
     const u = t - (d - l);
-    return o = this, r = arguments, u <= 0 || u > t ? (i && (clearTimeout(i), i = null), l = d, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(a, u)), s;
+    return o = this, r = arguments, u <= 0 || u > t ? (s && (clearTimeout(s), s = null), l = d, i = e.apply(o, r), s || (o = r = null)) : !s && n.trailing !== !1 && (s = setTimeout(a, u)), i;
   };
 }
 function assign(e, ...t) {
@@ -526,8 +526,8 @@ function assign(e, ...t) {
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
     if (r != null)
-      for (const s in r)
-        Object.prototype.hasOwnProperty.call(r, s) && (n[s] = r[s]);
+      for (const i in r)
+        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
   }
   return n;
 }
@@ -546,8 +546,8 @@ function warnElementNotPresent(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function augmentAnimation(e, t) {
-  const n = getAllStylesUsed(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
-  for (const l of i)
+  const n = getAllStylesUsed(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+  for (const l of s)
     for (const a of n)
       a in l || (l[a] = o[a]);
 }
@@ -581,14 +581,14 @@ function bindScrollInViewAnimation(e) {
   Array.from(t).forEach((n) => {
     augmentAnimation(e, n);
     let o = !1, r = !1;
-    function s() {
+    function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
-        assign(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
+        assign(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
           r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !r && !l(n) && (o = !1, assign(n.style, e.steps[0].styles));
     }
-    const i = throttle(s, 200, {
+    const s = throttle(i, 200, {
       leading: !1
     });
     function l(u) {
@@ -601,10 +601,10 @@ function bindScrollInViewAnimation(e) {
     }
     d(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${camelToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
-    }), document.addEventListener("scroll", i, {
+    }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
-    }), s();
+    }), i();
   });
 }
 const convertStyleMapToCSSArray = (e) => Object.entries(e).map(([n, o]) => {
@@ -655,15 +655,15 @@ const getComponent = ({
   context: t,
   registeredComponents: n
 }) => {
-  var s;
-  const o = (s = getProcessedBlock({
+  var i;
+  const o = (i = getProcessedBlock({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
     rootSetState: t.rootSetState,
     context: t.context,
     shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : s.name;
+  }).component) == null ? void 0 : i.name;
   if (!o)
     return null;
   const r = n[o];
@@ -692,7 +692,7 @@ const getComponent = ({
   });
   if (!Array.isArray(r))
     return;
-  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
+  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
   return r.map((a, d) => ({
     context: {
       ...t,
@@ -700,8 +700,8 @@ const getComponent = ({
         ...t.localState,
         $index: d,
         $item: a,
-        [i]: a,
-        [`$${i}Index`]: d
+        [s]: a,
+        [`$${s}Index`]: d
       }
     },
     block: o
@@ -731,22 +731,22 @@ const getComponent = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), BlockStyles = () => import("./block-styles-akqgR8wB.js").then((e) => e.default).catch((e) => {
+}), BlockStyles = () => import("./block-styles-Tyg1fV88.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-xIeM4taN.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper-iBhEa5rI.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-SSAGqUU1.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref-FN9Rzqu_.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-hqi2-jn4.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block-ztDvgKZz.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -835,11 +835,11 @@ const getComponent = ({
     }
   }
 });
-function _sfc_render$p(e, t, n, o, r, s) {
+function _sfc_render$p(e, t, n, o, r, i) {
   var c;
-  const i = resolveComponent("BlockStyles"), l = resolveComponent("ComponentRef"), a = resolveComponent("Block", !0), d = resolveComponent("BlockWrapper"), u = resolveComponent("RepeatedBlock");
+  const s = resolveComponent("BlockStyles"), l = resolveComponent("ComponentRef"), a = resolveComponent("Block", !0), d = resolveComponent("BlockWrapper"), u = resolveComponent("RepeatedBlock");
   return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-    createVNode(i, {
+    createVNode(s, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
@@ -940,15 +940,15 @@ const Block = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$p
     }
   }
 });
-function _sfc_render$o(e, t, n, o, r, s) {
+function _sfc_render$o(e, t, n, o, r, i) {
   return openBlock(), createBlock(resolveDynamicComponent(e.BlocksWrapper), mergeProps({
     class: e.className + " component-178o76acnws",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: (i) => e.onClick(),
-    onMouseEnter: (i) => e.onMouseEnter(),
-    onKeyPress: (i) => e.onClick()
+    onClick: (s) => e.onClick(),
+    onMouseEnter: (s) => e.onMouseEnter(),
+    onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
     default: withCtx(() => [
       renderSlot(e.$slots, "default", {}, void 0, !0)
@@ -973,9 +973,9 @@ const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_
     componentsContext: ComponentsContext.key
   }
 });
-function _sfc_render$n(e, t, n, o, r, s) {
+function _sfc_render$n(e, t, n, o, r, i) {
   var a, d;
-  const i = resolveComponent("Block"), l = resolveComponent("BlocksWrapper");
+  const s = resolveComponent("Block"), l = resolveComponent("BlocksWrapper");
   return openBlock(), createBlock(l, {
     blocks: e.blocks,
     parent: e.parent,
@@ -985,7 +985,7 @@ function _sfc_render$n(e, t, n, o, r, s) {
     BlocksWrapperProps: ((d = e.context) == null ? void 0 : d.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, c) => (openBlock(), createBlock(s, {
         key: u.id,
         block: u,
         linkComponent: e.linkComponent,
@@ -1000,7 +1000,7 @@ const Blocks = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$
   name: "dynamic-div",
   props: []
 });
-function _sfc_render$m(e, t, n, o, r, s) {
+function _sfc_render$m(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("div", null, [
     renderSlot(e.$slots, "default")
   ]);
@@ -1053,12 +1053,12 @@ const DynamicDiv = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_ren
     min: r,
     default: r + 1
   };
-  const s = n.medium.max + 1;
+  const i = n.medium.max + 1;
   return n.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: s,
-    default: s + 1
+    min: i,
+    default: i + 1
   }, n;
 }, getColumnsClass = (e) => `builder-columns ${e}-breakpoints`, _sfc_main$m = defineComponent({
   name: "builder-columns",
@@ -1122,7 +1122,7 @@ const DynamicDiv = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_ren
       };
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
       return {
         ...{
           display: "flex",
@@ -1136,7 +1136,7 @@ const DynamicDiv = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_ren
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -1144,7 +1144,7 @@ const DynamicDiv = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_ren
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: s,
+          stackedStyle: i,
           desktopStyle: o
         })
       };
@@ -1193,14 +1193,14 @@ const DynamicDiv = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_ren
     }
   }
 });
-function _sfc_render$l(e, t, n, o, r, s) {
+function _sfc_render$l(e, t, n, o, r, i) {
   var d;
-  const i = resolveComponent("InlinedStyles"), l = resolveComponent("Blocks"), a = resolveComponent("DynamicRenderer");
+  const s = resolveComponent("InlinedStyles"), l = resolveComponent("Blocks"), a = resolveComponent("DynamicRenderer");
   return openBlock(), createElementBlock("div", mergeProps({
     class: e.getColumnsClass((d = e.builderBlock) == null ? void 0 : d.id) + " div-2brhoa1k8gd",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
+    e.TARGET !== "reactNative" ? (openBlock(), createBlock(s, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles(),
@@ -1233,7 +1233,7 @@ const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render
   name: "builder-fragment-component",
   props: []
 });
-function _sfc_render$k(e, t, n, o, r, s) {
+function _sfc_render$k(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("span", null, [
     renderSlot(e.$slots, "default")
   ]);
@@ -1253,8 +1253,8 @@ function getShopifyImageUrl(e, t) {
     return removeProtocol(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
-    return removeProtocol(`${o[0]}_${s}${r}`);
+    const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
+    return removeProtocol(`${o[0]}_${i}${r}`);
   }
   return null;
 }
@@ -1294,12 +1294,14 @@ const _sfc_main$k = defineComponent({
       // 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 && 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)
+      if (!this.noWebp) {
+        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)
+          return getSrcSet(t);
         return getSrcSet(t);
-      return getSrcSet(t);
+      }
     },
     webpSrcSet() {
       var e;
@@ -1320,8 +1322,8 @@ const _sfc_main$k = defineComponent({
   key: 2,
   class: "div-1pl23ac79ld-2"
 };
-function _sfc_render$j(e, t, n, o, r, s) {
-  var i, l, a, d, u, c;
+function _sfc_render$j(e, t, n, o, r, i) {
+  var s, l, a, d, u, c;
   return openBlock(), createElementBlock(Fragment$1, null, [
     createElementVNode("picture", null, [
       e.webpSrcSet ? (openBlock(), createElementBlock("source", {
@@ -1347,7 +1349,7 @@ function _sfc_render$j(e, t, n, o, r, s) {
         sizes: e.sizes
       }, null, 14, _hoisted_2$4)
     ]),
-    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (openBlock(), createElementBlock("div", {
+    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "builder-image-sizer div-1pl23ac79ld",
       style: normalizeStyle({
@@ -1360,14 +1362,14 @@ function _sfc_render$j(e, t, n, o, r, s) {
     ])) : createCommentVNode("", !0)
   ], 64);
 }
-const Image = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j], ["__scopeId", "data-v-0d528855"]]), _sfc_main$j = defineComponent({
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j], ["__scopeId", "data-v-ce62b8d6"]]), _sfc_main$j = defineComponent({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs };
   }
 });
-function _sfc_render$i(e, t, n, o, r, s) {
+function _sfc_render$i(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("section", mergeProps({
     style: {
       width: "100%",
@@ -1406,8 +1408,8 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render
   value: t,
   expires: n
 }) => {
-  const r = (isBrowser() ? location.protocol === "https:" : !0) ? SECURE_CONFIG : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...r];
-  return stringifyCookie(i);
+  const r = (isBrowser() ? location.protocol === "https:" : !0) ? SECURE_CONFIG : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", getTopLevelDomain(window.location.hostname)], ...r];
+  return stringifyCookie(s);
 }, setCookie = async ({
   name: e,
   value: t,
@@ -1450,10 +1452,10 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render
   var r;
   let n = 0;
   const o = Math.random();
-  for (const s in t) {
-    const i = (r = t[s]) == null ? void 0 : r.testRatio;
-    if (n += i, o < n)
-      return s;
+  for (const i in t) {
+    const s = (r = t[i]) == null ? void 0 : r.testRatio;
+    if (n += s, o < n)
+      return i;
   }
   return e;
 }, getAndSetVariantId = (e) => {
@@ -1697,18 +1699,18 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render
           `.builder-accordion-title[data-index="${n}"]`
         );
         if (e = n, r) {
-          let s = r.getBoundingClientRect();
+          let i = r.getBoundingClientRect();
           for (; r = r && r.nextElementSibling; )
             if (r) {
               if (r.classList.contains("builder-accordion-detail"))
                 continue;
-              const i = r.getBoundingClientRect();
-              if (i.left > s.left) {
+              const s = r.getBoundingClientRect();
+              if (s.left > i.left) {
                 const l = parseInt(
                   r.getAttribute("data-index") || "",
                   10
                 );
-                isNaN(l) || (s = i, e = l);
+                isNaN(l) || (i = s, e = l);
               } else
                 break;
             }
@@ -1740,8 +1742,8 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render
     }
   }
 }), _hoisted_1$a = ["data-index", "onClick"];
-function _sfc_render$h(e, t, n, o, r, s) {
-  const i = resolveComponent("Blocks");
+function _sfc_render$h(e, t, n, o, r, i) {
+  const s = resolveComponent("Blocks");
   return openBlock(), createElementBlock("div", {
     class: "builder-accordion",
     style: normalizeStyle(e.accordionStyles)
@@ -1757,7 +1759,7 @@ function _sfc_render$h(e, t, n, o, r, s) {
         "data-index": a,
         onClick: (d) => e.onClick(a)
       }, [
-        createVNode(i, {
+        createVNode(s, {
           blocks: l.title,
           path: `items.${a}.title`,
           parent: e.builderBlock.id,
@@ -1771,7 +1773,7 @@ function _sfc_render$h(e, t, n, o, r, s) {
         class: normalizeClass(e.getAccordionDetailClassName(a)),
         style: normalizeStyle(e.accordionDetailStyles)
       }, [
-        createVNode(i, {
+        createVNode(s, {
           blocks: l.detail,
           path: `items.${a}.detail`,
           parent: e.builderBlock.id,
@@ -1998,7 +2000,7 @@ const Accordion = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_rend
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((i) => !i.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -2052,7 +2054,7 @@ const Accordion = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_rend
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, l = 6e4) {
+      function n(s, l = 6e4) {
         return new Promise((a, d) => {
           const u = document.createElement("img");
           let c = !1;
@@ -2060,21 +2062,21 @@ const Accordion = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_rend
             c = !0, a(u);
           }, u.addEventListener("error", (p) => {
             console.warn("Image load failed", p.error), d(p.error);
-          }), u.src = i, setTimeout(() => {
+          }), u.src = s, setTimeout(() => {
             c || d(new Error("Image load timed out"));
           }, l);
         });
       }
-      function o(i) {
-        return Math.round(i * 1e3) / 1e3;
+      function o(s) {
+        return Math.round(s * 1e3) / 1e3;
       }
-      const r = e.get("image"), s = e.get("aspectRatio");
-      if (fetch(r).then((i) => i.blob()).then((i) => {
-        i.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!s || s === 0.7041))
-        return n(r).then((i) => {
+      const r = e.get("image"), i = e.get("aspectRatio");
+      if (fetch(r).then((s) => s.blob()).then((s) => {
+        s.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!i || i === 0.7041))
+        return n(r).then((s) => {
           const l = e.get("aspectRatio");
-          e.get("image") === r && (!l || l === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+          e.get("image") === r && (!l || l === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
         });
     }
   }, {
@@ -2200,9 +2202,9 @@ const Accordion = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_rend
   components: { Blocks },
   props: ["builderContext", "name"]
 });
-function _sfc_render$g(e, t, n, o, r, s) {
+function _sfc_render$g(e, t, n, o, r, i) {
   var l, a, d;
-  const i = resolveComponent("Blocks");
+  const s = resolveComponent("Blocks");
   return openBlock(), createElementBlock("div", mergeProps(
     { style: {
       pointerEvents: "auto"
@@ -2211,7 +2213,7 @@ function _sfc_render$g(e, t, n, o, r, s) {
       "builder-slot": e.name
     }
   ), [
-    createVNode(i, {
+    createVNode(s, {
       parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
@@ -2425,8 +2427,8 @@ const Slot = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g]
     }
   }
 }), _hoisted_1$9 = ["onClick"], _hoisted_2$3 = { key: 0 };
-function _sfc_render$f(e, t, n, o, r, s) {
-  const i = resolveComponent("Blocks");
+function _sfc_render$f(e, t, n, o, r, i) {
+  const s = resolveComponent("Blocks");
   return openBlock(), createElementBlock("div", null, [
     createElementVNode("div", {
       class: "builder-tabs-wrap",
@@ -2445,7 +2447,7 @@ function _sfc_render$f(e, t, n, o, r, s) {
         }),
         onClick: (d) => e.onClick(a)
       }, [
-        createVNode(i, {
+        createVNode(s, {
           parent: e.builderBlock.id,
           path: `component.options.tabs.${a}.label`,
           blocks: l.label,
@@ -2456,7 +2458,7 @@ function _sfc_render$f(e, t, n, o, r, s) {
       ], 14, _hoisted_1$9))), 128))
     ], 4),
     e.activeTabContent(e.activeTab) ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-      createVNode(i, {
+      createVNode(s, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
@@ -2492,11 +2494,11 @@ const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]
   name: "builder-text",
   props: ["text"]
 }), _hoisted_1$8 = ["innerHTML"];
-function _sfc_render$e(e, t, n, o, r, s) {
-  var i;
+function _sfc_render$e(e, t, n, o, r, i) {
+  var s;
   return openBlock(), createElementBlock("div", {
     class: "builder-text",
-    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
+    innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
     style: {
       outline: "none"
     }
@@ -2559,7 +2561,7 @@ const Text = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e]
     }
   }
 }), _hoisted_1$7 = ["innerHTML"];
-function _sfc_render$d(e, t, n, o, r, s) {
+function _sfc_render$d(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("div", {
     ref: "elementRef",
     class: normalizeClass("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
@@ -2624,7 +2626,7 @@ const customCode = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_ren
     }
   }
 }), _hoisted_1$6 = ["innerHTML"];
-function _sfc_render$c(e, t, n, o, r, s) {
+function _sfc_render$c(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("div", {
     class: "builder-embed",
     ref: "elem",
@@ -2872,7 +2874,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c
   const e = process.env.NODE_ENV || "production";
   return validEnvList.includes(e) ? e : "production";
 }, get = (e, t, n) => {
-  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, s) => r != null ? r[s] : r, e);
+  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, i) => r != null ? r[i] : r, e);
   return o === void 0 || o === e ? n : o;
 }, _sfc_main$c = defineComponent({
   name: "builder-form-component",
@@ -2932,8 +2934,8 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c
         }
         e.preventDefault();
         const o = e.currentTarget || e.target, r = this.customHeaders || {};
-        let s;
-        const i = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).map((c) => {
+        let i;
+        const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).map((c) => {
           let p;
           const f = c.name;
           if (c instanceof HTMLInputElement)
@@ -2961,17 +2963,17 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c
         if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: c }) => {
           (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (a = "multipart/form-data");
         }), a !== "application/json")
-          s = i;
+          i = s;
         else {
           const c = {};
           Array.from(l).forEach(({ value: p, key: f }) => {
             set(c, f, p);
-          }), s = JSON.stringify(c);
+          }), i = JSON.stringify(c);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
         const d = new CustomEvent("presubmit", {
           detail: {
-            body: s
+            body: i
           }
         });
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(d), d.defaultPrevented))
@@ -2983,7 +2985,7 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c
         fetch(
           this.sendSubmissionsTo === "email" ? u : this.action,
           {
-            body: s,
+            body: i,
             headers: r,
             method: this.method || "post"
           }
@@ -3037,9 +3039,9 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c
   key: 3,
   class: "builder-form-error-text pre-3i4ezorcfhi"
 };
-function _sfc_render$b(e, t, n, o, r, s) {
+function _sfc_render$b(e, t, n, o, r, i) {
   var a;
-  const i = resolveComponent("Block"), l = resolveComponent("Blocks");
+  const s = resolveComponent("Block"), l = resolveComponent("Blocks");
   return openBlock(), createElementBlock("form", mergeProps({
     validate: e.validate,
     ref: "formRef",
@@ -3048,7 +3050,7 @@ function _sfc_render$b(e, t, n, o, r, s) {
     name: e.name,
     onSubmit: t[0] || (t[0] = (d) => e.onSubmit(d))
   }, { ...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((a = e.builderBlock) == null ? void 0 : a.children, (d, u) => (openBlock(), createBlock(i, {
+    e.builderBlock && e.builderBlock.children ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList((a = e.builderBlock) == null ? void 0 : a.children, (d, u) => (openBlock(), createBlock(s, {
       key: `form-block-${e.idx}`,
       block: d,
       context: e.builderContext,
@@ -3142,7 +3144,7 @@ const Form = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b]
     return { isEditing, filterAttrs };
   }
 }), _hoisted_1$4 = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function _sfc_render$a(e, t, n, o, r, s) {
+function _sfc_render$a(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("input", mergeProps({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -3202,7 +3204,7 @@ const FormInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_rend
     return { isEditing, filterAttrs };
   }
 }), _hoisted_1$3 = ["value", "defaultValue", "name", "required"], _hoisted_2$1 = ["value"];
-function _sfc_render$9(e, t, n, o, r, s) {
+function _sfc_render$9(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("select", mergeProps({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
@@ -3210,10 +3212,10 @@ function _sfc_render$9(e, t, n, o, r, s) {
     name: e.name,
     required: e.required
   }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.options, (i, l) => (openBlock(), createElementBlock("option", {
-      key: `${i.name}-${l}`,
-      value: i.value
-    }, toDisplayString(i.name || i.value), 9, _hoisted_2$1))), 128))
+    (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.options, (s, l) => (openBlock(), createElementBlock("option", {
+      key: `${s.name}-${l}`,
+      value: s.value
+    }, toDisplayString(s.name || s.value), 9, _hoisted_2$1))), 128))
   ], 16, _hoisted_1$3);
 }
 const FormSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]), componentInfo$3 = {
@@ -3248,7 +3250,7 @@ const FormSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_ren
     return { filterAttrs };
   }
 });
-function _sfc_render$8(e, t, n, o, r, s) {
+function _sfc_render$8(e, t, n, o, r, i) {
   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$9, [["render", _sfc_render$8]]), componentInfo$2 = {
@@ -3301,7 +3303,7 @@ const FormSubmitButton = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _s
     return { filterAttrs };
   }
 }), _hoisted_1$2 = ["placeholder", "name", "value", "defaultValue", "required"];
-function _sfc_render$7(e, t, n, o, r, s) {
+function _sfc_render$7(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("textarea", mergeProps({
     placeholder: e.placeholder,
     name: e.name,
@@ -3338,7 +3340,7 @@ const Textarea = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_rende
     return { isEditing, filterAttrs };
   }
 }), _hoisted_1$1 = ["alt", "src"];
-function _sfc_render$6(e, t, n, o, r, s) {
+function _sfc_render$6(e, t, n, o, r, i) {
   return openBlock(), createElementBlock("img", mergeProps({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -3501,8 +3503,8 @@ const Img = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]
     height: "100%"
   }
 };
-function _sfc_render$5(e, t, n, o, r, s) {
-  var i, l, a, d, u, c, p;
+function _sfc_render$5(e, t, n, o, r, i) {
+  var s, l, a, d, u, c, p;
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("video", mergeProps({
       class: "builder-video",
@@ -3510,7 +3512,7 @@ function _sfc_render$5(e, t, n, o, r, s) {
       style: {
         width: "100%",
         height: "100%",
-        ...(i = e.attributes) == null ? void 0 : i.style,
+        ...(s = e.attributes) == null ? void 0 : s.style,
         objectFit: e.fit,
         objectPosition: e.position,
         // Hack to get object fit to work as expected and
@@ -3615,9 +3617,9 @@ const Video = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5
   ...t
 }) => ({
   ...fastClone(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
     ...o,
-    [r]: serializeValue(s)
+    [r]: serializeValue(i)
   }), {}))
 }), UPDATE_COOKIES_AND_STYLES_SCRIPT = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
@@ -3751,20 +3753,20 @@ function getFetch() {
 const fetch$1 = getFetch();
 function flatten(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
-    const s = e[r], i = [t, r].filter(Boolean).join(n);
-    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
+    const i = e[r], s = [t, r].filter(Boolean).join(n);
+    return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
       ...o,
-      ...flatten(s, i, n)
+      ...flatten(i, s, n)
     } : {
       ...o,
-      [i]: s
+      [s]: i
     };
   }, {});
 }
 function flattenMongoQuery(e, t, n = {}) {
   for (const o in e) {
-    const r = e[o], s = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? flattenMongoQuery(r, s, n) : n[s] = r;
+    const r = e[o], i = t ? t + "." + o : o;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? flattenMongoQuery(r, i, n) : n[i] = r;
   }
   return n;
 }
@@ -3789,8 +3791,8 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     userAttributes: n,
     query: o,
     model: r,
-    apiKey: s,
-    enrich: i,
+    apiKey: i,
+    enrich: s,
     locale: l,
     apiVersion: a = DEFAULT_API_VERSION,
     fields: d,
@@ -3801,12 +3803,12 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     sort: m,
     includeUnpublished: b
   } = e;
-  if (!s)
+  if (!i)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
   const C = t !== 1, g = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
-  if (g.searchParams.set("apiKey", s), g.searchParams.set("limit", String(t)), g.searchParams.set("noTraverse", String(C)), g.searchParams.set("includeRefs", String(!0)), l && g.searchParams.set("locale", l), 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) {
+  if (g.searchParams.set("apiKey", i), g.searchParams.set("limit", String(t)), g.searchParams.set("noTraverse", String(C)), g.searchParams.set("includeRefs", String(!0)), l && g.searchParams.set("locale", l), s && g.searchParams.set("enrich", String(s)), 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 k = flatten({
       sort: m
     });
@@ -3844,9 +3846,9 @@ const _fetchContent = async (e) => {
     return t.results;
   try {
     const r = [];
-    for (const s of t.results)
+    for (const i of t.results)
       r.push(await handleABTesting({
-        item: s,
+        item: i,
         canTrack: o
       }));
     t.results = r;
@@ -4034,10 +4036,10 @@ const findParentElement = (e, t, n = !0) => {
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = round(o / n.width), i = round(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = round(o / n.width), s = round(r / n.height);
   return {
-    x: s,
-    y: i
+    x: i,
+    y: s
   };
 }, getInteractionPropertiesForEvent = (e) => {
   const t = e.target, n = t && findBuilderParent(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
@@ -4062,7 +4064,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 = "2.0.1", registry = {};
+const SDK_VERSION = "2.0.2", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -4123,7 +4125,7 @@ const setupBrowserForEditing = (e = {}) => {
       options: e
     }
   }, "*"), window.addEventListener("message", (o) => {
-    var s, i;
+    var i, s;
     if (!isFromTrustedHost(e.trustedHosts, o))
       return;
     const {
@@ -4139,7 +4141,7 @@ const setupBrowserForEditing = (e = {}) => {
           } catch (f) {
             p = f;
           }
-          p ? (s = window.parent) == null || s.postMessage({
+          p ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
               id: d,
@@ -4154,7 +4156,7 @@ const setupBrowserForEditing = (e = {}) => {
                 result: f
               }
             }, "*");
-          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: c,
@@ -4186,8 +4188,8 @@ const setupBrowserForEditing = (e = {}) => {
         break;
       }
       case "builder.contentUpdate": {
-        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, l = s.data;
-        i === e && n.contentUpdate(l);
+        const i = r.data, s = i.key || i.alias || i.entry || i.modelName, l = i.data;
+        s === e && n.contentUpdate(l);
         break;
       }
     }
@@ -4211,8 +4213,8 @@ const setupBrowserForEditing = (e = {}) => {
     window.removeEventListener("message", o);
   };
 }, 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);
+  var i;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -4222,16 +4224,16 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const i in e.files) {
-      if (!(String(Number(i)) === i))
+    for (const s in e.files) {
+      if (!(String(Number(s)) === s))
         continue;
-      const a = e.files[i];
+      const a = e.files[s];
       a && a !== o && (r += `
 @font-face {
 font-family: "${t}";
 src: url('${a}') format('woff2');
 font-display: fallback;
-font-weight: ${i};
+font-weight: ${s};
 }
         `.trim());
     }
@@ -4302,13 +4304,13 @@ font-weight: ${i};
         if (isEditing() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && getDefaultCanTrack(this.canTrack)) {
-          const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
+          const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
           _track({
             type: "impression",
             canTrack: !0,
-            contentId: i,
+            contentId: s,
             apiKey: l,
-            variationId: s !== i ? s : void 0
+            variationId: i !== s ? i : void 0
           });
         }
         isPreviewing() && !isEditing() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
@@ -4417,7 +4419,7 @@ font-weight: ${i};
       this.builderContextSignal.rootSetState ? (o = (n = this.builderContextSignal).rootSetState) == null || o.call(n, t) : this.builderContextSignal.rootState = t;
     },
     mergeNewContent(e) {
-      var n, o, r, s, i;
+      var n, o, r, i, s;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -4428,7 +4430,7 @@ font-weight: ${i};
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
+          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((s = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : s.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
@@ -4494,9 +4496,9 @@ font-weight: ${i};
         if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !isEditing())
           return;
         this.httpReqsPending[o] = !0;
-        const s = r.replace(
+        const i = r.replace(
           /{{([^}]+)}}/g,
-          (i, l) => String(
+          (s, l) => String(
             evaluate({
               code: l,
               context: this.context || {},
@@ -4507,12 +4509,12 @@ font-weight: ${i};
             })
           )
         );
-        fetch$1(s).then((i) => i.json()).then((i) => {
+        fetch$1(i).then((s) => s.json()).then((s) => {
           this.mergeNewRootState({
-            [o]: i
+            [o]: s
           }), this.httpReqsData[o] = !0;
-        }).catch((i) => {
-          console.error("error fetching dynamic data", r, i);
+        }).catch((s) => {
+          console.error("error fetching dynamic data", r, s);
         }).finally(() => {
           this.httpReqsPending[o] = !1;
         });
@@ -4563,19 +4565,19 @@ font-weight: ${i};
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((s) => {
-        s && this.mergeNewContent(s);
+      }).then((i) => {
+        i && this.mergeNewContent(i);
       });
     }
   }
 });
-function _sfc_render$4(e, t, n, o, r, s) {
-  var i, l, a;
+function _sfc_render$4(e, t, n, o, r, i) {
+  var s, l, a;
   return e.builderContextSignal.content ? (openBlock(), createBlock(resolveDynamicComponent(e.ContentWrapper), mergeProps({
     key: 0,
     ref: "elementRef",
     onClick: (d) => e.onClick(d),
-    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
+    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
     "builder-model": e.model,
     class: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
     onIniteditingbldr: (d) => e.elementRef_onIniteditingbldr(d),
@@ -4606,9 +4608,9 @@ ${getDefaultStyles(this.isNestedRender)}
     };
   }
 });
-function _sfc_render$3(e, t, n, o, r, s) {
-  const i = resolveComponent("InlinedStyles");
-  return openBlock(), createBlock(i, {
+function _sfc_render$3(e, t, n, o, r, i) {
+  const s = resolveComponent("InlinedStyles");
+  return openBlock(), createBlock(s, {
     id: "builderio-content",
     styles: e.injectedStyles,
     nonce: e.nonce
@@ -4619,9 +4621,9 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
   data: t,
   locale: n
 }) => {
-  var s, i, l;
-  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
-  return (l = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || l.forEach((a) => {
+  var i, s, l;
+  const o = {}, r = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.state) || {};
+  return (l = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || l.forEach((a) => {
     a.name && a.defaultValue !== void 0 && (o[a.name] = a.defaultValue);
   }), {
     ...o,
@@ -4653,6 +4655,7 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
   props: [
     "content",
     "customComponents",
+    "model",
     "data",
     "locale",
     "context",
@@ -4662,7 +4665,6 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     "blocksWrapper",
     "blocksWrapperProps",
     "nonce",
-    "model",
     "enrich",
     "showContent",
     "contentWrapper",
@@ -4673,7 +4675,7 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     "linkComponent"
   ],
   data() {
-    var e, t;
+    var e, t, n, o;
     return {
       scriptStr: getUpdateVariantVisibilityScript({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -4683,13 +4685,13 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
       }),
       registeredComponents: [
         ...getDefaultRegisteredComponents(),
-        ...this.customComponents || []
+        ...((n = this.customComponents) == null ? void 0 : n.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
       ].reduce(
-        (n, { component: o, ...r }) => ({
-          ...n,
-          [r.name]: {
-            component: wrapComponentRef(o),
-            ...serializeComponentInfo(r)
+        (r, { component: i, ...s }) => ({
+          ...r,
+          [s.name]: {
+            component: wrapComponentRef(i),
+            ...serializeComponentInfo(s)
           }
         }),
         {}
@@ -4712,11 +4714,11 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
         apiVersion: this.apiVersion,
         componentInfos: [
           ...getDefaultRegisteredComponents(),
-          ...this.customComponents || []
+          ...((o = this.customComponents) == null ? void 0 : o.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
         ].reduce(
-          (n, { component: o, ...r }) => ({
-            ...n,
-            [r.name]: serializeComponentInfo(r)
+          (r, { component: i, ...s }) => ({
+            ...r,
+            [s.name]: serializeComponentInfo(s)
           }),
           {}
         ),
@@ -4742,8 +4744,8 @@ const ContentStyles = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_
     }
   }
 });
-function _sfc_render$2(e, t, n, o, r, s) {
-  const i = resolveComponent("InlinedScript"), l = resolveComponent("ContentStyles"), a = resolveComponent("Blocks"), d = resolveComponent("EnableEditor");
+function _sfc_render$2(e, t, n, o, r, i) {
+  const s = resolveComponent("InlinedScript"), l = resolveComponent("ContentStyles"), a = resolveComponent("Blocks"), d = resolveComponent("EnableEditor");
   return openBlock(), createBlock(d, mergeProps({
     nonce: e.nonce,
     content: e.content,
@@ -4763,7 +4765,7 @@ function _sfc_render$2(e, t, n, o, r, s) {
     default: withCtx(() => {
       var u, c, p, f, m, b, C;
       return [
-        e.isSsrAbTest ? (openBlock(), createBlock(i, {
+        e.isSsrAbTest ? (openBlock(), createBlock(s, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr,
@@ -4828,8 +4830,6 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
   },
   mounted() {
   },
-  updated() {
-  },
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
@@ -4856,10 +4856,10 @@ const ContentComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _s
     }
   }
 });
-function _sfc_render$1(e, t, n, o, r, s) {
-  const i = resolveComponent("InlinedScript"), l = resolveComponent("InlinedStyles"), a = resolveComponent("ContentComponent");
+function _sfc_render$1(e, t, n, o, r, i) {
+  const s = resolveComponent("InlinedScript"), l = resolveComponent("InlinedStyles"), a = resolveComponent("ContentComponent");
   return openBlock(), createElementBlock(Fragment$1, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(i, {
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (openBlock(), createBlock(s, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString(),
@@ -4871,7 +4871,7 @@ function _sfc_render$1(e, t, n, o, r, s) {
         styles: e.hideVariantsStyleString,
         nonce: e.nonce || ""
       }, null, 8, ["styles", "nonce"]),
-      createVNode(i, {
+      createVNode(s, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
@@ -5004,11 +5004,11 @@ const ContentVariants = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sf
     }
   }
 });
-function _sfc_render(e, t, n, o, r, s) {
+function _sfc_render(e, t, n, o, r, i) {
   var l, a, d, u, c;
-  const i = resolveComponent("ContentVariants");
+  const s = resolveComponent("ContentVariants");
   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, {
+    createVNode(s, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -5044,7 +5044,7 @@ function setEditorSettings(e) {
   }
 }
 const fetchBuilderProps = async (e) => {
-  var o, r, s;
+  var o, r, i;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -5055,7 +5055,7 @@ const fetchBuilderProps = async (e) => {
         urlPath: t
       } : {}
     },
-    options: getBuilderSearchParams(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+    options: getBuilderSearchParams(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,