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

package/packages/_vue3/dist/{index.2472a241.js → index.c45f283d.js}

@@ -1,18 +1,12 @@
-import { defineAsyncComponent as v, resolveComponent as x, openBlock as l, createElementBlock as u, normalizeStyle as C, Fragment as w, renderList as F, createVNode as q, createElementVNode as R, createCommentVNode as y, normalizeClass as U, renderSlot as S, mergeProps as _, toDisplayString as B, createBlock as I } from "vue";
-const V = "vue3";
-function f() {
+import { defineAsyncComponent as y, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeStyle as _, Fragment as C, renderList as E, createVNode as q, createElementVNode as T, createCommentVNode as b, normalizeClass as j, renderSlot as w, mergeProps as x, toDisplayString as P, createBlock as S } from "vue";
+const U = "vue3";
+function h() {
   return typeof window < "u" && typeof document < "u";
 }
-function ae() {
-  return f() && window.self !== window.top;
-}
-function g() {
-  return ae() && window.location.search.indexOf("builder.frameEditing=") !== -1;
-}
-const P = {};
-function ie(e, n) {
-  let t = P[e];
-  if (t || (t = P[e] = []), t.push(n), f()) {
+const $ = {};
+function ae(e, n) {
+  let t = $[e];
+  if (t || (t = $[e] = []), t.push(n), h()) {
     const o = {
       type: "builder.register",
       data: {
@@ -27,8 +21,8 @@ function ie(e, n) {
     }
   }
 }
-const ce = () => {
-  ie("insertMenu", {
+const ie = () => {
+  ae("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -42,56 +36,49 @@ const ce = () => {
       { name: "Custom Code" }
     ]
   });
-}, le = (e) => {
-  var n, t;
-  g() && ((n = window.parent) == null || n.postMessage(
+}, ce = () => {
+  var e;
+  h() && ((e = window.parent) == null || e.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
-        target: V,
-        supportsPatchUpdates: !1
-      }
-    },
-    "*"
-  ), (t = window.parent) == null || t.postMessage(
-    {
-      type: "builder.updateContent",
-      data: {
-        options: e
+        target: U,
+        supportsPatchUpdates: !1,
+        supportsAddBlockScoping: !0
       }
     },
     "*"
-  ), window.addEventListener("message", ({ data: o }) => {
-    var r, s;
-    if (o)
-      switch (o.type) {
+  ), window.addEventListener("message", ({ data: n }) => {
+    var t, o;
+    if (!!(n != null && n.type))
+      switch (n.type) {
         case "builder.evaluate": {
-          const a = o.data.text, c = o.data.arguments || [], i = o.data.id, m = new Function(a);
-          let d, p = null;
+          const r = n.data.text, s = n.data.arguments || [], a = n.data.id, c = new Function(r);
+          let i, u = null;
           try {
-            d = m.apply(null, c);
-          } catch (b) {
-            p = b;
+            i = c.apply(null, s);
+          } catch (m) {
+            u = m;
           }
-          p ? (r = window.parent) == null || r.postMessage(
+          u ? (t = window.parent) == null || t.postMessage(
             {
               type: "builder.evaluateError",
-              data: { id: i, error: p.message }
+              data: { id: a, error: u.message }
             },
             "*"
-          ) : d && typeof d.then == "function" ? d.then((b) => {
-            var k;
-            (k = window.parent) == null || k.postMessage(
+          ) : i && typeof i.then == "function" ? i.then((m) => {
+            var p;
+            (p = window.parent) == null || p.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: i, result: b }
+                data: { id: a, result: m }
               },
               "*"
             );
-          }).catch(console.error) : (s = window.parent) == null || s.postMessage(
+          }).catch(console.error) : (o = window.parent) == null || o.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: d, id: i }
+              data: { result: i, id: a }
             },
             "*"
           );
@@ -106,14 +93,14 @@ function A(e) {
 function mn(e) {
   return e;
 }
-const de = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
+const le = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     e
   ), e;
-}), ue = {
+}), de = {
   name: "builder-columns",
-  components: { RenderBlocks: v(de) },
+  components: { RenderBlocks: y(le) },
   props: [
     "space",
     "columns",
@@ -161,22 +148,22 @@ const de = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     }
   }
 };
-const h = (e, n) => {
+const f = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, r] of n)
     t[o] = r;
   return t;
 };
-function me(e, n, t, o, r, s) {
-  const a = x("render-blocks");
-  return l(), u("div", {
-    class: "builder-columns div-361b1o6wv2k",
-    style: C(s.columnsCssVars)
+function ue(e, n, t, o, r, s) {
+  const a = v("render-blocks");
+  return l(), d("div", {
+    class: "builder-columns div-256wrwn33ry",
+    style: _(s.columnsCssVars)
   }, [
-    (l(!0), u(w, null, F(t.columns, (c, i) => (l(), u("div", {
+    (l(!0), d(C, null, E(t.columns, (c, i) => (l(), d("div", {
       key: i,
-      class: "builder-column div-361b1o6wv2k-2",
-      style: C({
+      class: "builder-column div-256wrwn33ry-2",
+      style: _({
         width: s.getColumnCssWidth(i),
         marginLeft: `${i === 0 ? 0 : s.getGutterSize()}px`,
         ...s.columnCssVars
@@ -186,22 +173,22 @@ function me(e, n, t, o, r, s) {
         blocks: e.markMutable(c.blocks),
         path: `component.options.columns.${i}.blocks`,
         parent: t.builderBlock.id,
-        style: {
+        styleProp: {
           flexGrow: "1"
         }
       }, null, 8, ["blocks", "path", "parent"])
     ], 4))), 128))
   ], 4);
 }
-const pe = /* @__PURE__ */ h(ue, [["render", me], ["__scopeId", "data-v-c19c7ec1"]]);
+const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-2e5dc506"]]);
 function W(e) {
   return e.replace(/http(s)?:/, "");
 }
-function he(e = "", n, t) {
+function pe(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 fe(e, n) {
+function he(e, n) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
     return e;
   if (n === "master")
@@ -215,18 +202,18 @@ function fe(e, n) {
   }
   return null;
 }
-function E(e) {
+function R(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) => `${he(e, "width", r)} ${r}w`).concat([t]).join(", ");
+    return isNaN(o) || (t = `${t} ${o}w`), n.filter((r) => r !== o).map((r) => `${pe(e, "width", r)} ${r}w`).concat([t]).join(", ");
   }
-  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;
+  return e.match(/cdn\.shopify\.com/) ? n.map((t) => [he(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
 }
-const ge = {
+const fe = {
   name: "builder-image",
   props: [
     "image",
@@ -249,10 +236,10 @@ const ge = {
         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"), E(n);
+          return console.debug("Removed given srcset"), R(n);
       } else if (this.image && !this.srcset)
-        return E(n);
-      return E(n);
+        return R(n);
+      return R(n);
     },
     webpSrcSet() {
       var e;
@@ -271,62 +258,62 @@ const ge = {
     }
   }
 };
-const be = ["srcset"], ye = ["alt", "role", "src", "srcset", "sizes"], ve = ["srcset"], xe = {
+const ge = ["srcset"], be = ["alt", "role", "src", "srcset", "sizes"], ye = ["srcset"], ve = {
   key: 2,
-  class: "div-256wrwn33ry-2"
+  class: "div-2inev3z4vnk-2"
 };
-function _e(e, n, t, o, r, s) {
-  var a, c, i, m;
-  return l(), u(w, null, [
-    R("picture", null, [
-      s.webpSrcSet ? (l(), u("source", {
+function xe(e, n, t, o, r, s) {
+  var a, c, i, u;
+  return l(), d(C, null, [
+    T("picture", null, [
+      s.webpSrcSet ? (l(), d("source", {
         key: 0,
         type: "image/webp",
         srcset: s.webpSrcSet
-      }, null, 8, be)) : y("", !0),
-      R("img", {
+      }, null, 8, ge)) : b("", !0),
+      T("img", {
         loading: "lazy",
         alt: t.altText,
         role: t.altText ? "presentation" : void 0,
-        style: C({
+        style: _({
           objectPosition: t.backgroundSize || "center",
           objectFit: t.backgroundSize || "cover"
         }),
-        class: U(
+        class: j(
           s._classStringToObject(
-            "builder-image" + (t.className ? " " + t.className : "") + " img-256wrwn33ry"
+            "builder-image" + (t.className ? " " + t.className : "") + " img-2inev3z4vnk"
           )
         ),
         src: t.image,
         srcset: s.srcSetToUse,
         sizes: t.sizes
-      }, null, 14, ye),
-      R("source", { srcset: s.srcSetToUse }, null, 8, ve)
+      }, null, 14, be),
+      T("source", { srcset: s.srcSetToUse }, null, 8, ye)
     ]),
-    t.aspectRatio && !(((c = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length) && t.fitContent) ? (l(), u("div", {
+    t.aspectRatio && !(((c = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length) && t.fitContent) ? (l(), d("div", {
       key: 0,
-      class: "builder-image-sizer div-256wrwn33ry",
-      style: C({
+      class: "builder-image-sizer div-2inev3z4vnk",
+      style: _({
         paddingTop: t.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : y("", !0),
-    ((m = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : m.length) && t.fitContent ? S(e.$slots, "default", { key: 1 }, void 0, !0) : y("", !0),
-    !t.fitContent && e.children ? (l(), u("div", xe, [
-      S(e.$slots, "default", {}, void 0, !0)
-    ])) : y("", !0)
+    }, null, 4)) : b("", !0),
+    ((u = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : u.length) && t.fitContent ? w(e.$slots, "default", { key: 1 }, void 0, !0) : b("", !0),
+    !t.fitContent && e.children ? (l(), d("div", ve, [
+      w(e.$slots, "default", {}, void 0, !0)
+    ])) : b("", !0)
   ], 64);
 }
-const ke = /* @__PURE__ */ h(ge, [["render", _e], ["__scopeId", "data-v-bf4ee294"]]), Ce = {
+const ke = /* @__PURE__ */ f(fe, [["render", xe], ["__scopeId", "data-v-219500ea"]]), _e = {
   name: "builder-text",
   props: ["text"]
-}, we = ["innerHTML"];
-function Se(e, n, t, o, r, s) {
-  return l(), u("span", {
+}, Ce = ["innerHTML"];
+function we(e, n, t, o, r, s) {
+  return l(), d("span", {
     class: "builder-text",
     innerHTML: t.text
-  }, null, 8, we);
+  }, null, 8, Ce);
 }
-const Ie = /* @__PURE__ */ h(Ce, [["render", Se]]), Te = {
+const Se = /* @__PURE__ */ f(_e, [["render", we]]), Ie = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -359,12 +346,18 @@ const Ie = /* @__PURE__ */ h(Ce, [["render", Se]]), Te = {
           playsInline: !0
         } : {}
       };
+    },
+    spreadProps() {
+      return {
+        ...this.attributes,
+        ...this.videoProps
+      };
     }
   }
-}, Re = ["src", "poster"];
-function Ee(e, n, t, o, r, s) {
+}, Te = ["src", "poster"];
+function Re(e, n, t, o, r, s) {
   var a;
-  return l(), u("video", _(s.videoProps, {
+  return l(), d("video", x(s.spreadProps, {
     style: {
       width: "100%",
       height: "100%",
@@ -375,25 +368,25 @@ function Ee(e, n, t, o, r, s) {
     },
     src: t.video || "no-src",
     poster: t.posterImage
-  }), null, 16, Re);
+  }), null, 16, Te);
 }
-const Fe = /* @__PURE__ */ h(Te, [["render", Ee]]);
-function j(e, n = null, t = ".") {
+const Ee = /* @__PURE__ */ f(Ie, [["render", Re]]);
+function F(e, n = null, t = ".") {
   return Object.keys(e).reduce((o, r) => {
     const s = e[r], a = [n, r].filter(Boolean).join(t);
     return [
       typeof s == "object",
       s !== null,
       !(Array.isArray(s) && s.length === 0)
-    ].every(Boolean) ? { ...o, ...j(s, a, t) } : { ...o, [a]: s };
+    ].every(Boolean) ? { ...o, ...F(s, a, t) } : { ...o, [a]: s };
   }, {});
 }
-const L = "builder.", je = (e) => {
+const L = "builder.", Fe = (e) => {
   const n = {};
   return e.forEach((t, o) => {
     n[o] = t;
   }), n;
-}, Ue = (e) => {
+}, je = (e) => {
   if (!e)
     return {};
   const n = D(e), t = {};
@@ -403,12 +396,12 @@ const L = "builder.", je = (e) => {
       t[r] = n[o];
     }
   }), t;
-}, Ve = () => {
-  if (!f())
+}, Ue = () => {
+  if (!h())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Ue(e);
-}, D = (e) => e instanceof URLSearchParams ? je(e) : e;
+  return je(e);
+}, D = (e) => e instanceof URLSearchParams ? Fe(e) : e;
 function Ae() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
 }
@@ -420,7 +413,7 @@ async function K() {
   }
   return e.default || e;
 }
-const $e = (e) => {
+const Ve = (e) => {
   const n = e.split(".");
   return n.length > 2 ? n.slice(1).join(".") : e;
 }, G = async ({
@@ -441,11 +434,11 @@ const $e = (e) => {
   value: n,
   expires: t
 }) => {
-  const r = (f() ? location.protocol === "https:" : !0) ? Be : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], a = [
+  const r = (h() ? location.protocol === "https:" : !0) ? Be : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], a = [
     [e, n],
     ...s,
     ["path", "/"],
-    ["domain", $e(window.location.hostname)],
+    ["domain", Ve(window.location.hostname)],
     ...r
   ];
   return Oe(a);
@@ -463,14 +456,14 @@ const $e = (e) => {
   } catch (r) {
     console.warn("[COOKIE] SET error: ", r);
   }
-}, We = "builderio.variations", Y = (e) => `${We}.${e}`, Le = ({
+}, $e = "builderio.variations", Y = (e) => `${$e}.${e}`, We = ({
   contentId: e,
   canTrack: n
-}) => G({ name: Y(e), canTrack: n }), Me = ({
+}) => G({ name: Y(e), canTrack: n }), Le = ({
   contentId: e,
   canTrack: n,
   value: t
-}) => J({ name: Y(e), value: t, canTrack: n }), T = (e) => e != null, Ne = (e) => T(e.id) && T(e.variations) && Object.keys(e.variations).length > 0, He = ({
+}) => J({ name: Y(e), value: t, canTrack: n }), I = (e) => e != null, Me = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, Ne = ({
   id: e,
   variations: n
 }) => {
@@ -498,18 +491,18 @@ const $e = (e) => {
   item: e,
   canTrack: n
 }) => {
-  const t = await Le({
+  const t = await We({
     canTrack: n,
     contentId: e.id
   }), o = t ? M({ item: e, testGroupId: t }) : void 0;
   if (o)
     return o;
   {
-    const r = He({
+    const r = Ne({
       variations: e.variations,
       id: e.id
     });
-    return Me({
+    return Le({
       contentId: e.id,
       value: r,
       canTrack: n
@@ -517,19 +510,19 @@ const $e = (e) => {
       console.error("could not store A/B test variation: ", s);
     }), M({ item: e, testGroupId: r });
   }
-}, qe = async ({
+}, He = async ({
   item: e,
   canTrack: n
 }) => {
-  if (!Ne(e))
+  if (!Me(e))
     return;
   const t = await ze({ item: e, canTrack: n });
   Object.assign(e, t);
 };
 async function X(e) {
-  return (await Ke({ ...e, limit: 1 })).results[0] || null;
+  return (await De({ ...e, limit: 1 })).results[0] || null;
 }
-const De = (e) => {
+const qe = (e) => {
   const {
     limit: n = 30,
     userAttributes: t,
@@ -540,63 +533,67 @@ const De = (e) => {
   } = e, c = new URL(
     `https://cdn.builder.io/api/v2/content/${s}?apiKey=${a}&limit=${n}&noTraverse=${r}`
   ), i = {
-    ...Ve(),
+    ...Ue(),
     ...D(e.options || {})
-  }, m = j(i);
-  for (const d in m)
-    c.searchParams.set(d, String(m[d]));
+  }, u = F(i);
+  for (const m in u)
+    c.searchParams.set(m, String(u[m]));
   if (t && c.searchParams.set("userAttributes", JSON.stringify(t)), o) {
-    const d = j({ query: o });
-    for (const p in d)
-      c.searchParams.set(p, JSON.stringify(d[p]));
+    const m = F({ query: o });
+    for (const p in m)
+      c.searchParams.set(p, JSON.stringify(m[p]));
   }
   return c;
 };
-async function Ke(e) {
-  const n = De(e), o = await (await K())(n.href).then(
+async function De(e) {
+  const n = qe(e), o = await (await K())(n.href).then(
     (s) => s.json()
   ), r = e.canTrack !== !1;
   if (r)
     for (const s of o.results)
-      await qe({ item: s, canTrack: r });
+      await He({ item: s, canTrack: r });
   return o;
 }
-const Ge = () => Promise.resolve().then(() => on).then((e) => e.default).catch((e) => {
+const Ke = () => Promise.resolve().then(() => on).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
     e
   ), e;
-}), Je = {
+}), Ge = {
   name: "builder-symbol",
-  components: { RenderContent: v(Ge) },
+  components: { RenderContent: y(Ke) },
   props: ["symbol", "attributes"],
-  data: () => ({ className: "builder-symbol", content: null, markMutable: A }),
+  data: () => ({
+    className: "builder-symbol",
+    fetchedContent: null,
+    markMutable: A
+  }),
   inject: {
     builderContext: "BuilderContext"
   },
-  mounted() {
-    var e;
-    this.content = (e = this.symbol) == null ? void 0 : e.content;
-  },
   watch: {
     onUpdateHook0() {
       const e = this.symbol;
-      e && !e.content && !this.content && e.model && X({
+      e && !e.content && !this.fetchedContent && e.model && X({
         model: e.model,
         apiKey: this.builderContext.apiKey,
         query: {
           id: e.entry
         }
       }).then((n) => {
-        this.content = n;
+        this.fetchedContent = n;
       });
     }
   },
   computed: {
+    contentToUse() {
+      var e;
+      return ((e = this.symbol) == null ? void 0 : e.content) || this.fetchedContent;
+    },
     onUpdateHook0() {
       return {
         0: this.symbol,
-        1: this.content
+        1: this.fetchedContent
       };
     }
   },
@@ -611,11 +608,11 @@ const Ge = () => Promise.resolve().then(() => on).then((e) => e.default).catch((
       return n;
     }
   }
-}, Ye = ["dataSet"];
-function Xe(e, n, t, o, r, s) {
-  var c, i, m, d, p;
-  const a = x("render-content");
-  return l(), u("div", _(t.attributes, {
+}, Je = ["dataSet"];
+function Ye(e, n, t, o, r, s) {
+  var c, i, u, m, p;
+  const a = v("render-content");
+  return l(), d("div", x(t.attributes, {
     dataSet: {
       class: e.className
     },
@@ -628,48 +625,48 @@ function Xe(e, n, t, o, r, s) {
       data: e.markMutable({
         ...(c = t.symbol) == null ? void 0 : c.data,
         ...s.builderContext.state,
-        ...(d = (m = (i = t.symbol) == null ? void 0 : i.content) == null ? void 0 : m.data) == null ? void 0 : d.state
+        ...(m = (u = (i = t.symbol) == null ? void 0 : i.content) == null ? void 0 : u.data) == null ? void 0 : m.state
       }),
       model: (p = t.symbol) == null ? void 0 : p.model,
-      content: e.markMutable(e.content)
+      content: e.markMutable(s.contentToUse)
     }, null, 8, ["apiKey", "context", "customComponents", "data", "model", "content"])
-  ], 16, Ye);
+  ], 16, Je);
 }
-const Qe = /* @__PURE__ */ h(Je, [["render", Xe]]), Ze = {
+const Xe = /* @__PURE__ */ f(Ge, [["render", Ye]]), Qe = {
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"]
 };
-const et = ["href", "target"];
-function tt(e, n, t, o, r, s) {
-  return t.link ? (l(), u("a", _({ key: 0 }, t.attributes, {
+const Ze = ["href", "target"];
+function et(e, n, t, o, r, s) {
+  return t.link ? (l(), d("a", x({ key: 0 }, t.attributes, {
     role: "button",
     href: t.link,
     target: t.openLinkInNewTab ? "_blank" : void 0
-  }), B(t.text), 17, et)) : (l(), u("button", _({ key: 1 }, t.attributes, { class: "button-1yj9n7yt24z" }), B(t.text), 17));
+  }), P(t.text), 17, Ze)) : (l(), d("button", x({ key: 1 }, t.attributes, { class: "button-20vehov4ay6" }), P(t.text), 17));
 }
-const nt = /* @__PURE__ */ h(Ze, [["render", tt], ["__scopeId", "data-v-a1cb1b3e"]]), ot = {
+const tt = /* @__PURE__ */ f(Qe, [["render", et], ["__scopeId", "data-v-4f342625"]]), nt = {
   name: "builder-section-component",
   props: ["attributes", "maxWidth"]
 };
-function st(e, n, t, o, r, s) {
-  return l(), u("section", _(t.attributes, {
+function ot(e, n, t, o, r, s) {
+  return l(), d("section", x(t.attributes, {
     style: t.maxWidth && typeof t.maxWidth == "number" ? {
       maxWidth: t.maxWidth
     } : void 0
   }), [
-    S(e.$slots, "default")
+    w(e.$slots, "default")
   ], 16);
 }
-const rt = /* @__PURE__ */ h(ot, [["render", st]]), at = {
+const st = /* @__PURE__ */ f(nt, [["render", ot]]), rt = {
   name: "builder-fragment-component",
   props: []
 };
-function it(e, n, t, o, r, s) {
-  return l(), u("span", null, [
-    S(e.$slots, "default")
+function at(e, n, t, o, r, s) {
+  return l(), d("span", null, [
+    w(e.$slots, "default")
   ]);
 }
-const ct = /* @__PURE__ */ h(at, [["render", it]]), lt = {
+const it = /* @__PURE__ */ f(rt, [["render", at]]), ct = {
   name: "Core:Button",
   builtIn: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -707,10 +704,10 @@ const ct = /* @__PURE__ */ h(at, [["render", it]]), lt = {
   static: !0,
   noWrap: !0
 };
-function $(e) {
+function V(e) {
   return e.__qwik_serializable__ = !0, e;
 }
-const dt = {
+const lt = {
   name: "Columns",
   builtIn: !0,
   inputs: [
@@ -898,7 +895,7 @@ const dt = {
           ]
         }
       ],
-      onChange: $((e) => {
+      onChange: V((e) => {
         function n() {
           t.forEach((o) => {
             o.delete("width");
@@ -935,14 +932,14 @@ const dt = {
       advanced: !0
     }
   ]
-}, ut = {
+}, dt = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   builtIn: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, mt = {
+}, ut = {
   name: "Image",
   static: !0,
   builtIn: !0,
@@ -962,18 +959,18 @@ const dt = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: $((e) => {
+      onChange: V((e) => {
         e.delete("srcset"), e.delete("noWebp");
         function t(a, c = 6e4) {
-          return new Promise((i, m) => {
-            const d = document.createElement("img");
+          return new Promise((i, u) => {
+            const m = document.createElement("img");
             let p = !1;
-            d.onload = () => {
-              p = !0, i(d);
-            }, d.addEventListener("error", (b) => {
-              console.warn("Image load failed", b.error), m(b.error);
-            }), d.src = a, setTimeout(() => {
-              p || m(new Error("Image load timed out"));
+            m.onload = () => {
+              p = !0, i(m);
+            }, m.addEventListener("error", (k) => {
+              console.warn("Image load failed", k.error), u(k.error);
+            }), m.src = a, setTimeout(() => {
+              p || u(new Error("Image load timed out"));
             }, c);
           });
         }
@@ -1068,7 +1065,7 @@ const dt = {
       defaultValue: 0.7041
     }
   ]
-}, pt = {
+}, mt = {
   name: "Core:Section",
   static: !0,
   builtIn: !0,
@@ -1113,7 +1110,7 @@ const dt = {
       }
     }
   ]
-}, ht = {
+}, pt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1152,7 +1149,7 @@ const dt = {
       type: "boolean"
     }
   ]
-}, ft = {
+}, ht = {
   name: "Text",
   static: !0,
   builtIn: !0,
@@ -1172,7 +1169,7 @@ const dt = {
     height: "auto",
     textAlign: "center"
   }
-}, gt = {
+}, ft = {
   name: "Video",
   canHaveChildren: !0,
   builtIn: !0,
@@ -1274,7 +1271,7 @@ const dt = {
       advanced: !0
     }
   ]
-}, bt = {
+}, gt = {
   name: "Embed",
   static: !0,
   builtIn: !0,
@@ -1285,7 +1282,7 @@ const dt = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: $((e) => {
+      onChange: V((e) => {
         const n = e.get("url");
         if (n)
           return e.set("content", "Loading..."), fetch(
@@ -1308,11 +1305,11 @@ const dt = {
       hideFromUI: !0
     }
   ]
-}, yt = [
+}, bt = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], vt = (e) => yt.includes(e.type), xt = {
+], yt = (e) => bt.includes(e.type), vt = {
   name: "builder-embed",
   props: ["content"],
   data: () => ({ scriptsInserted: [], scriptsRun: [], ranInitFn: !1 }),
@@ -1340,7 +1337,7 @@ const dt = {
           this.scriptsInserted.push(t.src);
           const o = document.createElement("script");
           o.async = !0, o.src = t.src, document.head.appendChild(o);
-        } else if (vt(t) && !this.scriptsRun.includes(t.innerText))
+        } else if (yt(t) && !this.scriptsRun.includes(t.innerText))
           try {
             this.scriptsRun.push(t.innerText), new Function(t.innerText)();
           } catch (o) {
@@ -1349,15 +1346,22 @@ const dt = {
       }
     }
   }
-}, _t = ["innerHTML"];
+}, xt = ["innerHTML"];
 function kt(e, n, t, o, r, s) {
-  return l(), u("div", {
+  return l(), d("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: t.content
-  }, null, 8, _t);
+  }, null, 8, xt);
 }
-const Ct = /* @__PURE__ */ h(xt, [["render", kt]]), wt = {
+const _t = /* @__PURE__ */ f(vt, [["render", kt]]);
+function Ct() {
+  return h() && window.self !== window.top;
+}
+function g() {
+  return Ct() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+}
+const wt = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1370,7 +1374,7 @@ const Ct = /* @__PURE__ */ h(xt, [["render", kt]]), wt = {
   data: () => ({ isEditing: g })
 }, St = ["alt", "src"];
 function It(e, n, t, o, r, s) {
-  return l(), u("img", _(t.attributes, {
+  return l(), d("img", x(t.attributes, {
     style: {
       objectFit: t.backgroundSize || "cover",
       objectPosition: t.backgroundPosition || "center"
@@ -1380,7 +1384,7 @@ function It(e, n, t, o, r, s) {
     src: t.imgSrc || t.image
   }), null, 16, St);
 }
-const Tt = /* @__PURE__ */ h(wt, [["render", It]]), Rt = {
+const Tt = /* @__PURE__ */ f(wt, [["render", It]]), Rt = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   builtIn: !0,
@@ -1443,9 +1447,9 @@ const Tt = /* @__PURE__ */ h(wt, [["render", It]]), Rt = {
   }
 }, Ft = ["innerHTML"];
 function jt(e, n, t, o, r, s) {
-  return l(), u("div", {
+  return l(), d("div", {
     ref: "elem",
-    class: U(
+    class: j(
       s._classStringToObject(
         "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
       )
@@ -1453,7 +1457,7 @@ function jt(e, n, t, o, r, s) {
     innerHTML: t.code
   }, null, 10, Ft);
 }
-const Ut = /* @__PURE__ */ h(Et, [["render", jt]]), Vt = {
+const Ut = /* @__PURE__ */ f(Et, [["render", jt]]), At = {
   name: "Custom Code",
   static: !0,
   builtIn: !0,
@@ -1480,18 +1484,18 @@ const Ut = /* @__PURE__ */ h(Et, [["render", jt]]), Vt = {
       advanced: !0
     }
   ]
-}, At = () => [
-  { component: pe, ...dt },
-  { component: ke, ...mt },
+}, Vt = () => [
+  { component: me, ...lt },
+  { component: ke, ...ut },
   { component: Tt, ...Rt },
-  { component: Ie, ...ft },
-  { component: Fe, ...gt },
-  { component: Qe, ...ht },
-  { component: nt, ...lt },
-  { component: rt, ...pt },
-  { component: ct, ...ut },
-  { component: Ct, ...bt },
-  { component: Ut, ...Vt }
+  { component: Se, ...ht },
+  { component: Ee, ...ft },
+  { component: Xe, ...pt },
+  { component: tt, ...ct },
+  { component: st, ...mt },
+  { component: it, ...dt },
+  { component: _t, ...gt },
+  { component: Ut, ...At }
 ];
 function N({
   code: e,
@@ -1505,8 +1509,8 @@ function N({
   }
   const r = {
     isEditing: g(),
-    isBrowser: f(),
-    isServer: !f()
+    isBrowser: h(),
+    isServer: !h()
   }, a = !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
   try {
     return new Function(
@@ -1529,34 +1533,34 @@ function N({
     );
   }
 }
-function $t() {
-  return !f() || g() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+function Ot() {
+  return !h() || g() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const Q = [];
+const Q = (e) => JSON.parse(JSON.stringify(e)), Z = [];
 function pn(e, n) {
-  return Q.push({ component: e, ...n }), console.warn(
+  return Z.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;
 }
-const Ot = ({
+const Bt = ({
   component: e,
   ...n
 }) => ({
   type: "builder.registerComponent",
   data: Wt(n)
-}), Z = (e) => JSON.parse(JSON.stringify(e)), Bt = (e) => typeof e == "function" ? Pt(e) : Z(e), Pt = (e) => {
+}), Pt = (e) => typeof e == "function" ? $t(e) : Q(e), $t = (e) => {
   const n = e.toString().trim();
   return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
 }, Wt = ({
   inputs: e,
   ...n
 }) => ({
-  ...Z(n),
+  ...Q(n),
   inputs: e == null ? void 0 : e.map(
     (t) => Object.entries(t).reduce(
       (o, [r, s]) => ({
         ...o,
-        [r]: Bt(s)
+        [r]: Pt(s)
       }),
       {}
     )
@@ -1578,16 +1582,16 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
     name: te,
     canTrack: e
   });
-  if (T(n))
+  if (I(n))
     return n;
   {
     const t = Nt();
-    Ht({ id: t, canTrack: e });
+    zt({ id: t, canTrack: e });
   }
-}, Nt = () => ee(), Ht = ({
+}, Nt = () => ee(), zt = ({
   id: e,
   canTrack: n
-}) => J({ name: te, value: e, canTrack: n }), ne = () => f() && typeof localStorage < "u" ? localStorage : void 0, zt = ({
+}) => J({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, Ht = ({
   key: e,
   canTrack: n
 }) => {
@@ -1611,11 +1615,11 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
 }, oe = "builderVisitorId", Dt = ({ canTrack: e }) => {
   if (!e)
     return;
-  const n = zt({
+  const n = Ht({
     key: oe,
     canTrack: e
   });
-  if (T(n))
+  if (I(n))
     return n;
   {
     const t = Kt();
@@ -1653,8 +1657,8 @@ const te = "builderSessionId", Mt = async ({ canTrack: e }) => {
     contentId: o
   }
 });
-async function H(e) {
-  if (!!e.canTrack && !g() && !!(f() || V === "reactNative"))
+async function z(e) {
+  if (!!e.canTrack && !g() && !!(h() || U === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
@@ -1673,7 +1677,7 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     e
   ), e;
-}), Qt = () => import("./render-styles.efaaccdf.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./render-styles.32666ea6.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     e
@@ -1681,8 +1685,8 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
 }), Zt = {
   name: "render-content",
   components: {
-    RenderContentStyles: v(Qt),
-    RenderBlocks: v(Xt)
+    RenderContentStyles: y(Qt),
+    RenderBlocks: y(Xt)
   },
   props: [
     "content",
@@ -1691,9 +1695,7 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     "context",
     "customComponents",
     "model",
-    "apiKey",
-    "locale",
-    "includeRefs"
+    "apiKey"
   ],
   data: () => ({
     forceReRenderCount: 0,
@@ -1726,29 +1728,22 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
   },
   mounted() {
     var e;
-    if (f()) {
-      if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ce(), le({
-        ...this.locale ? {
-          locale: this.locale
-        } : {},
-        ...this.includeRefs ? {
-          includeRefs: this.includeRefs
-        } : {}
-      }), Object.values(this.allRegisteredComponents).forEach(
+    if (h()) {
+      if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ie(), ce(), Object.values(this.allRegisteredComponents).forEach(
         (n) => {
           var o;
-          const t = Ot(n);
+          const t = Bt(n);
           (o = window.parent) == null || o.postMessage(t, "*");
         }
       ), window.addEventListener("message", this.processMessage), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
-      )), this.useContent && H({
+      )), this.useContent && z({
         type: "impression",
         canTrack: this.canTrackToUse,
         contentId: (e = this.useContent) == null ? void 0 : e.id,
         orgId: this.apiKey
-      }), $t()) {
+      }), Ot()) {
         const n = new URL(location.href).searchParams;
         if (this.model && n.get("builder.preview") === this.model) {
           const t = n.get("apiKey") || n.get("builder.space");
@@ -1775,7 +1770,7 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     }
   },
   unmounted() {
-    f() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -1809,11 +1804,14 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     },
     allRegisteredComponents() {
       return [
-        ...At(),
-        ...Q,
+        ...Vt(),
+        ...Z,
         ...this.customComponents || []
       ].reduce(
-        (t, o) => ({ ...t, [o.name]: o }),
+        (t, o) => ({
+          ...t,
+          [o.name]: o
+        }),
         {}
       );
     },
@@ -1823,7 +1821,7 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     shouldRenderContentStyles() {
       var e, n, t, o, r;
       return Boolean(
-        (((n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.cssCode) || ((r = (o = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : o.customFonts) == null ? void 0 : r.length)) && V !== "reactNative"
+        (((n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.cssCode) || ((r = (o = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : o.customFonts) == null ? void 0 : r.length)) && U !== "reactNative"
       );
     },
     onUpdateHook0() {
@@ -1867,7 +1865,7 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     },
     onClick(e) {
       var n;
-      this.useContent && H({
+      this.useContent && z({
         type: "click",
         canTrack: this.canTrackToUse,
         contentId: (n = this.useContent) == null ? void 0 : n.id,
@@ -1886,7 +1884,10 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
     },
     handleRequest({ url: e, key: n }) {
       K().then((t) => t(e)).then((t) => t.json()).then((t) => {
-        const o = { ...this.overrideState, [n]: t };
+        const o = {
+          ...this.overrideState,
+          [n]: t
+        };
         this.overrideState = o;
       }).catch((t) => {
         console.log("error fetching dynamic data", e, t);
@@ -1918,36 +1919,37 @@ const Xt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((
       );
     }
   }
-}, en = ["builder-content-id"];
+}, en = ["builder-content-id", "builder-model"];
 function tn(e, n, t, o, r, s) {
-  var i, m, d, p, b, k, O;
-  const a = x("render-content-styles"), c = x("render-blocks");
-  return s.useContent ? (l(), u("div", {
+  var i, u, m, p, k, O, B;
+  const a = v("render-content-styles"), c = v("render-blocks");
+  return s.useContent ? (l(), d("div", {
     key: 0,
     ref: "elementRef",
     onClick: n[0] || (n[0] = (re) => s.onClick(re)),
-    "builder-content-id": (i = s.useContent) == null ? void 0 : i.id
+    "builder-content-id": (i = s.useContent) == null ? void 0 : i.id,
+    "builder-model": t.model
   }, [
-    s.shouldRenderContentStyles ? (l(), I(a, {
+    s.shouldRenderContentStyles ? (l(), S(a, {
       key: 0,
-      cssCode: (d = (m = s.useContent) == null ? void 0 : m.data) == null ? void 0 : d.cssCode,
-      customFonts: (b = (p = s.useContent) == null ? void 0 : p.data) == null ? void 0 : b.customFonts
-    }, null, 8, ["cssCode", "customFonts"])) : y("", !0),
-    (l(), I(c, {
-      blocks: e.markMutable((O = (k = s.useContent) == null ? void 0 : k.data) == null ? void 0 : O.blocks),
+      cssCode: (m = (u = s.useContent) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
+      customFonts: (k = (p = s.useContent) == null ? void 0 : p.data) == null ? void 0 : k.customFonts
+    }, null, 8, ["cssCode", "customFonts"])) : b("", !0),
+    (l(), S(c, {
+      blocks: e.markMutable((B = (O = s.useContent) == null ? void 0 : O.data) == null ? void 0 : B.blocks),
       key: e.forceReRenderCount
     }, null, 8, ["blocks"]))
-  ], 8, en)) : y("", !0);
+  ], 8, en)) : b("", !0);
 }
-const nn = /* @__PURE__ */ h(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const nn = /* @__PURE__ */ f(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: nn
-}, Symbol.toStringTag, { value: "Module" })), sn = () => import("./block-styles.88005ace.js").then((e) => e.default).catch((e) => {
+}, Symbol.toStringTag, { value: "Module" })), sn = () => import("./block-styles.4fb6c64e.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;
-}), rn = () => import("./render-block.593fc01c.js").then((e) => e.default).catch((e) => {
+}), rn = () => import("./render-block.a0b27065.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
@@ -1955,10 +1957,10 @@ const nn = /* @__PURE__ */ h(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.
 }), an = {
   name: "render-blocks",
   components: {
-    RenderBlock: v(rn),
-    BlockStyles: v(sn)
+    RenderBlock: y(rn),
+    BlockStyles: y(sn)
   },
-  props: ["blocks", "parent", "path", "style"],
+  props: ["blocks", "parent", "path", "styleProp"],
   inject: {
     builderContext: "BuilderContext"
   },
@@ -2008,71 +2010,72 @@ const nn = /* @__PURE__ */ h(Zt, [["render", tn]]), on = /* @__PURE__ */ Object.
 };
 const cn = ["builder-path", "builder-parent-id", "dataSet"];
 function ln(e, n, t, o, r, s) {
-  const a = x("render-block"), c = x("block-styles");
-  return l(), u("div", {
-    class: U(s._classStringToObject(s.className + " div-7fq9d0i380")),
+  const a = v("render-block"), c = v("block-styles");
+  return l(), d("div", {
+    class: j(s._classStringToObject(s.className + " div-2oa2wtipkzk")),
     "builder-path": t.path,
     "builder-parent-id": t.parent,
     dataSet: {
       class: s.className
     },
-    style: C(t.style),
+    style: _(t.styleProp),
     onClick: n[0] || (n[0] = (i) => s.onClick()),
     onMouseenter: n[1] || (n[1] = (i) => s.onMouseEnter())
   }, [
-    t.blocks ? (l(!0), u(w, { key: 0 }, F(t.blocks, (i, m) => (l(), I(a, {
+    t.blocks ? (l(!0), d(C, { key: 0 }, E(t.blocks, (i, u) => (l(), S(a, {
       key: "render-block-" + i.id,
       block: i,
       context: s.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : y("", !0),
-    t.blocks ? (l(!0), u(w, { key: 1 }, F(t.blocks, (i, m) => (l(), I(c, {
+    }, null, 8, ["block", "context"]))), 128)) : b("", !0),
+    t.blocks ? (l(!0), d(C, { key: 1 }, E(t.blocks, (i, u) => (l(), S(c, {
       key: "block-style-" + i.id,
       block: i,
       context: s.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : y("", !0)
+    }, null, 8, ["block", "context"]))), 128)) : b("", !0)
   ], 46, cn);
 }
-const dn = /* @__PURE__ */ h(an, [["render", ln], ["__scopeId", "data-v-768b9dd4"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const dn = /* @__PURE__ */ f(an, [["render", ln], ["__scopeId", "data-v-75c39314"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: dn
-}, Symbol.toStringTag, { value: "Module" })), z = {};
+}, Symbol.toStringTag, { value: "Module" })), H = {};
 function hn(e) {
-  if (f()) {
-    Object.assign(z, e);
+  if (h()) {
+    Object.assign(H, e);
     const n = {
       type: "builder.settingsChange",
-      data: z
+      data: H
     };
     parent.postMessage(n, "*");
   }
 }
 export {
-  nt as B,
-  pe as C,
-  ct as F,
+  tt as B,
+  me as C,
+  it as F,
   ke as I,
-  Qe as S,
-  V as T,
-  Fe as V,
-  h as _,
-  Ie as a,
-  rt as b,
+  Xe as S,
+  U as T,
+  Ee as V,
+  f as _,
+  Se as a,
+  st as b,
   dn as c,
-  $t as d,
+  Ot as d,
   N as e,
   Q as f,
-  pn as g,
-  Ot as h,
+  Z as g,
+  pn as h,
   g as i,
-  ie as j,
-  X as k,
-  De as l,
+  Bt as j,
+  ae as k,
+  X as l,
   mn as m,
-  Ke as n,
-  je as o,
-  Ue as p,
-  Ve as q,
+  qe as n,
+  De as o,
+  Fe as p,
+  je as q,
   nn as r,
   hn as s,
-  D as t
+  Ue as t,
+  D as u
 };