@builder.io/sdk-vue 0.0.2-0 → 0.0.2-1

package/packages/_vue3/dist/render-block.23c16bfb.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),d=require("./index.f58628dd.cjs"),u=require("./get-processed-block.15d39b53.cjs");function b(e){return e.charAt(0).toUpperCase()+e.slice(1)}const f=e=>`on${b(e)}`;function B(e,o){return n=>d.evaluate({code:e,context:o.context,state:o.state,event:n})}function x(e){var s;const o={},n=(s=e.block.actions)!=null?s:{};for(const l in n){if(!n.hasOwnProperty(l))continue;const r=n[l];o[f(l)]=B(r,e)}return o}function g(e){var o;return{...(o=e.component)==null?void 0:o.options,...e.options,builderBlock:e}}function y(e){var o;return{...e.properties,"builder-id":e.id,class:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")}}const a=e=>e,v=e=>e,C=e=>{switch(d.TARGET){case"reactNative":return{...e.large?a(e.large):{},...e.medium?a(e.medium):{},...e.small?a(e.small):{}};default:return{...e.large?a(e.large):{},...e.medium?{[u.getMaxWidthQueryForSize("medium")]:a(e.medium)}:{},...e.small?{[u.getMaxWidthQueryForSize("small")]:a(e.small)}:{}}}};function _(e){if(!e.responsiveStyles)return{};const o=C(e.responsiveStyles);return v(o)}function P(e){return e.tagName||"div"}const E=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],R=e=>typeof e=="string"&&E.includes(e.toLowerCase()),S=()=>Promise.resolve().then(()=>require("./block-styles.8cb7f734.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",e),e}),w=()=>Promise.resolve().then(()=>require("./render-component.c2e224cc.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",e),e}),N=()=>Promise.resolve().then(()=>require("./render-repeated-block.8c10514d.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",e),e}),A={name:"render-block",components:{"render-component":t.defineAsyncComponent(w),"render-repeated-block":t.defineAsyncComponent(N),"block-styles":t.defineAsyncComponent(S)},props:["block","context"],data:()=>({isEmptyHtmlElement:R}),computed:{component(){var n;const e=(n=u.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!1}).component)==null?void 0:n.name;if(!e)return null;const o=this.context.registeredComponents[e];if(o)return o;console.warn(`
+        Could not find a registered component named "${e}". 
+        If you registered it, is the file that registered it imported by the file that needs to render it?`)},componentInfo(){if(this.component){const{component:e,...o}=this.component;return o}else return},componentRef(){var e;return(e=this.component)==null?void 0:e.component},tagName(){return P(this.useBlock)},useBlock(){return this.repeatItemData?this.block:u.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},attributes(){return{...y(this.useBlock),...x({block:this.useBlock,state:this.context.state,context:this.context.context}),style:_(this.useBlock)}},shouldWrap(){var e;return!((e=this.componentInfo)!=null&&e.noWrap)},componentOptions(){return{...g(this.useBlock),...this.shouldWrap?{}:{attributes:this.attributes}}},renderComponentProps(){return{blockChildren:this.children,componentRef:this.componentRef,componentOptions:this.componentOptions,context:this.context}},children(){var e;return(e=this.useBlock.children)!=null?e:[]},childrenWithoutParentComponent(){return!this.componentRef&&!this.repeatItemData?this.children:[]},repeatItemData(){const{repeat:e,...o}=this.block;if(!(e!=null&&e.collection))return;const n=d.evaluate({code:e.collection,state:this.context.state,context:this.context.context});if(!Array.isArray(n))return;const s=e.collection.split(".").pop(),l=e.itemName||(s?s+"Item":"item");return n.map((m,i)=>({context:{...this.context,state:{...this.context.state,$index:i,$item:m,[l]:m,[`$${l}Index`]:i}},block:o}))}}};function I(e,o,n,s,l,r){const m=t.resolveComponent("render-repeated-block"),i=t.resolveComponent("render-component"),k=t.resolveComponent("render-block",!0),h=t.resolveComponent("block-styles");return r.shouldWrap?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.isEmptyHtmlElement(r.tagName)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.tagName),t.normalizeProps(t.mergeProps({key:1},r.attributes)),null,16)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[r.repeatItemData?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(r.repeatItemData,(c,p)=>(t.openBlock(),t.createBlock(m,{key:p,repeatContext:c.context,block:c.block},null,8,["repeatContext","block"]))),128)):t.createCommentVNode("",!0),r.repeatItemData?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.tagName),t.normalizeProps(t.mergeProps({key:1},r.attributes)),{default:t.withCtx(()=>[t.createVNode(i,t.normalizeProps(t.guardReactiveProps(r.renderComponentProps)),null,16),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.childrenWithoutParentComponent,(c,p)=>(t.openBlock(),t.createBlock(k,{key:"render-block-"+c.id,block:c,context:n.context},null,8,["block","context"]))),128)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.childrenWithoutParentComponent,(c,p)=>(t.openBlock(),t.createBlock(h,{key:"block-style-"+c.id,block:c,context:n.context},null,8,["block","context"]))),128))]),_:1},16))],64))],64)):(t.openBlock(),t.createBlock(i,t.mergeProps({key:1},r.renderComponentProps,{context:n.context}),null,16,["context"]))}const W=d._export_sfc(A,[["render",I]]);exports.default=W;

package/packages/_vue3/dist/render-block.9c550b26.js

@@ -0,0 +1,253 @@
+import { defineAsyncComponent as f, resolveComponent as h, openBlock as r, createElementBlock as u, Fragment as d, renderList as x, createBlock as l, createCommentVNode as g, resolveDynamicComponent as B, normalizeProps as b, mergeProps as y, withCtx as w, createVNode as N, guardReactiveProps as P } from "vue";
+import { e as v, T as S, _ as I } from "./index.fa54ce28.js";
+import { a as _, g as C } from "./get-processed-block.bebdc794.js";
+function A(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+const T = (e) => `on${A(e)}`;
+function W(e, t) {
+  return (n) => v({
+    code: e,
+    context: t.context,
+    state: t.state,
+    event: n
+  });
+}
+function O(e) {
+  var s;
+  const t = {}, n = (s = e.block.actions) != null ? s : {};
+  for (const a in n) {
+    if (!n.hasOwnProperty(a))
+      continue;
+    const o = n[a];
+    t[T(a)] = W(o, e);
+  }
+  return t;
+}
+function D(e) {
+  var t;
+  return {
+    ...(t = e.component) == null ? void 0 : t.options,
+    ...e.options,
+    builderBlock: e
+  };
+}
+function H(e) {
+  var t;
+  return {
+    ...e.properties,
+    "builder-id": e.id,
+    class: [e.id, "builder-block", e.class, (t = e.properties) == null ? void 0 : t.class].filter(Boolean).join(" ")
+  };
+}
+const i = (e) => e, L = (e) => e, z = (e) => {
+  switch (S) {
+    case "reactNative":
+      return {
+        ...e.large ? i(e.large) : {},
+        ...e.medium ? i(e.medium) : {},
+        ...e.small ? i(e.small) : {}
+      };
+    default:
+      return {
+        ...e.large ? i(e.large) : {},
+        ...e.medium ? {
+          [_("medium")]: i(
+            e.medium
+          )
+        } : {},
+        ...e.small ? {
+          [_("small")]: i(
+            e.small
+          )
+        } : {}
+      };
+  }
+};
+function F(e) {
+  if (!e.responsiveStyles)
+    return {};
+  const t = z(e.responsiveStyles);
+  return L(t);
+}
+function M(e) {
+  return e.tagName || "div";
+}
+const j = [
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+], U = (e) => typeof e == "string" && j.includes(e.toLowerCase()), V = () => import("./block-styles.13caf8d7.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
+    e
+  ), e;
+}), G = () => import("./render-component.9668419b.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
+    e
+  ), e;
+}), Q = () => import("./render-repeated-block.73309b84.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",
+    e
+  ), e;
+}), Y = {
+  name: "render-block",
+  components: {
+    "render-component": f(G),
+    "render-repeated-block": f(Q),
+    "block-styles": f(V)
+  },
+  props: ["block", "context"],
+  data: () => ({ isEmptyHtmlElement: U }),
+  computed: {
+    component() {
+      var n;
+      const e = (n = C({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !1
+      }).component) == null ? void 0 : n.name;
+      if (!e)
+        return null;
+      const t = this.context.registeredComponents[e];
+      if (t)
+        return t;
+      console.warn(`
+        Could not find a registered component named "${e}". 
+        If you registered it, is the file that registered it imported by the file that needs to render it?`);
+    },
+    componentInfo() {
+      if (this.component) {
+        const { component: e, ...t } = this.component;
+        return t;
+      } else
+        return;
+    },
+    componentRef() {
+      var e;
+      return (e = this.component) == null ? void 0 : e.component;
+    },
+    tagName() {
+      return M(this.useBlock);
+    },
+    useBlock() {
+      return this.repeatItemData ? this.block : C({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    attributes() {
+      return {
+        ...H(this.useBlock),
+        ...O({
+          block: this.useBlock,
+          state: this.context.state,
+          context: this.context.context
+        }),
+        style: F(this.useBlock)
+      };
+    },
+    shouldWrap() {
+      var e;
+      return !((e = this.componentInfo) != null && e.noWrap);
+    },
+    componentOptions() {
+      return {
+        ...D(this.useBlock),
+        ...this.shouldWrap ? {} : {
+          attributes: this.attributes
+        }
+      };
+    },
+    renderComponentProps() {
+      return {
+        blockChildren: this.children,
+        componentRef: this.componentRef,
+        componentOptions: this.componentOptions,
+        context: this.context
+      };
+    },
+    children() {
+      var e;
+      return (e = this.useBlock.children) != null ? e : [];
+    },
+    childrenWithoutParentComponent() {
+      return !this.componentRef && !this.repeatItemData ? this.children : [];
+    },
+    repeatItemData() {
+      const { repeat: e, ...t } = this.block;
+      if (!(e != null && e.collection))
+        return;
+      const n = v({
+        code: e.collection,
+        state: this.context.state,
+        context: this.context.context
+      });
+      if (!Array.isArray(n))
+        return;
+      const s = e.collection.split(".").pop(), a = e.itemName || (s ? s + "Item" : "item");
+      return n.map((p, m) => ({
+        context: {
+          ...this.context,
+          state: {
+            ...this.context.state,
+            $index: m,
+            $item: p,
+            [a]: p,
+            [`$${a}Index`]: m
+          }
+        },
+        block: t
+      }));
+    }
+  }
+};
+function q(e, t, n, s, a, o) {
+  const p = h("render-repeated-block"), m = h("render-component"), E = h("render-block", !0), R = h("block-styles");
+  return o.shouldWrap ? (r(), u(d, { key: 0 }, [
+    e.isEmptyHtmlElement(o.tagName) ? (r(), l(B(o.tagName), b(y({ key: 1 }, o.attributes)), null, 16)) : (r(), u(d, { key: 0 }, [
+      o.repeatItemData ? (r(!0), u(d, { key: 0 }, x(o.repeatItemData, (c, k) => (r(), l(p, {
+        key: k,
+        repeatContext: c.context,
+        block: c.block
+      }, null, 8, ["repeatContext", "block"]))), 128)) : g("", !0),
+      o.repeatItemData ? g("", !0) : (r(), l(B(o.tagName), b(y({ key: 1 }, o.attributes)), {
+        default: w(() => [
+          N(m, b(P(o.renderComponentProps)), null, 16),
+          (r(!0), u(d, null, x(o.childrenWithoutParentComponent, (c, k) => (r(), l(E, {
+            key: "render-block-" + c.id,
+            block: c,
+            context: n.context
+          }, null, 8, ["block", "context"]))), 128)),
+          (r(!0), u(d, null, x(o.childrenWithoutParentComponent, (c, k) => (r(), l(R, {
+            key: "block-style-" + c.id,
+            block: c,
+            context: n.context
+          }, null, 8, ["block", "context"]))), 128))
+        ]),
+        _: 1
+      }, 16))
+    ], 64))
+  ], 64)) : (r(), l(m, y({ key: 1 }, o.renderComponentProps, { context: n.context }), null, 16, ["context"]));
+}
+const Z = /* @__PURE__ */ I(Y, [["render", q]]);
+export {
+  Z as default
+};

package/packages/_vue3/dist/render-component.9668419b.js

@@ -0,0 +1,43 @@
+import { defineAsyncComponent as r, resolveComponent as l, openBlock as n, createBlock as c, resolveDynamicComponent as p, normalizeProps as u, mergeProps as b, withCtx as y, createElementBlock as m, Fragment as a, renderList as s, createCommentVNode as _ } from "vue";
+import { m as f, _ as x } from "./index.fa54ce28.js";
+const h = () => import("./block-styles.13caf8d7.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
+    e
+  ), e;
+}), C = () => import("./render-block.9c550b26.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
+    e
+  ), e;
+}), B = {
+  name: "render-component",
+  components: {
+    "render-block": r(C),
+    "block-styles": r(h)
+  },
+  props: ["componentRef", "componentOptions", "blockChildren", "context"],
+  data: () => ({ markPropsMutable: f })
+};
+function w(e, R, o, g, v, P) {
+  const k = l("render-block"), d = l("block-styles");
+  return o.componentRef ? (n(), c(p(o.componentRef), u(b({ key: 0 }, e.markPropsMutable(o.componentOptions))), {
+    default: y(() => [
+      (n(!0), m(a, null, s(o.blockChildren, (t, i) => (n(), c(k, {
+        key: "render-block-" + t.id,
+        block: t,
+        context: o.context
+      }, null, 8, ["block", "context"]))), 128)),
+      (n(!0), m(a, null, s(o.blockChildren, (t, i) => (n(), c(d, {
+        key: "block-style-" + t.id,
+        block: t,
+        context: o.context
+      }, null, 8, ["block", "context"]))), 128))
+    ]),
+    _: 1
+  }, 16)) : _("", !0);
+}
+const O = /* @__PURE__ */ x(B, [["render", w]]);
+export {
+  O as default
+};

package/packages/_vue3/dist/render-component.c2e224cc.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./index.f58628dd.cjs"),m=()=>Promise.resolve().then(()=>require("./block-styles.8cb7f734.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",o),o}),a=()=>Promise.resolve().then(()=>require("./render-block.23c16bfb.cjs")).then(o=>o.default).catch(o=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",o),o}),k={name:"render-component",components:{"render-block":e.defineAsyncComponent(a),"block-styles":e.defineAsyncComponent(m)},props:["componentRef","componentOptions","blockChildren","context"],data:()=>({markPropsMutable:c.markPropsMutable})};function d(o,u,n,b,p,y){const r=e.resolveComponent("render-block"),l=e.resolveComponent("block-styles");return n.componentRef?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.componentRef),e.normalizeProps(e.mergeProps({key:0},o.markPropsMutable(n.componentOptions))),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,s)=>(e.openBlock(),e.createBlock(r,{key:"render-block-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(t,s)=>(e.openBlock(),e.createBlock(l,{key:"block-style-"+t.id,block:t,context:n.context},null,8,["block","context"]))),128))]),_:1},16)):e.createCommentVNode("",!0)}const i=c._export_sfc(k,[["render",d]]);exports.default=i;

package/packages/_vue3/dist/render-inlined-styles.08569ffb.js

@@ -0,0 +1,30 @@
+import { openBlock as t, createElementBlock as s, createBlock as a, resolveDynamicComponent as c, withCtx as i, createTextVNode as l, toDisplayString as o } from "vue";
+import { T as d, _ as m } from "./index.fa54ce28.js";
+const p = {
+  name: "render-inlined-styles",
+  props: ["styles"],
+  data: () => ({ TARGET: d }),
+  computed: {
+    injectedStyleScript() {
+      return `<${this.tagName}>${this.styles}</${this.tagName}>`;
+    },
+    tagName() {
+      return "style";
+    }
+  }
+}, y = ["innerHTML"];
+function _(n, u, r, f, T, e) {
+  return n.TARGET === "svelte" ? (t(), s("div", {
+    key: 0,
+    innerHTML: e.injectedStyleScript
+  }, null, 8, y)) : (t(), a(c(e.tagName), { key: 1 }, {
+    default: i(() => [
+      l(o(r.styles), 1)
+    ]),
+    _: 1
+  }));
+}
+const g = /* @__PURE__ */ m(p, [["render", _]]);
+export {
+  g as default
+};

package/packages/_vue3/dist/render-inlined-styles.32f5f3bc.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index.f58628dd.cjs"),c={name:"render-inlined-styles",props:["styles"],data:()=>({TARGET:n.TARGET}),computed:{injectedStyleScript(){return`<${this.tagName}>${this.styles}</${this.tagName}>`},tagName(){return"style"}}},i=["innerHTML"];function l(r,o,s,d,u,t){return r.TARGET==="svelte"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:t.injectedStyleScript},null,8,i)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tagName),{key:1},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.styles),1)]),_:1}))}const a=n._export_sfc(c,[["render",l]]);exports.default=a;

package/packages/_vue3/dist/render-repeated-block.73309b84.js

@@ -0,0 +1,45 @@
+import { defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
+import { _ as a } from "./index.fa54ce28.js";
+const l = () => import("./render-block.9c550b26.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
+    e
+  ), e;
+}), s = {
+  name: "render-repeated-block",
+  components: { "render-block": n(l) },
+  props: ["block", "repeatContext"],
+  provide() {
+    const e = this;
+    return {
+      BuilderContext: {
+        get content() {
+          return e.repeatContext.content;
+        },
+        get state() {
+          return e.repeatContext.state;
+        },
+        get context() {
+          return e.repeatContext.context;
+        },
+        get apiKey() {
+          return e.repeatContext.apiKey;
+        },
+        get registeredComponents() {
+          return e.repeatContext.registeredComponents;
+        }
+      }
+    };
+  }
+};
+function d(e, i, t, m, x, k) {
+  const o = r("render-block");
+  return c(), p(o, {
+    block: t.block,
+    context: t.repeatContext
+  }, null, 8, ["block", "context"]);
+}
+const C = /* @__PURE__ */ a(s, [["render", d]]);
+export {
+  C as default
+};

package/packages/_vue3/dist/render-repeated-block.8c10514d.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("./index.f58628dd.cjs"),c=()=>Promise.resolve().then(()=>require("./render-block.23c16bfb.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),s={name:"render-repeated-block",components:{"render-block":t.defineAsyncComponent(c)},props:["block","repeatContext"],provide(){const e=this;return{BuilderContext:{get content(){return e.repeatContext.content},get state(){return e.repeatContext.state},get context(){return e.repeatContext.context},get apiKey(){return e.repeatContext.apiKey},get registeredComponents(){return e.repeatContext.registeredComponents}}}}};function l(e,d,n,p,i,u){const o=t.resolveComponent("render-block");return t.openBlock(),t.createBlock(o,{block:n.block,context:n.repeatContext},null,8,["block","context"])}const a=r._export_sfc(s,[["render",l]]);exports.default=a;

package/packages/_vue3/dist/render-styles.22ddc0bf.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),a=require("./index.f58628dd.cjs"),f=()=>Promise.resolve().then(()=>require("./render-inlined-styles.32f5f3bc.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",e),e}),m={name:"render-content-styles",components:{"render-inlined-styles":c.defineAsyncComponent(f)},props:["cssCode","customFonts"],computed:{injectedStyles(){return`
+${this.cssCode||""}
+${this.getFontCss({customFonts:this.customFonts})}`}},methods:{getCssFromFont(e){var i,l;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],s=(l=e.fileUrl)!=null?l:(i=e==null?void 0:e.files)==null?void 0:i.regular;let r="";if(s&&t&&n&&(r+=`
+@font-face {
+  font-family: "${t}";
+  src: local("${n}"), url('${s}') format('woff2');
+  font-display: fallback;
+  font-weight: 400;
+}
+        `.trim()),e.files)for(const o in e.files){if(!(String(Number(o))===o))continue;const d=e.files[o];d&&d!==s&&(r+=`
+@font-face {
+  font-family: "${t}";
+  src: url('${d}') format('woff2');
+  font-display: fallback;
+  font-weight: ${o};
+}
+          `.trim())}return r},getFontCss({customFonts:e}){var t;return((t=e==null?void 0:e.map(n=>this.getCssFromFont(n)))==null?void 0:t.join(" "))||""}}};function u(e,t,n,s,r,i){const l=c.resolveComponent("render-inlined-styles");return c.openBlock(),c.createBlock(l,{styles:i.injectedStyles},null,8,["styles"])}const y=a._export_sfc(m,[["render",u]]);exports.default=y;

package/packages/_vue3/dist/render-styles.63eb2def.js

@@ -0,0 +1,64 @@
+import { defineAsyncComponent as a, resolveComponent as d, openBlock as m, createBlock as f } from "vue";
+import { _ as p } from "./index.fa54ce28.js";
+const y = () => import("./render-inlined-styles.08569ffb.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",
+    e
+  ), e;
+}), u = {
+  name: "render-content-styles",
+  components: {
+    "render-inlined-styles": a(y)
+  },
+  props: ["cssCode", "customFonts"],
+  computed: {
+    injectedStyles() {
+      return `
+${this.cssCode || ""}
+${this.getFontCss({
+        customFonts: this.customFonts
+      })}`;
+    }
+  },
+  methods: {
+    getCssFromFont(e) {
+      var i, l;
+      const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], s = (l = e.fileUrl) != null ? l : (i = e == null ? void 0 : e.files) == null ? void 0 : i.regular;
+      let r = "";
+      if (s && t && n && (r += `
+@font-face {
+  font-family: "${t}";
+  src: local("${n}"), url('${s}') format('woff2');
+  font-display: fallback;
+  font-weight: 400;
+}
+        `.trim()), e.files)
+        for (const o in e.files) {
+          if (!(String(Number(o)) === o))
+            continue;
+          const c = e.files[o];
+          c && c !== s && (r += `
+@font-face {
+  font-family: "${t}";
+  src: url('${c}') format('woff2');
+  font-display: fallback;
+  font-weight: ${o};
+}
+          `.trim());
+        }
+      return r;
+    },
+    getFontCss({ customFonts: e }) {
+      var t;
+      return ((t = e == null ? void 0 : e.map((n) => this.getCssFromFont(n))) == null ? void 0 : t.join(" ")) || "";
+    }
+  }
+};
+function h(e, t, n, s, r, i) {
+  const l = d("render-inlined-styles");
+  return m(), f(l, { styles: i.injectedStyles }, null, 8, ["styles"]);
+}
+const w = /* @__PURE__ */ p(u, [["render", h]]);
+export {
+  w as default
+};

package/packages/_vue3/dist/sdk.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.f58628dd.cjs");require("vue");exports.Button=e.Button;exports.Columns=e.Columns;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.renderBlocks;exports.RenderContent=e.renderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports.components=e.components;exports.convertSearchParamsToQueryObject=e.convertSearchParamsToQueryObject;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.generateContentUrl=e.generateContentUrl;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getBuilderSearchParamsFromWindow=e.getBuilderSearchParamsFromWindow;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.normalizeSearchParams=e.normalizeSearchParams;exports.register=e.register;exports.registerComponent=e.registerComponent;exports.setEditorSettings=e.setEditorSettings;

package/packages/_vue3/dist/sdk.js

@@ -0,0 +1,28 @@
+import { B as t, C as r, F as n, I as o, c as i, r as g, b as m, S as c, a as l, V as d, f as C, o as S, h as p, l as h, n as u, p as B, q as P, k as b, i as F, d as R, t as f, j, g as k, s as v } from "./index.fa54ce28.js";
+import "vue";
+export {
+  t as Button,
+  r as Columns,
+  n as Fragment,
+  o as Image,
+  i as RenderBlocks,
+  g as RenderContent,
+  m as Section,
+  c as Symbol,
+  l as Text,
+  d as Video,
+  C as components,
+  S as convertSearchParamsToQueryObject,
+  p as createRegisterComponentMessage,
+  h as generateContentUrl,
+  u as getAllContent,
+  B as getBuilderSearchParams,
+  P as getBuilderSearchParamsFromWindow,
+  b as getContent,
+  F as isEditing,
+  R as isPreviewing,
+  f as normalizeSearchParams,
+  j as register,
+  k as registerComponent,
+  v as setEditorSettings
+};

package/packages/_vue3/dist/style.css

@@ -0,0 +1 @@
+.div-7fq9d0i380[data-v-6b734aa0]{display:flex;align-items:stretch;line-height:normal}@media (max-width: 991px){.div-7fq9d0i380[data-v-6b734aa0]{flex-direction:var(--flex-dir-tablet)}}@media (max-width: 639px){.div-7fq9d0i380[data-v-6b734aa0]{flex-direction:var(--flex-dir)}}.div-7fq9d0i380-2[data-v-6b734aa0]{flex-grow:1}@media (max-width: 991px){.div-7fq9d0i380-2[data-v-6b734aa0]{width:var(--column-width-tablet)!important;margin-left:var(--column-margin-left-tablet)!important}}@media (max-width: 639px){.div-7fq9d0i380-2[data-v-6b734aa0]{width:var(--column-width)!important;margin-left:var(--column-margin-left)!important}}.div-2btisl9m7v3[data-v-865f9b2c]{position:relative}.img-2btisl9m7v3[data-v-865f9b2c]{opacity:1;transition:opacity .2s ease-in-out;position:absolute;height:100%;width:100%;top:0px;left:0px}.div-2btisl9m7v3-2[data-v-865f9b2c]{width:100%;pointer-events:none;font-size:0}.div-2btisl9m7v3-3[data-v-865f9b2c]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.button-2oa2wtipkzk[data-v-3cb049f3]{all:unset}.div-3q96myty4lk[data-v-53f55c54]{display:flex;flex-direction:column;align-items:stretch}