@builder.io/sdk-vue 0.1.15 → 0.1.16

package/packages/_vue3/dist/{render-block.b58d92f6.js → render-block.96a49d1c.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as f, resolveComponent as h, openBlock as s, createElementBlock as l, Fragment as u, createBlock as a, resolveDynamicComponent as C, mergeProps as b, toHandlers as v, createCommentVNode as k, renderList as g, withCtx as P, createVNode as R, normalizeProps as _, guardReactiveProps as I } from "vue";
-import { e as S, T as A, c as E, _ as O } from "./index.0f89dc70.js";
-import { a as T, g as w } from "./css.33422e4d.js";
-const N = (e) => `v-on:${e.toLowerCase()}`, D = (e, t) => (n) => S({
+import { defineAsyncComponent as m, resolveComponent as k, openBlock as s, createElementBlock as a, Fragment as u, createBlock as l, resolveDynamicComponent as C, mergeProps as b, toHandlers as _, createCommentVNode as y, renderList as g, withCtx as R, createVNode as P, normalizeProps as v, guardReactiveProps as O } from "vue";
+import { e as E, T as I, c as S, _ as T } from "./index.8e00fba7.js";
+import { a as A, g as w } from "./css.d614b61b.js";
+const N = (e) => `v-on:${e.toLowerCase()}`, D = (e, t) => (n) => E({
   code: e,
   context: t.context,
   state: t.state,
@@ -27,7 +27,7 @@ function V(e) {
     builderBlock: e
   };
 }
-function W(e) {
+function j(e) {
   const t = {};
   if (typeof e != "string")
     return t;
@@ -36,8 +36,8 @@ function W(e) {
     t[c] = !0;
   return t;
 }
-function j(e) {
-  return e.class = W(e.class), e;
+function W(e) {
+  return e.class = j(e.class), e;
 }
 function L(e) {
   var n;
@@ -47,26 +47,26 @@ function L(e) {
     style: M(e.style),
     class: [e.id, "builder-block", e.class, (n = e.properties) == null ? void 0 : n.class].filter(Boolean).join(" ")
   };
-  return j(t);
+  return W(t);
 }
 function M(e) {
   if (!!e)
-    switch (A) {
+    switch (I) {
       case "svelte":
       case "vue2":
       case "vue3":
       case "solid":
-        return T(e).join(" ");
+        return A(e).join(" ");
       case "qwik":
       case "reactNative":
       case "react":
         return e;
     }
 }
-function K(e) {
+function z(e) {
   return e.tagName || "div";
 }
-const q = [
+const K = [
   "area",
   "base",
   "br",
@@ -82,7 +82,7 @@ const q = [
   "source",
   "track",
   "wbr"
-], z = (e) => typeof e == "string" && q.includes(e.toLowerCase()), F = ({
+], q = (e) => typeof e == "string" && K.includes(e.toLowerCase()), F = ({
   block: e,
   context: t
 }) => {
@@ -108,48 +108,65 @@ const q = [
   const { repeat: n, ...c } = e;
   if (!(n != null && n.collection))
     return;
-  const r = S({
+  const r = E({
     code: n.collection,
     state: t.state,
     context: t.context
   });
   if (!Array.isArray(r))
     return;
-  const o = n.collection.split(".").pop(), m = n.itemName || (o ? o + "Item" : "item");
-  return r.map((p, d) => ({
+  const o = n.collection.split(".").pop(), p = n.itemName || (o ? o + "Item" : "item");
+  return r.map((d, h) => ({
     context: {
       ...t,
       state: {
         ...t.state,
-        $index: d,
-        $item: p,
-        [m]: p,
-        [`$${m}Index`]: d
+        $index: h,
+        $item: d,
+        [p]: d,
+        [`$${p}Index`]: h
       }
     },
     block: c
   }));
-}, U = () => import("./block-styles.6a927af3.js").then((e) => e.default).catch((e) => {
+}, U = () => import("./block-styles.a6b0fdfd.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
+    e
+  ), e;
+}), Y = () => Promise.resolve().then(() => te).then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
+    e
+  ), e;
+}), ce = {
+  name: "render-component",
+  components: {
+    RenderBlock: m(Y),
+    BlockStyles: m(U)
+  },
+  props: ["componentRef", "componentOptions", "blockChildren", "context"]
+}, J = () => import("./block-styles.a6b0fdfd.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), Y = () => import("./render-repeated-block.56e41ffd.js").then((e) => e.default).catch((e) => {
+}), Q = () => import("./render-repeated-block.37707927.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;
-}), J = () => import("./render-component.34e84d86.js").then((e) => e.default).catch((e) => {
+}), X = () => import("./render-component.b2532a6b.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 = {
+}), Z = {
   name: "render-block",
   components: {
-    RenderComponent: f(J),
-    RenderRepeatedBlock: f(Y),
-    BlockStyles: f(U)
+    RenderComponent: m(X),
+    RenderRepeatedBlock: m(Q),
+    BlockStyles: m(J)
   },
   props: ["block", "context"],
   data() {
@@ -162,12 +179,12 @@ const q = [
         block: this.block,
         context: this.context
       }),
-      isEmptyHtmlElement: z
+      isEmptyHtmlElement: q
     };
   },
   computed: {
     tag() {
-      return K(this.useBlock);
+      return z(this.useBlock);
     },
     useBlock() {
       return this.repeatItemData ? this.block : w({
@@ -178,7 +195,7 @@ const q = [
       });
     },
     canShowBlock() {
-      return E(this.useBlock.hide) ? !this.useBlock.hide : E(this.useBlock.show) ? this.useBlock.show : !0;
+      return S(this.useBlock.hide) ? !this.useBlock.hide : S(this.useBlock.show) ? this.useBlock.show : !0;
     },
     proxyState() {
       return typeof Proxy > "u" ? (console.error(
@@ -227,6 +244,7 @@ const q = [
       const e = () => ({});
       return {
         apiKey: this.context.apiKey,
+        apiVersion: this.context.apiVersion,
         state: this.context.state,
         content: this.context.content,
         context: this.context.context,
@@ -248,37 +266,41 @@ const q = [
     }
   }
 };
-function X(e, t, n, c, r, o) {
+function $(e, t, n, c, r, o) {
   var B;
-  const m = h("render-repeated-block"), y = h("render-component"), p = h("render-block", !0), d = h("block-styles");
-  return o.canShowBlock ? (s(), l(u, { key: 0 }, [
-    (B = r.component) != null && B.noWrap ? (s(), a(y, _(b({ key: 1 }, o.renderComponentProps)), null, 16)) : (s(), l(u, { key: 0 }, [
-      r.isEmptyHtmlElement(o.tag) ? (s(), a(C(o.tag), b({ key: 0 }, o.attributes, v(o.stripVOn(o.actions))), null, 16)) : k("", !0),
-      !r.isEmptyHtmlElement(o.tag) && r.repeatItemData ? (s(!0), l(u, { key: 1 }, g(r.repeatItemData, (i, x) => (s(), a(m, {
+  const p = k("render-repeated-block"), f = k("render-component"), d = k("render-block", !0), h = k("block-styles");
+  return o.canShowBlock ? (s(), a(u, { key: 0 }, [
+    (B = r.component) != null && B.noWrap ? (s(), l(f, v(b({ key: 1 }, o.renderComponentProps)), null, 16)) : (s(), a(u, { key: 0 }, [
+      r.isEmptyHtmlElement(o.tag) ? (s(), l(C(o.tag), b({ key: 0 }, o.attributes, _(o.stripVOn(o.actions))), null, 16)) : y("", !0),
+      !r.isEmptyHtmlElement(o.tag) && r.repeatItemData ? (s(!0), a(u, { key: 1 }, g(r.repeatItemData, (i, x) => (s(), l(p, {
         key: x,
         repeatContext: i.context,
         block: i.block
-      }, null, 8, ["repeatContext", "block"]))), 128)) : k("", !0),
-      !r.isEmptyHtmlElement(o.tag) && !r.repeatItemData ? (s(), a(C(o.tag), b({ key: 2 }, o.attributes, v(o.stripVOn(o.actions))), {
-        default: P(() => [
-          R(y, _(I(o.renderComponentProps)), null, 16),
-          (s(!0), l(u, null, g(o.childrenWithoutParentComponent, (i, x) => (s(), a(p, {
+      }, null, 8, ["repeatContext", "block"]))), 128)) : y("", !0),
+      !r.isEmptyHtmlElement(o.tag) && !r.repeatItemData ? (s(), l(C(o.tag), b({ key: 2 }, o.attributes, _(o.stripVOn(o.actions))), {
+        default: R(() => [
+          P(f, v(O(o.renderComponentProps)), null, 16),
+          (s(!0), a(u, null, g(o.childrenWithoutParentComponent, (i, x) => (s(), l(d, {
             key: "render-block-" + i.id,
             block: i,
             context: o.childrenContext
           }, null, 8, ["block", "context"]))), 128)),
-          (s(!0), l(u, null, g(o.childrenWithoutParentComponent, (i, x) => (s(), a(d, {
+          (s(!0), a(u, null, g(o.childrenWithoutParentComponent, (i, x) => (s(), l(h, {
             key: "block-style-" + i.id,
             block: i,
             context: o.childrenContext
           }, null, 8, ["block", "context"]))), 128))
         ]),
         _: 1
-      }, 16)) : k("", !0)
+      }, 16)) : y("", !0)
     ], 64))
-  ], 64)) : k("", !0);
+  ], 64)) : y("", !0);
 }
-const te = /* @__PURE__ */ O(Q, [["render", X]]);
+const ee = /* @__PURE__ */ T(Z, [["render", $]]), te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ee
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  te as default
+  ce as _,
+  te as r
 };

package/packages/_vue3/dist/render-component.17648f34.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./render-block.5d56e77f.cjs"),e=require("vue"),k=require("./index.60a69463.cjs");require("./css.23dfb27d.cjs");function d(u,i,n,m,a,b){const t=e.resolveComponent("render-block"),c=e.resolveComponent("block-styles");return n.componentRef?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.componentRef),e.normalizeProps(e.mergeProps({key:0},n.componentOptions)),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(o,r)=>(e.openBlock(),e.createBlock(t,{key:"render-block-"+o.id,block:o,context:n.context},null,8,["block","context"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.blockChildren,(o,r)=>(e.openBlock(),e.createBlock(c,{key:"block-style-"+o.id,block:o,context:n.context},null,8,["block","context"]))),128))]),_:1},16)):e.createCommentVNode("",!0)}const s=k._export_sfc(l._sfc_main,[["render",d]]);exports.default=s;

package/packages/_vue3/dist/render-component.b2532a6b.js

@@ -0,0 +1,26 @@
+import { _ as s } from "./render-block.96a49d1c.js";
+import { resolveComponent as c, openBlock as t, createBlock as n, resolveDynamicComponent as a, normalizeProps as d, mergeProps as u, withCtx as b, createElementBlock as r, Fragment as l, renderList as m, createCommentVNode as x } from "vue";
+import { _ as f } from "./index.8e00fba7.js";
+import "./css.d614b61b.js";
+function p(y, C, e, B, g, h) {
+  const k = c("render-block"), _ = c("block-styles");
+  return e.componentRef ? (t(), n(a(e.componentRef), d(u({ key: 0 }, e.componentOptions)), {
+    default: b(() => [
+      (t(!0), r(l, null, m(e.blockChildren, (o, i) => (t(), n(k, {
+        key: "render-block-" + o.id,
+        block: o,
+        context: e.context
+      }, null, 8, ["block", "context"]))), 128)),
+      (t(!0), r(l, null, m(e.blockChildren, (o, i) => (t(), n(_, {
+        key: "block-style-" + o.id,
+        block: o,
+        context: e.context
+      }, null, 8, ["block", "context"]))), 128))
+    ]),
+    _: 1
+  }, 16)) : x("", !0);
+}
+const z = /* @__PURE__ */ f(s, [["render", p]]);
+export {
+  z as default
+};

package/packages/_vue3/dist/{render-inlined-styles.4a3bac4e.js → render-inlined-styles.4cf0869f.js}

@@ -1,5 +1,5 @@
 import { openBlock as n, createBlock as s, resolveDynamicComponent as l, withCtx as i, createTextVNode as a, toDisplayString as c } from "vue";
-import { T as o, _ as y } from "./index.0f89dc70.js";
+import { T as o, _ as y } from "./index.8e00fba7.js";
 const d = {
   name: "render-inlined-styles",
   props: ["styles"],

package/packages/_vue3/dist/{render-inlined-styles.d509e95b.cjs → render-inlined-styles.553ae14b.cjs}

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

package/packages/_vue3/dist/{render-repeated-block.56e41ffd.js → render-repeated-block.37707927.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as a } from "vue";
-import { B as p, _ as s } from "./index.0f89dc70.js";
-const l = () => import("./render-block.b58d92f6.js").then((e) => e.default).catch((e) => {
+import { B as p, _ as s } from "./index.8e00fba7.js";
+const l = () => import("./render-block.96a49d1c.js").then((e) => e.r).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
     e
@@ -31,7 +31,7 @@ function i(e, m, t, x, k, C) {
     context: t.repeatContext
   }, null, 8, ["block", "context"]);
 }
-const h = /* @__PURE__ */ s(d, [["render", i]]);
+const f = /* @__PURE__ */ s(d, [["render", i]]);
 export {
-  h as default
+  f as default
 };

package/packages/_vue3/dist/render-repeated-block.57e71440.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./index.60a69463.cjs"),c=()=>Promise.resolve().then(()=>require("./render-block.5d56e77f.cjs")).then(e=>e.renderBlock).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:{RenderBlock:t.defineAsyncComponent(c)},props:["block","repeatContext"],provide(){const e=this;return{[o.BuilderContext.key]:{content:e.repeatContext.content,state:e.repeatContext.state,setState:e.repeatContext.setState,context:e.repeatContext.context,apiKey:e.repeatContext.apiKey,registeredComponents:e.repeatContext.registeredComponents,inheritedStyles:e.repeatContext.inheritedStyles}}}};function a(e,d,n,i,p,x){const r=t.resolveComponent("render-block");return t.openBlock(),t.createBlock(r,{block:n.block,context:n.repeatContext},null,8,["block","context"])}const l=o._export_sfc(s,[["render",a]]);exports.default=l;

package/packages/_vue3/dist/{render-styles.a82e2999.js → render-styles.17630af3.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as a, resolveComponent as f, openBlock as d, createBlock as p } from "vue";
-import { _ as m } from "./index.0f89dc70.js";
+import { _ as m } from "./index.8e00fba7.js";
 const u = (e) => {
   var o, l;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], r = (l = e.fileUrl) != null ? l : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
@@ -32,7 +32,7 @@ font-weight: ${s};
 }, y = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", g = () => import("./render-inlined-styles.4a3bac4e.js").then((e) => e.default).catch((e) => {
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", g = () => import("./render-inlined-styles.4cf0869f.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",
     e

package/packages/_vue3/dist/{render-styles.ca6a6289.cjs → render-styles.ecbf096b.cjs}

@@ -1,18 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),a=require("./index.461c31d1.cjs"),f=e=>{var c,l;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],r=(l=e.fileUrl)!=null?l:(c=e==null?void 0:e.files)==null?void 0:c.regular;let i="";if(r&&t&&n&&(i+=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),d=require("./index.60a69463.cjs"),f=e=>{var c,l;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],r=(l=e.fileUrl)!=null?l:(c=e==null?void 0:e.files)==null?void 0:c.regular;let i="";if(r&&t&&n&&(i+=`
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${r}') format('woff2');
 font-display: fallback;
 font-weight: 400;
 }
-      `.trim()),e.files)for(const s in e.files){if(!(String(Number(s))===s))continue;const d=e.files[s];d&&d!==r&&(i+=`
+      `.trim()),e.files)for(const s in e.files){if(!(String(Number(s))===s))continue;const a=e.files[s];a&&a!==r&&(i+=`
 @font-face {
 font-family: "${t}";
-src: url('${d}') format('woff2');
+src: url('${a}') format('woff2');
 font-display: fallback;
 font-weight: ${s};
 }
-        `.trim())}return i},u=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>f(n)))==null?void 0:t.join(" "))||""},p=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",m=()=>Promise.resolve().then(()=>require("./render-inlined-styles.d509e95b.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}),y={name:"render-content-styles",components:{RenderInlinedStyles:o.defineAsyncComponent(m)},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
+        `.trim())}return i},u=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>f(n)))==null?void 0:t.join(" "))||""},p=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",m=()=>Promise.resolve().then(()=>require("./render-inlined-styles.553ae14b.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}),y={name:"render-content-styles",components:{RenderInlinedStyles:o.defineAsyncComponent(m)},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
 ${p({cssCode:this.cssCode,contentId:this.contentId})}
 ${u({customFonts:this.customFonts})}
 
@@ -28,4 +28,4 @@ font-size: inherit;
 text-align: inherit;
 font-family: inherit;
 }
-`}}};function h(e,t,n,r,i,c){const l=o.resolveComponent("render-inlined-styles");return o.openBlock(),o.createBlock(l,{styles:i.injectedStyles},null,8,["styles"])}const g=a._export_sfc(y,[["render",h]]);exports.default=g;
+`}}};function h(e,t,n,r,i,c){const l=o.resolveComponent("render-inlined-styles");return o.openBlock(),o.createBlock(l,{styles:i.injectedStyles},null,8,["styles"])}const g=d._export_sfc(y,[["render",h]]);exports.default=g;

package/packages/_vue3/dist/sdk.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.461c31d1.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.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;exports.track=e.track;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.60a69463.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.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;exports.track=e.track;

package/packages/_vue3/dist/sdk.js

@@ -1,4 +1,4 @@
-import { b as t, C as r, F as n, I as o, r as i, d as m, S as g, h as c, i as d, V as l, l as S, u as C, n as p, q as u, v as h, w as P, p as B, j as b, k, x as v, o as w, m as x, s as F, t as R } from "./index.0f89dc70.js";
+import { b as t, C as r, F as n, I as o, r as i, d as m, S as g, h as c, i as d, V as l, l as S, u as C, n as p, q as u, v as h, w as P, p as B, j as b, k, x as v, o as w, m as x, s as F, t as R } from "./index.8e00fba7.js";
 import "vue";
 export {
   t as Button,

package/packages/_vue3/dist/src/blocks/button/button.vue.d.ts

@@ -9,6 +9,7 @@ declare const _sfc_main: {
     props: string[];
     methods: {
         filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+        _classStringToObject(str: any): {};
     };
 };
 export default _sfc_main;

package/packages/_vue3/dist/src/blocks/columns/columns.vue.d.ts

@@ -1,8 +1,8 @@
-import type { BuilderBlock } from "../../types/builder-block";
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
 };
+type CSSVal = string | number;
 type StackColumnsAt = "tablet" | "mobile" | "never";
 export interface ColumnProps {
     columns?: Column[];
@@ -11,6 +11,8 @@ export interface ColumnProps {
     stackColumnsAt?: StackColumnsAt;
     reverseColumnsWhenStacked?: boolean;
 }
+import { BuilderBlock } from "../../types/builder-block";
+import { SizeName } from "../../constants/device-sizes";
 declare const _sfc_main: {
     name: string;
     components: {
@@ -85,18 +87,18 @@ declare const _sfc_main: {
         columnsStyles(): any;
     };
     methods: {
-        getWidth(index: any): any;
-        getColumnCssWidth(index: any): any;
-        getTabletStyle({ stackedStyle, desktopStyle }: {
-            stackedStyle: any;
-            desktopStyle: any;
+        getWidth(index: number): any;
+        getColumnCssWidth(index: number): any;
+        getTabletStyle({ stackedStyle, desktopStyle, }: {
+            stackedStyle: CSSVal;
+            desktopStyle: CSSVal;
         }): any;
-        getMobileStyle({ stackedStyle, desktopStyle }: {
-            stackedStyle: any;
-            desktopStyle: any;
+        getMobileStyle({ stackedStyle, desktopStyle, }: {
+            stackedStyle: CSSVal;
+            desktopStyle: CSSVal;
         }): any;
-        columnCssVars(index: any): any;
-        getWidthForBreakpointSize(size: any): any;
+        columnCssVars(index: number): any;
+        getWidthForBreakpointSize(size: SizeName): number;
         _classStringToObject(str: any): {};
     };
 };

package/packages/_vue3/dist/src/blocks/image/image.vue.d.ts

@@ -1,4 +1,3 @@
-import type { BuilderBlock } from "../../types/builder-block.js";
 export interface ImageProps {
     className?: string;
     image: string;
@@ -17,6 +16,7 @@ export interface ImageProps {
     noWebp?: boolean;
     src?: string;
 }
+import { BuilderBlock } from "../../types/builder-block.js";
 declare const _sfc_main: {
     name: string;
     props: string[];

package/packages/_vue3/dist/src/blocks/symbol/symbol.vue.d.ts

@@ -1,5 +1,3 @@
-import type { BuilderContent } from "../../types/builder-content.js";
-import type { BuilderBlock } from "../../types/builder-block.js";
 export interface SymbolInfo {
     model?: string;
     entry?: string;
@@ -16,6 +14,8 @@ export interface SymbolProps {
     attributes?: any;
     inheritState?: boolean;
 }
+import { BuilderContent } from "../../types/builder-content.js";
+import { BuilderBlock } from "../../types/builder-block.js";
 declare const _sfc_main: {
     name: string;
     components: {
@@ -80,6 +80,15 @@ declare const _sfc_main: {
                     methods: {
                         onClick(): void;
                         onMouseEnter(): void;
+                        /**
+                         * If:
+                         * - we have a symbol prop
+                         * - yet it does not have any content
+                         * - and we have not already stored content from before
+                         * - and it has a model name
+                         *
+                         * then we want to re-fetch the symbol content.
+                         */
                         _classStringToObject(str: any): {};
                     };
                 };
@@ -137,16 +146,16 @@ declare const _sfc_main: {
                 onUpdateHook3(): any;
             };
             methods: {
-                mergeNewContent(newContent: any): void;
-                setBreakpoints(breakpoints: any): void;
-                setContextState(newState: any): void;
-                processMessage(event: any): void;
+                mergeNewContent(newContent: BuilderContent): void;
+                setBreakpoints(breakpoints: import("../../types/builder-content.js").Breakpoints): void;
+                setContextState(newState: import("../../context/types.js").BuilderRenderState): void;
+                processMessage(event: MessageEvent<any>): void;
                 evaluateJsCode(): void;
                 onClick(event: any): void;
-                evalExpression(expression: any): any;
+                evalExpression(expression: string): string;
                 handleRequest({ url, key }: {
-                    url: any;
-                    key: any;
+                    key: string;
+                    url: string;
                 }): void;
                 runHttpRequests(): void;
                 emitStateUpdate(): void;

package/packages/_vue3/dist/src/components/render-block/block-styles.vue.d.ts

@@ -1,9 +1,9 @@
-import type { BuilderContextInterface } from "../../context/types.js";
-import type { BuilderBlock } from "../../types/builder-block.js";
 export type BlockStylesProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
+import { BuilderContextInterface } from "../../context/types.js";
+import { BuilderBlock } from "../../types/builder-block.js";
 declare const _sfc_main: {
     name: string;
     components: {

package/packages/_vue3/dist/src/components/render-block/render-block.vue.d.ts

@@ -1,8 +1,8 @@
-import type { BuilderContextInterface } from "../../context/types.js";
-import type { BuilderBlock } from "../../types/builder-block.js";
 export type RenderBlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };
+import { BuilderContextInterface } from "../../context/types.js";
+import { BuilderBlock } from "../../types/builder-block.js";
 declare const _sfc_main: any;
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-block/render-component.vue.d.ts

@@ -1,5 +1,3 @@
-import type { BuilderBlock } from "../../types/builder-block.js";
-import type { BuilderContextInterface } from "../../context/types.js";
 type ComponentOptions = {
     [index: string]: any;
     attributes?: {
@@ -12,5 +10,7 @@ export interface RenderComponentProps {
     blockChildren: BuilderBlock[];
     context: BuilderContextInterface;
 }
+import { BuilderBlock } from "../../types/builder-block.js";
+import { BuilderContextInterface } from "../../context/types.js";
 declare const _sfc_main: any;
 export default _sfc_main;

package/packages/_vue3/dist/src/components/render-blocks.vue.d.ts

@@ -1,10 +1,10 @@
-import type { BuilderBlock } from "../types/builder-block.js";
 export type RenderBlockProps = {
     blocks?: BuilderBlock[];
     parent?: string;
     path?: string;
     styleProp?: Record<string, any>;
 };
+import { BuilderBlock } from "../types/builder-block.js";
 declare const _sfc_main: {
     name: string;
     components: {

package/packages/_vue3/dist/src/components/render-content/render-content.vue.d.ts

@@ -1,5 +1,6 @@
-import type { BuilderContent } from "../../types/builder-content.js";
-import type { Nullable } from "../../types/typescript.js";
+import { BuilderRenderState } from "../../context/types.js";
+import { Breakpoints, BuilderContent } from "../../types/builder-content.js";
+import { Nullable } from "../../types/typescript.js";
 declare const _sfc_main: {
     name: string;
     components: {
@@ -118,16 +119,16 @@ declare const _sfc_main: {
         onUpdateHook3(): any;
     };
     methods: {
-        mergeNewContent(newContent: any): void;
-        setBreakpoints(breakpoints: any): void;
-        setContextState(newState: any): void;
-        processMessage(event: any): void;
+        mergeNewContent(newContent: BuilderContent): void;
+        setBreakpoints(breakpoints: Breakpoints): void;
+        setContextState(newState: BuilderRenderState): void;
+        processMessage(event: MessageEvent): void;
         evaluateJsCode(): void;
         onClick(event: any): void;
-        evalExpression(expression: any): any;
+        evalExpression(expression: string): string;
         handleRequest({ url, key }: {
-            url: any;
-            key: any;
+            key: string;
+            url: string;
         }): void;
         runHttpRequests(): void;
         emitStateUpdate(): void;

package/packages/_vue3/dist/src/context/types.d.ts

@@ -14,7 +14,7 @@ export interface BuilderContextInterface {
     state: BuilderRenderState;
     setState?: (state: BuilderRenderState) => void;
     apiKey: string | null;
-    apiVersion?: ApiVersion;
+    apiVersion: ApiVersion | undefined;
     registeredComponents: RegisteredComponents;
     inheritedStyles: Record<string, unknown>;
 }

package/packages/_vue3/dist/src/functions/get-content/index.d.ts

@@ -1,11 +1,11 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { GetContentOptions } from './types.js';
 export declare function getContent(options: GetContentOptions): Promise<BuilderContent | null>;
-/**
- * TO-DO: Handle error responses.
- */
-interface ContentResponse {
+type ContentResponse = {
     results: BuilderContent[];
-}
+} | {
+    status: number;
+    message: string;
+};
 export declare function getAllContent(options: GetContentOptions): Promise<ContentResponse>;
 export {};

package/packages/_vue3/dist/style.css

@@ -1 +1 @@
-.button-1yj9n7yt24z[data-v-28c9cee7]{all:unset}.div-361b1o6wv2k[data-v-3ecef188]{display:flex;line-height:normal}.div-361b1o6wv2k-2[data-v-3ecef188]{display:flex;flex-direction:column;align-items:stretch}.img-7jvpanrlkn[data-v-22833d9f]{opacity:1;transition:opacity .2s ease-in-out}.div-7jvpanrlkn[data-v-22833d9f]{width:100%;pointer-events:none;font-size:0}.div-7jvpanrlkn-2[data-v-22833d9f]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-7fq9d0i380[data-v-1112d180]{display:flex;flex-direction:column;align-items:stretch}
+.button-1yj9n7yt24z[data-v-498ca04d]{all:unset}.div-361b1o6wv2k[data-v-61331a26]{display:flex;line-height:normal}.div-361b1o6wv2k-2[data-v-61331a26]{display:flex;flex-direction:column;align-items:stretch}.img-7jvpanrlkn[data-v-5b6b00d7]{opacity:1;transition:opacity .2s ease-in-out}.div-7jvpanrlkn[data-v-5b6b00d7]{width:100%;pointer-events:none;font-size:0}.div-7jvpanrlkn-2[data-v-5b6b00d7]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-7fq9d0i380[data-v-81bad369]{display:flex;flex-direction:column;align-items:stretch}