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

package/packages/_vue3/dist/index.32c5f4e2.js

@@ -0,0 +1,1392 @@
+import { defineComponent as S, openBlock as l, createElementBlock as u, mergeProps as A, toHandlers as P, toDisplayString as H, defineAsyncComponent as T, resolveComponent as I, normalizeClass as K, normalizeStyle as E, createBlock as V, createCommentVNode as $, Fragment as C, renderList as N, createVNode as M, renderSlot as L, createElementVNode as J, resolveDynamicComponent as ge } from "vue";
+const ye = S({
+  name: "builder-button",
+  props: ["attributes", "text", "link", "openLinkInNewTab"],
+  methods: {
+    filterAttrs: function(t = {}, n) {
+      const o = "v-on:";
+      return Object.keys(t).filter((r) => {
+        if (!t[r])
+          return !1;
+        const s = r.startsWith(o);
+        return n ? s : !s;
+      }).reduce(
+        (r, s) => ({
+          ...r,
+          [s.replace(o, "")]: t[s]
+        }),
+        {}
+      );
+    },
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
+    }
+  }
+});
+const v = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, r] of t)
+    n[o] = r;
+  return n;
+}, ke = ["href", "target"];
+function Se(e, t, n, o, r, s) {
+  return e.link ? (l(), u("a", A({
+    key: 0,
+    role: "button",
+    href: e.link,
+    target: e.openLinkInNewTab ? "_blank" : void 0
+  }, e.filterAttrs(e.attributes, !1), P(e.filterAttrs(e.attributes, !0), !0)), H(e.text), 17, ke)) : (l(), u("button", A({
+    key: 1,
+    class: e._classStringToObject(
+      e.attributes.class + " button-361b1o6wv2k"
+    )
+  }, e.filterAttrs(e.attributes, !1), P(e.filterAttrs(e.attributes, !0), !0)), H(e.text), 17));
+}
+const Xt = /* @__PURE__ */ v(ye, [["render", Se], ["__scopeId", "data-v-a4481d84"]]), z = (e) => JSON.parse(JSON.stringify(e)), te = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, Yt = (e, t = te) => `@media (max-width: ${t[e].max}px)`, ve = ({ small: e, medium: t }) => {
+  const n = z(te);
+  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,
+    min: s,
+    default: s + 1
+  }, n;
+}, x = "vue3", $e = Symbol(), D = {
+  Builder: {
+    content: null,
+    context: {},
+    localState: void 0,
+    rootSetState() {
+    },
+    rootState: {},
+    apiKey: null,
+    apiVersion: void 0,
+    registeredComponents: {},
+    inheritedStyles: {}
+  },
+  key: $e
+}, we = () => Promise.resolve().then(() => Ke).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
+    e
+  ), e;
+}), Ce = () => import("./render-inlined-styles.00a6f102.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;
+}), Te = S({
+  name: "builder-columns",
+  components: {
+    RenderInlinedStyles: T(Ce),
+    RenderBlocks: T(we)
+  },
+  props: [
+    "space",
+    "columns",
+    "stackColumnsAt",
+    "reverseColumnsWhenStacked",
+    "builderBlock"
+  ],
+  data() {
+    return {
+      gutterSize: typeof this.space == "number" ? this.space || 0 : 20,
+      cols: this.columns || [],
+      stackAt: this.stackColumnsAt || "tablet",
+      flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
+      TARGET: x
+    };
+  },
+  inject: {
+    builderContext: D.key
+  },
+  computed: {
+    columnsCssVars() {
+      return {
+        "--flex-dir": this.flexDir,
+        "--flex-dir-tablet": this.getTabletStyle({
+          stackedStyle: this.flexDir,
+          desktopStyle: "row"
+        })
+      };
+    },
+    columnsStyles() {
+      return `
+        @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
+          .${this.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          .${this.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
+          .${this.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          .${this.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
+    }
+  },
+  methods: {
+    getWidth(e) {
+      var t;
+      return ((t = this.cols[e]) == null ? void 0 : t.width) || 100 / this.cols.length;
+    },
+    getColumnCssWidth(e) {
+      const t = this.gutterSize * (this.cols.length - 1) / this.cols.length;
+      return `calc(${this.getWidth(e)}% - ${t}px)`;
+    },
+    getTabletStyle({
+      stackedStyle: e,
+      desktopStyle: t
+    }) {
+      return this.stackAt === "tablet" ? e : t;
+    },
+    getMobileStyle({
+      stackedStyle: e,
+      desktopStyle: t
+    }) {
+      return this.stackAt === "never" ? t : e;
+    },
+    columnCssVars(e) {
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, 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 ve(
+        ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
+      )[e].max;
+    },
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
+    }
+  }
+});
+function Ie(e, t, n, o, r, s) {
+  const i = I("render-inlined-styles"), c = I("render-blocks");
+  return l(), u("div", {
+    class: K(
+      e._classStringToObject(
+        `builder-columns ${e.builderBlock.id}-breakpoints div-1eih9th5ow6`
+      )
+    ),
+    style: E(e.columnsCssVars),
+    dataSet: {
+      "builder-block-name": "builder-columns"
+    }
+  }, [
+    e.TARGET !== "reactNative" ? (l(), V(i, {
+      key: 0,
+      styles: e.columnsStyles
+    }, null, 8, ["styles"])) : $("", !0),
+    (l(!0), u(C, null, N(e.columns, (a, d) => (l(), u("div", {
+      key: d,
+      class: "builder-column div-1eih9th5ow6-2",
+      style: E(e.columnCssVars(d)),
+      dataSet: {
+        "builder-block-name": "builder-column"
+      }
+    }, [
+      M(c, {
+        blocks: a.blocks,
+        path: `component.options.columns.${d}.blocks`,
+        parent: e.builderBlock.id,
+        styleProp: {
+          flexGrow: "1"
+        }
+      }, null, 8, ["blocks", "path", "parent"])
+    ], 4))), 128))
+  ], 6);
+}
+const Zt = /* @__PURE__ */ v(Te, [["render", Ie], ["__scopeId", "data-v-cc8d4c1f"]]), Re = S({
+  name: "builder-fragment-component",
+  props: []
+});
+function _e(e, t, n, o, r, s) {
+  return l(), u("span", null, [
+    L(e.$slots, "default")
+  ]);
+}
+const en = /* @__PURE__ */ v(Re, [["render", _e]]);
+function q(e) {
+  return e.replace(/http(s)?:/, "");
+}
+function Ae(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 Ee(e, t) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
+    return e;
+  if (t === "master")
+    return q(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 q(`${o[0]}_${s}${r}`);
+  }
+  return null;
+}
+function W(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) => `${Ae(e, "width", r)} ${r}w`).concat([n]).join(", ");
+  }
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ee(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+}
+const Ve = S({
+  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"), W(t);
+      } else if (this.image && !this.srcset)
+        return W(t);
+      return W(t);
+    },
+    webpSrcSet() {
+      var e;
+      return ((e = this.srcSetToUse) == null ? void 0 : e.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
+    },
+    aspectRatioCss() {
+      const e = {
+        position: "absolute",
+        height: "100%",
+        width: "100%",
+        left: "0px",
+        top: "0px"
+      };
+      return this.aspectRatio ? e : void 0;
+    }
+  },
+  methods: {
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
+    }
+  }
+});
+const Oe = ["srcset"], Be = ["alt", "role", "src", "srcset", "sizes"], je = {
+  key: 2,
+  class: "div-256wrwn33ry-2"
+};
+function Pe(e, t, n, o, r, s) {
+  var i, c, a, d;
+  return l(), u(C, null, [
+    J("picture", null, [
+      e.webpSrcSet ? (l(), u("source", {
+        key: 0,
+        type: "image/webp",
+        srcset: e.webpSrcSet
+      }, null, 8, Oe)) : $("", !0),
+      J("img", {
+        loading: "lazy",
+        alt: e.altText,
+        role: e.altText ? "presentation" : void 0,
+        style: E({
+          objectPosition: e.backgroundPosition || "center",
+          objectFit: e.backgroundSize || "cover",
+          ...e.aspectRatioCss
+        }),
+        class: K(
+          e._classStringToObject(
+            "builder-image" + (e.className ? " " + e.className : "") + " img-256wrwn33ry"
+          )
+        ),
+        src: e.image,
+        srcset: e.srcSetToUse,
+        sizes: e.sizes
+      }, null, 14, Be)
+    ]),
+    e.aspectRatio && !(((c = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : c.length) && e.fitContent) ? (l(), u("div", {
+      key: 0,
+      class: "builder-image-sizer div-256wrwn33ry",
+      style: E({
+        paddingTop: e.aspectRatio * 100 + "%"
+      })
+    }, null, 4)) : $("", !0),
+    ((d = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : d.length) && e.fitContent ? L(e.$slots, "default", { key: 1 }, void 0, !0) : $("", !0),
+    !e.fitContent && e.children ? (l(), u("div", je, [
+      L(e.$slots, "default", {}, void 0, !0)
+    ])) : $("", !0)
+  ], 64);
+}
+const tn = /* @__PURE__ */ v(Ve, [["render", Pe], ["__scopeId", "data-v-15a2d98b"]]);
+function y() {
+  return typeof window < "u" && typeof document < "u";
+}
+function Ne() {
+  return y() && window.self !== window.top;
+}
+function U() {
+  return Ne() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+}
+const Me = () => import("./block-styles.bce8f3cd.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;
+}), Le = () => import("./render-block.d226379d.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;
+}), Ue = S({
+  name: "render-blocks",
+  components: {
+    RenderBlock: T(Le),
+    BlockStyles: T(Me)
+  },
+  props: ["blocks", "parent", "path", "styleProp"],
+  inject: {
+    builderContext: D.key
+  },
+  computed: {
+    className() {
+      var e;
+      return "builder-blocks" + ((e = this.blocks) != null && e.length ? "" : " no-blocks");
+    }
+  },
+  methods: {
+    onClick() {
+      var e, t;
+      U() && !((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;
+      U() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+        {
+          type: "builder.hoverEmptyBlocks",
+          data: {
+            parentElementId: this.parent,
+            dataPath: this.path
+          }
+        },
+        "*"
+      ));
+    },
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
+    }
+  }
+});
+const xe = ["builder-path", "builder-parent-id", "dataSet"];
+function We(e, t, n, o, r, s) {
+  const i = I("render-block"), c = I("block-styles");
+  return l(), u("div", {
+    class: K(e._classStringToObject(e.className + " div-4o9pb21oca6")),
+    "builder-path": e.path,
+    "builder-parent-id": e.parent,
+    dataSet: {
+      class: e.className
+    },
+    style: E(e.styleProp),
+    onClick: t[0] || (t[0] = (a) => e.onClick()),
+    onMouseenter: t[1] || (t[1] = (a) => e.onMouseEnter())
+  }, [
+    e.blocks ? (l(!0), u(C, { key: 0 }, N(e.blocks, (a, d) => (l(), V(i, {
+      key: "render-block-" + a.id,
+      block: a,
+      context: e.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : $("", !0),
+    e.blocks ? (l(!0), u(C, { key: 1 }, N(e.blocks, (a, d) => (l(), V(c, {
+      key: "block-style-" + a.id,
+      block: a,
+      context: e.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : $("", !0)
+  ], 46, xe);
+}
+const Fe = /* @__PURE__ */ v(Ue, [["render", We], ["__scopeId", "data-v-8ed03d66"]]), Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Fe
+}, Symbol.toStringTag, { value: "Module" })), ze = S({
+  name: "builder-section-component",
+  props: ["maxWidth", "attributes"],
+  methods: {
+    filterAttrs: function(t = {}, n) {
+      const o = "v-on:";
+      return Object.keys(t).filter((r) => {
+        if (!t[r])
+          return !1;
+        const s = r.startsWith(o);
+        return n ? s : !s;
+      }).reduce(
+        (r, s) => ({
+          ...r,
+          [s.replace(o, "")]: t[s]
+        }),
+        {}
+      );
+    }
+  }
+});
+function De(e, t, n, o, r, s) {
+  return l(), u("section", A({
+    style: {
+      width: "100%",
+      alignSelf: "stretch",
+      flexGrow: 1,
+      boxSizing: "border-box",
+      maxWidth: e.maxWidth || 1200,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      marginLeft: "auto",
+      marginRight: "auto"
+    }
+  }, e.filterAttrs(e.attributes, !1), P(e.filterAttrs(e.attributes, !0), !0)), [
+    L(e.$slots, "default")
+  ], 16);
+}
+const nn = /* @__PURE__ */ v(ze, [["render", De]]), O = "[Builder.io]: ", w = {
+  log: (...e) => console.log(O, ...e),
+  error: (...e) => console.error(O, ...e),
+  warn: (...e) => console.warn(O, ...e),
+  debug: (...e) => console.debug(O, ...e)
+}, _ = (e) => e != null, Ge = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, ne = ({
+  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) {
+    w.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    return;
+  }
+}, oe = async (e) => ne(e), He = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(_).join("; "), Je = [
+  ["secure", ""],
+  ["SameSite", "None"]
+], qe = ({
+  name: e,
+  value: t,
+  expires: n
+}) => {
+  const r = (y() ? location.protocol === "https:" : !0) ? Je : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [
+    [e, t],
+    ...s,
+    ["path", "/"],
+    ["domain", Ge(window.location.hostname)],
+    ...r
+  ];
+  return He(i);
+}, re = async ({
+  name: e,
+  value: t,
+  expires: n,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
+      return;
+    const r = qe({ name: e, value: t, expires: n });
+    document.cookie = r;
+  } catch (r) {
+    w.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+  }
+}, Qe = "builder.tests", G = (e) => `${Qe}.${e}`, Xe = ({ contentId: e }) => oe({ name: G(e), canTrack: !0 }), Ye = ({ contentId: e }) => ne({ name: G(e), canTrack: !0 }), Ze = ({
+  contentId: e,
+  value: t
+}) => re({ name: G(e), value: t, canTrack: !0 }), se = (e) => _(e.id) && _(e.variations) && Object.keys(e.variations).length > 0, et = ({
+  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;
+}, ie = (e) => {
+  const t = et(e);
+  return Ze({
+    contentId: e.id,
+    value: t
+  }).catch((n) => {
+    w.error("could not store A/B test variation: ", n);
+  }), t;
+}, ae = ({
+  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" : "")
+  };
+}, tt = ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t)
+    return e;
+  if (!e)
+    return;
+  if (!se(e))
+    return e;
+  const n = Ye({
+    contentId: e.id
+  }) || ie({
+    variations: e.variations,
+    id: e.id
+  }), o = ae({ item: e, testGroupId: n });
+  return {
+    ...e,
+    ...o
+  };
+}, nt = async ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t || !se(e))
+    return e;
+  const o = await Xe({
+    contentId: e.id
+  }) || ie({
+    variations: e.variations,
+    id: e.id
+  }), r = ae({ item: e, testGroupId: o });
+  return {
+    ...e,
+    ...r
+  };
+}, B = (e) => _(e) ? e : !0;
+function ot() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
+}
+function rt() {
+  const e = ot().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 st = rt();
+function F(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, ...F(s, i, n) } : { ...o, [i]: s };
+  }, {});
+}
+const Q = "builder.", it = "options.", at = (e) => {
+  const t = {};
+  return e.forEach((n, o) => {
+    t[o] = n;
+  }), t;
+}, ct = (e) => {
+  if (!e)
+    return {};
+  const t = ce(e), n = {};
+  return Object.keys(t).forEach((o) => {
+    if (o.startsWith(Q)) {
+      const r = o.replace(Q, "").replace(it, "");
+      n[r] = t[o];
+    }
+  }), n;
+}, lt = () => {
+  if (!y())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return ct(e);
+}, ce = (e) => e instanceof URLSearchParams ? at(e) : e, dt = "v3", le = (e) => {
+  const {
+    limit: t = 30,
+    userAttributes: n,
+    query: o,
+    noTraverse: r = !1,
+    model: s,
+    apiKey: i,
+    includeRefs: c = !0,
+    enrich: a,
+    locale: d,
+    apiVersion: m = dt
+  } = e;
+  if (!i)
+    throw new Error("Missing API key");
+  if (!["v2", "v3"].includes(m))
+    throw new Error(
+      `Invalid apiVersion: expected 'v2' or 'v3', received '${m}'`
+    );
+  const f = new URL(
+    `https://cdn.builder.io/api/${m}/content/${s}?apiKey=${i}&limit=${t}&noTraverse=${r}&includeRefs=${c}${d ? `&locale=${d}` : ""}${a ? `&enrich=${a}` : ""}`
+  ), h = {
+    ...lt(),
+    ...ce(e.options || {})
+  }, b = F(h);
+  for (const p in b)
+    f.searchParams.set(p, String(b[p]));
+  if (n && f.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const p = F({ query: o });
+    for (const k in p)
+      f.searchParams.set(k, JSON.stringify(p[k]));
+  }
+  return f;
+}, de = (e) => "results" in e;
+async function ut(e) {
+  const t = await ft({ ...e, limit: 1 });
+  return t && de(t) && t.results[0] || null;
+}
+const pt = async (e) => {
+  const t = le(e);
+  return await (await st(t.href)).json();
+}, mt = async (e, t) => {
+  const n = B(e.canTrack);
+  if (!n || !(y() || x === "reactNative"))
+    return t;
+  try {
+    const o = [];
+    for (const r of t.results)
+      o.push(await nt({ item: r, canTrack: n }));
+    t.results = o;
+  } catch (o) {
+    w.error("Could not process A/B tests. ", o);
+  }
+  return t;
+};
+async function ft(e) {
+  try {
+    const t = le(e), n = await pt(e);
+    return de(n) ? mt(e, n) : (w.error("Error fetching data. ", { url: t, content: n, options: e }), n);
+  } catch (t) {
+    return w.error("Error fetching data. ", t), null;
+  }
+}
+const ht = () => import("./render-content.03e6b41b.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;
+}), bt = S({
+  name: "builder-symbol",
+  components: { RenderContent: T(ht) },
+  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: D.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) && ut({
+        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) => {
+        w.error("Could not fetch symbol content: ", n);
+      });
+    },
+    filterAttrs: function(t = {}, n) {
+      const o = "v-on:";
+      return Object.keys(t).filter((r) => {
+        if (!t[r])
+          return !1;
+        const s = r.startsWith(o);
+        return n ? s : !s;
+      }).reduce(
+        (r, s) => ({
+          ...r,
+          [s.replace(o, "")]: t[s]
+        }),
+        {}
+      );
+    },
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
+    }
+  }
+}), gt = ["dataSet"];
+function yt(e, t, n, o, r, s) {
+  var c, a, d, m;
+  const i = I("render-content");
+  return l(), u("div", A({
+    dataSet: {
+      class: e.className
+    },
+    class: e._classStringToObject(e.className)
+  }, e.filterAttrs(e.attributes, !1), P(e.filterAttrs(e.attributes, !0), !0)), [
+    M(i, {
+      apiVersion: e.builderContext.apiVersion,
+      apiKey: e.builderContext.apiKey,
+      context: e.builderContext.context,
+      customComponents: Object.values(e.builderContext.registeredComponents),
+      data: {
+        ...(c = e.symbol) == null ? void 0 : c.data,
+        ...e.builderContext.localState,
+        ...(d = (a = e.contentToUse) == null ? void 0 : a.data) == null ? void 0 : d.state
+      },
+      model: (m = e.symbol) == null ? void 0 : m.model,
+      content: e.contentToUse
+    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
+  ], 16, gt);
+}
+const on = /* @__PURE__ */ v(bt, [["render", yt]]), kt = S({
+  name: "builder-text",
+  props: ["text"]
+}), St = ["innerHTML"];
+function vt(e, t, n, o, r, s) {
+  return l(), u("span", {
+    class: "builder-text",
+    innerHTML: e.text,
+    style: {
+      outline: "none"
+    }
+  }, null, 8, St);
+}
+const rn = /* @__PURE__ */ v(kt, [["render", vt]]), $t = S({
+  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
+      };
+    }
+  }
+}), wt = ["src", "poster"];
+function Ct(e, t, n, o, r, s) {
+  var i;
+  return l(), u("video", A({
+    style: {
+      width: "100%",
+      height: "100%",
+      ...(i = e.attributes) == null ? void 0 : i.style,
+      objectFit: e.fit,
+      objectPosition: e.position,
+      borderRadius: 1
+    },
+    src: e.video || "no-src",
+    poster: e.posterImage
+  }, e.spreadProps), null, 16, wt);
+}
+const sn = /* @__PURE__ */ v($t, [["render", Ct]]), j = (e) => Object.values((e == null ? void 0 : e.variations) || {}), X = ({
+  canTrack: e,
+  content: t
+}) => !(!(j(t).length > 0) || !e || y());
+function Tt(e, t, n) {
+  function o() {
+    function i(b, p, k) {
+      let R = "";
+      if (k) {
+        const g = new Date();
+        g.setTime(g.getTime() + k * 24 * 60 * 60 * 1e3), R = "; expires=" + g.toUTCString();
+      }
+      document.cookie = b + "=" + (p || "") + R + "; path=/; Secure; SameSite=None";
+    }
+    function c(b) {
+      const p = b + "=", k = document.cookie.split(";");
+      for (let R = 0; R < k.length; R++) {
+        let g = k[R];
+        for (; g.charAt(0) === " "; )
+          g = g.substring(1, g.length);
+        if (g.indexOf(p) === 0)
+          return g.substring(p.length, g.length);
+      }
+      return null;
+    }
+    const a = `builder.tests.${e}`, d = c(a), m = t.map((b) => b.id).concat(e);
+    if (d && m.includes(d))
+      return d;
+    let f = 0;
+    const h = Math.random();
+    for (let b = 0; b < t.length; b++) {
+      const p = t[b], k = p.testRatio;
+      if (f += k, h < f)
+        return i(a, p.id), p.id;
+    }
+    return i(a, e), e;
+  }
+  const r = o(), 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((c) => c.id !== r).map((c) => `.variant-${c.id} {  display: none; }
+        `).join("");
+    s.innerHTML = i;
+  }
+}
+function It(e, t, n) {
+  if (!navigator.cookieEnabled)
+    return;
+  function o(a) {
+    const d = a + "=", m = document.cookie.split(";");
+    for (let f = 0; f < m.length; f++) {
+      let h = m[f];
+      for (; h.charAt(0) === " "; )
+        h = h.substring(1, h.length);
+      if (h.indexOf(d) === 0)
+        return h.substring(d.length, h.length);
+    }
+    return null;
+  }
+  const r = `builder.tests.${t}`, s = o(r), i = document.querySelector(
+    `[builder-content-id="${e}"]`
+  ), c = e === t;
+  if (s === e) {
+    if (c)
+      return;
+    i == null || i.removeAttribute("hidden"), i == null || i.removeAttribute("aria-hidden");
+  } else {
+    c && (n ? i == null || i.remove() : (i == null || i.setAttribute("hidden", "true"), i == null || i.setAttribute("aria-hidden", "true")));
+    return;
+  }
+}
+const ue = (e) => e === "react" || e === "reactNative" || e === "vue3" || e === "vue2", Y = "bldrAbTest", pe = "bldrCntntScrpt", Rt = (e, t) => {
+  const n = Tt.toString().replace(/\s+/g, " "), o = It.toString().replace(/\s+/g, " ");
+  return `
+  const ${Y} = ${n}
+  const ${pe} = ${o}
+  ${Y}("${t}", ${JSON.stringify(
+    e
+  )}, ${ue})
+  `;
+}, an = ({
+  parentContentId: e,
+  contentId: t
+}) => `
+  ${pe}("${t}", "${e}", ${ue})`, _t = () => import("./render-content.03e6b41b.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;
+}), At = () => import("./render-inlined-styles.00a6f102.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;
+}), Et = S({
+  name: "render-content-variants",
+  components: {
+    RenderInlinedStyles: T(At),
+    RenderContent: T(_t)
+  },
+  props: [
+    "content",
+    "canTrack",
+    "apiKey",
+    "apiVersion",
+    "customComponents",
+    "model"
+  ],
+  data() {
+    var e;
+    return {
+      variantScriptStr: Rt(
+        j(this.content).map((t) => ({
+          id: t.id,
+          testRatio: t.testRatio
+        })),
+        ((e = this.content) == null ? void 0 : e.id) || ""
+      ),
+      shouldRenderVariants: X({
+        canTrack: B(this.canTrack),
+        content: this.content
+      }),
+      hideVariantsStyleString: j(this.content).map((t) => `.variant-${t.id} { display: none; } `).join(""),
+      contentToRender: X({
+        canTrack: B(this.canTrack),
+        content: this.content
+      }) ? this.content : tt({
+        item: this.content,
+        canTrack: B(this.canTrack)
+      }),
+      getVariants: j
+    };
+  }
+});
+function Vt(e, t, n, o, r, s) {
+  var a, d, m, f;
+  const i = I("render-inlined-styles"), c = I("render-content");
+  return l(), u(C, null, [
+    e.shouldRenderVariants ? (l(), u(C, { key: 0 }, [
+      M(i, {
+        id: `variants-styles-${(a = e.content) == null ? void 0 : a.id}`,
+        styles: e.hideVariantsStyleString
+      }, null, 8, ["id", "styles"]),
+      (l(), V(ge("script"), {
+        id: `variants-script-${(d = e.content) == null ? void 0 : d.id}`,
+        innerHTML: e.variantScriptStr
+      }, null, 8, ["id", "innerHTML"])),
+      (l(!0), u(C, null, N(e.getVariants(e.content), (h, b) => {
+        var p;
+        return l(), V(c, {
+          key: h.id,
+          content: h,
+          apiKey: e.apiKey,
+          apiVersion: e.apiVersion,
+          canTrack: e.canTrack,
+          customComponents: e.customComponents,
+          hideContent: !0,
+          parentContentId: (p = e.content) == null ? void 0 : p.id,
+          isSsrAbTest: e.shouldRenderVariants
+        }, null, 8, ["content", "apiKey", "apiVersion", "canTrack", "customComponents", "parentContentId", "isSsrAbTest"]);
+      }), 128))
+    ], 64)) : $("", !0),
+    M(c, {
+      model: e.model,
+      content: e.contentToRender,
+      apiKey: e.apiKey,
+      apiVersion: e.apiVersion,
+      canTrack: e.canTrack,
+      customComponents: e.customComponents,
+      classNameProp: `variant-${(m = e.content) == null ? void 0 : m.id}`,
+      parentContentId: (f = e.content) == null ? void 0 : f.id,
+      isSsrAbTest: e.shouldRenderVariants
+    }, null, 8, ["model", "content", "apiKey", "apiVersion", "canTrack", "customComponents", "classNameProp", "parentContentId", "isSsrAbTest"])
+  ], 64);
+}
+const cn = /* @__PURE__ */ v(Et, [["render", Vt]]);
+function ln() {
+  return !y() || U() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+}
+const Ot = (e) => {
+  const t = e.toString().trim();
+  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
+}, dn = [], un = ({
+  component: e,
+  ...t
+}) => ({
+  type: "builder.registerComponent",
+  data: jt(t)
+}), Bt = (e) => typeof e == "function" ? Ot(e) : z(e), jt = ({
+  inputs: e,
+  ...t
+}) => ({
+  ...z(t),
+  inputs: e == null ? void 0 : e.map(
+    (n) => Object.entries(n).reduce(
+      (o, [r, s]) => ({
+        ...o,
+        [r]: Bt(s)
+      }),
+      {}
+    )
+  )
+}), Z = {};
+function pn(e, t) {
+  let n = Z[e];
+  if (n || (n = Z[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 ee = {};
+function mn(e) {
+  if (y()) {
+    Object.assign(ee, e);
+    const t = {
+      type: "builder.settingsChange",
+      data: ee
+    };
+    parent.postMessage(t, "*");
+  }
+}
+function Pt() {
+  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 me() {
+  return Pt().replace(/-/g, "");
+}
+const fe = "builderSessionId", Nt = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = await oe({
+    name: fe,
+    canTrack: e
+  });
+  if (_(t))
+    return t;
+  {
+    const n = Mt();
+    return Lt({ id: n, canTrack: e }), n;
+  }
+}, Mt = () => me(), Lt = ({
+  id: e,
+  canTrack: t
+}) => re({ name: fe, value: e, canTrack: t }), he = () => y() && typeof localStorage < "u" ? localStorage : void 0, Ut = ({
+  key: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = he()) == null ? void 0 : n.getItem(e) : void 0;
+  } catch (o) {
+    console.debug("[LocalStorage] GET error: ", o);
+    return;
+  }
+}, xt = ({
+  key: e,
+  canTrack: t,
+  value: n
+}) => {
+  var o;
+  try {
+    t && ((o = he()) == null || o.setItem(e, n));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
+  }
+}, be = "builderVisitorId", Wt = ({ canTrack: e }) => {
+  if (!e)
+    return;
+  const t = Ut({
+    key: be,
+    canTrack: e
+  });
+  if (_(t))
+    return t;
+  {
+    const n = Ft();
+    return Kt({ id: n, canTrack: e }), n;
+  }
+}, Ft = () => me(), Kt = ({
+  id: e,
+  canTrack: t
+}) => xt({
+  key: be,
+  value: e,
+  canTrack: t
+}), zt = () => {
+  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;
+}, Dt = () => typeof navigator == "object" && navigator.userAgent || "", Gt = () => {
+  const e = Dt(), 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() || x === "reactNative";
+    }
+  }, n = e.match(/Tablet|iPad/i), o = zt();
+  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"
+  };
+}, Ht = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return { visitorId: void 0, sessionId: void 0 };
+  const t = await Nt({ canTrack: e }), n = Wt({ canTrack: e });
+  return {
+    sessionId: t,
+    visitorId: n
+  };
+}, Jt = async ({
+  type: e,
+  canTrack: t,
+  apiKey: n,
+  metadata: o,
+  ...r
+}) => ({
+  type: e,
+  data: {
+    ...r,
+    metadata: {
+      url: location.href,
+      ...o
+    },
+    ...await Ht({ canTrack: t }),
+    userAttributes: Gt(),
+    ownerId: n
+  }
+});
+async function qt(e) {
+  if (!e.apiKey) {
+    w.error(
+      "Missing API key for track call. Please provide your API key."
+    );
+    return;
+  }
+  if (!!e.canTrack && !U() && !!(y() || x === "reactNative"))
+    return fetch("https://builder.io/api/v1/track", {
+      method: "POST",
+      body: JSON.stringify({
+        events: [await Jt(e)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((t) => {
+      console.error("Failed to track: ", t);
+    });
+}
+const fn = (e) => qt({ ...e, canTrack: !0 });
+export {
+  Xt as B,
+  Zt as C,
+  en as F,
+  tn as I,
+  nn as S,
+  x as T,
+  sn as V,
+  v as _,
+  Yt as a,
+  y as b,
+  _ as c,
+  on as d,
+  rn as e,
+  z as f,
+  ve as g,
+  dn as h,
+  U as i,
+  an as j,
+  D as k,
+  w as l,
+  un as m,
+  qt as n,
+  ln as o,
+  ut as p,
+  st as q,
+  pn as r,
+  Ot as s,
+  mn as t,
+  ft as u,
+  mt as v,
+  fn as w,
+  Fe as x,
+  cn as y,
+  Ke as z
+};