@builder.io/sdk-vue 0.1.6 → 0.1.8

package/packages/_vue3/dist/{index.8392057e.js → index.d8e8e5a6.js}

@@ -1,4 +1,4 @@
-import { openBlock as d, createElementBlock as u, mergeProps as _, toHandlers as w, toDisplayString as M, defineAsyncComponent as x, resolveComponent as k, normalizeClass as j, normalizeStyle as I, createBlock as T, createCommentVNode as b, Fragment as E, renderList as F, createVNode as Q, renderSlot as A, createElementVNode as $ } from "vue";
+import { openBlock as d, createElementBlock as u, mergeProps as C, toHandlers as w, toDisplayString as M, defineAsyncComponent as x, resolveComponent as k, normalizeClass as j, normalizeStyle as I, createBlock as T, createCommentVNode as b, Fragment as E, renderList as P, createVNode as Q, renderSlot as A, createElementVNode as $ } from "vue";
 const R = "vue3";
 function f() {
   return typeof window < "u" && typeof document < "u";
@@ -64,17 +64,17 @@ const fe = (e = {}) => {
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const a = o.data.text, i = o.data.arguments || [], c = o.data.id, l = new Function(a);
+          const i = o.data.text, c = o.data.arguments || [], a = o.data.id, l = new Function(i);
           let m, p = null;
           try {
-            m = l.apply(null, i);
+            m = l.apply(null, c);
           } catch (h) {
             p = h;
           }
           p ? (r = window.parent) == null || r.postMessage(
             {
               type: "builder.evaluateError",
-              data: { id: c, error: p.message }
+              data: { id: a, error: p.message }
             },
             "*"
           ) : m && typeof m.then == "function" ? m.then((h) => {
@@ -82,14 +82,14 @@ const fe = (e = {}) => {
             (v = window.parent) == null || v.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: c, result: h }
+                data: { id: a, result: h }
               },
               "*"
             );
           }).catch(console.error) : (s = window.parent) == null || s.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: m, id: c }
+              data: { result: m, id: a }
             },
             "*"
           );
@@ -102,11 +102,14 @@ const fe = (e = {}) => {
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   methods: {
     filterAttrs: function(n = {}, t) {
-      const o = "v-on:", r = (i) => i.startsWith(o), s = (i) => !i.startsWith(o), a = (i) => i.replace(o, "");
-      return Object.keys(n).filter(t ? r : s).reduce(
-        (i, c) => ({
-          ...i,
-          [a(c)]: n[c]
+      const o = "v-on:";
+      return Object.keys(n).filter((r) => {
+        const s = r.startsWith(o);
+        return t ? s : !s;
+      }).reduce(
+        (r, s) => ({
+          ...r,
+          [s.replace(o, "")]: n[s]
         }),
         {}
       );
@@ -120,17 +123,17 @@ const g = (e, n) => {
   return t;
 }, be = ["href", "target"];
 function ye(e, n, t, o, r, s) {
-  return t.link ? (d(), u("a", _({
+  return t.link ? (d(), u("a", C({
     key: 0,
     role: "button",
     href: t.link,
     target: t.openLinkInNewTab ? "_blank" : void 0
-  }, s.filterAttrs(t.attributes, !1), w(s.filterAttrs(t.attributes, !0), !0)), M(t.text), 17, be)) : (d(), u("button", _({
+  }, s.filterAttrs(t.attributes, !1), w(s.filterAttrs(t.attributes, !0), !0)), M(t.text), 17, be)) : (d(), u("button", C({
     key: 1,
-    class: "button-7fq9d0i380"
+    class: "button-1yj9n7yt24z"
   }, s.filterAttrs(t.attributes, !1), w(s.filterAttrs(t.attributes, !0), !0)), M(t.text), 17));
 }
-const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-465ad941"]]), V = (e) => JSON.parse(JSON.stringify(e)), Z = {
+const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-28c9cee7"]]), W = (e) => JSON.parse(JSON.stringify(e)), Z = {
   small: {
     min: 320,
     default: 321,
@@ -146,8 +149,8 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-465ad941
     default: 991,
     max: 1200
   }
-}, Pn = (e, n = Z) => `@media (max-width: ${n[e].max}px)`, xe = ({ small: e, medium: n }) => {
-  const t = V(Z);
+}, On = (e, n = Z) => `@media (max-width: ${n[e].max}px)`, xe = ({ small: e, medium: n }) => {
+  const t = W(Z);
   if (!e || !n)
     return t;
   const o = Math.floor(e / 2);
@@ -171,32 +174,44 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-465ad941
 }, ke = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), S = (e) => e != null, Se = (e) => Object.entries(e).map(([t, o]) => {
   if (typeof o == "string")
     return `${ke(t)}: ${o};`;
-}).filter(S), C = (e) => Se(e).join(`
-`), On = ({
+}).filter(S), _ = (e) => Se(e).join(`
+`), Fn = ({
   mediaQuery: e,
   className: n,
   styles: t
 }) => {
   const o = `.${n} {
-    ${C(t)}
+    ${_(t)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
+}, Ce = Symbol(), O = {
+  Builder: {
+    content: null,
+    context: {},
+    state: {},
+    setState() {
+    },
+    apiKey: null,
+    registeredComponents: {},
+    inheritedStyles: {}
+  },
+  key: Ce
 }, _e = () => Promise.resolve().then(() => ee).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     e
   ), e;
-}), Ce = () => import("./render-inlined-styles.0773feb1.js").then((e) => e.default).catch((e) => {
+}), we = () => import("./render-inlined-styles.d2e5f785.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
     e
   ), e;
-}), we = {
+}), Ie = {
   name: "builder-columns",
   components: {
-    RenderInlinedStyles: x(Ce),
+    RenderInlinedStyles: x(we),
     RenderBlocks: x(_e)
   },
   props: [
@@ -204,12 +219,14 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-465ad941
     "columns",
     "stackColumnsAt",
     "reverseColumnsWhenStacked",
-    "customBreakpoints",
     "builderBlock"
   ],
   data() {
     return { TARGET: R };
   },
+  inject: {
+    builderContext: O.key
+  },
   computed: {
     columnsCssVars() {
       const e = this.stackColumnsAt === "never" ? "inherit" : this.reverseColumnsWhenStacked ? "column-reverse" : "column";
@@ -255,21 +272,21 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-465ad941
       return `
       @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
         .${this.builderBlock.id}-breakpoints {
-          ${C(this.columnStyleObjects.columns.medium)}
+          ${_(this.columnStyleObjects.columns.medium)}
         }
 
         .${this.builderBlock.id}-breakpoints > .builder-column {
-          ${C(this.columnStyleObjects.column.medium)}
+          ${_(this.columnStyleObjects.column.medium)}
         }
       }
 
       @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
         .${this.builderBlock.id}-breakpoints {
-          ${C(this.columnStyleObjects.columns.small)}
+          ${_(this.columnStyleObjects.columns.small)}
         }
 
         .${this.builderBlock.id}-breakpoints > .builder-column {
-          ${C(this.columnStyleObjects.column.small)}
+          ${_(this.columnStyleObjects.column.small)}
         }
       },
     `;
@@ -301,8 +318,9 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-465ad941
       return (this.stackColumnsAt || "tablet") === "tablet" ? e : "inherit";
     },
     getWidthForBreakpointSize(e) {
+      var t, o;
       return xe(
-        this.customBreakpoints || {}
+        ((o = (t = this.builderContext.content) == null ? void 0 : t.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
     _classStringToObject(e) {
@@ -316,12 +334,12 @@ const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-465ad941
     }
   }
 };
-function Ie(e, n, t, o, r, s) {
-  const a = k("render-inlined-styles"), i = k("render-blocks");
+function Te(e, n, t, o, r, s) {
+  const i = k("render-inlined-styles"), c = k("render-blocks");
   return d(), u("div", {
     class: j(
       s._classStringToObject(
-        `builder-columns ${t.builderBlock.id}-breakpoints div-1eih9th5ow6`
+        `builder-columns ${t.builderBlock.id}-breakpoints div-361b1o6wv2k`
       )
     ),
     style: I({
@@ -329,13 +347,13 @@ function Ie(e, n, t, o, r, s) {
       ...s.columnsCssVars
     })
   }, [
-    r.TARGET !== "reactNative" ? (d(), T(a, {
+    r.TARGET !== "reactNative" ? (d(), T(i, {
       key: 0,
       styles: s.columnsStyles
     }, null, 8, ["styles"])) : b("", !0),
-    (d(!0), u(E, null, F(t.columns, (c, l) => (d(), u("div", {
+    (d(!0), u(E, null, P(t.columns, (a, l) => (d(), u("div", {
       key: l,
-      class: "builder-column div-1eih9th5ow6-2",
+      class: "builder-column div-361b1o6wv2k-2",
       style: I({
         width: s.getColumnCssWidth(l),
         marginLeft: `${l === 0 ? 0 : s.getGutterSize()}px`,
@@ -343,8 +361,8 @@ function Ie(e, n, t, o, r, s) {
         ...s.columnCssVars
       })
     }, [
-      Q(i, {
-        blocks: c.blocks,
+      Q(c, {
+        blocks: a.blocks,
         path: `component.options.columns.${l}.blocks`,
         parent: t.builderBlock.id,
         styleProp: {
@@ -354,24 +372,24 @@ function Ie(e, n, t, o, r, s) {
     ], 4))), 128))
   ], 6);
 }
-const Te = /* @__PURE__ */ g(we, [["render", Ie], ["__scopeId", "data-v-8bc87868"]]), Re = {
+const Re = /* @__PURE__ */ g(Ie, [["render", Te], ["__scopeId", "data-v-64d36a32"]]), Ee = {
   name: "builder-fragment-component",
   props: []
 };
-function Ee(e, n, t, o, r, s) {
+function Ae(e, n, t, o, r, s) {
   return d(), u("span", null, [
     A(e.$slots, "default")
   ]);
 }
-const Ae = /* @__PURE__ */ g(Re, [["render", Ee]]);
+const je = /* @__PURE__ */ g(Ee, [["render", Ae]]);
 function H(e) {
   return e.replace(/http(s)?:/, "");
 }
-function je(e = "", n, t) {
+function Oe(e = "", n, t) {
   const o = new RegExp("([?&])" + n + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + n + "=" + encodeURIComponent(t) + "$2") : e + r + n + "=" + encodeURIComponent(t);
 }
-function Pe(e, n) {
+function Fe(e, n) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
     return e;
   if (n === "master")
@@ -385,18 +403,18 @@ function Pe(e, n) {
   }
   return null;
 }
-function O(e) {
+function B(e) {
   if (!e)
     return e;
   const n = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let t = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (t = `${t} ${o}w`), n.filter((r) => r !== o).map((r) => `${je(e, "width", r)} ${r}w`).concat([t]).join(", ");
+    return isNaN(o) || (t = `${t} ${o}w`), n.filter((r) => r !== o).map((r) => `${Oe(e, "width", r)} ${r}w`).concat([t]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? n.map((t) => [Pe(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? n.map((t) => [Fe(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
 }
-const Oe = {
+const Be = {
   name: "builder-image",
   props: [
     "image",
@@ -420,10 +438,10 @@ const Oe = {
         return this.srcset;
       if (this.srcset && ((t = this.image) == null ? void 0 : t.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), O(n);
+          return console.debug("Removed given srcset"), B(n);
       } else if (this.image && !this.srcset)
-        return O(n);
-      return O(n);
+        return B(n);
+      return B(n);
     },
     webpSrcSet() {
       var e;
@@ -452,19 +470,19 @@ const Oe = {
     }
   }
 };
-const Fe = ["srcset"], Be = ["alt", "role", "src", "srcset", "sizes"], Ue = {
+const Pe = ["srcset"], Ve = ["alt", "role", "src", "srcset", "sizes"], Ue = {
   key: 2,
-  class: "div-2btisl9m7v3-2"
+  class: "div-7jvpanrlkn-2"
 };
-function Ve(e, n, t, o, r, s) {
-  var a, i, c, l;
+function We(e, n, t, o, r, s) {
+  var i, c, a, l;
   return d(), u(E, null, [
     $("picture", null, [
       s.webpSrcSet ? (d(), u("source", {
         key: 0,
         type: "image/webp",
         srcset: s.webpSrcSet
-      }, null, 8, Fe)) : b("", !0),
+      }, null, 8, Pe)) : b("", !0),
       $("img", {
         loading: "lazy",
         alt: t.altText,
@@ -476,52 +494,40 @@ function Ve(e, n, t, o, r, s) {
         }),
         class: j(
           s._classStringToObject(
-            "builder-image" + (t.className ? " " + t.className : "") + " img-2btisl9m7v3"
+            "builder-image" + (t.className ? " " + t.className : "") + " img-7jvpanrlkn"
           )
         ),
         src: t.image,
         srcset: s.srcSetToUse,
         sizes: t.sizes
-      }, null, 14, Be)
+      }, null, 14, Ve)
     ]),
-    t.aspectRatio && !(((i = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : i.length) && t.fitContent) ? (d(), u("div", {
+    t.aspectRatio && !(((c = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : c.length) && t.fitContent) ? (d(), u("div", {
       key: 0,
-      class: "builder-image-sizer div-2btisl9m7v3",
+      class: "builder-image-sizer div-7jvpanrlkn",
       style: I({
         paddingTop: t.aspectRatio * 100 + "%"
       })
     }, null, 4)) : b("", !0),
-    ((l = (c = t.builderBlock) == null ? void 0 : c.children) == null ? void 0 : l.length) && t.fitContent ? A(e.$slots, "default", { key: 1 }, void 0, !0) : b("", !0),
+    ((l = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length) && t.fitContent ? A(e.$slots, "default", { key: 1 }, void 0, !0) : b("", !0),
     !t.fitContent && e.children ? (d(), u("div", Ue, [
       A(e.$slots, "default", {}, void 0, !0)
     ])) : b("", !0)
   ], 64);
 }
-const We = /* @__PURE__ */ g(Oe, [["render", Ve], ["__scopeId", "data-v-44c710e2"]]), Ne = Symbol(), W = {
-  Builder: {
-    content: null,
-    context: {},
-    state: {},
-    setState() {
-    },
-    apiKey: null,
-    registeredComponents: {},
-    inheritedStyles: {}
-  },
-  key: Ne
-};
-function Le() {
+const Le = /* @__PURE__ */ g(Be, [["render", We], ["__scopeId", "data-v-22833d9f"]]);
+function Ne() {
   return f() && window.self !== window.top;
 }
 function y() {
-  return Le() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return Ne() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const Me = () => import("./block-styles.5fb6e927.js").then((e) => e.default).catch((e) => {
+const Me = () => import("./block-styles.f9c554cb.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     e
   ), e;
-}), $e = () => import("./render-block.017ccb02.js").then((e) => e.default).catch((e) => {
+}), $e = () => import("./render-block.3f0e76cb.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
     e
@@ -534,7 +540,7 @@ const Me = () => import("./block-styles.5fb6e927.js").then((e) => e.default).cat
   },
   props: ["blocks", "parent", "path", "styleProp"],
   inject: {
-    builderContext: W.key
+    builderContext: O.key
   },
   computed: {
     className() {
@@ -582,31 +588,31 @@ const Me = () => import("./block-styles.5fb6e927.js").then((e) => e.default).cat
 };
 const Ke = ["builder-path", "builder-parent-id", "dataSet"];
 function He(e, n, t, o, r, s) {
-  const a = k("render-block"), i = k("block-styles");
+  const i = k("render-block"), c = k("block-styles");
   return d(), u("div", {
-    class: j(s._classStringToObject(s.className + " div-20vehov4ay6")),
+    class: j(s._classStringToObject(s.className + " div-2oa2wtipkzk")),
     "builder-path": t.path,
     "builder-parent-id": t.parent,
     dataSet: {
       class: s.className
     },
     style: I(t.styleProp),
-    onClick: n[0] || (n[0] = (c) => s.onClick()),
-    onMouseenter: n[1] || (n[1] = (c) => s.onMouseEnter())
+    onClick: n[0] || (n[0] = (a) => s.onClick()),
+    onMouseenter: n[1] || (n[1] = (a) => s.onMouseEnter())
   }, [
-    t.blocks ? (d(!0), u(E, { key: 0 }, F(t.blocks, (c, l) => (d(), T(a, {
-      key: "render-block-" + c.id,
-      block: c,
+    t.blocks ? (d(!0), u(E, { key: 0 }, P(t.blocks, (a, l) => (d(), T(i, {
+      key: "render-block-" + a.id,
+      block: a,
       context: s.builderContext
     }, null, 8, ["block", "context"]))), 128)) : b("", !0),
-    t.blocks ? (d(!0), u(E, { key: 1 }, F(t.blocks, (c, l) => (d(), T(i, {
-      key: "block-style-" + c.id,
-      block: c,
+    t.blocks ? (d(!0), u(E, { key: 1 }, P(t.blocks, (a, l) => (d(), T(c, {
+      key: "block-style-" + a.id,
+      block: a,
       context: s.builderContext
     }, null, 8, ["block", "context"]))), 128)) : b("", !0)
   ], 46, Ke);
 }
-const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-b5395d79"]]), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-0924b77d"]]), ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: De
 }, Symbol.toStringTag, { value: "Module" })), qe = {
@@ -645,7 +651,7 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-b5395d79
   ],
   static: !0,
   noWrap: !0
-}, P = (e) => {
+}, F = (e) => {
   const n = e.toString().trim();
   return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
 }, Ge = {
@@ -835,7 +841,7 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-b5395d79
           ]
         }
       ],
-      onChange: P((e) => {
+      onChange: F((e) => {
         function n() {
           t.forEach((o) => {
             o.delete("width");
@@ -846,7 +852,7 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-b5395d79
           (r) => r.get("width")
         ) && (!!t.find(
           (s) => !s.get("width")
-        ) || t.reduce((i, c) => i + c.get("width"), 0) !== 100) && n();
+        ) || t.reduce((c, a) => c + a.get("width"), 0) !== 100) && n();
       })
     },
     {
@@ -897,32 +903,32 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-b5395d79
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: P(
+      onChange: F(
         (e) => {
           e.delete("srcset"), e.delete("noWebp");
-          function t(a, i = 6e4) {
-            return new Promise((c, l) => {
+          function t(i, c = 6e4) {
+            return new Promise((a, l) => {
               const m = document.createElement("img");
               let p = !1;
               m.onload = () => {
-                p = !0, c(m);
+                p = !0, a(m);
               }, m.addEventListener("error", (h) => {
                 console.warn("Image load failed", h.error), l(h.error);
-              }), m.src = a, setTimeout(() => {
+              }), m.src = i, setTimeout(() => {
                 p || l(new Error("Image load timed out"));
-              }, i);
+              }, c);
             });
           }
-          function o(a) {
-            return Math.round(a * 1e3) / 1e3;
+          function o(i) {
+            return Math.round(i * 1e3) / 1e3;
           }
           const r = e.get("image"), s = e.get("aspectRatio");
-          if (fetch(r).then((a) => a.blob()).then((a) => {
-            a.type.includes("svg") && e.set("noWebp", !0);
+          if (fetch(r).then((i) => i.blob()).then((i) => {
+            i.type.includes("svg") && e.set("noWebp", !0);
           }), r && (!s || s === 0.7041))
-            return t(r).then((a) => {
-              const i = e.get("aspectRatio");
-              e.get("image") === r && (!i || i === 0.7041) && a.width && a.height && (e.set("aspectRatio", o(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
+            return t(r).then((i) => {
+              const c = e.get("aspectRatio");
+              e.get("image") === r && (!c || c === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
             });
         }
       )
@@ -1054,11 +1060,14 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-b5395d79
   props: ["maxWidth", "attributes"],
   methods: {
     filterAttrs: function(n = {}, t) {
-      const o = "v-on:", r = (i) => i.startsWith(o), s = (i) => !i.startsWith(o), a = (i) => i.replace(o, "");
-      return Object.keys(n).filter(t ? r : s).reduce(
-        (i, c) => ({
-          ...i,
-          [a(c)]: n[c]
+      const o = "v-on:";
+      return Object.keys(n).filter((r) => {
+        const s = r.startsWith(o);
+        return t ? s : !s;
+      }).reduce(
+        (r, s) => ({
+          ...r,
+          [s.replace(o, "")]: n[s]
         }),
         {}
       );
@@ -1066,7 +1075,7 @@ const De = /* @__PURE__ */ g(ze, [["render", He], ["__scopeId", "data-v-b5395d79
   }
 };
 function Ze(e, n, t, o, r, s) {
-  return d(), u("section", _({
+  return d(), u("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1158,14 +1167,14 @@ const te = ot(), st = (e) => {
   value: n,
   expires: t
 }) => {
-  const r = (f() ? location.protocol === "https:" : !0) ? it : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], a = [
+  const r = (f() ? location.protocol === "https:" : !0) ? it : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], i = [
     [e, n],
     ...s,
     ["path", "/"],
     ["domain", st(window.location.hostname)],
     ...r
   ];
-  return rt(a);
+  return rt(i);
 }, oe = async ({
   name: e,
   value: n,
@@ -1243,14 +1252,14 @@ const te = ot(), st = (e) => {
   const t = await pt({ item: e, canTrack: n });
   Object.assign(e, t);
 };
-function B(e, n = null, t = ".") {
+function V(e, n = null, t = ".") {
   return Object.keys(e).reduce((o, r) => {
-    const s = e[r], a = [n, r].filter(Boolean).join(t);
+    const s = e[r], i = [n, r].filter(Boolean).join(t);
     return [
       typeof s == "object",
       s !== null,
       !(Array.isArray(s) && s.length === 0)
-    ].every(Boolean) ? { ...o, ...B(s, a, t) } : { ...o, [a]: s };
+    ].every(Boolean) ? { ...o, ...V(s, i, t) } : { ...o, [i]: s };
   }, {});
 }
 const q = "builder.", ft = "options.", gt = (e) => {
@@ -1280,22 +1289,22 @@ const q = "builder.", ft = "options.", gt = (e) => {
     query: o,
     noTraverse: r = !1,
     model: s,
-    apiKey: a,
-    includeRefs: i = !0,
-    locale: c
+    apiKey: i,
+    includeRefs: c = !0,
+    locale: a
   } = e;
-  if (!a)
+  if (!i)
     throw new Error("Missing API key");
   const l = new URL(
-    `https://cdn.builder.io/api/v2/content/${s}?apiKey=${a}&limit=${n}&noTraverse=${r}&includeRefs=${i}${c ? `&locale=${c}` : ""}`
+    `https://cdn.builder.io/api/v2/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${r}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
   ), m = {
     ...yt(),
     ...re(e.options || {})
-  }, p = B(m);
+  }, p = V(m);
   for (const h in p)
     l.searchParams.set(h, String(p[h]));
   if (t && l.searchParams.set("userAttributes", JSON.stringify(t)), o) {
-    const h = B({ query: o });
+    const h = V({ query: o });
     for (const v in h)
       l.searchParams.set(v, JSON.stringify(h[v]));
   }
@@ -1324,7 +1333,7 @@ const kt = () => Promise.resolve().then(() => An).then((e) => e.default).catch((
     return { fetchedContent: null };
   },
   inject: {
-    builderContext: W.key
+    builderContext: O.key
   },
   watch: {
     onUpdateHook0: {
@@ -1367,11 +1376,14 @@ const kt = () => Promise.resolve().then(() => An).then((e) => e.default).catch((
   },
   methods: {
     filterAttrs: function(n = {}, t) {
-      const o = "v-on:", r = (i) => i.startsWith(o), s = (i) => !i.startsWith(o), a = (i) => i.replace(o, "");
-      return Object.keys(n).filter(t ? r : s).reduce(
-        (i, c) => ({
-          ...i,
-          [a(c)]: n[c]
+      const o = "v-on:";
+      return Object.keys(n).filter((r) => {
+        const s = r.startsWith(o);
+        return t ? s : !s;
+      }).reduce(
+        (r, s) => ({
+          ...r,
+          [s.replace(o, "")]: n[s]
         }),
         {}
       );
@@ -1386,31 +1398,31 @@ const kt = () => Promise.resolve().then(() => An).then((e) => e.default).catch((
       return n;
     }
   }
-}, _t = ["dataSet"];
-function Ct(e, n, t, o, r, s) {
-  var i, c, l, m, p;
-  const a = k("render-content");
-  return d(), u("div", _({
+}, Ct = ["dataSet"];
+function _t(e, n, t, o, r, s) {
+  var c, a, l, m, p;
+  const i = k("render-content");
+  return d(), u("div", C({
     dataSet: {
       class: s.className
     },
     class: s._classStringToObject(s.className)
   }, s.filterAttrs(t.attributes, !1), w(s.filterAttrs(t.attributes, !0), !0)), [
-    Q(a, {
+    Q(i, {
       apiKey: s.builderContext.apiKey,
       context: s.builderContext.context,
       customComponents: Object.values(s.builderContext.registeredComponents),
       data: {
-        ...(i = t.symbol) == null ? void 0 : i.data,
+        ...(c = t.symbol) == null ? void 0 : c.data,
         ...s.builderContext.state,
-        ...(m = (l = (c = t.symbol) == null ? void 0 : c.content) == null ? void 0 : l.data) == null ? void 0 : m.state
+        ...(m = (l = (a = t.symbol) == null ? void 0 : a.content) == null ? void 0 : l.data) == null ? void 0 : m.state
       },
       model: (p = t.symbol) == null ? void 0 : p.model,
       content: s.contentToUse
     }, null, 8, ["apiKey", "context", "customComponents", "data", "model", "content"])
-  ], 16, _t);
+  ], 16, Ct);
 }
-const wt = /* @__PURE__ */ g(St, [["render", Ct]]), It = {
+const wt = /* @__PURE__ */ g(St, [["render", _t]]), It = {
   name: "Text",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
@@ -1540,7 +1552,7 @@ const At = /* @__PURE__ */ g(Tt, [["render", Et]]), jt = {
       advanced: !0
     }
   ]
-}, Pt = {
+}, Ot = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1581,23 +1593,23 @@ const At = /* @__PURE__ */ g(Tt, [["render", Et]]), jt = {
       };
     }
   }
-}, Ot = ["src", "poster"];
-function Ft(e, n, t, o, r, s) {
-  var a;
-  return d(), u("video", _({
+}, Ft = ["src", "poster"];
+function Bt(e, n, t, o, r, s) {
+  var i;
+  return d(), u("video", C({
     style: {
       width: "100%",
       height: "100%",
-      ...(a = t.attributes) == null ? void 0 : a.style,
+      ...(i = t.attributes) == null ? void 0 : i.style,
       objectFit: t.fit,
       objectPosition: t.position,
       borderRadius: 1
     },
     src: t.video || "no-src",
     poster: t.posterImage
-  }, s.spreadProps), null, 16, Ot);
+  }, s.spreadProps), null, 16, Ft);
 }
-const Bt = /* @__PURE__ */ g(Pt, [["render", Ft]]), Ut = {
+const Pt = /* @__PURE__ */ g(Ot, [["render", Bt]]), Vt = {
   name: "Embed",
   static: !0,
   inputs: [
@@ -1607,7 +1619,7 @@ const Bt = /* @__PURE__ */ g(Pt, [["render", Ft]]), Ut = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: P(
+      onChange: F(
         (e) => {
           const n = e.get("url");
           if (n)
@@ -1632,11 +1644,11 @@ const Bt = /* @__PURE__ */ g(Pt, [["render", Ft]]), Ut = {
       hideFromUI: !0
     }
   ]
-}, Vt = [
+}, Ut = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], Wt = (e) => Vt.includes(e.type), Nt = {
+], Wt = (e) => Ut.includes(e.type), Lt = {
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1678,15 +1690,15 @@ const Bt = /* @__PURE__ */ g(Pt, [["render", Ft]]), Ut = {
       }
     }
   }
-}, Lt = ["innerHTML"];
+}, Nt = ["innerHTML"];
 function Mt(e, n, t, o, r, s) {
   return d(), u("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: t.content
-  }, null, 8, Lt);
+  }, null, 8, Nt);
 }
-const $t = /* @__PURE__ */ g(Nt, [["render", Mt]]), zt = {
+const $t = /* @__PURE__ */ g(Lt, [["render", Mt]]), zt = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1701,11 +1713,14 @@ const $t = /* @__PURE__ */ g(Nt, [["render", Mt]]), zt = {
   },
   methods: {
     filterAttrs: function(n = {}, t) {
-      const o = "v-on:", r = (i) => i.startsWith(o), s = (i) => !i.startsWith(o), a = (i) => i.replace(o, "");
-      return Object.keys(n).filter(t ? r : s).reduce(
-        (i, c) => ({
-          ...i,
-          [a(c)]: n[c]
+      const o = "v-on:";
+      return Object.keys(n).filter((r) => {
+        const s = r.startsWith(o);
+        return t ? s : !s;
+      }).reduce(
+        (r, s) => ({
+          ...r,
+          [s.replace(o, "")]: n[s]
         }),
         {}
       );
@@ -1713,7 +1728,7 @@ const $t = /* @__PURE__ */ g(Nt, [["render", Mt]]), zt = {
   }
 }, Kt = ["alt", "src"];
 function Ht(e, n, t, o, r, s) {
-  return d(), u("img", _({
+  return d(), u("img", C({
     style: {
       objectFit: t.backgroundSize || "cover",
       objectPosition: t.backgroundPosition || "center"
@@ -1825,16 +1840,16 @@ const Yt = /* @__PURE__ */ g(Gt, [["render", Xt]]), Qt = {
   ]
 }, Zt = () => [
   { component: ve, ...qe },
-  { component: Te, ...Ge },
+  { component: Re, ...Ge },
   { component: Yt, ...Qt },
-  { component: $t, ...Ut },
-  { component: Ae, ...Je },
-  { component: We, ...Xe },
+  { component: $t, ...Vt },
+  { component: je, ...Je },
+  { component: Le, ...Xe },
   { component: Dt, ...qt },
   { component: et, ...Ye },
   { component: wt, ...tt },
   { component: At, ...It },
-  { component: Bt, ...jt }
+  { component: Pt, ...jt }
 ];
 function G({
   code: e,
@@ -1851,7 +1866,7 @@ function G({
     isEditing: y(),
     isBrowser: f(),
     isServer: !f()
-  }, i = r && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
+  }, c = r && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
   try {
     return new Function(
       "builder",
@@ -1859,17 +1874,17 @@ function G({
       "state",
       "context",
       "event",
-      i
+      c
     )(s, s, t, n, o);
-  } catch (c) {
+  } catch (a) {
     console.warn(
       `Builder custom code error: 
  While Evaluating: 
  `,
-      i,
+      c,
       `
 `,
-      c
+      a
     );
   }
 }
@@ -1877,7 +1892,7 @@ function en() {
   return !f() || y() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
 const ae = [];
-function Fn(e, n) {
+function Bn(e, n) {
   return ae.push({ component: e, ...n }), console.warn(
     "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
   ), e;
@@ -1888,11 +1903,11 @@ const tn = ({
 }) => ({
   type: "builder.registerComponent",
   data: on(n)
-}), nn = (e) => typeof e == "function" ? P(e) : V(e), on = ({
+}), nn = (e) => typeof e == "function" ? F(e) : W(e), on = ({
   inputs: e,
   ...n
 }) => ({
-  ...V(n),
+  ...W(n),
   inputs: e == null ? void 0 : e.map(
     (t) => Object.entries(t).reduce(
       (o, [r, s]) => ({
@@ -2054,7 +2069,7 @@ async function U(e) {
       console.error("Failed to track: ", n);
     });
 }
-const Bn = (e) => U({ ...e, canTrack: !0 });
+const Pn = (e) => U({ ...e, canTrack: !0 });
 function J(e) {
   return Math.round(e * 1e3) / 1e3;
 }
@@ -2076,10 +2091,10 @@ const vn = (e, n, t = !0) => {
   event: e,
   target: n
 }) => {
-  const t = n.getBoundingClientRect(), o = e.clientX - t.left, r = e.clientY - t.top, s = J(o / t.width), a = J(r / t.height);
+  const t = n.getBoundingClientRect(), o = e.clientX - t.left, r = e.clientY - t.top, s = J(o / t.width), i = J(r / t.height);
   return {
     x: s,
-    y: a
+    y: i
   };
 }, kn = (e) => {
   const n = e.target, t = n && xn(n), o = (t == null ? void 0 : t.getAttribute("builder-id")) || (t == null ? void 0 : t.id);
@@ -2096,19 +2111,19 @@ const vn = (e, n, t = !0) => {
   data: n,
   locale: t
 }) => {
-  var s, a, i;
+  var s, i, c;
   const o = {};
-  (a = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || a.forEach((c) => {
+  (i = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || i.forEach((a) => {
     var l;
-    c.name && c.defaultValue !== void 0 && ((l = e == null ? void 0 : e.data) == null ? void 0 : l.state) && e.data.state[c.name] === void 0 && (o[c.name] = c.defaultValue);
+    a.name && a.defaultValue !== void 0 && ((l = e == null ? void 0 : e.data) == null ? void 0 : l.state) && e.data.state[a.name] === void 0 && (o[a.name] = a.defaultValue);
   });
   const r = {
-    ...(i = e == null ? void 0 : e.data) == null ? void 0 : i.state,
+    ...(c = e == null ? void 0 : e.data) == null ? void 0 : c.state,
     ...n,
     ...t ? { locale: t } : {}
   };
   return { ...o, ...r };
-}, _n = ({
+}, Cn = ({
   content: e,
   data: n
 }) => e ? {
@@ -2118,12 +2133,12 @@ const vn = (e, n, t = !0) => {
     ...n
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Cn = () => Promise.resolve().then(() => ee).then((e) => e.default).catch((e) => {
+} : void 0, _n = () => Promise.resolve().then(() => ee).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     e
   ), e;
-}), wn = () => import("./render-styles.c79197c2.js").then((e) => e.default).catch((e) => {
+}), wn = () => import("./render-styles.43492acf.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     e
@@ -2132,7 +2147,7 @@ const vn = (e, n, t = !0) => {
   name: "render-content",
   components: {
     RenderContentStyles: x(wn),
-    RenderBlocks: x(Cn)
+    RenderBlocks: x(_n)
   },
   props: [
     "content",
@@ -2149,7 +2164,7 @@ const vn = (e, n, t = !0) => {
     return {
       forceReRenderCount: 0,
       overrideContent: null,
-      useContent: _n({
+      useContent: Cn({
         content: this.content,
         data: this.data
       }),
@@ -2178,7 +2193,7 @@ const vn = (e, n, t = !0) => {
   provide() {
     const e = this;
     return {
-      [W.key]: {
+      [O.key]: {
         content: e.useContent,
         state: e.contentState,
         setState: e.setContextState,
@@ -2383,9 +2398,9 @@ const vn = (e, n, t = !0) => {
       const e = (o = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.httpRequests) != null ? o : {};
       Object.entries(e).forEach(([r, s]) => {
         if (s && (!this.httpReqsData[r] || y())) {
-          const a = this.evalExpression(s);
+          const i = this.evalExpression(s);
           this.handleRequest({
-            url: a,
+            url: i,
             key: r
           });
         }
@@ -2406,23 +2421,23 @@ const vn = (e, n, t = !0) => {
   }
 }, Tn = ["builder-content-id", "builder-model"];
 function Rn(e, n, t, o, r, s) {
-  var c, l, m, p, h, v, N, L;
-  const a = k("render-content-styles"), i = k("render-blocks");
+  var a, l, m, p, h, v, L, N;
+  const i = k("render-content-styles"), c = k("render-blocks");
   return r.useContent ? (d(), u("div", {
     key: 0,
     ref: "elementRef",
     onClick: n[0] || (n[0] = (me) => s.onClick(me)),
-    "builder-content-id": (c = r.useContent) == null ? void 0 : c.id,
+    "builder-content-id": (a = r.useContent) == null ? void 0 : a.id,
     "builder-model": t.model
   }, [
-    s.shouldRenderContentStyles ? (d(), T(a, {
+    s.shouldRenderContentStyles ? (d(), T(i, {
       key: 0,
       contentId: (l = r.useContent) == null ? void 0 : l.id,
       cssCode: (p = (m = r.useContent) == null ? void 0 : m.data) == null ? void 0 : p.cssCode,
       customFonts: (v = (h = r.useContent) == null ? void 0 : h.data) == null ? void 0 : v.customFonts
     }, null, 8, ["contentId", "cssCode", "customFonts"])) : b("", !0),
-    (d(), T(i, {
-      blocks: (L = (N = r.useContent) == null ? void 0 : N.data) == null ? void 0 : L.blocks,
+    (d(), T(c, {
+      blocks: (N = (L = r.useContent) == null ? void 0 : L.data) == null ? void 0 : N.blocks,
       key: r.forceReRenderCount
     }, null, 8, ["blocks"]))
   ], 8, Tn)) : b("", !0);
@@ -2431,7 +2446,7 @@ const En = /* @__PURE__ */ g(In, [["render", Rn]]), An = /* @__PURE__ */ Object.
   __proto__: null,
   default: En
 }, Symbol.toStringTag, { value: "Module" })), Y = {};
-function Un(e) {
+function Vn(e) {
   if (f()) {
     Object.assign(Y, e);
     const n = {
@@ -2442,37 +2457,38 @@ function Un(e) {
   }
 }
 export {
-  W as B,
-  Te as C,
-  Ae as F,
-  We as I,
+  O as B,
+  Re as C,
+  je as F,
+  Le as I,
   et as S,
   R as T,
-  Bt as V,
+  Pt as V,
   g as _,
-  Pn as a,
-  Se as b,
-  On as c,
-  ve as d,
+  Fn as a,
+  On as b,
+  S as c,
+  Se as d,
   G as e,
-  V as f,
+  W as f,
   xe as g,
-  En as h,
-  wt as i,
-  At as j,
-  y as k,
-  en as l,
-  ae as m,
-  Fn as n,
-  tn as o,
-  pe as p,
-  ie as q,
+  ve as h,
+  En as i,
+  wt as j,
+  At as k,
+  y as l,
+  en as m,
+  ae as n,
+  Bn as o,
+  tn as p,
+  pe as q,
   De as r,
-  Un as s,
-  Bn as t,
-  xt as u,
-  gt as v,
-  bt as w,
-  yt as x,
-  re as y
+  Vn as s,
+  Pn as t,
+  ie as u,
+  xt as v,
+  gt as w,
+  bt as x,
+  yt as y,
+  re as z
 };