@builder.io/sdk-vue 0.4.5 → 0.5.1

package/packages/_vue2/dist/content.cb96a18a.js

@@ -0,0 +1,913 @@
+import { defineComponent as p } from "vue";
+import { n as u, b as y, d as x, B as v, C as S, F as _, I as T, S as I, e as C, h as w, V as k, j as F, k as f, s as g, T as R, m as E } from "./index.ed62d736.js";
+const V = {
+  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
+}, A = {
+  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((a) => {
+          a.delete("width");
+        });
+      }
+      const n = e.get("columns");
+      Array.isArray(n) && !!n.find((i) => i.get("width")) && (!!n.find((l) => !l.get("width")) || n.reduce((r, s) => r + s.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
+  }]
+}, $ = {
+  name: "Fragment",
+  static: !0,
+  hidden: !0,
+  canHaveChildren: !0,
+  noWrap: !0
+}, W = {
+  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(o, r = 6e4) {
+        return new Promise((s, c) => {
+          const d = document.createElement("img");
+          let m = !1;
+          d.onload = () => {
+            m = !0, s(d);
+          }, d.addEventListener("error", (h) => {
+            console.warn("Image load failed", h.error), c(h.error);
+          }), d.src = o, setTimeout(() => {
+            m || c(new Error("Image load timed out"));
+          }, r);
+        });
+      }
+      function a(o) {
+        return Math.round(o * 1e3) / 1e3;
+      }
+      const i = e.get("image"), l = e.get("aspectRatio");
+      if (fetch(i).then((o) => o.blob()).then((o) => {
+        o.type.includes("svg") && e.set("noWebp", !0);
+      }), i && (!l || l === 0.7041))
+        return n(i).then((o) => {
+          const r = e.get("aspectRatio");
+          e.get("image") === i && (!r || r === 0.7041) && o.width && o.height && (e.set("aspectRatio", a(o.height / o.width)), e.set("height", o.height), e.set("width", o.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
+  }]
+}, P = {
+  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>"
+      }
+    }
+  }]
+}, U = {
+  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"
+  }]
+}, j = {
+  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"
+  }
+}, H = {
+  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
+  }]
+}, L = {
+  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((a) => a.json()).then((a) => {
+          e.get("url") === t && (a.html ? e.set("content", a.html) : e.set("content", "Invalid url, please try another"));
+        }).catch((a) => {
+          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
+  }]
+}, z = ["text/javascript", "application/javascript", "application/ecmascript"], D = (e) => z.includes(e.type), N = p({
+  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 a = document.createElement("script");
+          a.async = !0, a.src = n.src, document.head.appendChild(a);
+        } else if (D(n) && !this.scriptsRun.includes(n.innerText))
+          try {
+            this.scriptsRun.push(n.innerText), new Function(n.innerText)();
+          } catch (a) {
+            console.warn("`Embed`: Error running script:", a);
+          }
+      }
+    }
+  }
+});
+var q = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: t._s(t.content) } });
+}, B = [], M = /* @__PURE__ */ u(
+  N,
+  q,
+  B,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const K = M.exports, O = p({
+  name: "builder-img-component",
+  props: [
+    "backgroundSize",
+    "backgroundPosition",
+    "imgSrc",
+    "altText",
+    "image",
+    "attributes"
+  ],
+  data() {
+    return { isEditing: y, filterAttrs: x };
+  }
+});
+var J = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("img", t._g(t._b({ key: t.isEditing() && t.imgSrc || "default-key", style: {
+    objectFit: t.backgroundSize || "cover",
+    objectPosition: t.backgroundPosition || "center"
+  }, attrs: { alt: t.altText, src: t.imgSrc || t.image } }, "img", t.filterAttrs(t.attributes, "v-on:", !1), !1), t.filterAttrs(t.attributes, "v-on:", !0)));
+}, Y = [], G = /* @__PURE__ */ u(
+  O,
+  J,
+  Y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const X = G.exports, Q = {
+  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
+}, Z = p({
+  name: "builder-custom-code",
+  props: ["replaceNodes", "code"],
+  data() {
+    return { scriptsInserted: [], scriptsRun: [] };
+  },
+  mounted() {
+    this.findAndRunScripts();
+  },
+  methods: {
+    findAndRunScripts() {
+      if (this.$refs.elem && this.$refs.elem.getElementsByTagName && typeof window < "u") {
+        const e = this.$refs.elem.getElementsByTagName("script");
+        for (let t = 0; t < e.length; t++) {
+          const n = e[t];
+          if (n.src) {
+            if (this.scriptsInserted.includes(n.src))
+              continue;
+            this.scriptsInserted.push(n.src);
+            const a = document.createElement("script");
+            a.async = !0, a.src = n.src, document.head.appendChild(a);
+          } else if (!n.type || [
+            "text/javascript",
+            "application/javascript",
+            "application/ecmascript"
+          ].includes(n.type)) {
+            if (this.scriptsRun.includes(n.innerText))
+              continue;
+            try {
+              this.scriptsRun.push(n.innerText), new Function(n.innerText)();
+            } catch (a) {
+              console.warn("`CustomCode`: Error running script:", a);
+            }
+          }
+        }
+      }
+    },
+    _classStringToObject(e) {
+      const t = {};
+      if (typeof e != "string")
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const a of n)
+        t[a] = !0;
+      return t;
+    }
+  }
+});
+var ee = function() {
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("div", { ref: "elem", class: t._classStringToObject(
+    "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
+  ), domProps: { innerHTML: t._s(t.code) } });
+}, te = [], ne = /* @__PURE__ */ u(
+  Z,
+  ee,
+  te,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ae = ne.exports, oe = {
+  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
+  }]
+}, b = () => [{
+  component: v,
+  ...V
+}, {
+  component: S,
+  ...A
+}, {
+  component: ae,
+  ...oe
+}, {
+  component: K,
+  ...L
+}, {
+  component: _,
+  ...$
+}, {
+  component: T,
+  ...W
+}, {
+  component: X,
+  ...Q
+}, {
+  component: I,
+  ...P
+}, {
+  component: C,
+  ...U
+}, {
+  component: w,
+  ...j
+}, {
+  component: k,
+  ...H
+}], ie = ({
+  content: e,
+  data: t,
+  locale: n
+}) => {
+  var l, o, r;
+  const a = {};
+  (o = (l = e == null ? void 0 : e.data) == null ? void 0 : l.inputs) == null || o.forEach((s) => {
+    var c;
+    s.name && s.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[s.name] === void 0 && (a[s.name] = s.defaultValue);
+  });
+  const i = {
+    ...(r = e == null ? void 0 : e.data) == null ? void 0 : r.state,
+    ...t,
+    ...n ? {
+      locale: n
+    } : {}
+  };
+  return {
+    ...a,
+    ...i
+  };
+}, re = ({
+  content: e,
+  data: t
+}) => e ? {
+  ...e,
+  data: {
+    ...e == null ? void 0 : e.data,
+    ...t
+  },
+  meta: e == null ? void 0 : e.meta
+} : void 0, se = () => import("./index.ed62d736.js").then((e) => e.E).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Blocks at ../blocks/blocks.vue",
+    e
+  ), e;
+}), le = () => import("./styles.40b9604d.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component ContentStyles at ./components/styles.vue",
+    e
+  ), e;
+}), ce = () => import("./enable-editor.852e9797.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component EnableEditor at ./components/enable-editor.vue",
+    e
+  ), e;
+}), de = () => import("./inlined-script.cf733bda.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",
+    e
+  ), e;
+}), pe = p({
+  name: "content-component",
+  components: {
+    "enable-editor": ce,
+    "inlined-script": de,
+    "content-styles": le,
+    blocks: se
+  },
+  props: [
+    "content",
+    "customComponents",
+    "data",
+    "locale",
+    "context",
+    "apiKey",
+    "apiVersion",
+    "model",
+    "canTrack",
+    "includeRefs",
+    "enrich",
+    "classNameProp",
+    "showContent",
+    "isSsrAbTest"
+  ],
+  data() {
+    var e, t;
+    return {
+      scriptStr: F({
+        variationId: (e = this.content) == null ? void 0 : e.testVariationId,
+        contentId: (t = this.content) == null ? void 0 : t.id
+      }),
+      registeredComponents: [
+        ...b(),
+        ...f,
+        ...this.customComponents || []
+      ].reduce(
+        (n, { component: a, ...i }) => ({
+          ...n,
+          [i.name]: {
+            component: a,
+            ...g(i)
+          }
+        }),
+        {}
+      ),
+      builderContextSignal: {
+        content: re({
+          content: this.content,
+          data: this.data
+        }),
+        localState: void 0,
+        rootState: ie({
+          content: this.content,
+          data: this.data,
+          locale: this.locale
+        }),
+        rootSetState: this.contentSetState,
+        context: this.context || {},
+        apiKey: this.apiKey,
+        apiVersion: this.apiVersion,
+        componentInfos: [
+          ...b(),
+          ...f,
+          ...this.customComponents || []
+        ].reduce(
+          (n, { component: a, ...i }) => ({
+            ...n,
+            [i.name]: g(i)
+          }),
+          {}
+        ),
+        inheritedStyles: {}
+      },
+      TARGET: R
+    };
+  },
+  provide() {
+    const e = this;
+    return {
+      [E.key]: {
+        registeredComponents: e.registeredComponents
+      }
+    };
+  },
+  methods: {
+    contentSetState(e) {
+      this.builderContextSignal.rootState = e;
+    }
+  }
+});
+var ue = function() {
+  var a, i, l, o, r, s, c;
+  var t = this, n = t._self._c;
+  return t._self._setupProxy, n("enable-editor", t._b({ attrs: { content: t.content, model: t.model, context: t.context, apiKey: t.apiKey, canTrack: t.canTrack, locale: t.locale, includeRefs: t.includeRefs, enrich: t.enrich, classNameProp: t.classNameProp, showContent: t.showContent, builderContextSignal: t.builderContextSignal } }, "enable-editor", {}, !1), [t.isSsrAbTest ? [n("inlined-script", { attrs: { scriptStr: t.scriptStr } })] : t._e(), t.TARGET !== "reactNative" ? [n("content-styles", { attrs: { contentId: (a = t.builderContextSignal.content) == null ? void 0 : a.id, cssCode: (l = (i = t.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : l.cssCode, customFonts: (r = (o = t.builderContextSignal.content) == null ? void 0 : o.data) == null ? void 0 : r.customFonts } })] : t._e(), n("blocks", { attrs: { blocks: (c = (s = t.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : c.blocks, context: t.builderContextSignal, registeredComponents: t.registeredComponents } })], 2);
+}, me = [], he = /* @__PURE__ */ u(
+  pe,
+  ue,
+  me,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const be = he.exports;
+export {
+  be as default
+};