@builder.io/sdk-vue 0.4.5 → 0.5.1

package/package.json

@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.4.5",
+  "version": "0.5.1",
   "main": "./packages/_vue2/dist/sdk.js",
   "module": "./packages/_vue2/dist/sdk.js",
   "type": "module",

package/packages/_vue2/dist/block-styles.1cc420e2.js

@@ -0,0 +1,77 @@
+import { defineComponent as h } from "vue";
+import { T as S, c as i, g as k, a as m, n as y } from "./index.ed62d736.js";
+import { g as f } from "./get-processed-block.d59ca820.js";
+import { c as n } from "./css.22755cda.js";
+import "./evaluate.ce05cec9.js";
+const _ = () => import("./inlined-styles.2709172e.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",
+    t
+  ), t;
+}), B = h({
+  name: "block-styles",
+  components: { "inlined-styles": _ },
+  props: ["block", "context"],
+  data() {
+    return {
+      processedBlock: f({
+        block: this.block,
+        localState: this.context.localState,
+        rootState: this.context.rootState,
+        rootSetState: this.context.rootSetState,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      }),
+      TARGET: S
+    };
+  },
+  computed: {
+    canShowBlock() {
+      return i(this.processedBlock.hide) ? !this.processedBlock.hide : i(this.processedBlock.show) ? this.processedBlock.show : !0;
+    },
+    css() {
+      var a;
+      const t = this.processedBlock.responsiveStyles, e = this.context.content, s = k(
+        ((a = e == null ? void 0 : e.meta) == null ? void 0 : a.breakpoints) || {}
+      ), c = t == null ? void 0 : t.large, l = t == null ? void 0 : t.medium, r = t == null ? void 0 : t.small, o = this.processedBlock.id;
+      if (!o)
+        return "";
+      const d = c ? n({
+        className: o,
+        styles: c
+      }) : "", p = l ? n({
+        className: o,
+        styles: l,
+        mediaQuery: m(
+          "medium",
+          s
+        )
+      }) : "", u = r ? n({
+        className: o,
+        styles: r,
+        mediaQuery: m(
+          "small",
+          s
+        )
+      }) : "";
+      return [d, p, u].join(" ");
+    }
+  }
+});
+var x = function() {
+  var e = this, s = e._self._c;
+  return e._self._setupProxy, e.TARGET !== "reactNative" && e.css && e.canShowBlock ? s("inlined-styles", { attrs: { styles: e.css } }) : e._e();
+}, g = [], v = /* @__PURE__ */ y(
+  B,
+  x,
+  g,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const E = v.exports;
+export {
+  E as default
+};

package/packages/_vue2/dist/block-styles.2b3d669b.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue"),s=require("./index.1021dd83.cjs"),p=require("./get-processed-block.d8938868.cjs"),n=require("./css.30299cfb.cjs");require("./evaluate.80a7f105.cjs");const S=()=>Promise.resolve().then(()=>require("./inlined-styles.cf1e15e1.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component InlinedStyles at ../../inlined-styles.vue",e),e}),y=h.defineComponent({name:"block-styles",components:{"inlined-styles":S},props:["block","context"],data(){return{processedBlock:p.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),TARGET:s.TARGET}},computed:{canShowBlock(){return s.checkIsDefined(this.processedBlock.hide)?!this.processedBlock.hide:s.checkIsDefined(this.processedBlock.show)?this.processedBlock.show:!0},css(){var a;const e=this.processedBlock.responsiveStyles,t=this.context.content,o=s.getSizesForBreakpoints(((a=t==null?void 0:t.meta)==null?void 0:a.breakpoints)||{}),r=e==null?void 0:e.large,l=e==null?void 0:e.medium,i=e==null?void 0:e.small,c=this.processedBlock.id;if(!c)return"";const d=r?n.createCssClass({className:c,styles:r}):"",u=l?n.createCssClass({className:c,styles:l,mediaQuery:s.getMaxWidthQueryForSize("medium",o)}):"",m=i?n.createCssClass({className:c,styles:i,mediaQuery:s.getMaxWidthQueryForSize("small",o)}):"";return[d,u,m].join(" ")}}});var k=function(){var t=this,o=t._self._c;return t._self._setupProxy,t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?o("inlined-styles",{attrs:{styles:t.css}}):t._e()},f=[],_=s.normalizeComponent(y,k,f,!1,null,null,null,null);const v=_.exports;exports.default=v;

package/packages/_vue2/dist/block-wrapper.563cc17f.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./get-block-actions.93f4e72e.cjs"),r=require("./get-block-properties.d0235e56.cjs"),n=require("./index.1021dd83.cjs");require("./evaluate.80a7f105.cjs");require("./css.30299cfb.cjs");const l=o.defineComponent({name:"block-wrapper",props:["Wrapper","block","context","hasChildren"],data(){return{getBlockActions:c.getBlockActions,getBlockProperties:r.getBlockProperties}}});var a=function(){var t=this,e=t._self._c;return t._self._setupProxy,t.hasChildren?e(t.Wrapper,t._g(t._b({tag:"component"},"component",t.getBlockProperties({block:t.block,context:t.context}),!1),t.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context,stripPrefix:!0})),[t._t("default")],2):e(t.Wrapper,t._g(t._b({tag:"component"},"component",t.getBlockProperties({block:t.block,context:t.context}),!1),t.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context,stripPrefix:!0})))},s=[],i=n.normalizeComponent(l,a,s,!1,null,null,null,null);const p=i.exports;exports.default=p;

package/packages/_vue2/dist/block-wrapper.ea9a7e90.js

@@ -0,0 +1,66 @@
+import { defineComponent as e } from "vue";
+import { g as r } from "./get-block-actions.c73f00d1.js";
+import { g as c } from "./get-block-properties.15a37ec1.js";
+import { n } from "./index.ed62d736.js";
+import "./evaluate.ce05cec9.js";
+import "./css.22755cda.js";
+const a = e({
+  name: "block-wrapper",
+  props: ["Wrapper", "block", "context", "hasChildren"],
+  data() {
+    return { getBlockActions: r, getBlockProperties: c };
+  }
+});
+var l = function() {
+  var t = this, o = t._self._c;
+  return t._self._setupProxy, t.hasChildren ? o(t.Wrapper, t._g(
+    t._b(
+      { tag: "component" },
+      "component",
+      t.getBlockProperties({
+        block: t.block,
+        context: t.context
+      }),
+      !1
+    ),
+    t.getBlockActions({
+      block: t.block,
+      rootState: t.context.rootState,
+      rootSetState: t.context.rootSetState,
+      localState: t.context.localState,
+      context: t.context.context,
+      stripPrefix: !0
+    })
+  ), [t._t("default")], 2) : o(t.Wrapper, t._g(
+    t._b(
+      { tag: "component" },
+      "component",
+      t.getBlockProperties({
+        block: t.block,
+        context: t.context
+      }),
+      !1
+    ),
+    t.getBlockActions({
+      block: t.block,
+      rootState: t.context.rootState,
+      rootSetState: t.context.rootSetState,
+      localState: t.context.localState,
+      context: t.context.context,
+      stripPrefix: !0
+    })
+  ));
+}, p = [], s = /* @__PURE__ */ n(
+  a,
+  l,
+  p,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const b = s.exports;
+export {
+  b as default
+};

package/packages/_vue2/dist/block.0f28da5b.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),a=require("./get-processed-block.d8938868.cjs"),m=require("./evaluate.80a7f105.cjs"),d=require("./index.1021dd83.cjs");function h(t){var e;return{...(e=t.component)==null?void 0:e.options,...t.options,builderBlock:t}}const u=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],k=t=>typeof t=="string"&&u.includes(t.toLowerCase()),b=({block:t,context:e,registeredComponents:o})=>{var r;const c=(r=a.getProcessedBlock({block:t,localState:e.localState,rootState:e.rootState,rootSetState:e.rootSetState,context:e.context,shouldEvaluateBindings:!1}).component)==null?void 0:r.name;if(!c)return null;const n=o[c];if(n)return n;console.warn(`
+      Could not find a registered component named "${c}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`)},f=({block:t,context:e})=>{const{repeat:o,...c}=t;if(!(o!=null&&o.collection))return;const n=m.evaluate({code:o.collection,localState:e.localState,rootState:e.rootState,rootSetState:e.rootSetState,context:e.context});if(!Array.isArray(n))return;const r=o.collection.split(".").pop(),s=o.itemName||(r?r+"Item":"item");return n.map((l,i)=>({context:{...e,localState:{...e.localState,$index:i,$item:l,[s]:l,[`$${s}Index`]:i}},block:c}))},C=()=>Promise.resolve().then(()=>require("./block-styles.2b3d669b.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",t),t}),S=()=>Promise.resolve().then(()=>require("./repeated-block.a299d789.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",t),t}),g=()=>Promise.resolve().then(()=>require("./component-ref.a631e3d7.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",t),t}),y=()=>Promise.resolve().then(()=>require("./block-wrapper.563cc17f.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",t),t}),B=p.defineComponent({name:"block",components:{"component-ref":g,"block-wrapper":y,"repeated-block":S,"block-styles":C},props:["block","context","registeredComponents"],data(){return{childrenContext:this.context,isEmptyHtmlElement:k}},computed:{blockComponent(){return b({block:this.block,context:this.context,registeredComponents:this.registeredComponents})},repeatItem(){return f({block:this.block,context:this.context})},processedBlock(){return this.repeatItem?this.block:a.getProcessedBlock({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 e,o;return!((e=this.blockComponent)!=null&&e.component)&&!this.repeatItem?(o=this.processedBlock.children)!=null?o:[]:[]},componentRefProps(){var t,e,o,c,n,r;return{blockChildren:(t=this.processedBlock.children)!=null?t:[],componentRef:(e=this.blockComponent)==null?void 0:e.component,componentOptions:{...h(this.processedBlock),builderContext:this.context,...((o=this.blockComponent)==null?void 0:o.name)==="Symbol"||((c=this.blockComponent)==null?void 0:c.name)==="Columns"?{builderComponents:this.registeredComponents}:{}},context:this.childrenContext,registeredComponents:this.registeredComponents,builderBlock:this.processedBlock,includeBlockProps:((n=this.blockComponent)==null?void 0:n.noWrap)===!0,isInteractive:!((r=this.blockComponent)!=null&&r.isRSC)}}}});var x=function(){var c;var e=this,o=e._self._c;return e._self._setupProxy,!Boolean(!((c=e.blockComponent)!=null&&c.noWrap))&&e.canShowBlock?o("component-ref",e._b({},"component-ref",e.componentRefProps,!1)):e.isEmptyHtmlElement(e.Tag)&&e.canShowBlock?o("block-wrapper",{attrs:{Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!1}}):!e.isEmptyHtmlElement(e.Tag)&&e.repeatItem&&e.canShowBlock?o("div",{staticClass:"vue2-root-element-workaround"},e._l(e.repeatItem,function(n,r){return o("repeated-block",{key:r,attrs:{repeatContext:n.context,block:n.block,registeredComponents:e.registeredComponents}})}),1):e.canShowBlock?o("block-wrapper",{attrs:{Wrapper:e.Tag,block:e.processedBlock,context:e.context,hasChildren:!0}},[o("component-ref",e._b({},"component-ref",e.componentRefProps,!1)),e._l(e.childrenWithoutParentComponent,function(n,r){return o("block",{key:"block-"+n.id,attrs:{block:n,context:e.childrenContext,registeredComponents:e.registeredComponents}})}),e._l(e.childrenWithoutParentComponent,function(n,r){return o("block-styles",{key:"block-style-"+n.id,attrs:{block:n,context:e.childrenContext}})})],2):e._e()},v=[],w=d.normalizeComponent(B,x,v,!1,null,null,null,null);const _=w.exports;exports.default=_;

package/packages/_vue2/dist/block.7a80ed18.js

@@ -0,0 +1,178 @@
+import { defineComponent as p } from "vue";
+import { g as a } from "./get-processed-block.d59ca820.js";
+import { e as m } from "./evaluate.ce05cec9.js";
+import { n as d } from "./index.ed62d736.js";
+function h(e) {
+  var t;
+  return {
+    ...(t = e.component) == null ? void 0 : t.options,
+    ...e.options,
+    builderBlock: e
+  };
+}
+const k = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], u = (e) => typeof e == "string" && k.includes(e.toLowerCase()), f = ({
+  block: e,
+  context: t,
+  registeredComponents: o
+}) => {
+  var r;
+  const c = (r = a({
+    block: e,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context,
+    shouldEvaluateBindings: !1
+  }).component) == null ? void 0 : r.name;
+  if (!c)
+    return null;
+  const n = o[c];
+  if (n)
+    return n;
+  console.warn(`
+      Could not find a registered component named "${c}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);
+}, b = ({
+  block: e,
+  context: t
+}) => {
+  const {
+    repeat: o,
+    ...c
+  } = e;
+  if (!(o != null && o.collection))
+    return;
+  const n = m({
+    code: o.collection,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context
+  });
+  if (!Array.isArray(n))
+    return;
+  const r = o.collection.split(".").pop(), s = o.itemName || (r ? r + "Item" : "item");
+  return n.map((l, i) => ({
+    context: {
+      ...t,
+      localState: {
+        ...t.localState,
+        $index: i,
+        $item: l,
+        [s]: l,
+        [`$${s}Index`]: i
+      }
+    },
+    block: c
+  }));
+}, C = () => import("./block-styles.1cc420e2.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
+    e
+  ), e;
+}), S = () => import("./repeated-block.9a46bc14.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;
+}), g = () => import("./component-ref.af9c1a83.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;
+}), y = () => import("./block-wrapper.ea9a7e90.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;
+}), x = p({
+  name: "block",
+  components: {
+    "component-ref": g,
+    "block-wrapper": y,
+    "repeated-block": S,
+    "block-styles": C
+  },
+  props: ["block", "context", "registeredComponents"],
+  data() {
+    return { childrenContext: this.context, isEmptyHtmlElement: u };
+  },
+  computed: {
+    blockComponent() {
+      return f({
+        block: this.block,
+        context: this.context,
+        registeredComponents: this.registeredComponents
+      });
+    },
+    repeatItem() {
+      return b({
+        block: this.block,
+        context: this.context
+      });
+    },
+    processedBlock() {
+      return this.repeatItem ? this.block : a({
+        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, o;
+      return !((t = this.blockComponent) != null && t.component) && !this.repeatItem ? (o = this.processedBlock.children) != null ? o : [] : [];
+    },
+    componentRefProps() {
+      var e, t, o, c, n, r;
+      return {
+        blockChildren: (e = this.processedBlock.children) != null ? e : [],
+        componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
+        componentOptions: {
+          ...h(this.processedBlock),
+          builderContext: this.context,
+          ...((o = this.blockComponent) == null ? void 0 : o.name) === "Symbol" || ((c = this.blockComponent) == null ? void 0 : c.name) === "Columns" ? {
+            builderComponents: this.registeredComponents
+          } : {}
+        },
+        context: this.childrenContext,
+        registeredComponents: this.registeredComponents,
+        builderBlock: this.processedBlock,
+        includeBlockProps: ((n = this.blockComponent) == null ? void 0 : n.noWrap) === !0,
+        isInteractive: !((r = this.blockComponent) != null && r.isRSC)
+      };
+    }
+  }
+});
+var B = function() {
+  var c;
+  var t = this, o = t._self._c;
+  return t._self._setupProxy, !Boolean(!((c = t.blockComponent) != null && c.noWrap)) && t.canShowBlock ? o("component-ref", t._b({}, "component-ref", t.componentRefProps, !1)) : t.isEmptyHtmlElement(t.Tag) && t.canShowBlock ? o("block-wrapper", { attrs: { Wrapper: t.Tag, block: t.processedBlock, context: t.context, hasChildren: !1 } }) : !t.isEmptyHtmlElement(t.Tag) && t.repeatItem && t.canShowBlock ? o("div", { staticClass: "vue2-root-element-workaround" }, t._l(t.repeatItem, function(n, r) {
+    return o("repeated-block", { key: r, attrs: { repeatContext: n.context, block: n.block, registeredComponents: t.registeredComponents } });
+  }), 1) : t.canShowBlock ? o("block-wrapper", { attrs: { Wrapper: t.Tag, block: t.processedBlock, context: t.context, hasChildren: !0 } }, [o("component-ref", t._b({}, "component-ref", t.componentRefProps, !1)), t._l(t.childrenWithoutParentComponent, function(n, r) {
+    return o("block", { key: "block-" + n.id, attrs: { block: n, context: t.childrenContext, registeredComponents: t.registeredComponents } });
+  }), t._l(t.childrenWithoutParentComponent, function(n, r) {
+    return o("block-styles", { key: "block-style-" + n.id, attrs: { block: n, context: t.childrenContext } });
+  })], 2) : t._e();
+}, _ = [], w = /* @__PURE__ */ d(
+  x,
+  B,
+  _,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const W = w.exports;
+export {
+  W as default
+};

package/packages/_vue2/dist/blocks-wrapper.9aacce51.js

@@ -0,0 +1,72 @@
+import { defineComponent as o } from "vue";
+import { b as r, n as a } from "./index.ed62d736.js";
+const l = o({
+  name: "builder-blocks-wrapper",
+  props: ["blocks", "parent", "path", "styleProp"],
+  computed: {
+    className() {
+      var t;
+      return "builder-blocks" + ((t = this.blocks) != null && t.length ? "" : " no-blocks");
+    }
+  },
+  methods: {
+    onClick() {
+      var t, e;
+      r() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
+        {
+          type: "builder.clickEmptyBlocks",
+          data: {
+            parentElementId: this.parent,
+            dataPath: this.path
+          }
+        },
+        "*"
+      ));
+    },
+    onMouseEnter() {
+      var t, e;
+      r() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
+        {
+          type: "builder.hoverEmptyBlocks",
+          data: {
+            parentElementId: this.parent,
+            dataPath: this.path
+          }
+        },
+        "*"
+      ));
+    },
+    _classStringToObject(t) {
+      const e = {};
+      if (typeof t != "string")
+        return e;
+      const s = t.trim().split(/\s+/);
+      for (const n of s)
+        e[n] = !0;
+      return e;
+    }
+  }
+});
+var i = function() {
+  var e = this, s = e._self._c;
+  return e._self._setupProxy, s("div", e._b({ class: e._classStringToObject(e.className + " div-tqyw9m0iue"), style: e.styleProp, attrs: { "builder-path": e.path, "builder-parent-id": e.parent }, on: { click: function(n) {
+    return e.onClick();
+  }, mouseenter: function(n) {
+    return e.onMouseEnter();
+  }, keypress: function(n) {
+    return e.onClick();
+  } } }, "div", {}, !1), [e._t("default")], 2);
+}, c = [], p = /* @__PURE__ */ a(
+  l,
+  i,
+  c,
+  !1,
+  null,
+  "a3106f07",
+  null,
+  null
+);
+const _ = p.exports;
+export {
+  _ as default
+};

package/packages/_vue2/dist/blocks-wrapper.c53a5f23.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),r=require("./index.1021dd83.cjs"),a=o.defineComponent({name:"builder-blocks-wrapper",props:["blocks","parent","path","styleProp"],computed:{className(){var t;return"builder-blocks"+((t=this.blocks)!=null&&t.length?"":" no-blocks")}},methods:{onClick(){var t,e;r.isEditing()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},onMouseEnter(){var t,e;r.isEditing()&&!((t=this.blocks)!=null&&t.length)&&((e=window.parent)==null||e.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:this.parent,dataPath:this.path}},"*"))},_classStringToObject(t){const e={};if(typeof t!="string")return e;const s=t.trim().split(/\s+/);for(const n of s)e[n]=!0;return e}}});var i=function(){var e=this,s=e._self._c;return e._self._setupProxy,s("div",e._b({class:e._classStringToObject(e.className+" div-tqyw9m0iue"),style:e.styleProp,attrs:{"builder-path":e.path,"builder-parent-id":e.parent},on:{click:function(n){return e.onClick()},mouseenter:function(n){return e.onMouseEnter()},keypress:function(n){return e.onClick()}}},"div",{},!1),[e._t("default")],2)},l=[],c=r.normalizeComponent(a,i,l,!1,null,"a3106f07",null,null);const p=c.exports;exports.default=p;

package/packages/_vue2/dist/component-ref.a631e3d7.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),a=require("./get-block-properties.d0235e56.cjs"),p=require("./index.1021dd83.cjs");require("./css.30299cfb.cjs");const m=({componentOptions:t,builderBlock:e,context:n,componentRef:o,includeBlockProps:r,isInteractive:l,contextValue:s})=>l?{Wrapper:o,block:e,context:n,wrapperProps:t}:{...t,...r?{attributes:a.getBlockProperties({block:e,context:s})}:{}},u=()=>Promise.resolve().then(()=>require("./block-styles.2b3d669b.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ../block-styles.vue",t),t}),d=()=>Promise.resolve().then(()=>require("./block.0f28da5b.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component Block at ../../block.vue",t),t}),c=()=>Promise.resolve().then(()=>require("./interactive-element.ea2a7d23.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component InteractiveElement at ../interactive-element.vue",t),t}),k=i.defineComponent({name:"component-ref",components:{block:d,"block-styles":u,"interactive-element":c},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c:this.componentRef,getWrapperProps:m}}});var b=function(){var e=this,n=e._self._c;return e._self._setupProxy,e.componentRef?n(e.Wrapper,e._b({tag:"component"},"component",e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),!1),[e._l(e.blockChildren,function(o,r){return n("block",{key:"block-"+o.id,attrs:{block:o,context:e.context,registeredComponents:e.registeredComponents}})}),e._l(e.blockChildren,function(o,r){return n("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.context}})})],2):e._e()},f=[],v=p.normalizeComponent(k,b,f,!1,null,null,null,null);const _=v.exports;exports.default=_;

package/packages/_vue2/dist/component-ref.af9c1a83.js

@@ -0,0 +1,98 @@
+import { defineComponent as p } from "vue";
+import { g as s } from "./get-block-properties.15a37ec1.js";
+import { n as a } from "./index.ed62d736.js";
+import "./css.22755cda.js";
+const m = ({
+  componentOptions: t,
+  builderBlock: e,
+  context: n,
+  componentRef: o,
+  includeBlockProps: r,
+  isInteractive: l,
+  contextValue: i
+}) => l ? {
+  Wrapper: o,
+  block: e,
+  context: n,
+  wrapperProps: t
+} : {
+  ...t,
+  ...r ? {
+    attributes: s({
+      block: e,
+      context: i
+    })
+  } : {}
+}, k = () => import("./block-styles.1cc420e2.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ../block-styles.vue",
+    t
+  ), t;
+}), u = () => import("./block.7a80ed18.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component Block at ../../block.vue",
+    t
+  ), t;
+}), c = () => import("./interactive-element.d51dde5a.js").then((t) => t.default).catch((t) => {
+  throw console.error(
+    "Error while attempting to dynamically import component InteractiveElement at ../interactive-element.vue",
+    t
+  ), t;
+}), d = p({
+  name: "component-ref",
+  components: {
+    block: u,
+    "block-styles": k,
+    "interactive-element": c
+  },
+  props: [
+    "isInteractive",
+    "componentRef",
+    "componentOptions",
+    "builderBlock",
+    "context",
+    "includeBlockProps",
+    "blockChildren",
+    "registeredComponents"
+  ],
+  data() {
+    return {
+      Wrapper: this.isInteractive ? c : this.componentRef,
+      getWrapperProps: m
+    };
+  }
+});
+var f = function() {
+  var e = this, n = e._self._c;
+  return e._self._setupProxy, e.componentRef ? n(e.Wrapper, e._b(
+    { tag: "component" },
+    "component",
+    e.getWrapperProps({
+      componentOptions: e.componentOptions,
+      builderBlock: e.builderBlock,
+      context: e.context,
+      componentRef: e.componentRef,
+      includeBlockProps: e.includeBlockProps,
+      isInteractive: e.isInteractive,
+      contextValue: e.context
+    }),
+    !1
+  ), [e._l(e.blockChildren, function(o, r) {
+    return n("block", { key: "block-" + o.id, attrs: { block: o, context: e.context, registeredComponents: e.registeredComponents } });
+  }), e._l(e.blockChildren, function(o, r) {
+    return n("block-styles", { key: "block-style-" + o.id, attrs: { block: o, context: e.context } });
+  })], 2) : e._e();
+}, _ = [], b = /* @__PURE__ */ a(
+  d,
+  f,
+  _,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const B = b.exports;
+export {
+  B as default
+};

package/packages/_vue2/dist/content.2c7fa09f.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),i=require("./index.1021dd83.cjs"),g={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},b={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:.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:.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:.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(r=>r.get("width"))&&(!!n.find(c=>!c.get("width"))||n.reduce((s,l)=>s+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}]},y={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},x={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,s=6e4){return new Promise((l,d)=>{const p=document.createElement("img");let m=!1;p.onload=()=>{m=!0,l(p)},p.addEventListener("error",h=>{console.warn("Image load failed",h.error),d(h.error)}),p.src=o,setTimeout(()=>{m||d(new Error("Image load timed out"))},s)})}function a(o){return Math.round(o*1e3)/1e3}const r=e.get("image"),c=e.get("aspectRatio");if(fetch(r).then(o=>o.blob()).then(o=>{o.type.includes("svg")&&e.set("noWebp",!0)}),r&&(!c||c===.7041))return n(r).then(o=>{const s=e.get("aspectRatio");e.get("image")===r&&(!s||s===.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:.7041}]},v={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>"}}}]},S={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"}]},T={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"}},_={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:.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}]},C={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}]},I=["text/javascript","application/javascript","application/ecmascript"],w=e=>I.includes(e.type),k=u.defineComponent({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(w(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 R=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)}})},F=[],E=i.normalizeComponent(k,R,F,!1,null,null,null,null);const V=E.exports,A=u.defineComponent({name:"builder-img-component",props:["backgroundSize","backgroundPosition","imgSrc","altText","image","attributes"],data(){return{isEditing:i.isEditing,filterAttrs:i.filterAttrs}}});var P=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)))},$=[],W=i.normalizeComponent(A,P,$,!1,null,null,null,null);const j=W.exports,U={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=u.defineComponent({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 H=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)}})},q=[],L=i.normalizeComponent(z,H,q,!1,null,null,null,null);const D=L.exports,N={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}]},f=()=>[{component:i.Button,...g},{component:i.Columns,...b},{component:D,...N},{component:V,...C},{component:i.Fragment,...y},{component:i.Image,...x},{component:j,...U},{component:i.Section,...v},{component:i.Symbol,...S},{component:i.Text,...T},{component:i.Video,..._}],M=({content:e,data:t,locale:n})=>{var c,o,s;const a={};(o=(c=e==null?void 0:e.data)==null?void 0:c.inputs)==null||o.forEach(l=>{var d;l.name&&l.defaultValue!==void 0&&((d=e==null?void 0:e.data)==null?void 0:d.state)&&e.data.state[l.name]===void 0&&(a[l.name]=l.defaultValue)});const r={...(s=e==null?void 0:e.data)==null?void 0:s.state,...t,...n?{locale:n}:{}};return{...a,...r}},B=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0,K=()=>Promise.resolve().then(()=>require("./index.1021dd83.cjs")).then(e=>e.blocks$1).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Blocks at ../blocks/blocks.vue",e),e}),O=()=>Promise.resolve().then(()=>require("./styles.f4f6200a.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component ContentStyles at ./components/styles.vue",e),e}),G=()=>Promise.resolve().then(()=>require("./enable-editor.c1b99af3.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component EnableEditor at ./components/enable-editor.vue",e),e}),J=()=>Promise.resolve().then(()=>require("./inlined-script.3e3c93e8.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component InlinedScript at ../inlined-script.vue",e),e}),Y=u.defineComponent({name:"content-component",components:{"enable-editor":G,"inlined-script":J,"content-styles":O,blocks:K},props:["content","customComponents","data","locale","context","apiKey","apiVersion","model","canTrack","includeRefs","enrich","classNameProp","showContent","isSsrAbTest"],data(){var e,t;return{scriptStr:i.getRenderContentScriptString({variationId:(e=this.content)==null?void 0:e.testVariationId,contentId:(t=this.content)==null?void 0:t.id}),registeredComponents:[...f(),...i.components,...this.customComponents||[]].reduce((n,{component:a,...r})=>({...n,[r.name]:{component:a,...i.serializeComponentInfo(r)}}),{}),builderContextSignal:{content:B({content:this.content,data:this.data}),localState:void 0,rootState:M({content:this.content,data:this.data,locale:this.locale}),rootSetState:this.contentSetState,context:this.context||{},apiKey:this.apiKey,apiVersion:this.apiVersion,componentInfos:[...f(),...i.components,...this.customComponents||[]].reduce((n,{component:a,...r})=>({...n,[r.name]:i.serializeComponentInfo(r)}),{}),inheritedStyles:{}},TARGET:i.TARGET}},provide(){const e=this;return{[i.ComponentsContext.key]:{registeredComponents:e.registeredComponents}}},methods:{contentSetState(e){this.builderContextSignal.rootState=e}}});var X=function(){var a,r,c,o,s,l,d;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:(c=(r=t.builderContextSignal.content)==null?void 0:r.data)==null?void 0:c.cssCode,customFonts:(s=(o=t.builderContextSignal.content)==null?void 0:o.data)==null?void 0:s.customFonts}})]:t._e(),n("blocks",{attrs:{blocks:(d=(l=t.builderContextSignal.content)==null?void 0:l.data)==null?void 0:d.blocks,context:t.builderContextSignal,registeredComponents:t.registeredComponents}})],2)},Q=[],Z=i.normalizeComponent(Y,X,Q,!1,null,null,null,null);const ee=Z.exports;exports.default=ee;