@builder.io/sdk-vue 0.2.2 → 0.2.3

package/packages/_vue2/dist/{render-styles.0d1f8872.js → render-styles.591ca7be.js}

@@ -1,7 +1,8 @@
-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;
+import { defineComponent as f } from "vue";
+import { n as c } from "./index.6a9eec41.js";
+const d = (e) => {
+  var o, a;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), r = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
   let l = "";
   if (i && t && r && (l += `
 @font-face {
@@ -25,20 +26,20 @@ font-weight: ${n};
         `.trim());
     }
   return l;
-}, d = ({ customFonts: e }) => {
+}, m = ({ customFonts: e }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((r) => f(r))) == null ? void 0 : t.join(" ")) || "";
+  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 = () => import("./render-inlined-styles.942eb38d.js").then((e) => e.default).catch((e) => {
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", p = () => import("./render-inlined-styles.1fa49816.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;
-}), p = {
+}), h = f({
   name: "render-content-styles",
-  components: { RenderInlinedStyles: m },
+  components: { RenderInlinedStyles: p },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
@@ -47,40 +48,40 @@ ${u({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${d({
+${m({
         customFonts: this.customFonts
       })}
 
 .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
-margin: 0;
+  margin: 0;
 }
 .builder-text > p, .builder-text > .builder-paragraph {
-color: inherit;
-line-height: inherit;
-letter-spacing: inherit;
-font-weight: inherit;
-font-size: inherit;
-text-align: inherit;
-font-family: inherit;
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
 }
 `
     };
   }
-};
-var h = function() {
+});
+var y = function() {
   var t = this, r = t._self._c;
-  return r("render-inlined-styles", { attrs: { styles: t.injectedStyles } });
-}, y = [], g = /* @__PURE__ */ c(
-  p,
+  return t._self._setupProxy, r("render-inlined-styles", { attrs: { styles: t.injectedStyles } });
+}, g = [], _ = /* @__PURE__ */ c(
   h,
   y,
+  g,
   !1,
   null,
   null,
   null,
   null
 );
-const w = g.exports;
+const x = _.exports;
 export {
-  w as default
+  x as default
 };

package/packages/_vue2/dist/sdk.cjs

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

@@ -1,27 +1,28 @@
-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";
+import { b as t, C as r, F as o, I as n, r as i, d as m, S as g, h as c, i as d, V as l, l as S, v as C, o as p, u, w as h, x as P, q as B, j as b, k, y as v, p as w, m as x, s as y, t as F } from "./index.6a9eec41.js";
+import "vue";
 export {
-  s as Button,
-  t as Columns,
-  r as Fragment,
+  t as Button,
+  r as Columns,
+  o as Fragment,
   n as Image,
-  o as RenderBlocks,
-  i as RenderContent,
-  m as Section,
-  g as Symbol,
-  c as Text,
-  d as Video,
-  l as components,
-  S as convertSearchParamsToQueryObject,
-  C as createRegisterComponentMessage,
+  i as RenderBlocks,
+  m as RenderContent,
+  g as Section,
+  c as Symbol,
+  d as Text,
+  l as Video,
+  S as components,
+  C as convertSearchParamsToQueryObject,
+  p as createRegisterComponentMessage,
   u as getAllContent,
   h as getBuilderSearchParams,
-  p as getBuilderSearchParamsFromWindow,
-  P as getContent,
-  B as isEditing,
-  b as isPreviewing,
-  k as normalizeSearchParams,
-  v as register,
-  w as registerComponent,
-  x as setEditorSettings,
-  y as track
+  P as getBuilderSearchParamsFromWindow,
+  B as getContent,
+  b as isEditing,
+  k as isPreviewing,
+  v as normalizeSearchParams,
+  w as register,
+  x as registerComponent,
+  y as setEditorSettings,
+  F as track
 };

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

@@ -4,12 +4,23 @@ export interface ButtonProps {
     link?: string;
     openLinkInNewTab?: boolean;
 }
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    methods: {
-        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
-        _classStringToObject(str: any): {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    link?: any;
+    attributes?: any;
+    text?: any;
+    openLinkInNewTab?: any;
+}>, {}, {}, {}, {
+    filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+    _classStringToObject(str: any): {};
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    link?: any;
+    attributes?: any;
+    text?: any;
+    openLinkInNewTab?: any;
+}>>>, {
+    readonly link?: any;
+    readonly attributes?: any;
+    readonly text?: any;
+    readonly openLinkInNewTab?: any;
+}>;
 export default _sfc_main;

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

@@ -1,3 +1,6 @@
+import type { BuilderBlock } from "../../types/builder-block";
+import type { SizeName } from "../../constants/device-sizes";
+import type { Dictionary } from "../../types/typescript";
 type Column = {
     blocks: BuilderBlock[];
     width?: number;
@@ -11,178 +14,30 @@ 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: {
-        RenderInlinedStyles: () => Promise<{
-            name: string;
-            props: string[];
-            data(): {
-                TARGET: string;
-            };
-            computed: {
-                tag(): string;
-                injectedStyleScript(): any;
-            };
-        }>;
-        RenderBlocks: () => Promise<{
-            name: string;
-            components: {
-                RenderBlock: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderComponent: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderBlock: () => Promise<any>;
-                                BlockStyles: () => Promise<{
-                                    name: string;
-                                    components: {
-                                        RenderInlinedStyles: () => Promise<{
-                                            name: string;
-                                            props: string[];
-                                            data(): {
-                                                TARGET: string;
-                                            };
-                                            computed: {
-                                                tag(): string;
-                                                injectedStyleScript(): any;
-                                            };
-                                        }>;
-                                    };
-                                    props: string[];
-                                    data(): {
-                                        TARGET: string;
-                                    };
-                                    computed: {
-                                        useBlock(): any;
-                                        canShowBlock(): any;
-                                        css(): any;
-                                    };
-                                }>;
-                            };
-                            props: string[];
-                        }>;
-                        RenderRepeatedBlock: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderBlock: () => Promise<any>;
-                            };
-                            props: string[];
-                            provide(): any;
-                        }>;
-                        BlockStyles: () => Promise<{
-                            name: string;
-                            components: {
-                                RenderInlinedStyles: () => Promise<{
-                                    name: string;
-                                    props: string[];
-                                    data(): {
-                                        TARGET: string;
-                                    };
-                                    computed: {
-                                        tag(): string;
-                                        injectedStyleScript(): any;
-                                    };
-                                }>;
-                            };
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                useBlock(): any;
-                                canShowBlock(): any;
-                                css(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                    data(): any;
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): unknown;
-                        actions(): any;
-                        attributes(): any;
-                        childrenWithoutParentComponent(): any;
-                        childrenContext(): any;
-                        renderComponentProps(): any;
-                    };
-                    methods: {
-                        stripVOn: (actions?: {}) => {};
-                    };
-                }>;
-                BlockStyles: () => Promise<{
-                    name: string;
-                    components: {
-                        RenderInlinedStyles: () => Promise<{
-                            name: string;
-                            props: string[];
-                            data(): {
-                                TARGET: string;
-                            };
-                            computed: {
-                                tag(): string;
-                                injectedStyleScript(): any;
-                            };
-                        }>;
-                    };
-                    props: string[];
-                    data(): {
-                        TARGET: string;
-                    };
-                    computed: {
-                        useBlock(): any;
-                        canShowBlock(): any;
-                        css(): any;
-                    };
-                }>;
-            };
-            props: string[];
-            inject: {
-                builderContext: symbol;
-            };
-            computed: {
-                className(): any;
-            };
-            methods: {
-                onClick(): void;
-                onMouseEnter(): void;
-                _classStringToObject(str: any): {};
-            };
-        }>;
-    };
-    props: string[];
-    data(): {
-        gutterSize: any;
-        cols: any;
-        stackAt: any;
-        flexDir: string;
-        TARGET: string;
-    };
-    inject: {
-        builderContext: symbol;
-    };
-    computed: {
-        columnsCssVars(): any;
-        columnsStyles(): any;
-    };
-    methods: {
-        getWidth(index: number): any;
-        getColumnCssWidth(index: number): any;
-        getTabletStyle({ stackedStyle, desktopStyle, }: {
-            stackedStyle: CSSVal;
-            desktopStyle: CSSVal;
-        }): any;
-        getMobileStyle({ stackedStyle, desktopStyle, }: {
-            stackedStyle: CSSVal;
-            desktopStyle: CSSVal;
-        }): any;
-        columnCssVars(index: number): any;
-        getWidthForBreakpointSize(size: SizeName): number;
-        _classStringToObject(str: any): {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<string[], {}, {
+    gutterSize: number;
+    cols: any;
+    stackAt: any;
+    flexDir: string;
+    TARGET: string;
+}, {
+    columnsCssVars(): Dictionary<string>;
+    columnsStyles(): string;
+}, {
+    getWidth(index: number): any;
+    getColumnCssWidth(index: number): string;
+    getTabletStyle({ stackedStyle, desktopStyle, }: {
+        stackedStyle: CSSVal;
+        desktopStyle: CSSVal;
+    }): CSSVal;
+    getMobileStyle({ stackedStyle, desktopStyle, }: {
+        stackedStyle: CSSVal;
+        desktopStyle: CSSVal;
+    }): CSSVal;
+    columnCssVars(index: number): Dictionary<string>;
+    getWidthForBreakpointSize(size: SizeName): number;
+    _classStringToObject(str: any): {};
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
 export default _sfc_main;

package/packages/_vue2/dist/src/blocks/custom-code/custom-code.vue.d.ts

@@ -2,17 +2,13 @@ export interface CustomCodeProps {
     code: string;
     replaceNodes?: boolean;
 }
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    data(): {
-        scriptsInserted: never[];
-        scriptsRun: never[];
-    };
-    mounted(): void;
-    methods: {
-        findAndRunScripts(): void;
-        _classStringToObject(str: any): {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<string[], {}, {
+    scriptsInserted: never[];
+    scriptsRun: never[];
+}, {}, {
+    findAndRunScripts(): void;
+    _classStringToObject(str: any): {};
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
 export default _sfc_main;

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

@@ -1,25 +1,18 @@
 export interface EmbedProps {
     content: string;
 }
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    data(): {
-        scriptsInserted: never[];
-        scriptsRun: never[];
-        ranInitFn: boolean;
+declare const _sfc_main: import("vue").DefineComponent<string[], {}, {
+    scriptsInserted: never[];
+    scriptsRun: never[];
+    ranInitFn: boolean;
+}, {
+    onUpdateHook0(): {
+        0: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue/types/v3-component-options.js").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> | Element | import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>> | (import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue/types/v3-component-options.js").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> | Element | import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>)[] | undefined;
+        1: boolean;
     };
-    watch: {
-        onUpdateHook0: {
-            handler(): void;
-            immediate: boolean;
-        };
-    };
-    computed: {
-        onUpdateHook0(): any;
-    };
-    methods: {
-        findAndRunScripts(): void;
-    };
-};
+}, {
+    findAndRunScripts(): void;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
 export default _sfc_main;

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

@@ -3,8 +3,5 @@ export interface FragmentProps {
     attributes?: any;
     children?: any;
 }
-declare const _sfc_main: {
-    name: string;
-    props: never[];
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{}>>>, {}>;
 export default _sfc_main;

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

@@ -0,0 +1,72 @@
+import type { BuilderBlock } from "../../types/builder-block.js";
+export interface ImageProps {
+    className?: string;
+    image: string;
+    sizes?: string;
+    lazy?: boolean;
+    height?: number;
+    width?: number;
+    altText?: string;
+    backgroundSize?: "cover" | "contain";
+    backgroundPosition?: string;
+    srcset?: string;
+    aspectRatio?: number;
+    children?: JSX.Element;
+    fitContent?: boolean;
+    builderBlock?: BuilderBlock;
+    noWebp?: boolean;
+    src?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    aspectRatio?: any;
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    className?: any;
+    builderBlock?: any;
+    image?: any;
+    src?: any;
+    srcset?: any;
+    noWebp?: any;
+    altText?: any;
+    sizes?: any;
+    fitContent?: any;
+}>, {}, {}, {
+    srcSetToUse(): any;
+    webpSrcSet(): any;
+    aspectRatioCss(): {
+        readonly position: "absolute";
+        readonly height: "100%";
+        readonly width: "100%";
+        readonly left: "0px";
+        readonly top: "0px";
+    } | undefined;
+}, {
+    _classStringToObject(str: any): {};
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    aspectRatio?: any;
+    backgroundPosition?: any;
+    backgroundSize?: any;
+    className?: any;
+    builderBlock?: any;
+    image?: any;
+    src?: any;
+    srcset?: any;
+    noWebp?: any;
+    altText?: any;
+    sizes?: any;
+    fitContent?: any;
+}>>>, {
+    readonly aspectRatio?: any;
+    readonly backgroundPosition?: any;
+    readonly backgroundSize?: any;
+    readonly className?: any;
+    readonly builderBlock?: any;
+    readonly image?: any;
+    readonly src?: any;
+    readonly srcset?: any;
+    readonly noWebp?: any;
+    readonly altText?: any;
+    readonly sizes?: any;
+    readonly fitContent?: any;
+}>;
+export default _sfc_main;

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

@@ -1,3 +1,4 @@
+import { isEditing } from "../../functions/is-editing.js";
 export interface ImgProps {
     attributes?: any;
     imgSrc?: string;
@@ -6,15 +7,11 @@ export interface ImgProps {
     backgroundSize?: "cover" | "contain";
     backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
 }
-import { isEditing } from "../../functions/is-editing.js";
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    data(): {
-        isEditing: typeof isEditing;
-    };
-    methods: {
-        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<string[], {}, {
+    isEditing: typeof isEditing;
+}, {}, {
+    filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
 export default _sfc_main;

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

@@ -4,11 +4,16 @@ export interface SectionProps {
     children?: any;
     builderBlock?: any;
 }
-declare const _sfc_main: {
-    name: string;
-    props: string[];
-    methods: {
-        filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
-    };
-};
+declare const _sfc_main: import("vue").DefineComponent<Readonly<{
+    maxWidth?: any;
+    attributes?: any;
+}>, {}, {}, {}, {
+    filterAttrs: (attrs: {} | undefined, isEvent: any) => {};
+}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    maxWidth?: any;
+    attributes?: any;
+}>>>, {
+    readonly maxWidth?: any;
+    readonly attributes?: any;
+}>;
 export default _sfc_main;