@builder.io/sdk-vue 0.4.2 → 0.4.3

package/packages/_vue3/dist/sdk.js

@@ -1,24 +1,3253 @@
-import { B as a, C as n, F as o, I as r, y as i, z as g, S as m, d, e as l, V as C, m as c, u as p, w as u, p as S, i as B, o as R, v as x, r as k, t as v, x as w } from "./index.3a561c6a.js";
-import "vue";
+import { defineComponent as g, openBlock as d, createElementBlock as m, mergeProps as x, toHandlers as V, toDisplayString as ne, createBlock as f, resolveDynamicComponent as P, resolveComponent as S, createCommentVNode as v, defineAsyncComponent as J, normalizeProps as Y, withCtx as he, Fragment as $, renderList as R, createVNode as j, guardReactiveProps as Ue, normalizeClass as H, normalizeStyle as N, renderSlot as W, createElementVNode as oe, markRaw as Me } from "vue";
+const Le = g({
+  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 i = r.startsWith(o);
+        return n ? i : !i;
+      }).reduce(
+        (r, i) => ({
+          ...r,
+          [i.replace(o, "")]: t[i]
+        }),
+        {}
+      );
+    },
+    _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 y = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, r] of t)
+    n[o] = r;
+  return n;
+}, We = ["href", "target"];
+function He(e, t, n, o, r, i) {
+  return e.link ? (d(), m("a", x({
+    key: 0,
+    role: "button",
+    href: e.link,
+    target: e.openLinkInNewTab ? "_blank" : void 0
+  }, e.filterAttrs(e.attributes, !1), V(e.filterAttrs(e.attributes, !0), !0)), ne(e.text), 17, We)) : (d(), m("button", x({
+    key: 1,
+    class: e._classStringToObject(
+      e.attributes.class + " button-361b1o6wv2k"
+    )
+  }, e.filterAttrs(e.attributes, !1), V(e.filterAttrs(e.attributes, !0), !0)), ne(e.text), 17));
+}
+const Ke = /* @__PURE__ */ y(Le, [["render", He], ["__scopeId", "data-v-e8a5e9df"]]), ze = Symbol(), O = {
+  Builder: {
+    content: null,
+    context: {},
+    localState: void 0,
+    rootSetState() {
+    },
+    rootState: {},
+    apiKey: null,
+    apiVersion: void 0,
+    registeredComponents: {},
+    inheritedStyles: {}
+  },
+  key: ze
+}, _ = "vue3";
+function C() {
+  return typeof window < "u" && typeof document < "u";
+}
+function De() {
+  return C() && window.self !== window.top;
+}
+function E() {
+  return De() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+}
+const K = (e) => JSON.parse(JSON.stringify(e)), fe = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, re = (e, t = fe) => `@media (max-width: ${t[e].max}px)`, be = ({ small: e, medium: t }) => {
+  const n = K(fe);
+  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 i = n.medium.max + 1;
+  return n.large = {
+    max: 2e3,
+    min: i,
+    default: i + 1
+  }, n;
+};
+function F({
+  code: e,
+  context: t,
+  localState: n,
+  rootState: o,
+  rootSetState: r,
+  event: i,
+  isExpression: s = !0
+}) {
+  if (e === "") {
+    console.warn("Skipping evaluation of empty code block.");
+    return;
+  }
+  const l = {
+    isEditing: E(),
+    isBrowser: C(),
+    isServer: !C()
+  }, c = s && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
+  try {
+    return new Function(
+      "builder",
+      "Builder",
+      "state",
+      "context",
+      "event",
+      c
+    )(
+      l,
+      l,
+      qe(o, n, r),
+      t,
+      i
+    );
+  } catch (u) {
+    console.warn(
+      `Builder custom code error: 
+ While Evaluating: 
+ `,
+      c,
+      `
+`,
+      u
+    );
+  }
+}
+function qe(e, t, n) {
+  if (e === t)
+    throw new Error("rootState === localState");
+  return new Proxy(e, {
+    get: (o, r) => t && r in t ? t[r] : e[r],
+    set: (o, r, i) => {
+      if (t && r in t)
+        throw new Error(
+          "Writing to local state is not allowed as it is read-only."
+        );
+      return e[r] = i, n == null || n(e), !0;
+    }
+  });
+}
+const Ge = (e, t, n) => {
+  if (Object(e) !== e)
+    return e;
+  const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
+  return o.slice(0, -1).reduce(
+    (r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {},
+    e
+  )[o[o.length - 1]] = n, e;
+};
+const Je = ({
+  block: e,
+  context: t,
+  localState: n,
+  rootState: o,
+  rootSetState: r
+}) => {
+  if (!e.bindings)
+    return e;
+  const i = K(e), s = {
+    ...i,
+    properties: { ...i.properties },
+    actions: { ...i.actions }
+  };
+  for (const l in e.bindings) {
+    const a = e.bindings[l], c = F({
+      code: a,
+      localState: n,
+      rootState: o,
+      rootSetState: r,
+      context: t
+    });
+    Ge(s, l, c);
+  }
+  return s;
+};
+function Z({
+  block: e,
+  context: t,
+  shouldEvaluateBindings: n,
+  localState: o,
+  rootState: r,
+  rootSetState: i
+}) {
+  const s = e;
+  return n ? Je({
+    block: s,
+    localState: o,
+    rootState: r,
+    rootSetState: i,
+    context: t
+  }) : s;
+}
+const Ye = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), I = (e) => e != null, ge = (e) => Object.entries(e).map(([n, o]) => {
+  if (typeof o == "string")
+    return `${Ye(n)}: ${o};`;
+}).filter(I), Xe = (e) => ge(e).join(`
+`), q = ({
+  mediaQuery: e,
+  className: t,
+  styles: n
+}) => {
+  const o = `.${t} {
+    ${Xe(n)}
+  }`;
+  return e ? `${e} {
+      ${o}
+    }` : o;
+}, Qe = g({
+  name: "render-inlined-styles",
+  props: ["styles", "id"]
+});
+function Ze(e, t, n, o, r, i) {
+  return d(), f(P("style"), {
+    innerHTML: e.styles,
+    id: e.id
+  }, null, 8, ["innerHTML", "id"]);
+}
+const z = /* @__PURE__ */ y(Qe, [["render", Ze]]), et = g({
+  name: "block-styles",
+  components: { RenderInlinedStyles: z },
+  props: ["block", "context"],
+  data() {
+    return { TARGET: _ };
+  },
+  computed: {
+    useBlock() {
+      return Z({
+        block: this.block,
+        localState: this.context.localState,
+        rootState: this.context.rootState,
+        rootSetState: this.context.rootSetState,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    canShowBlock() {
+      return I(this.useBlock.hide) ? !this.useBlock.hide : I(this.useBlock.show) ? this.useBlock.show : !0;
+    },
+    css() {
+      var u;
+      const e = this.useBlock.responsiveStyles, t = this.context.content, n = be(
+        ((u = t == null ? void 0 : t.meta) == null ? void 0 : u.breakpoints) || {}
+      ), o = e == null ? void 0 : e.large, r = e == null ? void 0 : e.medium, i = e == null ? void 0 : e.small, s = this.useBlock.id;
+      if (!s)
+        return "";
+      const l = o ? q({
+        className: s,
+        styles: o
+      }) : "", a = r ? q({
+        className: s,
+        styles: r,
+        mediaQuery: re(
+          "medium",
+          n
+        )
+      }) : "", c = i ? q({
+        className: s,
+        styles: i,
+        mediaQuery: re(
+          "small",
+          n
+        )
+      }) : "";
+      return [l, a, c].join(" ");
+    }
+  }
+});
+function tt(e, t, n, o, r, i) {
+  const s = S("render-inlined-styles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), f(s, {
+    key: 0,
+    styles: e.css
+  }, null, 8, ["styles"])) : v("", !0);
+}
+const ee = /* @__PURE__ */ y(et, [["render", tt]]), nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ee
+}, Symbol.toStringTag, { value: "Module" })), ot = (e) => `v-on:${e.toLowerCase()}`, rt = (e, t) => (n) => F({
+  code: e,
+  context: t.context,
+  localState: t.localState,
+  rootState: t.rootState,
+  rootSetState: t.rootSetState,
+  event: n,
+  isExpression: !1
+});
+function it(e) {
+  var o;
+  const t = {}, n = (o = e.block.actions) != null ? o : {};
+  for (const r in n) {
+    if (!n.hasOwnProperty(r))
+      continue;
+    const i = n[r];
+    t[ot(r)] = rt(i, e);
+  }
+  return t;
+}
+function st(e) {
+  var t;
+  return {
+    ...(t = e.component) == null ? void 0 : t.options,
+    ...e.options,
+    builderBlock: e
+  };
+}
+function at(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 lt(e) {
+  return e.class = at(e.class), e;
+}
+const ct = (e) => ({ href: e.href });
+function dt(e) {
+  var n;
+  const t = {
+    ...ct(e),
+    ...e.properties,
+    "builder-id": e.id,
+    style: ut(e.style),
+    class: [e.id, "builder-block", e.class, (n = e.properties) == null ? void 0 : n.class].filter(Boolean).join(" ")
+  };
+  return lt(t);
+}
+function ut(e) {
+  if (!!e)
+    switch (_) {
+      case "svelte":
+      case "vue2":
+      case "vue3":
+      case "solid":
+        return ge(e).join(" ");
+      case "qwik":
+      case "reactNative":
+      case "react":
+        return e;
+    }
+}
+const pt = [
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+], mt = (e) => typeof e == "string" && pt.includes(e.toLowerCase()), ht = ({
+  block: e,
+  context: t
+}) => {
+  var r;
+  const n = (r = Z({
+    block: e,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context,
+    shouldEvaluateBindings: !1
+  }).component) == null ? void 0 : r.name;
+  if (!n)
+    return null;
+  const o = t.registeredComponents[n];
+  if (o)
+    return o;
+  console.warn(`
+      Could not find a registered component named "${n}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);
+}, ft = ({
+  block: e,
+  context: t
+}) => {
+  const { repeat: n, ...o } = e;
+  if (!(n != null && n.collection))
+    return;
+  const r = F({
+    code: n.collection,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context
+  });
+  if (!Array.isArray(r))
+    return;
+  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
+  return r.map((a, c) => ({
+    context: {
+      ...t,
+      localState: {
+        ...t.localState,
+        $index: c,
+        $item: a,
+        [s]: a,
+        [`$${s}Index`]: c
+      }
+    },
+    block: o
+  }));
+}, bt = () => Promise.resolve().then(() => ke).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
+    e
+  ), e;
+}), gt = g({
+  name: "render-repeated-block",
+  components: { RenderBlock: J(bt) },
+  props: ["repeatContext", "block"],
+  data() {
+    return { store: this.repeatContext };
+  },
+  provide() {
+    const e = this;
+    return {
+      [O.key]: e.store
+    };
+  }
+});
+function yt(e, t, n, o, r, i) {
+  const s = S("render-block");
+  return d(), f(s, {
+    block: e.block,
+    context: e.store
+  }, null, 8, ["block", "context"]);
+}
+const kt = /* @__PURE__ */ y(gt, [["render", yt]]), St = () => Promise.resolve().then(() => nt).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
+    e
+  ), e;
+}), vt = () => Promise.resolve().then(() => ke).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
+    e
+  ), e;
+}), Ct = g({
+  name: "render-component",
+  components: {
+    RenderBlock: J(vt),
+    BlockStyles: J(St)
+  },
+  props: ["componentRef", "componentOptions", "blockChildren", "context"]
+});
+function $t(e, t, n, o, r, i) {
+  const s = S("render-block"), l = S("block-styles");
+  return e.componentRef ? (d(), f(P(e.componentRef), Y(x({ key: 0 }, e.componentOptions)), {
+    default: he(() => [
+      (d(!0), m($, null, R(e.blockChildren, (a, c) => (d(), f(s, {
+        key: "render-block-" + a.id,
+        block: a,
+        context: e.context
+      }, null, 8, ["block", "context"]))), 128)),
+      (d(!0), m($, null, R(e.blockChildren, (a, c) => (d(), f(l, {
+        key: "block-style-" + a.id,
+        block: a,
+        context: e.context
+      }, null, 8, ["block", "context"]))), 128))
+    ]),
+    _: 1
+  }, 16)) : v("", !0);
+}
+const wt = /* @__PURE__ */ y(Ct, [["render", $t]]), Tt = g({
+  name: "render-block",
+  components: {
+    RenderComponent: wt,
+    RenderRepeatedBlock: kt,
+    BlockStyles: ee
+  },
+  props: ["block", "context"],
+  data() {
+    return {
+      component: ht({
+        block: this.block,
+        context: this.context
+      }),
+      Tag: this.block.tagName || "div",
+      childrenContext: this.context,
+      isEmptyHtmlElement: mt
+    };
+  },
+  computed: {
+    repeatItem() {
+      return ft({
+        block: this.block,
+        context: this.context
+      });
+    },
+    useBlock() {
+      return this.repeatItem ? this.block : Z({
+        block: this.block,
+        localState: this.context.localState,
+        rootState: this.context.rootState,
+        rootSetState: this.context.rootSetState,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    canShowBlock() {
+      return "hide" in this.useBlock ? !this.useBlock.hide : "show" in this.useBlock ? this.useBlock.show : !0;
+    },
+    actions() {
+      return it({
+        block: this.useBlock,
+        rootState: this.context.rootState,
+        rootSetState: this.context.rootSetState,
+        localState: this.context.localState,
+        context: this.context.context
+      });
+    },
+    attributes() {
+      return {
+        ...dt(this.useBlock)
+      };
+    },
+    childrenWithoutParentComponent() {
+      var t, n;
+      return !((t = this.component) != null && t.component) && !this.repeatItem ? (n = this.useBlock.children) != null ? n : [] : [];
+    },
+    renderComponentProps() {
+      var e, t, n;
+      return {
+        blockChildren: (e = this.useBlock.children) != null ? e : [],
+        componentRef: (t = this.component) == null ? void 0 : t.component,
+        componentOptions: {
+          ...st(this.useBlock),
+          ...(n = this.component) != null && n.noWrap ? {
+            attributes: {
+              ...this.attributes,
+              ...this.actions
+            }
+          } : {}
+        },
+        context: this.childrenContext
+      };
+    }
+  },
+  methods: {
+    stripVOn: function(t = {}) {
+      return Object.keys(t).reduce(
+        (n, o) => ({
+          ...n,
+          [o.replace("v-on:", "")]: t[o]
+        }),
+        {}
+      );
+    }
+  }
+});
+function xt(e, t, n, o, r, i) {
+  var u;
+  const s = S("render-repeated-block"), l = S("render-component"), a = S("render-block", !0), c = S("block-styles");
+  return e.canShowBlock ? (d(), m($, { key: 0 }, [
+    (u = e.component) != null && u.noWrap ? (d(), f(l, Y(x({ key: 1 }, e.renderComponentProps)), null, 16)) : (d(), m($, { key: 0 }, [
+      e.isEmptyHtmlElement(e.Tag) ? (d(), f(P(e.Tag), x({ key: 0 }, e.attributes, V(e.stripVOn(e.actions))), null, 16)) : v("", !0),
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), m($, { key: 1 }, R(e.repeatItem, (p, h) => (d(), f(s, {
+        key: h,
+        repeatContext: p.context,
+        block: p.block
+      }, null, 8, ["repeatContext", "block"]))), 128)) : v("", !0),
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), f(P(e.Tag), x({ key: 2 }, e.attributes, V(e.stripVOn(e.actions))), {
+        default: he(() => [
+          j(l, Y(Ue(e.renderComponentProps)), null, 16),
+          (d(!0), m($, null, R(e.childrenWithoutParentComponent, (p, h) => (d(), f(a, {
+            key: "render-block-" + p.id,
+            block: p,
+            context: e.childrenContext
+          }, null, 8, ["block", "context"]))), 128)),
+          (d(!0), m($, null, R(e.childrenWithoutParentComponent, (p, h) => (d(), f(c, {
+            key: "block-style-" + p.id,
+            block: p,
+            context: e.childrenContext
+          }, null, 8, ["block", "context"]))), 128))
+        ]),
+        _: 1
+      }, 16)) : v("", !0)
+    ], 64))
+  ], 64)) : v("", !0);
+}
+const ye = /* @__PURE__ */ y(Tt, [["render", xt]]), ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ye
+}, Symbol.toStringTag, { value: "Module" })), It = g({
+  name: "render-blocks",
+  components: { RenderBlock: ye, BlockStyles: ee },
+  props: ["blocks", "parent", "path", "styleProp"],
+  inject: {
+    builderContext: O.key
+  },
+  computed: {
+    className() {
+      var e;
+      return "builder-blocks" + ((e = this.blocks) != null && e.length ? "" : " no-blocks");
+    }
+  },
+  methods: {
+    onClick() {
+      var e, t;
+      E() && !((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() && !((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 Rt = ["builder-path", "builder-parent-id", "dataSet"];
+function Et(e, t, n, o, r, i) {
+  const s = S("render-block"), l = S("block-styles");
+  return d(), m("div", {
+    class: H(e._classStringToObject(e.className + " div-4o9pb21oca6")),
+    "builder-path": e.path,
+    "builder-parent-id": e.parent,
+    dataSet: {
+      class: e.className
+    },
+    style: N(e.styleProp),
+    onClick: t[0] || (t[0] = (a) => e.onClick()),
+    onMouseenter: t[1] || (t[1] = (a) => e.onMouseEnter()),
+    onKeypress: t[2] || (t[2] = (a) => e.onClick())
+  }, [
+    e.blocks ? (d(!0), m($, { key: 0 }, R(e.blocks, (a, c) => (d(), f(s, {
+      key: "render-block-" + a.id,
+      block: a,
+      context: e.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : v("", !0),
+    e.blocks ? (d(!0), m($, { key: 1 }, R(e.blocks, (a, c) => (d(), f(l, {
+      key: "block-style-" + a.id,
+      block: a,
+      context: e.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : v("", !0)
+  ], 46, Rt);
+}
+const Se = /* @__PURE__ */ y(It, [["render", Et], ["__scopeId", "data-v-61bc5f3a"]]), At = g({
+  name: "builder-columns",
+  components: {
+    RenderInlinedStyles: z,
+    RenderBlocks: Se
+  },
+  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: _
+    };
+  },
+  inject: {
+    builderContext: O.key
+  },
+  computed: {
+    columnsCssVars() {
+      return {
+        "--flex-dir": this.flexDir,
+        "--flex-dir-tablet": this.getTabletStyle({
+          stackedStyle: this.flexDir,
+          desktopStyle: "row"
+        })
+      };
+    },
+    columnsStyles() {
+      return `
+        @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
+          .${this.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          .${this.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
+          .${this.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          .${this.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
+    }
+  },
+  methods: {
+    getWidth(e) {
+      var t;
+      return ((t = this.cols[e]) == null ? void 0 : t.width) || 100 / this.cols.length;
+    },
+    getColumnCssWidth(e) {
+      const t = this.gutterSize * (this.cols.length - 1) / this.cols.length;
+      return `calc(${this.getWidth(e)}% - ${t}px)`;
+    },
+    getTabletStyle({
+      stackedStyle: e,
+      desktopStyle: t
+    }) {
+      return this.stackAt === "tablet" ? e : t;
+    },
+    getMobileStyle({
+      stackedStyle: e,
+      desktopStyle: t
+    }) {
+      return this.stackAt === "never" ? t : e;
+    },
+    columnCssVars(e) {
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
+      return {
+        width: n,
+        "margin-left": o,
+        "--column-width-mobile": this.getMobileStyle({
+          stackedStyle: r,
+          desktopStyle: n
+        }),
+        "--column-margin-left-mobile": this.getMobileStyle({
+          stackedStyle: i,
+          desktopStyle: o
+        }),
+        "--column-width-tablet": this.getTabletStyle({
+          stackedStyle: r,
+          desktopStyle: n
+        }),
+        "--column-margin-left-tablet": this.getTabletStyle({
+          stackedStyle: i,
+          desktopStyle: o
+        })
+      };
+    },
+    getWidthForBreakpointSize(e) {
+      var n, o;
+      return be(
+        ((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 _t(e, t, n, o, r, i) {
+  const s = S("render-inlined-styles"), l = S("render-blocks");
+  return d(), m("div", {
+    class: H(
+      e._classStringToObject(
+        `builder-columns ${e.builderBlock.id}-breakpoints div-1eih9th5ow6`
+      )
+    ),
+    style: N(e.columnsCssVars),
+    dataSet: {
+      "builder-block-name": "builder-columns"
+    }
+  }, [
+    e.TARGET !== "reactNative" ? (d(), f(s, {
+      key: 0,
+      styles: e.columnsStyles
+    }, null, 8, ["styles"])) : v("", !0),
+    (d(!0), m($, null, R(e.columns, (a, c) => (d(), m("div", {
+      key: c,
+      class: "builder-column div-1eih9th5ow6-2",
+      style: N(e.columnCssVars(c)),
+      dataSet: {
+        "builder-block-name": "builder-column"
+      }
+    }, [
+      j(l, {
+        blocks: a.blocks,
+        path: `component.options.columns.${c}.blocks`,
+        parent: e.builderBlock.id,
+        styleProp: {
+          flexGrow: "1"
+        }
+      }, null, 8, ["blocks", "path", "parent"])
+    ], 4))), 128))
+  ], 6);
+}
+const Bt = /* @__PURE__ */ y(At, [["render", _t], ["__scopeId", "data-v-df2fecd0"]]), Vt = g({
+  name: "builder-fragment-component",
+  props: []
+});
+function Pt(e, t, n, o, r, i) {
+  return d(), m("span", null, [
+    W(e.$slots, "default")
+  ]);
+}
+const Ot = /* @__PURE__ */ y(Vt, [["render", Pt]]);
+function ie(e) {
+  return e.replace(/http(s)?:/, "");
+}
+function jt(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 Nt(e, t) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
+    return e;
+  if (t === "master")
+    return ie(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], i = t.match("x") ? t : `${t}x`;
+    return ie(`${o[0]}_${i}${r}`);
+  }
+  return null;
+}
+function G(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) => `${jt(e, "width", r)} ${r}w`).concat([n]).join(", ");
+  }
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Nt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+}
+const Ft = 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"), G(t);
+      } else if (this.image && !this.srcset)
+        return G(t);
+      return G(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 Ut = ["srcset"], Mt = ["alt", "role", "src", "srcset", "sizes"], Lt = {
+  key: 2,
+  class: "div-256wrwn33ry-2"
+};
+function Wt(e, t, n, o, r, i) {
+  var s, l, a, c;
+  return d(), m($, null, [
+    oe("picture", null, [
+      e.webpSrcSet ? (d(), m("source", {
+        key: 0,
+        type: "image/webp",
+        srcset: e.webpSrcSet
+      }, null, 8, Ut)) : v("", !0),
+      oe("img", {
+        loading: "lazy",
+        alt: e.altText,
+        role: e.altText ? "presentation" : void 0,
+        style: N({
+          objectPosition: e.backgroundPosition || "center",
+          objectFit: e.backgroundSize || "cover",
+          ...e.aspectRatioCss
+        }),
+        class: H(
+          e._classStringToObject(
+            "builder-image" + (e.className ? " " + e.className : "") + " img-256wrwn33ry"
+          )
+        ),
+        src: e.image,
+        srcset: e.srcSetToUse,
+        sizes: e.sizes
+      }, null, 14, Mt)
+    ]),
+    e.aspectRatio && !(((l = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : l.length) && e.fitContent) ? (d(), m("div", {
+      key: 0,
+      class: "builder-image-sizer div-256wrwn33ry",
+      style: N({
+        paddingTop: e.aspectRatio * 100 + "%"
+      })
+    }, null, 4)) : v("", !0),
+    ((c = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length) && e.fitContent ? W(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
+    !e.fitContent && e.children ? (d(), m("div", Lt, [
+      W(e.$slots, "default", {}, void 0, !0)
+    ])) : v("", !0)
+  ], 64);
+}
+const Ht = /* @__PURE__ */ y(Ft, [["render", Wt], ["__scopeId", "data-v-f59f4313"]]), Kt = g({
+  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 i = r.startsWith(o);
+        return n ? i : !i;
+      }).reduce(
+        (r, i) => ({
+          ...r,
+          [i.replace(o, "")]: t[i]
+        }),
+        {}
+      );
+    }
+  }
+});
+function zt(e, t, n, o, r, i) {
+  return d(), m("section", x({
+    style: {
+      width: "100%",
+      alignSelf: "stretch",
+      flexGrow: 1,
+      boxSizing: "border-box",
+      maxWidth: e.maxWidth || 1200,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      marginLeft: "auto",
+      marginRight: "auto"
+    }
+  }, e.filterAttrs(e.attributes, !1), V(e.filterAttrs(e.attributes, !0), !0)), [
+    W(e.$slots, "default")
+  ], 16);
+}
+const Dt = /* @__PURE__ */ y(Kt, [["render", zt]]), qt = {
+  name: "Core:Button",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
+  defaultStyles: {
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#000000",
+    color: "white",
+    borderRadius: "4px",
+    textAlign: "center",
+    cursor: "pointer"
+  },
+  inputs: [
+    {
+      name: "text",
+      type: "text",
+      defaultValue: "Click me!",
+      bubble: !0
+    },
+    {
+      name: "link",
+      type: "url",
+      bubble: !0
+    },
+    {
+      name: "openLinkInNewTab",
+      type: "boolean",
+      defaultValue: !1,
+      friendlyName: "Open link in new tab"
+    }
+  ],
+  static: !0,
+  noWrap: !0
+}, D = (e) => {
+  const t = e.toString().trim();
+  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
+}, Gt = {
+  name: "Columns",
+  inputs: [
+    {
+      name: "columns",
+      type: "array",
+      broadcast: !0,
+      subFields: [
+        {
+          name: "blocks",
+          type: "array",
+          hideFromUI: !0,
+          defaultValue: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        },
+        {
+          name: "width",
+          type: "number",
+          hideFromUI: !0,
+          helperText: "Width %, e.g. set to 50 to fill half of the space"
+        },
+        {
+          name: "link",
+          type: "url",
+          helperText: "Optionally set a url that clicking this column will link to"
+        }
+      ],
+      defaultValue: [
+        {
+          blocks: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        },
+        {
+          blocks: [
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto",
+                  minHeight: "20px",
+                  minWidth: "20px",
+                  overflow: "hidden"
+                }
+              },
+              component: {
+                name: "Image",
+                options: {
+                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+                  backgroundPosition: "center",
+                  backgroundSize: "cover",
+                  aspectRatio: 0.7004048582995948
+                }
+              }
+            },
+            {
+              "@type": "@builder.io/sdk:Element",
+              responsiveStyles: {
+                large: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "stretch",
+                  flexShrink: "0",
+                  position: "relative",
+                  marginTop: "30px",
+                  textAlign: "center",
+                  lineHeight: "normal",
+                  height: "auto"
+                }
+              },
+              component: {
+                name: "Text",
+                options: {
+                  text: "<p>Enter some text...</p>"
+                }
+              }
+            }
+          ]
+        }
+      ],
+      onChange: D((e) => {
+        function t() {
+          n.forEach((o) => {
+            o.delete("width");
+          });
+        }
+        const n = e.get("columns");
+        Array.isArray(n) && !!n.find(
+          (r) => r.get("width")
+        ) && (!!n.find(
+          (i) => !i.get("width")
+        ) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
+      })
+    },
+    {
+      name: "space",
+      type: "number",
+      defaultValue: 20,
+      helperText: "Size of gap between columns",
+      advanced: !0
+    },
+    {
+      name: "stackColumnsAt",
+      type: "string",
+      defaultValue: "tablet",
+      helperText: "Convert horizontal columns to vertical at what device size",
+      enum: ["tablet", "mobile", "never"],
+      advanced: !0
+    },
+    {
+      name: "reverseColumnsWhenStacked",
+      type: "boolean",
+      defaultValue: !1,
+      helperText: "When stacking columns for mobile devices, reverse the ordering",
+      advanced: !0
+    }
+  ]
+}, Jt = {
+  name: "Fragment",
+  static: !0,
+  hidden: !0,
+  canHaveChildren: !0,
+  noWrap: !0
+}, Yt = {
+  name: "Image",
+  static: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
+  defaultStyles: {
+    position: "relative",
+    minHeight: "20px",
+    minWidth: "20px",
+    overflow: "hidden"
+  },
+  canHaveChildren: !0,
+  inputs: [
+    {
+      name: "image",
+      type: "file",
+      bubble: !0,
+      allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+      required: !0,
+      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
+      onChange: D(
+        (e) => {
+          e.delete("srcset"), e.delete("noWebp");
+          function n(s, l = 6e4) {
+            return new Promise((a, c) => {
+              const u = document.createElement("img");
+              let p = !1;
+              u.onload = () => {
+                p = !0, a(u);
+              }, u.addEventListener("error", (h) => {
+                console.warn("Image load failed", h.error), c(h.error);
+              }), u.src = s, setTimeout(() => {
+                p || c(new Error("Image load timed out"));
+              }, l);
+            });
+          }
+          function o(s) {
+            return Math.round(s * 1e3) / 1e3;
+          }
+          const r = e.get("image"), i = e.get("aspectRatio");
+          if (fetch(r).then((s) => s.blob()).then((s) => {
+            s.type.includes("svg") && e.set("noWebp", !0);
+          }), r && (!i || i === 0.7041))
+            return n(r).then((s) => {
+              const l = e.get("aspectRatio");
+              e.get("image") === r && (!l || l === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
+            });
+        }
+      )
+    },
+    {
+      name: "backgroundSize",
+      type: "text",
+      defaultValue: "cover",
+      enum: [
+        {
+          label: "contain",
+          value: "contain",
+          helperText: "The image should never get cropped"
+        },
+        {
+          label: "cover",
+          value: "cover",
+          helperText: "The image should fill it's box, cropping when needed"
+        }
+      ]
+    },
+    {
+      name: "backgroundPosition",
+      type: "text",
+      defaultValue: "center",
+      enum: [
+        "center",
+        "top",
+        "left",
+        "right",
+        "bottom",
+        "top left",
+        "top right",
+        "bottom left",
+        "bottom right"
+      ]
+    },
+    {
+      name: "altText",
+      type: "string",
+      helperText: "Text to display when the user has images off"
+    },
+    {
+      name: "height",
+      type: "number",
+      hideFromUI: !0
+    },
+    {
+      name: "width",
+      type: "number",
+      hideFromUI: !0
+    },
+    {
+      name: "sizes",
+      type: "string",
+      hideFromUI: !0
+    },
+    {
+      name: "srcset",
+      type: "string",
+      hideFromUI: !0
+    },
+    {
+      name: "lazy",
+      type: "boolean",
+      defaultValue: !0,
+      hideFromUI: !0
+    },
+    {
+      name: "fitContent",
+      type: "boolean",
+      helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
+      defaultValue: !0
+    },
+    {
+      name: "aspectRatio",
+      type: "number",
+      helperText: "This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",
+      advanced: !0,
+      defaultValue: 0.7041
+    }
+  ]
+}, Xt = {
+  name: "Core:Section",
+  static: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
+  inputs: [
+    {
+      name: "maxWidth",
+      type: "number",
+      defaultValue: 1200
+    },
+    {
+      name: "lazyLoad",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0,
+      description: "Only render this section when in view"
+    }
+  ],
+  defaultStyles: {
+    paddingLeft: "20px",
+    paddingRight: "20px",
+    paddingTop: "50px",
+    paddingBottom: "50px",
+    marginTop: "0px",
+    width: "100vw",
+    marginLeft: "calc(50% - 50vw)"
+  },
+  canHaveChildren: !0,
+  defaultChildren: [
+    {
+      "@type": "@builder.io/sdk:Element",
+      responsiveStyles: {
+        large: {
+          textAlign: "center"
+        }
+      },
+      component: {
+        name: "Text",
+        options: {
+          text: "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"
+        }
+      }
+    }
+  ]
+}, Qt = {
+  name: "Symbol",
+  noWrap: !0,
+  static: !0,
+  inputs: [
+    {
+      name: "symbol",
+      type: "uiSymbol"
+    },
+    {
+      name: "dataOnly",
+      helperText: "Make this a data symbol that doesn't display any UI",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0,
+      hideFromUI: !0
+    },
+    {
+      name: "inheritState",
+      helperText: "Inherit the parent component state and data",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0
+    },
+    {
+      name: "renderToLiquid",
+      helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0,
+      hideFromUI: !0
+    },
+    {
+      name: "useChildren",
+      hideFromUI: !0,
+      type: "boolean"
+    }
+  ]
+}, Zt = {
+  name: "Text",
+  static: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
+  inputs: [
+    {
+      name: "text",
+      type: "html",
+      required: !0,
+      autoFocus: !0,
+      bubble: !0,
+      defaultValue: "Enter some text..."
+    }
+  ],
+  defaultStyles: {
+    lineHeight: "normal",
+    height: "auto",
+    textAlign: "center"
+  }
+}, en = g({
+  name: "builder-text",
+  props: ["text"]
+}), tn = ["innerHTML"];
+function nn(e, t, n, o, r, i) {
+  return d(), m("span", {
+    class: "builder-text",
+    innerHTML: e.text,
+    style: {
+      outline: "none"
+    }
+  }, null, 8, tn);
+}
+const on = /* @__PURE__ */ y(en, [["render", nn]]), rn = {
+  name: "Video",
+  canHaveChildren: !0,
+  defaultStyles: {
+    minHeight: "20px",
+    minWidth: "20px"
+  },
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
+  inputs: [
+    {
+      name: "video",
+      type: "file",
+      allowedFileTypes: ["mp4"],
+      bubble: !0,
+      defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
+      required: !0
+    },
+    {
+      name: "posterImage",
+      type: "file",
+      allowedFileTypes: ["jpeg", "png"],
+      helperText: "Image to show before the video plays"
+    },
+    {
+      name: "autoPlay",
+      type: "boolean",
+      defaultValue: !0
+    },
+    {
+      name: "controls",
+      type: "boolean",
+      defaultValue: !1
+    },
+    {
+      name: "muted",
+      type: "boolean",
+      defaultValue: !0
+    },
+    {
+      name: "loop",
+      type: "boolean",
+      defaultValue: !0
+    },
+    {
+      name: "playsInline",
+      type: "boolean",
+      defaultValue: !0
+    },
+    {
+      name: "fit",
+      type: "text",
+      defaultValue: "cover",
+      enum: ["contain", "cover", "fill", "auto"]
+    },
+    {
+      name: "fitContent",
+      type: "boolean",
+      helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
+      defaultValue: !0,
+      advanced: !0
+    },
+    {
+      name: "position",
+      type: "text",
+      defaultValue: "center",
+      enum: [
+        "center",
+        "top",
+        "left",
+        "right",
+        "bottom",
+        "top left",
+        "top right",
+        "bottom left",
+        "bottom right"
+      ]
+    },
+    {
+      name: "height",
+      type: "number",
+      advanced: !0
+    },
+    {
+      name: "width",
+      type: "number",
+      advanced: !0
+    },
+    {
+      name: "aspectRatio",
+      type: "number",
+      advanced: !0,
+      defaultValue: 0.7004048582995948
+    },
+    {
+      name: "lazyLoad",
+      type: "boolean",
+      helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
+      defaultValue: !0,
+      advanced: !0
+    }
+  ]
+}, sn = 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
+      };
+    }
+  }
+}), an = ["src", "poster"];
+function ln(e, t, n, o, r, i) {
+  var s;
+  return d(), m("video", x({
+    style: {
+      width: "100%",
+      height: "100%",
+      ...(s = e.attributes) == null ? void 0 : s.style,
+      objectFit: e.fit,
+      objectPosition: e.position,
+      borderRadius: 1
+    },
+    src: e.video || "no-src",
+    poster: e.posterImage
+  }, e.spreadProps), null, 16, an);
+}
+const cn = /* @__PURE__ */ y(sn, [["render", ln]]), dn = {
+  name: "Embed",
+  static: !0,
+  inputs: [
+    {
+      name: "url",
+      type: "url",
+      required: !0,
+      defaultValue: "",
+      helperText: "e.g. enter a youtube url, google map, etc",
+      onChange: D(
+        (e) => {
+          const t = e.get("url");
+          if (t)
+            return e.set("content", "Loading..."), fetch(
+              `https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`
+            ).then((o) => o.json()).then((o) => {
+              e.get("url") === t && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
+            }).catch((o) => {
+              e.set(
+                "content",
+                "There was an error embedding this URL, please try again or another URL"
+              );
+            });
+          e.delete("content");
+        }
+      )
+    },
+    {
+      name: "content",
+      type: "html",
+      defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
+      hideFromUI: !0
+    }
+  ]
+}, un = [
+  "text/javascript",
+  "application/javascript",
+  "application/ecmascript"
+], pn = (e) => un.includes(e.type), mn = g({
+  name: "builder-embed",
+  props: ["content"],
+  data() {
+    return { scriptsInserted: [], scriptsRun: [], ranInitFn: !1 };
+  },
+  watch: {
+    onUpdateHook0: {
+      handler() {
+        this.$refs.elem && !this.ranInitFn && (this.ranInitFn = !0, this.findAndRunScripts());
+      },
+      immediate: !0
+    }
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.$refs.elem,
+        1: this.ranInitFn
+      };
+    }
+  },
+  methods: {
+    findAndRunScripts() {
+      if (!this.$refs.elem || !this.$refs.elem.getElementsByTagName)
+        return;
+      const e = this.$refs.elem.getElementsByTagName("script");
+      for (let t = 0; t < e.length; t++) {
+        const n = e[t];
+        if (n.src && !this.scriptsInserted.includes(n.src)) {
+          this.scriptsInserted.push(n.src);
+          const o = document.createElement("script");
+          o.async = !0, o.src = n.src, document.head.appendChild(o);
+        } else if (pn(n) && !this.scriptsRun.includes(n.innerText))
+          try {
+            this.scriptsRun.push(n.innerText), new Function(n.innerText)();
+          } catch (o) {
+            console.warn("`Embed`: Error running script:", o);
+          }
+      }
+    }
+  }
+}), hn = ["innerHTML"];
+function fn(e, t, n, o, r, i) {
+  return d(), m("div", {
+    class: "builder-embed",
+    ref: "elem",
+    innerHTML: e.content
+  }, null, 8, hn);
+}
+const bn = /* @__PURE__ */ y(mn, [["render", fn]]), gn = g({
+  name: "builder-img-component",
+  props: [
+    "backgroundSize",
+    "backgroundPosition",
+    "imgSrc",
+    "altText",
+    "image",
+    "attributes"
+  ],
+  data() {
+    return { isEditing: E };
+  },
+  methods: {
+    filterAttrs: function(t = {}, n) {
+      const o = "v-on:";
+      return Object.keys(t).filter((r) => {
+        if (!t[r])
+          return !1;
+        const i = r.startsWith(o);
+        return n ? i : !i;
+      }).reduce(
+        (r, i) => ({
+          ...r,
+          [i.replace(o, "")]: t[i]
+        }),
+        {}
+      );
+    }
+  }
+}), yn = ["alt", "src"];
+function kn(e, t, n, o, r, i) {
+  return d(), m("img", x({
+    style: {
+      objectFit: e.backgroundSize || "cover",
+      objectPosition: e.backgroundPosition || "center"
+    },
+    key: e.isEditing() && e.imgSrc || "default-key",
+    alt: e.altText,
+    src: e.imgSrc || e.image
+  }, e.filterAttrs(e.attributes, !1), V(e.filterAttrs(e.attributes, !0), !0)), null, 16, yn);
+}
+const Sn = /* @__PURE__ */ y(gn, [["render", kn]]), vn = {
+  name: "Raw:Img",
+  hideFromInsertMenu: !0,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
+  inputs: [
+    {
+      name: "image",
+      bubble: !0,
+      type: "file",
+      allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
+      required: !0
+    }
+  ],
+  noWrap: !0,
+  static: !0
+}, Cn = g({
+  name: "builder-custom-code",
+  props: ["replaceNodes", "code"],
+  data() {
+    return { scriptsInserted: [], scriptsRun: [] };
+  },
+  mounted() {
+    this.findAndRunScripts();
+  },
+  methods: {
+    findAndRunScripts() {
+      if (this.$refs.elem && this.$refs.elem.getElementsByTagName && typeof window < "u") {
+        const e = this.$refs.elem.getElementsByTagName("script");
+        for (let t = 0; t < e.length; t++) {
+          const n = e[t];
+          if (n.src) {
+            if (this.scriptsInserted.includes(n.src))
+              continue;
+            this.scriptsInserted.push(n.src);
+            const o = document.createElement("script");
+            o.async = !0, o.src = n.src, document.head.appendChild(o);
+          } else if (!n.type || [
+            "text/javascript",
+            "application/javascript",
+            "application/ecmascript"
+          ].includes(n.type)) {
+            if (this.scriptsRun.includes(n.innerText))
+              continue;
+            try {
+              this.scriptsRun.push(n.innerText), new Function(n.innerText)();
+            } catch (o) {
+              console.warn("`CustomCode`: Error running script:", o);
+            }
+          }
+        }
+      }
+    },
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
+    }
+  }
+}), $n = ["innerHTML"];
+function wn(e, t, n, o, r, i) {
+  return d(), m("div", {
+    ref: "elem",
+    class: H(
+      e._classStringToObject(
+        "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
+      )
+    ),
+    innerHTML: e.code
+  }, null, 10, $n);
+}
+const Tn = /* @__PURE__ */ y(Cn, [["render", wn]]), xn = {
+  name: "Custom Code",
+  static: !0,
+  requiredPermissions: ["editCode"],
+  inputs: [
+    {
+      name: "code",
+      type: "html",
+      required: !0,
+      defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+      code: !0
+    },
+    {
+      name: "replaceNodes",
+      type: "boolean",
+      helperText: "Preserve server rendered dom nodes",
+      advanced: !0
+    },
+    {
+      name: "scriptsClientOnly",
+      type: "boolean",
+      defaultValue: !1,
+      helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+      advanced: !0
+    }
+  ]
+}, In = () => [
+  { component: Ke, ...qt },
+  { component: Bt, ...Gt },
+  { component: Tn, ...xn },
+  { component: bn, ...dn },
+  { component: Ot, ...Jt },
+  { component: Ht, ...Yt },
+  { component: Sn, ...vn },
+  { component: Dt, ...Xt },
+  { component: Wo, ...Qt },
+  { component: on, ...Zt },
+  { component: cn, ...rn }
+], U = "[Builder.io]: ", A = {
+  log: (...e) => console.log(U, ...e),
+  error: (...e) => console.error(U, ...e),
+  warn: (...e) => console.warn(U, ...e),
+  debug: (...e) => console.debug(U, ...e)
+}, Rn = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, ve = ({
+  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) {
+    A.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    return;
+  }
+}, Ce = async (e) => ve(e), En = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(I).join("; "), An = [
+  ["secure", ""],
+  ["SameSite", "None"]
+], _n = ({
+  name: e,
+  value: t,
+  expires: n
+}) => {
+  const r = (C() ? location.protocol === "https:" : !0) ? An : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [
+    [e, t],
+    ...i,
+    ["path", "/"],
+    ["domain", Rn(window.location.hostname)],
+    ...r
+  ];
+  return En(s);
+}, $e = async ({
+  name: e,
+  value: t,
+  expires: n,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
+      return;
+    const r = _n({ name: e, value: t, expires: n });
+    document.cookie = r;
+  } catch (r) {
+    A.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+  }
+}, Bn = "builder.tests", te = (e) => `${Bn}.${e}`, Vn = ({ contentId: e }) => Ce({ name: te(e), canTrack: !0 }), Pn = ({ contentId: e }) => ve({ name: te(e), canTrack: !0 }), On = ({
+  contentId: e,
+  value: t
+}) => $e({ name: te(e), value: t, canTrack: !0 }), we = (e) => I(e.id) && I(e.variations) && Object.keys(e.variations).length > 0, jn = ({
+  id: e,
+  variations: t
+}) => {
+  var r;
+  let n = 0;
+  const o = Math.random();
+  for (const i in t) {
+    const s = (r = t[i]) == null ? void 0 : r.testRatio;
+    if (n += s, o < n)
+      return i;
+  }
+  return e;
+}, Te = (e) => {
+  const t = jn(e);
+  return On({
+    contentId: e.id,
+    value: t
+  }).catch((n) => {
+    A.error("could not store A/B test variation: ", n);
+  }), t;
+}, xe = ({
+  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" : "")
+  };
+}, Nn = ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t)
+    return e;
+  if (!e)
+    return;
+  if (!we(e))
+    return e;
+  const n = Pn({
+    contentId: e.id
+  }) || Te({
+    variations: e.variations,
+    id: e.id
+  }), o = xe({ item: e, testGroupId: n });
+  return {
+    ...e,
+    ...o
+  };
+}, Fn = async ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t || !we(e))
+    return e;
+  const o = await Vn({
+    contentId: e.id
+  }) || Te({
+    variations: e.variations,
+    id: e.id
+  }), r = xe({ item: e, testGroupId: o });
+  return {
+    ...e,
+    ...r
+  };
+}, M = (e) => I(e) ? e : !0;
+function Un() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
+}
+function Mn() {
+  const e = Un().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 Ie = Mn();
+function X(e, t = null, n = ".") {
+  return Object.keys(e).reduce((o, r) => {
+    const i = e[r], s = [t, r].filter(Boolean).join(n);
+    return [
+      typeof i == "object",
+      i !== null,
+      !(Array.isArray(i) && i.length === 0)
+    ].every(Boolean) ? { ...o, ...X(i, s, n) } : { ...o, [s]: i };
+  }, {});
+}
+const se = "builder.", Ln = "options.", Wn = (e) => {
+  const t = {};
+  return e.forEach((n, o) => {
+    t[o] = n;
+  }), t;
+}, Hn = (e) => {
+  if (!e)
+    return {};
+  const t = Re(e), n = {};
+  return Object.keys(t).forEach((o) => {
+    if (o.startsWith(se)) {
+      const r = o.replace(se, "").replace(Ln, "");
+      n[r] = t[o];
+    }
+  }), n;
+}, Kn = () => {
+  if (!C())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return Hn(e);
+}, Re = (e) => e instanceof URLSearchParams ? Wn(e) : e, zn = "v3", Ee = (e) => {
+  const {
+    limit: t = 30,
+    userAttributes: n,
+    query: o,
+    noTraverse: r = !1,
+    model: i,
+    apiKey: s,
+    includeRefs: l = !0,
+    enrich: a,
+    locale: c,
+    apiVersion: u = zn
+  } = e;
+  if (!s)
+    throw new Error("Missing API key");
+  if (!["v2", "v3"].includes(u))
+    throw new Error(
+      `Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`
+    );
+  const p = new URL(
+    `https://cdn.builder.io/api/${u}/content/${i}?apiKey=${s}&limit=${t}&noTraverse=${r}&includeRefs=${l}${c ? `&locale=${c}` : ""}${a ? `&enrich=${a}` : ""}`
+  ), h = {
+    ...Kn(),
+    ...Re(e.options || {})
+  }, k = X(h);
+  for (const b in k)
+    p.searchParams.set(b, String(k[b]));
+  if (n && p.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const b = X({ query: o });
+    for (const w in b)
+      p.searchParams.set(w, JSON.stringify(b[w]));
+  }
+  return p;
+}, Ae = (e) => "results" in e;
+async function _e(e) {
+  const t = await Gn({ ...e, limit: 1 });
+  return t && Ae(t) && t.results[0] || null;
+}
+const Dn = async (e) => {
+  const t = Ee(e);
+  return await (await Ie(t.href)).json();
+}, qn = async (e, t) => {
+  const n = M(e.canTrack);
+  if (!n || !(C() || _ === "reactNative"))
+    return t;
+  try {
+    const o = [];
+    for (const r of t.results)
+      o.push(await Fn({ item: r, canTrack: n }));
+    t.results = o;
+  } catch (o) {
+    A.error("Could not process A/B tests. ", o);
+  }
+  return t;
+};
+async function Gn(e) {
+  try {
+    const t = Ee(e), n = await Dn(e);
+    return Ae(n) ? qn(e, n) : (A.error("Error fetching data. ", { url: t, content: n, options: e }), n);
+  } catch (t) {
+    return A.error("Error fetching data. ", t), null;
+  }
+}
+function Jn() {
+  return !C() || E() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+}
+const Yn = [], Xn = ({
+  component: e,
+  ...t
+}) => ({
+  type: "builder.registerComponent",
+  data: Zn(t)
+}), Qn = (e) => typeof e == "function" ? D(e) : K(e), Zn = ({
+  inputs: e,
+  ...t
+}) => ({
+  ...K(t),
+  inputs: e == null ? void 0 : e.map(
+    (n) => Object.entries(n).reduce(
+      (o, [r, i]) => ({
+        ...o,
+        [r]: Qn(i)
+      }),
+      {}
+    )
+  )
+});
+function eo() {
+  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 Be() {
+  return eo().replace(/-/g, "");
+}
+const Ve = "builderSessionId", to = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = await Ce({
+    name: Ve,
+    canTrack: e
+  });
+  if (I(t))
+    return t;
+  {
+    const n = no();
+    return oo({ id: n, canTrack: e }), n;
+  }
+}, no = () => Be(), oo = ({
+  id: e,
+  canTrack: t
+}) => $e({ name: Ve, value: e, canTrack: t }), Pe = () => C() && typeof localStorage < "u" ? localStorage : void 0, ro = ({
+  key: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = Pe()) == null ? void 0 : n.getItem(e) : void 0;
+  } catch (o) {
+    console.debug("[LocalStorage] GET error: ", o);
+    return;
+  }
+}, io = ({
+  key: e,
+  canTrack: t,
+  value: n
+}) => {
+  var o;
+  try {
+    t && ((o = Pe()) == null || o.setItem(e, n));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
+  }
+}, Oe = "builderVisitorId", so = ({ canTrack: e }) => {
+  if (!e)
+    return;
+  const t = ro({
+    key: Oe,
+    canTrack: e
+  });
+  if (I(t))
+    return t;
+  {
+    const n = ao();
+    return lo({ id: n, canTrack: e }), n;
+  }
+}, ao = () => Be(), lo = ({
+  id: e,
+  canTrack: t
+}) => io({
+  key: Oe,
+  value: e,
+  canTrack: t
+}), co = () => {
+  if (C()) {
+    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;
+}, uo = () => typeof navigator == "object" && navigator.userAgent || "", po = () => {
+  const e = uo(), 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() || _ === "reactNative";
+    }
+  }, n = e.match(/Tablet|iPad/i), o = co();
+  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"
+  };
+}, mo = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return { visitorId: void 0, sessionId: void 0 };
+  const t = await to({ canTrack: e }), n = so({ canTrack: e });
+  return {
+    sessionId: t,
+    visitorId: n
+  };
+}, ho = async ({
+  type: e,
+  canTrack: t,
+  apiKey: n,
+  metadata: o,
+  ...r
+}) => ({
+  type: e,
+  data: {
+    ...r,
+    metadata: {
+      url: location.href,
+      ...o
+    },
+    ...await mo({ canTrack: t }),
+    userAttributes: po(),
+    ownerId: n
+  }
+});
+async function Q(e) {
+  if (!e.apiKey) {
+    A.error(
+      "Missing API key for track call. Please provide your API key."
+    );
+    return;
+  }
+  if (!!e.canTrack && !E() && !!(C() || _ === "reactNative"))
+    return fetch("https://builder.io/api/v1/track", {
+      method: "POST",
+      body: JSON.stringify({
+        events: [await ho(e)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((t) => {
+      console.error("Failed to track: ", t);
+    });
+}
+const Do = (e) => Q({ ...e, canTrack: !0 }), fo = (e) => {
+  var i, s;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (s = e.fileUrl) != null ? s : (i = e == null ? void 0 : e.files) == null ? void 0 : i.regular;
+  let r = "";
+  if (o && t && n && (r += `
+@font-face {
+font-family: "${t}";
+src: local("${n}"), url('${o}') format('woff2');
+font-display: fallback;
+font-weight: 400;
+}
+      `.trim()), e.files)
+    for (const l in e.files) {
+      if (!(String(Number(l)) === l))
+        continue;
+      const c = e.files[l];
+      c && c !== o && (r += `
+@font-face {
+font-family: "${t}";
+src: url('${c}') format('woff2');
+font-display: fallback;
+font-weight: ${l};
+}
+        `.trim());
+    }
+  return r;
+}, bo = ({ customFonts: e }) => {
+  var t;
+  return ((t = e == null ? void 0 : e.map((n) => fo(n))) == null ? void 0 : t.join(" ")) || "";
+}, go = ({
+  cssCode: e,
+  contentId: t
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", yo = g({
+  name: "render-content-styles",
+  components: { RenderInlinedStyles: z },
+  props: ["cssCode", "contentId", "customFonts"],
+  data() {
+    return {
+      injectedStyles: `
+${go({
+        cssCode: this.cssCode,
+        contentId: this.contentId
+      })}
+${bo({
+        customFonts: this.customFonts
+      })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
+`.trim()
+    };
+  }
+});
+function ko(e, t, n, o, r, i) {
+  const s = S("render-inlined-styles");
+  return d(), f(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
+}
+const So = /* @__PURE__ */ y(yo, [["render", ko]]), vo = "0.4.3", ae = {};
+function Co(e, t) {
+  let n = ae[e];
+  if (n || (n = ae[e] = []), n.push(t), C()) {
+    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 $o = () => {
+  Co("insertMenu", {
+    name: "_default",
+    default: !0,
+    items: [
+      { name: "Box" },
+      { name: "Text" },
+      { name: "Image" },
+      { name: "Columns" },
+      { name: "Core:Section" },
+      { name: "Core:Button" },
+      { name: "Embed" },
+      { name: "Custom Code" }
+    ]
+  });
+};
+let le = !1;
+const wo = (e = {}) => {
+  var t, n;
+  le || (le = !0, C() && ((t = window.parent) == null || t.postMessage(
+    {
+      type: "builder.sdkInfo",
+      data: {
+        target: _,
+        version: vo,
+        supportsPatchUpdates: !1,
+        supportsAddBlockScoping: !0,
+        supportsCustomBreakpoints: !0
+      }
+    },
+    "*"
+  ), (n = window.parent) == null || n.postMessage(
+    {
+      type: "builder.updateContent",
+      data: {
+        options: e
+      }
+    },
+    "*"
+  ), window.addEventListener("message", ({ data: o }) => {
+    var r, i;
+    if (!!(o != null && o.type))
+      switch (o.type) {
+        case "builder.evaluate": {
+          const s = o.data.text, l = o.data.arguments || [], a = o.data.id, c = new Function(s);
+          let u, p = null;
+          try {
+            u = c.apply(null, l);
+          } catch (h) {
+            p = h;
+          }
+          p ? (r = window.parent) == null || r.postMessage(
+            {
+              type: "builder.evaluateError",
+              data: { id: a, error: p.message }
+            },
+            "*"
+          ) : u && typeof u.then == "function" ? u.then((h) => {
+            var k;
+            (k = window.parent) == null || k.postMessage(
+              {
+                type: "builder.evaluateResult",
+                data: { id: a, result: h }
+              },
+              "*"
+            );
+          }).catch(console.error) : (i = window.parent) == null || i.postMessage(
+            {
+              type: "builder.evaluateResult",
+              data: { result: u, id: a }
+            },
+            "*"
+          );
+          break;
+        }
+      }
+  })));
+};
+function ce(e) {
+  return Math.round(e * 1e3) / 1e3;
+}
+const To = (e, t, n = !0) => {
+  if (!(e instanceof HTMLElement))
+    return null;
+  let o = n ? e : e.parentElement;
+  do {
+    if (!o)
+      return null;
+    if (t(o))
+      return o;
+  } while (o = o.parentElement);
+  return null;
+}, xo = (e) => To(e, (t) => {
+  const n = t.getAttribute("builder-id") || t.id;
+  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
+}), de = ({
+  event: e,
+  target: t
+}) => {
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = ce(o / n.width), s = ce(r / n.height);
+  return {
+    x: i,
+    y: s
+  };
+}, Io = (e) => {
+  const t = e.target, n = t && xo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+  return {
+    targetBuilderElement: o || void 0,
+    metadata: {
+      targetOffset: t ? de({ event: e, target: t }) : void 0,
+      builderTargetOffset: n ? de({ event: e, target: n }) : void 0,
+      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
+    }
+  };
+}, Ro = ({
+  content: e,
+  data: t,
+  locale: n
+}) => {
+  var i, s, l;
+  const o = {};
+  (s = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || s.forEach((a) => {
+    var c;
+    a.name && a.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[a.name] === void 0 && (o[a.name] = a.defaultValue);
+  });
+  const r = {
+    ...(l = e == null ? void 0 : e.data) == null ? void 0 : l.state,
+    ...t,
+    ...n ? { locale: n } : {}
+  };
+  return { ...o, ...r };
+}, Eo = ({
+  content: e,
+  data: t
+}) => e ? {
+  ...e,
+  data: {
+    ...e == null ? void 0 : e.data,
+    ...t
+  },
+  meta: e == null ? void 0 : e.meta
+} : void 0, L = (e) => Object.values((e == null ? void 0 : e.variations) || {}), ue = ({
+  canTrack: e,
+  content: t
+}) => !(!(L(t).length > 0) || !e || C());
+function Ao(e, t, n) {
+  function o() {
+    function s(k, b, w) {
+      let B = "";
+      if (w) {
+        const T = new Date();
+        T.setTime(T.getTime() + w * 24 * 60 * 60 * 1e3), B = "; expires=" + T.toUTCString();
+      }
+      document.cookie = k + "=" + (b || "") + B + "; path=/; Secure; SameSite=None";
+    }
+    function l(k) {
+      const b = k + "=", w = document.cookie.split(";");
+      for (let B = 0; B < w.length; B++) {
+        let T = w[B];
+        for (; T.charAt(0) === " "; )
+          T = T.substring(1, T.length);
+        if (T.indexOf(b) === 0)
+          return T.substring(b.length, T.length);
+      }
+      return null;
+    }
+    const a = `builder.tests.${e}`, c = l(a), u = t.map((k) => k.id).concat(e);
+    if (c && u.includes(c))
+      return c;
+    let p = 0;
+    const h = Math.random();
+    for (let k = 0; k < t.length; k++) {
+      const b = t[k], w = b.testRatio;
+      if (p += w, h < p)
+        return s(a, b.id), b.id;
+    }
+    return s(a, e), e;
+  }
+  const r = o(), i = document.getElementById(
+    `variants-styles-${e}`
+  );
+  if (n) {
+    i.remove();
+    const s = document.getElementById(
+      `variants-script-${e}`
+    );
+    s == null || s.remove();
+  } else {
+    const s = t.concat({ id: e }).filter((l) => l.id !== r).map((l) => `.variant-${l.id} {  display: none; }
+        `).join("");
+    i.innerHTML = s;
+  }
+}
+function _o(e, t, n) {
+  if (!navigator.cookieEnabled)
+    return;
+  function o(a) {
+    const c = a + "=", u = document.cookie.split(";");
+    for (let p = 0; p < u.length; p++) {
+      let h = u[p];
+      for (; h.charAt(0) === " "; )
+        h = h.substring(1, h.length);
+      if (h.indexOf(c) === 0)
+        return h.substring(c.length, h.length);
+    }
+    return null;
+  }
+  const r = `builder.tests.${t}`, i = o(r), s = document.querySelector(
+    `[builder-content-id="${e}"]`
+  ), l = e === t;
+  if (i === e) {
+    if (l)
+      return;
+    s == null || s.removeAttribute("hidden"), s == null || s.removeAttribute("aria-hidden");
+  } else {
+    l && (n ? s == null || s.remove() : (s == null || s.setAttribute("hidden", "true"), s == null || s.setAttribute("aria-hidden", "true")));
+    return;
+  }
+}
+const Bo = (e) => e === "react" || e === "reactNative" || e === "vue3" || e === "vue2", je = Bo(_), pe = "bldrAbTest", Ne = "bldrCntntScrpt", Vo = (e, t) => {
+  const n = Ao.toString().replace(/\s+/g, " "), o = _o.toString().replace(/\s+/g, " ");
+  return `
+  const ${pe} = ${n}
+  const ${Ne} = ${o}
+  ${pe}("${t}", ${JSON.stringify(
+    e
+  )}, ${je})
+  `;
+}, Po = ({
+  parentContentId: e,
+  contentId: t
+}) => `
+  ${Ne}("${t}", "${e}", ${je})`, Oo = Me, jo = g({
+  name: "render-content",
+  components: {
+    RenderContentStyles: So,
+    RenderBlocks: Se
+  },
+  props: [
+    "canTrack",
+    "model",
+    "context",
+    "apiKey",
+    "content",
+    "parentContentId",
+    "data",
+    "locale",
+    "apiVersion",
+    "customComponents",
+    "hideContent",
+    "classNameProp",
+    "isSsrAbTest",
+    "includeRefs",
+    "enrich"
+  ],
+  data() {
+    var e;
+    return {
+      forceReRenderCount: 0,
+      overrideContent: null,
+      update: 0,
+      canTrackToUse: I(this.canTrack) ? this.canTrack : !0,
+      httpReqsData: {},
+      clicked: !1,
+      scriptStr: Po({
+        contentId: (e = this.content) == null ? void 0 : e.id,
+        parentContentId: this.parentContentId
+      }),
+      builderContextSignal: {
+        content: Eo({
+          content: this.content,
+          data: this.data
+        }),
+        localState: void 0,
+        rootState: Ro({
+          content: this.content,
+          data: this.data,
+          locale: this.locale
+        }),
+        rootSetState: this.contentSetState,
+        context: this.context || {},
+        apiKey: this.apiKey,
+        apiVersion: this.apiVersion,
+        registeredComponents: [
+          ...In(),
+          ...Yn,
+          ...this.customComponents || []
+        ].reduce(
+          (t, { component: n, ...o }) => ({
+            ...t,
+            [o.name]: {
+              component: Oo(n),
+              ...o
+            }
+          }),
+          {}
+        ),
+        inheritedStyles: {}
+      },
+      builderContext: O,
+      TARGET: _
+    };
+  },
+  provide() {
+    const e = this;
+    return {
+      [O.key]: e.builderContextSignal
+    };
+  },
+  mounted() {
+    var e, t;
+    if (this.apiKey || A.error(
+      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    ), C()) {
+      if (E() && (this.forceReRenderCount = this.forceReRenderCount + 1, $o(), wo({
+        ...this.locale ? {
+          locale: this.locale
+        } : {},
+        ...this.includeRefs ? {
+          includeRefs: this.includeRefs
+        } : {},
+        ...this.enrich ? {
+          enrich: this.enrich
+        } : {}
+      }), Object.values(
+        this.builderContextSignal.registeredComponents
+      ).forEach((n) => {
+        var r;
+        const o = Xn(n);
+        (r = window.parent) == null || r.postMessage(o, "*");
+      }), window.addEventListener("message", this.processMessage), window.addEventListener(
+        "builder:component:stateChangeListenerActivated",
+        this.emitStateUpdate
+      )), this.builderContextSignal.content) {
+        const n = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, o = (t = this.builderContextSignal.content) == null ? void 0 : t.id;
+        Q({
+          type: "impression",
+          canTrack: this.canTrackToUse,
+          contentId: o,
+          apiKey: this.apiKey,
+          variationId: n !== o ? n : void 0
+        });
+      }
+      if (Jn()) {
+        const n = new URL(location.href).searchParams, o = n.get("builder.preview"), r = n.get(
+          `builder.preview.${o}`
+        ), i = n.get("apiKey") || n.get("builder.space");
+        o === this.model && i === this.apiKey && (!this.content || r === this.content.id) && _e({
+          model: this.model,
+          apiKey: this.apiKey,
+          apiVersion: this.apiVersion
+        }).then((s) => {
+          s && this.mergeNewContent(s);
+        });
+      }
+      this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
+    }
+  },
+  watch: {
+    onUpdateHook0: {
+      handler() {
+        this.content && this.mergeNewContent(this.content);
+      },
+      immediate: !0
+    },
+    onUpdateHook1: {
+      handler() {
+        this.evaluateJsCode();
+      },
+      immediate: !0
+    },
+    onUpdateHook2: {
+      handler() {
+        this.runHttpRequests();
+      },
+      immediate: !0
+    },
+    onUpdateHook3: {
+      handler() {
+        this.emitStateUpdate();
+      },
+      immediate: !0
+    }
+  },
+  unmounted() {
+    C() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      this.emitStateUpdate
+    ));
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.content
+      };
+    },
+    onUpdateHook1() {
+      var e, t;
+      return {
+        0: (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.jsCode,
+        1: this.builderContextSignal.rootState
+      };
+    },
+    onUpdateHook2() {
+      var e, t;
+      return {
+        0: (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests
+      };
+    },
+    onUpdateHook3() {
+      return {
+        0: this.builderContextSignal.rootState
+      };
+    }
+  },
+  methods: {
+    mergeNewContent(e) {
+      var t, n, o, r, i;
+      this.builderContextSignal.content = {
+        ...this.builderContextSignal.content,
+        ...e,
+        data: {
+          ...(t = this.builderContextSignal.content) == null ? void 0 : t.data,
+          ...e == null ? void 0 : e.data
+        },
+        meta: {
+          ...(n = this.builderContextSignal.content) == null ? void 0 : n.meta,
+          ...e == null ? void 0 : e.meta,
+          breakpoints: ((o = e == null ? void 0 : e.meta) == null ? void 0 : o.breakpoints) || ((i = (r = this.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : i.breakpoints)
+        }
+      };
+    },
+    setBreakpoints(e) {
+      var t;
+      this.builderContextSignal.content = {
+        ...this.builderContextSignal.content,
+        meta: {
+          ...(t = this.builderContextSignal.content) == null ? void 0 : t.meta,
+          breakpoints: e
+        }
+      };
+    },
+    contentSetState(e) {
+      this.builderContextSignal.rootState = e;
+    },
+    processMessage(e) {
+      var n;
+      const { data: t } = e;
+      if (t)
+        switch (t.type) {
+          case "builder.configureSdk": {
+            const o = t.data, { breakpoints: r, contentId: i } = o;
+            if (!i || i !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
+              return;
+            r && this.setBreakpoints(r), this.forceReRenderCount = this.forceReRenderCount + 1;
+            break;
+          }
+          case "builder.contentUpdate": {
+            const o = t.data, r = o.key || o.alias || o.entry || o.modelName, i = o.data;
+            r === this.model && (this.mergeNewContent(i), this.forceReRenderCount = this.forceReRenderCount + 1);
+            break;
+          }
+        }
+    },
+    evaluateJsCode() {
+      var t, n;
+      const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
+      e && F({
+        code: e,
+        context: this.context || {},
+        localState: void 0,
+        rootState: this.builderContextSignal.rootState,
+        rootSetState: this.contentSetState
+      });
+    },
+    onClick(e) {
+      var t, n;
+      if (this.builderContextSignal.content) {
+        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
+        Q({
+          type: "click",
+          canTrack: this.canTrackToUse,
+          contentId: r,
+          apiKey: this.apiKey,
+          variationId: o !== r ? o : void 0,
+          ...Io(e),
+          unique: !this.clicked
+        });
+      }
+      this.clicked || (this.clicked = !0);
+    },
+    evalExpression(e) {
+      return e.replace(
+        /{{([^}]+)}}/g,
+        (t, n) => F({
+          code: n,
+          context: this.context || {},
+          localState: void 0,
+          rootState: this.builderContextSignal.rootState,
+          rootSetState: this.contentSetState
+        })
+      );
+    },
+    handleRequest({ url: e, key: t }) {
+      Ie(e).then((n) => n.json()).then((n) => {
+        const o = {
+          ...this.builderContextSignal.rootState,
+          [t]: n
+        };
+        this.contentSetState(o);
+      }).catch((n) => {
+        console.error("error fetching dynamic data", e, n);
+      });
+    },
+    runHttpRequests() {
+      var t, n, o;
+      const e = (o = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) != null ? o : {};
+      Object.entries(e).forEach(([r, i]) => {
+        if (i && (!this.httpReqsData[r] || E())) {
+          const s = this.evalExpression(i);
+          this.handleRequest({
+            url: s,
+            key: r
+          });
+        }
+      });
+    },
+    emitStateUpdate() {
+      E() && window.dispatchEvent(
+        new CustomEvent(
+          "builder:component:stateChange",
+          {
+            detail: {
+              state: this.builderContextSignal.rootState,
+              ref: {
+                name: this.model
+              }
+            }
+          }
+        )
+      );
+    },
+    _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;
+    }
+  }
+}), No = ["builder-content-id", "builder-model"];
+function Fo(e, t, n, o, r, i) {
+  var a, c, u, p, h, k, b, w;
+  const s = S("render-content-styles"), l = S("render-blocks");
+  return e.builderContextSignal.content ? (d(), m("div", x({
+    key: 0,
+    ref: "elementRef",
+    onClick: t[0] || (t[0] = (B) => e.onClick(B)),
+    "builder-content-id": (a = e.builderContextSignal.content) == null ? void 0 : a.id,
+    "builder-model": e.model,
+    class: e._classStringToObject(e.classNameProp)
+  }, {
+    ...e.TARGET === "reactNative" ? {
+      dataSet: {
+        "builder-content-id": ""
+      }
+    } : {},
+    ...e.hideContent ? {
+      hidden: !0,
+      "aria-hidden": !0
+    } : {}
+  }), [
+    e.isSsrAbTest ? (d(), f(P("script"), {
+      key: 0,
+      innerHTML: e.scriptStr
+    }, null, 8, ["innerHTML"])) : v("", !0),
+    e.TARGET !== "reactNative" ? (d(), f(s, {
+      key: 1,
+      contentId: (c = e.builderContextSignal.content) == null ? void 0 : c.id,
+      cssCode: (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.cssCode,
+      customFonts: (k = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : k.customFonts
+    }, null, 8, ["contentId", "cssCode", "customFonts"])) : v("", !0),
+    (d(), f(l, {
+      blocks: (w = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : w.blocks,
+      key: e.forceReRenderCount
+    }, null, 8, ["blocks"]))
+  ], 16, No)) : v("", !0);
+}
+const Fe = /* @__PURE__ */ y(jo, [["render", Fo]]), Uo = g({
+  name: "builder-symbol",
+  components: { RenderContent: Fe },
+  props: ["attributes", "symbol", "dynamic"],
+  data() {
+    var e, t, n;
+    return {
+      className: [
+        ...Object.keys(this.attributes.class),
+        "builder-symbol",
+        (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
+        ((t = this.symbol) == null ? void 0 : t.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
+      ].filter(Boolean).join(" "),
+      contentToUse: (n = this.symbol) == null ? void 0 : n.content
+    };
+  },
+  inject: {
+    builderContext: O.key
+  },
+  mounted() {
+    this.fetchContent();
+  },
+  watch: {
+    onUpdateHook0: {
+      handler() {
+        this.fetchContent();
+      },
+      immediate: !0
+    }
+  },
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.symbol
+      };
+    }
+  },
+  methods: {
+    fetchContent() {
+      var e, t;
+      !this.contentToUse && ((e = this.symbol) == null ? void 0 : e.model) && ((t = this.builderContext) == null ? void 0 : t.apiKey) && _e({
+        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) => {
+        A.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 i = r.startsWith(o);
+        return n ? i : !i;
+      }).reduce(
+        (r, i) => ({
+          ...r,
+          [i.replace(o, "")]: t[i]
+        }),
+        {}
+      );
+    },
+    _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;
+    }
+  }
+}), Mo = ["dataSet"];
+function Lo(e, t, n, o, r, i) {
+  var l, a, c, u;
+  const s = S("render-content");
+  return d(), m("div", x({
+    dataSet: {
+      class: e.className
+    },
+    class: e._classStringToObject(e.className)
+  }, e.filterAttrs(e.attributes, !1), V(e.filterAttrs(e.attributes, !0), !0)), [
+    j(s, {
+      apiVersion: e.builderContext.apiVersion,
+      apiKey: e.builderContext.apiKey,
+      context: e.builderContext.context,
+      customComponents: Object.values(e.builderContext.registeredComponents),
+      data: {
+        ...(l = e.symbol) == null ? void 0 : l.data,
+        ...e.builderContext.localState,
+        ...(c = (a = e.contentToUse) == null ? void 0 : a.data) == null ? void 0 : c.state
+      },
+      model: (u = e.symbol) == null ? void 0 : u.model,
+      content: e.contentToUse
+    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
+  ], 16, Mo);
+}
+const Wo = /* @__PURE__ */ y(Uo, [["render", Lo]]), Ho = g({
+  name: "render-content-variants",
+  components: {
+    RenderInlinedStyles: z,
+    RenderContent: Fe
+  },
+  props: [
+    "content",
+    "canTrack",
+    "apiKey",
+    "apiVersion",
+    "customComponents",
+    "model"
+  ],
+  data() {
+    var e;
+    return {
+      variantScriptStr: Vo(
+        L(this.content).map((t) => ({
+          id: t.id,
+          testRatio: t.testRatio
+        })),
+        ((e = this.content) == null ? void 0 : e.id) || ""
+      ),
+      shouldRenderVariants: ue({
+        canTrack: M(this.canTrack),
+        content: this.content
+      }),
+      hideVariantsStyleString: L(this.content).map((t) => `.variant-${t.id} { display: none; } `).join(""),
+      contentToRender: ue({
+        canTrack: M(this.canTrack),
+        content: this.content
+      }) ? this.content : Nn({
+        item: this.content,
+        canTrack: M(this.canTrack)
+      }),
+      getVariants: L
+    };
+  }
+});
+function Ko(e, t, n, o, r, i) {
+  var a, c, u, p;
+  const s = S("render-inlined-styles"), l = S("render-content");
+  return d(), m($, null, [
+    e.shouldRenderVariants ? (d(), m($, { key: 0 }, [
+      j(s, {
+        id: `variants-styles-${(a = e.content) == null ? void 0 : a.id}`,
+        styles: e.hideVariantsStyleString
+      }, null, 8, ["id", "styles"]),
+      (d(), f(P("script"), {
+        id: `variants-script-${(c = e.content) == null ? void 0 : c.id}`,
+        innerHTML: e.variantScriptStr
+      }, null, 8, ["id", "innerHTML"])),
+      (d(!0), m($, null, R(e.getVariants(e.content), (h, k) => {
+        var b;
+        return d(), f(l, {
+          key: h.id,
+          content: h,
+          apiKey: e.apiKey,
+          apiVersion: e.apiVersion,
+          canTrack: e.canTrack,
+          customComponents: e.customComponents,
+          hideContent: !0,
+          parentContentId: (b = e.content) == null ? void 0 : b.id,
+          isSsrAbTest: e.shouldRenderVariants
+        }, null, 8, ["content", "apiKey", "apiVersion", "canTrack", "customComponents", "parentContentId", "isSsrAbTest"]);
+      }), 128))
+    ], 64)) : v("", !0),
+    j(l, {
+      model: e.model,
+      content: e.contentToRender,
+      apiKey: e.apiKey,
+      apiVersion: e.apiVersion,
+      canTrack: e.canTrack,
+      customComponents: e.customComponents,
+      classNameProp: `variant-${(u = e.content) == null ? void 0 : u.id}`,
+      parentContentId: (p = e.content) == null ? void 0 : p.id,
+      isSsrAbTest: e.shouldRenderVariants
+    }, null, 8, ["model", "content", "apiKey", "apiVersion", "canTrack", "customComponents", "classNameProp", "parentContentId", "isSsrAbTest"])
+  ], 64);
+}
+const qo = /* @__PURE__ */ y(Ho, [["render", Ko]]), me = {};
+function Go(e) {
+  if (C()) {
+    Object.assign(me, e);
+    const t = {
+      type: "builder.settingsChange",
+      data: me
+    };
+    parent.postMessage(t, "*");
+  }
+}
 export {
-  a as Button,
-  n as Columns,
-  o as Fragment,
-  r as Image,
-  i as RenderBlocks,
-  g as RenderContent,
-  m as Section,
-  d as Symbol,
-  l as Text,
-  C as Video,
-  c as createRegisterComponentMessage,
-  p as getAllContent,
-  u as getBuilderSearchParams,
-  S as getContent,
-  B as isEditing,
-  R as isPreviewing,
-  x as processContentResult,
-  k as register,
-  v as setEditorSettings,
-  w as track
+  Ke as Button,
+  Bt as Columns,
+  Ot as Fragment,
+  Ht as Image,
+  Se as RenderBlocks,
+  qo as RenderContent,
+  Dt as Section,
+  Wo as Symbol,
+  on as Text,
+  cn as Video,
+  Xn as createRegisterComponentMessage,
+  Gn as getAllContent,
+  Hn as getBuilderSearchParams,
+  _e as getContent,
+  E as isEditing,
+  Jn as isPreviewing,
+  qn as processContentResult,
+  Co as register,
+  Go as setEditorSettings,
+  Do as track
 };