@builder.io/sdk-vue 0.1.1 → 0.1.3

package/packages/_vue2/dist/{index.c72e7c74.js → index.3403bf5e.js}

@@ -1,11 +1,11 @@
 const v = "vue2";
-function p() {
+function m() {
   return typeof window < "u" && typeof document < "u";
 }
-const I = {};
-function H(t, e) {
-  let n = I[t];
-  if (n || (n = I[t] = []), n.push(e), p()) {
+const R = {};
+function J(t, e) {
+  let n = R[t];
+  if (n || (n = R[t] = []), n.push(e), m()) {
     const o = {
       type: "builder.register",
       data: {
@@ -20,8 +20,8 @@ function H(t, e) {
     }
   }
 }
-const q = () => {
-  H("insertMenu", {
+const X = () => {
+  J("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -36,10 +36,10 @@ const q = () => {
     ]
   });
 };
-let R = !1;
-const G = (t = {}) => {
+let T = !1;
+const Y = (t = {}) => {
   var e, n;
-  R || (R = !0, p() && ((e = window.parent) == null || e.postMessage(
+  T || (T = !0, m() && ((e = window.parent) == null || e.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
@@ -63,12 +63,12 @@ const G = (t = {}) => {
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const i = o.data.text, l = o.data.arguments || [], a = o.data.id, u = new Function(i);
-          let d, h = null;
+          const i = o.data.text, c = o.data.arguments || [], a = o.data.id, d = new Function(i);
+          let u, h = null;
           try {
-            d = u.apply(null, l);
-          } catch (c) {
-            h = c;
+            u = d.apply(null, c);
+          } catch (l) {
+            h = l;
           }
           h ? (s = window.parent) == null || s.postMessage(
             {
@@ -76,19 +76,19 @@ const G = (t = {}) => {
               data: { id: a, error: h.message }
             },
             "*"
-          ) : d && typeof d.then == "function" ? d.then((c) => {
+          ) : u && typeof u.then == "function" ? u.then((l) => {
             var g;
             (g = window.parent) == null || g.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: a, result: c }
+                data: { id: a, result: l }
               },
               "*"
             );
           }).catch(console.error) : (r = window.parent) == null || r.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: d, id: a }
+              data: { result: u, id: a }
             },
             "*"
           );
@@ -96,7 +96,7 @@ const G = (t = {}) => {
         }
       }
   })));
-}, S = (t) => JSON.parse(JSON.stringify(t)), O = {
+}, w = (t) => JSON.parse(JSON.stringify(t)), P = {
   small: {
     min: 320,
     default: 321,
@@ -112,8 +112,8 @@ const G = (t = {}) => {
     default: 991,
     max: 1200
   }
-}, fn = (t, e = O) => `@media (max-width: ${e[t].max}px)`, J = ({ small: t, medium: e }) => {
-  const n = S(O);
+}, Sn = (t, e = P) => `@media (max-width: ${e[t].max}px)`, Q = ({ small: t, medium: e }) => {
+  const n = w(P);
   if (!t || !e)
     return n;
   const o = Math.floor(t / 2);
@@ -134,36 +134,36 @@ const G = (t = {}) => {
     min: r,
     default: r + 1
   }, n;
-}, X = (t) => t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), y = (t) => t != null, Y = (t) => Object.entries(t).map(([n, o]) => {
+}, Z = (t) => t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), b = (t) => t != null, ee = (t) => Object.entries(t).map(([n, o]) => {
   if (typeof o == "string")
-    return `${X(n)}: ${o};`;
-}).filter(y), b = (t) => Y(t).join(`
-`), gn = ({
+    return `${Z(n)}: ${o};`;
+}).filter(b), y = (t) => ee(t).join(`
+`), In = ({
   mediaQuery: t,
   className: e,
   styles: n
 }) => {
   const o = `.${e} {
-    ${b(n)}
+    ${y(n)}
   }`;
   return t ? `${t} {
       ${o}
     }` : o;
-}, Q = () => Promise.resolve().then(() => D).then((t) => t.default).catch((t) => {
+}, te = () => Promise.resolve().then(() => G).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     t
   ), t;
-}), Z = () => import("./render-inlined-styles.e8e46149.js").then((t) => t.default).catch((t) => {
+}), ne = () => import("./render-inlined-styles.c4ede85b.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
     t
   ), t;
-}), ee = {
+}), oe = {
   name: "builder-columns",
   components: {
-    RenderInlinedStyles: Z,
-    RenderBlocks: Q
+    RenderInlinedStyles: ne,
+    RenderBlocks: te
   },
   props: [
     "space",
@@ -173,7 +173,9 @@ const G = (t = {}) => {
     "customBreakpoints",
     "builderBlock"
   ],
-  data: () => ({ TARGET: v }),
+  data() {
+    return { TARGET: v };
+  },
   computed: {
     columnsCssVars() {
       const t = this.stackColumnsAt === "never" ? "inherit" : this.reverseColumnsWhenStacked ? "column-reverse" : "column";
@@ -219,21 +221,21 @@ const G = (t = {}) => {
       return `
       @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
         .${this.builderBlock.id}-breakpoints {
-          ${b(this.columnStyleObjects.columns.medium)}
+          ${y(this.columnStyleObjects.columns.medium)}
         }
 
         .${this.builderBlock.id}-breakpoints > .builder-column {
-          ${b(this.columnStyleObjects.column.medium)}
+          ${y(this.columnStyleObjects.column.medium)}
         }
       }
 
       @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
         .${this.builderBlock.id}-breakpoints {
-          ${b(this.columnStyleObjects.columns.small)}
+          ${y(this.columnStyleObjects.columns.small)}
         }
 
         .${this.builderBlock.id}-breakpoints > .builder-column {
-          ${b(this.columnStyleObjects.column.small)}
+          ${y(this.columnStyleObjects.column.small)}
         }
       },
     `;
@@ -265,7 +267,7 @@ const G = (t = {}) => {
       return (this.stackColumnsAt || "tablet") === "tablet" ? t : "inherit";
     },
     getWidthForBreakpointSize(t) {
-      return J(
+      return Q(
         this.customBreakpoints || {}
       )[t].max;
     },
@@ -280,42 +282,42 @@ const G = (t = {}) => {
     }
   }
 };
-function m(t, e, n, o, s, r, i, l) {
+function p(t, e, n, o, s, r, i, c) {
   var a = typeof t == "function" ? t.options : t;
   e && (a.render = e, a.staticRenderFns = n, a._compiled = !0), o && (a.functional = !0), r && (a._scopeId = "data-v-" + r);
-  var u;
-  if (i ? (u = function(c) {
-    c = c || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !c && typeof __VUE_SSR_CONTEXT__ < "u" && (c = __VUE_SSR_CONTEXT__), s && s.call(this, c), c && c._registeredComponents && c._registeredComponents.add(i);
-  }, a._ssrRegister = u) : s && (u = l ? function() {
+  var d;
+  if (i ? (d = function(l) {
+    l = l || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !l && typeof __VUE_SSR_CONTEXT__ < "u" && (l = __VUE_SSR_CONTEXT__), s && s.call(this, l), l && l._registeredComponents && l._registeredComponents.add(i);
+  }, a._ssrRegister = d) : s && (d = c ? function() {
     s.call(
       this,
       (a.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : s), u)
+  } : s), d)
     if (a.functional) {
-      a._injectStyles = u;
-      var d = a.render;
-      a.render = function(g, w) {
-        return u.call(w), d(g, w);
+      a._injectStyles = d;
+      var u = a.render;
+      a.render = function(g, I) {
+        return d.call(I), u(g, I);
       };
     } else {
       var h = a.beforeCreate;
-      a.beforeCreate = h ? [].concat(h, u) : [u];
+      a.beforeCreate = h ? [].concat(h, d) : [d];
     }
   return {
     exports: t,
     options: a
   };
 }
-var te = function() {
+var se = function() {
   var e = this, n = e._self._c;
   return n("div", { class: e._classStringToObject(
-    `builder-columns ${e.builderBlock.id}-breakpoints div-t43jfuqn6g`
+    `builder-columns ${e.builderBlock.id}-breakpoints div-29wpyomtntv`
   ), style: {
     ...e.TARGET === "reactNative" ? e.reactNativeColumnsStyles : {},
     ...e.columnsCssVars
   } }, [e.TARGET !== "reactNative" ? [n("render-inlined-styles", { attrs: { styles: e.columnsStyles } })] : e._e(), e._l(e.columns, function(o, s) {
-    return n("div", { key: s, staticClass: "builder-column div-t43jfuqn6g-2", style: {
+    return n("div", { key: s, staticClass: "builder-column div-29wpyomtntv-2", style: {
       width: e.getColumnCssWidth(s),
       marginLeft: `${s === 0 ? 0 : e.getGutterSize()}px`,
       ...e.TARGET === "reactNative" ? e.reactNativeColumnStyles : {},
@@ -324,35 +326,35 @@ var te = function() {
       flexGrow: "1"
     } } })], 1);
   })], 2);
-}, ne = [], oe = /* @__PURE__ */ m(
-  ee,
-  te,
-  ne,
+}, re = [], ie = /* @__PURE__ */ p(
+  oe,
+  se,
+  re,
   !1,
   null,
-  "a99b6f14",
+  "a89ca538",
   null,
   null
 );
-const se = oe.exports;
-function T(t) {
+const ae = ie.exports;
+function $(t) {
   return t.replace(/http(s)?:/, "");
 }
-function re(t = "", e, n) {
+function ce(t = "", e, n) {
   const o = new RegExp("([?&])" + e + "=.*?(&|$)", "i"), s = t.indexOf("?") !== -1 ? "&" : "?";
   return t.match(o) ? t.replace(o, "$1" + e + "=" + encodeURIComponent(n) + "$2") : t + s + e + "=" + encodeURIComponent(n);
 }
-function ie(t, e) {
+function le(t, e) {
   if (!t || !(t != null && t.match(/cdn\.shopify\.com/)) || !e)
     return t;
   if (e === "master")
-    return T(t);
+    return $(t);
   const n = t.match(
     /(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i
   );
   if (n) {
     const o = t.split(n[0]), s = n[3], r = e.match("x") ? e : `${e}x`;
-    return T(`${o[0]}_${r}${s}`);
+    return $(`${o[0]}_${r}${s}`);
   }
   return null;
 }
@@ -363,11 +365,11 @@ function x(t) {
   if (t.match(/builder\.io/)) {
     let n = t;
     const o = Number(t.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), e.filter((s) => s !== o).map((s) => `${re(t, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), e.filter((s) => s !== o).map((s) => `${ce(t, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return t.match(/cdn\.shopify\.com/) ? e.map((n) => [ie(t, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([t]).join(", ") : t;
+  return t.match(/cdn\.shopify\.com/) ? e.map((n) => [le(t, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([t]).join(", ") : t;
 }
-const ae = {
+const de = {
   name: "builder-image",
   props: [
     "image",
@@ -423,46 +425,46 @@ const ae = {
     }
   }
 };
-var le = function() {
+var ue = function() {
   var o, s, r, i;
   var e = this, n = e._self._c;
   return n("div", [n("picture", [e.webpSrcSet ? [n("source", { attrs: { type: "image/webp", srcset: e.webpSrcSet } })] : e._e(), n("img", { class: e._classStringToObject(
-    "builder-image" + (e.className ? " " + e.className : "") + " img-b1turyjjkok"
+    "builder-image" + (e.className ? " " + e.className : "") + " img-1j57pcfa436"
   ), style: {
     objectPosition: e.backgroundPosition || "center",
     objectFit: e.backgroundSize || "cover",
     ...e.aspectRatioCss
-  }, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } }), n("source", { attrs: { srcset: e.srcSetToUse } })], 2), e.aspectRatio && !(((s = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : s.length) && e.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-b1turyjjkok", style: {
+  }, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } })], 2), e.aspectRatio && !(((s = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : s.length) && e.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-1j57pcfa436", style: {
     paddingTop: e.aspectRatio * 100 + "%"
-  } })] : e._e(), ((i = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : i.length) && e.fitContent ? [e._t("default")] : e._e(), !e.fitContent && e.children ? [n("div", { staticClass: "div-b1turyjjkok-2" }, [e._t("default")], 2)] : e._e()], 2);
-}, ce = [], ue = /* @__PURE__ */ m(
-  ae,
-  le,
-  ce,
+  } })] : e._e(), ((i = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : i.length) && e.fitContent ? [e._t("default")] : e._e(), !e.fitContent && e.children ? [n("div", { staticClass: "div-1j57pcfa436-2" }, [e._t("default")], 2)] : e._e()], 2);
+}, me = [], pe = /* @__PURE__ */ p(
+  de,
+  ue,
+  me,
   !1,
   null,
-  "e3e7800f",
+  "76004f06",
   null,
   null
 );
-const de = ue.exports, pe = {
+const he = pe.exports, fe = {
   name: "builder-text",
   props: ["text"]
 };
-var me = function() {
+var ge = function() {
   var e = this, n = e._self._c;
   return n("span", { staticClass: "builder-text", domProps: { innerHTML: e._s(e.text) } });
-}, he = [], fe = /* @__PURE__ */ m(
-  pe,
-  me,
-  he,
+}, be = [], ye = /* @__PURE__ */ p(
+  fe,
+  ge,
+  be,
   !1,
   null,
   null,
   null,
   null
 );
-const ge = fe.exports, be = {
+const ve = ye.exports, _e = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -504,7 +506,7 @@ const ge = fe.exports, be = {
     }
   }
 };
-var ye = function() {
+var xe = function() {
   var o;
   var e = this, n = e._self._c;
   return n("video", e._b({ style: {
@@ -515,22 +517,32 @@ var ye = function() {
     objectPosition: e.position,
     borderRadius: 1
   }, attrs: { src: e.video || "no-src", poster: e.posterImage } }, "video", e.spreadProps, !1));
-}, ve = [], _e = /* @__PURE__ */ m(
-  be,
-  ye,
-  ve,
+}, Ce = [], ke = /* @__PURE__ */ p(
+  _e,
+  xe,
+  Ce,
   !1,
   null,
   null,
   null,
   null
 );
-const xe = _e.exports;
-function Ce() {
+const we = ke.exports, Se = Symbol(), S = {
+  Builder: {
+    content: null,
+    context: {},
+    state: {},
+    apiKey: null,
+    registeredComponents: {},
+    inheritedStyles: {}
+  },
+  key: Se
+};
+function Ie() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function ke() {
-  const t = Ce().fetch;
+function Re() {
+  const t = Ie().fetch;
   if (typeof t > "u")
     throw console.warn(
       `Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
@@ -538,10 +550,12 @@ function ke() {
     ), new Error("Builder SDK could not find a global `fetch` function");
   return t;
 }
-const A = ke(), Se = (t) => {
+const U = Re(), Te = (t) => {
+  if (t === "localhost" || t === "127.0.0.1")
+    return t;
   const e = t.split(".");
   return e.length > 2 ? e.slice(1).join(".") : t;
-}, B = async ({
+}, V = async ({
   name: t,
   canTrack: e
 }) => {
@@ -550,24 +564,25 @@ const A = ke(), Se = (t) => {
     return e ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${t}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
     console.debug("[COOKIE] GET error: ", o);
+    return;
   }
-}, we = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).join("; "), Ie = [
+}, $e = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(b).join("; "), Ee = [
   ["secure", ""],
   ["SameSite", "None"]
-], Re = ({
+], Fe = ({
   name: t,
   value: e,
   expires: n
 }) => {
-  const s = (p() ? location.protocol === "https:" : !0) ? Ie : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [
+  const s = (m() ? location.protocol === "https:" : !0) ? Ee : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [
     [t, e],
     ...r,
     ["path", "/"],
-    ["domain", Se(window.location.hostname)],
+    ["domain", Te(window.location.hostname)],
     ...s
   ];
-  return we(i);
-}, P = async ({
+  return $e(i);
+}, W = async ({
   name: t,
   value: e,
   expires: n,
@@ -576,19 +591,19 @@ const A = ke(), Se = (t) => {
   try {
     if (!o)
       return;
-    const s = Re({ name: t, value: e, expires: n });
+    const s = Fe({ name: t, value: e, expires: n });
     document.cookie = s;
   } catch (s) {
     console.warn("[COOKIE] SET error: ", s);
   }
-}, Te = "builderio.variations", U = (t) => `${Te}.${t}`, $e = ({
+}, je = "builderio.variations", L = (t) => `${je}.${t}`, Oe = ({
   contentId: t,
   canTrack: e
-}) => B({ name: U(t), canTrack: e }), Ee = ({
+}) => V({ name: L(t), canTrack: e }), Ae = ({
   contentId: t,
   canTrack: e,
   value: n
-}) => P({ name: U(t), value: n, canTrack: e }), Fe = (t) => y(t.id) && y(t.variations) && Object.keys(t.variations).length > 0, je = ({
+}) => W({ name: L(t), value: n, canTrack: e }), Be = (t) => b(t.id) && b(t.variations) && Object.keys(t.variations).length > 0, Pe = ({
   id: t,
   variations: e
 }) => {
@@ -599,7 +614,7 @@ const A = ke(), Se = (t) => {
     if (n += (s = e[r]) == null ? void 0 : s.testRatio, o < n)
       return r;
   return t;
-}, $ = ({
+}, E = ({
   item: t,
   testGroupId: e
 }) => {
@@ -612,36 +627,36 @@ const A = ke(), Se = (t) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === t.id ? "Default" : "")
   };
-}, Oe = async ({
+}, Ue = async ({
   item: t,
   canTrack: e
 }) => {
-  const n = await $e({
+  const n = await Oe({
     canTrack: e,
     contentId: t.id
-  }), o = n ? $({ item: t, testGroupId: n }) : void 0;
+  }), o = n ? E({ item: t, testGroupId: n }) : void 0;
   if (o)
     return o;
   {
-    const s = je({
+    const s = Pe({
       variations: t.variations,
       id: t.id
     });
-    return Ee({
+    return Ae({
       contentId: t.id,
       value: s,
       canTrack: e
     }).catch((r) => {
       console.error("could not store A/B test variation: ", r);
-    }), $({ item: t, testGroupId: s });
+    }), E({ item: t, testGroupId: s });
   }
-}, Ae = async ({
+}, Ve = async ({
   item: t,
   canTrack: e
 }) => {
-  if (!Fe(t))
+  if (!Be(t))
     return;
-  const n = await Oe({ item: t, canTrack: e });
+  const n = await Ue({ item: t, canTrack: e });
   Object.assign(t, n);
 };
 function C(t, e = null, n = ".") {
@@ -654,27 +669,27 @@ function C(t, e = null, n = ".") {
     ].every(Boolean) ? { ...o, ...C(r, i, n) } : { ...o, [i]: r };
   }, {});
 }
-const E = "builder.", Be = "options.", Pe = (t) => {
+const F = "builder.", We = "options.", Le = (t) => {
   const e = {};
   return t.forEach((n, o) => {
     e[o] = n;
   }), e;
-}, Ue = (t) => {
+}, Ne = (t) => {
   if (!t)
     return {};
-  const e = V(t), n = {};
+  const e = N(t), n = {};
   return Object.keys(e).forEach((o) => {
-    if (o.startsWith(E)) {
-      const s = o.replace(E, "").replace(Be, "");
+    if (o.startsWith(F)) {
+      const s = o.replace(F, "").replace(We, "");
       n[s] = e[o];
     }
   }), n;
-}, Ve = () => {
-  if (!p())
+}, Me = () => {
+  if (!m())
     return {};
   const t = new URLSearchParams(window.location.search);
-  return Ue(t);
-}, V = (t) => t instanceof URLSearchParams ? Pe(t) : t, We = (t) => {
+  return Ne(t);
+}, N = (t) => t instanceof URLSearchParams ? Le(t) : t, ze = (t) => {
   const {
     limit: e = 30,
     userAttributes: n,
@@ -682,61 +697,67 @@ const E = "builder.", Be = "options.", Pe = (t) => {
     noTraverse: s = !1,
     model: r,
     apiKey: i,
-    includeRefs: l = !0,
+    includeRefs: c = !0,
     locale: a
   } = t;
   if (!i)
     throw new Error("Missing API key");
-  const u = new URL(
-    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${i}&limit=${e}&noTraverse=${s}&includeRefs=${l}${a ? `&locale=${a}` : ""}`
-  ), d = {
-    ...Ve(),
-    ...V(t.options || {})
-  }, h = C(d);
-  for (const c in h)
-    u.searchParams.set(c, String(h[c]));
-  if (n && u.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const c = C({ query: o });
-    for (const g in c)
-      u.searchParams.set(g, JSON.stringify(c[g]));
+  const d = new URL(
+    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${i}&limit=${e}&noTraverse=${s}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
+  ), u = {
+    ...Me(),
+    ...N(t.options || {})
+  }, h = C(u);
+  for (const l in h)
+    d.searchParams.set(l, String(h[l]));
+  if (n && d.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const l = C({ query: o });
+    for (const g in l)
+      d.searchParams.set(g, JSON.stringify(l[g]));
   }
-  return u;
+  return d;
 };
-async function W(t) {
-  return (await Ne({ ...t, limit: 1 })).results[0] || null;
+async function M(t) {
+  return (await Ke({ ...t, limit: 1 })).results[0] || null;
 }
-async function Ne(t) {
-  const e = We(t), o = await (await A(e.href)).json(), s = t.canTrack !== !1;
+async function Ke(t) {
+  const e = ze(t), o = await (await U(e.href)).json(), s = t.canTrack !== !1;
   if (s && Array.isArray(o.results))
     for (const r of o.results)
-      await Ae({ item: r, canTrack: s });
+      await Ve({ item: r, canTrack: s });
   return o;
 }
-const Le = () => Promise.resolve().then(() => an).then((t) => t.default).catch((t) => {
+const De = () => Promise.resolve().then(() => bn).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
     t
   ), t;
-}), Me = {
+}), He = {
   name: "builder-symbol",
-  components: { RenderContent: Le },
+  components: { RenderContent: De },
   props: ["attributes", "symbol", "dynamic"],
-  data: () => ({ fetchedContent: null }),
+  data() {
+    return { fetchedContent: null };
+  },
   inject: {
-    builderContext: "BuilderContext"
+    builderContext: S.key
   },
   watch: {
-    onUpdateHook0() {
-      const t = this.symbol;
-      t && !t.content && !this.fetchedContent && t.model && W({
-        model: t.model,
-        apiKey: this.builderContext.apiKey,
-        query: {
-          id: t.entry
-        }
-      }).then((e) => {
-        this.fetchedContent = e;
-      });
+    onUpdateHook0: {
+      handler() {
+        var e;
+        const t = this.symbol;
+        t && !t.content && !this.fetchedContent && t.model && ((e = this.builderContext) == null ? void 0 : e.apiKey) && M({
+          model: t.model,
+          apiKey: this.builderContext.apiKey,
+          query: {
+            id: t.entry
+          }
+        }).then((n) => {
+          this.fetchedContent = n;
+        });
+      },
+      immediate: !0
     }
   },
   computed: {
@@ -772,8 +793,8 @@ const Le = () => Promise.resolve().then(() => an).then((t) => t.default).catch((
     }
   }
 };
-var ze = function() {
-  var o, s, r, i, l;
+var qe = function() {
+  var o, s, r, i, c;
   var e = this, n = e._self._c;
   return n("div", e._b({ class: e._classStringToObject(e.className), attrs: { dataSet: {
     class: e.className
@@ -781,39 +802,39 @@ var ze = function() {
     ...(o = e.symbol) == null ? void 0 : o.data,
     ...e.builderContext.state,
     ...(i = (r = (s = e.symbol) == null ? void 0 : s.content) == null ? void 0 : r.data) == null ? void 0 : i.state
-  }, model: (l = e.symbol) == null ? void 0 : l.model, content: e.contentToUse } })], 1);
-}, Ke = [], De = /* @__PURE__ */ m(
-  Me,
-  ze,
-  Ke,
+  }, model: (c = e.symbol) == null ? void 0 : c.model, content: e.contentToUse } })], 1);
+}, Ge = [], Je = /* @__PURE__ */ p(
+  He,
+  qe,
+  Ge,
   !1,
   null,
   null,
   null,
   null
 );
-const He = De.exports, qe = {
+const Xe = Je.exports, Ye = {
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"]
 };
-var Ge = function() {
+var Qe = function() {
   var e = this, n = e._self._c;
-  return e.link ? n("a", e._b({ attrs: { role: "button", href: e.link, target: e.openLinkInNewTab ? "_blank" : void 0 } }, "a", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]) : n("button", e._b({ staticClass: "button-2fnk003dqad" }, "button", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]);
-}, Je = [], Xe = /* @__PURE__ */ m(
-  qe,
-  Ge,
-  Je,
+  return e.link ? n("a", e._b({ attrs: { role: "button", href: e.link, target: e.openLinkInNewTab ? "_blank" : void 0 } }, "a", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]) : n("button", e._b({ staticClass: "button-1pl23ac79ld" }, "button", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]);
+}, Ze = [], et = /* @__PURE__ */ p(
+  Ye,
+  Qe,
+  Ze,
   !1,
   null,
-  "b5c6b7e4",
+  "9d610bd1",
   null,
   null
 );
-const Ye = Xe.exports, Qe = {
+const tt = et.exports, nt = {
   name: "builder-section-component",
   props: ["attributes", "maxWidth"]
 };
-var Ze = function() {
+var ot = function() {
   var e = this, n = e._self._c;
   return n("section", e._b({ style: {
     width: "100%",
@@ -827,34 +848,34 @@ var Ze = function() {
     marginLeft: "auto",
     marginRight: "auto"
   } }, "section", e.attributes, !1), [e._t("default")], 2);
-}, et = [], tt = /* @__PURE__ */ m(
-  Qe,
-  Ze,
-  et,
+}, st = [], rt = /* @__PURE__ */ p(
+  nt,
+  ot,
+  st,
   !1,
   null,
   null,
   null,
   null
 );
-const nt = tt.exports, ot = {
+const it = rt.exports, at = {
   name: "builder-fragment-component",
   props: []
 };
-var st = function() {
+var ct = function() {
   var e = this, n = e._self._c;
   return n("span", [e._t("default")], 2);
-}, rt = [], it = /* @__PURE__ */ m(
-  ot,
-  st,
-  rt,
+}, lt = [], dt = /* @__PURE__ */ p(
+  at,
+  ct,
+  lt,
   !1,
   null,
   null,
   null,
   null
 );
-const at = it.exports, lt = {
+const ut = dt.exports, mt = {
   name: "Core:Button",
   builtIn: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -894,7 +915,7 @@ const at = it.exports, lt = {
 }, _ = (t) => {
   const e = t.toString().trim();
   return `return (${!e.startsWith("function") && !e.startsWith("(") ? "function " : ""}${e}).apply(this, arguments)`;
-}, ct = {
+}, pt = {
   name: "Columns",
   builtIn: !0,
   inputs: [
@@ -1093,7 +1114,7 @@ const at = it.exports, lt = {
           (s) => s.get("width")
         ) && (!!n.find(
           (r) => !r.get("width")
-        ) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && e();
+        ) || n.reduce((c, a) => c + a.get("width"), 0) !== 100) && e();
       })
     },
     {
@@ -1119,14 +1140,14 @@ const at = it.exports, lt = {
       advanced: !0
     }
   ]
-}, ut = {
+}, ht = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   builtIn: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, dt = {
+}, ft = {
   name: "Image",
   static: !0,
   builtIn: !0,
@@ -1146,33 +1167,35 @@ const at = it.exports, lt = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: _((t) => {
-        t.delete("srcset"), t.delete("noWebp");
-        function n(i, l = 6e4) {
-          return new Promise((a, u) => {
-            const d = document.createElement("img");
-            let h = !1;
-            d.onload = () => {
-              h = !0, a(d);
-            }, d.addEventListener("error", (c) => {
-              console.warn("Image load failed", c.error), u(c.error);
-            }), d.src = i, setTimeout(() => {
-              h || u(new Error("Image load timed out"));
-            }, l);
-          });
-        }
-        function o(i) {
-          return Math.round(i * 1e3) / 1e3;
+      onChange: _(
+        (t) => {
+          t.delete("srcset"), t.delete("noWebp");
+          function n(i, c = 6e4) {
+            return new Promise((a, d) => {
+              const u = document.createElement("img");
+              let h = !1;
+              u.onload = () => {
+                h = !0, a(u);
+              }, u.addEventListener("error", (l) => {
+                console.warn("Image load failed", l.error), d(l.error);
+              }), u.src = i, setTimeout(() => {
+                h || d(new Error("Image load timed out"));
+              }, c);
+            });
+          }
+          function o(i) {
+            return Math.round(i * 1e3) / 1e3;
+          }
+          const s = t.get("image"), r = t.get("aspectRatio");
+          if (fetch(s).then((i) => i.blob()).then((i) => {
+            i.type.includes("svg") && t.set("noWebp", !0);
+          }), s && (!r || r === 0.7041))
+            return n(s).then((i) => {
+              const c = t.get("aspectRatio");
+              t.get("image") === s && (!c || c === 0.7041) && i.width && i.height && (t.set("aspectRatio", o(i.height / i.width)), t.set("height", i.height), t.set("width", i.width));
+            });
         }
-        const s = t.get("image"), r = t.get("aspectRatio");
-        if (fetch(s).then((i) => i.blob()).then((i) => {
-          i.type.includes("svg") && t.set("noWebp", !0);
-        }), s && (!r || r === 0.7041))
-          return n(s).then((i) => {
-            const l = t.get("aspectRatio");
-            t.get("image") === s && (!l || l === 0.7041) && i.width && i.height && (t.set("aspectRatio", o(i.height / i.width)), t.set("height", i.height), t.set("width", i.width));
-          });
-      })
+      )
     },
     {
       name: "backgroundSize",
@@ -1252,7 +1275,7 @@ const at = it.exports, lt = {
       defaultValue: 0.7041
     }
   ]
-}, pt = {
+}, gt = {
   name: "Core:Section",
   static: !0,
   builtIn: !0,
@@ -1297,7 +1320,7 @@ const at = it.exports, lt = {
       }
     }
   ]
-}, mt = {
+}, bt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1336,7 +1359,7 @@ const at = it.exports, lt = {
       type: "boolean"
     }
   ]
-}, ht = {
+}, yt = {
   name: "Text",
   static: !0,
   builtIn: !0,
@@ -1356,7 +1379,7 @@ const at = it.exports, lt = {
     height: "auto",
     textAlign: "center"
   }
-}, ft = {
+}, vt = {
   name: "Video",
   canHaveChildren: !0,
   builtIn: !0,
@@ -1458,7 +1481,7 @@ const at = it.exports, lt = {
       advanced: !0
     }
   ]
-}, gt = {
+}, _t = {
   name: "Embed",
   static: !0,
   builtIn: !0,
@@ -1469,21 +1492,23 @@ const at = it.exports, lt = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: _((t) => {
-        const e = t.get("url");
-        if (e)
-          return t.set("content", "Loading..."), fetch(
-            `https://iframe.ly/api/iframely?url=${e}&api_key=ae0e60e78201a3f2b0de4b`
-          ).then((o) => o.json()).then((o) => {
-            t.get("url") === e && (o.html ? t.set("content", o.html) : t.set("content", "Invalid url, please try another"));
-          }).catch((o) => {
-            t.set(
-              "content",
-              "There was an error embedding this URL, please try again or another URL"
-            );
-          });
-        t.delete("content");
-      })
+      onChange: _(
+        (t) => {
+          const e = t.get("url");
+          if (e)
+            return t.set("content", "Loading..."), fetch(
+              `https://iframe.ly/api/iframely?url=${e}&api_key=ae0e60e78201a3f2b0de4b`
+            ).then((o) => o.json()).then((o) => {
+              t.get("url") === e && (o.html ? t.set("content", o.html) : t.set("content", "Invalid url, please try another"));
+            }).catch((o) => {
+              t.set(
+                "content",
+                "There was an error embedding this URL, please try again or another URL"
+              );
+            });
+          t.delete("content");
+        }
+      )
     },
     {
       name: "content",
@@ -1492,17 +1517,22 @@ const at = it.exports, lt = {
       hideFromUI: !0
     }
   ]
-}, bt = [
+}, xt = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], yt = (t) => bt.includes(t.type), vt = {
+], Ct = (t) => xt.includes(t.type), kt = {
   name: "builder-embed",
   props: ["content"],
-  data: () => ({ scriptsInserted: [], scriptsRun: [], ranInitFn: !1 }),
+  data() {
+    return { scriptsInserted: [], scriptsRun: [], ranInitFn: !1 };
+  },
   watch: {
-    onUpdateHook0() {
-      this.$refs.elem && !this.ranInitFn && (this.ranInitFn = !0, this.findAndRunScripts());
+    onUpdateHook0: {
+      handler() {
+        this.$refs.elem && !this.ranInitFn && (this.ranInitFn = !0, this.findAndRunScripts());
+      },
+      immediate: !0
     }
   },
   computed: {
@@ -1524,7 +1554,7 @@ const at = it.exports, lt = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (yt(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Ct(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1534,27 +1564,27 @@ const at = it.exports, lt = {
     }
   }
 };
-var _t = function() {
+var wt = function() {
   var e = this, n = e._self._c;
   return n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: e._s(e.content) } });
-}, xt = [], Ct = /* @__PURE__ */ m(
-  vt,
-  _t,
-  xt,
+}, St = [], It = /* @__PURE__ */ p(
+  kt,
+  wt,
+  St,
   !1,
   null,
   null,
   null,
   null
 );
-const kt = Ct.exports;
-function St() {
-  return p() && window.self !== window.top;
+const Rt = It.exports;
+function Tt() {
+  return m() && window.self !== window.top;
 }
 function f() {
-  return St() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return Tt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const wt = {
+const $t = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1564,25 +1594,27 @@ const wt = {
     "image",
     "attributes"
   ],
-  data: () => ({ isEditing: f })
+  data() {
+    return { isEditing: f };
+  }
 };
-var It = function() {
+var Et = function() {
   var e = this, n = e._self._c;
   return n("img", e._b({ key: e.isEditing() && e.imgSrc || "default-key", style: {
     objectFit: e.backgroundSize || "cover",
     objectPosition: e.backgroundPosition || "center"
   }, attrs: { alt: e.altText, src: e.imgSrc || e.image } }, "img", e.attributes, !1));
-}, Rt = [], Tt = /* @__PURE__ */ m(
-  wt,
-  It,
-  Rt,
+}, Ft = [], jt = /* @__PURE__ */ p(
+  $t,
+  Et,
+  Ft,
   !1,
   null,
   null,
   null,
   null
 );
-const $t = Tt.exports, Et = {
+const Ot = jt.exports, At = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   builtIn: !0,
@@ -1598,10 +1630,12 @@ const $t = Tt.exports, Et = {
   ],
   noWrap: !0,
   static: !0
-}, Ft = {
+}, Bt = {
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
-  data: () => ({ scriptsInserted: [], scriptsRun: [] }),
+  data() {
+    return { scriptsInserted: [], scriptsRun: [] };
+  },
   mounted() {
     this.findAndRunScripts();
   },
@@ -1644,22 +1678,22 @@ const $t = Tt.exports, Et = {
     }
   }
 };
-var jt = function() {
+var Pt = function() {
   var e = this, n = e._self._c;
   return n("div", { ref: "elem", class: e._classStringToObject(
     "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
   ), domProps: { innerHTML: e._s(e.code) } });
-}, Ot = [], At = /* @__PURE__ */ m(
-  Ft,
-  jt,
-  Ot,
+}, Ut = [], Vt = /* @__PURE__ */ p(
+  Bt,
+  Pt,
+  Ut,
   !1,
   null,
   null,
   null,
   null
 );
-const Bt = At.exports, Pt = {
+const Wt = Vt.exports, Lt = {
   name: "Custom Code",
   static: !0,
   builtIn: !0,
@@ -1686,20 +1720,20 @@ const Bt = At.exports, Pt = {
       advanced: !0
     }
   ]
-}, Ut = () => [
-  { component: se, ...ct },
-  { component: de, ...dt },
-  { component: $t, ...Et },
-  { component: ge, ...ht },
-  { component: xe, ...ft },
-  { component: He, ...mt },
-  { component: Ye, ...lt },
-  { component: nt, ...pt },
-  { component: at, ...ut },
-  { component: kt, ...gt },
-  { component: Bt, ...Pt }
+}, Nt = () => [
+  { component: ae, ...pt },
+  { component: he, ...ft },
+  { component: Ot, ...At },
+  { component: ve, ...yt },
+  { component: we, ...vt },
+  { component: Xe, ...bt },
+  { component: tt, ...mt },
+  { component: it, ...gt },
+  { component: ut, ...ht },
+  { component: Rt, ..._t },
+  { component: Wt, ...Lt }
 ];
-function F({
+function j({
   code: t,
   context: e,
   state: n,
@@ -1712,9 +1746,9 @@ function F({
   }
   const r = {
     isEditing: f(),
-    isBrowser: p(),
-    isServer: !p()
-  }, l = s && !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
+    isBrowser: m(),
+    isServer: !m()
+  }, c = s && !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
   try {
     return new Function(
       "builder",
@@ -1722,127 +1756,162 @@ function F({
       "state",
       "context",
       "event",
-      l
+      c
     )(r, r, n, e, o);
   } catch (a) {
     console.warn(
       `Builder custom code error: 
  While Evaluating: 
  `,
-      l,
+      c,
       `
 `,
       a
     );
   }
 }
-function Vt() {
-  return !p() || f() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+function Mt() {
+  return !m() || f() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const N = [];
-function bn(t, e) {
-  return N.push({ component: t, ...e }), console.warn(
+const z = [];
+function Rn(t, e) {
+  return z.push({ component: t, ...e }), console.warn(
     "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
   ), t;
 }
-const Wt = ({
+const zt = ({
   component: t,
   ...e
 }) => ({
   type: "builder.registerComponent",
-  data: Lt(e)
-}), Nt = (t) => typeof t == "function" ? _(t) : S(t), Lt = ({
+  data: Dt(e)
+}), Kt = (t) => typeof t == "function" ? _(t) : w(t), Dt = ({
   inputs: t,
   ...e
 }) => ({
-  ...S(e),
+  ...w(e),
   inputs: t == null ? void 0 : t.map(
     (n) => Object.entries(n).reduce(
       (o, [s, r]) => ({
         ...o,
-        [s]: Nt(r)
+        [s]: Kt(r)
       }),
       {}
     )
   )
 });
-function Mt() {
+function Ht() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
     const e = Math.random() * 16 | 0;
     return (t == "x" ? e : e & 3 | 8).toString(16);
   });
 }
-function L() {
-  return Mt().replace(/-/g, "");
+function K() {
+  return Ht().replace(/-/g, "");
 }
-const M = "builderSessionId", zt = async ({ canTrack: t }) => {
+const D = "builderSessionId", qt = async ({
+  canTrack: t
+}) => {
   if (!t)
     return;
-  const e = await B({
-    name: M,
+  const e = await V({
+    name: D,
     canTrack: t
   });
-  if (y(e))
+  if (b(e))
     return e;
   {
-    const n = Kt();
-    Dt({ id: n, canTrack: t });
+    const n = Gt();
+    return Jt({ id: n, canTrack: t }), n;
   }
-}, Kt = () => L(), Dt = ({
+}, Gt = () => K(), Jt = ({
   id: t,
   canTrack: e
-}) => P({ name: M, value: t, canTrack: e }), z = () => p() && typeof localStorage < "u" ? localStorage : void 0, Ht = ({
+}) => W({ name: D, value: t, canTrack: e }), H = () => m() && typeof localStorage < "u" ? localStorage : void 0, Xt = ({
   key: t,
   canTrack: e
 }) => {
   var n;
   try {
-    return e ? (n = z()) == null ? void 0 : n.getItem(t) : void 0;
+    return e ? (n = H()) == null ? void 0 : n.getItem(t) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
+    return;
   }
-}, qt = ({
+}, Yt = ({
   key: t,
   canTrack: e,
   value: n
 }) => {
   var o;
   try {
-    e && ((o = z()) == null || o.setItem(t, n));
+    e && ((o = H()) == null || o.setItem(t, n));
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, K = "builderVisitorId", Gt = ({ canTrack: t }) => {
+}, q = "builderVisitorId", Qt = ({ canTrack: t }) => {
   if (!t)
     return;
-  const e = Ht({
-    key: K,
+  const e = Xt({
+    key: q,
     canTrack: t
   });
-  if (y(e))
+  if (b(e))
     return e;
   {
-    const n = Jt();
-    Xt({ id: n, canTrack: t });
+    const n = Zt();
+    return en({ id: n, canTrack: t }), n;
   }
-}, Jt = () => L(), Xt = ({
+}, Zt = () => K(), en = ({
   id: t,
   canTrack: e
-}) => qt({
-  key: K,
+}) => Yt({
+  key: q,
   value: t,
   canTrack: e
-}), Yt = async ({
+}), tn = () => {
+  if (m()) {
+    const t = new URL(location.href);
+    return t.pathname === "" && (t.pathname = "/"), t;
+  } else
+    return console.warn("Cannot get location for tracking in non-browser environment"), null;
+}, nn = () => typeof navigator == "object" && navigator.userAgent || "", on = () => {
+  const t = nn(), e = {
+    Android() {
+      return t.match(/Android/i);
+    },
+    BlackBerry() {
+      return t.match(/BlackBerry/i);
+    },
+    iOS() {
+      return t.match(/iPhone|iPod/i);
+    },
+    Opera() {
+      return t.match(/Opera Mini/i);
+    },
+    Windows() {
+      return t.match(/IEMobile/i) || t.match(/WPDesktop/i);
+    },
+    any() {
+      return e.Android() || e.BlackBerry() || e.iOS() || e.Opera() || e.Windows() || v === "reactNative";
+    }
+  }, n = t.match(/Tablet|iPad/i), o = tn();
+  return {
+    urlPath: o == null ? void 0 : o.pathname,
+    host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
+    device: n ? "tablet" : e.any() ? "mobile" : "desktop"
+  };
+}, sn = async ({
   canTrack: t
 }) => {
   if (!t)
     return { visitorId: void 0, sessionId: void 0 };
-  const e = await zt({ canTrack: t }), n = Gt({ canTrack: t });
+  const e = await qt({ canTrack: t }), n = Qt({ canTrack: t });
   return {
     sessionId: e,
     visitorId: n
   };
-}, Qt = async ({
+}, rn = async ({
   type: t,
   canTrack: e,
   apiKey: n,
@@ -1852,8 +1921,12 @@ const M = "builderSessionId", zt = async ({ canTrack: t }) => {
   type: t,
   data: {
     ...s,
-    metadata: JSON.stringify(o),
-    ...await Yt({ canTrack: e }),
+    metadata: {
+      url: location.href,
+      ...o
+    },
+    ...await sn({ canTrack: e }),
+    userAttributes: on(),
     ownerId: n
   }
 });
@@ -1864,11 +1937,11 @@ async function k(t) {
     );
     return;
   }
-  if (!!t.canTrack && !f() && !!(p() || v === "reactNative"))
+  if (!!t.canTrack && !f() && !!(m() || v === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Qt(t)]
+        events: [await rn(t)]
       }),
       headers: {
         "content-type": "application/json"
@@ -1878,21 +1951,58 @@ async function k(t) {
       console.error("Failed to track: ", e);
     });
 }
-const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then(() => D).then((t) => t.default).catch((t) => {
+const Tn = (t) => k({ ...t, canTrack: !0 });
+function O(t) {
+  return Math.round(t * 1e3) / 1e3;
+}
+const an = (t, e, n = !0) => {
+  if (!(t instanceof HTMLElement))
+    return null;
+  let o = n ? t : t.parentElement;
+  do {
+    if (!o)
+      return null;
+    if (e(o))
+      return o;
+  } while (o = o.parentElement);
+  return null;
+}, cn = (t) => an(t, (e) => {
+  const n = e.getAttribute("builder-id") || e.id;
+  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
+}), A = ({
+  event: t,
+  target: e
+}) => {
+  const n = e.getBoundingClientRect(), o = t.clientX - n.left, s = t.clientY - n.top, r = O(o / n.width), i = O(s / n.height);
+  return {
+    x: r,
+    y: i
+  };
+}, ln = (t) => {
+  const e = t.target, n = e && cn(e), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+  return {
+    targetBuilderElement: o || void 0,
+    metadata: {
+      targetOffset: e ? A({ event: t, target: e }) : void 0,
+      builderTargetOffset: n ? A({ event: t, target: n }) : void 0,
+      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
+    }
+  };
+}, dn = () => Promise.resolve().then(() => G).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     t
   ), t;
-}), en = () => import("./render-styles.571858fa.js").then((t) => t.default).catch((t) => {
+}), un = () => import("./render-styles.78a78d13.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     t
   ), t;
-}), tn = {
+}), mn = {
   name: "render-content",
   components: {
-    RenderContentStyles: en,
-    RenderBlocks: Zt
+    RenderContentStyles: un,
+    RenderBlocks: dn
   },
   props: [
     "content",
@@ -1905,32 +2015,39 @@ const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then((
     "apiKey",
     "includeRefs"
   ],
-  data: () => ({
-    forceReRenderCount: 0,
-    overrideContent: null,
-    update: 0,
-    useBreakpoints: null,
-    overrideState: {}
-  }),
+  data() {
+    return {
+      forceReRenderCount: 0,
+      overrideContent: null,
+      update: 0,
+      useBreakpoints: null,
+      canTrackToUse: b(this.canTrack) ? this.canTrack : !0,
+      overrideState: {},
+      contextContext: this.context || {},
+      allRegisteredComponents: [
+        ...Nt(),
+        ...z,
+        ...this.customComponents || []
+      ].reduce(
+        (t, e) => ({
+          ...t,
+          [e.name]: e
+        }),
+        {}
+      ),
+      httpReqsData: {},
+      clicked: !1
+    };
+  },
   provide() {
     const t = this;
     return {
-      BuilderContext: {
-        get content() {
-          return t.useContent;
-        },
-        get state() {
-          return t.contentState;
-        },
-        get context() {
-          return t.contextContext;
-        },
-        get apiKey() {
-          return t.apiKey;
-        },
-        get registeredComponents() {
-          return t.allRegisteredComponents;
-        }
+      [S.key]: {
+        content: t.useContent,
+        state: t.contentState,
+        context: t.contextContext,
+        apiKey: t.apiKey,
+        registeredComponents: t.allRegisteredComponents
       }
     };
   },
@@ -1938,8 +2055,8 @@ const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then((
     var t, e;
     if (this.apiKey || console.error(
       "[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), p()) {
-      if (f() && (this.forceReRenderCount = this.forceReRenderCount + 1, q(), G({
+    ), m()) {
+      if (f() && (this.forceReRenderCount = this.forceReRenderCount + 1, X(), Y({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -1949,7 +2066,7 @@ const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then((
       }), Object.values(this.allRegisteredComponents).forEach(
         (n) => {
           var s;
-          const o = Wt(n);
+          const o = zt(n);
           (s = window.parent) == null || s.postMessage(o, "*");
         }
       ), window.addEventListener("message", this.processMessage), window.addEventListener(
@@ -1965,58 +2082,62 @@ const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then((
           variationId: n !== o ? n : void 0
         });
       }
-      if (Vt()) {
-        const n = new URL(location.href).searchParams;
-        if (this.model && n.get("builder.preview") === this.model) {
-          const o = n.get("apiKey") || n.get("builder.space");
-          o && W({
-            model: this.model,
-            apiKey: o
-          }).then((s) => {
-            s && (this.overrideContent = s);
-          });
-        }
+      if (Mt()) {
+        const n = new URL(location.href).searchParams, o = n.get("builder.preview"), s = n.get("apiKey") || n.get("builder.space");
+        o === this.model && s === this.apiKey && M({
+          model: this.model,
+          apiKey: this.apiKey
+        }).then((r) => {
+          r && (this.overrideContent = r);
+        });
       }
       this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
     }
   },
   watch: {
-    onUpdateHook0() {
-      this.evaluateJsCode();
+    onUpdateHook0: {
+      handler() {
+        this.evaluateJsCode();
+      },
+      immediate: !0
     },
-    onUpdateHook1() {
-      this.runHttpRequests();
+    onUpdateHook1: {
+      handler() {
+        this.runHttpRequests();
+      },
+      immediate: !0
     },
-    onUpdateHook2() {
-      this.emitStateUpdate();
+    onUpdateHook2: {
+      handler() {
+        this.emitStateUpdate();
+      },
+      immediate: !0
     }
   },
   unmounted() {
-    p() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    m() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
   },
   computed: {
     useContent() {
-      var e, n, o, s, r, i, l, a;
-      return !this.content && !this.overrideContent ? void 0 : {
-        ...this.content,
-        ...this.overrideContent,
-        data: {
-          ...(e = this.content) == null ? void 0 : e.data,
-          ...this.data,
-          ...(n = this.overrideContent) == null ? void 0 : n.data
-        },
-        meta: {
-          ...(o = this.content) == null ? void 0 : o.meta,
-          ...(s = this.overrideContent) == null ? void 0 : s.meta,
-          breakpoints: this.useBreakpoints || ((i = (r = this.overrideContent) == null ? void 0 : r.meta) == null ? void 0 : i.breakpoints) || ((a = (l = this.content) == null ? void 0 : l.meta) == null ? void 0 : a.breakpoints)
-        }
-      };
-    },
-    canTrackToUse() {
-      return this.canTrack || !0;
+      var t, e, n, o, s, r, i, c;
+      if (!(!this.content && !this.overrideContent))
+        return {
+          ...this.content,
+          ...this.overrideContent,
+          data: {
+            ...(t = this.content) == null ? void 0 : t.data,
+            ...this.data,
+            ...(e = this.overrideContent) == null ? void 0 : e.data
+          },
+          meta: {
+            ...(n = this.content) == null ? void 0 : n.meta,
+            ...(o = this.overrideContent) == null ? void 0 : o.meta,
+            breakpoints: this.useBreakpoints || ((r = (s = this.overrideContent) == null ? void 0 : s.meta) == null ? void 0 : r.breakpoints) || ((c = (i = this.content) == null ? void 0 : i.meta) == null ? void 0 : c.breakpoints)
+          }
+        };
     },
     contentState() {
       var t, e;
@@ -2029,25 +2150,6 @@ const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then((
         ...this.overrideState
       };
     },
-    contextContext() {
-      return this.context || {};
-    },
-    allRegisteredComponents() {
-      return [
-        ...Ut(),
-        ...N,
-        ...this.customComponents || []
-      ].reduce(
-        (n, o) => ({
-          ...n,
-          [o.name]: o
-        }),
-        {}
-      );
-    },
-    httpReqsData() {
-      return {};
-    },
     shouldRenderContentStyles() {
       var t, e, n, o, s;
       return Boolean(
@@ -2096,7 +2198,7 @@ const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then((
     evaluateJsCode() {
       var e, n;
       const t = (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode;
-      t && F({
+      t && j({
         code: t,
         context: this.contextContext,
         state: this.contentState
@@ -2111,14 +2213,17 @@ const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then((
           canTrack: this.canTrackToUse,
           contentId: s,
           apiKey: this.apiKey,
-          variationId: o !== s ? o : void 0
+          variationId: o !== s ? o : void 0,
+          ...ln(t),
+          unique: !this.clicked
         });
       }
+      this.clicked || (this.clicked = !0);
     },
     evalExpression(t) {
       return t.replace(
         /{{([^}]+)}}/g,
-        (e, n) => F({
+        (e, n) => j({
           code: n,
           context: this.contextContext,
           state: this.contentState
@@ -2126,7 +2231,7 @@ const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then((
       );
     },
     handleRequest({ url: t, key: e }) {
-      A(t).then((n) => n.json()).then((n) => {
+      U(t).then((n) => n.json()).then((n) => {
         const o = {
           ...this.overrideState,
           [e]: n
@@ -2163,41 +2268,41 @@ const yn = (t) => k({ ...t, canTrack: !0 }), Zt = () => Promise.resolve().then((
     }
   }
 };
-var nn = function() {
-  var o, s, r, i, l, a, u;
+var pn = function() {
+  var o, s, r, i, c, a, d;
   var e = this, n = e._self._c;
-  return e.useContent ? n("div", { ref: "elementRef", attrs: { "builder-content-id": (o = e.useContent) == null ? void 0 : o.id, "builder-model": e.model }, on: { click: function(d) {
-    return e.onClick(d);
-  } } }, [e.shouldRenderContentStyles ? [n("render-content-styles", { attrs: { cssCode: (r = (s = e.useContent) == null ? void 0 : s.data) == null ? void 0 : r.cssCode, customFonts: (l = (i = e.useContent) == null ? void 0 : i.data) == null ? void 0 : l.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (u = (a = e.useContent) == null ? void 0 : a.data) == null ? void 0 : u.blocks } })], 2) : e._e();
-}, on = [], sn = /* @__PURE__ */ m(
-  tn,
-  nn,
-  on,
+  return e.useContent ? n("div", { ref: "elementRef", attrs: { "builder-content-id": (o = e.useContent) == null ? void 0 : o.id, "builder-model": e.model }, on: { click: function(u) {
+    return e.onClick(u);
+  } } }, [e.shouldRenderContentStyles ? [n("render-content-styles", { attrs: { cssCode: (r = (s = e.useContent) == null ? void 0 : s.data) == null ? void 0 : r.cssCode, customFonts: (c = (i = e.useContent) == null ? void 0 : i.data) == null ? void 0 : c.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (d = (a = e.useContent) == null ? void 0 : a.data) == null ? void 0 : d.blocks } })], 2) : e._e();
+}, hn = [], fn = /* @__PURE__ */ p(
+  mn,
+  pn,
+  hn,
   !1,
   null,
   null,
   null,
   null
 );
-const rn = sn.exports, an = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gn = fn.exports, bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: rn
-}, Symbol.toStringTag, { value: "Module" })), ln = () => import("./block-styles.41c88ebb.js").then((t) => t.default).catch((t) => {
+  default: gn
+}, Symbol.toStringTag, { value: "Module" })), yn = () => import("./block-styles.d52d65f7.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     t
   ), t;
-}), cn = () => import("./render-block.55447f79.js").then((t) => t.default).catch((t) => {
+}), vn = () => import("./render-block.5069cc94.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
     t
   ), t;
-}), un = {
+}), _n = {
   name: "render-blocks",
-  components: { RenderBlock: cn, BlockStyles: ln },
+  components: { RenderBlock: vn, BlockStyles: yn },
   props: ["blocks", "parent", "path", "styleProp"],
   inject: {
-    builderContext: "BuilderContext"
+    builderContext: S.key
   },
   computed: {
     className() {
@@ -2243,7 +2348,7 @@ const rn = sn.exports, an = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
     }
   }
 };
-var dn = function() {
+var xn = function() {
   var e = this, n = e._self._c;
   return n("div", { class: e._classStringToObject(e.className + " div-23e8fqt91nf"), style: e.styleProp, attrs: { "builder-path": e.path, "builder-parent-id": e.parent, dataSet: {
     class: e.className
@@ -2256,61 +2361,62 @@ var dn = function() {
   }) : e._e(), e.blocks ? e._l(e.blocks, function(o, s) {
     return n("block-styles", { key: "block-style-" + o.id, attrs: { block: o, context: e.builderContext } });
   }) : e._e()], 2);
-}, pn = [], mn = /* @__PURE__ */ m(
-  un,
-  dn,
-  pn,
+}, Cn = [], kn = /* @__PURE__ */ p(
+  _n,
+  xn,
+  Cn,
   !1,
   null,
-  "713efc9e",
+  "7c56f14d",
   null,
   null
 );
-const hn = mn.exports, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wn = kn.exports, G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: hn
-}, Symbol.toStringTag, { value: "Module" })), j = {};
-function vn(t) {
-  if (p()) {
-    Object.assign(j, t);
+  default: wn
+}, Symbol.toStringTag, { value: "Module" })), B = {};
+function $n(t) {
+  if (m()) {
+    Object.assign(B, t);
     const e = {
       type: "builder.settingsChange",
-      data: j
+      data: B
     };
     parent.postMessage(e, "*");
   }
 }
 export {
-  Ye as B,
-  se as C,
-  at as F,
-  de as I,
-  He as S,
+  S as B,
+  ae as C,
+  ut as F,
+  he as I,
+  Xe as S,
   v as T,
-  xe as V,
-  fn as a,
-  Y as b,
-  gn as c,
-  ge as d,
-  F as e,
-  S as f,
-  J as g,
-  nt as h,
-  hn as i,
-  f as j,
-  Vt as k,
-  N as l,
-  bn as m,
-  m as n,
-  Wt as o,
-  H as p,
-  W as q,
-  rn as r,
-  vn as s,
-  yn as t,
-  Ne as u,
-  Pe as v,
-  Ue as w,
-  Ve as x,
-  V as y
+  we as V,
+  Sn as a,
+  ee as b,
+  In as c,
+  ve as d,
+  j as e,
+  w as f,
+  Q as g,
+  tt as h,
+  it as i,
+  wn as j,
+  f as k,
+  Mt as l,
+  z as m,
+  p as n,
+  Rn as o,
+  zt as p,
+  J as q,
+  gn as r,
+  $n as s,
+  Tn as t,
+  M as u,
+  Ke as v,
+  Le as w,
+  Ne as x,
+  Me as y,
+  N as z
 };