@builder.io/sdk-vue 0.3.2-0 → 0.4.0

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

@@ -1,2574 +0,0 @@
-import { defineComponent as f, openBlock as d, createElementBlock as p, mergeProps as x, toHandlers as R, toDisplayString as H, defineAsyncComponent as w, resolveComponent as C, normalizeClass as P, normalizeStyle as E, createBlock as _, createCommentVNode as y, Fragment as j, renderList as W, createVNode as ee, renderSlot as V, createElementVNode as K, markRaw as fe } from "vue";
-const ge = f({
-  name: "builder-button",
-  props: ["attributes", "text", "link", "openLinkInNewTab"],
-  methods: {
-    filterAttrs: function(t = {}, n) {
-      const o = "v-on:";
-      return Object.keys(t).filter((s) => {
-        if (!t[s])
-          return !1;
-        const r = s.startsWith(o);
-        return n ? r : !r;
-      }).reduce(
-        (s, r) => ({
-          ...s,
-          [r.replace(o, "")]: t[r]
-        }),
-        {}
-      );
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
-  }
-});
-const g = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, s] of t)
-    n[o] = s;
-  return n;
-}, be = ["href", "target"];
-function ye(e, t, n, o, s, r) {
-  return e.link ? (d(), p("a", x({
-    key: 0,
-    role: "button",
-    href: e.link,
-    target: e.openLinkInNewTab ? "_blank" : void 0
-  }, e.filterAttrs(e.attributes, !1), R(e.filterAttrs(e.attributes, !0), !0)), H(e.text), 17, be)) : (d(), p("button", x({
-    key: 1,
-    class: e._classStringToObject(
-      e.attributes.class + " button-1yj9n7yt24z"
-    )
-  }, e.filterAttrs(e.attributes, !1), R(e.filterAttrs(e.attributes, !0), !0)), H(e.text), 17));
-}
-const ve = /* @__PURE__ */ g(ge, [["render", ye], ["__scopeId", "data-v-3b72112d"]]), N = (e) => JSON.parse(JSON.stringify(e)), te = {
-  small: {
-    min: 320,
-    default: 321,
-    max: 640
-  },
-  medium: {
-    min: 641,
-    default: 642,
-    max: 991
-  },
-  large: {
-    min: 990,
-    default: 991,
-    max: 1200
-  }
-}, Fn = (e, t = te) => `@media (max-width: ${t[e].max}px)`, ke = ({ small: e, medium: t }) => {
-  const n = N(te);
-  if (!e || !t)
-    return n;
-  const o = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: o,
-    default: o + 1
-  };
-  const s = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: s,
-    default: s + 1
-  };
-  const r = n.medium.max + 1;
-  return n.large = {
-    max: 2e3,
-    min: r,
-    default: r + 1
-  }, n;
-}, A = "vue3", Se = Symbol(), O = {
-  Builder: {
-    content: null,
-    context: {},
-    localState: void 0,
-    rootSetState() {
-    },
-    rootState: {},
-    apiKey: null,
-    apiVersion: void 0,
-    registeredComponents: {},
-    inheritedStyles: {}
-  },
-  key: Se
-}, we = () => Promise.resolve().then(() => ne).then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
-    e
-  ), e;
-}), Ce = () => import("./render-inlined-styles.5aa04bb8.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
-    e
-  ), e;
-}), Ie = f({
-  name: "builder-columns",
-  components: {
-    RenderInlinedStyles: w(Ce),
-    RenderBlocks: w(we)
-  },
-  props: [
-    "space",
-    "columns",
-    "stackColumnsAt",
-    "reverseColumnsWhenStacked",
-    "builderBlock"
-  ],
-  data() {
-    return {
-      gutterSize: typeof this.space == "number" ? this.space || 0 : 20,
-      cols: this.columns || [],
-      stackAt: this.stackColumnsAt || "tablet",
-      flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: A
-    };
-  },
-  inject: {
-    builderContext: O.key
-  },
-  computed: {
-    columnsCssVars() {
-      return {
-        "--flex-dir": this.flexDir,
-        "--flex-dir-tablet": this.getTabletStyle({
-          stackedStyle: this.flexDir,
-          desktopStyle: "row"
-        })
-      };
-    },
-    columnsStyles() {
-      return `
-        @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
-          .${this.builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir-tablet);
-            align-items: stretch;
-          }
-
-          .${this.builderBlock.id}-breakpoints > .builder-column {
-            width: var(--column-width-tablet) !important;
-            margin-left: var(--column-margin-left-tablet) !important;
-          }
-        }
-
-        @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
-          .${this.builderBlock.id}-breakpoints {
-            flex-direction: var(--flex-dir);
-            align-items: stretch;
-          }
-
-          .${this.builderBlock.id}-breakpoints > .builder-column {
-            width: var(--column-width-mobile) !important;
-            margin-left: var(--column-margin-left-mobile) !important;
-          }
-        },
-      `;
-    }
-  },
-  methods: {
-    getWidth(e) {
-      var t;
-      return ((t = this.cols[e]) == null ? void 0 : t.width) || 100 / this.cols.length;
-    },
-    getColumnCssWidth(e) {
-      const t = this.gutterSize * (this.cols.length - 1) / this.cols.length;
-      return `calc(${this.getWidth(e)}% - ${t}px)`;
-    },
-    getTabletStyle({
-      stackedStyle: e,
-      desktopStyle: t
-    }) {
-      return this.stackAt === "tablet" ? e : t;
-    },
-    getMobileStyle({
-      stackedStyle: e,
-      desktopStyle: t
-    }) {
-      return this.stackAt === "never" ? t : e;
-    },
-    columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, s = "100%", r = 0;
-      return {
-        width: n,
-        "margin-left": o,
-        "--column-width-mobile": this.getMobileStyle({
-          stackedStyle: s,
-          desktopStyle: n
-        }),
-        "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: r,
-          desktopStyle: o
-        }),
-        "--column-width-tablet": this.getTabletStyle({
-          stackedStyle: s,
-          desktopStyle: n
-        }),
-        "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: r,
-          desktopStyle: o
-        })
-      };
-    },
-    getWidthForBreakpointSize(e) {
-      var n, o;
-      return ke(
-        ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
-      )[e].max;
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
-  }
-});
-function xe(e, t, n, o, s, r) {
-  const i = C("render-inlined-styles"), l = C("render-blocks");
-  return d(), p("div", {
-    class: P(
-      e._classStringToObject(
-        `builder-columns ${e.builderBlock.id}-breakpoints div-361b1o6wv2k`
-      )
-    ),
-    style: E(e.columnsCssVars),
-    dataSet: {
-      "builder-block-name": "builder-columns"
-    }
-  }, [
-    e.TARGET !== "reactNative" ? (d(), _(i, {
-      key: 0,
-      styles: e.columnsStyles
-    }, null, 8, ["styles"])) : y("", !0),
-    (d(!0), p(j, null, W(e.columns, (a, c) => (d(), p("div", {
-      key: c,
-      class: "builder-column div-361b1o6wv2k-2",
-      style: E(e.columnCssVars(c)),
-      dataSet: {
-        "builder-block-name": "builder-column"
-      }
-    }, [
-      ee(l, {
-        blocks: a.blocks,
-        path: `component.options.columns.${c}.blocks`,
-        parent: e.builderBlock.id,
-        styleProp: {
-          flexGrow: "1"
-        }
-      }, null, 8, ["blocks", "path", "parent"])
-    ], 4))), 128))
-  ], 6);
-}
-const $e = /* @__PURE__ */ g(Ie, [["render", xe], ["__scopeId", "data-v-fae985f2"]]), Te = f({
-  name: "builder-fragment-component",
-  props: []
-});
-function Re(e, t, n, o, s, r) {
-  return d(), p("span", null, [
-    V(e.$slots, "default")
-  ]);
-}
-const Ee = /* @__PURE__ */ g(Te, [["render", Re]]);
-function z(e) {
-  return e.replace(/http(s)?:/, "");
-}
-function _e(e = "", t, n) {
-  const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
-  return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + s + t + "=" + encodeURIComponent(n);
-}
-function Ae(e, t) {
-  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
-    return e;
-  if (t === "master")
-    return z(e);
-  const n = e.match(
-    /(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i
-  );
-  if (n) {
-    const o = e.split(n[0]), s = n[3], r = t.match("x") ? t : `${t}x`;
-    return z(`${o[0]}_${r}${s}`);
-  }
-  return null;
-}
-function F(e) {
-  if (!e)
-    return e;
-  const t = [100, 200, 400, 800, 1200, 1600, 2e3];
-  if (e.match(/builder\.io/)) {
-    let n = e;
-    const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${_e(e, "width", s)} ${s}w`).concat([n]).join(", ");
-  }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ae(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
-}
-const je = f({
-  name: "builder-image",
-  props: [
-    "image",
-    "src",
-    "srcset",
-    "noWebp",
-    "aspectRatio",
-    "altText",
-    "backgroundPosition",
-    "backgroundSize",
-    "className",
-    "sizes",
-    "builderBlock",
-    "fitContent"
-  ],
-  computed: {
-    srcSetToUse() {
-      var n;
-      const t = this.image || this.src;
-      if (!t || !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
-        return this.srcset;
-      if (this.srcset && ((n = this.image) == null ? void 0 : n.includes("builder.io/api/v1/image"))) {
-        if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), F(t);
-      } else if (this.image && !this.srcset)
-        return F(t);
-      return F(t);
-    },
-    webpSrcSet() {
-      var e;
-      return ((e = this.srcSetToUse) == null ? void 0 : e.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
-    },
-    aspectRatioCss() {
-      const e = {
-        position: "absolute",
-        height: "100%",
-        width: "100%",
-        left: "0px",
-        top: "0px"
-      };
-      return this.aspectRatio ? e : void 0;
-    }
-  },
-  methods: {
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
-  }
-});
-const Ve = ["srcset"], Pe = ["alt", "role", "src", "srcset", "sizes"], Oe = {
-  key: 2,
-  class: "div-7jvpanrlkn-2"
-};
-function Be(e, t, n, o, s, r) {
-  var i, l, a, c;
-  return d(), p(j, null, [
-    K("picture", null, [
-      e.webpSrcSet ? (d(), p("source", {
-        key: 0,
-        type: "image/webp",
-        srcset: e.webpSrcSet
-      }, null, 8, Ve)) : y("", !0),
-      K("img", {
-        loading: "lazy",
-        alt: e.altText,
-        role: e.altText ? "presentation" : void 0,
-        style: E({
-          objectPosition: e.backgroundPosition || "center",
-          objectFit: e.backgroundSize || "cover",
-          ...e.aspectRatioCss
-        }),
-        class: P(
-          e._classStringToObject(
-            "builder-image" + (e.className ? " " + e.className : "") + " img-7jvpanrlkn"
-          )
-        ),
-        src: e.image,
-        srcset: e.srcSetToUse,
-        sizes: e.sizes
-      }, null, 14, Pe)
-    ]),
-    e.aspectRatio && !(((l = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : l.length) && e.fitContent) ? (d(), p("div", {
-      key: 0,
-      class: "builder-image-sizer div-7jvpanrlkn",
-      style: E({
-        paddingTop: e.aspectRatio * 100 + "%"
-      })
-    }, null, 4)) : y("", !0),
-    ((c = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length) && e.fitContent ? V(e.$slots, "default", { key: 1 }, void 0, !0) : y("", !0),
-    !e.fitContent && e.children ? (d(), p("div", Oe, [
-      V(e.$slots, "default", {}, void 0, !0)
-    ])) : y("", !0)
-  ], 64);
-}
-const Fe = /* @__PURE__ */ g(je, [["render", Be], ["__scopeId", "data-v-034e3c7d"]]);
-function h() {
-  return typeof window < "u" && typeof document < "u";
-}
-function Ue() {
-  return h() && window.self !== window.top;
-}
-function v() {
-  return Ue() && window.location.search.indexOf("builder.frameEditing=") !== -1;
-}
-const We = () => import("./block-styles.c0e7bfbe.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;
-}), Me = () => import("./render-block.d0ed34b4.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;
-}), Le = f({
-  name: "render-blocks",
-  components: {
-    RenderBlock: w(Me),
-    BlockStyles: w(We)
-  },
-  props: ["blocks", "parent", "path", "styleProp"],
-  inject: {
-    builderContext: O.key
-  },
-  computed: {
-    className() {
-      var e;
-      return "builder-blocks" + ((e = this.blocks) != null && e.length ? "" : " no-blocks");
-    }
-  },
-  methods: {
-    onClick() {
-      var e, t;
-      v() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
-        {
-          type: "builder.clickEmptyBlocks",
-          data: {
-            parentElementId: this.parent,
-            dataPath: this.path
-          }
-        },
-        "*"
-      ));
-    },
-    onMouseEnter() {
-      var e, t;
-      v() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
-        {
-          type: "builder.hoverEmptyBlocks",
-          data: {
-            parentElementId: this.parent,
-            dataPath: this.path
-          }
-        },
-        "*"
-      ));
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
-  }
-});
-const Ne = ["builder-path", "builder-parent-id", "dataSet"];
-function He(e, t, n, o, s, r) {
-  const i = C("render-block"), l = C("block-styles");
-  return d(), p("div", {
-    class: P(e._classStringToObject(e.className + " div-7fq9d0i380")),
-    "builder-path": e.path,
-    "builder-parent-id": e.parent,
-    dataSet: {
-      class: e.className
-    },
-    style: E(e.styleProp),
-    onClick: t[0] || (t[0] = (a) => e.onClick()),
-    onMouseenter: t[1] || (t[1] = (a) => e.onMouseEnter())
-  }, [
-    e.blocks ? (d(!0), p(j, { key: 0 }, W(e.blocks, (a, c) => (d(), _(i, {
-      key: "render-block-" + a.id,
-      block: a,
-      context: e.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : y("", !0),
-    e.blocks ? (d(!0), p(j, { key: 1 }, W(e.blocks, (a, c) => (d(), _(l, {
-      key: "block-style-" + a.id,
-      block: a,
-      context: e.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : y("", !0)
-  ], 46, Ne);
-}
-const Ke = /* @__PURE__ */ g(Le, [["render", He], ["__scopeId", "data-v-ff3cb99b"]]), ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Ke
-}, Symbol.toStringTag, { value: "Module" })), ze = {
-  name: "Core:Button",
-  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
-}, B = (e) => {
-  const t = e.toString().trim();
-  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, De = {
-  name: "Columns",
-  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: B((e) => {
-        function t() {
-          n.forEach((o) => {
-            o.delete("width");
-          });
-        }
-        const n = e.get("columns");
-        Array.isArray(n) && !!n.find(
-          (s) => s.get("width")
-        ) && (!!n.find(
-          (r) => !r.get("width")
-        ) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
-      })
-    },
-    {
-      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
-    }
-  ]
-}, qe = {
-  name: "Fragment",
-  static: !0,
-  hidden: !0,
-  canHaveChildren: !0,
-  noWrap: !0
-}, Ge = {
-  name: "Image",
-  static: !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%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
-      onChange: B(
-        (e) => {
-          e.delete("srcset"), e.delete("noWebp");
-          function n(i, l = 6e4) {
-            return new Promise((a, c) => {
-              const u = document.createElement("img");
-              let m = !1;
-              u.onload = () => {
-                m = !0, a(u);
-              }, u.addEventListener("error", (b) => {
-                console.warn("Image load failed", b.error), c(b.error);
-              }), u.src = i, setTimeout(() => {
-                m || c(new Error("Image load timed out"));
-              }, l);
-            });
-          }
-          function o(i) {
-            return Math.round(i * 1e3) / 1e3;
-          }
-          const s = e.get("image"), r = e.get("aspectRatio");
-          if (fetch(s).then((i) => i.blob()).then((i) => {
-            i.type.includes("svg") && e.set("noWebp", !0);
-          }), s && (!r || r === 0.7041))
-            return n(s).then((i) => {
-              const l = e.get("aspectRatio");
-              e.get("image") === s && (!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
-    }
-  ]
-}, Je = {
-  name: "Core:Section",
-  static: !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>"
-        }
-      }
-    }
-  ]
-}, Xe = f({
-  name: "builder-section-component",
-  props: ["maxWidth", "attributes"],
-  methods: {
-    filterAttrs: function(t = {}, n) {
-      const o = "v-on:";
-      return Object.keys(t).filter((s) => {
-        if (!t[s])
-          return !1;
-        const r = s.startsWith(o);
-        return n ? r : !r;
-      }).reduce(
-        (s, r) => ({
-          ...s,
-          [r.replace(o, "")]: t[r]
-        }),
-        {}
-      );
-    }
-  }
-});
-function Ye(e, t, n, o, s, r) {
-  return d(), p("section", x({
-    style: {
-      width: "100%",
-      alignSelf: "stretch",
-      flexGrow: 1,
-      boxSizing: "border-box",
-      maxWidth: e.maxWidth || 1200,
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "stretch",
-      marginLeft: "auto",
-      marginRight: "auto"
-    }
-  }, e.filterAttrs(e.attributes, !1), R(e.filterAttrs(e.attributes, !0), !0)), [
-    V(e.$slots, "default")
-  ], 16);
-}
-const Qe = /* @__PURE__ */ g(Xe, [["render", Ye]]), Ze = {
-  name: "Symbol",
-  noWrap: !0,
-  static: !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"
-    }
-  ]
-}, U = "[Builder.io]: ", I = {
-  log: (...e) => console.log(U, ...e),
-  error: (...e) => console.error(U, ...e),
-  warn: (...e) => console.warn(U, ...e)
-};
-function et() {
-  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
-}
-function tt() {
-  const e = et().fetch;
-  if (typeof e > "u")
-    throw console.warn(
-      `Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
-      For more information, read https://github.com/BuilderIO/this-package-uses-fetch`
-    ), new Error("Builder SDK could not find a global `fetch` function");
-  return e;
-}
-const oe = tt(), $ = (e) => e != null, nt = (e) => {
-  if (e === "localhost" || e === "127.0.0.1")
-    return e;
-  const t = e.split(".");
-  return t.length > 2 ? t.slice(1).join(".") : e;
-}, se = async ({
-  name: e,
-  canTrack: t
-}) => {
-  var n;
-  try {
-    return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
-  } catch (o) {
-    console.debug("[COOKIE] GET error: ", o);
-    return;
-  }
-}, ot = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter($).join("; "), st = [
-  ["secure", ""],
-  ["SameSite", "None"]
-], rt = ({
-  name: e,
-  value: t,
-  expires: n
-}) => {
-  const s = (h() ? location.protocol === "https:" : !0) ? st : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [
-    [e, t],
-    ...r,
-    ["path", "/"],
-    ["domain", nt(window.location.hostname)],
-    ...s
-  ];
-  return ot(i);
-}, re = async ({
-  name: e,
-  value: t,
-  expires: n,
-  canTrack: o
-}) => {
-  try {
-    if (!o)
-      return;
-    const s = rt({ name: e, value: t, expires: n });
-    document.cookie = s;
-  } catch (s) {
-    console.warn("[COOKIE] SET error: ", s);
-  }
-}, it = "builderio.variations", ie = (e) => `${it}.${e}`, at = ({
-  contentId: e,
-  canTrack: t
-}) => se({ name: ie(e), canTrack: t }), lt = ({
-  contentId: e,
-  canTrack: t,
-  value: n
-}) => re({ name: ie(e), value: n, canTrack: t }), ct = (e) => $(e.id) && $(e.variations) && Object.keys(e.variations).length > 0, dt = ({
-  id: e,
-  variations: t
-}) => {
-  var s;
-  let n = 0;
-  const o = Math.random();
-  for (const r in t) {
-    const i = (s = t[r]) == null ? void 0 : s.testRatio;
-    if (n += i, o < n)
-      return r;
-  }
-  return e;
-}, D = ({
-  item: e,
-  testGroupId: t
-}) => {
-  const n = e.variations[t];
-  return t === e.id || !n ? {
-    testVariationId: e.id,
-    testVariationName: "Default"
-  } : {
-    data: n.data,
-    testVariationId: n.id,
-    testVariationName: n.name || (n.id === e.id ? "Default" : "")
-  };
-}, ut = async ({
-  item: e,
-  canTrack: t
-}) => {
-  const n = await at({
-    canTrack: t,
-    contentId: e.id
-  }), o = n ? D({ item: e, testGroupId: n }) : void 0;
-  if (o)
-    return o;
-  {
-    const s = dt({
-      variations: e.variations,
-      id: e.id
-    });
-    return lt({
-      contentId: e.id,
-      value: s,
-      canTrack: t
-    }).catch((r) => {
-      console.error("could not store A/B test variation: ", r);
-    }), D({ item: e, testGroupId: s });
-  }
-}, pt = async ({
-  item: e,
-  canTrack: t
-}) => {
-  if (!ct(e))
-    return;
-  const n = await ut({ item: e, canTrack: t });
-  Object.assign(e, n);
-};
-function M(e, t = null, n = ".") {
-  return Object.keys(e).reduce((o, s) => {
-    const r = e[s], i = [t, s].filter(Boolean).join(n);
-    return [
-      typeof r == "object",
-      r !== null,
-      !(Array.isArray(r) && r.length === 0)
-    ].every(Boolean) ? { ...o, ...M(r, i, n) } : { ...o, [i]: r };
-  }, {});
-}
-const q = "builder.", mt = "options.", ht = (e) => {
-  const t = {};
-  return e.forEach((n, o) => {
-    t[o] = n;
-  }), t;
-}, ft = (e) => {
-  if (!e)
-    return {};
-  const t = ae(e), n = {};
-  return Object.keys(t).forEach((o) => {
-    if (o.startsWith(q)) {
-      const s = o.replace(q, "").replace(mt, "");
-      n[s] = t[o];
-    }
-  }), n;
-}, gt = () => {
-  if (!h())
-    return {};
-  const e = new URLSearchParams(window.location.search);
-  return ft(e);
-}, ae = (e) => e instanceof URLSearchParams ? ht(e) : e, bt = "v3", yt = (e) => {
-  const {
-    limit: t = 30,
-    userAttributes: n,
-    query: o,
-    noTraverse: s = !1,
-    model: r,
-    apiKey: i,
-    includeRefs: l = !0,
-    enrich: a,
-    locale: c,
-    apiVersion: u = bt
-  } = e;
-  if (!i)
-    throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(u))
-    throw new Error(
-      `Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`
-    );
-  const m = new URL(
-    `https://cdn.builder.io/api/${u}/content/${r}?apiKey=${i}&limit=${t}&noTraverse=${s}&includeRefs=${l}${c ? `&locale=${c}` : ""}${a ? `&enrich=${a}` : ""}`
-  ), b = {
-    ...gt(),
-    ...ae(e.options || {})
-  }, k = M(b);
-  for (const S in k)
-    m.searchParams.set(S, String(k[S]));
-  if (n && m.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const S = M({ query: o });
-    for (const T in S)
-      m.searchParams.set(T, JSON.stringify(S[T]));
-  }
-  return m;
-};
-async function le(e) {
-  const t = await vt({ ...e, limit: 1 });
-  return t && "results" in t && (t == null ? void 0 : t.results[0]) || null;
-}
-async function vt(e) {
-  try {
-    const t = yt(e), o = await (await oe(t.href)).json();
-    if ("status" in o && !("results" in o))
-      return I.error("Error fetching data. ", { url: t, content: o, options: e }), o;
-    const s = e.canTrack !== !1;
-    try {
-      if (s && Array.isArray(o.results))
-        for (const r of o.results)
-          await pt({ item: r, canTrack: s });
-    } catch (r) {
-      I.error("Could not setup A/B testing. ", r);
-    }
-    return o;
-  } catch (t) {
-    return I.error("Error fetching data. ", t), null;
-  }
-}
-const kt = () => Promise.resolve().then(() => On).then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
-    e
-  ), e;
-}), St = f({
-  name: "builder-symbol",
-  components: { RenderContent: w(kt) },
-  props: ["attributes", "symbol", "dynamic"],
-  data() {
-    var e, t, n;
-    return {
-      className: [
-        ...Object.keys(this.attributes.class),
-        "builder-symbol",
-        (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
-        ((t = this.symbol) == null ? void 0 : t.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
-      ].filter(Boolean).join(" "),
-      contentToUse: (n = this.symbol) == null ? void 0 : n.content
-    };
-  },
-  inject: {
-    builderContext: O.key
-  },
-  mounted() {
-    this.fetchContent();
-  },
-  watch: {
-    onUpdateHook0: {
-      handler() {
-        this.fetchContent();
-      },
-      immediate: !0
-    }
-  },
-  computed: {
-    onUpdateHook0() {
-      return {
-        0: this.symbol
-      };
-    }
-  },
-  methods: {
-    fetchContent() {
-      var e, t;
-      !this.contentToUse && ((e = this.symbol) == null ? void 0 : e.model) && ((t = this.builderContext) == null ? void 0 : t.apiKey) && le({
-        model: this.symbol.model,
-        apiKey: this.builderContext.apiKey,
-        apiVersion: this.builderContext.apiVersion,
-        query: {
-          id: this.symbol.entry
-        }
-      }).then((n) => {
-        n && (this.contentToUse = n);
-      }).catch((n) => {
-        I.error("Could not fetch symbol content: ", n);
-      });
-    },
-    filterAttrs: function(t = {}, n) {
-      const o = "v-on:";
-      return Object.keys(t).filter((s) => {
-        if (!t[s])
-          return !1;
-        const r = s.startsWith(o);
-        return n ? r : !r;
-      }).reduce(
-        (s, r) => ({
-          ...s,
-          [r.replace(o, "")]: t[r]
-        }),
-        {}
-      );
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
-  }
-}), wt = ["dataSet"];
-function Ct(e, t, n, o, s, r) {
-  var l, a, c, u;
-  const i = C("render-content");
-  return d(), p("div", x({
-    dataSet: {
-      class: e.className
-    },
-    class: e._classStringToObject(e.className)
-  }, e.filterAttrs(e.attributes, !1), R(e.filterAttrs(e.attributes, !0), !0)), [
-    ee(i, {
-      apiVersion: e.builderContext.apiVersion,
-      apiKey: e.builderContext.apiKey,
-      context: e.builderContext.context,
-      customComponents: Object.values(e.builderContext.registeredComponents),
-      data: {
-        ...(l = e.symbol) == null ? void 0 : l.data,
-        ...e.builderContext.localState,
-        ...(c = (a = e.contentToUse) == null ? void 0 : a.data) == null ? void 0 : c.state
-      },
-      model: (u = e.symbol) == null ? void 0 : u.model,
-      content: e.contentToUse
-    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
-  ], 16, wt);
-}
-const It = /* @__PURE__ */ g(St, [["render", Ct]]), xt = {
-  name: "Text",
-  static: !0,
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
-  inputs: [
-    {
-      name: "text",
-      type: "html",
-      required: !0,
-      autoFocus: !0,
-      bubble: !0,
-      defaultValue: "Enter some text..."
-    }
-  ],
-  defaultStyles: {
-    lineHeight: "normal",
-    height: "auto",
-    textAlign: "center"
-  }
-}, $t = f({
-  name: "builder-text",
-  props: ["text"]
-}), Tt = ["innerHTML"];
-function Rt(e, t, n, o, s, r) {
-  return d(), p("span", {
-    class: "builder-text",
-    innerHTML: e.text,
-    style: {
-      outline: "none"
-    }
-  }, null, 8, Tt);
-}
-const Et = /* @__PURE__ */ g($t, [["render", Rt]]), _t = {
-  name: "Video",
-  canHaveChildren: !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
-    }
-  ]
-}, At = f({
-  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
-        } : {}
-      };
-    },
-    spreadProps() {
-      return {
-        ...this.attributes,
-        ...this.videoProps
-      };
-    }
-  }
-}), jt = ["src", "poster"];
-function Vt(e, t, n, o, s, r) {
-  var i;
-  return d(), p("video", x({
-    style: {
-      width: "100%",
-      height: "100%",
-      ...(i = e.attributes) == null ? void 0 : i.style,
-      objectFit: e.fit,
-      objectPosition: e.position,
-      borderRadius: 1
-    },
-    src: e.video || "no-src",
-    poster: e.posterImage
-  }, e.spreadProps), null, 16, jt);
-}
-const Pt = /* @__PURE__ */ g(At, [["render", Vt]]), Ot = {
-  name: "Embed",
-  static: !0,
-  inputs: [
-    {
-      name: "url",
-      type: "url",
-      required: !0,
-      defaultValue: "",
-      helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: B(
-        (e) => {
-          const t = e.get("url");
-          if (t)
-            return e.set("content", "Loading..."), fetch(
-              `https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`
-            ).then((o) => o.json()).then((o) => {
-              e.get("url") === t && (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
-    }
-  ]
-}, Bt = [
-  "text/javascript",
-  "application/javascript",
-  "application/ecmascript"
-], Ft = (e) => Bt.includes(e.type), Ut = f({
-  name: "builder-embed",
-  props: ["content"],
-  data() {
-    return { scriptsInserted: [], scriptsRun: [], ranInitFn: !1 };
-  },
-  watch: {
-    onUpdateHook0: {
-      handler() {
-        this.$refs.elem && !this.ranInitFn && (this.ranInitFn = !0, this.findAndRunScripts());
-      },
-      immediate: !0
-    }
-  },
-  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 t = 0; t < e.length; t++) {
-        const n = e[t];
-        if (n.src && !this.scriptsInserted.includes(n.src)) {
-          this.scriptsInserted.push(n.src);
-          const o = document.createElement("script");
-          o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (Ft(n) && !this.scriptsRun.includes(n.innerText))
-          try {
-            this.scriptsRun.push(n.innerText), new Function(n.innerText)();
-          } catch (o) {
-            console.warn("`Embed`: Error running script:", o);
-          }
-      }
-    }
-  }
-}), Wt = ["innerHTML"];
-function Mt(e, t, n, o, s, r) {
-  return d(), p("div", {
-    class: "builder-embed",
-    ref: "elem",
-    innerHTML: e.content
-  }, null, 8, Wt);
-}
-const Lt = /* @__PURE__ */ g(Ut, [["render", Mt]]), Nt = f({
-  name: "builder-img-component",
-  props: [
-    "backgroundSize",
-    "backgroundPosition",
-    "imgSrc",
-    "altText",
-    "image",
-    "attributes"
-  ],
-  data() {
-    return { isEditing: v };
-  },
-  methods: {
-    filterAttrs: function(t = {}, n) {
-      const o = "v-on:";
-      return Object.keys(t).filter((s) => {
-        if (!t[s])
-          return !1;
-        const r = s.startsWith(o);
-        return n ? r : !r;
-      }).reduce(
-        (s, r) => ({
-          ...s,
-          [r.replace(o, "")]: t[r]
-        }),
-        {}
-      );
-    }
-  }
-}), Ht = ["alt", "src"];
-function Kt(e, t, n, o, s, r) {
-  return d(), p("img", x({
-    style: {
-      objectFit: e.backgroundSize || "cover",
-      objectPosition: e.backgroundPosition || "center"
-    },
-    key: e.isEditing() && e.imgSrc || "default-key",
-    alt: e.altText,
-    src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, !1), R(e.filterAttrs(e.attributes, !0), !0)), null, 16, Ht);
-}
-const zt = /* @__PURE__ */ g(Nt, [["render", Kt]]), Dt = {
-  name: "Raw:Img",
-  hideFromInsertMenu: !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
-}, qt = f({
-  name: "builder-custom-code",
-  props: ["replaceNodes", "code"],
-  data() {
-    return { 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 t = 0; t < e.length; t++) {
-          const n = e[t];
-          if (n.src) {
-            if (this.scriptsInserted.includes(n.src))
-              continue;
-            this.scriptsInserted.push(n.src);
-            const o = document.createElement("script");
-            o.async = !0, o.src = n.src, document.head.appendChild(o);
-          } else if (!n.type || [
-            "text/javascript",
-            "application/javascript",
-            "application/ecmascript"
-          ].includes(n.type)) {
-            if (this.scriptsRun.includes(n.innerText))
-              continue;
-            try {
-              this.scriptsRun.push(n.innerText), new Function(n.innerText)();
-            } catch (o) {
-              console.warn("`CustomCode`: Error running script:", o);
-            }
-          }
-        }
-      }
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
-  }
-}), Gt = ["innerHTML"];
-function Jt(e, t, n, o, s, r) {
-  return d(), p("div", {
-    ref: "elem",
-    class: P(
-      e._classStringToObject(
-        "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
-      )
-    ),
-    innerHTML: e.code
-  }, null, 10, Gt);
-}
-const Xt = /* @__PURE__ */ g(qt, [["render", Jt]]), Yt = {
-  name: "Custom Code",
-  static: !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
-    }
-  ]
-}, Qt = () => [
-  { component: ve, ...ze },
-  { component: $e, ...De },
-  { component: Xt, ...Yt },
-  { component: Lt, ...Ot },
-  { component: Ee, ...qe },
-  { component: Fe, ...Ge },
-  { component: zt, ...Dt },
-  { component: Qe, ...Je },
-  { component: It, ...Ze },
-  { component: Et, ...xt },
-  { component: Pt, ..._t }
-];
-function G({
-  code: e,
-  context: t,
-  localState: n,
-  rootState: o,
-  rootSetState: s,
-  event: r,
-  isExpression: i = !0
-}) {
-  if (e === "") {
-    console.warn("Skipping evaluation of empty code block.");
-    return;
-  }
-  const l = {
-    isEditing: v(),
-    isBrowser: h(),
-    isServer: !h()
-  }, c = i && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
-  try {
-    return new Function(
-      "builder",
-      "Builder",
-      "state",
-      "context",
-      "event",
-      c
-    )(
-      l,
-      l,
-      Zt(o, n, s),
-      t,
-      r
-    );
-  } catch (u) {
-    console.warn(
-      `Builder custom code error: 
- While Evaluating: 
- `,
-      c,
-      `
-`,
-      u
-    );
-  }
-}
-function Zt(e, t, n) {
-  if (e === t)
-    throw new Error("rootState === localState");
-  return new Proxy(e, {
-    get: (o, s) => t && s in t ? t[s] : e[s],
-    set: (o, s, r) => {
-      if (t && s in t)
-        throw new Error(
-          "Writing to local state is not allowed as it is read-only."
-        );
-      return e[s] = r, n == null || n(e), !0;
-    }
-  });
-}
-function en() {
-  return !h() || v() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
-}
-const ce = [];
-function Un(e, t) {
-  return ce.push({ component: e, ...t }), console.warn(
-    "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
-  ), e;
-}
-const tn = ({
-  component: e,
-  ...t
-}) => ({
-  type: "builder.registerComponent",
-  data: on(t)
-}), nn = (e) => typeof e == "function" ? B(e) : N(e), on = ({
-  inputs: e,
-  ...t
-}) => ({
-  ...N(t),
-  inputs: e == null ? void 0 : e.map(
-    (n) => Object.entries(n).reduce(
-      (o, [s, r]) => ({
-        ...o,
-        [s]: nn(r)
-      }),
-      {}
-    )
-  )
-});
-function sn() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
-    const t = Math.random() * 16 | 0;
-    return (e == "x" ? t : t & 3 | 8).toString(16);
-  });
-}
-function de() {
-  return sn().replace(/-/g, "");
-}
-const ue = "builderSessionId", rn = async ({
-  canTrack: e
-}) => {
-  if (!e)
-    return;
-  const t = await se({
-    name: ue,
-    canTrack: e
-  });
-  if ($(t))
-    return t;
-  {
-    const n = an();
-    return ln({ id: n, canTrack: e }), n;
-  }
-}, an = () => de(), ln = ({
-  id: e,
-  canTrack: t
-}) => re({ name: ue, value: e, canTrack: t }), pe = () => h() && typeof localStorage < "u" ? localStorage : void 0, cn = ({
-  key: e,
-  canTrack: t
-}) => {
-  var n;
-  try {
-    return t ? (n = pe()) == null ? void 0 : n.getItem(e) : void 0;
-  } catch (o) {
-    console.debug("[LocalStorage] GET error: ", o);
-    return;
-  }
-}, dn = ({
-  key: e,
-  canTrack: t,
-  value: n
-}) => {
-  var o;
-  try {
-    t && ((o = pe()) == null || o.setItem(e, n));
-  } catch (s) {
-    console.debug("[LocalStorage] SET error: ", s);
-  }
-}, me = "builderVisitorId", un = ({ canTrack: e }) => {
-  if (!e)
-    return;
-  const t = cn({
-    key: me,
-    canTrack: e
-  });
-  if ($(t))
-    return t;
-  {
-    const n = pn();
-    return mn({ id: n, canTrack: e }), n;
-  }
-}, pn = () => de(), mn = ({
-  id: e,
-  canTrack: t
-}) => dn({
-  key: me,
-  value: e,
-  canTrack: t
-}), hn = () => {
-  if (h()) {
-    const e = new URL(location.href);
-    return e.pathname === "" && (e.pathname = "/"), e;
-  } else
-    return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, fn = () => typeof navigator == "object" && navigator.userAgent || "", gn = () => {
-  const e = fn(), t = {
-    Android() {
-      return e.match(/Android/i);
-    },
-    BlackBerry() {
-      return e.match(/BlackBerry/i);
-    },
-    iOS() {
-      return e.match(/iPhone|iPod/i);
-    },
-    Opera() {
-      return e.match(/Opera Mini/i);
-    },
-    Windows() {
-      return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
-    },
-    any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || A === "reactNative";
-    }
-  }, n = e.match(/Tablet|iPad/i), o = hn();
-  return {
-    urlPath: o == null ? void 0 : o.pathname,
-    host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
-    device: n ? "tablet" : t.any() ? "mobile" : "desktop"
-  };
-}, bn = async ({
-  canTrack: e
-}) => {
-  if (!e)
-    return { visitorId: void 0, sessionId: void 0 };
-  const t = await rn({ canTrack: e }), n = un({ canTrack: e });
-  return {
-    sessionId: t,
-    visitorId: n
-  };
-}, yn = async ({
-  type: e,
-  canTrack: t,
-  apiKey: n,
-  metadata: o,
-  ...s
-}) => ({
-  type: e,
-  data: {
-    ...s,
-    metadata: {
-      url: location.href,
-      ...o
-    },
-    ...await bn({ canTrack: t }),
-    userAttributes: gn(),
-    ownerId: n
-  }
-});
-async function L(e) {
-  if (!e.apiKey) {
-    I.error(
-      "Missing API key for track call. Please provide your API key."
-    );
-    return;
-  }
-  if (!!e.canTrack && !v() && !!(h() || A === "reactNative"))
-    return fetch("https://builder.io/api/v1/track", {
-      method: "POST",
-      body: JSON.stringify({
-        events: [await yn(e)]
-      }),
-      headers: {
-        "content-type": "application/json"
-      },
-      mode: "cors"
-    }).catch((t) => {
-      console.error("Failed to track: ", t);
-    });
-}
-const Wn = (e) => L({ ...e, canTrack: !0 }), vn = "0.3.2-0", J = {};
-function kn(e, t) {
-  let n = J[e];
-  if (n || (n = J[e] = []), n.push(t), h()) {
-    const o = {
-      type: "builder.register",
-      data: {
-        type: e,
-        info: t
-      }
-    };
-    try {
-      parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (s) {
-      console.debug("Could not postmessage", s);
-    }
-  }
-}
-const Sn = () => {
-  kn("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" }
-    ]
-  });
-};
-let X = !1;
-const wn = (e = {}) => {
-  var t, n;
-  X || (X = !0, h() && ((t = window.parent) == null || t.postMessage(
-    {
-      type: "builder.sdkInfo",
-      data: {
-        target: A,
-        version: vn,
-        supportsPatchUpdates: !1,
-        supportsAddBlockScoping: !0,
-        supportsCustomBreakpoints: !0
-      }
-    },
-    "*"
-  ), (n = window.parent) == null || n.postMessage(
-    {
-      type: "builder.updateContent",
-      data: {
-        options: e
-      }
-    },
-    "*"
-  ), window.addEventListener("message", ({ data: o }) => {
-    var s, r;
-    if (!!(o != null && o.type))
-      switch (o.type) {
-        case "builder.evaluate": {
-          const i = o.data.text, l = o.data.arguments || [], a = o.data.id, c = new Function(i);
-          let u, m = null;
-          try {
-            u = c.apply(null, l);
-          } catch (b) {
-            m = b;
-          }
-          m ? (s = window.parent) == null || s.postMessage(
-            {
-              type: "builder.evaluateError",
-              data: { id: a, error: m.message }
-            },
-            "*"
-          ) : u && typeof u.then == "function" ? u.then((b) => {
-            var k;
-            (k = window.parent) == null || k.postMessage(
-              {
-                type: "builder.evaluateResult",
-                data: { id: a, result: b }
-              },
-              "*"
-            );
-          }).catch(console.error) : (r = window.parent) == null || r.postMessage(
-            {
-              type: "builder.evaluateResult",
-              data: { result: u, id: a }
-            },
-            "*"
-          );
-          break;
-        }
-      }
-  })));
-};
-function Y(e) {
-  return Math.round(e * 1e3) / 1e3;
-}
-const Cn = (e, t, n = !0) => {
-  if (!(e instanceof HTMLElement))
-    return null;
-  let o = n ? e : e.parentElement;
-  do {
-    if (!o)
-      return null;
-    if (t(o))
-      return o;
-  } while (o = o.parentElement);
-  return null;
-}, In = (e) => Cn(e, (t) => {
-  const n = t.getAttribute("builder-id") || t.id;
-  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), Q = ({
-  event: e,
-  target: t
-}) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = Y(o / n.width), i = Y(s / n.height);
-  return {
-    x: r,
-    y: i
-  };
-}, xn = (e) => {
-  const t = e.target, n = t && In(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
-  return {
-    targetBuilderElement: o || void 0,
-    metadata: {
-      targetOffset: t ? Q({ event: e, target: t }) : void 0,
-      builderTargetOffset: n ? Q({ event: e, target: n }) : void 0,
-      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
-    }
-  };
-}, $n = ({
-  content: e,
-  data: t,
-  locale: n
-}) => {
-  var r, i, l;
-  const o = {};
-  (i = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || i.forEach((a) => {
-    var c;
-    a.name && a.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[a.name] === void 0 && (o[a.name] = a.defaultValue);
-  });
-  const s = {
-    ...(l = e == null ? void 0 : e.data) == null ? void 0 : l.state,
-    ...t,
-    ...n ? { locale: n } : {}
-  };
-  return { ...o, ...s };
-}, Tn = ({
-  content: e,
-  data: t
-}) => e ? {
-  ...e,
-  data: {
-    ...e == null ? void 0 : e.data,
-    ...t
-  },
-  meta: e == null ? void 0 : e.meta
-} : void 0, Rn = fe, En = () => Promise.resolve().then(() => ne).then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
-    e
-  ), e;
-}), _n = () => import("./render-styles.7f31b369.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;
-}), An = f({
-  name: "render-content",
-  components: {
-    RenderContentStyles: w(_n),
-    RenderBlocks: w(En)
-  },
-  props: [
-    "content",
-    "data",
-    "canTrack",
-    "locale",
-    "customComponents",
-    "model",
-    "context",
-    "apiKey",
-    "includeRefs",
-    "enrich",
-    "apiVersion"
-  ],
-  data() {
-    return {
-      forceReRenderCount: 0,
-      overrideContent: null,
-      useContent: Tn({
-        content: this.content,
-        data: this.data
-      }),
-      update: 0,
-      canTrackToUse: $(this.canTrack) ? this.canTrack : !0,
-      contentState: $n({
-        content: this.content,
-        data: this.data,
-        locale: this.locale
-      }),
-      allRegisteredComponents: [
-        ...Qt(),
-        ...ce,
-        ...this.customComponents || []
-      ].reduce(
-        (e, { component: t, ...n }) => ({
-          ...e,
-          [n.name]: {
-            component: Rn(t),
-            ...n
-          }
-        }),
-        {}
-      ),
-      httpReqsData: {},
-      clicked: !1,
-      TARGET: A
-    };
-  },
-  provide() {
-    const e = this;
-    return {
-      [O.key]: {
-        content: e.useContent,
-        localState: void 0,
-        rootState: e.contentState,
-        rootSetState: e.contentSetState,
-        context: e.context || {},
-        apiKey: e.apiKey,
-        apiVersion: e.apiVersion,
-        registeredComponents: e.allRegisteredComponents,
-        inheritedStyles: {}
-      }
-    };
-  },
-  mounted() {
-    var e, t;
-    if (this.apiKey || I.error(
-      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), h()) {
-      if (v() && (this.forceReRenderCount = this.forceReRenderCount + 1, Sn(), wn({
-        ...this.locale ? {
-          locale: this.locale
-        } : {},
-        ...this.includeRefs ? {
-          includeRefs: this.includeRefs
-        } : {},
-        ...this.enrich ? {
-          enrich: this.enrich
-        } : {}
-      }), Object.values(
-        this.allRegisteredComponents
-      ).forEach((n) => {
-        var s;
-        const o = tn(n);
-        (s = window.parent) == null || s.postMessage(o, "*");
-      }), window.addEventListener("message", this.processMessage), window.addEventListener(
-        "builder:component:stateChangeListenerActivated",
-        this.emitStateUpdate
-      )), this.useContent) {
-        const n = (e = this.useContent) == null ? void 0 : e.testVariationId, o = (t = this.useContent) == null ? void 0 : t.id;
-        L({
-          type: "impression",
-          canTrack: this.canTrackToUse,
-          contentId: o,
-          apiKey: this.apiKey,
-          variationId: n !== o ? n : void 0
-        });
-      }
-      if (en()) {
-        const n = new URL(location.href).searchParams, o = n.get("builder.preview"), s = n.get(
-          `builder.preview.${o}`
-        ), r = n.get("apiKey") || n.get("builder.space");
-        o === this.model && r === this.apiKey && (!this.content || s === this.content.id) && le({
-          model: this.model,
-          apiKey: this.apiKey,
-          apiVersion: this.apiVersion
-        }).then((i) => {
-          i && this.mergeNewContent(i);
-        });
-      }
-      this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
-    }
-  },
-  watch: {
-    onUpdateHook0: {
-      handler() {
-        this.content && this.mergeNewContent(this.content);
-      },
-      immediate: !0
-    },
-    onUpdateHook1: {
-      handler() {
-        this.evaluateJsCode();
-      },
-      immediate: !0
-    },
-    onUpdateHook2: {
-      handler() {
-        this.runHttpRequests();
-      },
-      immediate: !0
-    },
-    onUpdateHook3: {
-      handler() {
-        this.emitStateUpdate();
-      },
-      immediate: !0
-    }
-  },
-  unmounted() {
-    h() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
-      "builder:component:stateChangeListenerActivated",
-      this.emitStateUpdate
-    ));
-  },
-  computed: {
-    onUpdateHook0() {
-      return {
-        0: this.content
-      };
-    },
-    onUpdateHook1() {
-      var e, t;
-      return {
-        0: (t = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : t.jsCode,
-        1: this.contentState
-      };
-    },
-    onUpdateHook2() {
-      var e, t;
-      return {
-        0: (t = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests
-      };
-    },
-    onUpdateHook3() {
-      return {
-        0: this.contentState
-      };
-    }
-  },
-  methods: {
-    mergeNewContent(e) {
-      var t, n, o, s, r;
-      this.useContent = {
-        ...this.useContent,
-        ...e,
-        data: {
-          ...(t = this.useContent) == null ? void 0 : t.data,
-          ...e == null ? void 0 : e.data
-        },
-        meta: {
-          ...(n = this.useContent) == null ? void 0 : n.meta,
-          ...e == null ? void 0 : e.meta,
-          breakpoints: ((o = e == null ? void 0 : e.meta) == null ? void 0 : o.breakpoints) || ((r = (s = this.useContent) == null ? void 0 : s.meta) == null ? void 0 : r.breakpoints)
-        }
-      };
-    },
-    setBreakpoints(e) {
-      var t;
-      this.useContent = {
-        ...this.useContent,
-        meta: {
-          ...(t = this.useContent) == null ? void 0 : t.meta,
-          breakpoints: e
-        }
-      };
-    },
-    contentSetState(e) {
-      this.contentState = e;
-    },
-    processMessage(e) {
-      var n;
-      const { data: t } = e;
-      if (t)
-        switch (t.type) {
-          case "builder.configureSdk": {
-            const o = t.data, { breakpoints: s, contentId: r } = o;
-            if (!r || r !== ((n = this.useContent) == null ? void 0 : n.id))
-              return;
-            s && this.setBreakpoints(s), this.forceReRenderCount = this.forceReRenderCount + 1;
-            break;
-          }
-          case "builder.contentUpdate": {
-            const o = t.data, s = o.key || o.alias || o.entry || o.modelName, r = o.data;
-            s === this.model && (this.mergeNewContent(r), this.forceReRenderCount = this.forceReRenderCount + 1);
-            break;
-          }
-        }
-    },
-    evaluateJsCode() {
-      var t, n;
-      const e = (n = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && G({
-        code: e,
-        context: this.context || {},
-        localState: void 0,
-        rootState: this.contentState,
-        rootSetState: this.contentSetState
-      });
-    },
-    onClick(e) {
-      var t, n;
-      if (this.useContent) {
-        const o = (t = this.useContent) == null ? void 0 : t.testVariationId, s = (n = this.useContent) == null ? void 0 : n.id;
-        L({
-          type: "click",
-          canTrack: this.canTrackToUse,
-          contentId: s,
-          apiKey: this.apiKey,
-          variationId: o !== s ? o : void 0,
-          ...xn(e),
-          unique: !this.clicked
-        });
-      }
-      this.clicked || (this.clicked = !0);
-    },
-    evalExpression(e) {
-      return e.replace(
-        /{{([^}]+)}}/g,
-        (t, n) => G({
-          code: n,
-          context: this.context || {},
-          localState: void 0,
-          rootState: this.contentState,
-          rootSetState: this.contentSetState
-        })
-      );
-    },
-    handleRequest({ url: e, key: t }) {
-      oe(e).then((n) => n.json()).then((n) => {
-        const o = {
-          ...this.contentState,
-          [t]: n
-        };
-        this.contentSetState(o);
-      }).catch((n) => {
-        console.error("error fetching dynamic data", e, n);
-      });
-    },
-    runHttpRequests() {
-      var t, n, o;
-      const e = (o = (n = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) != null ? o : {};
-      Object.entries(e).forEach(([s, r]) => {
-        if (r && (!this.httpReqsData[s] || v())) {
-          const i = this.evalExpression(r);
-          this.handleRequest({
-            url: i,
-            key: s
-          });
-        }
-      });
-    },
-    emitStateUpdate() {
-      v() && window.dispatchEvent(
-        new CustomEvent(
-          "builder:component:stateChange",
-          {
-            detail: {
-              state: this.contentState,
-              ref: {
-                name: this.model
-              }
-            }
-          }
-        )
-      );
-    }
-  }
-}), jn = ["builder-content-id", "builder-model"];
-function Vn(e, t, n, o, s, r) {
-  var a, c, u, m, b, k, S, T;
-  const i = C("render-content-styles"), l = C("render-blocks");
-  return e.useContent ? (d(), p("div", {
-    key: 0,
-    ref: "elementRef",
-    onClick: t[0] || (t[0] = (he) => e.onClick(he)),
-    "builder-content-id": (a = e.useContent) == null ? void 0 : a.id,
-    "builder-model": e.model
-  }, [
-    e.TARGET !== "reactNative" ? (d(), _(i, {
-      key: 0,
-      contentId: (c = e.useContent) == null ? void 0 : c.id,
-      cssCode: (m = (u = e.useContent) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
-      customFonts: (k = (b = e.useContent) == null ? void 0 : b.data) == null ? void 0 : k.customFonts
-    }, null, 8, ["contentId", "cssCode", "customFonts"])) : y("", !0),
-    (d(), _(l, {
-      blocks: (T = (S = e.useContent) == null ? void 0 : S.data) == null ? void 0 : T.blocks,
-      key: e.forceReRenderCount
-    }, null, 8, ["blocks"]))
-  ], 8, jn)) : y("", !0);
-}
-const Pn = /* @__PURE__ */ g(An, [["render", Vn]]), On = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Pn
-}, Symbol.toStringTag, { value: "Module" })), Z = {};
-function Mn(e) {
-  if (h()) {
-    Object.assign(Z, e);
-    const t = {
-      type: "builder.settingsChange",
-      data: Z
-    };
-    parent.postMessage(t, "*");
-  }
-}
-export {
-  O as B,
-  $e as C,
-  Ee as F,
-  Fe as I,
-  Qe as S,
-  A as T,
-  Pt as V,
-  g as _,
-  Fn as a,
-  ve as b,
-  $ as c,
-  Pn as d,
-  G as e,
-  N as f,
-  ke as g,
-  It as h,
-  Et as i,
-  v as j,
-  en as k,
-  ce as l,
-  Un as m,
-  tn as n,
-  kn as o,
-  le as p,
-  vt as q,
-  Ke as r,
-  Mn as s,
-  Wn as t,
-  ht as u,
-  ft as v,
-  gt as w,
-  ae as x
-};