@builder.io/sdk-vue 0.2.0 → 0.2.2

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

@@ -25,8 +25,8 @@ declare const _sfc_main: {
                                         TARGET: string;
                                     };
                                     computed: {
-                                        injectedStyleScript(): any;
                                         tag(): string;
+                                        injectedStyleScript(): any;
                                     };
                                 }>;
                             };
@@ -61,8 +61,8 @@ declare const _sfc_main: {
                                 TARGET: string;
                             };
                             computed: {
-                                injectedStyleScript(): any;
                                 tag(): string;
+                                injectedStyleScript(): any;
                             };
                         }>;
                     };
@@ -80,15 +80,13 @@ declare const _sfc_main: {
             props: string[];
             data(): any;
             computed: {
-                tag(): any;
                 useBlock(): any;
-                canShowBlock(): any;
-                proxyState(): any;
+                canShowBlock(): unknown;
                 actions(): any;
                 attributes(): any;
-                renderComponentProps(): any;
                 childrenWithoutParentComponent(): any;
                 childrenContext(): any;
+                renderComponentProps(): any;
             };
             methods: {
                 stripVOn: (actions?: {}) => {};
@@ -104,8 +102,8 @@ declare const _sfc_main: {
                         TARGET: string;
                     };
                     computed: {
-                        injectedStyleScript(): any;
                         tag(): string;
+                        injectedStyleScript(): any;
                     };
                 }>;
             };

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

@@ -8,8 +8,8 @@ declare const _sfc_main: {
                 TARGET: string;
             };
             computed: {
-                injectedStyleScript(): any;
                 tag(): string;
+                injectedStyleScript(): any;
             };
         }>;
     };

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

@@ -14,8 +14,8 @@ declare const _sfc_main: {
                         TARGET: string;
                     };
                     computed: {
-                        injectedStyleScript(): any;
                         tag(): string;
+                        injectedStyleScript(): any;
                     };
                 }>;
             };
@@ -42,8 +42,8 @@ declare const _sfc_main: {
                                                 TARGET: string;
                                             };
                                             computed: {
-                                                injectedStyleScript(): any;
                                                 tag(): string;
+                                                injectedStyleScript(): any;
                                             };
                                         }>;
                                     };
@@ -78,8 +78,8 @@ declare const _sfc_main: {
                                         TARGET: string;
                                     };
                                     computed: {
-                                        injectedStyleScript(): any;
                                         tag(): string;
+                                        injectedStyleScript(): any;
                                     };
                                 }>;
                             };
@@ -97,15 +97,13 @@ declare const _sfc_main: {
                     props: string[];
                     data(): any;
                     computed: {
-                        tag(): any;
                         useBlock(): any;
-                        canShowBlock(): any;
-                        proxyState(): any;
+                        canShowBlock(): unknown;
                         actions(): any;
                         attributes(): any;
-                        renderComponentProps(): any;
                         childrenWithoutParentComponent(): any;
                         childrenContext(): any;
+                        renderComponentProps(): any;
                     };
                     methods: {
                         stripVOn: (actions?: {}) => {};
@@ -121,8 +119,8 @@ declare const _sfc_main: {
                                 TARGET: string;
                             };
                             computed: {
-                                injectedStyleScript(): any;
                                 tag(): string;
+                                injectedStyleScript(): any;
                             };
                         }>;
                     };

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

@@ -5,8 +5,8 @@ declare const _sfc_main: {
         TARGET: string;
     };
     computed: {
-        injectedStyleScript(): any;
         tag(): string;
+        injectedStyleScript(): any;
     };
 };
 export default _sfc_main;

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-b1turyjjkok[data-v-be9cda3c]{opacity:1;transition:opacity .2s ease-in-out}.div-b1turyjjkok[data-v-be9cda3c]{width:100%;pointer-events:none;font-size:0}.div-b1turyjjkok-2[data-v-be9cda3c]{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.09955b0c.cjs

@@ -0,0 +1 @@
+"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.40e4c9b5.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 i, g as _, a as d, _ as g } from "./index.4931a4d1.js";
-import { g as x, c as r } from "./css.77c76358.js";
-const C = () => import("./render-inlined-styles.dccd4787.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
@@ -25,23 +25,26 @@ const C = () => import("./render-inlined-styles.dccd4787.js").then((e) => e.defa
       });
     },
     canShowBlock() {
-      return i(this.useBlock.hide) ? !this.useBlock.hide : i(this.useBlock.show) ? this.useBlock.show : !0;
+      return a(this.useBlock.hide) ? !this.useBlock.hide : a(this.useBlock.show) ? this.useBlock.show : !0;
     },
     css() {
-      var a;
+      var i;
       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({
+        ((i = o == null ? void 0 : o.meta) == null ? void 0 : i.breakpoints) || {}
+      ), r = e == null ? void 0 : e.large, n = e == null ? void 0 : e.medium, t = e == null ? void 0 : e.small, s = this.useBlock.id;
+      if (!s)
+        return "";
+      const m = r ? l({
         className: s,
-        styles: l
-      }) : "", u = n ? r({
+        styles: r
+      }) : "", u = n ? l({
         className: s,
         styles: n,
         mediaQuery: d(
           "medium",
           c
         )
-      }) : "", h = t ? r({
+      }) : "", h = t ? l({
         className: s,
         styles: t,
         mediaQuery: d(
@@ -53,7 +56,7 @@ const C = () => import("./render-inlined-styles.dccd4787.js").then((e) => e.defa
     }
   }
 };
-function w(e, o, c, l, n, t) {
+function w(e, o, c, r, n, t) {
   const s = k("render-inlined-styles");
   return n.TARGET !== "reactNative" && t.css && t.canShowBlock ? (y(), B(s, {
     key: 0,

package/packages/{_vue2/dist/css.75f390cc.cjs → _vue3/dist/css.3241302b.cjs}

@@ -1,6 +1,6 @@
-"use strict";const i=require("./index.c72abf65.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 f=({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 d({block:e,context:t,shouldEvaluateBindings:r,state:s}){const n=e;return r?f({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(`
+"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=d;
+    }`:s};exports.convertStyleMapToCSSArray=a;exports.createCssClass=C;exports.getProcessedBlock=f;

package/packages/_vue3/dist/{css.77c76358.js → css.81a21c5a.js}

@@ -1,4 +1,4 @@
-import { f as a, e as u, c as f } from "./index.4931a4d1.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;