@builder.io/sdk-vue 2.0.1 → 2.0.3

package/lib/browser/{index-zc0i09p9.js → index-ToBML8l-.js}

@@ -1,8 +1,8 @@
 var pt = Object.defineProperty;
 var mt = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var oe = (e, t, n) => (mt(e, typeof t != "symbol" ? t + "" : t, n), n);
+var ne = (e, t, n) => (mt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as d, createElementBlock as p, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as W, renderSlot as E, resolveComponent as g, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as H, createVNode as $, renderList as N, createCommentVNode as v, h as xe, createElementVNode as z, normalizeStyle as L, normalizeClass as J, markRaw as ft } from "vue";
+import { defineComponent as f, openBlock as d, createElementBlock as p, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as W, renderSlot as E, resolveComponent as g, createTextVNode as ht, toDisplayString as te, defineAsyncComponent as H, createVNode as $, renderList as N, createCommentVNode as v, h as xe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
 const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), gt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
 function x(e = {}, t, n) {
   const o = {};
@@ -41,10 +41,10 @@ function kt(e, t, n, o, r, i) {
     }, 16))
   ], 64));
 }
-const me = /* @__PURE__ */ b(yt, [["render", kt]]), Pi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pe = /* @__PURE__ */ b(yt, [["render", kt]]), Bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: me
-}, Symbol.toStringTag, { value: "Module" })), A = "vue", ee = () => {
+  default: pe
+}, Symbol.toStringTag, { value: "Module" })), A = "vue", _ = () => {
   switch (A) {
     case "react":
     case "reactNative":
@@ -59,7 +59,7 @@ const me = /* @__PURE__ */ b(yt, [["render", kt]]), Pi = /* @__PURE__ */ Object.
   }
 }, vt = f({
   name: "builder-button",
-  components: { DynamicRenderer: me },
+  components: { DynamicRenderer: pe },
   props: [
     "attributes",
     "link",
@@ -74,7 +74,7 @@ const me = /* @__PURE__ */ b(yt, [["render", kt]]), Pi = /* @__PURE__ */ Object.
     attrs() {
       return {
         ...x(this.attributes, "v-on:", !1),
-        [ee()]: `${this.link ? "" : "builder-button"} ${this.attributes[ee()] || ""}`,
+        [_()]: `${this.link ? "" : "builder-button"} ${this.attributes[_()] || ""}`,
         ...this.link ? {
           href: this.link,
           target: this.openLinkInNewTab ? "_blank" : void 0,
@@ -94,12 +94,12 @@ function St(e, t, n, o, r, i) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: W(() => [
-      ht(ne(e.text), 1)
+      ht(te(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), ce = {
+const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), le = {
   Builder: {
     content: null,
     context: {},
@@ -127,11 +127,11 @@ function It(e) {
     ...e.options
   };
 }
-const Z = "[Builder.io]: ", B = {
-  log: (...e) => console.log(Z, ...e),
-  error: (...e) => console.error(Z, ...e),
-  warn: (...e) => console.warn(Z, ...e),
-  debug: (...e) => console.debug(Z, ...e)
+const X = "[Builder.io]: ", B = {
+  log: (...e) => console.log(X, ...e),
+  error: (...e) => console.error(X, ...e),
+  warn: (...e) => console.warn(X, ...e),
+  debug: (...e) => console.debug(X, ...e)
 };
 function T() {
   return typeof window < "u" && typeof document < "u";
@@ -246,10 +246,10 @@ function Fe({
     }
   });
 }
-const D = (e) => e != null;
+const L = (e) => e != null;
 function Vt() {
   var e;
-  return typeof process < "u" && D((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+  return typeof process < "u" && L((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
 const Wt = () => {
   var o;
@@ -275,9 +275,9 @@ const Wt = () => {
     });
   }
 };
-oe(V, "cacheLimit", 20), oe(V, "cache", /* @__PURE__ */ new Map());
+ne(V, "cacheLimit", 20), ne(V, "cache", /* @__PURE__ */ new Map());
 let U = V;
-function te({
+function ee({
   code: e,
   context: t,
   localState: n,
@@ -319,7 +319,7 @@ function te({
     return;
   }
 }
-const Y = (e) => JSON.parse(JSON.stringify(e)), Oe = (e, t, n) => {
+const me = (e) => JSON.parse(JSON.stringify(e)), Oe = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -334,7 +334,7 @@ const Ft = ({
 }) => {
   if (!e.bindings)
     return e;
-  const i = Y(e), s = {
+  const i = me(e), s = {
     ...i,
     properties: {
       ...i.properties
@@ -344,7 +344,7 @@ const Ft = ({
     }
   };
   for (const l in e.bindings) {
-    const a = e.bindings[l], u = te({
+    const a = e.bindings[l], u = ee({
       code: a,
       localState: n,
       rootState: o,
@@ -356,7 +356,7 @@ const Ft = ({
   }
   return s;
 };
-function Le({
+function De({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -396,7 +396,7 @@ function q(e, ...t) {
   }
   return n;
 }
-function Lt(e) {
+function Dt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
@@ -407,16 +407,16 @@ function Lt(e) {
         break;
     }
 }
-function De(e) {
+function Le(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function Ue(e, t) {
-  const n = Dt(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+  const n = Lt(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]);
 }
-function Dt(e) {
+function Lt(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
@@ -426,7 +426,7 @@ function Dt(e) {
 function Me(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    De(e.elementId || e.id || "");
+    Le(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
@@ -440,7 +440,7 @@ function Me(e) {
 function Ut(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    De(e.elementId || e.id || "");
+    Le(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
@@ -475,8 +475,8 @@ function Ut(e) {
 const je = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${he(n)}: ${o};`;
-}).filter(D), Mt = (e) => je(e).join(`
-`), Ei = ({
+}).filter(L), Mt = (e) => je(e).join(`
+`), Pi = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -493,7 +493,7 @@ function jt({
 }) {
   return e;
 }
-const xi = ({
+const Ei = ({
   block: e,
   context: t
 }) => He(jt({
@@ -521,7 +521,7 @@ const Ht = ({
   registeredComponents: n
 }) => {
   var i;
-  const o = (i = Le({
+  const o = (i = De({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -547,7 +547,7 @@ const Ht = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = te({
+  const r = ee({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -596,22 +596,22 @@ const Ht = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Qt = () => import("./block-styles-svOVzDaV.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./block-styles-mooo-nyz.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;
-}), Xt = () => import("./block-wrapper-KGQI5yrU.js").then((e) => e.default).catch((e) => {
+}), Xt = () => import("./block-wrapper-3cYhLXDa.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;
-}), Zt = () => import("./component-ref-k5NF2o_L.js").then((e) => e.default).catch((e) => {
+}), Zt = () => import("./component-ref-A7Jq3Gj-.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;
-}), _t = () => import("./repeated-block-BxE-FBVv.js").then((e) => e.default).catch((e) => {
+}), _t = () => import("./repeated-block-AKO0QANq.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -628,7 +628,7 @@ const Ht = ({
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && Lt(
+    t && e && Dt(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -651,7 +651,7 @@ const Ht = ({
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : Le({
+      return (e = this.block.repeat) != null && e.collection ? this.block : De({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -757,7 +757,7 @@ function tn(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : v("", !0);
 }
-const fe = /* @__PURE__ */ b(en, [["render", tn]]), Ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fe = /* @__PURE__ */ b(en, [["render", tn]]), xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: fe
 }, Symbol.toStringTag, { value: "Module" })), nn = f({
@@ -834,7 +834,7 @@ const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-a5b13ef9
     "registeredComponents"
   ],
   inject: {
-    builderContext: ce.key,
+    builderContext: le.key,
     componentsContext: Ae.key
   }
 });
@@ -870,9 +870,9 @@ function cn(e, t, n, o, r, i) {
     E(e.$slots, "default")
   ]);
 }
-const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Y = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Q
+  default: Y
 }, Symbol.toStringTag, { value: "Module" })), be = f({
   render() {
     return xe("style", {
@@ -899,11 +899,11 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, Vi = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
+}, Ai = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
   small: e,
   medium: t
 }) => {
-  const n = Y(Ke);
+  const n = me(Ke);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -929,9 +929,9 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
   name: "builder-columns",
   components: {
     InlinedStyles: be,
-    DynamicRenderer: me,
+    DynamicRenderer: pe,
     Blocks: M,
-    DynamicDiv: Q
+    DynamicDiv: Y
   },
   props: [
     "space",
@@ -1021,6 +1021,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
       )[e].max;
     },
     columnsStyles() {
+      const e = `.${this.builderBlock.id}-breakpoints > .builder-column`;
       return `
         @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
           .${this.builderBlock.id}-breakpoints {
@@ -1028,7 +1029,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
             align-items: stretch;
           }
 
-          .${this.builderBlock.id}-breakpoints > .builder-column {
+          ${e} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -1040,7 +1041,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
             align-items: stretch;
           }
 
-          .${this.builderBlock.id}-breakpoints > .builder-column {
+          ${e} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
@@ -1052,7 +1053,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
         ...e.link ? {
           href: e.link
         } : {},
-        [ee()]: "builder-column",
+        [_()]: "builder-column",
         style: He(this.columnCssVars(t))
       };
     }
@@ -1062,7 +1063,7 @@ function hn(e, t, n, o, r, i) {
   var u;
   const s = g("InlinedStyles"), l = g("Blocks"), a = g("DynamicRenderer");
   return d(), p("div", C({
-    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-2brhoa1k8gd",
+    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-t9spj7joih",
     style: e.columnsCssVars()
   }, {}), [
     e.TARGET !== "reactNative" ? (d(), k(s, {
@@ -1094,7 +1095,7 @@ function hn(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-975347d5"]]), bn = f({
+const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-c214af09"]]), bn = f({
   name: "builder-fragment-component",
   props: []
 });
@@ -1123,7 +1124,7 @@ function vn(e, t) {
   }
   return null;
 }
-function re(e) {
+function oe(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -1159,12 +1160,14 @@ const Sn = f({
       // 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"), re(t);
-      } else if (this.image && !this.srcset)
-        return re(t);
-      return re(t);
+      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"), oe(t);
+        } else if (this.image && !this.srcset)
+          return oe(t);
+        return oe(t);
+      }
     },
     webpSrcSet() {
       var e;
@@ -1199,7 +1202,7 @@ function In(e, t, n, o, r, i) {
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
         role: e.altText ? void 0 : "presentation",
-        style: L({
+        style: D({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
@@ -1215,7 +1218,7 @@ function In(e, t, n, o, r, i) {
     e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), p("div", {
       key: 0,
       class: "builder-image-sizer div-1pl23ac79ld",
-      style: L({
+      style: D({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : v("", !0),
@@ -1225,7 +1228,7 @@ function In(e, t, n, o, r, i) {
     ])) : v("", !0)
   ], 64);
 }
-const $n = /* @__PURE__ */ b(Sn, [["render", In], ["__scopeId", "data-v-0d528855"]]), Rn = f({
+const $n = /* @__PURE__ */ b(Sn, [["render", In], ["__scopeId", "data-v-ce62b8d6"]]), Rn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -1266,7 +1269,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
     B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, ze = async (e) => qe(e), xn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), An = [["secure", ""], ["SameSite", "None"]], Vn = ({
+}, ze = async (e) => qe(e), xn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(L).join("; "), An = [["secure", ""], ["SameSite", "None"]], Vn = ({
   name: e,
   value: t,
   expires: n
@@ -1308,7 +1311,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
   name: ge(e),
   value: t,
   canTrack: !0
-}), Ge = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, Ln = ({
+}), Ge = (e) => L(e.id) && L(e.variations) && Object.keys(e.variations).length > 0, Dn = ({
   id: e,
   variations: t
 }) => {
@@ -1322,7 +1325,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
   }
   return e;
 }, Ye = (e) => {
-  const t = Ln(e);
+  const t = Dn(e);
   return On({
     contentId: e.id,
     value: t
@@ -1343,7 +1346,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Dn = ({
+}, Ln = ({
   item: e,
   canTrack: t
 }) => {
@@ -1385,7 +1388,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
     ...e,
     ...r
   };
-}, G = (e) => D(e) ? e : !0, ie = {
+}, G = (e) => L(e) ? e : !0, re = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1414,7 +1417,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
       }
     }
   }]
-}, se = {
+}, ie = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -1462,19 +1465,19 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ie]
+      defaultValue: [re]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [se]
+      defaultValue: [ie]
     }],
     defaultValue: [{
-      title: [ie],
-      detail: [se]
+      title: [re],
+      detail: [ie]
     }, {
-      title: [ie],
-      detail: [se]
+      title: [re],
+      detail: [ie]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -1609,12 +1612,12 @@ function qn(e, t, n, o, r, i) {
   const s = g("Blocks");
   return d(), p("div", {
     class: "builder-accordion",
-    style: L(e.accordionStyles)
+    style: D(e.accordionStyles)
   }, [
     (d(!0), p(I, null, N(e.items, (l, a) => (d(), p(I, { key: a }, [
       z("div", {
         class: J(e.getAccordionTitleClassName(a)),
-        style: L({
+        style: D({
           ...e.accordionTitleStyles,
           width: e.grid ? e.gridRowWidth : void 0,
           order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
@@ -1634,7 +1637,7 @@ function qn(e, t, n, o, r, i) {
       e.open.includes(a) ? (d(), p("div", {
         key: 0,
         class: J(e.getAccordionDetailClassName(a)),
-        style: L(e.accordionDetailStyles)
+        style: D(e.accordionDetailStyles)
       }, [
         $(s, {
           blocks: l.detail,
@@ -2123,7 +2126,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ae = {
+}, se = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2145,7 +2148,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       text: "New tab"
     }
   }
-}, le = {
+}, ae = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2171,16 +2174,16 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ae]
+      defaultValue: [se]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [le]
+      defaultValue: [ae]
     }],
     defaultValue: [{
       label: [{
-        ...ae,
+        ...se,
         component: {
           name: "Text",
           options: {
@@ -2189,7 +2192,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
         }
       }],
       content: [{
-        ...le,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2199,7 +2202,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       }]
     }, {
       label: [{
-        ...ae,
+        ...se,
         component: {
           name: "Text",
           options: {
@@ -2208,7 +2211,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
         }
       }],
       content: [{
-        ...le,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2295,7 +2298,7 @@ function ao(e, t, n, o, r, i) {
   return d(), p("div", null, [
     z("div", {
       class: "builder-tabs-wrap",
-      style: L({
+      style: D({
         display: "flex",
         flexDirection: "row",
         justifyContent: e.tabHeaderLayout || "flex-start",
@@ -2305,7 +2308,7 @@ function ao(e, t, n, o, r, i) {
       (d(!0), p(I, null, N(e.tabs, (l, a) => (d(), p("span", {
         key: a,
         class: J(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
-        style: L({
+        style: D({
           ...e.activeTab === a ? e.activeTabStyle : {}
         }),
         onClick: (u) => e.onClick(a)
@@ -2932,7 +2935,7 @@ function Wo(e, t, n, o, r, i) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : v("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Vo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Vo, te(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
     e.submissionState() === "success" ? (d(), k(l, {
       key: 4,
       path: "successMessage",
@@ -3006,8 +3009,8 @@ const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-489330f7
   data() {
     return { isEditing: R, filterAttrs: x };
   }
-}), Lo = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Do(e, t, n, o, r, i) {
+}), Do = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Lo(e, t, n, o, r, i) {
   return d(), p("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -3016,9 +3019,9 @@ function Do(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Lo);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Do);
 }
-const Uo = /* @__PURE__ */ b(Oo, [["render", Do]]), Mo = {
+const Uo = /* @__PURE__ */ b(Oo, [["render", Lo]]), Mo = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3078,7 +3081,7 @@ function qo(e, t, n, o, r, i) {
     (d(!0), p(I, null, N(e.options, (s, l) => (d(), p("option", {
       key: `${s.name}-${l}`,
       value: s.value
-    }, ne(s.name || s.value), 9, Ko))), 128))
+    }, te(s.name || s.value), 9, Ko))), 128))
   ], 16, Ho);
 }
 const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
@@ -3114,7 +3117,7 @@ const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
   }
 });
 function Yo(e, t, n, o, r, i) {
-  return d(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
+  return d(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), te(e.text), 17);
 }
 const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
   name: "Form:TextArea",
@@ -3397,7 +3400,7 @@ function hr(e, t, n, o, r, i) {
     ], 16, dr),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), p("div", {
       key: 0,
-      style: L({
+      style: D({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
@@ -3458,7 +3461,7 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   component: to,
   ...Zn
 }, {
-  component: Ii,
+  component: Ti,
   ...no
 }, {
   component: ho,
@@ -3471,20 +3474,15 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   ...Mn
 }, ...br()], gr = (e) => ({
   type: "builder.registerComponent",
-  data: de(e)
+  data: ce(e)
 }), yr = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, kr = (e) => typeof e == "function" ? yr(e) : Y(e), de = ({
-  inputs: e,
-  ...t
-}) => ({
-  ...Y(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
-    ...o,
-    [r]: kr(i)
-  }), {}))
-}), vr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+};
+function ce(e) {
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? yr(n) : n));
+}
+const kr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3540,7 +3538,7 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Sr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, vr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3574,20 +3572,20 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Xe = "builderIoAbTest", Ze = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Xe = "builderIoAbTest", Ze = "builderIoRenderContent", Z = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Cr = ({
+})), Sr = ({
   canTrack: e,
   content: t
-}) => !(!(_(t).length > 0) || !e), wr = (e) => e === "react" || e === "reactNative", _e = wr(A), Tr = () => `
-  window.${Xe} = ${vr}
-  window.${Ze} = ${Sr}
-  `, Ir = (e, t) => `
+}) => !(!(Z(t).length > 0) || !e), Cr = (e) => e === "react" || e === "reactNative", _e = Cr(A), wr = () => `
+  window.${Xe} = ${kr}
+  window.${Ze} = ${vr}
+  `, Tr = (e, t) => `
   window.${Xe}(
     "${t}",${JSON.stringify(e)}, ${_e}
-  )`, $r = ({
+  )`, Ir = ({
   contentId: e,
   variationId: t
 }) => `window.${Ze}(
@@ -3603,23 +3601,23 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
 });
-function Rr() {
+function $r() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Br() {
-  const e = Rr().fetch;
+function Rr() {
+  const e = $r().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const tt = Br();
-function ue(e, t = null, n = ".") {
+const tt = Rr();
+function de(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     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,
-      ...ue(i, s, n)
+      ...de(i, s, n)
     } : {
       ...o,
       [s]: i
@@ -3633,17 +3631,17 @@ function nt(e, t, n = {}) {
   }
   return n;
 }
-const Pr = "v3", Te = "builder.", Er = "options.", ot = (e) => {
+const Br = "v3", Te = "builder.", Pr = "options.", ot = (e) => {
   if (!e)
     return {};
   const t = Ve(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(Te)) {
-      const r = o.replace(Te, "").replace(Er, "");
+      const r = o.replace(Te, "").replace(Pr, "");
       n[r] = t[o];
     }
   }), n;
-}, xr = () => {
+}, Er = () => {
   if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
@@ -3657,7 +3655,7 @@ const Pr = "v3", Te = "builder.", Er = "options.", ot = (e) => {
     apiKey: i,
     enrich: s,
     locale: l,
-    apiVersion: a = Pr,
+    apiVersion: a = Br,
     fields: u,
     omit: h,
     offset: c,
@@ -3670,18 +3668,18 @@ const Pr = "v3", Te = "builder.", Er = "options.", ot = (e) => {
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const X = t !== 1, w = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
-  if (w.searchParams.set("apiKey", i), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(X)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), s && w.searchParams.set("enrich", String(s)), w.searchParams.set("omit", h || "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && w.searchParams.set("offset", String(Math.floor(c))), typeof F == "boolean" && w.searchParams.set("includeUnpublished", String(F)), m && Ie(m) && w.searchParams.set("cacheSeconds", String(m)), S && Ie(S) && w.searchParams.set("staleCacheSeconds", String(S)), y) {
-    const O = ue({
+  const Q = t !== 1, w = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
+  if (w.searchParams.set("apiKey", i), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(Q)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), s && w.searchParams.set("enrich", String(s)), w.searchParams.set("omit", h || "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && w.searchParams.set("offset", String(Math.floor(c))), typeof F == "boolean" && w.searchParams.set("includeUnpublished", String(F)), m && Ie(m) && w.searchParams.set("cacheSeconds", String(m)), S && Ie(S) && w.searchParams.set("staleCacheSeconds", String(S)), y) {
+    const O = de({
       sort: y
     });
     for (const j in O)
       w.searchParams.set(j, JSON.stringify(O[j]));
   }
   const ut = {
-    ...xr(),
+    ...Er(),
     ...Ve(e.options || {})
-  }, ve = ue(ut);
+  }, ve = de(ut);
   for (const O in ve)
     w.searchParams.set(O, String(ve[O]));
   if (n && w.searchParams.set("userAttributes", JSON.stringify(n)), o) {
@@ -3692,18 +3690,18 @@ const Pr = "v3", Te = "builder.", Er = "options.", ot = (e) => {
       w.searchParams.set(j, JSON.stringify(O[j]));
   }
   return w;
-}, Ar = (e) => "results" in e;
+}, xr = (e) => "results" in e;
 async function ke(e) {
-  const t = await Nr({
+  const t = await Wr({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Vr = async (e) => {
+const Ar = async (e) => {
   const t = ye(e);
   return await (await (e.fetch ?? tt)(t.href, e.fetchOptions)).json();
-}, Wr = async (e, t, n = ye(e)) => {
+}, Vr = async (e, t, n = ye(e)) => {
   const o = G(e.canTrack);
   if (n.search.includes("preview="), !o || !(T() || A === "reactNative"))
     return t.results;
@@ -3720,10 +3718,10 @@ const Vr = async (e) => {
   }
   return t.results;
 };
-async function Nr(e) {
+async function Wr(e) {
   try {
-    const t = ye(e), n = await Vr(e);
-    return Ar(n) ? Wr(e, n) : (B.error("Error fetching data. ", {
+    const t = ye(e), n = await Ar(e);
+    return xr(n) ? Vr(e, n) : (B.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -3732,20 +3730,20 @@ async function Nr(e) {
     return B.error("Error fetching data. ", t), null;
   }
 }
-function Fr(e) {
+function Nr(e) {
   const t = e || (T() ? window.location.search : void 0);
   return t ? We(t).indexOf("builder.preview=") !== -1 : !1;
 }
-function Or() {
+function Fr() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
 function rt() {
-  return Or().replace(/-/g, "");
+  return Fr().replace(/-/g, "");
 }
-const it = "builderSessionId", Lr = async ({
+const it = "builderSessionId", Or = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3754,23 +3752,23 @@ const it = "builderSessionId", Lr = async ({
     name: it,
     canTrack: e
   });
-  if (D(t))
+  if (L(t))
     return t;
   {
     const n = Dr();
-    return Ur({
+    return Lr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Dr = () => rt(), Ur = ({
+}, Dr = () => rt(), Lr = ({
   id: e,
   canTrack: t
 }) => Je({
   name: it,
   value: e,
   canTrack: t
-}), st = () => T() && typeof localStorage < "u" ? localStorage : void 0, Mr = ({
+}), st = () => T() && typeof localStorage < "u" ? localStorage : void 0, Ur = ({
   key: e,
   canTrack: t
 }) => {
@@ -3781,7 +3779,7 @@ const it = "builderSessionId", Lr = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, jr = ({
+}, Mr = ({
   key: e,
   canTrack: t,
   value: n
@@ -3792,32 +3790,32 @@ const it = "builderSessionId", Lr = async ({
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, at = "builderVisitorId", Hr = ({
+}, at = "builderVisitorId", jr = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Mr({
+  const t = Ur({
     key: at,
     canTrack: e
   });
-  if (D(t))
+  if (L(t))
     return t;
   {
-    const n = Kr();
-    return qr({
+    const n = Hr();
+    return Kr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Kr = () => rt(), qr = ({
+}, Hr = () => rt(), Kr = ({
   id: e,
   canTrack: t
-}) => jr({
+}) => Mr({
   key: at,
   value: e,
   canTrack: t
-}), zr = async ({
+}), qr = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3825,16 +3823,16 @@ const it = "builderSessionId", Lr = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Lr({
+  const t = await Or({
     canTrack: e
-  }), n = Hr({
+  }), n = jr({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Jr = async ({
+}, zr = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3848,14 +3846,14 @@ const it = "builderSessionId", Lr = async ({
       url: location.href,
       ...o
     },
-    ...await zr({
+    ...await qr({
       canTrack: t
     }),
     userAttributes: Ne(),
     ownerId: n
   }
 });
-async function pe(e) {
+async function ue(e) {
   if (!e.apiKey) {
     B.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -3864,7 +3862,7 @@ async function pe(e) {
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Jr(e)]
+        events: [await zr(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3874,14 +3872,14 @@ async function pe(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Wi = (e) => pe({
+const Vi = (e) => ue({
   ...e,
   canTrack: !0
 });
 function $e(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Gr = (e, t, n = !0) => {
+const Jr = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3892,7 +3890,7 @@ const Gr = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Yr = (e) => Gr(e, (t) => {
+}, Gr = (e) => Jr(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Re = ({
@@ -3904,8 +3902,8 @@ const Gr = (e, t, n = !0) => {
     x: i,
     y: s
   };
-}, Qr = (e) => {
-  const t = e.target, n = t && Yr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Yr = (e) => {
+  const t = e.target, n = t && Gr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -3920,15 +3918,15 @@ const Gr = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Xr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}, Qr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function lt(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Xr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || Qr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const Zr = "2.0.1", Be = {};
-function _r(e, t) {
+const Xr = "2.0.3", Be = {};
+function Zr(e, t) {
   let n = Be[e];
   if (n || (n = Be[e] = []), n.push(t), T()) {
     const o = {
@@ -3945,8 +3943,8 @@ function _r(e, t) {
     }
   }
 }
-const ei = () => {
-  _r("insertMenu", {
+const _r = () => {
+  Zr("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3975,7 +3973,7 @@ const ct = (e = {}) => {
     type: "builder.sdkInfo",
     data: {
       target: A,
-      version: Zr,
+      version: Xr,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -4056,7 +4054,7 @@ const ct = (e = {}) => {
         break;
       }
     }
-}, Ni = (e, t, n) => {
+}, Wi = (e, t, n) => {
   if (!T)
     return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
@@ -4075,7 +4073,7 @@ const ct = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, ti = (e) => {
+}, ei = (e) => {
   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 = "";
@@ -4101,15 +4099,15 @@ font-weight: ${s};
         `.trim());
     }
   return r;
-}, ni = ({
+}, ti = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ti(n))) == null ? void 0 : t.join(" ")) || "";
-}, oi = ({
+  return ((t = e == null ? void 0 : e.map((n) => ei(n))) == null ? void 0 : t.join(" ")) || "";
+}, ni = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ri = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", oi = `
 .builder-button {
   all: unset;
 }
@@ -4126,9 +4124,9 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, ii = (e) => e ? "" : ri, si = (e) => `variant-${e}`, ai = f({
+`, ri = (e) => e ? "" : oi, ii = (e) => `variant-${e}`, si = f({
   name: "enable-editor",
-  components: { DynamicDiv: Q },
+  components: { DynamicDiv: Y },
   props: [
     "builderContextSignal",
     "canTrack",
@@ -4150,14 +4148,14 @@ font-weight: ${s};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: ce,
-      getWrapperClassName: si
+      builderContext: le,
+      getWrapperClassName: ii
     };
   },
   provide() {
     const e = this;
     return {
-      [ce.key]: e.builderContextSignal
+      [le.key]: e.builderContextSignal
     };
   },
   mounted() {
@@ -4168,7 +4166,7 @@ font-weight: ${s};
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && G(this.canTrack)) {
           const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
-          pe({
+          ue({
             type: "impression",
             canTrack: !0,
             contentId: s,
@@ -4176,7 +4174,7 @@ font-weight: ${s};
             variationId: i !== s ? i : void 0
           });
         }
-        Fr() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        Nr() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -4324,7 +4322,7 @@ font-weight: ${s};
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && te({
+      e && ee({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -4340,13 +4338,13 @@ font-weight: ${s};
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        pe({
+        ue({
           type: "click",
           canTrack: G(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Qr(e),
+          ...Yr(e),
           unique: !this.clicked
         });
       }
@@ -4362,7 +4360,7 @@ font-weight: ${s};
         const i = r.replace(
           /{{([^}]+)}}/g,
           (s, l) => String(
-            te({
+            ee({
               code: l,
               context: this.context || {},
               localState: void 0,
@@ -4389,7 +4387,7 @@ font-weight: ${s};
           "builder:component:stateChange",
           {
             detail: {
-              state: Y(this.builderContextSignal.rootState),
+              state: me(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -4399,7 +4397,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), ei(), ct({
+      window.addEventListener("message", this.processMessage), _r(), ct({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4434,7 +4432,7 @@ font-weight: ${s};
     }
   }
 });
-function li(e, t, n, o, r, i) {
+function ai(e, t, n, o, r, i) {
   var s, l, a;
   return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), C({
     key: 0,
@@ -4452,26 +4450,26 @@ function li(e, t, n, o, r, i) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
 }
-const ci = /* @__PURE__ */ b(ai, [["render", li]]), di = f({
+const li = /* @__PURE__ */ b(si, [["render", ai]]), ci = f({
   name: "content-styles",
   components: { InlinedStyles: be },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${oi({
+${ni({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${ni({
+${ti({
         customFonts: this.customFonts
       })}
-${ii(this.isNestedRender)}
+${ri(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function ui(e, t, n, o, r, i) {
+function di(e, t, n, o, r, i) {
   const s = g("InlinedStyles");
   return d(), k(s, {
     id: "builderio-content",
@@ -4479,7 +4477,7 @@ function ui(e, t, n, o, r, i) {
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
+const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
   content: e,
   data: t,
   locale: n
@@ -4496,7 +4494,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
       locale: n
     } : {}
   };
-}, hi = ({
+}, mi = ({
   content: e,
   data: t
 }) => e ? {
@@ -4506,18 +4504,19 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, fi = ft, bi = f({
+} : void 0, hi = ft, fi = f({
   name: "content-component",
   components: {
-    EnableEditor: ci,
+    EnableEditor: li,
     InlinedScript: et,
-    ContentStyles: pi,
+    ContentStyles: ui,
     Blocks: M,
-    DynamicDiv: Q
+    DynamicDiv: Y
   },
   props: [
     "content",
     "customComponents",
+    "model",
     "data",
     "locale",
     "context",
@@ -4527,7 +4526,6 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
     "blocksWrapper",
     "blocksWrapperProps",
     "nonce",
-    "model",
     "enrich",
     "showContent",
     "contentWrapper",
@@ -4538,9 +4536,9 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
     "linkComponent"
   ],
   data() {
-    var e, t;
+    var e, t, n, o;
     return {
-      scriptStr: $r({
+      scriptStr: Ir({
         // 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
@@ -4548,24 +4546,24 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
       }),
       registeredComponents: [
         ...we(),
-        ...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: fi(o),
-            ...de(r)
+        (r, { component: i, ...s }) => ({
+          ...r,
+          [s.name]: {
+            component: hi(i),
+            ...ce(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: hi({
+        content: mi({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: mi({
+        rootState: pi({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4577,11 +4575,11 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
         apiVersion: this.apiVersion,
         componentInfos: [
           ...we(),
-          ...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]: de(r)
+          (r, { component: i, ...s }) => ({
+            ...r,
+            [s.name]: ce(s)
           }),
           {}
         ),
@@ -4607,7 +4605,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
     }
   }
 });
-function gi(e, t, n, o, r, i) {
+function bi(e, t, n, o, r, i) {
   const s = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
   return d(), k(u, C({
     nonce: e.nonce,
@@ -4626,7 +4624,7 @@ function gi(e, t, n, o, r, i) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: W(() => {
-      var h, c, m, S, y, F, X;
+      var h, c, m, S, y, F, Q;
       return [
         e.isSsrAbTest ? (d(), k(s, {
           key: 0,
@@ -4643,7 +4641,7 @@ function gi(e, t, n, o, r, i) {
           customFonts: (y = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : y.customFonts
         }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
         $(a, {
-          blocks: (X = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : X.blocks,
+          blocks: (Q = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : Q.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4653,12 +4651,12 @@ function gi(e, t, n, o, r, i) {
     _: 1
   }, 16, ["nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
-const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
+const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = f({
   name: "content-variants",
   components: {
     InlinedScript: et,
     InlinedStyles: be,
-    ContentComponent: yi
+    ContentComponent: gi
   },
   props: [
     "canTrack",
@@ -4682,24 +4680,22 @@ const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
   ],
   data() {
     return {
-      shouldRenderVariants: Cr({
+      shouldRenderVariants: Sr({
         canTrack: G(this.canTrack),
         content: this.content
       }),
       TARGET: A,
-      getInitVariantsFnsScriptString: Tr,
-      getVariants: _
+      getInitVariantsFnsScriptString: wr,
+      getVariants: Z
     };
   },
   mounted() {
   },
-  updated() {
-  },
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Ir(
-        _(this.content).map((t) => ({
+      return Tr(
+        Z(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -4707,21 +4703,21 @@ const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
       );
     },
     hideVariantsStyleString() {
-      return _(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return Z(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Dn({
+      } : Ln({
         item: this.content,
         canTrack: G(this.canTrack)
       });
     }
   }
 });
-function vi(e, t, n, o, r, i) {
+function ki(e, t, n, o, r, i) {
   const s = g("InlinedScript"), l = g("InlinedStyles"), a = g("ContentComponent");
   return d(), p(I, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
@@ -4791,7 +4787,7 @@ function vi(e, t, n, o, r, i) {
     }), null, 16, ["nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
+const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Si = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4809,9 +4805,9 @@ const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
     }).catch((n) => {
       B.error("Could not fetch symbol content: ", n);
     });
-}, wi = f({
+}, Ci = f({
   name: "builder-symbol",
-  components: { ContentVariants: Si, DynamicDiv: Q },
+  components: { ContentVariants: vi, DynamicDiv: Y },
   props: [
     "symbol",
     "attributes",
@@ -4846,7 +4842,7 @@ const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
     className() {
       var e, t;
       return [
-        this.attributes[ee()],
+        this.attributes[_()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
         (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
@@ -4860,7 +4856,7 @@ const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || Ci({
+      this.contentToUse || Si({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4869,7 +4865,7 @@ const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
     }
   }
 });
-function Ti(e, t, n, o, r, i) {
+function wi(e, t, n, o, r, i) {
   var l, a, u, h, c;
   const s = g("ContentVariants");
   return d(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
@@ -4897,8 +4893,8 @@ function Ti(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), Ee = {};
-function Fi(e) {
+const Ti = /* @__PURE__ */ b(Ci, [["render", wi]]), Ee = {};
+function Ni(e) {
   if (T()) {
     Object.assign(Ee, e);
     const t = {
@@ -4908,7 +4904,7 @@ function Fi(e) {
     parent.postMessage(t, "*");
   }
 }
-const Oi = async (e) => {
+const Fi = async (e) => {
   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,
@@ -4929,43 +4925,43 @@ const Oi = async (e) => {
   };
 };
 export {
-  Wr as A,
+  Vr as A,
   fe as B,
   fn as C,
-  Nr as D,
+  Wr as D,
   ke as E,
   yn as F,
-  Pi as G,
-  Ai as H,
+  Bi as G,
+  xi as H,
   $n as I,
   Pn as S,
   A as T,
   fr as V,
   be as _,
   un as a,
-  Ei as b,
-  D as c,
-  Vi as d,
+  Pi as b,
+  L as c,
+  Ai as d,
   he as e,
   b as f,
-  Le as g,
-  te as h,
-  xi as i,
-  ee as j,
-  ce as k,
+  De as g,
+  ee as h,
+  Ei as i,
+  _ as j,
+  le as k,
   Ct as l,
-  Ii as m,
+  Ti as m,
   ho as n,
   M as o,
-  Si as p,
+  vi as p,
   R as q,
-  Fr as r,
+  Nr as r,
   gr as s,
-  _r as t,
-  Fi as u,
+  Zr as t,
+  Ni as u,
   ot as v,
-  fi as w,
-  Wi as x,
-  Ni as y,
-  Oi as z
+  hi as w,
+  Vi as x,
+  Wi as y,
+  Fi as z
 };