@builder.io/sdk-vue 0.1.7 → 0.1.9

package/packages/_vue2/dist/{render-styles.f5c763be.cjs → render-styles.1c71bf0a.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index.2d467eb1.cjs"),d=e=>{var o,c;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(c=e.fileUrl)!=null?c:(o=e==null?void 0:e.files)==null?void 0:o.regular;let l="";if(i&&t&&n&&(l+=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index.bef62fde.cjs"),d=e=>{var c,o;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(o=e.fileUrl)!=null?o:(c=e==null?void 0:e.files)==null?void 0:c.regular;let l="";if(i&&t&&n&&(l+=`
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${i}') format('woff2');
@@ -12,7 +12,7 @@ src: url('${s}') format('woff2');
 font-display: fallback;
 font-weight: ${r};
 }
-        `.trim())}return l},f=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>d(n)))==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.3d0f9fe7.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:m},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
+        `.trim())}return l},f=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>d(n)))==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.c58a27b9.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:m},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
 ${u({cssCode:this.cssCode,contentId:this.contentId})}
 ${f({customFonts:this.customFonts})}
 `}}};var p=function(){var t=this,n=t._self._c;return n("render-inlined-styles",{attrs:{styles:t.injectedStyles}})},_=[],g=a.normalizeComponent(y,p,_,!1,null,null,null,null);const h=g.exports;exports.default=h;

package/packages/_vue2/dist/{render-styles.38da6402.js → render-styles.31ad9a17.js}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.2d467eb1.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.bef62fde.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 { d as s, C as t, F as r, I as n, r as o, h as i, S as m, i as g, j as c, V as d, m as l, w as S, p as C, v as u, x as h, y as p, u as P, k as B, l as k, z as v, q as w, o as x, s as y, t as F } from "./index.055082cd.js";
+import { h as s, C as t, F as r, I as n, r as o, i, S as m, j as g, k as c, V as l, o as d, x as S, q as C, w as u, y as h, z as p, v as P, l as B, m as k, A as v, s as w, p as x, u as y, t as F } from "./index.ea6d5c33.js";
 export {
   s as Button,
   t as Columns,
@@ -9,8 +9,8 @@ export {
   m as Section,
   g as Symbol,
   c as Text,
-  d as Video,
-  l as components,
+  l as Video,
+  d as components,
   S as convertSearchParamsToQueryObject,
   C as createRegisterComponentMessage,
   u as getAllContent,

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

@@ -56,6 +56,7 @@ declare const _sfc_main: {
                                     };
                                     computed: {
                                         useBlock(): any;
+                                        canShowBlock(): any;
                                         css(): any;
                                     };
                                 }>;
@@ -91,6 +92,7 @@ declare const _sfc_main: {
                             };
                             computed: {
                                 useBlock(): any;
+                                canShowBlock(): any;
                                 css(): any;
                             };
                         }>;
@@ -100,6 +102,7 @@ declare const _sfc_main: {
                     computed: {
                         tag(): any;
                         useBlock(): any;
+                        canShowBlock(): any;
                         proxyState(): any;
                         actions(): any;
                         attributes(): any;
@@ -132,6 +135,7 @@ declare const _sfc_main: {
                     };
                     computed: {
                         useBlock(): any;
+                        canShowBlock(): any;
                         css(): any;
                     };
                 }>;

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

@@ -72,6 +72,7 @@ declare const _sfc_main: {
                                             };
                                             computed: {
                                                 useBlock(): any;
+                                                canShowBlock(): any;
                                                 css(): any;
                                             };
                                         }>;
@@ -107,6 +108,7 @@ declare const _sfc_main: {
                                     };
                                     computed: {
                                         useBlock(): any;
+                                        canShowBlock(): any;
                                         css(): any;
                                     };
                                 }>;
@@ -116,6 +118,7 @@ declare const _sfc_main: {
                             computed: {
                                 tag(): any;
                                 useBlock(): any;
+                                canShowBlock(): any;
                                 proxyState(): any;
                                 actions(): any;
                                 attributes(): any;
@@ -148,6 +151,7 @@ declare const _sfc_main: {
                             };
                             computed: {
                                 useBlock(): any;
+                                canShowBlock(): any;
                                 css(): any;
                             };
                         }>;

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

@@ -25,6 +25,7 @@ declare const _sfc_main: {
     };
     computed: {
         useBlock(): any;
+        canShowBlock(): any;
         css(): any;
     };
 };

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

@@ -32,6 +32,7 @@ declare const _sfc_main: {
                     };
                     computed: {
                         useBlock(): any;
+                        canShowBlock(): any;
                         css(): any;
                     };
                 }>;
@@ -67,6 +68,7 @@ declare const _sfc_main: {
             };
             computed: {
                 useBlock(): any;
+                canShowBlock(): any;
                 css(): any;
             };
         }>;
@@ -76,6 +78,7 @@ declare const _sfc_main: {
     computed: {
         tag(): any;
         useBlock(): any;
+        canShowBlock(): any;
         proxyState(): any;
         actions(): any;
         attributes(): any;

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

@@ -48,6 +48,7 @@ declare const _sfc_main: {
                     };
                     computed: {
                         useBlock(): any;
+                        canShowBlock(): any;
                         css(): any;
                     };
                 }>;
@@ -57,6 +58,7 @@ declare const _sfc_main: {
             computed: {
                 tag(): any;
                 useBlock(): any;
+                canShowBlock(): any;
                 proxyState(): any;
                 actions(): any;
                 attributes(): any;
@@ -89,6 +91,7 @@ declare const _sfc_main: {
             };
             computed: {
                 useBlock(): any;
+                canShowBlock(): any;
                 css(): any;
             };
         }>;

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

@@ -29,6 +29,7 @@ declare const _sfc_main: {
                             };
                             computed: {
                                 useBlock(): any;
+                                canShowBlock(): any;
                                 css(): any;
                             };
                         }>;
@@ -57,6 +58,7 @@ declare const _sfc_main: {
                     };
                     computed: {
                         useBlock(): any;
+                        canShowBlock(): any;
                         css(): any;
                     };
                 }>;
@@ -66,6 +68,7 @@ declare const _sfc_main: {
             computed: {
                 tag(): any;
                 useBlock(): any;
+                canShowBlock(): any;
                 proxyState(): any;
                 actions(): any;
                 attributes(): any;

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

@@ -36,6 +36,7 @@ declare const _sfc_main: {
                             };
                             computed: {
                                 useBlock(): any;
+                                canShowBlock(): any;
                                 css(): any;
                             };
                         }>;
@@ -71,6 +72,7 @@ declare const _sfc_main: {
                     };
                     computed: {
                         useBlock(): any;
+                        canShowBlock(): any;
                         css(): any;
                     };
                 }>;
@@ -80,6 +82,7 @@ declare const _sfc_main: {
             computed: {
                 tag(): any;
                 useBlock(): any;
+                canShowBlock(): any;
                 proxyState(): any;
                 actions(): any;
                 attributes(): any;
@@ -112,6 +115,7 @@ declare const _sfc_main: {
             };
             computed: {
                 useBlock(): any;
+                canShowBlock(): any;
                 css(): any;
             };
         }>;

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

@@ -52,6 +52,7 @@ declare const _sfc_main: {
                                     };
                                     computed: {
                                         useBlock(): any;
+                                        canShowBlock(): any;
                                         css(): any;
                                     };
                                 }>;
@@ -87,6 +88,7 @@ declare const _sfc_main: {
                             };
                             computed: {
                                 useBlock(): any;
+                                canShowBlock(): any;
                                 css(): any;
                             };
                         }>;
@@ -96,6 +98,7 @@ declare const _sfc_main: {
                     computed: {
                         tag(): any;
                         useBlock(): any;
+                        canShowBlock(): any;
                         proxyState(): any;
                         actions(): any;
                         attributes(): any;
@@ -128,6 +131,7 @@ declare const _sfc_main: {
                     };
                     computed: {
                         useBlock(): any;
+                        canShowBlock(): any;
                         css(): any;
                     };
                 }>;

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

@@ -54,5 +54,13 @@ export interface BuilderBlock {
     } | null;
     animations?: any[];
     style?: Partial<CSSStyleDeclaration>;
+    /**
+     * generated by the "Hide If" binding
+     */
+    hide?: boolean;
+    /**
+     * generated by the "Show If" binding
+     */
+    show?: boolean;
 }
 export {};

package/packages/_vue2/dist/style.css

@@ -1 +1 @@
-.button-1pl23ac79ld[data-v-48205b37]{all:unset}.div-29wpyomtntv[data-v-4dd8606b]{display:flex;line-height:normal}.div-29wpyomtntv-2[data-v-4dd8606b]{display:flex;flex-direction:column;align-items:stretch}.img-1j57pcfa436[data-v-76004f06]{opacity:1;transition:opacity .2s ease-in-out}.div-1j57pcfa436[data-v-76004f06]{width:100%;pointer-events:none;font-size:0}.div-1j57pcfa436-2[data-v-76004f06]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-23e8fqt91nf[data-v-7c56f14d]{display:flex;flex-direction:column;align-items:stretch}
+.button-2fnk003dqad[data-v-3e6fa42c]{all:unset}.div-2brhoa1k8gd[data-v-4e30ecf8]{display:flex;line-height:normal}.div-2brhoa1k8gd-2[data-v-4e30ecf8]{display:flex;flex-direction:column;align-items:stretch}.img-20351ewpue7[data-v-893a0f79]{opacity:1;transition:opacity .2s ease-in-out}.div-20351ewpue7[data-v-893a0f79]{width:100%;pointer-events:none;font-size:0}.div-20351ewpue7-2[data-v-893a0f79]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-21azgz5avex[data-v-7d4553c5]{display:flex;flex-direction:column;align-items:stretch}

package/packages/_vue3/dist/block-styles.8ee7887b.cjs

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

package/packages/_vue3/dist/block-styles.b74d2b45.js

@@ -0,0 +1,66 @@
+import { defineAsyncComponent as p, resolveComponent as k, openBlock as y, createBlock as B, createCommentVNode as S } from "vue";
+import { T as f, c as i, g as _, a as r, b as d, _ as g } from "./index.5773f262.js";
+import { g as x } from "./get-processed-block.348e1332.js";
+const C = () => import("./render-inlined-styles.da7419c9.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;
+}), b = {
+  name: "block-styles",
+  components: {
+    RenderInlinedStyles: p(C)
+  },
+  props: ["block", "context"],
+  data() {
+    return { TARGET: f };
+  },
+  computed: {
+    useBlock() {
+      return x({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    canShowBlock() {
+      return i(this.useBlock.hide) ? !this.useBlock.hide : i(this.useBlock.show) ? this.useBlock.show : !0;
+    },
+    css() {
+      var a;
+      const e = this.useBlock.responsiveStyles, o = this.context.content, c = _(
+        ((a = o == null ? void 0 : o.meta) == null ? void 0 : a.breakpoints) || {}
+      ), l = e == null ? void 0 : e.large, n = e == null ? void 0 : e.medium, t = e == null ? void 0 : e.small, s = this.useBlock.id, m = l ? r({
+        className: s,
+        styles: l
+      }) : "", u = n ? r({
+        className: s,
+        styles: n,
+        mediaQuery: d(
+          "medium",
+          c
+        )
+      }) : "", h = t ? r({
+        className: s,
+        styles: t,
+        mediaQuery: d(
+          "small",
+          c
+        )
+      }) : "";
+      return [m, u, h].join(" ");
+    }
+  }
+};
+function w(e, o, c, l, n, t) {
+  const s = k("render-inlined-styles");
+  return n.TARGET !== "reactNative" && t.css && t.canShowBlock ? (y(), B(s, {
+    key: 0,
+    styles: t.css
+  }, null, 8, ["styles"])) : S("", !0);
+}
+const E = /* @__PURE__ */ g(b, [["render", w]]);
+export {
+  E as default
+};

package/packages/{_vue2/dist/get-processed-block.e426e5c8.js → _vue3/dist/get-processed-block.348e1332.js}

@@ -1,4 +1,4 @@
-import { f as a, e as u } from "./index.055082cd.js";
+import { f as a, e as u } from "./index.5773f262.js";
 const f = (n, r, i) => {
   if (Object(n) !== n)
     return n;

package/packages/{_vue2/dist/get-processed-block.3cf6c3ff.cjs → _vue3/dist/get-processed-block.49919209.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./index.2d467eb1.cjs"),d=(e,r,i)=>{if(Object(e)!==e)return e;const n=Array.isArray(r)?r:r.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((t,s,c)=>Object(t[s])===t[s]?t[s]:t[s]=Math.abs(Number(n[c+1]))>>0===+n[c+1]?[]:{},e)[n[n.length-1]]=i,e};const a=({block:e,context:r,state:i})=>{if(!e.bindings)return e;const n=o.fastClone(e),t={...n,properties:{...n.properties},actions:{...n.actions}};for(const s in e.bindings){const c=e.bindings[s],u=o.evaluate({code:c,state:i,context:r});d(t,s,u)}return t};function g({block:e,context:r,shouldEvaluateBindings:i,state:n}){const t=e;return i?a({block:t,state:n,context:r}):t}exports.getProcessedBlock=g;
+"use strict";const o=require("./index.4f68e6f8.cjs"),d=(e,r,i)=>{if(Object(e)!==e)return e;const n=Array.isArray(r)?r:r.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((t,s,c)=>Object(t[s])===t[s]?t[s]:t[s]=Math.abs(Number(n[c+1]))>>0===+n[c+1]?[]:{},e)[n[n.length-1]]=i,e};const a=({block:e,context:r,state:i})=>{if(!e.bindings)return e;const n=o.fastClone(e),t={...n,properties:{...n.properties},actions:{...n.actions}};for(const s in e.bindings){const c=e.bindings[s],u=o.evaluate({code:c,state:i,context:r});d(t,s,u)}return t};function f({block:e,context:r,shouldEvaluateBindings:i,state:n}){const t=e;return i?a({block:t,state:n,context:r}):t}exports.getProcessedBlock=f;