@builder.io/sdk-vue 0.0.1-9 → 0.0.1

package/dist/vue-3/index.52915610.js

@@ -0,0 +1,1969 @@
+import { defineAsyncComponent as v, resolveComponent as _, openBlock as d, createElementBlock as p, normalizeStyle as k, Fragment as j, renderList as E, createVNode as re, createElementVNode as O, createCommentVNode as y, normalizeClass as ae, renderSlot as C, mergeProps as x, toDisplayString as N, createBlock as S } from "vue";
+const V = "vue3";
+function f() {
+  return typeof window < "u" && typeof document < "u";
+}
+const B = {};
+function Ce(e, n) {
+  let t = B[e];
+  if (t || (t = B[e] = []), t.push(n), f()) {
+    const o = {
+      type: "builder.register",
+      data: {
+        type: e,
+        info: n
+      }
+    };
+    try {
+      parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
+    } catch (r) {
+      console.debug("Could not postmessage", r);
+    }
+  }
+}
+const Se = () => {
+  Ce("insertMenu", {
+    name: "_default",
+    default: !0,
+    items: [
+      { name: "Box" },
+      { name: "Text" },
+      { name: "Image" },
+      { name: "Columns" },
+      { name: "Core:Section" },
+      { name: "Core:Button" },
+      { name: "Embed" },
+      { name: "Custom Code" }
+    ]
+  });
+}, Ie = () => {
+  var e;
+  f() && ((e = window.parent) == null || e.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: V,
+      supportsPatchUpdates: !1
+    }
+  }, "*"), window.addEventListener("message", ({ data: n }) => {
+    var t, o;
+    if (n)
+      switch (n.type) {
+        case "builder.evaluate": {
+          const r = n.data.text, a = n.data.arguments || [], i = n.data.id, l = new Function(r);
+          let s, c = null;
+          try {
+            s = l.apply(null, a);
+          } catch (u) {
+            c = u;
+          }
+          c ? (t = window.parent) == null || t.postMessage({
+            type: "builder.evaluateError",
+            data: { id: i, error: c.message }
+          }, "*") : s && typeof s.then == "function" ? s.then((u) => {
+            var m;
+            (m = window.parent) == null || m.postMessage({
+              type: "builder.evaluateResult",
+              data: { id: i, result: u }
+            }, "*");
+          }).catch(console.error) : (o = window.parent) == null || o.postMessage({
+            type: "builder.evaluateResult",
+            data: { result: s, id: i }
+          }, "*");
+          break;
+        }
+      }
+  }));
+};
+function A(e) {
+  return e;
+}
+function Gn(e) {
+  return e;
+}
+const h = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, r] of n)
+    t[o] = r;
+  return t;
+}, Te = () => Promise.resolve().then(() => we).then((e) => e.default), Oe = {
+  name: "builder-columns",
+  components: { "render-blocks": v(Te) },
+  props: [
+    "space",
+    "columns",
+    "stackColumnsAt",
+    "reverseColumnsWhenStacked",
+    "builderBlock"
+  ],
+  data: () => ({ markMutable: A }),
+  computed: {
+    columnsCssVars() {
+      const e = this.stackColumnsAt === "never" ? "inherit" : this.reverseColumnsWhenStacked ? "column-reverse" : "column";
+      return {
+        "--flex-dir": e,
+        "--flex-dir-tablet": this.maybeApplyForTablet(e)
+      };
+    },
+    columnCssVars() {
+      const e = "100%", n = "0";
+      return {
+        "--column-width": e,
+        "--column-margin-left": n,
+        "--column-width-tablet": this.maybeApplyForTablet(e),
+        "--column-margin-left-tablet": this.maybeApplyForTablet(n)
+      };
+    }
+  },
+  methods: {
+    getGutterSize() {
+      return typeof this.space == "number" ? this.space || 0 : 20;
+    },
+    getColumns() {
+      return this.columns || [];
+    },
+    getWidth(e) {
+      var t;
+      const n = this.getColumns();
+      return ((t = n[e]) == null ? void 0 : t.width) || 100 / n.length;
+    },
+    getColumnCssWidth(e) {
+      const n = this.getColumns(), o = this.getGutterSize() * (n.length - 1) / n.length;
+      return `calc(${this.getWidth(e)}% - ${o}px)`;
+    },
+    maybeApplyForTablet(e) {
+      return (this.stackColumnsAt || "tablet") === "tablet" ? e : "inherit";
+    }
+  }
+};
+function Pe(e, n, t, o, r, a) {
+  const i = _("render-blocks");
+  return d(), p("div", {
+    class: "builder-columns div-1eih9th5ow6",
+    style: k(a.columnsCssVars)
+  }, [
+    (d(!0), p(j, null, E(t.columns, (l, s) => (d(), p("div", {
+      key: s,
+      class: "builder-column div-1eih9th5ow6-2",
+      style: k({
+        width: a.getColumnCssWidth(s),
+        marginLeft: `${s === 0 ? 0 : a.getGutterSize()}px`,
+        ...a.columnCssVars
+      })
+    }, [
+      re(i, {
+        blocks: e.markMutable(l.blocks),
+        path: `component.options.columns.${s}.blocks`,
+        parent: t.builderBlock.id
+      }, null, 8, ["blocks", "path", "parent"])
+    ], 4))), 128))
+  ], 4);
+}
+const Re = /* @__PURE__ */ h(Oe, [["render", Pe], ["__scopeId", "data-v-e51b00d3"]]);
+function q(e) {
+  return e.replace(/http(s)?:/, "");
+}
+function je(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 Ee(e, n) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
+    return e;
+  if (n === "master")
+    return q(e);
+  const t = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
+  if (t) {
+    const o = e.split(t[0]), r = t[3], a = n.match("x") ? n : `${n}x`;
+    return q(`${o[0]}_${a}${r}`);
+  }
+  return null;
+}
+function P(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 e.match(/cdn\.shopify\.com/) ? n.map((t) => [Ee(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
+}
+const $e = {
+  name: "builder-image",
+  props: [
+    "image",
+    "src",
+    "srcset",
+    "noWebp",
+    "altText",
+    "backgroundSize",
+    "className",
+    "sizes",
+    "aspectRatio",
+    "fitContent",
+    "builderBlock"
+  ],
+  computed: {
+    srcSetToUse() {
+      var t;
+      const n = this.image || this.src;
+      if (!n || !(n.match(/builder\.io/) || n.match(/cdn\.shopify\.com/)))
+        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"), P(n);
+      } else if (this.image && !this.srcset)
+        return P(n);
+      return P(n);
+    },
+    webpSrcSet() {
+      var e;
+      return ((e = this.srcSetToUse) == null ? void 0 : e.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
+    }
+  },
+  methods: {
+    _classStringToObject(e) {
+      const n = {};
+      if (typeof e != "string")
+        return n;
+      const t = e.trim().split(/\s+/);
+      for (const o of t)
+        n[o] = !0;
+      return n;
+    }
+  }
+}, Fe = { class: "div-2pqqf5a7788" }, Ue = ["srcset"], Ve = ["alt", "role", "src", "srcset", "sizes"], Ae = ["srcset"], We = {
+  key: 2,
+  class: "div-2pqqf5a7788-3"
+};
+function Le(e, n, t, o, r, a) {
+  var i, l, s, c;
+  return d(), p("div", Fe, [
+    O("picture", null, [
+      a.webpSrcSet ? (d(), p("source", {
+        key: 0,
+        type: "image/webp",
+        srcset: a.webpSrcSet
+      }, null, 8, Ue)) : y("", !0),
+      O("img", {
+        loading: "lazy",
+        alt: t.altText,
+        role: t.altText ? "presentation" : void 0,
+        style: k({
+          objectPosition: t.backgroundSize || "center",
+          objectFit: t.backgroundSize || "cover"
+        }),
+        class: ae(
+          a._classStringToObject(
+            "builder-image" + (t.className ? " " + t.className : "") + " img-2pqqf5a7788"
+          )
+        ),
+        src: t.image,
+        srcset: a.srcSetToUse,
+        sizes: t.sizes
+      }, null, 14, Ve),
+      O("source", { srcset: a.srcSetToUse }, null, 8, Ae)
+    ]),
+    t.aspectRatio && !(t.fitContent && ((l = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : l.length)) ? (d(), p("div", {
+      key: 0,
+      class: "builder-image-sizer div-2pqqf5a7788-2",
+      style: k({
+        paddingTop: t.aspectRatio * 100 + "%"
+      })
+    }, null, 4)) : y("", !0),
+    ((c = (s = t.builderBlock) == null ? void 0 : s.children) == null ? void 0 : c.length) && t.fitContent ? C(e.$slots, "default", { key: 1 }, void 0, !0) : y("", !0),
+    t.fitContent ? y("", !0) : (d(), p("div", We, [
+      C(e.$slots, "default", {}, void 0, !0)
+    ]))
+  ]);
+}
+const Me = /* @__PURE__ */ h($e, [["render", Le], ["__scopeId", "data-v-acda3ece"]]), Ne = {
+  name: "builder-text",
+  props: ["text"]
+}, Be = ["innerHTML"];
+function qe(e, n, t, o, r, a) {
+  return d(), p("div", {
+    class: "builder-text",
+    innerHTML: t.text
+  }, null, 8, Be);
+}
+const De = /* @__PURE__ */ h(Ne, [["render", qe]]), ze = {
+  name: "builder-video",
+  props: [
+    "autoPlay",
+    "muted",
+    "controls",
+    "loop",
+    "playsInline",
+    "attributes",
+    "fit",
+    "position",
+    "video",
+    "posterImage"
+  ],
+  computed: {
+    videoProps() {
+      return {
+        ...this.autoPlay === !0 ? {
+          autoPlay: !0
+        } : {},
+        ...this.muted === !0 ? {
+          muted: !0
+        } : {},
+        ...this.controls === !0 ? {
+          controls: !0
+        } : {},
+        ...this.loop === !0 ? {
+          loop: !0
+        } : {},
+        ...this.playsInline === !0 ? {
+          playsInline: !0
+        } : {}
+      };
+    }
+  }
+}, He = ["src", "poster"];
+function Ke(e, n, t, o, r, a) {
+  var i;
+  return d(), p("video", x(a.videoProps, {
+    style: {
+      width: "100%",
+      height: "100%",
+      ...(i = t.attributes) == null ? void 0 : i.style,
+      objectFit: t.fit,
+      objectPosition: t.position,
+      borderRadius: 1
+    },
+    src: t.video || "no-src",
+    poster: t.posterImage
+  }), null, 16, He);
+}
+const Ge = /* @__PURE__ */ h(ze, [["render", Ke]]);
+var Je = Object.defineProperty, Ye = Object.defineProperties, Xe = Object.getOwnPropertyDescriptors, D = Object.getOwnPropertySymbols, Qe = Object.prototype.hasOwnProperty, Ze = Object.prototype.propertyIsEnumerable, z = (e, n, t) => n in e ? Je(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, R = (e, n) => {
+  for (var t in n || (n = {}))
+    Qe.call(n, t) && z(e, t, n[t]);
+  if (D)
+    for (var t of D(n))
+      Ze.call(n, t) && z(e, t, n[t]);
+  return e;
+}, et = (e, n) => Ye(e, Xe(n));
+function $(e, n = null, t = ".") {
+  return Object.keys(e).reduce((o, r) => {
+    const a = e[r], i = [n, r].filter(Boolean).join(t);
+    return [
+      typeof a == "object",
+      a !== null,
+      !(Array.isArray(a) && a.length === 0)
+    ].every(Boolean) ? R(R({}, o), $(a, i, t)) : et(R({}, o), { [i]: a });
+  }, {});
+}
+const H = "builder.", se = (e) => {
+  const n = {};
+  return e.forEach((t, o) => {
+    n[o] = t;
+  }), n;
+}, tt = (e) => {
+  const n = {};
+  return Object.keys(e).forEach((t) => {
+    if (t.startsWith(H)) {
+      const o = t.replace(H, "");
+      n[o] = e[t];
+    }
+  }), n;
+}, nt = () => {
+  if (!f())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return tt(se(e));
+}, ot = (e) => e instanceof URLSearchParams ? se(e) : e;
+function rt() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
+}
+var at = (e, n, t) => new Promise((o, r) => {
+  var a = (s) => {
+    try {
+      l(t.next(s));
+    } catch (c) {
+      r(c);
+    }
+  }, i = (s) => {
+    try {
+      l(t.throw(s));
+    } catch (c) {
+      r(c);
+    }
+  }, l = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(a, i);
+  l((t = t.apply(e, n)).next());
+});
+function ie() {
+  return at(this, null, function* () {
+    const e = rt().fetch;
+    if (typeof e > "u" && typeof global < "u") {
+      const n = import("./index.3e132178.js").then((t) => t.default);
+      return n.default || n;
+    }
+    return e.default || e;
+  });
+}
+const st = (e, n) => {
+  if (e.variations && Object.keys(e.variations).length) {
+    const t = e.id ? n[e.id] : void 0, o = t ? e.variations[t] : void 0;
+    if (t && o)
+      e.data = o.data, e.testVariationId = o.id, e.testVariationName = o.name;
+    else {
+      let r = 0;
+      const a = Math.random();
+      let i = !1;
+      for (const l in e.variations) {
+        const s = e.variations[l];
+        if (r += s.testRatio, a < r) {
+          const u = s.name || (s.id === e.id ? "Default variation" : "");
+          i = !0, Object.assign(e, {
+            data: s.data,
+            testVariationId: s.id,
+            testVariationName: u
+          });
+        }
+      }
+      i || Object.assign(e, {
+        testVariationId: e.id,
+        testVariationName: "Default"
+      });
+    }
+  }
+};
+var it = Object.defineProperty, lt = Object.defineProperties, ct = Object.getOwnPropertyDescriptors, K = Object.getOwnPropertySymbols, dt = Object.prototype.hasOwnProperty, ut = Object.prototype.propertyIsEnumerable, G = (e, n, t) => n in e ? it(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, F = (e, n) => {
+  for (var t in n || (n = {}))
+    dt.call(n, t) && G(e, t, n[t]);
+  if (K)
+    for (var t of K(n))
+      ut.call(n, t) && G(e, t, n[t]);
+  return e;
+}, pt = (e, n) => lt(e, ct(n)), le = (e, n, t) => new Promise((o, r) => {
+  var a = (s) => {
+    try {
+      l(t.next(s));
+    } catch (c) {
+      r(c);
+    }
+  }, i = (s) => {
+    try {
+      l(t.throw(s));
+    } catch (c) {
+      r(c);
+    }
+  }, l = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(a, i);
+  l((t = t.apply(e, n)).next());
+});
+const mt = ie();
+function ce(e) {
+  return le(this, null, function* () {
+    return (yield ht(pt(F({}, e), { limit: 1 }))).results[0] || null;
+  });
+}
+const ft = (e) => {
+  const {
+    limit: n = 30,
+    userAttributes: t,
+    query: o,
+    noTraverse: r = !1,
+    model: a,
+    apiKey: i
+  } = e, l = new URL(`https://cdn.builder.io/api/v2/content/${a}?apiKey=${i}&limit=${n}&noTraverse=${r}`), s = F(F({}, nt()), ot(e.options || {})), c = $(s);
+  for (const u in c)
+    l.searchParams.set(u, String(c[u]));
+  if (t && l.searchParams.set("userAttributes", JSON.stringify(t)), o) {
+    const u = $({ query: o });
+    for (const m in u)
+      l.searchParams.set(m, JSON.stringify(u[m]));
+  }
+  return l;
+};
+function ht(e) {
+  return le(this, null, function* () {
+    const n = ft(e), o = yield (yield mt)(n.href).then((r) => r.json());
+    if (e.testGroups)
+      for (const r of o.results)
+        st(r, e.testGroups);
+    return o;
+  });
+}
+const gt = () => Promise.resolve().then(() => Mn).then(
+  (e) => e.default
+), bt = {
+  name: "builder-symbol",
+  components: { "render-content": v(gt) },
+  props: ["symbol", "attributes"],
+  data: () => ({ className: "builder-symbol", content: 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 && ce({
+        model: e.model,
+        apiKey: this.builderContext.apiKey,
+        query: {
+          id: e.entry
+        }
+      }).then((n) => {
+        this.content = n;
+      });
+    }
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.symbol,
+        1: this.content
+      };
+    }
+  },
+  methods: {
+    _classStringToObject(e) {
+      const n = {};
+      if (typeof e != "string")
+        return n;
+      const t = e.trim().split(/\s+/);
+      for (const o of t)
+        n[o] = !0;
+      return n;
+    }
+  }
+}, yt = ["dataSet"];
+function vt(e, n, t, o, r, a) {
+  var l, s, c, u, m;
+  const i = _("render-content");
+  return d(), p("div", x(t.attributes, {
+    dataSet: {
+      class: e.className
+    },
+    class: a._classStringToObject(e.className)
+  }), [
+    re(i, {
+      apiKey: a.builderContext.apiKey,
+      context: a.builderContext.context,
+      customComponents: e.markMutable(Object.values(a.builderContext.registeredComponents)),
+      data: e.markMutable({
+        ...(l = t.symbol) == null ? void 0 : l.data,
+        ...a.builderContext.state,
+        ...(u = (c = (s = t.symbol) == null ? void 0 : s.content) == null ? void 0 : c.data) == null ? void 0 : u.state
+      }),
+      model: (m = t.symbol) == null ? void 0 : m.model,
+      content: e.markMutable(e.content)
+    }, null, 8, ["apiKey", "context", "customComponents", "data", "model", "content"])
+  ], 16, yt);
+}
+const _t = /* @__PURE__ */ h(bt, [["render", vt]]);
+const xt = {
+  name: "builder-button",
+  props: ["attributes", "text", "link", "openLinkInNewTab"]
+}, wt = ["href", "target"];
+function kt(e, n, t, o, r, a) {
+  return t.link ? (d(), p("a", x({ key: 0 }, t.attributes, {
+    role: "button",
+    href: t.link,
+    target: t.openLinkInNewTab ? "_blank" : void 0
+  }), N(t.text), 17, wt)) : (d(), p("button", x({ key: 1 }, t.attributes, { class: "button-361b1o6wv2k" }), N(t.text), 17));
+}
+const Ct = /* @__PURE__ */ h(xt, [["render", kt], ["__scopeId", "data-v-9b7358fe"]]), St = {
+  name: "builder-section-component",
+  props: ["attributes", "maxWidth"]
+};
+function It(e, n, t, o, r, a) {
+  return d(), p("section", x(t.attributes, {
+    style: t.maxWidth && typeof t.maxWidth == "number" ? {
+      maxWidth: t.maxWidth
+    } : void 0
+  }), [
+    C(e.$slots, "default")
+  ], 16);
+}
+const Tt = /* @__PURE__ */ h(St, [["render", It]]), Ot = {
+  name: "builder-fragment-component",
+  props: []
+};
+function Pt(e, n, t, o, r, a) {
+  return d(), p("span", null, [
+    C(e.$slots, "default")
+  ]);
+}
+const Rt = /* @__PURE__ */ h(Ot, [["render", Pt]]), jt = {
+  name: "Core:Button",
+  builtIn: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
+  defaultStyles: {
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#000000",
+    color: "white",
+    borderRadius: "4px",
+    textAlign: "center",
+    cursor: "pointer"
+  },
+  inputs: [
+    {
+      name: "text",
+      type: "text",
+      defaultValue: "Click me!",
+      bubble: !0
+    },
+    {
+      name: "link",
+      type: "url",
+      bubble: !0
+    },
+    {
+      name: "openLinkInNewTab",
+      type: "boolean",
+      defaultValue: !1,
+      friendlyName: "Open link in new tab"
+    }
+  ],
+  static: !0,
+  noWrap: !0
+};
+function W(e) {
+  return e.__qwik_serializable__ = !0, e;
+}
+const Et = {
+  name: "Columns",
+  builtIn: !0,
+  inputs: [
+    {
+      name: "columns",
+      type: "array",
+      broadcast: !0,
+      subFields: [
+        {
+          name: "blocks",
+          type: "array",
+          hideFromUI: !0,
+          defaultValue: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        },
+        {
+          name: "width",
+          type: "number",
+          hideFromUI: !0,
+          helperText: "Width %, e.g. set to 50 to fill half of the space"
+        },
+        {
+          name: "link",
+          type: "url",
+          helperText: "Optionally set a url that clicking this column will link to"
+        }
+      ],
+      defaultValue: [
+        {
+          blocks: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        },
+        {
+          blocks: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        }
+      ],
+      onChange: W((e) => {
+        function n() {
+          t.forEach((o) => {
+            o.delete("width");
+          });
+        }
+        const t = e.get("columns");
+        Array.isArray(t) && !!t.find((r) => r.get("width")) && (!!t.find((a) => !a.get("width")) || t.reduce((l, s) => l + s.get("width"), 0) !== 100) && n();
+      })
+    },
+    {
+      name: "space",
+      type: "number",
+      defaultValue: 20,
+      helperText: "Size of gap between columns",
+      advanced: !0
+    },
+    {
+      name: "stackColumnsAt",
+      type: "string",
+      defaultValue: "tablet",
+      helperText: "Convert horizontal columns to vertical at what device size",
+      enum: ["tablet", "mobile", "never"],
+      advanced: !0
+    },
+    {
+      name: "reverseColumnsWhenStacked",
+      type: "boolean",
+      defaultValue: !1,
+      helperText: "When stacking columns for mobile devices, reverse the ordering",
+      advanced: !0
+    }
+  ]
+}, $t = {
+  name: "Fragment",
+  static: !0,
+  hidden: !0,
+  builtIn: !0,
+  canHaveChildren: !0,
+  noWrap: !0
+}, Ft = {
+  name: "Image",
+  static: !0,
+  builtIn: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
+  defaultStyles: {
+    position: "relative",
+    minHeight: "20px",
+    minWidth: "20px",
+    overflow: "hidden"
+  },
+  canHaveChildren: !0,
+  inputs: [
+    {
+      name: "image",
+      type: "file",
+      bubble: !0,
+      allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+      required: !0,
+      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+      onChange: W((e) => {
+        e.delete("srcset"), e.delete("noWebp");
+        function t(i, l = 6e4) {
+          return new Promise((s, c) => {
+            const u = document.createElement("img");
+            let m = !1;
+            u.onload = () => {
+              m = !0, s(u);
+            }, u.addEventListener("error", (w) => {
+              console.warn("Image load failed", w.error), c(w.error);
+            }), u.src = i, setTimeout(() => {
+              m || c(new Error("Image load timed out"));
+            }, l);
+          });
+        }
+        function o(i) {
+          return Math.round(i * 1e3) / 1e3;
+        }
+        const r = e.get("image"), a = e.get("aspectRatio");
+        if (fetch(r).then((i) => i.blob()).then((i) => {
+          i.type.includes("svg") && e.set("noWebp", !0);
+        }), r && (!a || a === 0.7041))
+          return t(r).then((i) => {
+            const l = e.get("aspectRatio");
+            e.get("image") === r && (!l || l === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+          });
+      })
+    },
+    {
+      name: "backgroundSize",
+      type: "text",
+      defaultValue: "cover",
+      enum: [
+        {
+          label: "contain",
+          value: "contain",
+          helperText: "The image should never get cropped"
+        },
+        {
+          label: "cover",
+          value: "cover",
+          helperText: "The image should fill it's box, cropping when needed"
+        }
+      ]
+    },
+    {
+      name: "backgroundPosition",
+      type: "text",
+      defaultValue: "center",
+      enum: [
+        "center",
+        "top",
+        "left",
+        "right",
+        "bottom",
+        "top left",
+        "top right",
+        "bottom left",
+        "bottom right"
+      ]
+    },
+    {
+      name: "altText",
+      type: "string",
+      helperText: "Text to display when the user has images off"
+    },
+    {
+      name: "height",
+      type: "number",
+      hideFromUI: !0
+    },
+    {
+      name: "width",
+      type: "number",
+      hideFromUI: !0
+    },
+    {
+      name: "sizes",
+      type: "string",
+      hideFromUI: !0
+    },
+    {
+      name: "srcset",
+      type: "string",
+      hideFromUI: !0
+    },
+    {
+      name: "lazy",
+      type: "boolean",
+      defaultValue: !0,
+      hideFromUI: !0
+    },
+    {
+      name: "fitContent",
+      type: "boolean",
+      helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
+      defaultValue: !0
+    },
+    {
+      name: "aspectRatio",
+      type: "number",
+      helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+      advanced: !0,
+      defaultValue: 0.7041
+    }
+  ]
+}, Ut = {
+  name: "Core:Section",
+  static: !0,
+  builtIn: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
+  inputs: [
+    {
+      name: "maxWidth",
+      type: "number",
+      defaultValue: 1200
+    },
+    {
+      name: "lazyLoad",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0,
+      description: "Only render this section when in view"
+    }
+  ],
+  defaultStyles: {
+    paddingLeft: "20px",
+    paddingRight: "20px",
+    paddingTop: "50px",
+    paddingBottom: "50px",
+    marginTop: "0px",
+    width: "100vw",
+    marginLeft: "calc(50% - 50vw)"
+  },
+  canHaveChildren: !0,
+  defaultChildren: [
+    {
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          textAlign: "center"
+        }
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"
+        }
+      }
+    }
+  ]
+}, Vt = {
+  name: "Symbol",
+  noWrap: !0,
+  static: !0,
+  builtIn: !0,
+  inputs: [
+    {
+      name: "symbol",
+      type: "uiSymbol"
+    },
+    {
+      name: "dataOnly",
+      helperText: "Make this a data symbol that doesn't display any UI",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0,
+      hideFromUI: !0
+    },
+    {
+      name: "inheritState",
+      helperText: "Inherit the parent component state and data",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0
+    },
+    {
+      name: "renderToLiquid",
+      helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0,
+      hideFromUI: !0
+    },
+    {
+      name: "useChildren",
+      hideFromUI: !0,
+      type: "boolean"
+    }
+  ]
+}, At = {
+  name: "Text",
+  static: !0,
+  builtIn: !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",
+  inputs: [
+    {
+      name: "text",
+      type: "html",
+      required: !0,
+      autoFocus: !0,
+      bubble: !0,
+      defaultValue: "Enter some text..."
+    }
+  ],
+  defaultStyles: {
+    lineHeight: "normal",
+    height: "auto",
+    textAlign: "center"
+  }
+}, Wt = {
+  name: "Video",
+  canHaveChildren: !0,
+  builtIn: !0,
+  defaultStyles: {
+    minHeight: "20px",
+    minWidth: "20px"
+  },
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
+  inputs: [
+    {
+      name: "video",
+      type: "file",
+      allowedFileTypes: ["mp4"],
+      bubble: !0,
+      defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
+      required: !0
+    },
+    {
+      name: "posterImage",
+      type: "file",
+      allowedFileTypes: ["jpeg", "png"],
+      helperText: "Image to show before the video plays"
+    },
+    {
+      name: "autoPlay",
+      type: "boolean",
+      defaultValue: !0
+    },
+    {
+      name: "controls",
+      type: "boolean",
+      defaultValue: !1
+    },
+    {
+      name: "muted",
+      type: "boolean",
+      defaultValue: !0
+    },
+    {
+      name: "loop",
+      type: "boolean",
+      defaultValue: !0
+    },
+    {
+      name: "playsInline",
+      type: "boolean",
+      defaultValue: !0
+    },
+    {
+      name: "fit",
+      type: "text",
+      defaultValue: "cover",
+      enum: ["contain", "cover", "fill", "auto"]
+    },
+    {
+      name: "fitContent",
+      type: "boolean",
+      helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
+      defaultValue: !0,
+      advanced: !0
+    },
+    {
+      name: "position",
+      type: "text",
+      defaultValue: "center",
+      enum: [
+        "center",
+        "top",
+        "left",
+        "right",
+        "bottom",
+        "top left",
+        "top right",
+        "bottom left",
+        "bottom right"
+      ]
+    },
+    {
+      name: "height",
+      type: "number",
+      advanced: !0
+    },
+    {
+      name: "width",
+      type: "number",
+      advanced: !0
+    },
+    {
+      name: "aspectRatio",
+      type: "number",
+      advanced: !0,
+      defaultValue: 0.7004048582995948
+    },
+    {
+      name: "lazyLoad",
+      type: "boolean",
+      helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
+      defaultValue: !0,
+      advanced: !0
+    }
+  ]
+}, Lt = {
+  name: "Embed",
+  static: !0,
+  builtIn: !0,
+  inputs: [
+    {
+      name: "url",
+      type: "url",
+      required: !0,
+      defaultValue: "",
+      helperText: "e.g. enter a youtube url, google map, etc",
+      onChange: W((e) => {
+        const n = e.get("url");
+        if (n)
+          return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${n}&api_key=ae0e60e78201a3f2b0de4b`).then((o) => o.json()).then((o) => {
+            e.get("url") === n && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
+          }).catch((o) => {
+            e.set("content", "There was an error embedding this URL, please try again or another URL");
+          });
+        e.delete("content");
+      })
+    },
+    {
+      name: "content",
+      type: "html",
+      defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+      hideFromUI: !0
+    }
+  ]
+}, Mt = [
+  "text/javascript",
+  "application/javascript",
+  "application/ecmascript"
+], Nt = (e) => Mt.includes(e.type), Bt = {
+  name: "builder-embed",
+  props: ["content"],
+  data: () => ({ scriptsInserted: [], scriptsRun: [], ranInitFn: !1 }),
+  watch: {
+    onUpdateHook0() {
+      this.$refs.elem && !this.ranInitFn && (this.ranInitFn = !0, this.findAndRunScripts());
+    }
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.$refs.elem,
+        1: this.ranInitFn
+      };
+    }
+  },
+  methods: {
+    findAndRunScripts() {
+      const e = this.$refs.elem.getElementsByTagName("script");
+      for (let n = 0; n < e.length; n++) {
+        const t = e[n];
+        if (t.src && !this.scriptsInserted.includes(t.src)) {
+          this.scriptsInserted.push(t.src);
+          const o = document.createElement("script");
+          o.async = !0, o.src = t.src, document.head.appendChild(o);
+        } else if (Nt(t) && !this.scriptsRun.includes(t.innerText))
+          try {
+            this.scriptsRun.push(t.innerText), new Function(t.innerText)();
+          } catch (o) {
+            console.warn("`Embed`: Error running script:", o);
+          }
+      }
+    }
+  }
+}, qt = ["innerHTML"];
+function Dt(e, n, t, o, r, a) {
+  return d(), p("div", {
+    class: "builder-embed",
+    ref: "elem",
+    innerHTML: t.content
+  }, null, 8, qt);
+}
+const zt = /* @__PURE__ */ h(Bt, [["render", Dt]]);
+function Ht() {
+  return f() && window.self !== window.top;
+}
+function b() {
+  return Ht() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+}
+const Kt = {
+  name: "builder-img-component",
+  props: [
+    "backgroundSize",
+    "backgroundPosition",
+    "imgSrc",
+    "altText",
+    "image",
+    "attributes"
+  ],
+  data: () => ({ isEditing: b })
+}, Gt = ["alt", "src"];
+function Jt(e, n, t, o, r, a) {
+  return d(), p("img", x(t.attributes, {
+    style: {
+      objectFit: t.backgroundSize || "cover",
+      objectPosition: t.backgroundPosition || "center"
+    },
+    key: e.isEditing() && t.imgSrc || "default-key",
+    alt: t.altText,
+    src: t.imgSrc || t.image
+  }), null, 16, Gt);
+}
+const Yt = /* @__PURE__ */ h(Kt, [["render", Jt]]), Xt = {
+  name: "Raw:Img",
+  hideFromInsertMenu: !0,
+  builtIn: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
+  inputs: [
+    {
+      name: "image",
+      bubble: !0,
+      type: "file",
+      allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+      required: !0
+    }
+  ],
+  noWrap: !0,
+  static: !0
+};
+var Qt = Object.defineProperty, J = Object.getOwnPropertySymbols, Zt = Object.prototype.hasOwnProperty, en = Object.prototype.propertyIsEnumerable, Y = (e, n, t) => n in e ? Qt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, g = (e, n) => {
+  for (var t in n || (n = {}))
+    Zt.call(n, t) && Y(e, t, n[t]);
+  if (J)
+    for (var t of J(n))
+      en.call(n, t) && Y(e, t, n[t]);
+  return e;
+};
+const tn = () => [
+  g({ component: Re }, Et),
+  g({ component: Me }, Ft),
+  g({ component: Yt }, Xt),
+  g({ component: De }, At),
+  g({ component: Ge }, Wt),
+  g({ component: _t }, Vt),
+  g({ component: Ct }, jt),
+  g({ component: Tt }, Ut),
+  g({ component: Rt }, $t),
+  g({ component: zt }, Lt)
+];
+function X({
+  code: e,
+  context: n,
+  state: t,
+  event: o
+}) {
+  if (e === "") {
+    console.warn("Skipping evaluation of empty code block.");
+    return;
+  }
+  const r = {
+    isEditing: b(),
+    isBrowser: f(),
+    isServer: !f()
+  }, i = !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
+  try {
+    return new Function("builder", "Builder", "state", "context", "event", i)(r, r, t, n, o);
+  } catch (l) {
+    console.warn(`Builder custom code error: 
+ While Evaluating: 
+ `, i, `
+`, l.message || l);
+  }
+}
+function nn() {
+  return !f() || b() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+}
+var on = Object.defineProperty, rn = Object.defineProperties, an = Object.getOwnPropertyDescriptors, I = Object.getOwnPropertySymbols, de = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable, Q = (e, n, t) => n in e ? on(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, U = (e, n) => {
+  for (var t in n || (n = {}))
+    de.call(n, t) && Q(e, t, n[t]);
+  if (I)
+    for (var t of I(n))
+      ue.call(n, t) && Q(e, t, n[t]);
+  return e;
+}, Z = (e, n) => rn(e, an(n)), pe = (e, n) => {
+  var t = {};
+  for (var o in e)
+    de.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && I)
+    for (var o of I(e))
+      n.indexOf(o) < 0 && ue.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+const me = [];
+function Jn(e, n) {
+  return me.push(U({ 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 sn = (e) => {
+  var n = e, t = pe(n, [
+    "component"
+  ]);
+  return {
+    type: "builder.registerComponent",
+    data: dn(t)
+  };
+}, fe = (e) => JSON.parse(JSON.stringify(e)), ln = (e) => typeof e == "function" ? cn(e) : fe(e), cn = (e) => {
+  const n = e.toString().trim();
+  return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
+}, dn = (e) => {
+  var n = e, {
+    inputs: t
+  } = n, o = pe(n, [
+    "inputs"
+  ]);
+  return Z(U({}, fe(o)), {
+    inputs: t == null ? void 0 : t.map((r) => Object.entries(r).reduce((a, [i, l]) => Z(U({}, a), {
+      [i]: ln(l)
+    }), {}))
+  });
+}, un = (e) => {
+  const n = e.split(".");
+  return n.length > 2 ? n.slice(1).join(".") : e;
+}, pn = ({
+  name: e,
+  canTrack: n
+}) => {
+  var t;
+  try {
+    return n ? (t = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : t.split("=")[1] : void 0;
+  } catch (o) {
+    console.debug("[COOKIE] GET error: ", o);
+  }
+}, mn = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).join("; "), fn = [
+  ["secure", ""],
+  ["SameSite", "None"]
+], hn = ({
+  name: e,
+  value: n,
+  expires: t
+}) => {
+  const r = (f() ? location.protocol === "https:" : !0) ? fn : [[]], a = t ? [["expires", t.toUTCString()]] : [[]], i = [
+    [e, n],
+    ...a,
+    ["path", "/"],
+    ["domain", un(window.location.hostname)],
+    ...r
+  ];
+  return mn(i);
+}, gn = ({
+  name: e,
+  value: n,
+  expires: t,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
+      return;
+    const r = hn({ name: e, value: n, expires: t });
+    document.cookie = r;
+  } catch (r) {
+    console.warn("[COOKIE] SET error: ", r);
+  }
+}, he = (e) => e != null;
+function bn() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+    const n = Math.random() * 16 | 0;
+    return (e == "x" ? n : n & 3 | 8).toString(16);
+  });
+}
+function ge() {
+  return bn().replace(/-/g, "");
+}
+const be = "builderSessionId", yn = ({ canTrack: e }) => {
+  if (!e)
+    return;
+  const n = pn({ name: be, canTrack: e });
+  if (he(n))
+    return n;
+  {
+    const t = vn();
+    _n({ id: t, canTrack: e });
+  }
+}, vn = () => ge(), _n = ({
+  id: e,
+  canTrack: n
+}) => gn({ name: be, value: e, canTrack: n }), ye = () => f() && typeof localStorage < "u" ? localStorage : void 0, xn = ({
+  key: e,
+  canTrack: n
+}) => {
+  var t;
+  try {
+    return n ? (t = ye()) == null ? void 0 : t.getItem(e) : void 0;
+  } catch (o) {
+    console.debug("[LocalStorage] GET error: ", o);
+  }
+}, wn = ({
+  key: e,
+  canTrack: n,
+  value: t
+}) => {
+  var o;
+  try {
+    n && ((o = ye()) == null || o.setItem(e, t));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
+  }
+}, ve = "builderVisitorId", kn = ({ canTrack: e }) => {
+  if (!e)
+    return;
+  const n = xn({
+    key: ve,
+    canTrack: e
+  });
+  if (he(n))
+    return n;
+  {
+    const t = Cn();
+    Sn({ id: t, canTrack: e });
+  }
+}, Cn = () => ge(), Sn = ({
+  id: e,
+  canTrack: n
+}) => wn({
+  key: ve,
+  value: e,
+  canTrack: n
+});
+var In = Object.defineProperty, Tn = Object.defineProperties, On = Object.getOwnPropertyDescriptors, T = Object.getOwnPropertySymbols, _e = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable, ee = (e, n, t) => n in e ? In(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, te = (e, n) => {
+  for (var t in n || (n = {}))
+    _e.call(n, t) && ee(e, t, n[t]);
+  if (T)
+    for (var t of T(n))
+      xe.call(n, t) && ee(e, t, n[t]);
+  return e;
+}, Pn = (e, n) => Tn(e, On(n)), Rn = (e, n) => {
+  var t = {};
+  for (var o in e)
+    _e.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && T)
+    for (var o of T(e))
+      n.indexOf(o) < 0 && xe.call(e, o) && (t[o] = e[o]);
+  return t;
+}, jn = (e, n, t) => new Promise((o, r) => {
+  var a = (s) => {
+    try {
+      l(t.next(s));
+    } catch (c) {
+      r(c);
+    }
+  }, i = (s) => {
+    try {
+      l(t.throw(s));
+    } catch (c) {
+      r(c);
+    }
+  }, l = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(a, i);
+  l((t = t.apply(e, n)).next());
+});
+const En = ({ canTrack: e }) => {
+  if (!e)
+    return { visitorId: void 0, sessionId: void 0 };
+  const n = yn({ canTrack: e }), t = kn({ canTrack: e });
+  return {
+    sessionId: n,
+    visitorId: t
+  };
+}, $n = (e) => {
+  var n = e, {
+    type: t,
+    canTrack: o,
+    orgId: r,
+    contentId: a
+  } = n, i = Rn(n, [
+    "type",
+    "canTrack",
+    "orgId",
+    "contentId"
+  ]);
+  return {
+    type: t,
+    data: Pn(te(te({}, i), En({ canTrack: o })), {
+      ownerId: r,
+      contentId: a
+    })
+  };
+};
+function ne(e) {
+  return jn(this, null, function* () {
+    if (!!e.canTrack && !b() && !!(f() || V === "reactNative"))
+      return fetch("https://builder.io/api/v1/track", {
+        method: "POST",
+        body: JSON.stringify({
+          events: [$n(e)]
+        }),
+        headers: {
+          "content-type": "application/json"
+        },
+        mode: "cors"
+      }).catch((n) => {
+        console.error("Failed to track: ", n);
+      });
+  });
+}
+const Fn = () => Promise.resolve().then(() => we).then((e) => e.default), Un = () => import("./render-styles.1744d2eb.js").then((e) => e.default), Vn = {
+  name: "render-content",
+  components: {
+    "render-content-styles": v(Un),
+    "render-blocks": v(Fn)
+  },
+  props: [
+    "content",
+    "data",
+    "canTrack",
+    "context",
+    "customComponents",
+    "model",
+    "apiKey"
+  ],
+  data: () => ({
+    forceReRenderCount: 0,
+    overrideContent: null,
+    update: 0,
+    overrideState: {},
+    markMutable: A
+  }),
+  provide() {
+    const e = this;
+    return {
+      BuilderContext: {
+        get content() {
+          return e.useContent;
+        },
+        get state() {
+          return e.contentState;
+        },
+        get context() {
+          return e.contextContext;
+        },
+        get apiKey() {
+          return e.apiKey;
+        },
+        get registeredComponents() {
+          return e.allRegisteredComponents;
+        }
+      }
+    };
+  },
+  mounted() {
+    if (f()) {
+      if (b() && (this.forceReRenderCount = this.forceReRenderCount + 1, Se(), Ie(), Object.values(this.allRegisteredComponents).forEach(
+        (e) => {
+          var t;
+          const n = sn(e);
+          (t = window.parent) == null || t.postMessage(n, "*");
+        }
+      ), window.addEventListener("message", this.processMessage), window.addEventListener(
+        "builder:component:stateChangeListenerActivated",
+        this.emitStateUpdate
+      )), this.useContent && ne({
+        type: "impression",
+        canTrack: this.canTrackToUse,
+        contentId: this.useContent.id,
+        orgId: this.apiKey
+      }), nn()) {
+        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 && ce({
+            model: this.model,
+            apiKey: n
+          }).then((t) => {
+            t && (this.overrideContent = t);
+          });
+        }
+      }
+      this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
+    }
+  },
+  watch: {
+    onUpdateHook0() {
+      this.evaluateJsCode();
+    },
+    onUpdateHook1() {
+      this.runHttpRequests();
+    },
+    onUpdateHook2() {
+      this.emitStateUpdate();
+    }
+  },
+  unmounted() {
+    f() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      this.emitStateUpdate
+    ));
+  },
+  computed: {
+    useContent() {
+      var n, t;
+      return {
+        ...this.content,
+        ...this.overrideContent,
+        data: {
+          ...(n = this.content) == null ? void 0 : n.data,
+          ...this.data,
+          ...(t = this.overrideContent) == null ? void 0 : t.data
+        }
+      };
+    },
+    canTrackToUse() {
+      return this.canTrack || !0;
+    },
+    contentState() {
+      var e, n;
+      return {
+        ...(n = (e = this.content) == null ? void 0 : e.data) == null ? void 0 : n.state,
+        ...this.data,
+        ...this.overrideState
+      };
+    },
+    contextContext() {
+      return this.context || {};
+    },
+    allRegisteredComponents() {
+      return [
+        ...tn(),
+        ...me,
+        ...this.customComponents || []
+      ].reduce(
+        (t, o) => ({ ...t, [o.name]: o }),
+        {}
+      );
+    },
+    httpReqsData() {
+      return {};
+    },
+    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"
+      );
+    },
+    onUpdateHook0() {
+      var e, n;
+      return {
+        0: (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode
+      };
+    },
+    onUpdateHook1() {
+      var e, n;
+      return {
+        0: (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.httpRequests
+      };
+    },
+    onUpdateHook2() {
+      return {
+        0: this.contentState
+      };
+    }
+  },
+  methods: {
+    processMessage(e) {
+      const { data: n } = e;
+      if (n)
+        switch (n.type) {
+          case "builder.contentUpdate": {
+            const t = n.data, o = t.key || t.alias || t.entry || t.modelName, r = t.data;
+            o === this.model && (this.overrideContent = r, this.forceReRenderCount = this.forceReRenderCount + 1);
+            break;
+          }
+        }
+    },
+    evaluateJsCode() {
+      var n, t;
+      const e = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.jsCode;
+      e && X({
+        code: e,
+        context: this.contextContext,
+        state: this.contentState
+      });
+    },
+    onClick(e) {
+      this.useContent && ne({
+        type: "click",
+        canTrack: this.canTrackToUse,
+        contentId: this.useContent.id,
+        orgId: this.apiKey
+      });
+    },
+    evalExpression(e) {
+      return e.replace(
+        /{{([^}]+)}}/g,
+        (n, t) => X({
+          code: t,
+          context: this.contextContext,
+          state: this.contentState
+        })
+      );
+    },
+    handleRequest({ url: e, key: n }) {
+      ie().then((t) => t(e)).then((t) => t.json()).then((t) => {
+        const o = { ...this.overrideState, [n]: t };
+        this.overrideState = o;
+      }).catch((t) => {
+        console.log("error fetching dynamic data", e, t);
+      });
+    },
+    runHttpRequests() {
+      var n, t, o;
+      const e = (o = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.httpRequests) != null ? o : {};
+      Object.entries(e).forEach(([r, a]) => {
+        if (a && (!this.httpReqsData[r] || b())) {
+          const i = this.evalExpression(a);
+          this.handleRequest({
+            url: i,
+            key: r
+          });
+        }
+      });
+    },
+    emitStateUpdate() {
+      b() && window.dispatchEvent(
+        new CustomEvent("builder:component:stateChange", {
+          detail: {
+            state: this.contentState,
+            ref: {
+              name: this.model
+            }
+          }
+        })
+      );
+    }
+  }
+}, An = ["builder-content-id"];
+function Wn(e, n, t, o, r, a) {
+  var s, c, u, m, w, L, M;
+  const i = _("render-content-styles"), l = _("render-blocks");
+  return a.useContent ? (d(), p("div", {
+    key: 0,
+    ref: "elementRef",
+    onClick: n[0] || (n[0] = (ke) => a.onClick(ke)),
+    "builder-content-id": (s = a.useContent) == null ? void 0 : s.id
+  }, [
+    a.shouldRenderContentStyles ? (d(), S(i, {
+      key: 0,
+      cssCode: (u = (c = a.useContent) == null ? void 0 : c.data) == null ? void 0 : u.cssCode,
+      customFonts: (w = (m = a.useContent) == null ? void 0 : m.data) == null ? void 0 : w.customFonts
+    }, null, 8, ["cssCode", "customFonts"])) : y("", !0),
+    (d(), S(l, {
+      blocks: e.markMutable((M = (L = a.useContent) == null ? void 0 : L.data) == null ? void 0 : M.blocks),
+      key: e.forceReRenderCount
+    }, null, 8, ["blocks"]))
+  ], 8, An)) : y("", !0);
+}
+const Ln = /* @__PURE__ */ h(Vn, [["render", Wn]]), Mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ln
+}, Symbol.toStringTag, { value: "Module" }));
+const Nn = () => import("./block-styles.76754b24.js").then((e) => e.default), Bn = () => import("./render-block.369b7818.js").then((e) => e.default), qn = {
+  name: "render-blocks",
+  components: {
+    "render-block": v(Bn),
+    "block-styles": v(Nn)
+  },
+  props: ["blocks", "parent", "path"],
+  inject: {
+    builderContext: "BuilderContext"
+  },
+  computed: {
+    className() {
+      var e;
+      return "builder-blocks" + ((e = this.blocks) != null && e.length ? "" : " no-blocks");
+    }
+  },
+  methods: {
+    onClick() {
+      var e, n;
+      b() && !((e = this.blocks) != null && e.length) && ((n = window.parent) == null || n.postMessage(
+        {
+          type: "builder.clickEmptyBlocks",
+          data: {
+            parentElementId: this.parent,
+            dataPath: this.path
+          }
+        },
+        "*"
+      ));
+    },
+    onMouseEnter() {
+      var e, n;
+      b() && !((e = this.blocks) != null && e.length) && ((n = window.parent) == null || n.postMessage(
+        {
+          type: "builder.hoverEmptyBlocks",
+          data: {
+            parentElementId: this.parent,
+            dataPath: this.path
+          }
+        },
+        "*"
+      ));
+    },
+    _classStringToObject(e) {
+      const n = {};
+      if (typeof e != "string")
+        return n;
+      const t = e.trim().split(/\s+/);
+      for (const o of t)
+        n[o] = !0;
+      return n;
+    }
+  }
+}, Dn = ["builder-path", "builder-parent-id", "dataSet"];
+function zn(e, n, t, o, r, a) {
+  const i = _("render-block"), l = _("block-styles");
+  return d(), p("div", {
+    class: ae(a._classStringToObject(a.className + " div-1hjwvu3r5mj")),
+    "builder-path": t.path,
+    "builder-parent-id": t.parent,
+    dataSet: {
+      class: a.className
+    },
+    onClick: n[0] || (n[0] = (s) => a.onClick()),
+    onMouseenter: n[1] || (n[1] = (s) => a.onMouseEnter())
+  }, [
+    t.blocks ? (d(!0), p(j, { key: 0 }, E(t.blocks, (s, c) => (d(), S(i, {
+      key: "render-block-" + s.id,
+      block: s,
+      context: a.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : y("", !0),
+    t.blocks ? (d(!0), p(j, { key: 1 }, E(t.blocks, (s, c) => (d(), S(l, {
+      key: "block-style-" + s.id,
+      block: s,
+      context: a.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : y("", !0)
+  ], 42, Dn);
+}
+const Hn = /* @__PURE__ */ h(qn, [["render", zn], ["__scopeId", "data-v-50f203f2"]]), we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Hn
+}, Symbol.toStringTag, { value: "Module" })), oe = {};
+function Yn(e) {
+  if (f()) {
+    Object.assign(oe, e);
+    const n = {
+      type: "builder.settingsChange",
+      data: oe
+    };
+    parent.postMessage(n, "*");
+  }
+}
+export {
+  Ct as B,
+  Re as C,
+  Rt as F,
+  Me as I,
+  Tt as S,
+  V as T,
+  Ge as V,
+  h as _,
+  Ln as a,
+  _t as b,
+  De as c,
+  nn as d,
+  X as e,
+  me as f,
+  sn as g,
+  Jn as h,
+  b as i,
+  Ce as j,
+  ft as k,
+  ht as l,
+  Gn as m,
+  ce as n,
+  se as o,
+  tt as p,
+  nt as q,
+  Hn as r,
+  Yn as s,
+  ot as t
+};