@builder.io/sdk-vue 0.7.1 → 0.7.3

package/vue3/lib/browser/index.46955270.js

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