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

package/vue3/lib/browser/index.88b433c6.js

@@ -1,3281 +0,0 @@
-import { defineComponent as g, openBlock as d, createElementBlock as p, mergeProps as I, toHandlers as O, toDisplayString as ie, h as Ce, resolveComponent as k, createBlock as v, createCommentVNode as S, defineAsyncComponent as W, Fragment as R, renderList as B, withCtx as te, createVNode as V, normalizeProps as ae, guardReactiveProps as Ye, renderSlot as U, createElementVNode as le, normalizeStyle as ce, normalizeClass as we, markRaw as Xe } from "vue";
-function q(e = {}, t, n) {
-  const o = {};
-  for (const s in e) {
-    if (!e[s] || n && !s.startsWith(t))
-      continue;
-    const r = n ? s.replace(t, "") : s;
-    o[r] = e[s];
-  }
-  return o;
-}
-const Qe = g({
-  name: "builder-button",
-  props: ["attributes", "text", "link", "openLinkInNewTab"],
-  data() {
-    return { filterAttrs: q };
-  },
-  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 y = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, s] of t)
-    n[o] = s;
-  return n;
-}, Ze = ["href", "target"];
-function et(e, t, n, o, s, r) {
-  return e.link ? (d(), p("a", I({
-    key: 0,
-    role: "button",
-    href: e.link,
-    target: e.openLinkInNewTab ? "_blank" : void 0
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ie(e.text), 17, Ze)) : (d(), p("button", I({
-    key: 1,
-    style: e.attributes.style,
-    class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ie(e.text), 17));
-}
-const tt = /* @__PURE__ */ y(Qe, [["render", et], ["__scopeId", "data-v-becdf225"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), M = (e) => JSON.parse(JSON.stringify(e)), $e = {
-  small: {
-    min: 320,
-    default: 321,
-    max: 640
-  },
-  medium: {
-    min: 641,
-    default: 642,
-    max: 991
-  },
-  large: {
-    min: 990,
-    default: 991,
-    max: 1200
-  }
-}, de = (e, t = $e) => `@media (max-width: ${t[e].max}px)`, Te = ({
-  small: e,
-  medium: t
-}) => {
-  const n = M($e);
-  if (!e || !t)
-    return n;
-  const o = Math.floor(e / 2);
-  n.small = {
-    max: e,
-    min: o,
-    default: o + 1
-  };
-  const s = n.small.max + 1;
-  n.medium = {
-    max: t,
-    min: s,
-    default: s + 1
-  };
-  const r = n.medium.max + 1;
-  return n.large = {
-    max: 2e3,
-    min: r,
-    default: r + 1
-  }, n;
-}, P = "vue3", L = "[Builder.io]: ", x = {
-  log: (...e) => console.log(L, ...e),
-  error: (...e) => console.error(L, ...e),
-  warn: (...e) => console.warn(L, ...e),
-  debug: (...e) => console.debug(L, ...e)
-};
-function w() {
-  return typeof window < "u" && typeof document < "u";
-}
-function nt() {
-  return w() && window.self !== window.top;
-}
-function _() {
-  return nt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
-}
-const ot = () => {
-  if (w()) {
-    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;
-}, st = () => typeof navigator == "object" && navigator.userAgent || "", Ie = () => {
-  const e = st(), 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() || P === "reactNative";
-    }
-  }, n = e.match(/Tablet|iPad/i), o = ot();
-  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"
-  };
-}, rt = ({
-  builder: e,
-  context: t,
-  event: n,
-  state: o
-}) => Object.entries({
-  state: o,
-  Builder: e,
-  builder: e,
-  context: t,
-  event: n
-}), it = () => ({
-  isEditing: _(),
-  isBrowser: w(),
-  isServer: !w(),
-  getUserAttributes: () => Ie()
-}), at = (e, {
-  isExpression: t = !0
-}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ue = ({
-  code: e,
-  builder: t,
-  context: n,
-  event: o,
-  localState: s,
-  rootSetState: r,
-  rootState: i
-}) => {
-  const a = rt({
-    builder: t,
-    context: n,
-    event: o,
-    state: lt(i, s, r)
-  });
-  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
-};
-function lt(e, t, n) {
-  if (e === t)
-    throw new Error("rootState === localState");
-  return new Proxy(e, {
-    get: (o, s) => t && s in t ? t[s] : e[s],
-    set: (o, s, r) => {
-      if (t && s in t)
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[s] = r, n == null || n(e), !0;
-    }
-  });
-}
-const ct = (e) => (w(), ue(e));
-function z({
-  code: e,
-  context: t,
-  localState: n,
-  rootState: o,
-  rootSetState: s,
-  event: r,
-  isExpression: i = !0
-}) {
-  if (e === "") {
-    x.warn("Skipping evaluation of empty code block.");
-    return;
-  }
-  const a = {
-    code: at(e, {
-      isExpression: i
-    }),
-    builder: it(),
-    context: t,
-    event: r,
-    rootSetState: s,
-    rootState: o,
-    localState: n
-  };
-  try {
-    return ct(a);
-  } catch (l) {
-    x.error("Failed code evaluation: " + l.message, {
-      code: e
-    });
-    return;
-  }
-}
-const dt = (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((s, r, i) => Object(s[r]) === s[r] ? s[r] : s[r] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
-};
-const ut = ({
-  block: e,
-  context: t,
-  localState: n,
-  rootState: o,
-  rootSetState: s
-}) => {
-  if (!e.bindings)
-    return e;
-  const r = M(e), i = {
-    ...r,
-    properties: {
-      ...r.properties
-    },
-    actions: {
-      ...r.actions
-    }
-  };
-  for (const a in e.bindings) {
-    const l = e.bindings[a], c = z({
-      code: l,
-      localState: n,
-      rootState: o,
-      rootSetState: s,
-      context: t
-    });
-    dt(i, a, c);
-  }
-  return i;
-};
-function D({
-  block: e,
-  context: t,
-  shouldEvaluateBindings: n,
-  localState: o,
-  rootState: s,
-  rootSetState: r
-}) {
-  const i = e;
-  return n ? ut({
-    block: i,
-    localState: o,
-    rootState: s,
-    rootSetState: r,
-    context: t
-  }) : i;
-}
-const pt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), A = (e) => e != null, mt = (e) => Object.entries(e).map(([n, o]) => {
-  if (typeof o == "string")
-    return `${pt(n)}: ${o};`;
-}).filter(A), ht = (e) => mt(e).join(`
-`), Y = ({
-  mediaQuery: e,
-  className: t,
-  styles: n
-}) => {
-  const o = `.${t} {
-    ${ht(n)}
-  }`;
-  return e ? `${e} {
-      ${o}
-    }` : o;
-}, ft = g({
-  render() {
-    return Ce("style", { id: this.id, innerHTML: this.styles });
-  },
-  name: "inlined-styles",
-  props: ["styles", "id"]
-}), G = /* @__PURE__ */ y(ft, [["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), bt = g({
-  name: "block-styles",
-  components: { InlinedStyles: G },
-  props: ["block", "context"],
-  data() {
-    return { TARGET: P };
-  },
-  computed: {
-    canShowBlock() {
-      const e = D({
-        block: this.block,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-      return A(e.hide) ? !e.hide : A(e.show) ? e.show : !0;
-    },
-    css() {
-      var h;
-      const e = D({
-        block: this.block,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      }), t = e.responsiveStyles, n = this.context.content, o = Te(
-        ((h = n == null ? void 0 : n.meta) == null ? void 0 : h.breakpoints) || {}
-      ), s = t == null ? void 0 : t.large, r = t == null ? void 0 : t.medium, i = t == null ? void 0 : t.small, a = e.id;
-      if (!a)
-        return "";
-      const l = s ? Y({
-        className: a,
-        styles: s
-      }) : "", c = r ? Y({
-        className: a,
-        styles: r,
-        mediaQuery: de(
-          "medium",
-          o
-        )
-      }) : "", u = i ? Y({
-        className: a,
-        styles: i,
-        mediaQuery: de(
-          "small",
-          o
-        )
-      }) : "";
-      return [l, c, u].join(" ");
-    }
-  }
-});
-function gt(e, t, n, o, s, r) {
-  const i = k("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), v(i, {
-    key: 0,
-    styles: e.css
-  }, null, 8, ["styles"])) : S("v-if", !0);
-}
-const Re = /* @__PURE__ */ y(bt, [["render", gt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Re
-}, Symbol.toStringTag, { value: "Module" }));
-function kt(e) {
-  var t;
-  return {
-    ...(t = e.component) == null ? void 0 : t.options,
-    ...e.options,
-    builderBlock: e
-  };
-}
-const vt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], St = (e) => typeof e == "string" && vt.includes(e.toLowerCase()), Ct = ({
-  block: e,
-  context: t,
-  registeredComponents: n
-}) => {
-  var r;
-  const o = (r = D({
-    block: e,
-    localState: t.localState,
-    rootState: t.rootState,
-    rootSetState: t.rootSetState,
-    context: t.context,
-    shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : r.name;
-  if (!o)
-    return null;
-  const s = n[o];
-  if (s)
-    return s;
-  console.warn(`
-      Could not find a registered component named "${o}". 
-      If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, wt = ({
-  block: e,
-  context: t
-}) => {
-  const {
-    repeat: n,
-    ...o
-  } = e;
-  if (!(n != null && n.collection))
-    return;
-  const s = z({
-    code: n.collection,
-    localState: t.localState,
-    rootState: t.rootState,
-    rootSetState: t.rootSetState,
-    context: t.context
-  });
-  if (!Array.isArray(s))
-    return;
-  const r = n.collection.split(".").pop(), i = n.itemName || (r ? r + "Item" : "item");
-  return s.map((l, c) => ({
-    context: {
-      ...t,
-      localState: {
-        ...t.localState,
-        $index: c,
-        $item: l,
-        [i]: l,
-        [`$${i}Index`]: c
-      }
-    },
-    block: o
-  }));
-}, $t = () => Promise.resolve().then(() => yt).then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
-    e
-  ), e;
-}), Tt = () => import("./repeated-block.067ee555.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
-    e
-  ), e;
-}), It = () => import("./component-ref.63194b25.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
-    e
-  ), e;
-}), Rt = () => import("./block-wrapper.09b54dd3.js").then((e) => e.default).catch((e) => {
-  throw console.error(
-    "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
-    e
-  ), e;
-}), xt = g({
-  name: "block",
-  components: {
-    ComponentRef: W(It),
-    BlockWrapper: W(Rt),
-    RepeatedBlock: W(Tt),
-    BlockStyles: W($t)
-  },
-  props: ["block", "context", "registeredComponents"],
-  data() {
-    return { childrenContext: this.context, isEmptyHtmlElement: St };
-  },
-  computed: {
-    blockComponent() {
-      return Ct({
-        block: this.block,
-        context: this.context,
-        registeredComponents: this.registeredComponents
-      });
-    },
-    repeatItem() {
-      return wt({
-        block: this.block,
-        context: this.context
-      });
-    },
-    processedBlock() {
-      return this.repeatItem ? this.block : D({
-        block: this.block,
-        localState: this.context.localState,
-        rootState: this.context.rootState,
-        rootSetState: this.context.rootSetState,
-        context: this.context.context,
-        shouldEvaluateBindings: !0
-      });
-    },
-    Tag() {
-      return this.block.tagName || "div";
-    },
-    canShowBlock() {
-      return "hide" in this.processedBlock ? !this.processedBlock.hide : "show" in this.processedBlock ? this.processedBlock.show : !0;
-    },
-    childrenWithoutParentComponent() {
-      var t, n;
-      return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (n = this.processedBlock.children) != null ? n : [] : [];
-    },
-    componentRefProps() {
-      var e, t, n, o, s, r;
-      return {
-        blockChildren: (e = this.processedBlock.children) != null ? e : [],
-        componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
-        componentOptions: {
-          ...kt(this.processedBlock),
-          builderContext: this.context,
-          ...((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" ? {
-            builderComponents: this.registeredComponents
-          } : {}
-        },
-        context: this.childrenContext,
-        registeredComponents: this.registeredComponents,
-        builderBlock: this.processedBlock,
-        includeBlockProps: ((s = this.blockComponent) == null ? void 0 : s.noWrap) === !0,
-        isInteractive: !((r = this.blockComponent) != null && r.isRSC)
-      };
-    }
-  }
-});
-function Et(e, t, n, o, s, r) {
-  var h;
-  const i = k("block-wrapper"), a = k("repeated-block"), l = k("component-ref"), c = k("block", !0), u = k("block-styles");
-  return e.canShowBlock ? (d(), p(R, { key: 0 }, [
-    (h = e.blockComponent) != null && h.noWrap ? (d(), v(l, ae(I({ key: 1 }, e.componentRefProps)), null, 16)) : (d(), p(R, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (d(), v(i, {
-        key: 0,
-        Wrapper: e.Tag,
-        block: e.processedBlock,
-        context: e.context,
-        hasChildren: !1
-      }, null, 8, ["Wrapper", "block", "context"])) : S("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p(R, { key: 1 }, B(e.repeatItem, (m, f) => (d(), v(a, {
-        key: f,
-        repeatContext: m.context,
-        block: m.block,
-        registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : S("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), v(i, {
-        key: 2,
-        Wrapper: e.Tag,
-        block: e.processedBlock,
-        context: e.context,
-        hasChildren: !0
-      }, {
-        default: te(() => [
-          V(l, ae(Ye(e.componentRefProps)), null, 16),
-          (d(!0), p(R, null, B(e.childrenWithoutParentComponent, (m, f) => (d(), v(c, {
-            key: "block-" + m.id,
-            block: m,
-            context: e.childrenContext,
-            registeredComponents: e.registeredComponents
-          }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (d(!0), p(R, null, B(e.childrenWithoutParentComponent, (m, f) => (d(), v(u, {
-            key: "block-style-" + m.id,
-            block: m,
-            context: e.childrenContext
-          }, null, 8, ["block", "context"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["Wrapper", "block", "context"])) : S("v-if", !0)
-    ], 64))
-  ], 64)) : S("v-if", !0);
-}
-const xe = /* @__PURE__ */ y(xt, [["render", Et], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: xe
-}, Symbol.toStringTag, { value: "Module" })), _t = g({
-  name: "builder-blocks-wrapper",
-  props: ["blocks", "parent", "path", "styleProp"],
-  computed: {
-    className() {
-      var e;
-      return "builder-blocks" + ((e = this.blocks) != null && e.length ? "" : " no-blocks");
-    }
-  },
-  methods: {
-    onClick() {
-      var e, t;
-      _() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
-        {
-          type: "builder.clickEmptyBlocks",
-          data: {
-            parentElementId: this.parent,
-            dataPath: this.path
-          }
-        },
-        "*"
-      ));
-    },
-    onMouseEnter() {
-      var e, t;
-      _() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
-        {
-          type: "builder.hoverEmptyBlocks",
-          data: {
-            parentElementId: this.parent,
-            dataPath: this.path
-          }
-        },
-        "*"
-      ));
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
-  }
-});
-const At = ["builder-path", "builder-parent-id"];
-function Pt(e, t, n, o, s, r) {
-  return d(), p("div", I({
-    class: e._classStringToObject(e.className + " div-178o76acnws"),
-    "builder-path": e.path,
-    "builder-parent-id": e.parent,
-    style: e.styleProp,
-    onClick: t[0] || (t[0] = (i) => e.onClick()),
-    onMouseenter: t[1] || (t[1] = (i) => e.onMouseEnter()),
-    onKeypress: t[2] || (t[2] = (i) => e.onClick())
-  }, {}), [
-    U(e.$slots, "default", {}, void 0, !0)
-  ], 16, At);
-}
-const jt = /* @__PURE__ */ y(_t, [["render", Pt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), Bt = Symbol(), Q = {
-  Builder: {
-    content: null,
-    context: {},
-    localState: void 0,
-    rootSetState() {
-    },
-    rootState: {},
-    apiKey: null,
-    apiVersion: void 0,
-    componentInfos: {},
-    inheritedStyles: {}
-  },
-  key: Bt
-}, Vt = Symbol(), Ee = {
-  Components: { registeredComponents: {} },
-  key: Vt
-}, Ut = g({
-  name: "builder-blocks",
-  components: {
-    BlocksWrapper: jt,
-    Block: xe,
-    BlockStyles: Re
-  },
-  props: [
-    "blocks",
-    "parent",
-    "path",
-    "styleProp",
-    "context",
-    "registeredComponents"
-  ],
-  inject: {
-    builderContext: Q.key,
-    componentsContext: Ee.key
-  }
-});
-function Nt(e, t, n, o, s, r) {
-  const i = k("block"), a = k("block-styles"), l = k("blocks-wrapper");
-  return d(), v(l, {
-    blocks: e.blocks,
-    parent: e.parent,
-    path: e.path,
-    styleProp: e.styleProp
-  }, {
-    default: te(() => [
-      e.blocks ? (d(!0), p(R, { key: 0 }, B(e.blocks, (c, u) => (d(), v(i, {
-        key: "render-block-" + c.id,
-        block: c,
-        context: e.context || e.builderContext,
-        registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : S("v-if", !0),
-      e.blocks ? (d(!0), p(R, { key: 1 }, B(e.blocks, (c, u) => (d(), v(a, {
-        key: "block-style-" + c.id,
-        block: c,
-        context: e.context || e.builderContext
-      }, null, 8, ["block", "context"]))), 128)) : S("v-if", !0)
-    ]),
-    _: 1
-  }, 8, ["blocks", "parent", "path", "styleProp"]);
-}
-const ne = /* @__PURE__ */ y(Ut, [["render", Nt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), Ot = g({
-  name: "builder-columns",
-  components: { InlinedStyles: G, Blocks: ne },
-  props: [
-    "js",
-    "space",
-    "columns",
-    "stackColumnsAt",
-    "reverseColumnsWhenStacked",
-    "builderContext",
-    "builderBlock",
-    "builderComponents"
-  ],
-  data() {
-    return {
-      gutterSize: typeof this.space == "number" ? this.space || 0 : 20,
-      cols: this.columns || [],
-      stackAt: this.stackColumnsAt || "tablet",
-      flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: P
-    };
-  },
-  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`, s = "100%", r = 0;
-      return {
-        width: n,
-        ["margin-left"]: o,
-        "--column-width-mobile": this.getMobileStyle({
-          stackedStyle: s,
-          desktopStyle: n
-        }),
-        "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: r,
-          desktopStyle: o
-        }),
-        "--column-width-tablet": this.getTabletStyle({
-          stackedStyle: s,
-          desktopStyle: n
-        }),
-        "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: r,
-          desktopStyle: o
-        })
-      };
-    },
-    getWidthForBreakpointSize(e) {
-      var n, o;
-      return Te(
-        ((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 Ft(e, t, n, o, s, r) {
-  const i = k("inlined-styles"), a = k("blocks");
-  return d(), p("div", I({
-    class: e._classStringToObject(
-      `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
-    ),
-    style: e.columnsCssVars
-  }, {}), [
-    e.TARGET !== "reactNative" ? (d(), v(i, {
-      key: 0,
-      styles: e.columnsStyles
-    }, null, 8, ["styles"])) : S("v-if", !0),
-    (d(!0), p(R, null, B(e.columns, (l, c) => (d(), p("div", I({
-      key: c,
-      class: "builder-column div-16nol0lwi20-2",
-      style: e.columnCssVars(c)
-    }, {}), [
-      V(a, {
-        path: `component.options.columns.${c}.blocks`,
-        parent: e.builderBlock.id,
-        styleProp: {
-          flexGrow: "1"
-        },
-        context: e.builderContext,
-        registeredComponents: e.builderComponents,
-        blocks: l.blocks
-      }, null, 8, ["path", "parent", "context", "registeredComponents", "blocks"])
-    ], 16))), 128))
-  ], 16);
-}
-const Mt = /* @__PURE__ */ y(Ot, [["render", Ft], ["__scopeId", "data-v-7be099dc"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Wt = g({
-  name: "builder-fragment-component",
-  props: []
-});
-function Lt(e, t, n, o, s, r) {
-  return d(), p("span", null, [
-    U(e.$slots, "default")
-  ]);
-}
-const Kt = /* @__PURE__ */ y(Wt, [["render", Lt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
-function pe(e) {
-  return e.replace(/http(s)?:/, "");
-}
-function Ht(e = "", t, n) {
-  const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
-  return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + s + t + "=" + encodeURIComponent(n);
-}
-function zt(e, t) {
-  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
-    return e;
-  if (t === "master")
-    return pe(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]), s = n[3], r = t.match("x") ? t : `${t}x`;
-    return pe(`${o[0]}_${r}${s}`);
-  }
-  return null;
-}
-function X(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((s) => s !== o).map((s) => `${Ht(e, "width", s)} ${s}w`).concat([n]).join(", ");
-  }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [zt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
-}
-const Dt = 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"), X(t);
-      } else if (this.image && !this.srcset)
-        return X(t);
-      return X(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 qt = ["srcset"], Gt = ["alt", "role", "src", "srcset", "sizes"], Jt = {
-  key: 2,
-  class: "div-1be3j8m9ewb-2"
-};
-function Yt(e, t, n, o, s, r) {
-  var i, a, l, c;
-  return d(), p(R, null, [
-    le("picture", null, [
-      e.webpSrcSet ? (d(), p("source", {
-        key: 0,
-        type: "image/webp",
-        srcset: e.webpSrcSet
-      }, null, 8, qt)) : S("v-if", !0),
-      le("img", {
-        loading: "lazy",
-        alt: e.altText,
-        role: e.altText ? "presentation" : void 0,
-        style: ce({
-          objectPosition: e.backgroundPosition || "center",
-          objectFit: e.backgroundSize || "cover",
-          ...e.aspectRatioCss
-        }),
-        class: we(
-          e._classStringToObject(
-            "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
-          )
-        ),
-        src: e.image,
-        srcset: e.srcSetToUse,
-        sizes: e.sizes
-      }, null, 14, Gt)
-    ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), p("div", {
-      key: 0,
-      class: "builder-image-sizer div-1be3j8m9ewb",
-      style: ce({
-        paddingTop: e.aspectRatio * 100 + "%"
-      })
-    }, null, 4)) : S("v-if", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? U(e.$slots, "default", { key: 1 }, void 0, !0) : S("v-if", !0),
-    !e.fitContent && e.$slots.default ? (d(), p("div", Jt, [
-      U(e.$slots, "default", {}, void 0, !0)
-    ])) : S("v-if", !0)
-  ], 64);
-}
-const Xt = /* @__PURE__ */ y(Dt, [["render", Yt], ["__scopeId", "data-v-58ca75d1"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), Qt = g({
-  name: "builder-section-component",
-  props: ["attributes", "maxWidth"],
-  data() {
-    return { filterAttrs: q };
-  }
-});
-function Zt(e, t, n, o, s, r) {
-  return d(), p("section", I({
-    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, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    U(e.$slots, "default")
-  ], 16);
-}
-const en = /* @__PURE__ */ y(Qt, [["render", Zt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
-  ...t,
-  testVariationId: t.id,
-  id: e == null ? void 0 : e.id
-})), tn = ({
-  canTrack: e,
-  content: t
-}) => !(!(K(t).length > 0) || !e);
-function nn(e, t, n) {
-  var i;
-  function o() {
-    function a(C, $, T) {
-      let E = "";
-      if (T) {
-        const b = new Date();
-        b.setTime(b.getTime() + T * 24 * 60 * 60 * 1e3), E = "; expires=" + b.toUTCString();
-      }
-      document.cookie = C + "=" + ($ || "") + E + "; path=/; Secure; SameSite=None";
-    }
-    function l(C) {
-      const $ = C + "=", T = document.cookie.split(";");
-      for (let E = 0; E < T.length; E++) {
-        let b = T[E];
-        for (; b.charAt(0) === " "; )
-          b = b.substring(1, b.length);
-        if (b.indexOf($) === 0)
-          return b.substring($.length, b.length);
-      }
-      return null;
-    }
-    const c = `builder.tests.${e}`, u = l(c), h = t.map((C) => C.id).concat(e);
-    if (u && h.includes(u))
-      return u;
-    let m = 0;
-    const f = Math.random();
-    for (let C = 0; C < t.length; C++) {
-      const $ = t[C], T = $.testRatio;
-      if (m += T, f < m)
-        return a(c, $.id), $.id;
-    }
-    return a(c, e), e;
-  }
-  const s = o(), r = (i = document.currentScript) == null ? void 0 : i.previousElementSibling;
-  if (n) {
-    r.remove();
-    const a = document.currentScript;
-    a == null || a.remove();
-  } else {
-    const a = t.concat({
-      id: e
-    }).filter((l) => l.id !== s).map((l) => `.variant-${l.id} {  display: none; }
-        `).join("");
-    r.innerHTML = a;
-  }
-}
-function on(e, t, n) {
-  var l;
-  if (!navigator.cookieEnabled)
-    return;
-  function o(c) {
-    const u = c + "=", h = document.cookie.split(";");
-    for (let m = 0; m < h.length; m++) {
-      let f = h[m];
-      for (; f.charAt(0) === " "; )
-        f = f.substring(1, f.length);
-      if (f.indexOf(u) === 0)
-        return f.substring(u.length, f.length);
-    }
-    return null;
-  }
-  const s = `builder.tests.${t}`, r = o(s), i = (l = document.currentScript) == null ? void 0 : l.parentElement, a = e === t;
-  if (r === e) {
-    if (a)
-      return;
-    i == null || i.removeAttribute("hidden"), i == null || i.removeAttribute("aria-hidden");
-  } else {
-    a && (n ? i == null || i.remove() : (i == null || i.setAttribute("hidden", "true"), i == null || i.setAttribute("aria-hidden", "true")));
-    return;
-  }
-}
-const sn = (e) => e === "react" || e === "reactNative", _e = sn(P), Ae = "builderIoAbTest", Pe = "builderIoRenderContent", rn = () => {
-  const e = nn.toString().replace(/\s+/g, " "), t = on.toString().replace(/\s+/g, " ");
-  return `
-  window.${Ae} = ${e}
-  window.${Pe} = ${t}
-  `;
-}, an = (e, t) => `
-  window.${Ae}("${t}",${JSON.stringify(e)}, ${_e})`, ln = ({
-  contentId: e,
-  variationId: t
-}) => `
-  window.${Pe}("${t}", "${e}", ${_e})`, cn = {
-  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
-}, dn = {
-  name: "Columns",
-  isRSC: !0,
-  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: (e) => {
-      function t() {
-        n.forEach((o) => {
-          o.delete("width");
-        });
-      }
-      const n = e.get("columns");
-      Array.isArray(n) && !!n.find((s) => s.get("width")) && (!!n.find((r) => !r.get("width")) || n.reduce((a, l) => a + l.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
-  }]
-}, un = {
-  name: "Fragment",
-  static: !0,
-  hidden: !0,
-  canHaveChildren: !0,
-  noWrap: !0
-}, pn = {
-  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: (e) => {
-      e.delete("srcset"), e.delete("noWebp");
-      function n(i, a = 6e4) {
-        return new Promise((l, c) => {
-          const u = document.createElement("img");
-          let h = !1;
-          u.onload = () => {
-            h = !0, l(u);
-          }, u.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), c(m.error);
-          }), u.src = i, setTimeout(() => {
-            h || c(new Error("Image load timed out"));
-          }, a);
-        });
-      }
-      function o(i) {
-        return Math.round(i * 1e3) / 1e3;
-      }
-      const s = e.get("image"), r = e.get("aspectRatio");
-      if (fetch(s).then((i) => i.blob()).then((i) => {
-        i.type.includes("svg") && e.set("noWebp", !0);
-      }), s && (!r || r === 0.7041))
-        return n(s).then((i) => {
-          const a = e.get("aspectRatio");
-          e.get("image") === s && (!a || a === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.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
-  }]
-}, mn = {
-  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>"
-      }
-    }
-  }]
-}, hn = {
-  name: "Symbol",
-  noWrap: !0,
-  static: !0,
-  isRSC: !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"
-  }]
-}, fn = {
-  name: "Text",
-  static: !0,
-  isRSC: !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"
-  }
-}, bn = g({
-  name: "builder-text",
-  props: ["text"]
-}), gn = ["innerHTML"];
-function yn(e, t, n, o, s, r) {
-  var i;
-  return d(), p("div", {
-    class: "builder-text",
-    innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
-    style: {
-      outline: "none"
-    }
-  }, null, 8, gn);
-}
-const kn = /* @__PURE__ */ y(bn, [["render", yn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), vn = {
-  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: "preload",
-    type: "text",
-    defaultValue: "metadata",
-    enum: ["auto", "metadata", "none"]
-  }, {
-    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",
-    "preload",
-    "fit",
-    "position",
-    "video",
-    "posterImage"
-  ],
-  computed: {
-    videoProps() {
-      return {
-        ...this.autoPlay === !0 ? {
-          autoPlay: !0
-        } : {},
-        ...this.muted === !0 ? {
-          muted: !0
-        } : {},
-        ...this.controls === !0 ? {
-          controls: !0
-        } : {},
-        ...this.loop === !0 ? {
-          loop: !0
-        } : {},
-        ...this.playsInline === !0 ? {
-          playsInline: !0
-        } : {}
-      };
-    },
-    spreadProps() {
-      return {
-        ...this.attributes,
-        ...this.videoProps
-      };
-    }
-  }
-}), Cn = ["preload", "src", "poster"];
-function wn(e, t, n, o, s, r) {
-  var i;
-  return d(), p("video", I({
-    preload: e.preload || "metadata",
-    style: {
-      width: "100%",
-      height: "100%",
-      ...(i = e.attributes) == null ? void 0 : i.style,
-      objectFit: e.fit,
-      objectPosition: e.position,
-      borderRadius: 1
-    },
-    src: e.video || "no-src",
-    poster: e.posterImage
-  }, e.spreadProps), null, 16, Cn);
-}
-const $n = /* @__PURE__ */ y(Sn, [["render", wn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), Tn = {
-  name: "Embed",
-  static: !0,
-  inputs: [{
-    name: "url",
-    type: "url",
-    required: !0,
-    defaultValue: "",
-    helperText: "e.g. enter a youtube url, google map, etc",
-    onChange: (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
-  }]
-}, In = ["text/javascript", "application/javascript", "application/ecmascript"], Rn = (e) => In.includes(e.type), xn = 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 (Rn(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);
-          }
-      }
-    }
-  }
-}), En = ["innerHTML"];
-function _n(e, t, n, o, s, r) {
-  return d(), p("div", {
-    class: "builder-embed",
-    ref: "elem",
-    innerHTML: e.content
-  }, null, 8, En);
-}
-const An = /* @__PURE__ */ y(xn, [["render", _n], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), Pn = g({
-  name: "builder-img-component",
-  props: [
-    "backgroundSize",
-    "backgroundPosition",
-    "imgSrc",
-    "altText",
-    "image",
-    "attributes"
-  ],
-  data() {
-    return { isEditing: _, filterAttrs: q };
-  }
-}), jn = ["alt", "src"];
-function Bn(e, t, n, o, s, r) {
-  return d(), p("img", I({
-    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, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, jn);
-}
-const Vn = /* @__PURE__ */ y(Pn, [["render", Bn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), Un = {
-  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
-}, Nn = g({
-  name: "builder-custom-code",
-  props: ["replaceNodes", "code"],
-  data() {
-    return { scriptsInserted: [], scriptsRun: [] };
-  },
-  mounted() {
-    var t;
-    if (!((t = this.$refs.elementRef) != null && t.getElementsByTagName) || typeof window > "u")
-      return;
-    const e = this.$refs.elementRef.getElementsByTagName("script");
-    for (let n = 0; n < e.length; n++) {
-      const o = e[n];
-      if (o.src) {
-        if (this.scriptsInserted.includes(o.src))
-          continue;
-        this.scriptsInserted.push(o.src);
-        const s = document.createElement("script");
-        s.async = !0, s.src = o.src, document.head.appendChild(s);
-      } else if (!o.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(o.type)) {
-        if (this.scriptsRun.includes(o.innerText))
-          continue;
-        try {
-          this.scriptsRun.push(o.innerText), new Function(o.innerText)();
-        } catch (s) {
-          console.warn("`CustomCode`: Error running script:", s);
-        }
-      }
-    }
-  },
-  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;
-    }
-  }
-}), On = ["innerHTML"];
-function Fn(e, t, n, o, s, r) {
-  return d(), p("div", {
-    ref: "elementRef",
-    class: we(
-      e._classStringToObject(
-        "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
-      )
-    ),
-    innerHTML: e.code
-  }, null, 10, On);
-}
-const Mn = /* @__PURE__ */ y(Nn, [["render", Fn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), Wn = {
-  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
-  }]
-}, me = () => [{
-  component: tt,
-  ...cn
-}, {
-  component: Mt,
-  ...dn
-}, {
-  component: Mn,
-  ...Wn
-}, {
-  component: An,
-  ...Tn
-}, {
-  component: Kt,
-  ...un
-}, {
-  component: Xt,
-  ...pn
-}, {
-  component: Vn,
-  ...Un
-}, {
-  component: en,
-  ...mn
-}, {
-  component: Zo,
-  ...hn
-}, {
-  component: kn,
-  ...fn
-}, {
-  component: $n,
-  ...vn
-}], he = [], Ln = (e) => ({
-  type: "builder.registerComponent",
-  data: Z(e)
-}), Kn = (e) => {
-  const t = e.toString().trim();
-  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Hn = (e) => typeof e == "function" ? Kn(e) : M(e), Z = ({
-  inputs: e,
-  ...t
-}) => ({
-  ...M(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
-    ...o,
-    [s]: Hn(r)
-  }), {}))
-}), zn = (e) => {
-  var r, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (r = e == null ? void 0 : e.files) == null ? void 0 : r.regular;
-  let s = "";
-  if (o && t && n && (s += `
-@font-face {
-font-family: "${t}";
-src: local("${n}"), url('${o}') format('woff2');
-font-display: fallback;
-font-weight: 400;
-}
-      `.trim()), e.files)
-    for (const a in e.files) {
-      if (!(String(Number(a)) === a))
-        continue;
-      const c = e.files[a];
-      c && c !== o && (s += `
-@font-face {
-font-family: "${t}";
-src: url('${c}') format('woff2');
-font-display: fallback;
-font-weight: ${a};
-}
-        `.trim());
-    }
-  return s;
-}, Dn = ({
-  customFonts: e
-}) => {
-  var t;
-  return ((t = e == null ? void 0 : e.map((n) => zn(n))) == null ? void 0 : t.join(" ")) || "";
-}, qn = ({
-  cssCode: e,
-  contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Gn = g({
-  name: "content-styles",
-  components: { InlinedStyles: G },
-  props: ["cssCode", "contentId", "customFonts"],
-  data() {
-    return {
-      injectedStyles: `
-${qn({
-        cssCode: this.cssCode,
-        contentId: this.contentId
-      })}
-${Dn({
-        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 Jn(e, t, n, o, s, r) {
-  const i = k("inlined-styles");
-  return d(), v(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
-}
-const Yn = /* @__PURE__ */ y(Gn, [["render", Jn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), Xn = ({
-  content: e,
-  data: t,
-  locale: n
-}) => {
-  var r, i, a;
-  const o = {};
-  (i = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || i.forEach((l) => {
-    var c;
-    l.name && l.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[l.name] === void 0 && (o[l.name] = l.defaultValue);
-  });
-  const s = {
-    ...(a = e == null ? void 0 : e.data) == null ? void 0 : a.state,
-    ...t,
-    ...n ? {
-      locale: n
-    } : {}
-  };
-  return {
-    ...o,
-    ...s
-  };
-}, Qn = ({
-  content: e,
-  data: t
-}) => e ? {
-  ...e,
-  data: {
-    ...e == null ? void 0 : e.data,
-    ...t
-  },
-  meta: e == null ? void 0 : e.meta
-} : void 0;
-function Zn() {
-  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
-}
-function eo() {
-  const e = Zn().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 je = eo(), to = (e) => {
-  if (e === "localhost" || e === "127.0.0.1")
-    return e;
-  const t = e.split(".");
-  return t.length > 2 ? t.slice(1).join(".") : e;
-}, Be = ({
-  name: e,
-  canTrack: t
-}) => {
-  var n;
-  try {
-    return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
-  } catch (o) {
-    x.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
-    return;
-  }
-}, Ve = async (e) => Be(e), no = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(A).join("; "), oo = [["secure", ""], ["SameSite", "None"]], so = ({
-  name: e,
-  value: t,
-  expires: n
-}) => {
-  const s = (w() ? location.protocol === "https:" : !0) ? oo : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", to(window.location.hostname)], ...s];
-  return no(i);
-}, Ue = async ({
-  name: e,
-  value: t,
-  expires: n,
-  canTrack: o
-}) => {
-  try {
-    if (!o)
-      return;
-    const s = so({
-      name: e,
-      value: t,
-      expires: n
-    });
-    document.cookie = s;
-  } catch (s) {
-    x.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
-  }
-};
-function ro() {
-  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 Ne() {
-  return ro().replace(/-/g, "");
-}
-const Oe = "builderSessionId", io = async ({
-  canTrack: e
-}) => {
-  if (!e)
-    return;
-  const t = await Ve({
-    name: Oe,
-    canTrack: e
-  });
-  if (A(t))
-    return t;
-  {
-    const n = ao();
-    return lo({
-      id: n,
-      canTrack: e
-    }), n;
-  }
-}, ao = () => Ne(), lo = ({
-  id: e,
-  canTrack: t
-}) => Ue({
-  name: Oe,
-  value: e,
-  canTrack: t
-}), Fe = () => w() && typeof localStorage < "u" ? localStorage : void 0, co = ({
-  key: e,
-  canTrack: t
-}) => {
-  var n;
-  try {
-    return t ? (n = Fe()) == null ? void 0 : n.getItem(e) : void 0;
-  } catch (o) {
-    console.debug("[LocalStorage] GET error: ", o);
-    return;
-  }
-}, uo = ({
-  key: e,
-  canTrack: t,
-  value: n
-}) => {
-  var o;
-  try {
-    t && ((o = Fe()) == null || o.setItem(e, n));
-  } catch (s) {
-    console.debug("[LocalStorage] SET error: ", s);
-  }
-}, Me = "builderVisitorId", po = ({
-  canTrack: e
-}) => {
-  if (!e)
-    return;
-  const t = co({
-    key: Me,
-    canTrack: e
-  });
-  if (A(t))
-    return t;
-  {
-    const n = mo();
-    return ho({
-      id: n,
-      canTrack: e
-    }), n;
-  }
-}, mo = () => Ne(), ho = ({
-  id: e,
-  canTrack: t
-}) => uo({
-  key: Me,
-  value: e,
-  canTrack: t
-}), fo = async ({
-  canTrack: e
-}) => {
-  if (!e)
-    return {
-      visitorId: void 0,
-      sessionId: void 0
-    };
-  const t = await io({
-    canTrack: e
-  }), n = po({
-    canTrack: e
-  });
-  return {
-    sessionId: t,
-    visitorId: n
-  };
-}, bo = async ({
-  type: e,
-  canTrack: t,
-  apiKey: n,
-  metadata: o,
-  ...s
-}) => ({
-  type: e,
-  data: {
-    ...s,
-    metadata: {
-      url: location.href,
-      ...o
-    },
-    ...await fo({
-      canTrack: t
-    }),
-    userAttributes: Ie(),
-    ownerId: n
-  }
-});
-async function ee(e) {
-  if (!e.apiKey) {
-    x.error("Missing API key for track call. Please provide your API key.");
-    return;
-  }
-  if (!!e.canTrack && !_() && !!(w() || P === "reactNative"))
-    return fetch("https://cdn.builder.io/api/v1/track", {
-      method: "POST",
-      body: JSON.stringify({
-        events: [await bo(e)]
-      }),
-      headers: {
-        "content-type": "application/json"
-      },
-      mode: "cors"
-    }).catch((t) => {
-      console.error("Failed to track: ", t);
-    });
-}
-const ns = (e) => ee({
-  ...e,
-  canTrack: !0
-}), go = "0.7.1-1", fe = {};
-function yo(e, t) {
-  let n = fe[e];
-  if (n || (n = fe[e] = []), n.push(t), w()) {
-    const o = {
-      type: "builder.register",
-      data: {
-        type: e,
-        info: t
-      }
-    };
-    try {
-      parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (s) {
-      console.debug("Could not postmessage", s);
-    }
-  }
-}
-const ko = () => {
-  yo("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 be = !1;
-const vo = (e = {}) => {
-  var t, n;
-  be || (be = !0, w() && ((t = window.parent) == null || t.postMessage({
-    type: "builder.sdkInfo",
-    data: {
-      target: P,
-      version: go,
-      supportsPatchUpdates: !1,
-      supportsAddBlockScoping: !0,
-      supportsCustomBreakpoints: !0
-    }
-  }, "*"), (n = window.parent) == null || n.postMessage({
-    type: "builder.updateContent",
-    data: {
-      options: e
-    }
-  }, "*"), window.addEventListener("message", ({
-    data: o
-  }) => {
-    var s, r;
-    if (!!(o != null && o.type))
-      switch (o.type) {
-        case "builder.evaluate": {
-          const i = o.data.text, a = o.data.arguments || [], l = o.data.id, c = new Function(i);
-          let u, h = null;
-          try {
-            u = c.apply(null, a);
-          } catch (m) {
-            h = m;
-          }
-          h ? (s = window.parent) == null || s.postMessage({
-            type: "builder.evaluateError",
-            data: {
-              id: l,
-              error: h.message
-            }
-          }, "*") : u && typeof u.then == "function" ? u.then((m) => {
-            var f;
-            (f = window.parent) == null || f.postMessage({
-              type: "builder.evaluateResult",
-              data: {
-                id: l,
-                result: m
-              }
-            }, "*");
-          }).catch(console.error) : (r = window.parent) == null || r.postMessage({
-            type: "builder.evaluateResult",
-            data: {
-              result: u,
-              id: l
-            }
-          }, "*");
-          break;
-        }
-      }
-  })));
-};
-function ge(e) {
-  return Math.round(e * 1e3) / 1e3;
-}
-const So = (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;
-}, Co = (e) => So(e, (t) => {
-  const n = t.getAttribute("builder-id") || t.id;
-  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), ye = ({
-  event: e,
-  target: t
-}) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = ge(o / n.width), i = ge(s / n.height);
-  return {
-    x: r,
-    y: i
-  };
-}, wo = (e) => {
-  const t = e.target, n = t && Co(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
-  return {
-    targetBuilderElement: o || void 0,
-    metadata: {
-      targetOffset: t ? ye({
-        event: e,
-        target: t
-      }) : void 0,
-      builderTargetOffset: n ? ye({
-        event: e,
-        target: n
-      }) : void 0,
-      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
-    }
-  };
-}, $o = "builder.tests", oe = (e) => `${$o}.${e}`, To = ({
-  contentId: e
-}) => Ve({
-  name: oe(e),
-  canTrack: !0
-}), Io = ({
-  contentId: e
-}) => Be({
-  name: oe(e),
-  canTrack: !0
-}), Ro = ({
-  contentId: e,
-  value: t
-}) => Ue({
-  name: oe(e),
-  value: t,
-  canTrack: !0
-}), We = (e) => A(e.id) && A(e.variations) && Object.keys(e.variations).length > 0, xo = ({
-  id: e,
-  variations: t
-}) => {
-  var s;
-  let n = 0;
-  const o = Math.random();
-  for (const r in t) {
-    const i = (s = t[r]) == null ? void 0 : s.testRatio;
-    if (n += i, o < n)
-      return r;
-  }
-  return e;
-}, Le = (e) => {
-  const t = xo(e);
-  return Ro({
-    contentId: e.id,
-    value: t
-  }).catch((n) => {
-    x.error("could not store A/B test variation: ", n);
-  }), t;
-}, Ke = ({
-  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" : "")
-  };
-}, Eo = ({
-  item: e,
-  canTrack: t
-}) => {
-  if (!t)
-    return e;
-  if (!e)
-    return;
-  if (!We(e))
-    return e;
-  const n = Io({
-    contentId: e.id
-  }) || Le({
-    variations: e.variations,
-    id: e.id
-  }), o = Ke({
-    item: e,
-    testGroupId: n
-  });
-  return {
-    ...e,
-    ...o
-  };
-}, _o = async ({
-  item: e,
-  canTrack: t
-}) => {
-  if (!t || !We(e))
-    return e;
-  const o = await To({
-    contentId: e.id
-  }) || Le({
-    variations: e.variations,
-    id: e.id
-  }), s = Ke({
-    item: e,
-    testGroupId: o
-  });
-  return {
-    ...e,
-    ...s
-  };
-}, F = (e) => A(e) ? e : !0;
-function H(e, t = null, n = ".") {
-  return Object.keys(e).reduce((o, s) => {
-    const r = e[s], i = [t, s].filter(Boolean).join(n);
-    return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
-      ...o,
-      ...H(r, i, n)
-    } : {
-      ...o,
-      [i]: r
-    };
-  }, {});
-}
-const ke = "builder.", Ao = "options.", Po = (e) => {
-  const t = {};
-  return e.forEach((n, o) => {
-    t[o] = n;
-  }), t;
-}, He = (e) => {
-  if (!e)
-    return {};
-  const t = ze(e), n = {};
-  return Object.keys(t).forEach((o) => {
-    if (o.startsWith(ke)) {
-      const s = o.replace(ke, "").replace(Ao, "");
-      n[s] = t[o];
-    }
-  }), n;
-}, jo = () => {
-  if (!w())
-    return {};
-  const e = new URLSearchParams(window.location.search);
-  return He(e);
-}, ze = (e) => e instanceof URLSearchParams ? Po(e) : e, Bo = "v3", ve = (e) => typeof e == "number" && !isNaN(e) && e >= 0, se = (e) => {
-  let {
-    noTraverse: t = !1
-  } = e;
-  const {
-    limit: n = 30,
-    userAttributes: o,
-    query: s,
-    model: r,
-    apiKey: i,
-    includeRefs: a = !0,
-    enrich: l,
-    locale: c,
-    apiVersion: u = Bo,
-    fields: h,
-    omit: m,
-    offset: f,
-    cacheSeconds: C,
-    staleCacheSeconds: $,
-    sort: T,
-    includeUnpublished: E
-  } = e;
-  if (!i)
-    throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(u))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
-  (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const b = new URL(`https://cdn.builder.io/api/${u}/content/${r}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
-  if (b.searchParams.set("omit", m || "meta.componentsUsed"), h && b.searchParams.set("fields", h), Number.isFinite(f) && f > -1 && b.searchParams.set("offset", String(Math.floor(f))), typeof E == "boolean" && b.searchParams.set("includeUnpublished", String(E)), C && ve(C) && b.searchParams.set("cacheSeconds", String(C)), $ && ve($) && b.searchParams.set("staleCacheSeconds", String($)), T) {
-    const j = H({
-      sort: T
-    });
-    for (const N in j)
-      b.searchParams.set(N, JSON.stringify(j[N]));
-  }
-  const Je = {
-    ...jo(),
-    ...ze(e.options || {})
-  }, re = H(Je);
-  for (const j in re)
-    b.searchParams.set(j, String(re[j]));
-  if (o && b.searchParams.set("userAttributes", JSON.stringify(o)), s) {
-    const j = H({
-      query: s
-    });
-    for (const N in j)
-      b.searchParams.set(N, JSON.stringify(j[N]));
-  }
-  return b;
-}, Vo = (e) => "results" in e;
-async function J(e) {
-  const t = await De({
-    ...e,
-    limit: 1
-  });
-  return t && t.results[0] || null;
-}
-const os = J, Uo = async (e) => {
-  const t = se(e);
-  return await (await je(t.href)).json();
-}, No = async (e, t, n = se(e)) => {
-  const o = F(e.canTrack);
-  if (n.search.includes("preview="), !o || !(w() || P === "reactNative"))
-    return t;
-  try {
-    const s = [];
-    for (const r of t.results)
-      s.push(await _o({
-        item: r,
-        canTrack: o
-      }));
-    t.results = s;
-  } catch (s) {
-    x.error("Could not process A/B tests. ", s);
-  }
-  return t;
-};
-async function De(e) {
-  try {
-    const t = se(e), n = await Uo(e);
-    return Vo(n) ? No(e, n) : (x.error("Error fetching data. ", {
-      url: t,
-      content: n,
-      options: e
-    }), null);
-  } catch (t) {
-    return x.error("Error fetching data. ", t), null;
-  }
-}
-const ss = De;
-function Oo() {
-  return !w() || _() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
-}
-const Fo = g({
-  name: "enable-editor",
-  props: [
-    "builderContextSignal",
-    "model",
-    "context",
-    "canTrack",
-    "apiKey",
-    "locale",
-    "includeRefs",
-    "enrich",
-    "content",
-    "showContent",
-    "classNameProp"
-  ],
-  data() {
-    return {
-      forceReRenderCount: 0,
-      lastUpdated: 0,
-      shouldSendResetCookie: !1,
-      httpReqsData: {},
-      clicked: !1,
-      builderContext: Q
-    };
-  },
-  provide() {
-    const e = this;
-    return {
-      [Q.key]: e.builderContextSignal
-    };
-  },
-  mounted() {
-    (() => {
-      var n, o;
-      if (w()) {
-        if (_() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
-          new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && F(this.canTrack)) {
-          const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
-          ee({
-            type: "impression",
-            canTrack: !0,
-            contentId: i,
-            apiKey: a,
-            variationId: r !== i ? r : void 0
-          });
-        }
-        Oo() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
-          new CustomEvent("initpreviewingbldr")
-        );
-      }
-    })(), (() => {
-      this.apiKey || x.error(
-        "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-      ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
-    })();
-  },
-  watch: {
-    onUpdateHook0: {
-      handler() {
-        this.content && this.mergeNewContent(this.content);
-      },
-      immediate: !0
-    },
-    onUpdateHook1: { handler() {
-    }, immediate: !0 },
-    onUpdateHook2: {
-      handler() {
-        this.evaluateJsCode();
-      },
-      immediate: !0
-    },
-    onUpdateHook3: {
-      handler() {
-        this.runHttpRequests();
-      },
-      immediate: !0
-    },
-    onUpdateHook4: {
-      handler() {
-        this.emitStateUpdate();
-      },
-      immediate: !0
-    }
-  },
-  unmounted() {
-    w() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
-      "builder:component:stateChangeListenerActivated",
-      this.emitStateUpdate
-    ));
-  },
-  computed: {
-    onUpdateHook0() {
-      return {
-        0: this.content
-      };
-    },
-    onUpdateHook1() {
-      return {
-        0: this.shouldSendResetCookie
-      };
-    },
-    onUpdateHook2() {
-      var e, t;
-      return {
-        0: (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.jsCode,
-        1: this.builderContextSignal.rootState
-      };
-    },
-    onUpdateHook3() {
-      var e, t;
-      return {
-        0: (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests
-      };
-    },
-    onUpdateHook4() {
-      return {
-        0: this.builderContextSignal.rootState
-      };
-    }
-  },
-  methods: {
-    mergeNewContent(e) {
-      var n, o, s, r, i;
-      const t = {
-        ...this.builderContextSignal.content,
-        ...e,
-        data: {
-          ...(n = this.builderContextSignal.content) == null ? void 0 : n.data,
-          ...e == null ? void 0 : e.data
-        },
-        meta: {
-          ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
-          ...e == null ? void 0 : e.meta,
-          breakpoints: ((s = e == null ? void 0 : e.meta) == null ? void 0 : s.breakpoints) || ((i = (r = this.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : i.breakpoints)
-        }
-      };
-      this.builderContextSignal.content = t;
-    },
-    processMessage(e) {
-      var n;
-      const { data: t } = e;
-      if (t)
-        switch (t.type) {
-          case "builder.configureSdk": {
-            const o = t.data, { breakpoints: s, contentId: r } = o;
-            if (!r || r !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
-              return;
-            s && this.mergeNewContent({
-              meta: {
-                breakpoints: s
-              }
-            }), this.forceReRenderCount = this.forceReRenderCount + 1;
-            break;
-          }
-          case "builder.contentUpdate": {
-            const o = t.data, s = o.key || o.alias || o.entry || o.modelName, r = o.data;
-            s === this.model && (this.mergeNewContent(r), 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 && z({
-        code: e,
-        context: this.context || {},
-        localState: void 0,
-        rootState: this.builderContextSignal.rootState,
-        rootSetState: this.builderContextSignal.rootSetState
-      });
-    },
-    onClick(e) {
-      var t, n;
-      if (this.builderContextSignal.content) {
-        const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, s = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        ee({
-          type: "click",
-          canTrack: F(this.canTrack),
-          contentId: s,
-          apiKey: this.apiKey,
-          variationId: o !== s ? o : void 0,
-          ...wo(e),
-          unique: !this.clicked
-        });
-      }
-      this.clicked || (this.clicked = !0);
-    },
-    evalExpression(e) {
-      return e.replace(
-        /{{([^}]+)}}/g,
-        (t, n) => z({
-          code: n,
-          context: this.context || {},
-          localState: void 0,
-          rootState: this.builderContextSignal.rootState,
-          rootSetState: this.builderContextSignal.rootSetState
-        })
-      );
-    },
-    handleRequest({ url: e, key: t }) {
-      je(e).then((n) => n.json()).then((n) => {
-        var s, r;
-        const o = {
-          ...this.builderContextSignal.rootState,
-          [t]: n
-        };
-        (r = (s = this.builderContextSignal).rootSetState) == null || r.call(s, o), this.httpReqsData[t] = !0;
-      }).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(([s, r]) => {
-        if (r && (!this.httpReqsData[s] || _())) {
-          const i = this.evalExpression(r);
-          this.handleRequest({
-            url: i,
-            key: s
-          });
-        }
-      });
-    },
-    emitStateUpdate() {
-      _() && window.dispatchEvent(
-        new CustomEvent(
-          "builder:component:stateChange",
-          {
-            detail: {
-              state: M(this.builderContextSignal.rootState),
-              ref: {
-                name: this.model
-              }
-            }
-          }
-        )
-      );
-    },
-    elementRef_onIniteditingbldr(e) {
-      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), ko(), vo({
-        ...this.locale ? {
-          locale: this.locale
-        } : {},
-        ...this.includeRefs ? {
-          includeRefs: this.includeRefs
-        } : {},
-        ...this.enrich ? {
-          enrich: this.enrich
-        } : {}
-      }), Object.values(
-        this.builderContextSignal.componentInfos
-      ).forEach((t) => {
-        var o;
-        const n = Ln(t);
-        (o = window.parent) == null || o.postMessage(n, "*");
-      }), window.addEventListener(
-        "builder:component:stateChangeListenerActivated",
-        this.emitStateUpdate
-      );
-    },
-    elementRef_onInitpreviewingbldr(e) {
-      const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
-        `builder.preview.${n}`
-      ), s = t.get("apiKey") || t.get("builder.space");
-      n === this.model && s === this.apiKey && (!this.content || o === this.content.id) && J({
-        model: this.model,
-        apiKey: this.apiKey,
-        apiVersion: this.builderContextSignal.apiVersion
-      }).then((r) => {
-        r && this.mergeNewContent(r);
-      });
-    },
-    _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 = ["builder-content-id", "builder-model"];
-function Wo(e, t, n, o, s, r) {
-  var i;
-  return e.builderContextSignal.content ? (d(), p("div", I({
-    key: e.forceReRenderCount,
-    ref: "elementRef",
-    onClick: t[0] || (t[0] = (a) => e.onClick(a)),
-    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
-    "builder-model": e.model,
-    class: e._classStringToObject(e.classNameProp),
-    onIniteditingbldr: t[1] || (t[1] = (a) => e.elementRef_onIniteditingbldr(a)),
-    onInitpreviewingbldr: t[2] || (t[2] = (a) => e.elementRef_onInitpreviewingbldr(a))
-  }, {
-    ...e.showContent ? {} : {
-      hidden: !0,
-      "aria-hidden": !0
-    }
-  }), [
-    U(e.$slots, "default")
-  ], 16, Mo)) : S("v-if", !0);
-}
-const Lo = /* @__PURE__ */ y(Fo, [["render", Wo], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), Ko = g({
-  render() {
-    return Ce("script", { id: this.id, innerHTML: this.scriptStr });
-  },
-  name: "inlined-script",
-  props: ["scriptStr", "id"]
-}), qe = /* @__PURE__ */ y(Ko, [["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]), Ho = Xe, zo = g({
-  name: "content-component",
-  components: {
-    EnableEditor: Lo,
-    InlinedScript: qe,
-    ContentStyles: Yn,
-    Blocks: ne
-  },
-  props: [
-    "content",
-    "customComponents",
-    "data",
-    "locale",
-    "context",
-    "apiKey",
-    "apiVersion",
-    "model",
-    "canTrack",
-    "includeRefs",
-    "enrich",
-    "classNameProp",
-    "showContent",
-    "isSsrAbTest"
-  ],
-  data() {
-    var e, t;
-    return {
-      scriptStr: ln({
-        variationId: (e = this.content) == null ? void 0 : e.testVariationId,
-        contentId: (t = this.content) == null ? void 0 : t.id
-      }),
-      registeredComponents: [
-        ...me(),
-        ...he,
-        ...this.customComponents || []
-      ].reduce(
-        (n, { component: o, ...s }) => ({
-          ...n,
-          [s.name]: {
-            component: Ho(o),
-            ...Z(s)
-          }
-        }),
-        {}
-      ),
-      builderContextSignal: {
-        content: Qn({
-          content: this.content,
-          data: this.data
-        }),
-        localState: void 0,
-        rootState: Xn({
-          content: this.content,
-          data: this.data,
-          locale: this.locale
-        }),
-        rootSetState: this.contentSetState,
-        context: this.context || {},
-        apiKey: this.apiKey,
-        apiVersion: this.apiVersion,
-        componentInfos: [
-          ...me(),
-          ...he,
-          ...this.customComponents || []
-        ].reduce(
-          (n, { component: o, ...s }) => ({
-            ...n,
-            [s.name]: Z(s)
-          }),
-          {}
-        ),
-        inheritedStyles: {}
-      },
-      TARGET: P
-    };
-  },
-  provide() {
-    const e = this;
-    return {
-      [Ee.key]: {
-        registeredComponents: e.registeredComponents
-      }
-    };
-  },
-  methods: {
-    contentSetState(e) {
-      this.builderContextSignal.rootState = e;
-    }
-  }
-});
-function Do(e, t, n, o, s, r) {
-  const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
-  return d(), v(c, I({
-    content: e.content,
-    model: e.model,
-    context: e.context,
-    apiKey: e.apiKey,
-    canTrack: e.canTrack,
-    locale: e.locale,
-    includeRefs: e.includeRefs,
-    enrich: e.enrich,
-    classNameProp: e.classNameProp,
-    showContent: e.showContent,
-    builderContextSignal: e.builderContextSignal
-  }, {}), {
-    default: te(() => {
-      var u, h, m, f, C, $, T;
-      return [
-        e.isSsrAbTest ? (d(), v(i, {
-          key: 0,
-          scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : S("v-if", !0),
-        e.TARGET !== "reactNative" ? (d(), v(a, {
-          key: 1,
-          contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
-          cssCode: (m = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : m.cssCode,
-          customFonts: (C = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : C.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : S("v-if", !0),
-        V(l, {
-          blocks: (T = ($ = e.builderContextSignal.content) == null ? void 0 : $.data) == null ? void 0 : T.blocks,
-          context: e.builderContextSignal,
-          registeredComponents: e.registeredComponents
-        }, null, 8, ["blocks", "context", "registeredComponents"])
-      ];
-    }),
-    _: 1
-  }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "classNameProp", "showContent", "builderContextSignal"]);
-}
-const qo = /* @__PURE__ */ y(zo, [["render", Do], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), Go = g({
-  name: "content-variants",
-  components: {
-    InlinedScript: qe,
-    InlinedStyles: G,
-    ContentComponent: qo
-  },
-  props: [
-    "canTrack",
-    "content",
-    "__isNestedRender",
-    "model",
-    "data",
-    "context",
-    "apiKey",
-    "apiVersion",
-    "customComponents",
-    "locale",
-    "includeRefs",
-    "enrich"
-  ],
-  data() {
-    return {
-      shouldRenderVariants: tn({
-        canTrack: F(this.canTrack),
-        content: this.content
-      }),
-      getScriptString: rn,
-      getVariants: K,
-      TARGET: P
-    };
-  },
-  mounted() {
-    this.shouldRenderVariants = !1;
-  },
-  computed: {
-    variantScriptStr() {
-      var e;
-      return an(
-        K(this.content).map((t) => ({
-          id: t.testVariationId,
-          testRatio: t.testRatio
-        })),
-        ((e = this.content) == null ? void 0 : e.id) || ""
-      );
-    },
-    hideVariantsStyleString() {
-      return K(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
-    },
-    defaultContent() {
-      var e;
-      return this.shouldRenderVariants ? {
-        ...this.content,
-        testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Eo({
-        item: this.content,
-        canTrack: F(this.canTrack)
-      });
-    }
-  }
-});
-function Jo(e, t, n, o, s, r) {
-  var c, u;
-  const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
-  return d(), p(R, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), v(i, {
-      key: 0,
-      scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : S("v-if", !0),
-    e.shouldRenderVariants ? (d(), p(R, { key: 1 }, [
-      V(a, {
-        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
-        styles: e.hideVariantsStyleString
-      }, null, 8, ["id", "styles"]),
-      V(i, { scriptStr: e.variantScriptStr }, null, 8, ["scriptStr"]),
-      (d(!0), p(R, null, B(e.getVariants(e.content), (h, m) => (d(), v(l, {
-        key: h.testVariationId,
-        content: h,
-        showContent: !1,
-        classNameProp: void 0,
-        model: e.model,
-        data: e.data,
-        context: e.context,
-        apiKey: e.apiKey,
-        apiVersion: e.apiVersion,
-        customComponents: e.customComponents,
-        canTrack: e.canTrack,
-        locale: e.locale,
-        includeRefs: e.includeRefs,
-        enrich: e.enrich,
-        isSsrAbTest: e.shouldRenderVariants
-      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"]))), 128))
-    ], 64)) : S("v-if", !0),
-    V(l, I({
-      content: e.defaultContent,
-      classNameProp: `variant-${(u = e.content) == null ? void 0 : u.id}`,
-      showContent: !0,
-      model: e.model,
-      data: e.data,
-      context: e.context,
-      apiKey: e.apiKey,
-      apiVersion: e.apiVersion,
-      customComponents: e.customComponents,
-      canTrack: e.canTrack,
-      locale: e.locale,
-      includeRefs: e.includeRefs,
-      enrich: e.enrich,
-      isSsrAbTest: e.shouldRenderVariants
-    }, {
-      key: e.shouldRenderVariants.toString()
-    }), null, 16, ["content", "classNameProp", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
-  ], 64);
-}
-const Ge = /* @__PURE__ */ y(Go, [["render", Jo], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), Yo = async ({
-  builderContextValue: e,
-  symbol: t
-}) => {
-  if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
-    return J({
-      model: t.model,
-      apiKey: e.apiKey,
-      apiVersion: e.apiVersion,
-      ...(t == null ? void 0 : t.entry) && {
-        query: {
-          id: t.entry
-        }
-      }
-    }).catch((n) => {
-      x.error("Could not fetch symbol content: ", n);
-    });
-}, Xo = g({
-  name: "builder-symbol",
-  components: { ContentVariants: Ge },
-  props: [
-    "js",
-    "attributes",
-    "symbol",
-    "dynamic",
-    "builderContext",
-    "builderComponents"
-  ],
-  data() {
-    var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: q };
-  },
-  mounted() {
-    this.setContent();
-  },
-  watch: {
-    onUpdateHook0: {
-      handler() {
-        this.setContent();
-      },
-      immediate: !0
-    }
-  },
-  computed: {
-    className() {
-      var e, t;
-      return [
-        ...Object.keys(this.attributes.class),
-        "builder-symbol",
-        (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
-        ((t = this.symbol) == null ? void 0 : t.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
-      ].filter(Boolean).join(" ");
-    },
-    onUpdateHook0() {
-      return {
-        0: this.symbol
-      };
-    }
-  },
-  methods: {
-    setContent() {
-      this.contentToUse || Yo({
-        symbol: this.symbol,
-        builderContextValue: this.builderContext
-      }).then((e) => {
-        e && (this.contentToUse = e);
-      });
-    },
-    _classStringToObject(e) {
-      const t = {};
-      if (typeof e != "string")
-        return t;
-      const n = e.trim().split(/\s+/);
-      for (const o of n)
-        t[o] = !0;
-      return t;
-    }
-  }
-});
-function Qo(e, t, n, o, s, r) {
-  var a, l, c, u;
-  const i = k("content-variants");
-  return d(), p("div", I({
-    class: e._classStringToObject(e.className)
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    V(i, {
-      __isNestedRender: !0,
-      apiVersion: e.builderContext.apiVersion,
-      apiKey: e.builderContext.apiKey,
-      context: e.builderContext.context,
-      customComponents: Object.values(e.builderComponents),
-      data: {
-        ...(a = e.symbol) == null ? void 0 : a.data,
-        ...e.builderContext.localState,
-        ...(c = (l = e.contentToUse) == null ? void 0 : l.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);
-}
-const Zo = /* @__PURE__ */ y(Xo, [["render", Qo], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), rs = ne, is = Ge, Se = {};
-function as(e) {
-  if (w()) {
-    Object.assign(Se, e);
-    const t = {
-      type: "builder.settingsChange",
-      data: Se
-    };
-    parent.postMessage(t, "*");
-  }
-}
-const ls = async (e) => {
-  var o, s, r;
-  const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((s = e.userAttributes) == null ? void 0 : s.urlPath), n = {
-    ...e,
-    apiKey: e.apiKey,
-    model: e.model || "page",
-    userAttributes: {
-      ...e.userAttributes,
-      ...t ? {
-        urlPath: t
-      } : {}
-    },
-    options: He(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
-  };
-  return {
-    apiKey: n.apiKey,
-    model: n.model,
-    content: await J(n)
-  };
-};
-export {
-  Q as B,
-  Ge as C,
-  Kt as F,
-  Xt as I,
-  rs as R,
-  en as S,
-  P as T,
-  $n as V,
-  y as _,
-  xe as a,
-  Re as b,
-  mt as c,
-  ne as d,
-  z as e,
-  is as f,
-  tt as g,
-  Mt as h,
-  Zo as i,
-  kn as j,
-  _ as k,
-  Oo as l,
-  Ln as m,
-  De as n,
-  J as o,
-  ss as p,
-  os as q,
-  yo as r,
-  as as s,
-  No as t,
-  He as u,
-  ns as v,
-  Ho as w,
-  ls as x,
-  ts as y
-};