@builder.io/sdk-vue 0.0.2-0 → 0.0.2-1

package/packages/_vue3/dist/index.fa54ce28.js

@@ -0,0 +1,2054 @@
+import { defineAsyncComponent as y, resolveComponent as v, openBlock as l, createElementBlock as d, normalizeStyle as k, Fragment as R, renderList as E, createVNode as q, createElementVNode as I, createCommentVNode as b, normalizeClass as j, renderSlot as C, mergeProps as x, toDisplayString as P, createBlock as w } from "vue";
+const U = "reactNative";
+function h() {
+  return typeof window < "u" && typeof document < "u";
+}
+const W = {};
+function ae(e, n) {
+  let t = W[e];
+  if (t || (t = W[e] = []), t.push(n), h()) {
+    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 ie = () => {
+  ae("insertMenu", {
+    name: "_default",
+    default: !0,
+    items: [
+      { name: "Box" },
+      { name: "Text" },
+      { name: "Image" },
+      { name: "Columns" }
+    ]
+  });
+}, ce = () => {
+  var e;
+  h() && ((e = window.parent) == null || e.postMessage(
+    {
+      type: "builder.sdkInfo",
+      data: {
+        target: U,
+        supportsPatchUpdates: !1
+      }
+    },
+    "*"
+  ), window.addEventListener("message", ({ data: n }) => {
+    var t, o;
+    if (n)
+      switch (n.type) {
+        case "builder.evaluate": {
+          const r = n.data.text, s = n.data.arguments || [], a = n.data.id, c = new Function(r);
+          let i, u = null;
+          try {
+            i = c.apply(null, s);
+          } catch (m) {
+            u = m;
+          }
+          u ? (t = window.parent) == null || t.postMessage(
+            {
+              type: "builder.evaluateError",
+              data: { id: a, error: u.message }
+            },
+            "*"
+          ) : i && typeof i.then == "function" ? i.then((m) => {
+            var p;
+            (p = window.parent) == null || p.postMessage(
+              {
+                type: "builder.evaluateResult",
+                data: { id: a, result: m }
+              },
+              "*"
+            );
+          }).catch(console.error) : (o = window.parent) == null || o.postMessage(
+            {
+              type: "builder.evaluateResult",
+              data: { result: i, id: a }
+            },
+            "*"
+          );
+          break;
+        }
+      }
+  }));
+};
+function V(e) {
+  return e;
+}
+function pn(e) {
+  return 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;
+}), de = {
+  name: "builder-columns",
+  components: { "render-blocks": y(le) },
+  props: [
+    "space",
+    "columns",
+    "stackColumnsAt",
+    "reverseColumnsWhenStacked",
+    "builderBlock"
+  ],
+  data: () => ({ markMutable: V }),
+  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";
+    }
+  }
+};
+const f = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, r] of n)
+    t[o] = r;
+  return t;
+};
+function ue(e, n, t, o, r, s) {
+  const a = v("render-blocks");
+  return l(), d("div", {
+    class: "builder-columns div-7fq9d0i380",
+    style: k(s.columnsCssVars)
+  }, [
+    (l(!0), d(R, null, E(t.columns, (c, i) => (l(), d("div", {
+      key: i,
+      class: "builder-column div-7fq9d0i380-2",
+      style: k({
+        width: s.getColumnCssWidth(i),
+        marginLeft: `${i === 0 ? 0 : s.getGutterSize()}px`,
+        ...s.columnCssVars
+      })
+    }, [
+      q(a, {
+        blocks: e.markMutable(c.blocks),
+        path: `component.options.columns.${i}.blocks`,
+        parent: t.builderBlock.id
+      }, null, 8, ["blocks", "path", "parent"])
+    ], 4))), 128))
+  ], 4);
+}
+const me = /* @__PURE__ */ f(de, [["render", ue], ["__scopeId", "data-v-6b734aa0"]]);
+function B(e) {
+  return e.replace(/http(s)?:/, "");
+}
+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 he(e, n) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
+    return e;
+  if (n === "master")
+    return B(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], s = n.match("x") ? n : `${n}x`;
+    return B(`${o[0]}_${s}${r}`);
+  }
+  return null;
+}
+function T(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) => `${pe(e, "width", r)} ${r}w`).concat([t]).join(", ");
+  }
+  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 fe = {
+  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"), T(n);
+      } else if (this.image && !this.srcset)
+        return T(n);
+      return T(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;
+    }
+  }
+};
+const ge = { class: "div-2btisl9m7v3" }, be = ["srcset"], ye = ["alt", "role", "src", "srcset", "sizes"], ve = ["srcset"], xe = {
+  key: 2,
+  class: "div-2btisl9m7v3-3"
+};
+function _e(e, n, t, o, r, s) {
+  var a, c, i, u;
+  return l(), d("div", ge, [
+    I("picture", null, [
+      s.webpSrcSet ? (l(), d("source", {
+        key: 0,
+        type: "image/webp",
+        srcset: s.webpSrcSet
+      }, null, 8, be)) : b("", !0),
+      I("img", {
+        loading: "lazy",
+        alt: t.altText,
+        role: t.altText ? "presentation" : void 0,
+        style: k({
+          objectPosition: t.backgroundSize || "center",
+          objectFit: t.backgroundSize || "cover"
+        }),
+        class: j(
+          s._classStringToObject(
+            "builder-image" + (t.className ? " " + t.className : "") + " img-2btisl9m7v3"
+          )
+        ),
+        src: t.image,
+        srcset: s.srcSetToUse,
+        sizes: t.sizes
+      }, null, 14, ye),
+      I("source", { srcset: s.srcSetToUse }, null, 8, ve)
+    ]),
+    t.aspectRatio && !(t.fitContent && ((c = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length)) ? (l(), d("div", {
+      key: 0,
+      class: "builder-image-sizer div-2btisl9m7v3-2",
+      style: k({
+        paddingTop: t.aspectRatio * 100 + "%"
+      })
+    }, null, 4)) : b("", !0),
+    ((u = (i = t.builderBlock) == null ? void 0 : i.children) == null ? void 0 : u.length) && t.fitContent ? C(e.$slots, "default", { key: 1 }, void 0, !0) : b("", !0),
+    t.fitContent ? b("", !0) : (l(), d("div", xe, [
+      C(e.$slots, "default", {}, void 0, !0)
+    ]))
+  ]);
+}
+const ke = /* @__PURE__ */ f(fe, [["render", _e], ["__scopeId", "data-v-865f9b2c"]]), Ce = {
+  name: "builder-text",
+  props: ["text"]
+}, we = ["innerHTML"];
+function Se(e, n, t, o, r, s) {
+  return l(), d("span", {
+    class: "builder-text",
+    innerHTML: t.text
+  }, null, 8, we);
+}
+const Ie = /* @__PURE__ */ f(Ce, [["render", Se]]), Te = {
+  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
+        } : {}
+      };
+    }
+  }
+}, Re = ["src", "poster"];
+function Ee(e, n, t, o, r, s) {
+  var a;
+  return l(), d("video", x(s.videoProps, {
+    style: {
+      width: "100%",
+      height: "100%",
+      ...(a = t.attributes) == null ? void 0 : a.style,
+      objectFit: t.fit,
+      objectPosition: t.position,
+      borderRadius: 1
+    },
+    src: t.video || "no-src",
+    poster: t.posterImage
+  }), null, 16, Re);
+}
+const Fe = /* @__PURE__ */ f(Te, [["render", Ee]]);
+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, ...F(s, a, t) } : { ...o, [a]: s };
+  }, {});
+}
+const L = "builder.", je = (e) => {
+  const n = {};
+  return e.forEach((t, o) => {
+    n[o] = t;
+  }), n;
+}, Ue = (e) => {
+  if (!e)
+    return {};
+  const n = D(e), t = {};
+  return Object.keys(n).forEach((o) => {
+    if (o.startsWith(L)) {
+      const r = o.replace(L, "");
+      t[r] = n[o];
+    }
+  }), t;
+}, Ve = () => {
+  if (!h())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return Ue(e);
+}, D = (e) => e instanceof URLSearchParams ? je(e) : e;
+function Ae() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
+}
+async function K() {
+  const e = Ae().fetch;
+  if (typeof e > "u" && typeof global < "u") {
+    const n = import("node-fetch").then((t) => t.default);
+    return n.default || n;
+  }
+  return e.default || e;
+}
+const $e = (e) => {
+  const n = e.split(".");
+  return n.length > 2 ? n.slice(1).join(".") : e;
+}, J = async ({
+  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);
+  }
+}, Oe = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).join("; "), Pe = [
+  ["secure", ""],
+  ["SameSite", "None"]
+], We = ({
+  name: e,
+  value: n,
+  expires: t
+}) => {
+  const r = (h() ? location.protocol === "https:" : !0) ? Pe : [[]], s = t ? [["expires", t.toUTCString()]] : [[]], a = [
+    [e, n],
+    ...s,
+    ["path", "/"],
+    ["domain", $e(window.location.hostname)],
+    ...r
+  ];
+  return Oe(a);
+}, G = async ({
+  name: e,
+  value: n,
+  expires: t,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
+      return;
+    const r = We({ name: e, value: n, expires: t });
+    document.cookie = r;
+  } catch (r) {
+    console.warn("[COOKIE] SET error: ", r);
+  }
+}, Be = "builderio.variations", Y = (e) => `${Be}.${e}`, Le = ({
+  contentId: e,
+  canTrack: n
+}) => J({ name: Y(e), canTrack: n }), Me = ({
+  contentId: e,
+  canTrack: n,
+  value: t
+}) => G({ name: Y(e), value: t, canTrack: n }), S = (e) => e != null, Ne = (e) => S(e.id) && S(e.variations) && Object.keys(e.variations).length > 0, He = ({
+  id: e,
+  variations: n
+}) => {
+  var r;
+  let t = 0;
+  const o = Math.random();
+  for (const s in n)
+    if (t += (r = n[s]) == null ? void 0 : r.testRatio, o < t)
+      return s;
+  return e;
+}, M = ({
+  item: e,
+  testGroupId: n
+}) => {
+  const t = e.variations[n];
+  return n === e.id || !t ? {
+    testVariationId: e.id,
+    testVariationName: "Default"
+  } : {
+    data: t.data,
+    testVariationId: t.id,
+    testVariationName: t.name || (t.id === e.id ? "Default" : "")
+  };
+}, ze = async ({
+  item: e,
+  canTrack: n
+}) => {
+  const t = await Le({
+    canTrack: n,
+    contentId: e.id
+  }), o = t ? M({ item: e, testGroupId: t }) : void 0;
+  if (o)
+    return o;
+  {
+    const r = He({
+      variations: e.variations,
+      id: e.id
+    });
+    return Me({
+      contentId: e.id,
+      value: r,
+      canTrack: n
+    }).catch((s) => {
+      console.error("could not store A/B test variation: ", s);
+    }), M({ item: e, testGroupId: r });
+  }
+}, qe = async ({
+  item: e,
+  canTrack: n
+}) => {
+  if (!Ne(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;
+}
+const De = (e) => {
+  const {
+    limit: n = 30,
+    userAttributes: t,
+    query: o,
+    noTraverse: r = !1,
+    model: s,
+    apiKey: a
+  } = e, c = new URL(
+    `https://cdn.builder.io/api/v2/content/${s}?apiKey=${a}&limit=${n}&noTraverse=${r}`
+  ), i = {
+    ...Ve(),
+    ...D(e.options || {})
+  }, 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 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(
+    (s) => s.json()
+  ), r = e.canTrack !== !1;
+  if (r)
+    for (const s of o.results)
+      await qe({ item: s, canTrack: r });
+  return o;
+}
+const Je = () => Promise.resolve().then(() => sn).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;
+}), Ge = {
+  name: "builder-symbol",
+  components: { "render-content": y(Je) },
+  props: ["symbol", "attributes"],
+  data: () => ({ className: "builder-symbol", content: null, markMutable: V }),
+  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({
+        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;
+    }
+  }
+}, Ye = ["dataSet"];
+function Xe(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
+    },
+    class: s._classStringToObject(e.className)
+  }), [
+    q(a, {
+      apiKey: s.builderContext.apiKey,
+      context: s.builderContext.context,
+      customComponents: e.markMutable(Object.values(s.builderContext.registeredComponents)),
+      data: e.markMutable({
+        ...(c = t.symbol) == null ? void 0 : c.data,
+        ...s.builderContext.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)
+    }, null, 8, ["apiKey", "context", "customComponents", "data", "model", "content"])
+  ], 16, Ye);
+}
+const Qe = /* @__PURE__ */ f(Ge, [["render", Xe]]), Ze = {
+  name: "builder-button",
+  props: ["attributes", "text", "link", "openLinkInNewTab"]
+};
+const et = ["href", "target"];
+function tt(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
+  }), P(t.text), 17, et)) : (l(), d("button", x({ key: 1 }, t.attributes, { class: "button-2oa2wtipkzk" }), P(t.text), 17));
+}
+const nt = /* @__PURE__ */ f(Ze, [["render", tt], ["__scopeId", "data-v-3cb049f3"]]), ot = {
+  name: "builder-section-component",
+  props: ["attributes", "maxWidth"]
+};
+function st(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
+  }), [
+    C(e.$slots, "default")
+  ], 16);
+}
+const rt = /* @__PURE__ */ f(ot, [["render", st]]), at = {
+  name: "builder-fragment-component",
+  props: []
+};
+function it(e, n, t, o, r, s) {
+  return l(), d("span", null, [
+    C(e.$slots, "default")
+  ]);
+}
+const ct = /* @__PURE__ */ f(at, [["render", it]]), lt = {
+  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 A(e) {
+  return e.__qwik_serializable__ = !0, e;
+}
+const dt = {
+  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: A((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(
+          (s) => !s.get("width")
+        ) || t.reduce((c, i) => c + i.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
+    }
+  ]
+}, ut = {
+  name: "Fragment",
+  static: !0,
+  hidden: !0,
+  builtIn: !0,
+  canHaveChildren: !0,
+  noWrap: !0
+}, mt = {
+  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: A((e) => {
+        e.delete("srcset"), e.delete("noWebp");
+        function t(a, c = 6e4) {
+          return new Promise((i, u) => {
+            const m = document.createElement("img");
+            let p = !1;
+            m.onload = () => {
+              p = !0, i(m);
+            }, m.addEventListener("error", (_) => {
+              console.warn("Image load failed", _.error), u(_.error);
+            }), m.src = a, setTimeout(() => {
+              p || u(new Error("Image load timed out"));
+            }, c);
+          });
+        }
+        function o(a) {
+          return Math.round(a * 1e3) / 1e3;
+        }
+        const r = e.get("image"), s = e.get("aspectRatio");
+        if (fetch(r).then((a) => a.blob()).then((a) => {
+          a.type.includes("svg") && e.set("noWebp", !0);
+        }), r && (!s || s === 0.7041))
+          return t(r).then((a) => {
+            const c = e.get("aspectRatio");
+            e.get("image") === r && (!c || c === 0.7041) && a.width && a.height && (e.set("aspectRatio", o(a.height / a.width)), e.set("height", a.height), e.set("width", a.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
+    }
+  ]
+}, pt = {
+  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>"
+        }
+      }
+    }
+  ]
+}, ht = {
+  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"
+    }
+  ]
+}, ft = {
+  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"
+  }
+}, gt = {
+  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
+    }
+  ]
+}, bt = {
+  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: A((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
+    }
+  ]
+}, yt = [
+  "text/javascript",
+  "application/javascript",
+  "application/ecmascript"
+], vt = (e) => yt.includes(e.type), xt = {
+  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() {
+      if (!this.$refs.elem || !this.$refs.elem.getElementsByTagName)
+        return;
+      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 (vt(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);
+          }
+      }
+    }
+  }
+}, _t = ["innerHTML"];
+function kt(e, n, t, o, r, s) {
+  return l(), d("div", {
+    class: "builder-embed",
+    ref: "elem",
+    innerHTML: t.content
+  }, null, 8, _t);
+}
+const Ct = /* @__PURE__ */ f(xt, [["render", kt]]);
+function wt() {
+  return h() && window.self !== window.top;
+}
+function g() {
+  return wt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+}
+const St = {
+  name: "builder-img-component",
+  props: [
+    "backgroundSize",
+    "backgroundPosition",
+    "imgSrc",
+    "altText",
+    "image",
+    "attributes"
+  ],
+  data: () => ({ isEditing: g })
+}, It = ["alt", "src"];
+function Tt(e, n, t, o, r, s) {
+  return l(), d("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, It);
+}
+const Rt = /* @__PURE__ */ f(St, [["render", Tt]]), Et = {
+  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
+}, Ft = {
+  name: "builder-custom-code",
+  props: ["replaceNodes", "code"],
+  data: () => ({ scriptsInserted: [], scriptsRun: [] }),
+  mounted() {
+    this.findAndRunScripts();
+  },
+  methods: {
+    findAndRunScripts() {
+      if (this.$refs.elem && this.$refs.elem.getElementsByTagName && typeof window < "u") {
+        const e = this.$refs.elem.getElementsByTagName("script");
+        for (let n = 0; n < e.length; n++) {
+          const t = e[n];
+          if (t.src) {
+            if (this.scriptsInserted.includes(t.src))
+              continue;
+            this.scriptsInserted.push(t.src);
+            const o = document.createElement("script");
+            o.async = !0, o.src = t.src, document.head.appendChild(o);
+          } else if (!t.type || [
+            "text/javascript",
+            "application/javascript",
+            "application/ecmascript"
+          ].includes(t.type)) {
+            if (this.scriptsRun.includes(t.innerText))
+              continue;
+            try {
+              this.scriptsRun.push(t.innerText), new Function(t.innerText)();
+            } catch (o) {
+              console.warn("`CustomCode`: Error running script:", o);
+            }
+          }
+        }
+      }
+    },
+    _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;
+    }
+  }
+}, jt = ["innerHTML"];
+function Ut(e, n, t, o, r, s) {
+  return l(), d("div", {
+    ref: "elem",
+    class: j(
+      s._classStringToObject(
+        "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
+      )
+    ),
+    innerHTML: t.code
+  }, null, 10, jt);
+}
+const Vt = /* @__PURE__ */ f(Ft, [["render", Ut]]), At = {
+  name: "Custom Code",
+  static: !0,
+  builtIn: !0,
+  requiredPermissions: ["editCode"],
+  inputs: [
+    {
+      name: "code",
+      type: "html",
+      required: !0,
+      defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+      code: !0
+    },
+    {
+      name: "replaceNodes",
+      type: "boolean",
+      helperText: "Preserve server rendered dom nodes",
+      advanced: !0
+    },
+    {
+      name: "scriptsClientOnly",
+      type: "boolean",
+      defaultValue: !1,
+      helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+      advanced: !0
+    }
+  ]
+}, $t = () => [
+  { component: me, ...dt },
+  { component: ke, ...mt },
+  { component: Rt, ...Et },
+  { component: Ie, ...ft },
+  { component: Fe, ...gt },
+  { component: Qe, ...ht },
+  { component: nt, ...lt },
+  { component: rt, ...pt },
+  { component: ct, ...ut },
+  { component: Ct, ...bt },
+  { component: Vt, ...At }
+];
+function N({
+  code: e,
+  context: n,
+  state: t,
+  event: o
+}) {
+  if (e === "") {
+    console.warn("Skipping evaluation of empty code block.");
+    return;
+  }
+  const r = {
+    isEditing: g(),
+    isBrowser: h(),
+    isServer: !h()
+  }, a = !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
+  try {
+    return new Function(
+      "builder",
+      "Builder",
+      "state",
+      "context",
+      "event",
+      a
+    )(r, r, t, n, o);
+  } catch (c) {
+    console.warn(
+      `Builder custom code error: 
+ While Evaluating: 
+ `,
+      a,
+      `
+`,
+      c.message || c
+    );
+  }
+}
+function Ot() {
+  return !h() || g() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+}
+const Q = [];
+function hn(e, n) {
+  return Q.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 Pt = ({
+  component: e,
+  ...n
+}) => ({
+  type: "builder.registerComponent",
+  data: Lt(n)
+}), Z = (e) => JSON.parse(JSON.stringify(e)), Wt = (e) => typeof e == "function" ? Bt(e) : Z(e), Bt = (e) => {
+  const n = e.toString().trim();
+  return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
+}, Lt = ({
+  inputs: e,
+  ...n
+}) => ({
+  ...Z(n),
+  inputs: e == null ? void 0 : e.map(
+    (t) => Object.entries(t).reduce(
+      (o, [r, s]) => ({
+        ...o,
+        [r]: Wt(s)
+      }),
+      {}
+    )
+  )
+});
+function Mt() {
+  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 ee() {
+  return Mt().replace(/-/g, "");
+}
+const te = "builderSessionId", Nt = async ({ canTrack: e }) => {
+  if (!e)
+    return;
+  const n = await J({
+    name: te,
+    canTrack: e
+  });
+  if (S(n))
+    return n;
+  {
+    const t = Ht();
+    zt({ id: t, canTrack: e });
+  }
+}, Ht = () => ee(), zt = ({
+  id: e,
+  canTrack: n
+}) => G({ name: te, value: e, canTrack: n }), ne = () => h() && typeof localStorage < "u" ? localStorage : void 0, qt = ({
+  key: e,
+  canTrack: n
+}) => {
+  var t;
+  try {
+    return n ? (t = ne()) == null ? void 0 : t.getItem(e) : void 0;
+  } catch (o) {
+    console.debug("[LocalStorage] GET error: ", o);
+  }
+}, Dt = ({
+  key: e,
+  canTrack: n,
+  value: t
+}) => {
+  var o;
+  try {
+    n && ((o = ne()) == null || o.setItem(e, t));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
+  }
+}, oe = "builderVisitorId", Kt = ({ canTrack: e }) => {
+  if (!e)
+    return;
+  const n = qt({
+    key: oe,
+    canTrack: e
+  });
+  if (S(n))
+    return n;
+  {
+    const t = Jt();
+    Gt({ id: t, canTrack: e });
+  }
+}, Jt = () => ee(), Gt = ({
+  id: e,
+  canTrack: n
+}) => Dt({
+  key: oe,
+  value: e,
+  canTrack: n
+}), Yt = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return { visitorId: void 0, sessionId: void 0 };
+  const n = await Nt({ canTrack: e }), t = Kt({ canTrack: e });
+  return {
+    sessionId: n,
+    visitorId: t
+  };
+}, Xt = async ({
+  type: e,
+  canTrack: n,
+  orgId: t,
+  contentId: o,
+  ...r
+}) => ({
+  type: e,
+  data: {
+    ...r,
+    ...await Yt({ canTrack: n }),
+    ownerId: t,
+    contentId: o
+  }
+});
+async function H(e) {
+  if (!!e.canTrack && !g() && !!(h() || U === "reactNative"))
+    return fetch("https://builder.io/api/v1/track", {
+      method: "POST",
+      body: JSON.stringify({
+        events: [await Xt(e)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((n) => {
+      console.error("Failed to track: ", n);
+    });
+}
+const Qt = () => Promise.resolve().then(() => se).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
+    e
+  ), e;
+}), Zt = () => import("./render-styles.63eb2def.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
+    e
+  ), e;
+}), en = {
+  name: "render-content",
+  components: {
+    "render-content-styles": y(Zt),
+    "render-blocks": y(Qt)
+  },
+  props: [
+    "content",
+    "data",
+    "canTrack",
+    "context",
+    "customComponents",
+    "model",
+    "apiKey"
+  ],
+  data: () => ({
+    forceReRenderCount: 0,
+    overrideContent: null,
+    update: 0,
+    overrideState: {},
+    markMutable: V
+  }),
+  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() {
+    var e;
+    if (h()) {
+      if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ie(), ce(), Object.values(this.allRegisteredComponents).forEach(
+        (n) => {
+          var o;
+          const t = Pt(n);
+          (o = window.parent) == null || o.postMessage(t, "*");
+        }
+      ), window.addEventListener("message", this.processMessage), window.addEventListener(
+        "builder:component:stateChangeListenerActivated",
+        this.emitStateUpdate
+      )), this.useContent && H({
+        type: "impression",
+        canTrack: this.canTrackToUse,
+        contentId: (e = this.useContent) == null ? void 0 : e.id,
+        orgId: this.apiKey
+      }), 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");
+          t && X({
+            model: this.model,
+            apiKey: t
+          }).then((o) => {
+            o && (this.overrideContent = o);
+          });
+        }
+      }
+      this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
+    }
+  },
+  watch: {
+    onUpdateHook0() {
+      this.evaluateJsCode();
+    },
+    onUpdateHook1() {
+      this.runHttpRequests();
+    },
+    onUpdateHook2() {
+      this.emitStateUpdate();
+    }
+  },
+  unmounted() {
+    h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      this.emitStateUpdate
+    ));
+  },
+  computed: {
+    useContent() {
+      var n, t;
+      return !this.content && !this.overrideContent ? void 0 : {
+        ...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 [
+        ...$t(),
+        ...Q,
+        ...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)) && U !== "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 && N({
+        code: e,
+        context: this.contextContext,
+        state: this.contentState
+      });
+    },
+    onClick(e) {
+      var n;
+      this.useContent && H({
+        type: "click",
+        canTrack: this.canTrackToUse,
+        contentId: (n = this.useContent) == null ? void 0 : n.id,
+        orgId: this.apiKey
+      });
+    },
+    evalExpression(e) {
+      return e.replace(
+        /{{([^}]+)}}/g,
+        (n, t) => N({
+          code: t,
+          context: this.contextContext,
+          state: this.contentState
+        })
+      );
+    },
+    handleRequest({ url: e, key: n }) {
+      K().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, s]) => {
+        if (s && (!this.httpReqsData[r] || g())) {
+          const a = this.evalExpression(s);
+          this.handleRequest({
+            url: a,
+            key: r
+          });
+        }
+      });
+    },
+    emitStateUpdate() {
+      g() && window.dispatchEvent(
+        new CustomEvent("builder:component:stateChange", {
+          detail: {
+            state: this.contentState,
+            ref: {
+              name: this.model
+            }
+          }
+        })
+      );
+    }
+  }
+}, tn = ["builder-content-id"];
+function nn(e, n, t, o, r, s) {
+  var i, u, m, p, _, $, O;
+  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
+  }, [
+    s.shouldRenderContentStyles ? (l(), w(a, {
+      key: 0,
+      cssCode: (m = (u = s.useContent) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
+      customFonts: (_ = (p = s.useContent) == null ? void 0 : p.data) == null ? void 0 : _.customFonts
+    }, null, 8, ["cssCode", "customFonts"])) : b("", !0),
+    (l(), w(c, {
+      blocks: e.markMutable((O = ($ = s.useContent) == null ? void 0 : $.data) == null ? void 0 : O.blocks),
+      key: e.forceReRenderCount
+    }, null, 8, ["blocks"]))
+  ], 8, tn)) : b("", !0);
+}
+const on = /* @__PURE__ */ f(en, [["render", nn]]), sn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: on
+}, Symbol.toStringTag, { value: "Module" })), rn = () => import("./block-styles.13caf8d7.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;
+}), an = () => import("./render-block.9c550b26.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
+  ), e;
+}), cn = {
+  name: "render-blocks",
+  components: {
+    "render-block": y(an),
+    "block-styles": y(rn)
+  },
+  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;
+      g() && !((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;
+      g() && !((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;
+    }
+  }
+};
+const ln = ["builder-path", "builder-parent-id", "dataSet"];
+function dn(e, n, t, o, r, s) {
+  const a = v("render-block"), c = v("block-styles");
+  return l(), d("div", {
+    class: j(s._classStringToObject(s.className + " div-3q96myty4lk")),
+    "builder-path": t.path,
+    "builder-parent-id": t.parent,
+    dataSet: {
+      class: s.className
+    },
+    onClick: n[0] || (n[0] = (i) => s.onClick()),
+    onMouseenter: n[1] || (n[1] = (i) => s.onMouseEnter())
+  }, [
+    t.blocks ? (l(!0), d(R, { key: 0 }, E(t.blocks, (i, u) => (l(), w(a, {
+      key: "render-block-" + i.id,
+      block: i,
+      context: s.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : b("", !0),
+    t.blocks ? (l(!0), d(R, { key: 1 }, E(t.blocks, (i, u) => (l(), w(c, {
+      key: "block-style-" + i.id,
+      block: i,
+      context: s.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : b("", !0)
+  ], 42, ln);
+}
+const un = /* @__PURE__ */ f(cn, [["render", dn], ["__scopeId", "data-v-53f55c54"]]), se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: un
+}, Symbol.toStringTag, { value: "Module" })), z = {};
+function fn(e) {
+  if (h()) {
+    Object.assign(z, e);
+    const n = {
+      type: "builder.settingsChange",
+      data: z
+    };
+    parent.postMessage(n, "*");
+  }
+}
+export {
+  nt as B,
+  me as C,
+  ct as F,
+  ke as I,
+  Qe as S,
+  U as T,
+  Fe as V,
+  f as _,
+  Ie as a,
+  rt as b,
+  un as c,
+  Ot as d,
+  N as e,
+  Q as f,
+  hn as g,
+  Pt as h,
+  g as i,
+  ae as j,
+  X as k,
+  De as l,
+  pn as m,
+  Ke as n,
+  je as o,
+  Ue as p,
+  Ve as q,
+  on as r,
+  fn as s,
+  D as t
+};