@builder.io/sdk-vue 0.2.1 → 0.2.2

package/packages/_vue2/dist/render-block.67e4dd65.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.78ba6586.cjs"),i=require("./css.dce6e4eb.cjs"),p=t=>`v-on:${t.toLowerCase()}`,d=(t,e)=>n=>c.evaluate({code:t,context:e.context,state:e.state,event:n,isExpression:!1});function m(t){var r;const e={},n=(r=t.block.actions)!=null?r:{};for(const o in n){if(!n.hasOwnProperty(o))continue;const s=n[o];e[p(o)]=d(s,t)}return e}function h(t){var e;return{...(e=t.component)==null?void 0:e.options,...t.options,builderBlock:t}}function k(t){const e={};if(typeof t!="string")return e;const n=t.trim().split(/\\s+/);for(const r of n)e[r]=!0;return e}function f(t){return t.class=k(t.class),t}const b=t=>({href:t.href});function y(t){var n;const e={...b(t),...t.properties,"builder-id":t.id,style:x(t.style),class:[t.id,"builder-block",t.class,(n=t.properties)==null?void 0:n.class].filter(Boolean).join(" ")};return f(e)}function x(t){if(!!t)switch(c.TARGET){case"svelte":case"vue2":case"vue3":case"solid":return i.convertStyleMapToCSSArray(t).join(" ");case"qwik":case"reactNative":case"react":return t}}const g=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"],v=t=>typeof t=="string"&&g.includes(t.toLowerCase()),B=({block:t,context:e})=>{var o;const n=(o=i.getProcessedBlock({block:t,state:e.state,context:e.context,shouldEvaluateBindings:!1}).component)==null?void 0:o.name;if(!n)return null;const r=e.registeredComponents[n];if(r)return r;console.warn(`
+      Could not find a registered component named "${n}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`)},C=({block:t,context:e})=>{const{repeat:n,...r}=t;if(!(n!=null&&n.collection))return;const o=c.evaluate({code:n.collection,state:e.state,context:e.context});if(!Array.isArray(o))return;const s=n.collection.split(".").pop(),a=n.itemName||(s?s+"Item":"item");return o.map((l,u)=>({context:{...e,state:{...e.state,$index:u,$item:l,[a]:l,[`$${a}Index`]:u}},block:r}))},_=t=>typeof Proxy>"u"?(console.error("no Proxy available in this environment, cannot proxy state."),t.state):new Proxy(t.state,{set:(n,r,o)=>{var s;return n[r]=o,(s=t.setState)==null||s.call(t,n),!0}}),S=()=>Promise.resolve().then(()=>require("./block-styles.7c2a87df.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",t),t}),P=()=>Promise.resolve().then(()=>require("./render-repeated-block.18d7fc6e.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderRepeatedBlock at ./render-repeated-block.vue",t),t}),w=()=>Promise.resolve().then(()=>require("./render-component.3578089b.cjs")).then(t=>t.default).catch(t=>{throw console.error("Error while attempting to dynamically import component RenderComponent at ./render-component.vue",t),t}),E={name:"render-block",components:{RenderComponent:w,RenderRepeatedBlock:P,BlockStyles:S},props:["block","context"],data(){return{component:B({block:this.block,context:this.context}),repeatItemData:C({block:this.block,context:this.context}),tag:this.block.tagName||"div",proxyState:_(this.context),isEmptyHtmlElement:v}},computed:{useBlock(){return this.repeatItemData?this.block:i.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return"hide"in this.useBlock?!this.useBlock.hide:"show"in this.useBlock?this.useBlock.show:!0},actions(){return m({block:this.useBlock,state:this.proxyState,context:this.context.context})},attributes(){return{...y(this.useBlock)}},childrenWithoutParentComponent(){var e,n;return!((e=this.component)!=null&&e.component)&&!this.repeatItemData?(n=this.useBlock.children)!=null?n:[]:[]},childrenContext(){const t=()=>({});return{apiKey:this.context.apiKey,apiVersion:this.context.apiVersion,state:this.context.state,content:this.context.content,context:this.context.context,setState:this.context.setState,registeredComponents:this.context.registeredComponents,inheritedStyles:t()}},renderComponentProps(){var t,e,n;return{blockChildren:(t=this.useBlock.children)!=null?t:[],componentRef:(e=this.component)==null?void 0:e.component,componentOptions:{...h(this.useBlock),...(n=this.component)!=null&&n.noWrap?{attributes:{...this.attributes,...this.actions}}:{}},context:this.childrenContext}}},methods:{stripVOn:function(e={}){return Object.keys(e).reduce((n,r)=>({...n,[r.replace("v-on:","")]:e[r]}),{})}}};var R=function(){var r;var e=this,n=e._self._c;return!Boolean(!((r=e.component)!=null&&r.noWrap))&&e.canShowBlock?n("render-component",e._b({},"render-component",e.renderComponentProps,!1)):e.isEmptyHtmlElement(e.tag)&&e.canShowBlock?n(e.tag,e._g(e._b({tag:"component"},"component",e.attributes,!1),e.stripVOn(e.actions))):!e.isEmptyHtmlElement(e.tag)&&e.repeatItemData&&e.canShowBlock?n("div",{staticClass:"vue2-root-element-workaround"},e._l(e.repeatItemData,function(o,s){return n("render-repeated-block",{key:s,attrs:{repeatContext:o.context,block:o.block}})}),1):e.canShowBlock?n(e.tag,e._g(e._b({tag:"component"},"component",e.attributes,!1),e.stripVOn(e.actions)),[n("render-component",e._b({},"render-component",e.renderComponentProps,!1)),e._l(e.childrenWithoutParentComponent,function(o,s){return n("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.childrenContext}})}),e._l(e.childrenWithoutParentComponent,function(o,s){return n("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.childrenContext}})})],2):e._e()},O=[],j=c.normalizeComponent(E,R,O,!1,null,null,null,null);const A=j.exports;exports.default=A;

package/packages/_vue2/dist/{render-block.9394f002.js → render-block.6f9a607a.js}

@@ -1,24 +1,24 @@
-import { e as p, T as m, c as l, n as d } from "./index.af260d16.js";
-import { a as h, g as u } from "./css.9b722913.js";
-const k = (e) => `v-on:${e.toLowerCase()}`, f = (e, t) => (n) => p({
+import { e as l, T as u, n as m } from "./index.eb91dc82.js";
+import { a as d, g as p } from "./css.468435de.js";
+const h = (e) => `v-on:${e.toLowerCase()}`, k = (e, t) => (n) => l({
   code: e,
   context: t.context,
   state: t.state,
   event: n,
   isExpression: !1
 });
-function y(e) {
+function f(e) {
   var r;
   const t = {}, n = (r = e.block.actions) != null ? r : {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
       continue;
     const s = n[o];
-    t[k(o)] = f(s, e);
+    t[h(o)] = k(s, e);
   }
   return t;
 }
-function b(e) {
+function y(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -26,7 +26,7 @@ function b(e) {
     builderBlock: e
   };
 }
-function x(e) {
+function b(e) {
   const t = {};
   if (typeof e != "string")
     return t;
@@ -35,27 +35,29 @@ function x(e) {
     t[r] = !0;
   return t;
 }
-function g(e) {
-  return e.class = x(e.class), e;
+function x(e) {
+  return e.class = b(e.class), e;
 }
+const g = (e) => ({ href: e.href });
 function v(e) {
   var n;
   const t = {
+    ...g(e),
     ...e.properties,
     "builder-id": e.id,
     style: B(e.style),
     class: [e.id, "builder-block", e.class, (n = e.properties) == null ? void 0 : n.class].filter(Boolean).join(" ")
   };
-  return g(t);
+  return x(t);
 }
 function B(e) {
   if (!!e)
-    switch (m) {
+    switch (u) {
       case "svelte":
       case "vue2":
       case "vue3":
       case "solid":
-        return h(e).join(" ");
+        return d(e).join(" ");
       case "qwik":
       case "reactNative":
       case "react":
@@ -83,7 +85,7 @@ const C = [
   context: t
 }) => {
   var o;
-  const n = (o = u({
+  const n = (o = p({
     block: e,
     state: t.state,
     context: t.context,
@@ -104,7 +106,7 @@ const C = [
   const { repeat: n, ...r } = e;
   if (!(n != null && n.collection))
     return;
-  const o = p({
+  const o = l({
     code: n.collection,
     state: t.state,
     context: t.context
@@ -132,25 +134,25 @@ const C = [
     var s;
     return n[r] = o, (s = e.setState) == null || s.call(e, n), !0;
   }
-}), P = () => import("./block-styles.e14644b9.js").then((e) => e.default).catch((e) => {
+}), P = () => import("./block-styles.4667431d.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     e
   ), e;
-}), R = () => import("./render-repeated-block.fd7c9132.js").then((e) => e.default).catch((e) => {
+}), R = () => import("./render-repeated-block.1bb5c2fb.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;
-}), I = () => import("./render-component.58fe0189.js").then((e) => e.default).catch((e) => {
+}), O = () => import("./render-component.10d6c8d2.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderComponent at ./render-component.vue",
     e
   ), e;
-}), O = {
+}), A = {
   name: "render-block",
   components: {
-    RenderComponent: I,
+    RenderComponent: O,
     RenderRepeatedBlock: R,
     BlockStyles: P
   },
@@ -172,7 +174,7 @@ const C = [
   },
   computed: {
     useBlock() {
-      return this.repeatItemData ? this.block : u({
+      return this.repeatItemData ? this.block : p({
         block: this.block,
         state: this.context.state,
         context: this.context.context,
@@ -180,10 +182,10 @@ const C = [
       });
     },
     canShowBlock() {
-      return l(this.useBlock.hide) ? !this.useBlock.hide : l(this.useBlock.show) ? this.useBlock.show : !0;
+      return "hide" in this.useBlock ? !this.useBlock.hide : "show" in this.useBlock ? this.useBlock.show : !0;
     },
     actions() {
-      return y({
+      return f({
         block: this.useBlock,
         state: this.proxyState,
         context: this.context.context
@@ -217,7 +219,7 @@ const C = [
         blockChildren: (e = this.useBlock.children) != null ? e : [],
         componentRef: (t = this.component) == null ? void 0 : t.component,
         componentOptions: {
-          ...b(this.useBlock),
+          ...y(this.useBlock),
           ...(n = this.component) != null && n.noWrap ? {
             attributes: {
               ...this.attributes,
@@ -241,7 +243,7 @@ const C = [
     }
   }
 };
-var A = function() {
+var I = function() {
   var r;
   var t = this, n = t._self._c;
   return !Boolean(!((r = t.component) != null && r.noWrap)) && t.canShowBlock ? n("render-component", t._b({}, "render-component", t.renderComponentProps, !1)) : t.isEmptyHtmlElement(t.tag) && t.canShowBlock ? n(t.tag, t._g(t._b({ tag: "component" }, "component", t.attributes, !1), t.stripVOn(t.actions))) : !t.isEmptyHtmlElement(t.tag) && t.repeatItemData && t.canShowBlock ? n("div", { staticClass: "vue2-root-element-workaround" }, t._l(t.repeatItemData, function(o, s) {
@@ -251,9 +253,9 @@ var A = function() {
   }), t._l(t.childrenWithoutParentComponent, function(o, s) {
     return n("block-styles", { key: "block-style-" + o.id, attrs: { block: o, context: t.childrenContext } });
   })], 2) : t._e();
-}, T = [], N = /* @__PURE__ */ d(
-  O,
+}, T = [], N = /* @__PURE__ */ m(
   A,
+  I,
   T,
   !1,
   null,

package/packages/_vue2/dist/{render-component.58fe0189.js → render-component.10d6c8d2.js}

@@ -1,10 +1,10 @@
-import { n as c } from "./index.af260d16.js";
-const l = () => import("./block-styles.e14644b9.js").then((o) => o.default).catch((o) => {
+import { n as c } from "./index.eb91dc82.js";
+const l = () => import("./block-styles.4667431d.js").then((o) => o.default).catch((o) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",
     o
   ), o;
-}), s = () => import("./render-block.9394f002.js").then((o) => o.default).catch((o) => {
+}), s = () => import("./render-block.6f9a607a.js").then((o) => o.default).catch((o) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
     o

package/packages/_vue2/dist/{render-component.ab9c6751.cjs → render-component.3578089b.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.b9a8defa.cjs"),l=()=>Promise.resolve().then(()=>require("./block-styles.1657b45f.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",n),n}),s=()=>Promise.resolve().then(()=>require("./render-block.73e50e2a.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",n),n}),i={name:"render-component",components:{RenderBlock:s,BlockStyles:l},props:["componentRef","componentOptions","blockChildren","context"]};var a=function(){var e=this,t=e._self._c;return e.componentRef?t(e.componentRef,e._b({tag:"component"},"component",e.componentOptions,!1),[e._l(e.blockChildren,function(o,r){return t("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.context}})}),e._l(e.blockChildren,function(o,r){return t("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.context}})})],2):e._e()},m=[],d=c.normalizeComponent(i,a,m,!1,null,null,null,null);const p=d.exports;exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.78ba6586.cjs"),l=()=>Promise.resolve().then(()=>require("./block-styles.7c2a87df.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component BlockStyles at ./block-styles.vue",n),n}),s=()=>Promise.resolve().then(()=>require("./render-block.67e4dd65.cjs")).then(n=>n.default).catch(n=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",n),n}),i={name:"render-component",components:{RenderBlock:s,BlockStyles:l},props:["componentRef","componentOptions","blockChildren","context"]};var a=function(){var e=this,t=e._self._c;return e.componentRef?t(e.componentRef,e._b({tag:"component"},"component",e.componentOptions,!1),[e._l(e.blockChildren,function(o,r){return t("render-block",{key:"render-block-"+o.id,attrs:{block:o,context:e.context}})}),e._l(e.blockChildren,function(o,r){return t("block-styles",{key:"block-style-"+o.id,attrs:{block:o,context:e.context}})})],2):e._e()},d=[],m=c.normalizeComponent(i,a,d,!1,null,null,null,null);const p=m.exports;exports.default=p;

package/packages/_vue2/dist/{render-inlined-styles.f139e6d2.cjs → render-inlined-styles.56373d13.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.b9a8defa.cjs"),s={name:"render-inlined-styles",props:["styles"],data(){return{TARGET:n.TARGET}},computed:{tag(){return"style"},injectedStyleScript(){return`<${this.tag}>${this.styles}</${this.tag}>`}}};var r=function(){var e=this,t=e._self._c;return e.TARGET==="svelte"||e.TARGET==="qwik"?t(e.tag,{tag:"component",domProps:{innerHTML:e._s(e.styles)}}):t(e.tag,{tag:"component"},[e._v(e._s(e.styles))])},l=[],a=n.normalizeComponent(s,r,l,!1,null,null,null,null);const o=a.exports;exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.78ba6586.cjs"),s={name:"render-inlined-styles",props:["styles"],data(){return{TARGET:n.TARGET}},computed:{tag(){return"style"},injectedStyleScript(){return`<${this.tag}>${this.styles}</${this.tag}>`}}};var r=function(){var e=this,t=e._self._c;return e.TARGET==="svelte"||e.TARGET==="qwik"?t(e.tag,{tag:"component",domProps:{innerHTML:e._s(e.styles)}}):t(e.tag,{tag:"component"},[e._v(e._s(e.styles))])},l=[],a=n.normalizeComponent(s,r,l,!1,null,null,null,null);const o=a.exports;exports.default=o;

package/packages/_vue2/dist/{render-inlined-styles.cdf66d21.js → render-inlined-styles.942eb38d.js}

@@ -1,4 +1,4 @@
-import { T as n, n as s } from "./index.af260d16.js";
+import { T as n, n as s } from "./index.eb91dc82.js";
 const r = {
   name: "render-inlined-styles",
   props: ["styles"],

package/packages/_vue2/dist/{render-repeated-block.d7008df1.cjs → render-repeated-block.18d7fc6e.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.b9a8defa.cjs"),o=()=>Promise.resolve().then(()=>require("./render-block.73e50e2a.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),a={name:"render-repeated-block",components:{RenderBlock:o},props:["block","repeatContext"],provide(){const e=this;return{[n.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}}}};var c=function(){var t=this,r=t._self._c;return r("render-block",{attrs:{block:t.block,context:t.repeatContext}})},s=[],l=n.normalizeComponent(a,c,s,!1,null,null,null,null);const i=l.exports;exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index.78ba6586.cjs"),o=()=>Promise.resolve().then(()=>require("./render-block.67e4dd65.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderBlock at ./render-block.vue",e),e}),c={name:"render-repeated-block",components:{RenderBlock:o},props:["block","repeatContext"],provide(){const e=this;return{[n.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}}}};var a=function(){var t=this,r=t._self._c;return r("render-block",{attrs:{block:t.block,context:t.repeatContext}})},s=[],l=n.normalizeComponent(c,a,s,!1,null,null,null,null);const i=l.exports;exports.default=i;

package/packages/_vue2/dist/{render-repeated-block.fd7c9132.js → render-repeated-block.1bb5c2fb.js}

@@ -1,5 +1,5 @@
-import { B as o, n as r } from "./index.af260d16.js";
-const a = () => import("./render-block.9394f002.js").then((e) => e.default).catch((e) => {
+import { B as o, n as r } from "./index.eb91dc82.js";
+const a = () => import("./render-block.6f9a607a.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block.vue",
     e

package/packages/_vue2/dist/{render-styles.039fcc51.js → render-styles.0d1f8872.js}

@@ -1,4 +1,4 @@
-import { n as c } from "./index.af260d16.js";
+import { n as c } from "./index.eb91dc82.js";
 const f = (e) => {
   var a, o;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), r = t.split(",")[0], i = (o = e.fileUrl) != null ? o : (a = e == null ? void 0 : e.files) == null ? void 0 : a.regular;
@@ -31,7 +31,7 @@ font-weight: ${n};
 }, u = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", m = () => import("./render-inlined-styles.cdf66d21.js").then((e) => e.default).catch((e) => {
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", m = () => import("./render-inlined-styles.942eb38d.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/_vue2/dist/{render-styles.5f902b3b.cjs → render-styles.de7287b6.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.b9a8defa.cjs"),d=e=>{var a,o;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),r=t.split(",")[0],i=(o=e.fileUrl)!=null?o:(a=e==null?void 0:e.files)==null?void 0:a.regular;let l="";if(i&&t&&r&&(l+=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index.78ba6586.cjs"),d=e=>{var a,o;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),r=t.split(",")[0],i=(o=e.fileUrl)!=null?o:(a=e==null?void 0:e.files)==null?void 0:a.regular;let l="";if(i&&t&&r&&(l+=`
 @font-face {
 font-family: "${t}";
 src: local("${r}"), url('${i}') format('woff2');
@@ -12,7 +12,7 @@ src: url('${s}') format('woff2');
 font-display: fallback;
 font-weight: ${n};
 }
-        `.trim())}return l},f=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(r=>d(r)))==null?void 0:t.join(" "))||""},u=({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.f139e6d2.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}),h={name:"render-content-styles",components:{RenderInlinedStyles:m},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
+        `.trim())}return l},f=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(r=>d(r)))==null?void 0:t.join(" "))||""},u=({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.56373d13.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}),h={name:"render-content-styles",components:{RenderInlinedStyles:m},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
 ${u({cssCode:this.cssCode,contentId:this.contentId})}
 ${f({customFonts:this.customFonts})}
 

package/packages/_vue2/dist/sdk.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.b9a8defa.cjs");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.78ba6586.cjs");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/_vue2/dist/sdk.js

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

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

@@ -103,7 +103,7 @@ declare const _sfc_main: {
                     data(): any;
                     computed: {
                         useBlock(): any;
-                        canShowBlock(): any;
+                        canShowBlock(): unknown;
                         actions(): any;
                         attributes(): any;
                         childrenWithoutParentComponent(): any;

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

@@ -116,7 +116,7 @@ declare const _sfc_main: {
                             data(): any;
                             computed: {
                                 useBlock(): any;
-                                canShowBlock(): any;
+                                canShowBlock(): unknown;
                                 actions(): any;
                                 attributes(): any;
                                 childrenWithoutParentComponent(): any;

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

@@ -77,7 +77,7 @@ declare const _sfc_main: {
     data(): any;
     computed: {
         useBlock(): any;
-        canShowBlock(): any;
+        canShowBlock(): unknown;
         actions(): any;
         attributes(): any;
         childrenWithoutParentComponent(): any;

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

@@ -57,7 +57,7 @@ declare const _sfc_main: {
             data(): any;
             computed: {
                 useBlock(): any;
-                canShowBlock(): any;
+                canShowBlock(): unknown;
                 actions(): any;
                 attributes(): any;
                 childrenWithoutParentComponent(): any;

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

@@ -67,7 +67,7 @@ declare const _sfc_main: {
             data(): any;
             computed: {
                 useBlock(): any;
-                canShowBlock(): any;
+                canShowBlock(): unknown;
                 actions(): any;
                 attributes(): any;
                 childrenWithoutParentComponent(): any;

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

@@ -81,7 +81,7 @@ declare const _sfc_main: {
             data(): any;
             computed: {
                 useBlock(): any;
-                canShowBlock(): any;
+                canShowBlock(): unknown;
                 actions(): any;
                 attributes(): any;
                 childrenWithoutParentComponent(): any;

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

@@ -98,7 +98,7 @@ declare const _sfc_main: {
                     data(): any;
                     computed: {
                         useBlock(): any;
-                        canShowBlock(): any;
+                        canShowBlock(): unknown;
                         actions(): any;
                         attributes(): any;
                         childrenWithoutParentComponent(): any;

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

@@ -7,5 +7,5 @@ type ContentResponse = {
     status: number;
     message: string;
 };
-export declare function getAllContent(options: GetContentOptions): Promise<ContentResponse>;
+export declare function getAllContent(options: GetContentOptions): Promise<ContentResponse | null>;
 export {};

package/packages/_vue2/dist/src/helpers/logger.d.ts

@@ -0,0 +1,5 @@
+export declare const logger: {
+    log: (...message: any[]) => void;
+    error: (...message: any[]) => void;
+    warn: (...message: any[]) => void;
+};

package/packages/_vue2/dist/src/types/builder-content.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderBlock } from './builder-block.js';
-import type { Input } from './components.js';
+import type { Input } from './input.js';
 import type { Nullable } from './typescript.js';
 export interface Breakpoints {
     small: number;

package/packages/_vue2/dist/src/types/components.d.ts

@@ -1,76 +1,5 @@
 import type { BuilderElement } from './element';
-export interface Input {
-    name: string;
-    friendlyName?: string;
-    description?: string;
-    defaultValue?: any;
-    type: string;
-    valueType?: {
-        type?: string;
-    };
-    required?: boolean;
-    autoFocus?: boolean;
-    subFields?: Input[];
-    helperText?: string;
-    allowedFileTypes?: string[];
-    imageHeight?: number;
-    imageWidth?: number;
-    mediaHeight?: number;
-    mediaWidth?: number;
-    hideFromUI?: boolean;
-    modelId?: string;
-    /**
-     * Number field type validation maximum accepted input
-     */
-    max?: number;
-    /**
-     * Number field type validation minimum accepted input
-     */
-    min?: number;
-    /**
-     * Number field type step size when using arrows
-     */
-    step?: number;
-    /**
-     * Set this to `true` to show the editor for this input when
-     * children of this component are selected. This is useful for things
-     * like Tabs, such that users may not always select the Tabs component
-     * directly but will still be looking for how to add additional tabs
-     */
-    broadcast?: boolean;
-    /**
-     * Set this to `true` to show the editor for this input when
-     * group locked parents of this component are selected. This is useful
-     * to bubble up important inputs for locked groups, like text and images
-     */
-    bubble?: boolean;
-    options?: {
-        [key: string]: any;
-    };
-    enum?: string[] | {
-        label: string;
-        value: any;
-        helperText?: string;
-    }[];
-    /** Regex field validation for all string types (text, longText, html, url, etc) */
-    regex?: {
-        /** pattern to test, like "^\/[a-z]$" */
-        pattern: string;
-        /** flags for the RegExp constructor, e.g. "gi"  */
-        options?: string;
-        /**
-         * Friendly message to display to end-users if the regex fails, e.g.
-         * "You must use a relative url starting with '/...' "
-         */
-        message: string;
-    };
-    advanced?: boolean;
-    onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
-    code?: boolean;
-    richText?: boolean;
-    showIf?: ((options: Map<string, any>) => boolean) | string;
-    copyOnAdd?: boolean;
-}
+import type { Input } from './input';
 export interface ComponentInfo {
     /**
      * Name your component something unique, e.g. 'MyButton'. You can override built-in components

package/packages/_vue2/dist/src/types/input.d.ts

@@ -0,0 +1,121 @@
+export interface Input {
+    /** This is the name of the component prop this input represents */
+    name: string;
+    /** A friendlier name to show in the UI if the component prop name is not ideal for end users */
+    friendlyName?: string;
+    /** @hidden @deprecated */
+    description?: string;
+    /** A default value to use */
+    defaultValue?: any;
+    /**
+     * The type of input to use, such as 'text'
+     *
+     * See all available inputs [here](https://www.builder.io/c/docs/custom-react-components#input-types)
+     * and you can create your own custom input types and associated editor UIs with [plugins](https://www.builder.io/c/docs/extending/plugins)
+     */
+    type: string;
+    /** Is this input mandatory or not */
+    required?: boolean;
+    /** @hidden */
+    autoFocus?: boolean;
+    subFields?: Input[];
+    /**
+     * Additional text to render in the UI to give guidance on how to use this
+     *
+     * @example
+     * ```js
+     * helperText: 'Be sure to use a proper URL, starting with "https://"'
+     * 111
+     */
+    helperText?: string;
+    /** @hidden */
+    allowedFileTypes?: string[];
+    /** @hidden */
+    imageHeight?: number;
+    /** @hidden */
+    imageWidth?: number;
+    /** @hidden */
+    mediaHeight?: number;
+    /** @hidden */
+    mediaWidth?: number;
+    /** @hidden */
+    hideFromUI?: boolean;
+    /** @hidden */
+    modelId?: string;
+    /**
+     * Number field type validation maximum accepted input
+     */
+    max?: number;
+    /**
+     * Number field type validation minimum accepted input
+     */
+    min?: number;
+    /**
+     * Number field type step size when using arrows
+     */
+    step?: number;
+    /**
+     * Set this to `true` to show the editor for this input when
+     * children of this component are selected. This is useful for things
+     * like Tabs, such that users may not always select the Tabs component
+     * directly but will still be looking for how to add additional tabs
+     */
+    broadcast?: boolean;
+    /**
+     * Set this to `true` to show the editor for this input when
+     * group locked parents of this component are selected. This is useful
+     * to bubble up important inputs for locked groups, like text and images
+     */
+    bubble?: boolean;
+    /**
+     * Set this to `true` if you want this component to be translatable
+     */
+    localized?: boolean;
+    /** @hidden */
+    options?: {
+        [key: string]: any;
+    };
+    /**
+     * For "text" input type, specifying an enum will show a dropdown of options instead
+     */
+    enum?: string[] | {
+        label: string;
+        value: any;
+        helperText?: string;
+    }[];
+    /** Regex field validation for all string types (text, longText, html, url, etc) */
+    regex?: {
+        /** pattern to test, like "^\/[a-z]$" */
+        pattern: string;
+        /** flags for the RegExp constructor, e.g. "gi"  */
+        options?: string;
+        /**
+         * Friendly message to display to end-users if the regex fails, e.g.
+         * "You must use a relative url starting with '/...' "
+         */
+        message: string;
+    };
+    /**
+     * Set this to `true` to put this under the "show more" section of
+     * the options editor. Useful for things that are more advanced
+     * or more rarely used and don't need to be too prominent
+     */
+    advanced?: boolean;
+    /** @hidden */
+    /** @hidden */
+    code?: boolean;
+    /** @hidden */
+    richText?: boolean;
+    /** @hidden */
+    showIf?: ((options: Map<string, any>) => boolean) | string;
+    /** @hidden */
+    copyOnAdd?: boolean;
+    /**
+     * Use optionally with inputs of type `reference`. Restricts the content entry picker to a specific model by name.
+     */
+    model?: string;
+    valueType?: {
+        type?: string;
+    };
+    onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
+}

package/packages/_vue2/dist/style.css

@@ -1 +1 @@
-.button-2fnk003dqad[data-v-65a02987]{all:unset}.div-t9spj7joih[data-v-2bb878ea]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-2bb878ea]{display:flex;flex-direction:column;align-items:stretch}.img-1pl23ac79ld[data-v-b5206874]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-b5206874]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-b5206874]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-21azgz5avex[data-v-57df98d3]{display:flex;flex-direction:column;align-items:stretch}
+.button-2fnk003dqad[data-v-a8305dd0]{all:unset}.div-t9spj7joih[data-v-2bb878ea]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-2bb878ea]{display:flex;flex-direction:column;align-items:stretch}.img-1pl23ac79ld[data-v-b5206874]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-b5206874]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-b5206874]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-21azgz5avex[data-v-57df98d3]{display:flex;flex-direction:column;align-items:stretch}

package/packages/_vue3/dist/{block-styles.02894248.cjs → block-styles.09955b0c.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),s=require("./index.501ef5e2.cjs"),l=require("./css.4fc86c7e.cjs"),y=()=>Promise.resolve().then(()=>require("./render-inlined-styles.4e769566.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}),k={name:"block-styles",components:{RenderInlinedStyles:c.defineAsyncComponent(y)},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{useBlock(){return l.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return s.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:s.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var d;const e=this.useBlock.responsiveStyles,o=this.context.content,i=s.getSizesForBreakpoints(((d=o==null?void 0:o.meta)==null?void 0:d.breakpoints)||{}),a=e==null?void 0:e.large,r=e==null?void 0:e.medium,t=e==null?void 0:e.small,n=this.useBlock.id;if(!n)return"";const u=a?l.createCssClass({className:n,styles:a}):"",m=r?l.createCssClass({className:n,styles:r,mediaQuery:s.getMaxWidthQueryForSize("medium",i)}):"",h=t?l.createCssClass({className:n,styles:t,mediaQuery:s.getMaxWidthQueryForSize("small",i)}):"";return[u,m,h].join(" ")}}};function p(e,o,i,a,r,t){const n=c.resolveComponent("render-inlined-styles");return r.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(c.openBlock(),c.createBlock(n,{key:0,styles:t.css},null,8,["styles"])):c.createCommentVNode("",!0)}const S=s._export_sfc(k,[["render",p]]);exports.default=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),s=require("./index.cca81180.cjs"),l=require("./css.3241302b.cjs"),y=()=>Promise.resolve().then(()=>require("./render-inlined-styles.b55b6667.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}),k={name:"block-styles",components:{RenderInlinedStyles:c.defineAsyncComponent(y)},props:["block","context"],data(){return{TARGET:s.TARGET}},computed:{useBlock(){return l.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return s.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:s.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var d;const e=this.useBlock.responsiveStyles,o=this.context.content,i=s.getSizesForBreakpoints(((d=o==null?void 0:o.meta)==null?void 0:d.breakpoints)||{}),a=e==null?void 0:e.large,r=e==null?void 0:e.medium,t=e==null?void 0:e.small,n=this.useBlock.id;if(!n)return"";const u=a?l.createCssClass({className:n,styles:a}):"",m=r?l.createCssClass({className:n,styles:r,mediaQuery:s.getMaxWidthQueryForSize("medium",i)}):"",h=t?l.createCssClass({className:n,styles:t,mediaQuery:s.getMaxWidthQueryForSize("small",i)}):"";return[u,m,h].join(" ")}}};function p(e,o,i,a,r,t){const n=c.resolveComponent("render-inlined-styles");return r.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(c.openBlock(),c.createBlock(n,{key:0,styles:t.css},null,8,["styles"])):c.createCommentVNode("",!0)}const S=s._export_sfc(k,[["render",p]]);exports.default=S;

package/packages/_vue3/dist/{block-styles.6e74059d.js → block-styles.6bd36a5a.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as p, resolveComponent as k, openBlock as y, createBlock as B, createCommentVNode as S } from "vue";
-import { T as f, c as a, g as _, a as d, _ as g } from "./index.b87b71f2.js";
-import { g as x, c as l } from "./css.a2956fb2.js";
-const C = () => import("./render-inlined-styles.1e4cf51b.js").then((e) => e.default).catch((e) => {
+import { T as f, c as a, g as _, a as d, _ as g } from "./index.45ab85e5.js";
+import { g as x, c as l } from "./css.81a21c5a.js";
+const C = () => import("./render-inlined-styles.952d2fff.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/css.3241302b.cjs

@@ -0,0 +1,6 @@
+"use strict";const i=require("./index.cca81180.cjs"),l=(e,t,r)=>{if(Object(e)!==e)return e;const s=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return s.slice(0,-1).reduce((n,c,o)=>Object(n[c])===n[c]?n[c]:n[c]=Math.abs(Number(s[o+1]))>>0===+s[o+1]?[]:{},e)[s[s.length-1]]=r,e};const d=({block:e,context:t,state:r})=>{if(!e.bindings)return e;const s=i.fastClone(e),n={...s,properties:{...s.properties},actions:{...s.actions}};for(const c in e.bindings){const o=e.bindings[c],u=i.evaluate({code:o,state:r,context:t});l(n,c,u)}return n};function f({block:e,context:t,shouldEvaluateBindings:r,state:s}){const n=e;return r?d({block:n,state:s,context:t}):n}const p=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),a=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${p(r)}: ${s};`}).filter(i.checkIsDefined),g=e=>a(e).join(`
+`),C=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
+    ${g(r)}
+  }`;return e?`${e} {
+      ${s}
+    }`:s};exports.convertStyleMapToCSSArray=a;exports.createCssClass=C;exports.getProcessedBlock=f;

package/packages/{_vue2/dist/css.9b722913.js → _vue3/dist/css.81a21c5a.js}

@@ -1,4 +1,4 @@
-import { f as a, e as u, c as f } from "./index.af260d16.js";
+import { f as a, e as u, c as f } from "./index.45ab85e5.js";
 const l = (e, t, r) => {
   if (Object(e) !== e)
     return e;