@builder.io/sdk-vue 0.4.4 → 0.5.0

package/packages/_vue2/dist/render-content.30c701ec.js

@@ -1,1358 +0,0 @@
-import { defineComponent as h } from "vue";
-import { s as b, n as f, i as m, B as I, C as R, F as _, I as E, S as F, d as V, e as A, V as U, r as P, b as g, T as w, c as j, h as H, j as $, k as y, l as W, m as L, _ as v, o as M, p as q, q as B } from "./index.a1dfdaec.js";
-import { e as S } from "./evaluate.f654f563.js";
-const N = {
-  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
-}, O = {
-  name: "Columns",
-  inputs: [
-    {
-      name: "columns",
-      type: "array",
-      broadcast: !0,
-      subFields: [
-        {
-          name: "blocks",
-          type: "array",
-          hideFromUI: !0,
-          defaultValue: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto",
-                  minHeight: "20px",
-                  minWidth: "20px",
-                  overflow: "hidden"
-                }
-              },
-              component: {
-                name: "Image",
-                options: {
-                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-                  backgroundPosition: "center",
-                  backgroundSize: "cover",
-                  aspectRatio: 0.7004048582995948
-                }
-              }
-            },
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto"
-                }
-              },
-              component: {
-                name: "Text",
-                options: {
-                  text: "<p>Enter some text...</p>"
-                }
-              }
-            }
-          ]
-        },
-        {
-          name: "width",
-          type: "number",
-          hideFromUI: !0,
-          helperText: "Width %, e.g. set to 50 to fill half of the space"
-        },
-        {
-          name: "link",
-          type: "url",
-          helperText: "Optionally set a url that clicking this column will link to"
-        }
-      ],
-      defaultValue: [
-        {
-          blocks: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto",
-                  minHeight: "20px",
-                  minWidth: "20px",
-                  overflow: "hidden"
-                }
-              },
-              component: {
-                name: "Image",
-                options: {
-                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-                  backgroundPosition: "center",
-                  backgroundSize: "cover",
-                  aspectRatio: 0.7004048582995948
-                }
-              }
-            },
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto"
-                }
-              },
-              component: {
-                name: "Text",
-                options: {
-                  text: "<p>Enter some text...</p>"
-                }
-              }
-            }
-          ]
-        },
-        {
-          blocks: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto",
-                  minHeight: "20px",
-                  minWidth: "20px",
-                  overflow: "hidden"
-                }
-              },
-              component: {
-                name: "Image",
-                options: {
-                  image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-                  backgroundPosition: "center",
-                  backgroundSize: "cover",
-                  aspectRatio: 0.7004048582995948
-                }
-              }
-            },
-            {
-              "@type": "@builder.io/sdk:Element",
-              responsiveStyles: {
-                large: {
-                  display: "flex",
-                  flexDirection: "column",
-                  alignItems: "stretch",
-                  flexShrink: "0",
-                  position: "relative",
-                  marginTop: "30px",
-                  textAlign: "center",
-                  lineHeight: "normal",
-                  height: "auto"
-                }
-              },
-              component: {
-                name: "Text",
-                options: {
-                  text: "<p>Enter some text...</p>"
-                }
-              }
-            }
-          ]
-        }
-      ],
-      onChange: b((t) => {
-        function e() {
-          n.forEach((a) => {
-            a.delete("width");
-          });
-        }
-        const n = t.get("columns");
-        Array.isArray(n) && !!n.find(
-          (i) => i.get("width")
-        ) && (!!n.find(
-          (o) => !o.get("width")
-        ) || n.reduce((l, s) => l + s.get("width"), 0) !== 100) && e();
-      })
-    },
-    {
-      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
-    }
-  ]
-}, K = {
-  name: "Fragment",
-  static: !0,
-  hidden: !0,
-  canHaveChildren: !0,
-  noWrap: !0
-}, D = {
-  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: b(
-        (t) => {
-          t.delete("srcset"), t.delete("noWebp");
-          function n(r, l = 6e4) {
-            return new Promise((s, c) => {
-              const d = document.createElement("img");
-              let u = !1;
-              d.onload = () => {
-                u = !0, s(d);
-              }, d.addEventListener("error", (p) => {
-                console.warn("Image load failed", p.error), c(p.error);
-              }), d.src = r, setTimeout(() => {
-                u || c(new Error("Image load timed out"));
-              }, l);
-            });
-          }
-          function a(r) {
-            return Math.round(r * 1e3) / 1e3;
-          }
-          const i = t.get("image"), o = t.get("aspectRatio");
-          if (fetch(i).then((r) => r.blob()).then((r) => {
-            r.type.includes("svg") && t.set("noWebp", !0);
-          }), i && (!o || o === 0.7041))
-            return n(i).then((r) => {
-              const l = t.get("aspectRatio");
-              t.get("image") === i && (!l || l === 0.7041) && r.width && r.height && (t.set("aspectRatio", a(r.height / r.width)), t.set("height", r.height), t.set("width", r.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
-    }
-  ]
-}, z = {
-  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>"
-        }
-      }
-    }
-  ]
-}, J = {
-  name: "Symbol",
-  noWrap: !0,
-  static: !0,
-  inputs: [
-    {
-      name: "symbol",
-      type: "uiSymbol"
-    },
-    {
-      name: "dataOnly",
-      helperText: "Make this a data symbol that doesn't display any UI",
-      type: "boolean",
-      defaultValue: !1,
-      advanced: !0,
-      hideFromUI: !0
-    },
-    {
-      name: "inheritState",
-      helperText: "Inherit the parent component state and data",
-      type: "boolean",
-      defaultValue: !1,
-      advanced: !0
-    },
-    {
-      name: "renderToLiquid",
-      helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
-      type: "boolean",
-      defaultValue: !1,
-      advanced: !0,
-      hideFromUI: !0
-    },
-    {
-      name: "useChildren",
-      hideFromUI: !0,
-      type: "boolean"
-    }
-  ]
-}, Y = {
-  name: "Text",
-  static: !0,
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
-  inputs: [
-    {
-      name: "text",
-      type: "html",
-      required: !0,
-      autoFocus: !0,
-      bubble: !0,
-      defaultValue: "Enter some text..."
-    }
-  ],
-  defaultStyles: {
-    lineHeight: "normal",
-    height: "auto",
-    textAlign: "center"
-  }
-}, G = {
-  name: "Video",
-  canHaveChildren: !0,
-  defaultStyles: {
-    minHeight: "20px",
-    minWidth: "20px"
-  },
-  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
-  inputs: [
-    {
-      name: "video",
-      type: "file",
-      allowedFileTypes: ["mp4"],
-      bubble: !0,
-      defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
-      required: !0
-    },
-    {
-      name: "posterImage",
-      type: "file",
-      allowedFileTypes: ["jpeg", "png"],
-      helperText: "Image to show before the video plays"
-    },
-    {
-      name: "autoPlay",
-      type: "boolean",
-      defaultValue: !0
-    },
-    {
-      name: "controls",
-      type: "boolean",
-      defaultValue: !1
-    },
-    {
-      name: "muted",
-      type: "boolean",
-      defaultValue: !0
-    },
-    {
-      name: "loop",
-      type: "boolean",
-      defaultValue: !0
-    },
-    {
-      name: "playsInline",
-      type: "boolean",
-      defaultValue: !0
-    },
-    {
-      name: "fit",
-      type: "text",
-      defaultValue: "cover",
-      enum: ["contain", "cover", "fill", "auto"]
-    },
-    {
-      name: "fitContent",
-      type: "boolean",
-      helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
-      defaultValue: !0,
-      advanced: !0
-    },
-    {
-      name: "position",
-      type: "text",
-      defaultValue: "center",
-      enum: [
-        "center",
-        "top",
-        "left",
-        "right",
-        "bottom",
-        "top left",
-        "top right",
-        "bottom left",
-        "bottom right"
-      ]
-    },
-    {
-      name: "height",
-      type: "number",
-      advanced: !0
-    },
-    {
-      name: "width",
-      type: "number",
-      advanced: !0
-    },
-    {
-      name: "aspectRatio",
-      type: "number",
-      advanced: !0,
-      defaultValue: 0.7004048582995948
-    },
-    {
-      name: "lazyLoad",
-      type: "boolean",
-      helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
-      defaultValue: !0,
-      advanced: !0
-    }
-  ]
-}, X = {
-  name: "Embed",
-  static: !0,
-  inputs: [
-    {
-      name: "url",
-      type: "url",
-      required: !0,
-      defaultValue: "",
-      helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: b(
-        (t) => {
-          const e = t.get("url");
-          if (e)
-            return t.set("content", "Loading..."), fetch(
-              `https://iframe.ly/api/iframely?url=${e}&api_key=ae0e60e78201a3f2b0de4b`
-            ).then((a) => a.json()).then((a) => {
-              t.get("url") === e && (a.html ? t.set("content", a.html) : t.set("content", "Invalid url, please try another"));
-            }).catch((a) => {
-              t.set(
-                "content",
-                "There was an error embedding this URL, please try again or another URL"
-              );
-            });
-          t.delete("content");
-        }
-      )
-    },
-    {
-      name: "content",
-      type: "html",
-      defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-      hideFromUI: !0
-    }
-  ]
-}, Q = [
-  "text/javascript",
-  "application/javascript",
-  "application/ecmascript"
-], Z = (t) => Q.includes(t.type), ee = h({
-  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 t = this.$refs.elem.getElementsByTagName("script");
-      for (let e = 0; e < t.length; e++) {
-        const n = t[e];
-        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 (Z(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 te = function() {
-  var e = this, n = e._self._c;
-  return e._self._setupProxy, n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: e._s(e.content) } });
-}, ne = [], ae = /* @__PURE__ */ f(
-  ee,
-  te,
-  ne,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const ie = ae.exports, oe = h({
-  name: "builder-img-component",
-  props: [
-    "backgroundSize",
-    "backgroundPosition",
-    "imgSrc",
-    "altText",
-    "image",
-    "attributes"
-  ],
-  data() {
-    return { isEditing: m };
-  },
-  methods: {
-    filterAttrs: function(e = {}, n) {
-      const a = "v-on:";
-      return Object.keys(e).filter((i) => {
-        if (!e[i])
-          return !1;
-        const o = i.startsWith(a);
-        return n ? o : !o;
-      }).reduce(
-        (i, o) => ({
-          ...i,
-          [o.replace(a, "")]: e[o]
-        }),
-        {}
-      );
-    }
-  }
-});
-var re = function() {
-  var e = this, n = e._self._c;
-  return e._self._setupProxy, n("img", e._g(e._b({ key: e.isEditing() && e.imgSrc || "default-key", style: {
-    objectFit: e.backgroundSize || "cover",
-    objectPosition: e.backgroundPosition || "center"
-  }, attrs: { alt: e.altText, src: e.imgSrc || e.image } }, "img", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)));
-}, se = [], le = /* @__PURE__ */ f(
-  oe,
-  re,
-  se,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const de = le.exports, ce = {
-  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
-}, ue = h({
-  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 t = this.$refs.elem.getElementsByTagName("script");
-        for (let e = 0; e < t.length; e++) {
-          const n = t[e];
-          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(t) {
-      const e = {};
-      if (typeof t != "string")
-        return e;
-      const n = t.trim().split(/\s+/);
-      for (const a of n)
-        e[a] = !0;
-      return e;
-    }
-  }
-});
-var pe = function() {
-  var e = this, n = e._self._c;
-  return e._self._setupProxy, n("div", { ref: "elem", class: e._classStringToObject(
-    "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
-  ), domProps: { innerHTML: e._s(e.code) } });
-}, me = [], he = /* @__PURE__ */ f(
-  ue,
-  pe,
-  me,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const fe = he.exports, ge = {
-  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
-    }
-  ]
-}, be = () => [
-  { component: I, ...N },
-  { component: R, ...O },
-  { component: fe, ...ge },
-  { component: ie, ...X },
-  { component: _, ...K },
-  { component: E, ...D },
-  { component: de, ...ce },
-  { component: F, ...z },
-  { component: V, ...J },
-  { component: A, ...Y },
-  { component: U, ...G }
-], xe = "0.4.4", ye = () => {
-  P("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 C = !1;
-const ve = (t = {}) => {
-  var e, n;
-  C || (C = !0, g() && ((e = window.parent) == null || e.postMessage(
-    {
-      type: "builder.sdkInfo",
-      data: {
-        target: w,
-        version: xe,
-        supportsPatchUpdates: !1,
-        supportsAddBlockScoping: !0,
-        supportsCustomBreakpoints: !0
-      }
-    },
-    "*"
-  ), (n = window.parent) == null || n.postMessage(
-    {
-      type: "builder.updateContent",
-      data: {
-        options: t
-      }
-    },
-    "*"
-  ), window.addEventListener("message", ({ data: a }) => {
-    var i, o;
-    if (!!(a != null && a.type))
-      switch (a.type) {
-        case "builder.evaluate": {
-          const r = a.data.text, l = a.data.arguments || [], s = a.data.id, c = new Function(r);
-          let d, u = null;
-          try {
-            d = c.apply(null, l);
-          } catch (p) {
-            u = p;
-          }
-          u ? (i = window.parent) == null || i.postMessage(
-            {
-              type: "builder.evaluateError",
-              data: { id: s, error: u.message }
-            },
-            "*"
-          ) : d && typeof d.then == "function" ? d.then((p) => {
-            var x;
-            (x = window.parent) == null || x.postMessage(
-              {
-                type: "builder.evaluateResult",
-                data: { id: s, result: p }
-              },
-              "*"
-            );
-          }).catch(console.error) : (o = window.parent) == null || o.postMessage(
-            {
-              type: "builder.evaluateResult",
-              data: { result: d, id: s }
-            },
-            "*"
-          );
-          break;
-        }
-      }
-  })));
-};
-function k(t) {
-  return Math.round(t * 1e3) / 1e3;
-}
-const Se = (t, e, n = !0) => {
-  if (!(t instanceof HTMLElement))
-    return null;
-  let a = n ? t : t.parentElement;
-  do {
-    if (!a)
-      return null;
-    if (e(a))
-      return a;
-  } while (a = a.parentElement);
-  return null;
-}, Ce = (t) => Se(t, (e) => {
-  const n = e.getAttribute("builder-id") || e.id;
-  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), T = ({
-  event: t,
-  target: e
-}) => {
-  const n = e.getBoundingClientRect(), a = t.clientX - n.left, i = t.clientY - n.top, o = k(a / n.width), r = k(i / n.height);
-  return {
-    x: o,
-    y: r
-  };
-}, ke = (t) => {
-  const e = t.target, n = e && Ce(e), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
-  return {
-    targetBuilderElement: a || void 0,
-    metadata: {
-      targetOffset: e ? T({ event: t, target: e }) : void 0,
-      builderTargetOffset: n ? T({ event: t, target: n }) : void 0,
-      builderElementIndex: n && a ? [].slice.call(document.getElementsByClassName(a)).indexOf(n) : void 0
-    }
-  };
-}, Te = ({
-  content: t,
-  data: e,
-  locale: n
-}) => {
-  var o, r, l;
-  const a = {};
-  (r = (o = t == null ? void 0 : t.data) == null ? void 0 : o.inputs) == null || r.forEach((s) => {
-    var c;
-    s.name && s.defaultValue !== void 0 && ((c = t == null ? void 0 : t.data) == null ? void 0 : c.state) && t.data.state[s.name] === void 0 && (a[s.name] = s.defaultValue);
-  });
-  const i = {
-    ...(l = t == null ? void 0 : t.data) == null ? void 0 : l.state,
-    ...e,
-    ...n ? { locale: n } : {}
-  };
-  return { ...a, ...i };
-}, we = ({
-  content: t,
-  data: e
-}) => t ? {
-  ...t,
-  data: {
-    ...t == null ? void 0 : t.data,
-    ...e
-  },
-  meta: t == null ? void 0 : t.meta
-} : void 0, Ie = () => import("./index.a1dfdaec.js").then((t) => t.A).then((t) => t.default).catch((t) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
-    t
-  ), t;
-}), Re = () => import("./render-styles.43e1e2a4.js").then((t) => t.default).catch((t) => {
-  throw console.error(
-    "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
-    t
-  ), t;
-}), _e = h({
-  name: "render-content",
-  components: {
-    RenderContentStyles: Re,
-    RenderBlocks: Ie
-  },
-  props: [
-    "canTrack",
-    "model",
-    "context",
-    "apiKey",
-    "content",
-    "parentContentId",
-    "data",
-    "locale",
-    "apiVersion",
-    "customComponents",
-    "hideContent",
-    "classNameProp",
-    "isSsrAbTest",
-    "includeRefs",
-    "enrich"
-  ],
-  data() {
-    var t;
-    return {
-      forceReRenderCount: 0,
-      overrideContent: null,
-      update: 0,
-      canTrackToUse: j(this.canTrack) ? this.canTrack : !0,
-      httpReqsData: {},
-      clicked: !1,
-      scriptStr: H({
-        contentId: (t = this.content) == null ? void 0 : t.id,
-        parentContentId: this.parentContentId
-      }),
-      builderContextSignal: {
-        content: we({
-          content: this.content,
-          data: this.data
-        }),
-        localState: void 0,
-        rootState: Te({
-          content: this.content,
-          data: this.data,
-          locale: this.locale
-        }),
-        rootSetState: this.contentSetState,
-        context: this.context || {},
-        apiKey: this.apiKey,
-        apiVersion: this.apiVersion,
-        registeredComponents: [
-          ...be(),
-          ...$,
-          ...this.customComponents || []
-        ].reduce(
-          (e, { component: n, ...a }) => ({
-            ...e,
-            [a.name]: {
-              component: n,
-              ...a
-            }
-          }),
-          {}
-        ),
-        inheritedStyles: {}
-      },
-      builderContext: y,
-      TARGET: w
-    };
-  },
-  provide() {
-    const t = this;
-    return {
-      [y.key]: t.builderContextSignal
-    };
-  },
-  mounted() {
-    var t, e;
-    if (this.apiKey || W.error(
-      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), g()) {
-      if (m() && (this.forceReRenderCount = this.forceReRenderCount + 1, ye(), ve({
-        ...this.locale ? {
-          locale: this.locale
-        } : {},
-        ...this.includeRefs ? {
-          includeRefs: this.includeRefs
-        } : {},
-        ...this.enrich ? {
-          enrich: this.enrich
-        } : {}
-      }), Object.values(
-        this.builderContextSignal.registeredComponents
-      ).forEach((n) => {
-        var i;
-        const a = L(n);
-        (i = window.parent) == null || i.postMessage(a, "*");
-      }), window.addEventListener("message", this.processMessage), window.addEventListener(
-        "builder:component:stateChangeListenerActivated",
-        this.emitStateUpdate
-      )), this.builderContextSignal.content) {
-        const n = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (e = this.builderContextSignal.content) == null ? void 0 : e.id;
-        v({
-          type: "impression",
-          canTrack: this.canTrackToUse,
-          contentId: a,
-          apiKey: this.apiKey,
-          variationId: n !== a ? n : void 0
-        });
-      }
-      if (M()) {
-        const n = new URL(location.href).searchParams, a = n.get("builder.preview"), i = n.get(
-          `builder.preview.${a}`
-        ), o = n.get("apiKey") || n.get("builder.space");
-        a === this.model && o === this.apiKey && (!this.content || i === this.content.id) && q({
-          model: this.model,
-          apiKey: this.apiKey,
-          apiVersion: this.apiVersion
-        }).then((r) => {
-          r && this.mergeNewContent(r);
-        });
-      }
-      this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
-    }
-  },
-  watch: {
-    onUpdateHook0: {
-      handler() {
-        this.content && this.mergeNewContent(this.content);
-      },
-      immediate: !0
-    },
-    onUpdateHook1: {
-      handler() {
-        this.evaluateJsCode();
-      },
-      immediate: !0
-    },
-    onUpdateHook2: {
-      handler() {
-        this.runHttpRequests();
-      },
-      immediate: !0
-    },
-    onUpdateHook3: {
-      handler() {
-        this.emitStateUpdate();
-      },
-      immediate: !0
-    }
-  },
-  unmounted() {
-    g() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
-      "builder:component:stateChangeListenerActivated",
-      this.emitStateUpdate
-    ));
-  },
-  computed: {
-    onUpdateHook0() {
-      return {
-        0: this.content
-      };
-    },
-    onUpdateHook1() {
-      var t, e;
-      return {
-        0: (e = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : e.jsCode,
-        1: this.builderContextSignal.rootState
-      };
-    },
-    onUpdateHook2() {
-      var t, e;
-      return {
-        0: (e = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : e.httpRequests
-      };
-    },
-    onUpdateHook3() {
-      return {
-        0: this.builderContextSignal.rootState
-      };
-    }
-  },
-  methods: {
-    mergeNewContent(t) {
-      var e, n, a, i, o;
-      this.builderContextSignal.content = {
-        ...this.builderContextSignal.content,
-        ...t,
-        data: {
-          ...(e = this.builderContextSignal.content) == null ? void 0 : e.data,
-          ...t == null ? void 0 : t.data
-        },
-        meta: {
-          ...(n = this.builderContextSignal.content) == null ? void 0 : n.meta,
-          ...t == null ? void 0 : t.meta,
-          breakpoints: ((a = t == null ? void 0 : t.meta) == null ? void 0 : a.breakpoints) || ((o = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : o.breakpoints)
-        }
-      };
-    },
-    setBreakpoints(t) {
-      var e;
-      this.builderContextSignal.content = {
-        ...this.builderContextSignal.content,
-        meta: {
-          ...(e = this.builderContextSignal.content) == null ? void 0 : e.meta,
-          breakpoints: t
-        }
-      };
-    },
-    contentSetState(t) {
-      this.builderContextSignal.rootState = t;
-    },
-    processMessage(t) {
-      var n;
-      const { data: e } = t;
-      if (e)
-        switch (e.type) {
-          case "builder.configureSdk": {
-            const a = e.data, { breakpoints: i, contentId: o } = a;
-            if (!o || o !== ((n = this.builderContextSignal.content) == null ? void 0 : n.id))
-              return;
-            i && this.setBreakpoints(i), this.forceReRenderCount = this.forceReRenderCount + 1;
-            break;
-          }
-          case "builder.contentUpdate": {
-            const a = e.data, i = a.key || a.alias || a.entry || a.modelName, o = a.data;
-            i === this.model && (this.mergeNewContent(o), this.forceReRenderCount = this.forceReRenderCount + 1);
-            break;
-          }
-        }
-    },
-    evaluateJsCode() {
-      var e, n;
-      const t = (n = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : n.jsCode;
-      t && S({
-        code: t,
-        context: this.context || {},
-        localState: void 0,
-        rootState: this.builderContextSignal.rootState,
-        rootSetState: this.contentSetState
-      });
-    },
-    onClick(t) {
-      var e, n;
-      if (this.builderContextSignal.content) {
-        const a = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, i = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        v({
-          type: "click",
-          canTrack: this.canTrackToUse,
-          contentId: i,
-          apiKey: this.apiKey,
-          variationId: a !== i ? a : void 0,
-          ...ke(t),
-          unique: !this.clicked
-        });
-      }
-      this.clicked || (this.clicked = !0);
-    },
-    evalExpression(t) {
-      return t.replace(
-        /{{([^}]+)}}/g,
-        (e, n) => S({
-          code: n,
-          context: this.context || {},
-          localState: void 0,
-          rootState: this.builderContextSignal.rootState,
-          rootSetState: this.contentSetState
-        })
-      );
-    },
-    handleRequest({ url: t, key: e }) {
-      B(t).then((n) => n.json()).then((n) => {
-        const a = {
-          ...this.builderContextSignal.rootState,
-          [e]: n
-        };
-        this.contentSetState(a);
-      }).catch((n) => {
-        console.error("error fetching dynamic data", t, n);
-      });
-    },
-    runHttpRequests() {
-      var e, n, a;
-      const t = (a = (n = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : n.httpRequests) != null ? a : {};
-      Object.entries(t).forEach(([i, o]) => {
-        if (o && (!this.httpReqsData[i] || m())) {
-          const r = this.evalExpression(o);
-          this.handleRequest({
-            url: r,
-            key: i
-          });
-        }
-      });
-    },
-    emitStateUpdate() {
-      m() && window.dispatchEvent(
-        new CustomEvent(
-          "builder:component:stateChange",
-          {
-            detail: {
-              state: this.builderContextSignal.rootState,
-              ref: {
-                name: this.model
-              }
-            }
-          }
-        )
-      );
-    },
-    _classStringToObject(t) {
-      const e = {};
-      if (typeof t != "string")
-        return e;
-      const n = t.trim().split(/\s+/);
-      for (const a of n)
-        e[a] = !0;
-      return e;
-    }
-  }
-});
-var Ee = function() {
-  var a, i, o, r, l, s, c, d;
-  var e = this, n = e._self._c;
-  return e._self._setupProxy, e.builderContextSignal.content ? n("div", e._b({ ref: "elementRef", class: e._classStringToObject(e.classNameProp), attrs: { "builder-content-id": (a = e.builderContextSignal.content) == null ? void 0 : a.id, "builder-model": e.model }, on: { click: function(u) {
-    return e.onClick(u);
-  } } }, "div", {
-    ...e.TARGET === "reactNative" ? {
-      dataSet: {
-        "builder-content-id": ""
-      }
-    } : {},
-    ...e.hideContent ? {
-      hidden: !0,
-      "aria-hidden": !0
-    } : {}
-  }, !1), [e.isSsrAbTest ? [n("script", { tag: "component", domProps: { innerHTML: e._s(e.scriptStr) } })] : e._e(), e.TARGET !== "reactNative" ? [n("render-content-styles", { attrs: { contentId: (i = e.builderContextSignal.content) == null ? void 0 : i.id, cssCode: (r = (o = e.builderContextSignal.content) == null ? void 0 : o.data) == null ? void 0 : r.cssCode, customFonts: (s = (l = e.builderContextSignal.content) == null ? void 0 : l.data) == null ? void 0 : s.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (d = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : d.blocks } })], 2) : e._e();
-}, Fe = [], Ve = /* @__PURE__ */ f(
-  _e,
-  Ee,
-  Fe,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const je = Ve.exports;
-export {
-  je as default
-};