@builder.io/sdk-vue 0.7.1 → 0.7.2

package/vue2/lib/edge/index-4cf9f60c.js

@@ -0,0 +1,1441 @@
+import { defineComponent as g } from "vue";
+function O(e = {}, t, n) {
+  const o = {};
+  for (const r in e) {
+    if (!e[r] || n && !r.startsWith(t))
+      continue;
+    const s = n ? r.replace(t, "") : r;
+    o[s] = e[r];
+  }
+  return o;
+}
+const ut = g({
+  name: "builder-button",
+  props: ["attributes", "text", "link", "openLinkInNewTab"],
+  data() {
+    return { filterAttrs: O };
+  },
+  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;
+    }
+  }
+});
+function y(e, t, n, o, r, s, i, u) {
+  var a = typeof e == "function" ? e.options : e;
+  t && (a.render = t, a.staticRenderFns = n, a._compiled = !0), o && (a.functional = !0), s && (a._scopeId = "data-v-" + s);
+  var d;
+  if (i ? (d = function(l) {
+    l = l || // cached call
+    this.$vnode && this.$vnode.ssrContext || // stateful
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !l && typeof __VUE_SSR_CONTEXT__ < "u" && (l = __VUE_SSR_CONTEXT__), r && r.call(this, l), l && l._registeredComponents && l._registeredComponents.add(i);
+  }, a._ssrRegister = d) : r && (d = u ? function() {
+    r.call(
+      this,
+      (a.functional ? this.parent : this).$root.$options.shadowRoot
+    );
+  } : r), d)
+    if (a.functional) {
+      a._injectStyles = d;
+      var p = a.render;
+      a.render = function(f, m) {
+        return d.call(m), p(f, m);
+      };
+    } else {
+      var b = a.beforeCreate;
+      a.beforeCreate = b ? [].concat(b, d) : [d];
+    }
+  return {
+    exports: e,
+    options: a
+  };
+}
+var dt = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, t.link ? n("a", t._g(t._b({ attrs: { href: t.link, target: t.openLinkInNewTab ? "_blank" : void 0, role: "button" } }, "a", t.filterAttrs(t.attributes, "v-on:", !1), !1), t.filterAttrs(t.attributes, "v-on:", !0)), [t._v(" " + t._s(t.text) + " ")]) : n("button", t._g(t._b({ class: t._classStringToObject(t.attributes.class + " button-2fnk003dqad"), style: t.attributes.style }, "button", t.filterAttrs(t.attributes, "v-on:", !1), !1), t.filterAttrs(t.attributes, "v-on:", !0)), [t._v(" " + t._s(t.text) + " ")]);
+}, mt = [], ft = /* @__PURE__ */ y(
+  ut,
+  dt,
+  mt,
+  !1,
+  null,
+  "ab46b8bd",
+  null,
+  null
+);
+const ln = ft.exports, V = (e) => JSON.parse(JSON.stringify(e)), K = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, un = (e, t = K) => `@media (max-width: ${t[e].max}px)`, pt = ({
+  small: e,
+  medium: t
+}) => {
+  const n = V(K);
+  if (!e || !t)
+    return n;
+  const o = Math.floor(e / 2);
+  n.small = {
+    max: e,
+    min: o,
+    default: o + 1
+  };
+  const r = n.small.max + 1;
+  n.medium = {
+    max: t,
+    min: r,
+    default: r + 1
+  };
+  const s = n.medium.max + 1;
+  return n.large = {
+    max: 2e3,
+    // TODO: decide upper limit
+    min: s,
+    default: s + 1
+  }, n;
+}, C = "vue2", ht = () => Promise.resolve().then(() => ie).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Blocks at ../../components/blocks/blocks.vue",
+    e
+  ), e;
+}), bt = () => import("./inlined-styles-8c6cdbc5.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InlinedStyles at ../../components/inlined-styles.vue",
+    e
+  ), e;
+}), _t = g({
+  name: "builder-columns",
+  components: { "inlined-styles": bt, blocks: ht },
+  props: [
+    "js",
+    "space",
+    "columns",
+    "stackColumnsAt",
+    "reverseColumnsWhenStacked",
+    "builderContext",
+    "builderBlock",
+    "builderComponents"
+  ],
+  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: C
+    };
+  },
+  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`, r = "100%", s = 0;
+      return {
+        width: n,
+        ["margin-left"]: o,
+        "--column-width-mobile": this.getMobileStyle({
+          stackedStyle: r,
+          desktopStyle: n
+        }),
+        "--column-margin-left-mobile": this.getMobileStyle({
+          stackedStyle: s,
+          desktopStyle: o
+        }),
+        "--column-width-tablet": this.getTabletStyle({
+          stackedStyle: r,
+          desktopStyle: n
+        }),
+        "--column-margin-left-tablet": this.getTabletStyle({
+          stackedStyle: s,
+          desktopStyle: o
+        })
+      };
+    },
+    getWidthForBreakpointSize(e) {
+      var n, o;
+      return pt(
+        ((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;
+    }
+  }
+});
+var gt = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", t._b({ class: t._classStringToObject(
+    `builder-columns ${t.builderBlock.id}-breakpoints div-t9spj7joih`
+  ), style: t.columnsCssVars }, "div", {}, !1), [t.TARGET !== "reactNative" ? [n("inlined-styles", { attrs: { styles: t.columnsStyles } })] : t._e(), t._l(t.columns, function(o, r) {
+    return n("div", t._b({ key: r, staticClass: "builder-column div-t9spj7joih-2", style: t.columnCssVars(r) }, "div", {}, !1), [n("blocks", { attrs: { path: `component.options.columns.${r}.blocks`, parent: t.builderBlock.id, styleProp: {
+      flexGrow: "1"
+    }, context: t.builderContext, registeredComponents: t.builderComponents, blocks: o.blocks } })], 1);
+  })], 2);
+}, yt = [], vt = /* @__PURE__ */ y(
+  _t,
+  gt,
+  yt,
+  !1,
+  null,
+  "bd1575ca",
+  null,
+  null
+);
+const dn = vt.exports, St = g({
+  name: "builder-fragment-component",
+  props: []
+});
+var kt = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("span", [t._t("default")], 2);
+}, xt = [], wt = /* @__PURE__ */ y(
+  St,
+  kt,
+  xt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const mn = wt.exports;
+function F(e) {
+  return e.replace(/http(s)?:/, "");
+}
+function Ct(e = "", t, n) {
+  const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
+}
+function $t(e, t) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
+    return e;
+  if (t === "master")
+    return F(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]), r = n[3], s = t.match("x") ? t : `${t}x`;
+    return F(`${o[0]}_${s}${r}`);
+  }
+  return null;
+}
+function P(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((r) => r !== o).map((r) => `${Ct(e, "width", r)} ${r}w`).concat([n]).join(", ");
+  }
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [$t(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+}
+const Tt = g({
+  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 || // We can auto add srcset for cdn.builder.io and shopify
+      // images, otherwise you can supply this prop manually
+      !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
+        return this.srcset;
+      if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
+        if (!this.srcset.includes(this.image.split("?")[0]))
+          return console.debug("Removed given srcset"), P(t);
+      } else if (this.image && !this.srcset)
+        return P(t);
+      return P(t);
+    },
+    webpSrcSet() {
+      var e;
+      return (e = this.srcSetToUse) != null && 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;
+    }
+  }
+});
+var It = function() {
+  var o, r, s, i;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", [n("picture", [t.webpSrcSet ? [n("source", { attrs: { type: "image/webp", srcset: t.webpSrcSet } })] : t._e(), n("img", { class: t._classStringToObject(
+    "builder-image" + (t.className ? " " + t.className : "") + " img-1pl23ac79ld"
+  ), style: {
+    objectPosition: t.backgroundPosition || "center",
+    objectFit: t.backgroundSize || "cover",
+    ...t.aspectRatioCss
+  }, attrs: { loading: "lazy", alt: t.altText, role: t.altText ? "presentation" : void 0, src: t.image, srcset: t.srcSetToUse, sizes: t.sizes } })], 2), t.aspectRatio && !((r = (o = t.builderBlock) == null ? void 0 : o.children) != null && r.length && t.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-1pl23ac79ld", style: {
+    paddingTop: t.aspectRatio * 100 + "%"
+  } })] : t._e(), (i = (s = t.builderBlock) == null ? void 0 : s.children) != null && i.length && t.fitContent ? [t._t("default")] : t._e(), !t.fitContent && t.$slots.default ? [n("div", { staticClass: "div-1pl23ac79ld-2" }, [t._t("default")], 2)] : t._e()], 2);
+}, Rt = [], Pt = /* @__PURE__ */ y(
+  Tt,
+  It,
+  Rt,
+  !1,
+  null,
+  "aae97bc7",
+  null,
+  null
+);
+const fn = Pt.exports, At = g({
+  name: "builder-section-component",
+  props: ["attributes", "maxWidth"],
+  data() {
+    return { filterAttrs: O };
+  }
+});
+var Ot = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("section", t._g(t._b({ style: {
+    width: "100%",
+    alignSelf: "stretch",
+    flexGrow: 1,
+    boxSizing: "border-box",
+    maxWidth: t.maxWidth || 1200,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch",
+    marginLeft: "auto",
+    marginRight: "auto"
+  } }, "section", t.filterAttrs(t.attributes, "v-on:", !1), !1), t.filterAttrs(t.attributes, "v-on:", !0)), [t._t("default")], 2);
+}, Vt = [], Et = /* @__PURE__ */ y(
+  At,
+  Ot,
+  Vt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const pn = Et.exports, T = "[Builder.io]: ", x = {
+  log: (...e) => console.log(T, ...e),
+  error: (...e) => console.error(T, ...e),
+  warn: (...e) => console.warn(T, ...e),
+  debug: (...e) => console.debug(T, ...e)
+}, Nt = async ({
+  builderContextValue: e,
+  symbol: t
+}) => {
+  if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
+  (e != null && e.apiKey))
+    return B({
+      model: t.model,
+      apiKey: e.apiKey,
+      apiVersion: e.apiVersion,
+      ...(t == null ? void 0 : t.entry) && {
+        query: {
+          id: t.entry
+        }
+      }
+    }).catch((n) => {
+      x.error("Could not fetch symbol content: ", n);
+    });
+}, Bt = () => Promise.resolve().then(() => Ae).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component ContentVariants at ../../components/content-variants/content-variants.vue",
+    e
+  ), e;
+}), jt = g({
+  name: "builder-symbol",
+  components: { "content-variants": Bt },
+  props: [
+    "js",
+    "attributes",
+    "symbol",
+    "dynamic",
+    "builderContext",
+    "builderComponents"
+  ],
+  data() {
+    var e;
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: O };
+  },
+  mounted() {
+    this.setContent();
+  },
+  watch: {
+    onUpdateHook0: {
+      handler() {
+        this.setContent();
+      },
+      immediate: !0
+    }
+  },
+  computed: {
+    className() {
+      var e, t;
+      return [
+        ...Object.keys(this.attributes.class),
+        "builder-symbol",
+        (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
+        (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
+      ].filter(Boolean).join(" ");
+    },
+    onUpdateHook0() {
+      return {
+        0: this.symbol
+      };
+    }
+  },
+  methods: {
+    setContent() {
+      this.contentToUse || Nt({
+        symbol: this.symbol,
+        builderContextValue: this.builderContext
+      }).then((e) => {
+        e && (this.contentToUse = e);
+      });
+    },
+    _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;
+    }
+  }
+});
+var Ft = function() {
+  var o, r, s, i;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", t._g(t._b({ class: t._classStringToObject(t.className) }, "div", { ...t.filterAttrs(t.attributes, "v-on:", !1) }, !1), t.filterAttrs(t.attributes, "v-on:", !0)), [n("content-variants", { attrs: { __isNestedRender: !0, apiVersion: t.builderContext.apiVersion, apiKey: t.builderContext.apiKey, context: t.builderContext.context, customComponents: Object.values(t.builderComponents), data: {
+    ...(o = t.symbol) == null ? void 0 : o.data,
+    ...t.builderContext.localState,
+    ...(s = (r = t.contentToUse) == null ? void 0 : r.data) == null ? void 0 : s.state
+  }, model: (i = t.symbol) == null ? void 0 : i.model, content: t.contentToUse } })], 1);
+}, Ut = [], Mt = /* @__PURE__ */ y(
+  jt,
+  Ft,
+  Ut,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const hn = Mt.exports, Lt = g({
+  name: "builder-text",
+  props: ["text"]
+});
+var Wt = function() {
+  var o;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", { staticClass: "builder-text", style: {
+    outline: "none"
+  }, domProps: { innerHTML: t._s(((o = t.text) == null ? void 0 : o.toString()) || "") } });
+}, Kt = [], zt = /* @__PURE__ */ y(
+  Lt,
+  Wt,
+  Kt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const bn = zt.exports, Gt = g({
+  name: "builder-video",
+  props: [
+    "autoPlay",
+    "muted",
+    "controls",
+    "loop",
+    "playsInline",
+    "attributes",
+    "preload",
+    "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
+      };
+    }
+  }
+});
+var Dt = function() {
+  var o;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("video", t._b({ style: {
+    width: "100%",
+    height: "100%",
+    ...(o = t.attributes) == null ? void 0 : o.style,
+    objectFit: t.fit,
+    objectPosition: t.position,
+    // Hack to get object fit to work as expected and
+    // not have the video overflow
+    borderRadius: 1
+  }, attrs: { preload: t.preload || "metadata", src: t.video || "no-src", poster: t.posterImage } }, "video", t.spreadProps, !1));
+}, Ht = [], Jt = /* @__PURE__ */ y(
+  Gt,
+  Dt,
+  Ht,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const _n = Jt.exports, Xt = Symbol(), qt = {
+  Builder: {
+    content: null,
+    context: {},
+    localState: void 0,
+    rootSetState() {
+    },
+    rootState: {},
+    apiKey: null,
+    apiVersion: void 0,
+    componentInfos: {},
+    inheritedStyles: {}
+  },
+  key: Xt
+}, Qt = Symbol(), Yt = {
+  Components: { registeredComponents: {} },
+  key: Qt
+}, Zt = () => import("./block-88cc78c4.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Block at ../block/block.vue",
+    e
+  ), e;
+}), te = () => import("./block-styles-9140aecf.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ../block/components/block-styles.vue",
+    e
+  ), e;
+}), ee = () => import("./blocks-wrapper-dcd7b27a.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlocksWrapper at ./blocks-wrapper.vue",
+    e
+  ), e;
+}), ne = g({
+  name: "builder-blocks",
+  components: {
+    "blocks-wrapper": ee,
+    block: Zt,
+    "block-styles": te
+  },
+  props: [
+    "blocks",
+    "parent",
+    "path",
+    "styleProp",
+    "context",
+    "registeredComponents"
+  ],
+  inject: {
+    builderContext: qt.key,
+    componentsContext: Yt.key
+  }
+});
+var oe = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("blocks-wrapper", { attrs: { blocks: t.blocks, parent: t.parent, path: t.path, styleProp: t.styleProp } }, [t.blocks ? t._l(t.blocks, function(o, r) {
+    return n("block", { key: "render-block-" + o.id, attrs: { block: o, context: t.context || t.builderContext, registeredComponents: t.registeredComponents || t.componentsContext.registeredComponents } });
+  }) : t._e(), t.blocks ? t._l(t.blocks, function(o, r) {
+    return n("block-styles", { key: "block-style-" + o.id, attrs: { block: o, context: t.context || t.builderContext } });
+  }) : t._e()], 2);
+}, re = [], se = /* @__PURE__ */ y(
+  ne,
+  oe,
+  re,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const z = se.exports, ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: z
+}, Symbol.toStringTag, { value: "Module" })), w = (e) => e != null;
+function v() {
+  return typeof window < "u" && typeof document < "u";
+}
+const ae = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, G = ({
+  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) {
+    x.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    return;
+  }
+}, D = async (e) => G(e), ce = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(w).join("; "), le = [["secure", ""], ["SameSite", "None"]], ue = ({
+  name: e,
+  value: t,
+  expires: n
+}) => {
+  const r = (v() ? location.protocol === "https:" : !0) ? le : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", ae(window.location.hostname)], ...r];
+  return ce(i);
+}, H = async ({
+  name: e,
+  value: t,
+  expires: n,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
+      return;
+    const r = ue({
+      name: e,
+      value: t,
+      expires: n
+    });
+    document.cookie = r;
+  } catch (r) {
+    x.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+  }
+}, de = "builder.tests", E = (e) => `${de}.${e}`, me = ({
+  contentId: e
+}) => D({
+  name: E(e),
+  canTrack: !0
+}), fe = ({
+  contentId: e
+}) => G({
+  name: E(e),
+  canTrack: !0
+}), pe = ({
+  contentId: e,
+  value: t
+}) => H({
+  name: E(e),
+  value: t,
+  canTrack: !0
+}), J = (e) => w(e.id) && w(e.variations) && Object.keys(e.variations).length > 0, he = ({
+  id: e,
+  variations: t
+}) => {
+  var r;
+  let n = 0;
+  const o = Math.random();
+  for (const s in t) {
+    const i = (r = t[s]) == null ? void 0 : r.testRatio;
+    if (n += i, o < n)
+      return s;
+  }
+  return e;
+}, X = (e) => {
+  const t = he(e);
+  return pe({
+    contentId: e.id,
+    value: t
+  }).catch((n) => {
+    x.error("could not store A/B test variation: ", n);
+  }), t;
+}, q = ({
+  item: e,
+  testGroupId: t
+}) => {
+  const n = e.variations[t];
+  return t === e.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !n ? {
+    testVariationId: e.id,
+    testVariationName: "Default"
+  } : {
+    data: n.data,
+    testVariationId: n.id,
+    testVariationName: n.name || (n.id === e.id ? "Default" : "")
+  };
+}, be = ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t)
+    return e;
+  if (!e)
+    return;
+  if (!J(e))
+    return e;
+  const n = fe({
+    contentId: e.id
+  }) || X({
+    variations: e.variations,
+    id: e.id
+  }), o = q({
+    item: e,
+    testGroupId: n
+  });
+  return {
+    ...e,
+    ...o
+  };
+}, _e = async ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t || !J(e))
+    return e;
+  const o = await me({
+    contentId: e.id
+  }) || X({
+    variations: e.variations,
+    id: e.id
+  }), r = q({
+    item: e,
+    testGroupId: o
+  });
+  return {
+    ...e,
+    ...r
+  };
+}, A = (e) => w(e) ? e : !0, I = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), ge = ({
+  canTrack: e,
+  content: t
+}) => !(!(I(t).length > 0) || !e);
+function ye(e, t, n) {
+  var i;
+  function o() {
+    function u(m, h, _) {
+      let S = "";
+      if (_) {
+        const c = /* @__PURE__ */ new Date();
+        c.setTime(c.getTime() + _ * 24 * 60 * 60 * 1e3), S = "; expires=" + c.toUTCString();
+      }
+      document.cookie = m + "=" + (h || "") + S + "; path=/; Secure; SameSite=None";
+    }
+    function a(m) {
+      const h = m + "=", _ = document.cookie.split(";");
+      for (let S = 0; S < _.length; S++) {
+        let c = _[S];
+        for (; c.charAt(0) === " "; )
+          c = c.substring(1, c.length);
+        if (c.indexOf(h) === 0)
+          return c.substring(h.length, c.length);
+      }
+      return null;
+    }
+    const d = `builder.tests.${e}`, p = a(d), b = t.map((m) => m.id).concat(e);
+    if (p && b.includes(p))
+      return p;
+    let l = 0;
+    const f = Math.random();
+    for (let m = 0; m < t.length; m++) {
+      const h = t[m], _ = h.testRatio;
+      if (l += _, f < l)
+        return u(d, h.id), h.id;
+    }
+    return u(d, e), e;
+  }
+  const r = o(), s = (i = document.currentScript) == null ? void 0 : i.previousElementSibling;
+  if (n) {
+    s.remove();
+    const u = document.currentScript;
+    u == null || u.remove();
+  } else {
+    const u = t.concat({
+      id: e
+    }).filter((a) => a.id !== r).map((a) => `.variant-${a.id} {  display: none; }
+        `).join("");
+    s.innerHTML = u;
+  }
+}
+function ve(e, t, n) {
+  var a;
+  if (!navigator.cookieEnabled)
+    return;
+  function o(d) {
+    const p = d + "=", b = document.cookie.split(";");
+    for (let l = 0; l < b.length; l++) {
+      let f = b[l];
+      for (; f.charAt(0) === " "; )
+        f = f.substring(1, f.length);
+      if (f.indexOf(p) === 0)
+        return f.substring(p.length, f.length);
+    }
+    return null;
+  }
+  const r = `builder.tests.${t}`, s = o(r), i = (a = document.currentScript) == null ? void 0 : a.parentElement, u = e === t;
+  if (s === e) {
+    if (u)
+      return;
+    i == null || i.removeAttribute("hidden"), i == null || i.removeAttribute("aria-hidden");
+  } else {
+    u && (n ? i == null || i.remove() : (i == null || i.setAttribute("hidden", "true"), i == null || i.setAttribute("aria-hidden", "true")));
+    return;
+  }
+}
+const Se = (e) => e === "react" || e === "reactNative", Q = Se(C), Y = "builderIoAbTest", Z = "builderIoRenderContent", ke = () => {
+  const e = ye.toString().replace(/\s+/g, " "), t = ve.toString().replace(/\s+/g, " ");
+  return `
+  window.${Y} = ${e}
+  window.${Z} = ${t}
+  `;
+}, xe = (e, t) => `
+  window.${Y}("${t}",${JSON.stringify(e)}, ${Q})`, gn = ({
+  contentId: e,
+  variationId: t
+}) => `
+  window.${Z}("${t}", "${e}", ${Q})`, we = () => import("./content-ad722031.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component ContentComponent at ../content/content.vue",
+    e
+  ), e;
+}), Ce = () => import("./inlined-script-58b1138d.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
+    e
+  ), e;
+}), $e = () => import("./inlined-styles-8c6cdbc5.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InlinedStyles at ../inlined-styles.vue",
+    e
+  ), e;
+}), Te = g({
+  name: "content-variants",
+  components: {
+    "inlined-script": Ce,
+    "inlined-styles": $e,
+    "content-component": we
+  },
+  props: [
+    "canTrack",
+    "content",
+    "__isNestedRender",
+    "model",
+    "data",
+    "context",
+    "apiKey",
+    "apiVersion",
+    "customComponents",
+    "locale",
+    "includeRefs",
+    "enrich"
+  ],
+  data() {
+    return {
+      shouldRenderVariants: ge({
+        canTrack: A(this.canTrack),
+        content: this.content
+      }),
+      TARGET: C,
+      getScriptString: ke,
+      getVariants: I
+    };
+  },
+  mounted() {
+    this.shouldRenderVariants = !1;
+  },
+  computed: {
+    variantScriptStr() {
+      var e;
+      return xe(
+        I(this.content).map((t) => ({
+          id: t.testVariationId,
+          testRatio: t.testRatio
+        })),
+        ((e = this.content) == null ? void 0 : e.id) || ""
+      );
+    },
+    hideVariantsStyleString() {
+      return I(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+    },
+    defaultContent() {
+      var e;
+      return this.shouldRenderVariants ? {
+        ...this.content,
+        testVariationId: (e = this.content) == null ? void 0 : e.id
+      } : be({
+        item: this.content,
+        canTrack: A(this.canTrack)
+      });
+    }
+  }
+});
+var Ie = function() {
+  var o, r;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", [!t.__isNestedRender && t.TARGET !== "reactNative" ? [n("inlined-script", { attrs: { scriptStr: t.getScriptString() } })] : t._e(), t.shouldRenderVariants ? [n("inlined-styles", { attrs: { id: `variants-styles-${(o = t.content) == null ? void 0 : o.id}`, styles: t.hideVariantsStyleString } }), n("inlined-script", { attrs: { scriptStr: t.variantScriptStr } }), t._l(t.getVariants(t.content), function(s, i) {
+    return n("content-component", { key: s.testVariationId, attrs: { content: s, showContent: !1, classNameProp: void 0, model: t.model, data: t.data, context: t.context, apiKey: t.apiKey, apiVersion: t.apiVersion, customComponents: t.customComponents, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, isSsrAbTest: t.shouldRenderVariants } });
+  })] : t._e(), n("content-component", t._b({ attrs: { content: t.defaultContent, classNameProp: `variant-${(r = t.content) == null ? void 0 : r.id}`, showContent: !0, model: t.model, data: t.data, context: t.context, apiKey: t.apiKey, apiVersion: t.apiVersion, customComponents: t.customComponents, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, isSsrAbTest: t.shouldRenderVariants } }, "content-component", {
+    key: t.shouldRenderVariants.toString()
+  }, !1))], 2);
+}, Re = [], Pe = /* @__PURE__ */ y(
+  Te,
+  Ie,
+  Re,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const tt = Pe.exports, Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: tt
+}, Symbol.toStringTag, { value: "Module" })), yn = z, vn = tt;
+function Oe() {
+  return v() && window.self !== window.top;
+}
+function et() {
+  return Oe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+}
+function Sn() {
+  return !v() || et() ? !1 : location.search.indexOf("builder.preview=") !== -1;
+}
+const kn = [], xn = (e) => ({
+  type: "builder.registerComponent",
+  data: Ne(e)
+}), Ve = (e) => {
+  const t = e.toString().trim();
+  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
+}, Ee = (e) => typeof e == "function" ? Ve(e) : V(e), Ne = ({
+  inputs: e,
+  ...t
+}) => ({
+  ...V(t),
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
+    ...o,
+    [r]: Ee(s)
+  }), {}))
+}), U = {};
+function wn(e, t) {
+  let n = U[e];
+  if (n || (n = U[e] = []), n.push(t), v()) {
+    const o = {
+      type: "builder.register",
+      data: {
+        type: e,
+        info: t
+      }
+    };
+    try {
+      parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
+    } catch (r) {
+      console.debug("Could not postmessage", r);
+    }
+  }
+}
+const M = {};
+function Cn(e) {
+  if (v()) {
+    Object.assign(M, e);
+    const t = {
+      type: "builder.settingsChange",
+      data: M
+    };
+    parent.postMessage(t, "*");
+  }
+}
+function Be() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
+}
+function je() {
+  const e = Be().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 Fe = je();
+function R(e, t = null, n = ".") {
+  return Object.keys(e).reduce((o, r) => {
+    const s = e[r], i = [t, r].filter(Boolean).join(n);
+    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
+      ...o,
+      ...R(s, i, n)
+    } : {
+      ...o,
+      [i]: s
+    };
+  }, {});
+}
+const Ue = "v3", L = "builder.", Me = "options.", Le = (e) => {
+  const t = {};
+  return e.forEach((n, o) => {
+    t[o] = n;
+  }), t;
+}, nt = (e) => {
+  if (!e)
+    return {};
+  const t = ot(e), n = {};
+  return Object.keys(t).forEach((o) => {
+    if (o.startsWith(L)) {
+      const r = o.replace(L, "").replace(Me, "");
+      n[r] = t[o];
+    }
+  }), n;
+}, We = () => {
+  if (!v())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return nt(e);
+}, ot = (e) => e instanceof URLSearchParams ? Le(e) : e, W = (e) => typeof e == "number" && !isNaN(e) && e >= 0, N = (e) => {
+  let {
+    noTraverse: t = !1
+  } = e;
+  const {
+    limit: n = 30,
+    userAttributes: o,
+    query: r,
+    model: s,
+    apiKey: i,
+    includeRefs: u = !0,
+    enrich: a,
+    locale: d,
+    apiVersion: p = Ue,
+    fields: b,
+    omit: l,
+    offset: f,
+    cacheSeconds: m,
+    staleCacheSeconds: h,
+    sort: _,
+    includeUnpublished: S
+  } = e;
+  if (!i)
+    throw new Error("Missing API key");
+  if (!["v2", "v3"].includes(p))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${p}'`);
+  (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
+  const c = new URL(`https://cdn.builder.io/api/${p}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${u}${d ? `&locale=${d}` : ""}${a ? `&enrich=${a}` : ""}`);
+  if (c.searchParams.set("omit", l || "meta.componentsUsed"), b && c.searchParams.set("fields", b), Number.isFinite(f) && f > -1 && c.searchParams.set("offset", String(Math.floor(f))), typeof S == "boolean" && c.searchParams.set("includeUnpublished", String(S)), m && W(m) && c.searchParams.set("cacheSeconds", String(m)), h && W(h) && c.searchParams.set("staleCacheSeconds", String(h)), _) {
+    const k = R({
+      sort: _
+    });
+    for (const $ in k)
+      c.searchParams.set($, JSON.stringify(k[$]));
+  }
+  const lt = {
+    ...We(),
+    ...ot(e.options || {})
+  }, j = R(lt);
+  for (const k in j)
+    c.searchParams.set(k, String(j[k]));
+  if (o && c.searchParams.set("userAttributes", JSON.stringify(o)), r) {
+    const k = R({
+      query: r
+    });
+    for (const $ in k)
+      c.searchParams.set($, JSON.stringify(k[$]));
+  }
+  return c;
+}, Ke = (e) => "results" in e;
+async function B(e) {
+  const t = await rt({
+    ...e,
+    limit: 1
+  });
+  return t && t.results[0] || null;
+}
+const $n = B, ze = async (e) => {
+  const t = N(e);
+  return await (await Fe(t.href)).json();
+}, Ge = async (e, t, n = N(e)) => {
+  const o = A(e.canTrack);
+  if (n.search.includes("preview="), !o || !(v() || C === "reactNative"))
+    return t;
+  try {
+    const r = [];
+    for (const s of t.results)
+      r.push(await _e({
+        item: s,
+        canTrack: o
+      }));
+    t.results = r;
+  } catch (r) {
+    x.error("Could not process A/B tests. ", r);
+  }
+  return t;
+};
+async function rt(e) {
+  try {
+    const t = N(e), n = await ze(e);
+    return Ke(n) ? Ge(e, n) : (x.error("Error fetching data. ", {
+      url: t,
+      content: n,
+      options: e
+    }), null);
+  } catch (t) {
+    return x.error("Error fetching data. ", t), null;
+  }
+}
+const Tn = rt;
+function De() {
+  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 st() {
+  return De().replace(/-/g, "");
+}
+const it = "builderSessionId", He = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = await D({
+    name: it,
+    canTrack: e
+  });
+  if (w(t))
+    return t;
+  {
+    const n = Je();
+    return Xe({
+      id: n,
+      canTrack: e
+    }), n;
+  }
+}, Je = () => st(), Xe = ({
+  id: e,
+  canTrack: t
+}) => H({
+  name: it,
+  value: e,
+  canTrack: t
+}), at = () => v() && typeof localStorage < "u" ? localStorage : void 0, qe = ({
+  key: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = at()) == null ? void 0 : n.getItem(e) : void 0;
+  } catch (o) {
+    console.debug("[LocalStorage] GET error: ", o);
+    return;
+  }
+}, Qe = ({
+  key: e,
+  canTrack: t,
+  value: n
+}) => {
+  var o;
+  try {
+    t && ((o = at()) == null || o.setItem(e, n));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
+  }
+}, ct = "builderVisitorId", Ye = ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = qe({
+    key: ct,
+    canTrack: e
+  });
+  if (w(t))
+    return t;
+  {
+    const n = Ze();
+    return tn({
+      id: n,
+      canTrack: e
+    }), n;
+  }
+}, Ze = () => st(), tn = ({
+  id: e,
+  canTrack: t
+}) => Qe({
+  key: ct,
+  value: e,
+  canTrack: t
+}), en = () => {
+  if (v()) {
+    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;
+}, nn = () => typeof navigator == "object" && navigator.userAgent || "", on = () => {
+  const e = nn(), 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() || C === "reactNative";
+    }
+  }, n = e.match(/Tablet|iPad/i), o = en();
+  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"
+  };
+}, rn = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const t = await He({
+    canTrack: e
+  }), n = Ye({
+    canTrack: e
+  });
+  return {
+    sessionId: t,
+    visitorId: n
+  };
+}, sn = async ({
+  type: e,
+  canTrack: t,
+  apiKey: n,
+  metadata: o,
+  ...r
+}) => ({
+  type: e,
+  data: {
+    ...r,
+    metadata: {
+      url: location.href,
+      ...o
+    },
+    ...await rn({
+      canTrack: t
+    }),
+    userAttributes: on(),
+    ownerId: n
+  }
+});
+async function an(e) {
+  if (!e.apiKey) {
+    x.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (e.canTrack && !et() && (v() || C === "reactNative"))
+    return fetch("https://cdn.builder.io/api/v1/track", {
+      method: "POST",
+      body: JSON.stringify({
+        events: [await sn(e)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((t) => {
+      console.error("Failed to track: ", t);
+    });
+}
+const In = (e) => an({
+  ...e,
+  canTrack: !0
+}), Rn = async (e) => {
+  var o, r, s;
+  const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
+    ...e,
+    apiKey: e.apiKey,
+    model: e.model || "page",
+    userAttributes: {
+      ...e.userAttributes,
+      ...t ? {
+        urlPath: t
+      } : {}
+    },
+    options: nt(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+  };
+  return {
+    apiKey: n.apiKey,
+    model: n.model,
+    content: await B(n)
+  };
+};
+export {
+  Cn as A,
+  ln as B,
+  dn as C,
+  Ge as D,
+  rt as E,
+  mn as F,
+  Tn as G,
+  $n as H,
+  fn as I,
+  nt as J,
+  In as K,
+  Rn as L,
+  ie as M,
+  yn as R,
+  pn as S,
+  C as T,
+  _n as V,
+  an as _,
+  un as a,
+  O as b,
+  w as c,
+  hn as d,
+  bn as e,
+  V as f,
+  pt as g,
+  gn as h,
+  et as i,
+  kn as j,
+  Yt as k,
+  qt as l,
+  v as m,
+  y as n,
+  A as o,
+  Fe as p,
+  xn as q,
+  wn as r,
+  Ne as s,
+  B as t,
+  Sn as u,
+  x as v,
+  on as w,
+  z as x,
+  tt as y,
+  vn as z
+};