@builder.io/sdk-vue 0.0.3-1 → 0.0.4

package/packages/_vue2/dist/{index.19474a4f.js → index.a348d39c.js}

@@ -1,17 +1,11 @@
 const y = "vue2";
-function h() {
+function u() {
   return typeof window < "u" && typeof document < "u";
 }
-function H() {
-  return h() && window.self !== window.top;
-}
-function f() {
-  return H() && window.location.search.indexOf("builder.frameEditing=") !== -1;
-}
-const k = {};
-function q(t, e) {
-  let n = k[t];
-  if (n || (n = k[t] = []), n.push(e), h()) {
+const w = {};
+function z(t, e) {
+  let n = w[t];
+  if (n || (n = w[t] = []), n.push(e), u()) {
     const o = {
       type: "builder.register",
       data: {
@@ -26,8 +20,8 @@ function q(t, e) {
     }
   }
 }
-const D = () => {
-  q("insertMenu", {
+const q = () => {
+  z("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -41,56 +35,49 @@ const D = () => {
       { name: "Custom Code" }
     ]
   });
-}, K = (t) => {
-  var e, n;
-  f() && ((e = window.parent) == null || e.postMessage(
+}, K = () => {
+  var t;
+  u() && ((t = window.parent) == null || t.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
         target: y,
-        supportsPatchUpdates: !1
-      }
-    },
-    "*"
-  ), (n = window.parent) == null || n.postMessage(
-    {
-      type: "builder.updateContent",
-      data: {
-        options: t
+        supportsPatchUpdates: !1,
+        supportsAddBlockScoping: !0
       }
     },
     "*"
-  ), window.addEventListener("message", ({ data: o }) => {
-    var s, r;
-    if (o)
-      switch (o.type) {
+  ), window.addEventListener("message", ({ data: e }) => {
+    var n, o;
+    if (!!(e != null && e.type))
+      switch (e.type) {
         case "builder.evaluate": {
-          const a = o.data.text, c = o.data.arguments || [], i = o.data.id, d = new Function(a);
-          let l, m = null;
+          const s = e.data.text, r = e.data.arguments || [], a = e.data.id, c = new Function(s);
+          let i, l = null;
           try {
-            l = d.apply(null, c);
-          } catch (u) {
-            m = u;
+            i = c.apply(null, r);
+          } catch (d) {
+            l = d;
           }
-          m ? (s = window.parent) == null || s.postMessage(
+          l ? (n = window.parent) == null || n.postMessage(
             {
               type: "builder.evaluateError",
-              data: { id: i, error: m.message }
+              data: { id: a, error: l.message }
             },
             "*"
-          ) : l && typeof l.then == "function" ? l.then((u) => {
-            var g;
-            (g = window.parent) == null || g.postMessage(
+          ) : i && typeof i.then == "function" ? i.then((d) => {
+            var h;
+            (h = window.parent) == null || h.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: i, result: u }
+                data: { id: a, result: d }
               },
               "*"
             );
-          }).catch(console.error) : (r = window.parent) == null || r.postMessage(
+          }).catch(console.error) : (o = window.parent) == null || o.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: l, id: i }
+              data: { result: i, id: a }
             },
             "*"
           );
@@ -105,14 +92,14 @@ function x(t) {
 function cn(t) {
   return t;
 }
-const G = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t) => {
+const D = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     t
   ), t;
 }), J = {
   name: "builder-columns",
-  components: { RenderBlocks: G },
+  components: { RenderBlocks: D },
   props: [
     "space",
     "columns",
@@ -163,60 +150,60 @@ const G = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t)
 function p(t, e, n, o, s, r, a, c) {
   var i = typeof t == "function" ? t.options : t;
   e && (i.render = e, i.staticRenderFns = n, i._compiled = !0), o && (i.functional = !0), r && (i._scopeId = "data-v-" + r);
-  var d;
-  if (a ? (d = function(u) {
-    u = u || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !u && typeof __VUE_SSR_CONTEXT__ < "u" && (u = __VUE_SSR_CONTEXT__), s && s.call(this, u), u && u._registeredComponents && u._registeredComponents.add(a);
-  }, i._ssrRegister = d) : s && (d = c ? function() {
+  var l;
+  if (a ? (l = function(m) {
+    m = m || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !m && typeof __VUE_SSR_CONTEXT__ < "u" && (m = __VUE_SSR_CONTEXT__), s && s.call(this, m), m && m._registeredComponents && m._registeredComponents.add(a);
+  }, i._ssrRegister = l) : s && (l = c ? function() {
     s.call(
       this,
       (i.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : s), d)
+  } : s), l)
     if (i.functional) {
-      i._injectStyles = d;
-      var l = i.render;
-      i.render = function(g, w) {
-        return d.call(w), l(g, w);
+      i._injectStyles = l;
+      var d = i.render;
+      i.render = function(H, k) {
+        return l.call(k), d(H, k);
       };
     } else {
-      var m = i.beforeCreate;
-      i.beforeCreate = m ? [].concat(m, d) : [d];
+      var h = i.beforeCreate;
+      i.beforeCreate = h ? [].concat(h, l) : [l];
     }
   return {
     exports: t,
     options: i
   };
 }
-var X = function() {
+var G = function() {
   var e = this, n = e._self._c;
   return n("div", { staticClass: "builder-columns div-t9spj7joih", style: e.columnsCssVars }, e._l(e.columns, function(o, s) {
     return n("div", { key: s, staticClass: "builder-column div-t9spj7joih-2", style: {
       width: e.getColumnCssWidth(s),
       marginLeft: `${s === 0 ? 0 : e.getGutterSize()}px`,
       ...e.columnCssVars
-    } }, [n("render-blocks", { style: {
+    } }, [n("render-blocks", { attrs: { blocks: e.markMutable(o.blocks), path: `component.options.columns.${s}.blocks`, parent: e.builderBlock.id, styleProp: {
       flexGrow: "1"
-    }, attrs: { blocks: e.markMutable(o.blocks), path: `component.options.columns.${s}.blocks`, parent: e.builderBlock.id } })], 1);
+    } } })], 1);
   }), 0);
-}, Y = [], Q = /* @__PURE__ */ p(
+}, X = [], Y = /* @__PURE__ */ p(
   J,
+  G,
   X,
-  Y,
   !1,
   null,
-  "0f3ea004",
+  "634e4254",
   null,
   null
 );
-const Z = Q.exports;
+const Q = Y.exports;
 function S(t) {
   return t.replace(/http(s)?:/, "");
 }
-function ee(t = "", e, n) {
+function Z(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 te(t, e) {
+function ee(t, e) {
   if (!t || !(t != null && t.match(/cdn\.shopify\.com/)) || !e)
     return t;
   if (e === "master")
@@ -230,18 +217,18 @@ function te(t, e) {
   }
   return null;
 }
-function v(t) {
+function b(t) {
   if (!t)
     return t;
   const e = [100, 200, 400, 800, 1200, 1600, 2e3];
   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) => `${ee(t, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), e.filter((s) => s !== o).map((s) => `${Z(t, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return t.match(/cdn\.shopify\.com/) ? e.map((n) => [te(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) => [ee(t, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([t]).join(", ") : t;
 }
-const ne = {
+const te = {
   name: "builder-image",
   props: [
     "image",
@@ -264,10 +251,10 @@ const ne = {
         return this.srcset;
       if (this.srcset && ((n = this.image) == null ? void 0 : n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), v(e);
+          return console.debug("Removed given srcset"), b(e);
       } else if (this.image && !this.srcset)
-        return v(e);
-      return v(e);
+        return b(e);
+      return b(e);
     },
     webpSrcSet() {
       var t;
@@ -286,45 +273,45 @@ const ne = {
     }
   }
 };
-var oe = function() {
+var ne = function() {
   var o, s, r, a;
   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-29wpyomtntv"
+    "builder-image" + (e.className ? " " + e.className : "") + " img-1j57pcfa436"
   ), style: {
     objectPosition: e.backgroundSize || "center",
     objectFit: e.backgroundSize || "cover"
-  }, 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-29wpyomtntv", style: {
+  }, 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-1j57pcfa436", style: {
     paddingTop: e.aspectRatio * 100 + "%"
-  } })] : e._e(), ((a = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : a.length) && e.fitContent ? [e._t("default")] : e._e(), !e.fitContent && e.children ? [n("div", { staticClass: "div-29wpyomtntv-2" }, [e._t("default")], 2)] : e._e()], 2);
-}, se = [], re = /* @__PURE__ */ p(
+  } })] : e._e(), ((a = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : a.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);
+}, oe = [], se = /* @__PURE__ */ p(
+  te,
   ne,
   oe,
-  se,
   !1,
   null,
-  "d5be32e0",
+  "c75d9535",
   null,
   null
 );
-const ae = re.exports, ie = {
+const re = se.exports, ae = {
   name: "builder-text",
   props: ["text"]
 };
-var ce = function() {
+var ie = function() {
   var e = this, n = e._self._c;
   return n("span", { staticClass: "builder-text", domProps: { innerHTML: e._s(e.text) } });
-}, le = [], de = /* @__PURE__ */ p(
+}, ce = [], le = /* @__PURE__ */ p(
+  ae,
   ie,
   ce,
-  le,
   !1,
   null,
   null,
   null,
   null
 );
-const ue = de.exports, pe = {
+const de = le.exports, ue = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -357,10 +344,16 @@ const ue = de.exports, pe = {
           playsInline: !0
         } : {}
       };
+    },
+    spreadProps() {
+      return {
+        ...this.attributes,
+        ...this.videoProps
+      };
     }
   }
 };
-var me = function() {
+var pe = function() {
   var o;
   var e = this, n = e._self._c;
   return n("video", e._b({ style: {
@@ -370,64 +363,64 @@ var me = function() {
     objectFit: e.fit,
     objectPosition: e.position,
     borderRadius: 1
-  }, attrs: { src: e.video || "no-src", poster: e.posterImage } }, "video", e.videoProps, !1));
-}, he = [], fe = /* @__PURE__ */ p(
+  }, attrs: { src: e.video || "no-src", poster: e.posterImage } }, "video", e.spreadProps, !1));
+}, me = [], he = /* @__PURE__ */ p(
+  ue,
   pe,
   me,
-  he,
   !1,
   null,
   null,
   null,
   null
 );
-const ge = fe.exports;
-function _(t, e = null, n = ".") {
+const fe = he.exports;
+function v(t, e = null, n = ".") {
   return Object.keys(t).reduce((o, s) => {
     const r = t[s], a = [e, s].filter(Boolean).join(n);
     return [
       typeof r == "object",
       r !== null,
       !(Array.isArray(r) && r.length === 0)
-    ].every(Boolean) ? { ...o, ..._(r, a, n) } : { ...o, [a]: r };
+    ].every(Boolean) ? { ...o, ...v(r, a, n) } : { ...o, [a]: r };
   }, {});
 }
-const I = "builder.", be = (t) => {
+const I = "builder.", ge = (t) => {
   const e = {};
   return t.forEach((n, o) => {
     e[o] = n;
   }), e;
-}, ve = (t) => {
+}, be = (t) => {
   if (!t)
     return {};
-  const e = F(t), n = {};
+  const e = E(t), n = {};
   return Object.keys(e).forEach((o) => {
     if (o.startsWith(I)) {
       const s = o.replace(I, "");
       n[s] = e[o];
     }
   }), n;
-}, _e = () => {
-  if (!h())
+}, ve = () => {
+  if (!u())
     return {};
   const t = new URLSearchParams(window.location.search);
-  return ve(t);
-}, F = (t) => t instanceof URLSearchParams ? be(t) : t;
-function ye() {
+  return be(t);
+}, E = (t) => t instanceof URLSearchParams ? ge(t) : t;
+function _e() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
 }
-async function j() {
-  const t = ye().fetch;
+async function F() {
+  const t = _e().fetch;
   if (typeof t > "u" && typeof global < "u") {
     const e = import("node-fetch").then((n) => n.default);
     return e.default || e;
   }
   return t.default || t;
 }
-const xe = (t) => {
+const ye = (t) => {
   const e = t.split(".");
   return e.length > 2 ? e.slice(1).join(".") : t;
-}, U = async ({
+}, j = async ({
   name: t,
   canTrack: e
 }) => {
@@ -437,7 +430,7 @@ const xe = (t) => {
   } catch (o) {
     console.debug("[COOKIE] GET error: ", o);
   }
-}, Ce = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).join("; "), we = [
+}, xe = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).join("; "), Ce = [
   ["secure", ""],
   ["SameSite", "None"]
 ], ke = ({
@@ -445,15 +438,15 @@ const xe = (t) => {
   value: e,
   expires: n
 }) => {
-  const s = (h() ? location.protocol === "https:" : !0) ? we : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [
+  const s = (u() ? location.protocol === "https:" : !0) ? Ce : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [
     [t, e],
     ...r,
     ["path", "/"],
-    ["domain", xe(window.location.hostname)],
+    ["domain", ye(window.location.hostname)],
     ...s
   ];
-  return Ce(a);
-}, V = async ({
+  return xe(a);
+}, U = async ({
   name: t,
   value: e,
   expires: n,
@@ -467,14 +460,14 @@ const xe = (t) => {
   } catch (s) {
     console.warn("[COOKIE] SET error: ", s);
   }
-}, Se = "builderio.variations", A = (t) => `${Se}.${t}`, Ie = ({
+}, we = "builderio.variations", V = (t) => `${we}.${t}`, Se = ({
   contentId: t,
   canTrack: e
-}) => U({ name: A(t), canTrack: e }), Re = ({
+}) => j({ name: V(t), canTrack: e }), Ie = ({
   contentId: t,
   canTrack: e,
   value: n
-}) => V({ name: A(t), value: n, canTrack: e }), b = (t) => t != null, Te = (t) => b(t.id) && b(t.variations) && Object.keys(t.variations).length > 0, $e = ({
+}) => U({ name: V(t), value: n, canTrack: e }), g = (t) => t != null, Te = (t) => g(t.id) && g(t.variations) && Object.keys(t.variations).length > 0, Re = ({
   id: t,
   variations: e
 }) => {
@@ -485,7 +478,7 @@ const xe = (t) => {
     if (n += (s = e[r]) == null ? void 0 : s.testRatio, o < n)
       return r;
   return t;
-}, R = ({
+}, T = ({
   item: t,
   testGroupId: e
 }) => {
@@ -498,42 +491,42 @@ const xe = (t) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === t.id ? "Default" : "")
   };
-}, Ee = async ({
+}, $e = async ({
   item: t,
   canTrack: e
 }) => {
-  const n = await Ie({
+  const n = await Se({
     canTrack: e,
     contentId: t.id
-  }), o = n ? R({ item: t, testGroupId: n }) : void 0;
+  }), o = n ? T({ item: t, testGroupId: n }) : void 0;
   if (o)
     return o;
   {
-    const s = $e({
+    const s = Re({
       variations: t.variations,
       id: t.id
     });
-    return Re({
+    return Ie({
       contentId: t.id,
       value: s,
       canTrack: e
     }).catch((r) => {
       console.error("could not store A/B test variation: ", r);
-    }), R({ item: t, testGroupId: s });
+    }), T({ item: t, testGroupId: s });
   }
-}, Fe = async ({
+}, Ee = async ({
   item: t,
   canTrack: e
 }) => {
   if (!Te(t))
     return;
-  const n = await Ee({ item: t, canTrack: e });
+  const n = await $e({ item: t, canTrack: e });
   Object.assign(t, n);
 };
-async function O(t) {
-  return (await Ue({ ...t, limit: 1 })).results[0] || null;
+async function A(t) {
+  return (await je({ ...t, limit: 1 })).results[0] || null;
 }
-const je = (t) => {
+const Fe = (t) => {
   const {
     limit: e = 30,
     userAttributes: n,
@@ -544,63 +537,67 @@ const je = (t) => {
   } = t, c = new URL(
     `https://cdn.builder.io/api/v2/content/${r}?apiKey=${a}&limit=${e}&noTraverse=${s}`
   ), i = {
-    ..._e(),
-    ...F(t.options || {})
-  }, d = _(i);
-  for (const l in d)
-    c.searchParams.set(l, String(d[l]));
+    ...ve(),
+    ...E(t.options || {})
+  }, l = v(i);
+  for (const d in l)
+    c.searchParams.set(d, String(l[d]));
   if (n && c.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const l = _({ query: o });
-    for (const m in l)
-      c.searchParams.set(m, JSON.stringify(l[m]));
+    const d = v({ query: o });
+    for (const h in d)
+      c.searchParams.set(h, JSON.stringify(d[h]));
   }
   return c;
 };
-async function Ue(t) {
-  const e = je(t), o = await (await j())(e.href).then(
+async function je(t) {
+  const e = Fe(t), o = await (await F())(e.href).then(
     (r) => r.json()
   ), s = t.canTrack !== !1;
   if (s)
     for (const r of o.results)
-      await Fe({ item: r, canTrack: s });
+      await Ee({ item: r, canTrack: s });
   return o;
 }
-const Ve = () => Promise.resolve().then(() => Zt).then((t) => t.default).catch((t) => {
+const Ue = () => Promise.resolve().then(() => Zt).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;
-}), Ae = {
+}), Ve = {
   name: "builder-symbol",
-  components: { RenderContent: Ve },
+  components: { RenderContent: Ue },
   props: ["symbol", "attributes"],
-  data: () => ({ className: "builder-symbol", content: null, markMutable: x }),
+  data: () => ({
+    className: "builder-symbol",
+    fetchedContent: null,
+    markMutable: x
+  }),
   inject: {
     builderContext: "BuilderContext"
   },
-  mounted() {
-    var t;
-    this.content = (t = this.symbol) == null ? void 0 : t.content;
-  },
   watch: {
     onUpdateHook0() {
       const t = this.symbol;
-      t && !t.content && !this.content && t.model && O({
+      t && !t.content && !this.fetchedContent && t.model && A({
         model: t.model,
         apiKey: this.builderContext.apiKey,
         query: {
           id: t.entry
         }
       }).then((e) => {
-        this.content = e;
+        this.fetchedContent = e;
       });
     }
   },
   computed: {
+    contentToUse() {
+      var t;
+      return ((t = this.symbol) == null ? void 0 : t.content) || this.fetchedContent;
+    },
     onUpdateHook0() {
       return {
         0: this.symbol,
-        1: this.content
+        1: this.fetchedContent
       };
     }
   },
@@ -616,7 +613,7 @@ const Ve = () => Promise.resolve().then(() => Zt).then((t) => t.default).catch((
     }
   }
 };
-var Oe = function() {
+var Ae = function() {
   var o, s, r, a, c;
   var e = this, n = e._self._c;
   return n("div", e._b({ class: e._classStringToObject(e.className), attrs: { dataSet: {
@@ -625,46 +622,46 @@ var Oe = function() {
     ...(o = e.symbol) == null ? void 0 : o.data,
     ...e.builderContext.state,
     ...(a = (r = (s = e.symbol) == null ? void 0 : s.content) == null ? void 0 : r.data) == null ? void 0 : a.state
-  }), model: (c = e.symbol) == null ? void 0 : c.model, content: e.markMutable(e.content) } })], 1);
-}, Pe = [], We = /* @__PURE__ */ p(
+  }), model: (c = e.symbol) == null ? void 0 : c.model, content: e.markMutable(e.contentToUse) } })], 1);
+}, Oe = [], Pe = /* @__PURE__ */ p(
+  Ve,
   Ae,
   Oe,
-  Pe,
   !1,
   null,
   null,
   null,
   null
 );
-const Be = We.exports, Le = {
+const We = Pe.exports, Be = {
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"]
 };
-var Me = function() {
+var Le = 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) + " ")]);
-}, Ne = [], ze = /* @__PURE__ */ p(
+}, Me = [], Ne = /* @__PURE__ */ p(
+  Be,
   Le,
   Me,
-  Ne,
   !1,
   null,
   "490b8c29",
   null,
   null
 );
-const He = ze.exports, qe = {
+const He = Ne.exports, ze = {
   name: "builder-section-component",
   props: ["attributes", "maxWidth"]
 };
-var De = function() {
+var qe = function() {
   var e = this, n = e._self._c;
   return n("section", e._b({ style: e.maxWidth && typeof e.maxWidth == "number" ? {
     maxWidth: e.maxWidth
   } : void 0 }, "section", e.attributes, !1), [e._t("default")], 2);
-}, Ke = [], Ge = /* @__PURE__ */ p(
+}, Ke = [], De = /* @__PURE__ */ p(
+  ze,
   qe,
-  De,
   Ke,
   !1,
   null,
@@ -672,24 +669,24 @@ var De = function() {
   null,
   null
 );
-const Je = Ge.exports, Xe = {
+const Je = De.exports, Ge = {
   name: "builder-fragment-component",
   props: []
 };
-var Ye = function() {
+var Xe = function() {
   var e = this, n = e._self._c;
   return n("span", [e._t("default")], 2);
-}, Qe = [], Ze = /* @__PURE__ */ p(
+}, Ye = [], Qe = /* @__PURE__ */ p(
+  Ge,
   Xe,
   Ye,
-  Qe,
   !1,
   null,
   null,
   null,
   null
 );
-const et = Ze.exports, tt = {
+const Ze = Qe.exports, et = {
   name: "Core:Button",
   builtIn: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -730,7 +727,7 @@ const et = Ze.exports, tt = {
 function C(t) {
   return t.__qwik_serializable__ = !0, t;
 }
-const nt = {
+const tt = {
   name: "Columns",
   builtIn: !0,
   inputs: [
@@ -955,14 +952,14 @@ const nt = {
       advanced: !0
     }
   ]
-}, ot = {
+}, nt = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   builtIn: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, st = {
+}, ot = {
   name: "Image",
   static: !0,
   builtIn: !0,
@@ -985,15 +982,15 @@ const nt = {
       onChange: C((t) => {
         t.delete("srcset"), t.delete("noWebp");
         function n(a, c = 6e4) {
-          return new Promise((i, d) => {
-            const l = document.createElement("img");
-            let m = !1;
-            l.onload = () => {
-              m = !0, i(l);
-            }, l.addEventListener("error", (u) => {
-              console.warn("Image load failed", u.error), d(u.error);
-            }), l.src = a, setTimeout(() => {
-              m || d(new Error("Image load timed out"));
+          return new Promise((i, l) => {
+            const d = document.createElement("img");
+            let h = !1;
+            d.onload = () => {
+              h = !0, i(d);
+            }, d.addEventListener("error", (m) => {
+              console.warn("Image load failed", m.error), l(m.error);
+            }), d.src = a, setTimeout(() => {
+              h || l(new Error("Image load timed out"));
             }, c);
           });
         }
@@ -1088,7 +1085,7 @@ const nt = {
       defaultValue: 0.7041
     }
   ]
-}, rt = {
+}, st = {
   name: "Core:Section",
   static: !0,
   builtIn: !0,
@@ -1133,7 +1130,7 @@ const nt = {
       }
     }
   ]
-}, at = {
+}, rt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1172,7 +1169,7 @@ const nt = {
       type: "boolean"
     }
   ]
-}, it = {
+}, at = {
   name: "Text",
   static: !0,
   builtIn: !0,
@@ -1192,7 +1189,7 @@ const nt = {
     height: "auto",
     textAlign: "center"
   }
-}, ct = {
+}, it = {
   name: "Video",
   canHaveChildren: !0,
   builtIn: !0,
@@ -1294,7 +1291,7 @@ const nt = {
       advanced: !0
     }
   ]
-}, lt = {
+}, ct = {
   name: "Embed",
   static: !0,
   builtIn: !0,
@@ -1328,11 +1325,11 @@ const nt = {
       hideFromUI: !0
     }
   ]
-}, dt = [
+}, lt = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], ut = (t) => dt.includes(t.type), pt = {
+], dt = (t) => lt.includes(t.type), ut = {
   name: "builder-embed",
   props: ["content"],
   data: () => ({ scriptsInserted: [], scriptsRun: [], ranInitFn: !1 }),
@@ -1360,7 +1357,7 @@ const nt = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (ut(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (dt(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1370,20 +1367,27 @@ const nt = {
     }
   }
 };
-var mt = function() {
+var pt = function() {
   var e = this, n = e._self._c;
   return n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: e._s(e.content) } });
-}, ht = [], ft = /* @__PURE__ */ p(
+}, mt = [], ht = /* @__PURE__ */ p(
+  ut,
   pt,
   mt,
-  ht,
   !1,
   null,
   null,
   null,
   null
 );
-const gt = ft.exports, bt = {
+const ft = ht.exports;
+function gt() {
+  return u() && window.self !== window.top;
+}
+function f() {
+  return gt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+}
+const bt = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1427,7 +1431,7 @@ const xt = yt.exports, Ct = {
   ],
   noWrap: !0,
   static: !0
-}, wt = {
+}, kt = {
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data: () => ({ scriptsInserted: [], scriptsRun: [] }),
@@ -1473,14 +1477,14 @@ const xt = yt.exports, Ct = {
     }
   }
 };
-var kt = function() {
+var wt = 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) } });
 }, St = [], It = /* @__PURE__ */ p(
-  wt,
   kt,
+  wt,
   St,
   !1,
   null,
@@ -1488,7 +1492,7 @@ var kt = function() {
   null,
   null
 );
-const Rt = It.exports, Tt = {
+const Tt = It.exports, Rt = {
   name: "Custom Code",
   static: !0,
   builtIn: !0,
@@ -1516,19 +1520,19 @@ const Rt = It.exports, Tt = {
     }
   ]
 }, $t = () => [
-  { component: Z, ...nt },
-  { component: ae, ...st },
+  { component: Q, ...tt },
+  { component: re, ...ot },
   { component: xt, ...Ct },
-  { component: ue, ...it },
-  { component: ge, ...ct },
-  { component: Be, ...at },
-  { component: He, ...tt },
-  { component: Je, ...rt },
-  { component: et, ...ot },
-  { component: gt, ...lt },
-  { component: Rt, ...Tt }
+  { component: de, ...at },
+  { component: fe, ...it },
+  { component: We, ...rt },
+  { component: He, ...et },
+  { component: Je, ...st },
+  { component: Ze, ...nt },
+  { component: ft, ...ct },
+  { component: Tt, ...Rt }
 ];
-function T({
+function R({
   code: t,
   context: e,
   state: n,
@@ -1540,8 +1544,8 @@ function T({
   }
   const s = {
     isEditing: f(),
-    isBrowser: h(),
-    isServer: !h()
+    isBrowser: u(),
+    isServer: !u()
   }, a = !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
   try {
     return new Function(
@@ -1565,9 +1569,9 @@ function T({
   }
 }
 function Et() {
-  return !h() || f() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+  return !u() || f() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const P = [];
+const O = (t) => JSON.parse(JSON.stringify(t)), P = [];
 function ln(t, e) {
   return P.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."
@@ -1579,14 +1583,14 @@ const Ft = ({
 }) => ({
   type: "builder.registerComponent",
   data: Vt(e)
-}), W = (t) => JSON.parse(JSON.stringify(t)), jt = (t) => typeof t == "function" ? Ut(t) : W(t), Ut = (t) => {
+}), jt = (t) => typeof t == "function" ? Ut(t) : O(t), Ut = (t) => {
   const e = t.toString().trim();
   return `return (${!e.startsWith("function") && !e.startsWith("(") ? "function " : ""}${e}).apply(this, arguments)`;
 }, Vt = ({
   inputs: t,
   ...e
 }) => ({
-  ...W(e),
+  ...O(e),
   inputs: t == null ? void 0 : t.map(
     (n) => Object.entries(n).reduce(
       (o, [s, r]) => ({
@@ -1603,32 +1607,32 @@ function At() {
     return (t == "x" ? e : e & 3 | 8).toString(16);
   });
 }
-function B() {
+function W() {
   return At().replace(/-/g, "");
 }
-const L = "builderSessionId", Ot = async ({ canTrack: t }) => {
+const B = "builderSessionId", Ot = async ({ canTrack: t }) => {
   if (!t)
     return;
-  const e = await U({
-    name: L,
+  const e = await j({
+    name: B,
     canTrack: t
   });
-  if (b(e))
+  if (g(e))
     return e;
   {
     const n = Pt();
     Wt({ id: n, canTrack: t });
   }
-}, Pt = () => B(), Wt = ({
+}, Pt = () => W(), Wt = ({
   id: t,
   canTrack: e
-}) => V({ name: L, value: t, canTrack: e }), M = () => h() && typeof localStorage < "u" ? localStorage : void 0, Bt = ({
+}) => U({ name: B, value: t, canTrack: e }), L = () => u() && typeof localStorage < "u" ? localStorage : void 0, Bt = ({
   key: t,
   canTrack: e
 }) => {
   var n;
   try {
-    return e ? (n = M()) == null ? void 0 : n.getItem(t) : void 0;
+    return e ? (n = L()) == null ? void 0 : n.getItem(t) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
   }
@@ -1639,31 +1643,31 @@ const L = "builderSessionId", Ot = async ({ canTrack: t }) => {
 }) => {
   var o;
   try {
-    e && ((o = M()) == null || o.setItem(t, n));
+    e && ((o = L()) == null || o.setItem(t, n));
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, N = "builderVisitorId", Mt = ({ canTrack: t }) => {
+}, M = "builderVisitorId", Mt = ({ canTrack: t }) => {
   if (!t)
     return;
   const e = Bt({
-    key: N,
+    key: M,
     canTrack: t
   });
-  if (b(e))
+  if (g(e))
     return e;
   {
     const n = Nt();
-    zt({ id: n, canTrack: t });
+    Ht({ id: n, canTrack: t });
   }
-}, Nt = () => B(), zt = ({
+}, Nt = () => W(), Ht = ({
   id: t,
   canTrack: e
 }) => Lt({
-  key: N,
+  key: M,
   value: t,
   canTrack: e
-}), Ht = async ({
+}), zt = async ({
   canTrack: t
 }) => {
   if (!t)
@@ -1676,20 +1680,20 @@ const L = "builderSessionId", Ot = async ({ canTrack: t }) => {
 }, qt = async ({
   type: t,
   canTrack: e,
-  orgId: n,
-  contentId: o,
+  apiKey: n,
+  metadata: o,
   ...s
 }) => ({
   type: t,
   data: {
     ...s,
-    ...await Ht({ canTrack: e }),
-    ownerId: n,
-    contentId: o
+    metadata: JSON.stringify(o),
+    ...await zt({ canTrack: e }),
+    ownerId: n
   }
 });
-async function $(t) {
-  if (!!t.canTrack && !f() && !!(h() || y === "reactNative"))
+async function _(t) {
+  if (!!t.canTrack && !f() && !!(u() || y === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
@@ -1703,21 +1707,21 @@ async function $(t) {
       console.error("Failed to track: ", e);
     });
 }
-const Dt = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t) => {
+const dn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     t
   ), t;
-}), Kt = () => import("./render-styles.ad89c45c.js").then((t) => t.default).catch((t) => {
+}), Dt = () => import("./render-styles.6722cee5.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;
-}), Gt = {
+}), Jt = {
   name: "render-content",
   components: {
-    RenderContentStyles: Kt,
-    RenderBlocks: Dt
+    RenderContentStyles: Dt,
+    RenderBlocks: Kt
   },
   props: [
     "content",
@@ -1726,9 +1730,7 @@ const Dt = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t
     "context",
     "customComponents",
     "model",
-    "apiKey",
-    "locale",
-    "includeRefs"
+    "apiKey"
   ],
   data: () => ({
     forceReRenderCount: 0,
@@ -1760,38 +1762,36 @@ const Dt = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t
     };
   },
   mounted() {
-    var t;
-    if (h()) {
-      if (f() && (this.forceReRenderCount = this.forceReRenderCount + 1, D(), K({
-        ...this.locale ? {
-          locale: this.locale
-        } : {},
-        ...this.includeRefs ? {
-          includeRefs: this.includeRefs
-        } : {}
-      }), Object.values(this.allRegisteredComponents).forEach(
-        (e) => {
-          var o;
-          const n = Ft(e);
-          (o = window.parent) == null || o.postMessage(n, "*");
+    var t, e;
+    if (u()) {
+      if (f() && (this.forceReRenderCount = this.forceReRenderCount + 1, q(), K(), Object.values(this.allRegisteredComponents).forEach(
+        (n) => {
+          var s;
+          const o = Ft(n);
+          (s = window.parent) == null || s.postMessage(o, "*");
         }
       ), window.addEventListener("message", this.processMessage), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
-      )), this.useContent && $({
-        type: "impression",
-        canTrack: this.canTrackToUse,
-        contentId: (t = this.useContent) == null ? void 0 : t.id,
-        orgId: this.apiKey
-      }), Et()) {
-        const e = new URL(location.href).searchParams;
-        if (this.model && e.get("builder.preview") === this.model) {
-          const n = e.get("apiKey") || e.get("builder.space");
-          n && O({
+      )), this.useContent) {
+        const n = (t = this.useContent) == null ? void 0 : t.testVariationId, o = (e = this.useContent) == null ? void 0 : e.id;
+        _({
+          type: "impression",
+          canTrack: this.canTrackToUse,
+          contentId: o,
+          apiKey: this.apiKey,
+          variationId: n !== o ? n : void 0
+        });
+      }
+      if (Et()) {
+        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 && A({
             model: this.model,
-            apiKey: n
-          }).then((o) => {
-            o && (this.overrideContent = o);
+            apiKey: o
+          }).then((s) => {
+            s && (this.overrideContent = s);
           });
         }
       }
@@ -1810,7 +1810,7 @@ const Dt = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t
     }
   },
   unmounted() {
-    h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    u() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -1848,7 +1848,10 @@ const Dt = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t
         ...P,
         ...this.customComponents || []
       ].reduce(
-        (n, o) => ({ ...n, [o.name]: o }),
+        (n, o) => ({
+          ...n,
+          [o.name]: o
+        }),
         {}
       );
     },
@@ -1894,25 +1897,29 @@ const Dt = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t
     evaluateJsCode() {
       var e, n;
       const t = (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode;
-      t && T({
+      t && R({
         code: t,
         context: this.contextContext,
         state: this.contentState
       });
     },
     onClick(t) {
-      var e;
-      this.useContent && $({
-        type: "click",
-        canTrack: this.canTrackToUse,
-        contentId: (e = this.useContent) == null ? void 0 : e.id,
-        orgId: this.apiKey
-      });
+      var e, n;
+      if (this.useContent) {
+        const o = (e = this.useContent) == null ? void 0 : e.testVariationId, s = (n = this.useContent) == null ? void 0 : n.id;
+        _({
+          type: "click",
+          canTrack: this.canTrackToUse,
+          contentId: s,
+          apiKey: this.apiKey,
+          variationId: o !== s ? o : void 0
+        });
+      }
     },
     evalExpression(t) {
       return t.replace(
         /{{([^}]+)}}/g,
-        (e, n) => T({
+        (e, n) => R({
           code: n,
           context: this.contextContext,
           state: this.contentState
@@ -1920,8 +1927,11 @@ const Dt = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t
       );
     },
     handleRequest({ url: t, key: e }) {
-      j().then((n) => n(t)).then((n) => n.json()).then((n) => {
-        const o = { ...this.overrideState, [e]: n };
+      F().then((n) => n(t)).then((n) => n.json()).then((n) => {
+        const o = {
+          ...this.overrideState,
+          [e]: n
+        };
         this.overrideState = o;
       }).catch((n) => {
         console.log("error fetching dynamic data", t, n);
@@ -1954,15 +1964,15 @@ const Dt = () => Promise.resolve().then(() => z).then((t) => t.default).catch((t
     }
   }
 };
-var Jt = function() {
-  var o, s, r, a, c, i, d;
+var Gt = function() {
+  var o, s, r, a, c, i, l;
   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 }, on: { click: function(l) {
-    return e.onClick(l);
-  } } }, [e.shouldRenderContentStyles ? [n("render-content-styles", { attrs: { cssCode: (r = (s = e.useContent) == null ? void 0 : s.data) == null ? void 0 : r.cssCode, customFonts: (c = (a = e.useContent) == null ? void 0 : a.data) == null ? void 0 : c.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: e.markMutable((d = (i = e.useContent) == null ? void 0 : i.data) == null ? void 0 : d.blocks) } })], 2) : e._e();
+  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: (c = (a = e.useContent) == null ? void 0 : a.data) == null ? void 0 : c.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: e.markMutable((l = (i = e.useContent) == null ? void 0 : i.data) == null ? void 0 : l.blocks) } })], 2) : e._e();
 }, Xt = [], Yt = /* @__PURE__ */ p(
-  Gt,
   Jt,
+  Gt,
   Xt,
   !1,
   null,
@@ -1973,12 +1983,12 @@ var Jt = function() {
 const Qt = Yt.exports, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Qt
-}, Symbol.toStringTag, { value: "Module" })), en = () => import("./block-styles.234651b2.js").then((t) => t.default).catch((t) => {
+}, Symbol.toStringTag, { value: "Module" })), en = () => import("./block-styles.fc09dcaf.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;
-}), tn = () => import("./render-block.3cf39e0e.js").then((t) => t.default).catch((t) => {
+}), tn = () => import("./render-block.089abc43.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
@@ -1986,7 +1996,7 @@ const Qt = Yt.exports, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
 }), nn = {
   name: "render-blocks",
   components: { RenderBlock: tn, BlockStyles: en },
-  props: ["blocks", "parent", "path", "style"],
+  props: ["blocks", "parent", "path", "styleProp"],
   inject: {
     builderContext: "BuilderContext"
   },
@@ -2036,7 +2046,7 @@ const Qt = Yt.exports, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
 };
 var on = function() {
   var e = this, n = e._self._c;
-  return n("div", { class: e._classStringToObject(e.className + " div-21azgz5avex"), style: e.style, attrs: { "builder-path": e.path, "builder-parent-id": e.parent, dataSet: {
+  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
   } }, on: { click: function(o) {
     return e.onClick();
@@ -2053,51 +2063,53 @@ var on = function() {
   sn,
   !1,
   null,
-  "75050a7e",
+  "713efc9e",
   null,
   null
 );
-const an = rn.exports, z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const an = rn.exports, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: an
-}, Symbol.toStringTag, { value: "Module" })), E = {};
-function dn(t) {
-  if (h()) {
-    Object.assign(E, t);
+}, Symbol.toStringTag, { value: "Module" })), $ = {};
+function un(t) {
+  if (u()) {
+    Object.assign($, t);
     const e = {
       type: "builder.settingsChange",
-      data: E
+      data: $
     };
     parent.postMessage(e, "*");
   }
 }
 export {
   He as B,
-  Z as C,
-  et as F,
-  ae as I,
-  Be as S,
+  Q as C,
+  Ze as F,
+  re as I,
+  We as S,
   y as T,
-  ge as V,
-  ue as a,
+  fe as V,
+  de as a,
   Je as b,
   an as c,
   Et as d,
-  T as e,
-  P as f,
-  ln as g,
-  Ft as h,
+  R as e,
+  O as f,
+  P as g,
+  ln as h,
   f as i,
-  q as j,
-  O as k,
-  je as l,
+  Ft as j,
+  z as k,
+  A as l,
   cn as m,
   p as n,
-  Ue as o,
-  be as p,
-  ve as q,
+  Fe as o,
+  je as p,
+  ge as q,
   Qt as r,
-  dn as s,
-  _e as t,
-  F as u
+  un as s,
+  dn as t,
+  be as u,
+  ve as v,
+  E as w
 };