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

package/vue2/lib/node/index-20a64e56.js

@@ -0,0 +1,1422 @@
+import { defineComponent as b } from "vue";
+function A(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 st = b({
+  name: "builder-button",
+  props: ["attributes", "text", "link", "openLinkInNewTab"],
+  data() {
+    return { filterAttrs: A };
+  },
+  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 g(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(c) {
+    c = c || // cached call
+    this.$vnode && this.$vnode.ssrContext || // stateful
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !c && typeof __VUE_SSR_CONTEXT__ < "u" && (c = __VUE_SSR_CONTEXT__), r && r.call(this, c), c && c._registeredComponents && c._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(m, l) {
+        return d.call(l), p(m, l);
+      };
+    } else {
+      var f = a.beforeCreate;
+      a.beforeCreate = f ? [].concat(f, d) : [d];
+    }
+  return {
+    exports: e,
+    options: a
+  };
+}
+var it = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, t.link ? n("a", t._g(t._b({ attrs: { role: "button", href: t.link, target: t.openLinkInNewTab ? "_blank" : void 0 } }, "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) + " ")]);
+}, at = [], ct = /* @__PURE__ */ g(
+  st,
+  it,
+  at,
+  !1,
+  null,
+  "d03c6eb1",
+  null,
+  null
+);
+const on = ct.exports, P = (e) => JSON.parse(JSON.stringify(e)), U = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, rn = (e, t = U) => `@media (max-width: ${t[e].max}px)`, lt = ({
+  small: e,
+  medium: t
+}) => {
+  const n = P(U);
+  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;
+}, w = "vue2", ut = () => Promise.resolve().then(() => ee).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Blocks at ../../components/blocks/blocks.vue",
+    e
+  ), e;
+}), dt = () => import("./inlined-styles-5f724636.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;
+}), mt = b({
+  name: "builder-columns",
+  components: { "inlined-styles": dt, blocks: ut },
+  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: w
+    };
+  },
+  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 lt(
+        ((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 pt = 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);
+}, ft = [], ht = /* @__PURE__ */ g(
+  mt,
+  pt,
+  ft,
+  !1,
+  null,
+  "c700504e",
+  null,
+  null
+);
+const sn = ht.exports, _t = b({
+  name: "builder-fragment-component",
+  props: []
+});
+var bt = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("span", [t._t("default")], 2);
+}, gt = [], yt = /* @__PURE__ */ g(
+  _t,
+  bt,
+  gt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const an = yt.exports;
+function B(e) {
+  return e.replace(/http(s)?:/, "");
+}
+function vt(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 St(e, t) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
+    return e;
+  if (t === "master")
+    return B(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 B(`${o[0]}_${s}${r}`);
+  }
+  return null;
+}
+function T(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) => `${vt(e, "width", r)} ${r}w`).concat([n]).join(", ");
+  }
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [St(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+}
+const kt = b({
+  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"), T(t);
+      } else if (this.image && !this.srcset)
+        return T(t);
+      return T(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 xt = 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);
+}, wt = [], Ct = /* @__PURE__ */ g(
+  kt,
+  xt,
+  wt,
+  !1,
+  null,
+  "29cdebee",
+  null,
+  null
+);
+const cn = Ct.exports, $t = b({
+  name: "builder-section-component",
+  props: ["attributes", "maxWidth"],
+  data() {
+    return { filterAttrs: A };
+  }
+});
+var Tt = 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);
+}, It = [], Rt = /* @__PURE__ */ g(
+  $t,
+  Tt,
+  It,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ln = Rt.exports, C = "[Builder.io]: ", v = {
+  log: (...e) => console.log(C, ...e),
+  error: (...e) => console.error(C, ...e),
+  warn: (...e) => console.warn(C, ...e),
+  debug: (...e) => console.debug(C, ...e)
+}, At = 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 E({
+      model: t.model,
+      apiKey: e.apiKey,
+      apiVersion: e.apiVersion,
+      ...(t == null ? void 0 : t.entry) && {
+        query: {
+          id: t.entry
+        }
+      }
+    }).catch((n) => {
+      v.error("Could not fetch symbol content: ", n);
+    });
+}, Pt = () => Promise.resolve().then(() => $e).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;
+}), Vt = b({
+  name: "builder-symbol",
+  components: { "content-variants": Pt },
+  props: [
+    "js",
+    "attributes",
+    "symbol",
+    "dynamic",
+    "builderContext",
+    "builderComponents"
+  ],
+  data() {
+    var e;
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: A };
+  },
+  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 || At({
+        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 Ot = 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);
+}, Et = [], Bt = /* @__PURE__ */ g(
+  Vt,
+  Ot,
+  Et,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const un = Bt.exports, jt = b({
+  name: "builder-text",
+  props: ["text"]
+});
+var Nt = function() {
+  var o;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("span", { staticClass: "builder-text", style: {
+    outline: "none"
+  }, domProps: { innerHTML: t._s(((o = t.text) == null ? void 0 : o.toString()) || "") } });
+}, Ft = [], Ut = /* @__PURE__ */ g(
+  jt,
+  Nt,
+  Ft,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const dn = Ut.exports, Lt = b({
+  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 Mt = 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));
+}, Wt = [], Kt = /* @__PURE__ */ g(
+  Lt,
+  Mt,
+  Wt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const mn = Kt.exports, zt = Symbol(), Gt = {
+  Builder: {
+    content: null,
+    context: {},
+    localState: void 0,
+    rootSetState() {
+    },
+    rootState: {},
+    apiKey: null,
+    apiVersion: void 0,
+    componentInfos: {},
+    inheritedStyles: {}
+  },
+  key: zt
+}, Dt = Symbol(), Ht = {
+  Components: { registeredComponents: {} },
+  key: Dt
+}, Jt = () => import("./block-styles-7b6133cb.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;
+}), Xt = () => import("./block-c120af6b.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Block at ../block/block.vue",
+    e
+  ), e;
+}), qt = () => import("./blocks-wrapper-9f1e75a3.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlocksWrapper at ./blocks-wrapper.vue",
+    e
+  ), e;
+}), Qt = b({
+  name: "builder-blocks",
+  components: {
+    "blocks-wrapper": qt,
+    block: Xt,
+    "block-styles": Jt
+  },
+  props: [
+    "blocks",
+    "parent",
+    "path",
+    "styleProp",
+    "context",
+    "registeredComponents"
+  ],
+  inject: {
+    builderContext: Gt.key,
+    componentsContext: Ht.key
+  }
+});
+var Yt = 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);
+}, Zt = [], te = /* @__PURE__ */ g(
+  Qt,
+  Yt,
+  Zt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const L = te.exports, ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: L
+}, Symbol.toStringTag, { value: "Module" }));
+function y() {
+  return typeof window < "u" && typeof document < "u";
+}
+const $ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), ne = ({
+  canTrack: e,
+  content: t
+}) => !(!($(t).length > 0) || !e);
+function oe(e, t, n) {
+  var i;
+  function o() {
+    function u(l, h, S) {
+      let k = "";
+      if (S) {
+        const _ = /* @__PURE__ */ new Date();
+        _.setTime(_.getTime() + S * 24 * 60 * 60 * 1e3), k = "; expires=" + _.toUTCString();
+      }
+      document.cookie = l + "=" + (h || "") + k + "; path=/; Secure; SameSite=None";
+    }
+    function a(l) {
+      const h = l + "=", S = document.cookie.split(";");
+      for (let k = 0; k < S.length; k++) {
+        let _ = S[k];
+        for (; _.charAt(0) === " "; )
+          _ = _.substring(1, _.length);
+        if (_.indexOf(h) === 0)
+          return _.substring(h.length, _.length);
+      }
+      return null;
+    }
+    const d = `builder.tests.${e}`, p = a(d), f = t.map((l) => l.id).concat(e);
+    if (p && f.includes(p))
+      return p;
+    let c = 0;
+    const m = Math.random();
+    for (let l = 0; l < t.length; l++) {
+      const h = t[l], S = h.testRatio;
+      if (c += S, m < c)
+        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 re(e, t, n) {
+  var a;
+  if (!navigator.cookieEnabled)
+    return;
+  function o(d) {
+    const p = d + "=", f = document.cookie.split(";");
+    for (let c = 0; c < f.length; c++) {
+      let m = f[c];
+      for (; m.charAt(0) === " "; )
+        m = m.substring(1, m.length);
+      if (m.indexOf(p) === 0)
+        return m.substring(p.length, m.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", M = se(w), W = "builderIoAbTest", K = "builderIoRenderContent", ie = () => {
+  const e = oe.toString().replace(/\s+/g, " "), t = re.toString().replace(/\s+/g, " ");
+  return `
+  window.${W} = ${e}
+  window.${K} = ${t}
+  `;
+}, ae = (e, t) => `
+  window.${W}("${t}",${JSON.stringify(e)}, ${M})`, pn = ({
+  contentId: e,
+  variationId: t
+}) => `
+  window.${K}("${t}", "${e}", ${M})`, x = (e) => e != null, I = (e) => x(e) ? e : !0, ce = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, z = ({
+  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) {
+    v.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    return;
+  }
+}, G = async (e) => z(e), le = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(x).join("; "), ue = [["secure", ""], ["SameSite", "None"]], de = ({
+  name: e,
+  value: t,
+  expires: n
+}) => {
+  const r = (y() ? location.protocol === "https:" : !0) ? ue : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", ce(window.location.hostname)], ...r];
+  return le(i);
+}, D = async ({
+  name: e,
+  value: t,
+  expires: n,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
+      return;
+    const r = de({
+      name: e,
+      value: t,
+      expires: n
+    });
+    document.cookie = r;
+  } catch (r) {
+    v.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+  }
+}, me = "builder.tests", V = (e) => `${me}.${e}`, pe = ({
+  contentId: e
+}) => G({
+  name: V(e),
+  canTrack: !0
+}), fe = ({
+  contentId: e
+}) => z({
+  name: V(e),
+  canTrack: !0
+}), he = ({
+  contentId: e,
+  value: t
+}) => D({
+  name: V(e),
+  value: t,
+  canTrack: !0
+}), H = (e) => x(e.id) && x(e.variations) && Object.keys(e.variations).length > 0, _e = ({
+  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;
+}, J = (e) => {
+  const t = _e(e);
+  return he({
+    contentId: e.id,
+    value: t
+  }).catch((n) => {
+    v.error("could not store A/B test variation: ", n);
+  }), t;
+}, X = ({
+  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 (!H(e))
+    return e;
+  const n = fe({
+    contentId: e.id
+  }) || J({
+    variations: e.variations,
+    id: e.id
+  }), o = X({
+    item: e,
+    testGroupId: n
+  });
+  return {
+    ...e,
+    ...o
+  };
+}, ge = async ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t || !H(e))
+    return e;
+  const o = await pe({
+    contentId: e.id
+  }) || J({
+    variations: e.variations,
+    id: e.id
+  }), r = X({
+    item: e,
+    testGroupId: o
+  });
+  return {
+    ...e,
+    ...r
+  };
+}, ye = () => import("./content-adf884f8.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component ContentComponent at ../content/content.vue",
+    e
+  ), e;
+}), ve = () => import("./inlined-styles-5f724636.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InlinedStyles at ../inlined-styles.vue",
+    e
+  ), e;
+}), Se = () => import("./inlined-script-dd1c2277.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
+    e
+  ), e;
+}), ke = b({
+  name: "content-variants",
+  components: {
+    "inlined-script": Se,
+    "inlined-styles": ve,
+    "content-component": ye
+  },
+  props: [
+    "canTrack",
+    "content",
+    "__isNestedRender",
+    "model",
+    "data",
+    "context",
+    "apiKey",
+    "apiVersion",
+    "customComponents",
+    "locale",
+    "includeRefs",
+    "enrich"
+  ],
+  data() {
+    return {
+      shouldRenderVariants: ne({
+        canTrack: I(this.canTrack),
+        content: this.content
+      }),
+      getScriptString: ie,
+      getVariants: $,
+      TARGET: w
+    };
+  },
+  mounted() {
+    this.shouldRenderVariants = !1;
+  },
+  computed: {
+    variantScriptStr() {
+      var e;
+      return ae(
+        $(this.content).map((t) => ({
+          id: t.testVariationId,
+          testRatio: t.testRatio
+        })),
+        ((e = this.content) == null ? void 0 : e.id) || ""
+      );
+    },
+    hideVariantsStyleString() {
+      return $(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: I(this.canTrack)
+      });
+    }
+  }
+});
+var xe = 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);
+}, we = [], Ce = /* @__PURE__ */ g(
+  ke,
+  xe,
+  we,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const q = Ce.exports, $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: q
+}, Symbol.toStringTag, { value: "Module" })), fn = L, hn = q;
+function Te() {
+  return y() && window.self !== window.top;
+}
+function Q() {
+  return Te() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+}
+function _n() {
+  return !y() || Q() ? !1 : location.search.indexOf("builder.preview=") !== -1;
+}
+const bn = [], gn = (e) => ({
+  type: "builder.registerComponent",
+  data: Ae(e)
+}), Ie = (e) => {
+  const t = e.toString().trim();
+  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
+}, Re = (e) => typeof e == "function" ? Ie(e) : P(e), Ae = ({
+  inputs: e,
+  ...t
+}) => ({
+  ...P(t),
+  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
+    ...o,
+    [r]: Re(s)
+  }), {}))
+}), j = {};
+function yn(e, t) {
+  let n = j[e];
+  if (n || (n = j[e] = []), n.push(t), y()) {
+    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 N = {};
+function vn(e) {
+  if (y()) {
+    Object.assign(N, e);
+    const t = {
+      type: "builder.settingsChange",
+      data: N
+    };
+    parent.postMessage(t, "*");
+  }
+}
+function Pe() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
+}
+function Ve() {
+  const e = Pe().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 = Ve();
+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 F = "builder.", Ee = "options.", Be = (e) => {
+  const t = {};
+  return e.forEach((n, o) => {
+    t[o] = n;
+  }), t;
+}, Y = (e) => {
+  if (!e)
+    return {};
+  const t = Z(e), n = {};
+  return Object.keys(t).forEach((o) => {
+    if (o.startsWith(F)) {
+      const r = o.replace(F, "").replace(Ee, "");
+      n[r] = t[o];
+    }
+  }), n;
+}, je = () => {
+  if (!y())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return Y(e);
+}, Z = (e) => e instanceof URLSearchParams ? Be(e) : e, Ne = "v3", O = (e) => {
+  const {
+    limit: t = 30,
+    userAttributes: n,
+    query: o,
+    noTraverse: r = !1,
+    model: s,
+    apiKey: i,
+    includeRefs: u = !0,
+    enrich: a,
+    locale: d,
+    apiVersion: p = Ne
+  } = 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}'`);
+  const f = new URL(`https://cdn.builder.io/api/${p}/content/${s}?apiKey=${i}&limit=${t}&noTraverse=${r}&includeRefs=${u}${d ? `&locale=${d}` : ""}${a ? `&enrich=${a}` : ""}`), c = {
+    ...je(),
+    ...Z(e.options || {})
+  }, m = R(c);
+  for (const l in m)
+    f.searchParams.set(l, String(m[l]));
+  if (n && f.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const l = R({
+      query: o
+    });
+    for (const h in l)
+      f.searchParams.set(h, JSON.stringify(l[h]));
+  }
+  return f;
+}, Fe = (e) => "results" in e;
+async function E(e) {
+  const t = await tt({
+    ...e,
+    limit: 1
+  });
+  return t && t.results[0] || null;
+}
+const Sn = E, Ue = async (e) => {
+  const t = O(e);
+  return await (await Oe(t.href)).json();
+}, Le = async (e, t, n = O(e)) => {
+  const o = I(e.canTrack);
+  if (n.search.includes("preview="), !o || !(y() || w === "reactNative"))
+    return t;
+  try {
+    const r = [];
+    for (const s of t.results)
+      r.push(await ge({
+        item: s,
+        canTrack: o
+      }));
+    t.results = r;
+  } catch (r) {
+    v.error("Could not process A/B tests. ", r);
+  }
+  return t;
+};
+async function tt(e) {
+  try {
+    const t = O(e), n = await Ue(e);
+    return Fe(n) ? Le(e, n) : (v.error("Error fetching data. ", {
+      url: t,
+      content: n,
+      options: e
+    }), null);
+  } catch (t) {
+    return v.error("Error fetching data. ", t), null;
+  }
+}
+const kn = tt;
+function Me() {
+  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 et() {
+  return Me().replace(/-/g, "");
+}
+const nt = "builderSessionId", We = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = await G({
+    name: nt,
+    canTrack: e
+  });
+  if (x(t))
+    return t;
+  {
+    const n = Ke();
+    return ze({
+      id: n,
+      canTrack: e
+    }), n;
+  }
+}, Ke = () => et(), ze = ({
+  id: e,
+  canTrack: t
+}) => D({
+  name: nt,
+  value: e,
+  canTrack: t
+}), ot = () => y() && typeof localStorage < "u" ? localStorage : void 0, Ge = ({
+  key: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = ot()) == null ? void 0 : n.getItem(e) : void 0;
+  } catch (o) {
+    console.debug("[LocalStorage] GET error: ", o);
+    return;
+  }
+}, De = ({
+  key: e,
+  canTrack: t,
+  value: n
+}) => {
+  var o;
+  try {
+    t && ((o = ot()) == null || o.setItem(e, n));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
+  }
+}, rt = "builderVisitorId", He = ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = Ge({
+    key: rt,
+    canTrack: e
+  });
+  if (x(t))
+    return t;
+  {
+    const n = Je();
+    return Xe({
+      id: n,
+      canTrack: e
+    }), n;
+  }
+}, Je = () => et(), Xe = ({
+  id: e,
+  canTrack: t
+}) => De({
+  key: rt,
+  value: e,
+  canTrack: t
+}), qe = () => {
+  if (y()) {
+    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;
+}, Qe = () => typeof navigator == "object" && navigator.userAgent || "", Ye = () => {
+  const e = Qe(), 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() || w === "reactNative";
+    }
+  }, n = e.match(/Tablet|iPad/i), o = qe();
+  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"
+  };
+}, Ze = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const t = await We({
+    canTrack: e
+  }), n = He({
+    canTrack: e
+  });
+  return {
+    sessionId: t,
+    visitorId: n
+  };
+}, tn = async ({
+  type: e,
+  canTrack: t,
+  apiKey: n,
+  metadata: o,
+  ...r
+}) => ({
+  type: e,
+  data: {
+    ...r,
+    metadata: {
+      url: location.href,
+      ...o
+    },
+    ...await Ze({
+      canTrack: t
+    }),
+    userAttributes: Ye(),
+    ownerId: n
+  }
+});
+async function en(e) {
+  if (!e.apiKey) {
+    v.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (e.canTrack && !Q() && (y() || w === "reactNative"))
+    return fetch("https://cdn.builder.io/api/v1/track", {
+      method: "POST",
+      body: JSON.stringify({
+        events: [await tn(e)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((t) => {
+      console.error("Failed to track: ", t);
+    });
+}
+const xn = (e) => en({
+  ...e,
+  canTrack: !0
+}), wn = 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: Y(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
+  };
+  return {
+    apiKey: n.apiKey,
+    model: n.model,
+    content: await E(n)
+  };
+};
+export {
+  tt as A,
+  on as B,
+  sn as C,
+  kn as D,
+  Sn as E,
+  an as F,
+  Le as G,
+  Y as H,
+  cn as I,
+  xn as J,
+  wn as K,
+  ee as L,
+  fn as R,
+  ln as S,
+  w as T,
+  mn as V,
+  en as _,
+  rn as a,
+  A as b,
+  x as c,
+  un as d,
+  dn as e,
+  P as f,
+  lt as g,
+  pn as h,
+  Q as i,
+  bn as j,
+  Ht as k,
+  Gt as l,
+  y as m,
+  g as n,
+  v as o,
+  gn as p,
+  _n as q,
+  yn as r,
+  Ae as s,
+  E as t,
+  Oe as u,
+  Ye as v,
+  L as w,
+  q as x,
+  hn as y,
+  vn as z
+};