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

package/packages/_vue2/dist/index.e2db82e0.js

@@ -0,0 +1,1372 @@
+import { defineComponent as g } from "vue";
+const et = g({
+  name: "builder-button",
+  props: ["attributes", "text", "link", "openLinkInNewTab"],
+  methods: {
+    filterAttrs: function(t = {}, n) {
+      const r = "v-on:";
+      return Object.keys(t).filter((o) => {
+        if (!t[o])
+          return !1;
+        const s = o.startsWith(r);
+        return n ? s : !s;
+      }).reduce(
+        (o, s) => ({
+          ...o,
+          [s.replace(r, "")]: t[s]
+        }),
+        {}
+      );
+    },
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const r of n)
+        t[r] = !0;
+      return t;
+    }
+  }
+});
+function y(e, t, n, r, o, s, i, u) {
+  var a = typeof e == "function" ? e.options : e;
+  t && (a.render = t, a.staticRenderFns = n, a._compiled = !0), r && (a.functional = !0), s && (a._scopeId = "data-v-" + s);
+  var c;
+  if (i ? (c = function(l) {
+    l = l || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !l && typeof __VUE_SSR_CONTEXT__ < "u" && (l = __VUE_SSR_CONTEXT__), o && o.call(this, l), l && l._registeredComponents && l._registeredComponents.add(i);
+  }, a._ssrRegister = c) : o && (c = u ? function() {
+    o.call(
+      this,
+      (a.functional ? this.parent : this).$root.$options.shadowRoot
+    );
+  } : o), c)
+    if (a.functional) {
+      a._injectStyles = c;
+      var b = a.render;
+      a.render = function(m, d) {
+        return c.call(d), b(m, d);
+      };
+    } else {
+      var f = a.beforeCreate;
+      a.beforeCreate = f ? [].concat(f, c) : [c];
+    }
+  return {
+    exports: e,
+    options: a
+  };
+}
+var nt = 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, !1), !1), t.filterAttrs(t.attributes, !0)), [t._v(" " + t._s(t.text) + " ")]) : n("button", t._g(t._b({ class: t._classStringToObject(
+    t.attributes.class + " button-2fnk003dqad"
+  ) }, "button", t.filterAttrs(t.attributes, !1), !1), t.filterAttrs(t.attributes, !0)), [t._v(" " + t._s(t.text) + " ")]);
+}, rt = [], ot = /* @__PURE__ */ y(
+  et,
+  nt,
+  rt,
+  !1,
+  null,
+  "7e3d619b",
+  null,
+  null
+);
+const De = ot.exports, A = (e) => JSON.parse(JSON.stringify(e)), M = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, He = (e, t = M) => `@media (max-width: ${t[e].max}px)`, st = ({ small: e, medium: t }) => {
+  const n = A(M);
+  if (!e || !t)
+    return n;
+  const r = Math.floor(e / 2);
+  n.small = {
+    max: e,
+    min: r,
+    default: r + 1
+  };
+  const o = n.small.max + 1;
+  n.medium = {
+    max: t,
+    min: o,
+    default: o + 1
+  };
+  const s = n.medium.max + 1;
+  return n.large = {
+    max: 2e3,
+    min: s,
+    default: s + 1
+  }, n;
+}, T = "vue2", it = Symbol(), E = {
+  Builder: {
+    content: null,
+    context: {},
+    localState: void 0,
+    rootSetState() {
+    },
+    rootState: {},
+    apiKey: null,
+    apiVersion: void 0,
+    registeredComponents: {},
+    inheritedStyles: {}
+  },
+  key: it
+}, at = () => Promise.resolve().then(() => Et).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
+    e
+  ), e;
+}), ct = () => import("./render-inlined-styles.ac06208e.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;
+}), lt = g({
+  name: "builder-columns",
+  components: {
+    RenderInlinedStyles: ct,
+    RenderBlocks: at
+  },
+  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: T
+    };
+  },
+  inject: {
+    builderContext: E.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), r = `${t}px`, o = "100%", s = 0;
+      return {
+        width: n,
+        "margin-left": r,
+        "--column-width-mobile": this.getMobileStyle({
+          stackedStyle: o,
+          desktopStyle: n
+        }),
+        "--column-margin-left-mobile": this.getMobileStyle({
+          stackedStyle: s,
+          desktopStyle: r
+        }),
+        "--column-width-tablet": this.getTabletStyle({
+          stackedStyle: o,
+          desktopStyle: n
+        }),
+        "--column-margin-left-tablet": this.getTabletStyle({
+          stackedStyle: s,
+          desktopStyle: r
+        })
+      };
+    },
+    getWidthForBreakpointSize(e) {
+      var n, r;
+      return st(
+        ((r = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : r.breakpoints) || {}
+      )[e].max;
+    },
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const r of n)
+        t[r] = !0;
+      return t;
+    }
+  }
+});
+var ut = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", { class: t._classStringToObject(
+    `builder-columns ${t.builderBlock.id}-breakpoints div-t9spj7joih`
+  ), style: t.columnsCssVars, attrs: { dataSet: {
+    "builder-block-name": "builder-columns"
+  } } }, [t.TARGET !== "reactNative" ? [n("render-inlined-styles", { attrs: { styles: t.columnsStyles } })] : t._e(), t._l(t.columns, function(r, o) {
+    return n("div", { key: o, staticClass: "builder-column div-t9spj7joih-2", style: t.columnCssVars(o), attrs: { dataSet: {
+      "builder-block-name": "builder-column"
+    } } }, [n("render-blocks", { attrs: { blocks: r.blocks, path: `component.options.columns.${o}.blocks`, parent: t.builderBlock.id, styleProp: {
+      flexGrow: "1"
+    } } })], 1);
+  })], 2);
+}, dt = [], ft = /* @__PURE__ */ y(
+  lt,
+  ut,
+  dt,
+  !1,
+  null,
+  "ea80c645",
+  null,
+  null
+);
+const qe = ft.exports, mt = g({
+  name: "builder-fragment-component",
+  props: []
+});
+var pt = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("span", [t._t("default")], 2);
+}, ht = [], bt = /* @__PURE__ */ y(
+  mt,
+  pt,
+  ht,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Je = bt.exports;
+function V(e) {
+  return e.replace(/http(s)?:/, "");
+}
+function _t(e = "", t, n) {
+  const r = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(r) ? e.replace(r, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
+}
+function gt(e, t) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
+    return e;
+  if (t === "master")
+    return V(e);
+  const n = e.match(
+    /(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i
+  );
+  if (n) {
+    const r = e.split(n[0]), o = n[3], s = t.match("x") ? t : `${t}x`;
+    return V(`${r[0]}_${s}${o}`);
+  }
+  return null;
+}
+function R(e) {
+  if (!e)
+    return e;
+  const t = [100, 200, 400, 800, 1200, 1600, 2e3];
+  if (e.match(/builder\.io/)) {
+    let n = e;
+    const r = Number(e.split("?width=")[1]);
+    return isNaN(r) || (n = `${n} ${r}w`), t.filter((o) => o !== r).map((o) => `${_t(e, "width", o)} ${o}w`).concat([n]).join(", ");
+  }
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [gt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, r]) => `${n} ${r}w`).concat([e]).join(", ") : e;
+}
+const yt = 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 || !(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"), R(t);
+      } else if (this.image && !this.srcset)
+        return R(t);
+      return R(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 r of n)
+        t[r] = !0;
+      return t;
+    }
+  }
+});
+var vt = function() {
+  var r, o, 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 && !(((o = (r = t.builderBlock) == null ? void 0 : r.children) == null ? void 0 : o.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 ? void 0 : i.length) && t.fitContent ? [t._t("default")] : t._e(), !t.fitContent && t.children ? [n("div", { staticClass: "div-1pl23ac79ld-2" }, [t._t("default")], 2)] : t._e()], 2);
+}, St = [], kt = /* @__PURE__ */ y(
+  yt,
+  vt,
+  St,
+  !1,
+  null,
+  "7eca4996",
+  null,
+  null
+);
+const Xe = kt.exports;
+function h() {
+  return typeof window < "u" && typeof document < "u";
+}
+function xt() {
+  return h() && window.self !== window.top;
+}
+function $() {
+  return xt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+}
+const Ct = () => import("./block-styles.69ca115c.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;
+}), wt = () => import("./render-block.0f23cd7e.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;
+}), $t = g({
+  name: "render-blocks",
+  components: { RenderBlock: wt, BlockStyles: Ct },
+  props: ["blocks", "parent", "path", "styleProp"],
+  inject: {
+    builderContext: E.key
+  },
+  computed: {
+    className() {
+      var e;
+      return "builder-blocks" + ((e = this.blocks) != null && e.length ? "" : " no-blocks");
+    }
+  },
+  methods: {
+    onClick() {
+      var e, t;
+      $() && !((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;
+      $() && !((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 r of n)
+        t[r] = !0;
+      return t;
+    }
+  }
+});
+var Tt = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", { class: t._classStringToObject(t.className + " div-21azgz5avex"), style: t.styleProp, attrs: { "builder-path": t.path, "builder-parent-id": t.parent, dataSet: {
+    class: t.className
+  } }, on: { click: function(r) {
+    return t.onClick();
+  }, mouseenter: function(r) {
+    return t.onMouseEnter();
+  } } }, [t.blocks ? t._l(t.blocks, function(r, o) {
+    return n("render-block", { key: "render-block-" + r.id, attrs: { block: r, context: t.builderContext } });
+  }) : t._e(), t.blocks ? t._l(t.blocks, function(r, o) {
+    return n("block-styles", { key: "block-style-" + r.id, attrs: { block: r, context: t.builderContext } });
+  }) : t._e()], 2);
+}, Rt = [], It = /* @__PURE__ */ y(
+  $t,
+  Tt,
+  Rt,
+  !1,
+  null,
+  "23bbd49b",
+  null,
+  null
+);
+const At = It.exports, Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: At
+}, Symbol.toStringTag, { value: "Module" })), Ot = g({
+  name: "builder-section-component",
+  props: ["maxWidth", "attributes"],
+  methods: {
+    filterAttrs: function(t = {}, n) {
+      const r = "v-on:";
+      return Object.keys(t).filter((o) => {
+        if (!t[o])
+          return !1;
+        const s = o.startsWith(r);
+        return n ? s : !s;
+      }).reduce(
+        (o, s) => ({
+          ...o,
+          [s.replace(r, "")]: t[s]
+        }),
+        {}
+      );
+    }
+  }
+});
+var Vt = 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, !1), !1), t.filterAttrs(t.attributes, !0)), [t._t("default")], 2);
+}, Pt = [], jt = /* @__PURE__ */ y(
+  Ot,
+  Vt,
+  Pt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Qe = jt.exports, x = "[Builder.io]: ", v = {
+  log: (...e) => console.log(x, ...e),
+  error: (...e) => console.error(x, ...e),
+  warn: (...e) => console.warn(x, ...e),
+  debug: (...e) => console.debug(x, ...e)
+}, k = (e) => e != null, Bt = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, U = ({
+  name: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = document.cookie.split("; ").find((r) => r.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
+  } catch (r) {
+    v.warn("[COOKIE] GET error: ", (r == null ? void 0 : r.message) || r);
+    return;
+  }
+}, W = async (e) => U(e), Nt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(k).join("; "), Ft = [
+  ["secure", ""],
+  ["SameSite", "None"]
+], Mt = ({
+  name: e,
+  value: t,
+  expires: n
+}) => {
+  const o = (h() ? location.protocol === "https:" : !0) ? Ft : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [
+    [e, t],
+    ...s,
+    ["path", "/"],
+    ["domain", Bt(window.location.hostname)],
+    ...o
+  ];
+  return Nt(i);
+}, L = async ({
+  name: e,
+  value: t,
+  expires: n,
+  canTrack: r
+}) => {
+  try {
+    if (!r)
+      return;
+    const o = Mt({ name: e, value: t, expires: n });
+    document.cookie = o;
+  } catch (o) {
+    v.warn("[COOKIE] SET error: ", (o == null ? void 0 : o.message) || o);
+  }
+}, Ut = "builder.tests", O = (e) => `${Ut}.${e}`, Wt = ({ contentId: e }) => W({ name: O(e), canTrack: !0 }), Lt = ({ contentId: e }) => U({ name: O(e), canTrack: !0 }), zt = ({
+  contentId: e,
+  value: t
+}) => L({ name: O(e), value: t, canTrack: !0 }), z = (e) => k(e.id) && k(e.variations) && Object.keys(e.variations).length > 0, Kt = ({
+  id: e,
+  variations: t
+}) => {
+  var o;
+  let n = 0;
+  const r = Math.random();
+  for (const s in t) {
+    const i = (o = t[s]) == null ? void 0 : o.testRatio;
+    if (n += i, r < n)
+      return s;
+  }
+  return e;
+}, K = (e) => {
+  const t = Kt(e);
+  return zt({
+    contentId: e.id,
+    value: t
+  }).catch((n) => {
+    v.error("could not store A/B test variation: ", n);
+  }), t;
+}, G = ({
+  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" : "")
+  };
+}, Gt = ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t)
+    return e;
+  if (!e)
+    return;
+  if (!z(e))
+    return e;
+  const n = Lt({
+    contentId: e.id
+  }) || K({
+    variations: e.variations,
+    id: e.id
+  }), r = G({ item: e, testGroupId: n });
+  return {
+    ...e,
+    ...r
+  };
+}, Dt = async ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t || !z(e))
+    return e;
+  const r = await Wt({
+    contentId: e.id
+  }) || K({
+    variations: e.variations,
+    id: e.id
+  }), o = G({ item: e, testGroupId: r });
+  return {
+    ...e,
+    ...o
+  };
+}, C = (e) => k(e) ? e : !0;
+function Ht() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
+}
+function qt() {
+  const e = Ht().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 Jt = qt();
+function I(e, t = null, n = ".") {
+  return Object.keys(e).reduce((r, o) => {
+    const s = e[o], i = [t, o].filter(Boolean).join(n);
+    return [
+      typeof s == "object",
+      s !== null,
+      !(Array.isArray(s) && s.length === 0)
+    ].every(Boolean) ? { ...r, ...I(s, i, n) } : { ...r, [i]: s };
+  }, {});
+}
+const P = "builder.", Xt = "options.", Qt = (e) => {
+  const t = {};
+  return e.forEach((n, r) => {
+    t[r] = n;
+  }), t;
+}, Yt = (e) => {
+  if (!e)
+    return {};
+  const t = D(e), n = {};
+  return Object.keys(t).forEach((r) => {
+    if (r.startsWith(P)) {
+      const o = r.replace(P, "").replace(Xt, "");
+      n[o] = t[r];
+    }
+  }), n;
+}, Zt = () => {
+  if (!h())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return Yt(e);
+}, D = (e) => e instanceof URLSearchParams ? Qt(e) : e, te = "v3", H = (e) => {
+  const {
+    limit: t = 30,
+    userAttributes: n,
+    query: r,
+    noTraverse: o = !1,
+    model: s,
+    apiKey: i,
+    includeRefs: u = !0,
+    enrich: a,
+    locale: c,
+    apiVersion: b = te
+  } = e;
+  if (!i)
+    throw new Error("Missing API key");
+  if (!["v2", "v3"].includes(b))
+    throw new Error(
+      `Invalid apiVersion: expected 'v2' or 'v3', received '${b}'`
+    );
+  const f = new URL(
+    `https://cdn.builder.io/api/${b}/content/${s}?apiKey=${i}&limit=${t}&noTraverse=${o}&includeRefs=${u}${c ? `&locale=${c}` : ""}${a ? `&enrich=${a}` : ""}`
+  ), l = {
+    ...Zt(),
+    ...D(e.options || {})
+  }, m = I(l);
+  for (const d in m)
+    f.searchParams.set(d, String(m[d]));
+  if (n && f.searchParams.set("userAttributes", JSON.stringify(n)), r) {
+    const d = I({ query: r });
+    for (const _ in d)
+      f.searchParams.set(_, JSON.stringify(d[_]));
+  }
+  return f;
+}, q = (e) => "results" in e;
+async function ee(e) {
+  const t = await oe({ ...e, limit: 1 });
+  return t && q(t) && t.results[0] || null;
+}
+const ne = async (e) => {
+  const t = H(e);
+  return await (await Jt(t.href)).json();
+}, re = async (e, t) => {
+  const n = C(e.canTrack);
+  if (!n || !(h() || T === "reactNative"))
+    return t;
+  try {
+    const r = [];
+    for (const o of t.results)
+      r.push(await Dt({ item: o, canTrack: n }));
+    t.results = r;
+  } catch (r) {
+    v.error("Could not process A/B tests. ", r);
+  }
+  return t;
+};
+async function oe(e) {
+  try {
+    const t = H(e), n = await ne(e);
+    return q(n) ? re(e, n) : (v.error("Error fetching data. ", { url: t, content: n, options: e }), n);
+  } catch (t) {
+    return v.error("Error fetching data. ", t), null;
+  }
+}
+const se = () => import("./render-content.672eabd9.js").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;
+}), ie = g({
+  name: "builder-symbol",
+  components: { RenderContent: se },
+  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: E.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) && ee({
+        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) => {
+        v.error("Could not fetch symbol content: ", n);
+      });
+    },
+    filterAttrs: function(t = {}, n) {
+      const r = "v-on:";
+      return Object.keys(t).filter((o) => {
+        if (!t[o])
+          return !1;
+        const s = o.startsWith(r);
+        return n ? s : !s;
+      }).reduce(
+        (o, s) => ({
+          ...o,
+          [s.replace(r, "")]: t[s]
+        }),
+        {}
+      );
+    },
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const r of n)
+        t[r] = !0;
+      return t;
+    }
+  }
+});
+var ae = function() {
+  var r, o, s, i;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", t._g(t._b({ class: t._classStringToObject(t.className), attrs: { dataSet: {
+    class: t.className
+  } } }, "div", t.filterAttrs(t.attributes, !1), !1), t.filterAttrs(t.attributes, !0)), [n("render-content", { attrs: { apiVersion: t.builderContext.apiVersion, apiKey: t.builderContext.apiKey, context: t.builderContext.context, customComponents: Object.values(t.builderContext.registeredComponents), data: {
+    ...(r = t.symbol) == null ? void 0 : r.data,
+    ...t.builderContext.localState,
+    ...(s = (o = t.contentToUse) == null ? void 0 : o.data) == null ? void 0 : s.state
+  }, model: (i = t.symbol) == null ? void 0 : i.model, content: t.contentToUse } })], 1);
+}, ce = [], le = /* @__PURE__ */ y(
+  ie,
+  ae,
+  ce,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Ye = le.exports, ue = g({
+  name: "builder-text",
+  props: ["text"]
+});
+var de = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("span", { staticClass: "builder-text", style: {
+    outline: "none"
+  }, domProps: { innerHTML: t._s(t.text) } });
+}, fe = [], me = /* @__PURE__ */ y(
+  ue,
+  de,
+  fe,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Ze = me.exports, pe = g({
+  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
+      };
+    }
+  }
+});
+var he = function() {
+  var r;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("video", t._b({ style: {
+    width: "100%",
+    height: "100%",
+    ...(r = t.attributes) == null ? void 0 : r.style,
+    objectFit: t.fit,
+    objectPosition: t.position,
+    borderRadius: 1
+  }, attrs: { src: t.video || "no-src", poster: t.posterImage } }, "video", t.spreadProps, !1));
+}, be = [], _e = /* @__PURE__ */ y(
+  pe,
+  he,
+  be,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const tn = _e.exports, w = (e) => Object.values((e == null ? void 0 : e.variations) || {}), j = ({
+  canTrack: e,
+  content: t
+}) => !(!(w(t).length > 0) || !e || h());
+function ge(e, t, n) {
+  function r() {
+    function i(m, d, _) {
+      let S = "";
+      if (_) {
+        const p = new Date();
+        p.setTime(p.getTime() + _ * 24 * 60 * 60 * 1e3), S = "; expires=" + p.toUTCString();
+      }
+      document.cookie = m + "=" + (d || "") + S + "; path=/; Secure; SameSite=None";
+    }
+    function u(m) {
+      const d = m + "=", _ = document.cookie.split(";");
+      for (let S = 0; S < _.length; S++) {
+        let p = _[S];
+        for (; p.charAt(0) === " "; )
+          p = p.substring(1, p.length);
+        if (p.indexOf(d) === 0)
+          return p.substring(d.length, p.length);
+      }
+      return null;
+    }
+    const a = `builder.tests.${e}`, c = u(a), b = t.map((m) => m.id).concat(e);
+    if (c && b.includes(c))
+      return c;
+    let f = 0;
+    const l = Math.random();
+    for (let m = 0; m < t.length; m++) {
+      const d = t[m], _ = d.testRatio;
+      if (f += _, l < f)
+        return i(a, d.id), d.id;
+    }
+    return i(a, e), e;
+  }
+  const o = r(), s = document.getElementById(
+    `variants-styles-${e}`
+  );
+  if (n) {
+    s.remove();
+    const i = document.getElementById(
+      `variants-script-${e}`
+    );
+    i == null || i.remove();
+  } else {
+    const i = t.concat({ id: e }).filter((u) => u.id !== o).map((u) => `.variant-${u.id} {  display: none; }
+        `).join("");
+    s.innerHTML = i;
+  }
+}
+function ye(e, t, n) {
+  if (!navigator.cookieEnabled)
+    return;
+  function r(a) {
+    const c = a + "=", b = document.cookie.split(";");
+    for (let f = 0; f < b.length; f++) {
+      let l = b[f];
+      for (; l.charAt(0) === " "; )
+        l = l.substring(1, l.length);
+      if (l.indexOf(c) === 0)
+        return l.substring(c.length, l.length);
+    }
+    return null;
+  }
+  const o = `builder.tests.${t}`, s = r(o), i = document.querySelector(
+    `[builder-content-id="${e}"]`
+  ), 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 J = (e) => e === "react" || e === "reactNative" || e === "vue3" || e === "vue2", B = "bldrAbTest", X = "bldrCntntScrpt", ve = (e, t) => {
+  const n = ge.toString().replace(/\s+/g, " "), r = ye.toString().replace(/\s+/g, " ");
+  return `
+  const ${B} = ${n}
+  const ${X} = ${r}
+  ${B}("${t}", ${JSON.stringify(
+    e
+  )}, ${J})
+  `;
+}, en = ({
+  parentContentId: e,
+  contentId: t
+}) => `
+  ${X}("${t}", "${e}", ${J})`, Se = () => import("./render-content.672eabd9.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderContent at ../render-content/render-content.vue",
+    e
+  ), e;
+}), ke = () => import("./render-inlined-styles.ac06208e.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
+    e
+  ), e;
+}), xe = g({
+  name: "render-content-variants",
+  components: {
+    RenderInlinedStyles: ke,
+    RenderContent: Se
+  },
+  props: [
+    "content",
+    "canTrack",
+    "apiKey",
+    "apiVersion",
+    "customComponents",
+    "model"
+  ],
+  data() {
+    var e;
+    return {
+      variantScriptStr: ve(
+        w(this.content).map((t) => ({
+          id: t.id,
+          testRatio: t.testRatio
+        })),
+        ((e = this.content) == null ? void 0 : e.id) || ""
+      ),
+      shouldRenderVariants: j({
+        canTrack: C(this.canTrack),
+        content: this.content
+      }),
+      hideVariantsStyleString: w(this.content).map((t) => `.variant-${t.id} { display: none; } `).join(""),
+      contentToRender: j({
+        canTrack: C(this.canTrack),
+        content: this.content
+      }) ? this.content : Gt({
+        item: this.content,
+        canTrack: C(this.canTrack)
+      }),
+      getVariants: w
+    };
+  }
+});
+var Ce = function() {
+  var r, o, s, i;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", [t.shouldRenderVariants ? [n("render-inlined-styles", { attrs: { id: `variants-styles-${(r = t.content) == null ? void 0 : r.id}`, styles: t.hideVariantsStyleString } }), n("script", { tag: "component", attrs: { id: `variants-script-${(o = t.content) == null ? void 0 : o.id}` }, domProps: { innerHTML: t._s(t.variantScriptStr) } }), t._l(t.getVariants(t.content), function(u, a) {
+    var c;
+    return n("render-content", { key: u.id, attrs: { content: u, apiKey: t.apiKey, apiVersion: t.apiVersion, canTrack: t.canTrack, customComponents: t.customComponents, hideContent: !0, parentContentId: (c = t.content) == null ? void 0 : c.id, isSsrAbTest: t.shouldRenderVariants } });
+  })] : t._e(), n("render-content", { attrs: { model: t.model, content: t.contentToRender, apiKey: t.apiKey, apiVersion: t.apiVersion, canTrack: t.canTrack, customComponents: t.customComponents, classNameProp: `variant-${(s = t.content) == null ? void 0 : s.id}`, parentContentId: (i = t.content) == null ? void 0 : i.id, isSsrAbTest: t.shouldRenderVariants } })], 2);
+}, we = [], $e = /* @__PURE__ */ y(
+  xe,
+  Ce,
+  we,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const nn = $e.exports;
+function rn() {
+  return !h() || $() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+}
+const Te = (e) => {
+  const t = e.toString().trim();
+  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
+}, on = [], sn = ({
+  component: e,
+  ...t
+}) => ({
+  type: "builder.registerComponent",
+  data: Ie(t)
+}), Re = (e) => typeof e == "function" ? Te(e) : A(e), Ie = ({
+  inputs: e,
+  ...t
+}) => ({
+  ...A(t),
+  inputs: e == null ? void 0 : e.map(
+    (n) => Object.entries(n).reduce(
+      (r, [o, s]) => ({
+        ...r,
+        [o]: Re(s)
+      }),
+      {}
+    )
+  )
+}), N = {};
+function an(e, t) {
+  let n = N[e];
+  if (n || (n = N[e] = []), n.push(t), h()) {
+    const r = {
+      type: "builder.register",
+      data: {
+        type: e,
+        info: t
+      }
+    };
+    try {
+      parent.postMessage(r, "*"), parent !== window && window.postMessage(r, "*");
+    } catch (o) {
+      console.debug("Could not postmessage", o);
+    }
+  }
+}
+const F = {};
+function cn(e) {
+  if (h()) {
+    Object.assign(F, e);
+    const t = {
+      type: "builder.settingsChange",
+      data: F
+    };
+    parent.postMessage(t, "*");
+  }
+}
+function Ae() {
+  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 Q() {
+  return Ae().replace(/-/g, "");
+}
+const Y = "builderSessionId", Ee = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = await W({
+    name: Y,
+    canTrack: e
+  });
+  if (k(t))
+    return t;
+  {
+    const n = Oe();
+    return Ve({ id: n, canTrack: e }), n;
+  }
+}, Oe = () => Q(), Ve = ({
+  id: e,
+  canTrack: t
+}) => L({ name: Y, value: e, canTrack: t }), Z = () => h() && typeof localStorage < "u" ? localStorage : void 0, Pe = ({
+  key: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = Z()) == null ? void 0 : n.getItem(e) : void 0;
+  } catch (r) {
+    console.debug("[LocalStorage] GET error: ", r);
+    return;
+  }
+}, je = ({
+  key: e,
+  canTrack: t,
+  value: n
+}) => {
+  var r;
+  try {
+    t && ((r = Z()) == null || r.setItem(e, n));
+  } catch (o) {
+    console.debug("[LocalStorage] SET error: ", o);
+  }
+}, tt = "builderVisitorId", Be = ({ canTrack: e }) => {
+  if (!e)
+    return;
+  const t = Pe({
+    key: tt,
+    canTrack: e
+  });
+  if (k(t))
+    return t;
+  {
+    const n = Ne();
+    return Fe({ id: n, canTrack: e }), n;
+  }
+}, Ne = () => Q(), Fe = ({
+  id: e,
+  canTrack: t
+}) => je({
+  key: tt,
+  value: e,
+  canTrack: t
+}), Me = () => {
+  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;
+}, Ue = () => typeof navigator == "object" && navigator.userAgent || "", We = () => {
+  const e = Ue(), 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() || T === "reactNative";
+    }
+  }, n = e.match(/Tablet|iPad/i), r = Me();
+  return {
+    urlPath: r == null ? void 0 : r.pathname,
+    host: (r == null ? void 0 : r.host) || (r == null ? void 0 : r.hostname),
+    device: n ? "tablet" : t.any() ? "mobile" : "desktop"
+  };
+}, Le = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return { visitorId: void 0, sessionId: void 0 };
+  const t = await Ee({ canTrack: e }), n = Be({ canTrack: e });
+  return {
+    sessionId: t,
+    visitorId: n
+  };
+}, ze = async ({
+  type: e,
+  canTrack: t,
+  apiKey: n,
+  metadata: r,
+  ...o
+}) => ({
+  type: e,
+  data: {
+    ...o,
+    metadata: {
+      url: location.href,
+      ...r
+    },
+    ...await Le({ canTrack: t }),
+    userAttributes: We(),
+    ownerId: n
+  }
+});
+async function Ke(e) {
+  if (!e.apiKey) {
+    v.error(
+      "Missing API key for track call. Please provide your API key."
+    );
+    return;
+  }
+  if (!!e.canTrack && !$() && !!(h() || T === "reactNative"))
+    return fetch("https://builder.io/api/v1/track", {
+      method: "POST",
+      body: JSON.stringify({
+        events: [await ze(e)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((t) => {
+      console.error("Failed to track: ", t);
+    });
+}
+const ln = (e) => Ke({ ...e, canTrack: !0 });
+export {
+  Et as A,
+  De as B,
+  qe as C,
+  Je as F,
+  Xe as I,
+  Qe as S,
+  T,
+  tn as V,
+  Ke as _,
+  He as a,
+  h as b,
+  k as c,
+  Ye as d,
+  Ze as e,
+  A as f,
+  st as g,
+  on as h,
+  $ as i,
+  en as j,
+  E as k,
+  v as l,
+  sn as m,
+  y as n,
+  rn as o,
+  ee as p,
+  Jt as q,
+  an as r,
+  Te as s,
+  cn as t,
+  oe as u,
+  re as v,
+  Yt as w,
+  ln as x,
+  At as y,
+  nn as z
+};