@builder.io/sdk-vue 0.11.2 → 0.11.4

package/lib/edge/blocks/image/image.vue.d.ts

@@ -1,22 +1,3 @@
-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?: any;
-    fitContent?: boolean;
-    builderBlock?: BuilderBlock;
-    noWebp?: boolean;
-    src?: string;
-}
 declare const _default: import("vue").DefineComponent<Readonly<{
     image?: any;
     className?: any;

package/lib/edge/blocks/section/section.types.d.ts

@@ -0,0 +1,6 @@
+export interface SectionProps {
+    maxWidth?: number;
+    attributes?: any;
+    children?: any;
+    builderBlock?: any;
+}

package/lib/edge/blocks/section/section.vue.d.ts

@@ -1,13 +1,4 @@
 import { filterAttrs } from "../helpers.js";
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */
-export interface SectionProps {
-    maxWidth?: number;
-    attributes?: any;
-    children?: any;
-    builderBlock?: any;
-}
 declare const _default: import("vue").DefineComponent<Readonly<{
     attributes?: any;
     maxWidth?: any;

package/lib/edge/blocks/symbol/symbol.types.d.ts

@@ -0,0 +1,18 @@
+import type { BuilderContent } from '../../types/builder-content.js';
+import type { BuilderComponentsProp } from '../../types/builder-props.js';
+interface SymbolInfo {
+    model?: string;
+    entry?: string;
+    data?: any;
+    content?: BuilderContent;
+    inline?: boolean;
+    dynamic?: boolean;
+}
+export interface SymbolProps extends BuilderComponentsProp {
+    symbol?: SymbolInfo;
+    dataOnly?: boolean;
+    dynamic?: boolean;
+    attributes?: any;
+    inheritState?: boolean;
+}
+export {};

package/lib/edge/blocks/symbol/symbol.vue.d.ts

@@ -1,27 +1,4 @@
-import type { BuilderContent } from "../../types/builder-content.js";
-import type { BuilderComponentsProp } from "../../types/builder-props.js";
 import { filterAttrs } from "../helpers.js";
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */
-export interface SymbolInfo {
-    model?: string;
-    entry?: string;
-    data?: any;
-    content?: BuilderContent;
-    inline?: boolean;
-    dynamic?: boolean;
-}
-/**
- * This import is used by the Svelte SDK. Do not remove.
- */
-export interface SymbolProps extends BuilderComponentsProp {
-    symbol?: SymbolInfo;
-    dataOnly?: boolean;
-    dynamic?: boolean;
-    attributes?: any;
-    inheritState?: boolean;
-}
 declare const _default: import("vue").DefineComponent<Readonly<{
     symbol?: any;
     builderContext?: any;

package/lib/edge/blocks/text/text.types.d.ts

@@ -0,0 +1,3 @@
+export type TextProps = {
+    text?: string;
+};

package/lib/edge/blocks/text/text.vue.d.ts

@@ -1,6 +1,3 @@
-export interface TextProps {
-    text?: string;
-}
 declare const _default: import("vue").DefineComponent<Readonly<{
     text?: any;
 }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{

package/lib/edge/blocks/video/video.types.d.ts

@@ -0,0 +1,21 @@
+import type { BuilderBlock } from '../../types/builder-block.js';
+export interface VideoProps {
+    attributes?: any;
+    video?: string;
+    autoPlay?: boolean;
+    controls?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    playsInline?: boolean;
+    aspectRatio?: number;
+    width?: number;
+    height?: number;
+    fit?: 'contain' | 'cover' | 'fill';
+    preload?: 'auto' | 'metadata' | 'none';
+    position?: 'center' | 'top' | 'left' | 'right' | 'bottom' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+    posterImage?: string;
+    lazyLoad?: boolean;
+    children?: any;
+    fitContent?: boolean;
+    builderBlock?: BuilderBlock;
+}

package/lib/edge/blocks/video/video.vue.d.ts

@@ -1,24 +1,3 @@
-import type { BuilderBlock } from "../../types/builder-block.js";
-export interface VideoProps {
-    attributes?: any;
-    video?: string;
-    autoPlay?: boolean;
-    controls?: boolean;
-    muted?: boolean;
-    loop?: boolean;
-    playsInline?: boolean;
-    aspectRatio?: number;
-    width?: number;
-    height?: number;
-    fit?: "contain" | "cover" | "fill";
-    preload?: "auto" | "metadata" | "none";
-    position?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
-    posterImage?: string;
-    lazyLoad?: boolean;
-    children?: any;
-    fitContent?: boolean;
-    builderBlock?: BuilderBlock;
-}
 declare const _default: import("vue").DefineComponent<Readonly<{
     video?: any;
     attributes?: any;

package/lib/edge/component-ref.d38b1b05.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.93931a31.cjs"),a=require("./get-block-actions.998faf5f.cjs");require("./css.85043e1b.cjs");const m=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,s,p,n,l){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.mergeProps({attributes:e.includeBlockProps?{...e.getBlockProperties({block:e.block,context:e.context}),...e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{}},e.wrapperProps),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const u=c._export_sfc(m,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),f=({componentOptions:e,builderBlock:t,context:s,componentRef:p,includeBlockProps:n,isInteractive:l,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return l?{Wrapper:p,block:t,context:s,wrapperProps:e,includeBlockProps:n}:r},b=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:u},props:["isInteractive","componentRef","componentOptions","builderBlock","context","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(u):this.componentRef,getWrapperProps:f}}});function B(e,t,s,p,n,l){const i=o.resolveComponent("block");return e.componentRef?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.Wrapper),o.normalizeProps(o.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.blockChildren,(r,k)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents},null,8,["block","context","registeredComponents"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(b,[["render",B],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=g;

package/lib/{browser/component-ref.10189e21.js → edge/component-ref.dc15b1b3.js}

@@ -1,16 +1,16 @@
-import "./style.css";
-import { defineComponent as f, openBlock as t, createBlock as c, resolveDynamicComponent as v, mergeProps as B, withCtx as P, renderSlot as S, resolveComponent as m, normalizeProps as h, createElementBlock as u, Fragment as k, renderList as d, createCommentVNode as w } from "vue";
-import { _ as g, B as y, a as W, w as R } from "./index.523c82d0.js";
-import { g as I, a as C } from "./get-block-actions.cf32df43.js";
-const E = f({
+import { defineComponent as m, openBlock as r, createBlock as l, resolveDynamicComponent as u, mergeProps as k, withCtx as d, renderSlot as P, resolveComponent as g, normalizeProps as B, createElementBlock as C, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
+import { _ as f, B as S, w as W } from "./index.29ef8c7a.js";
+import { g as R, a as b } from "./get-block-actions.49c48fed.js";
+import "./css.dc615681.js";
+const I = m({
   name: "interactive-element",
   props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],
   data() {
-    return { getBlockActions: I, getBlockProperties: C };
+    return { getBlockActions: R, getBlockProperties: b };
   }
 });
-function A(e, n, s, p, r, l) {
-  return t(), c(v(e.Wrapper), B({
+function E(e, o, p, c, t, s) {
+  return r(), l(u(e.Wrapper), k({
     attributes: e.includeBlockProps ? {
       ...e.getBlockProperties({
         block: e.block,
@@ -25,44 +25,40 @@ function A(e, n, s, p, r, l) {
       })
     } : {}
   }, e.wrapperProps), {
-    default: P(() => [
-      S(e.$slots, "default")
+    default: d(() => [
+      P(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["attributes"]);
 }
-const b = /* @__PURE__ */ g(E, [["render", A], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]), O = ({
+const i = /* @__PURE__ */ f(I, [["render", E], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]), y = ({
   componentOptions: e,
-  builderBlock: n,
-  context: s,
-  componentRef: p,
-  includeBlockProps: r,
-  isInteractive: l,
+  builderBlock: o,
+  context: p,
+  componentRef: c,
+  includeBlockProps: t,
+  isInteractive: s,
   contextValue: a
 }) => {
-  const i = {
+  const n = {
     ...e,
-    ...r ? {
-      attributes: C({
-        block: n,
+    ...t ? {
+      attributes: b({
+        block: o,
         context: a
       })
     } : {}
   };
-  return l ? {
-    Wrapper: p,
-    block: n,
-    context: s,
+  return s ? {
+    Wrapper: c,
+    block: o,
+    context: p,
     wrapperProps: e,
-    includeBlockProps: r
-  } : i;
-}, V = f({
+    includeBlockProps: t
+  } : n;
+}, A = m({
   name: "component-ref",
-  components: {
-    Block: y,
-    BlockStyles: W,
-    InteractiveElement: b
-  },
+  components: { Block: S, InteractiveElement: i },
   props: [
     "isInteractive",
     "componentRef",
@@ -75,14 +71,14 @@ const b = /* @__PURE__ */ g(E, [["render", A], ["__file", "/home/runner/work/bui
   ],
   data() {
     return {
-      Wrapper: this.isInteractive ? R(b) : this.componentRef,
-      getWrapperProps: O
+      Wrapper: this.isInteractive ? W(i) : this.componentRef,
+      getWrapperProps: y
     };
   }
 });
-function z(e, n, s, p, r, l) {
-  const a = m("block"), i = m("block-styles");
-  return e.componentRef ? (t(), c(v(e.Wrapper), h(B(
+function O(e, o, p, c, t, s) {
+  const a = g("block");
+  return e.componentRef ? (r(), l(u(e.Wrapper), B(k(
     { key: 0 },
     e.getWrapperProps({
       componentOptions: e.componentOptions,
@@ -94,23 +90,18 @@ function z(e, n, s, p, r, l) {
       contextValue: e.context
     })
   )), {
-    default: P(() => [
-      (t(!0), u(k, null, d(e.blockChildren, (o, $) => (t(), c(a, {
-        key: "block-" + o.id,
-        block: o,
+    default: d(() => [
+      (r(!0), C($, null, h(e.blockChildren, (n, v) => (r(), l(a, {
+        key: n.id,
+        block: n,
         context: e.context,
         registeredComponents: e.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-      (t(!0), u(k, null, d(e.blockChildren, (o, $) => (t(), c(i, {
-        key: "block-style-" + o.id,
-        block: o,
-        context: e.context
-      }, null, 8, ["block", "context"]))), 128))
+      }, null, 8, ["block", "context", "registeredComponents"]))), 128))
     ]),
     _: 1
   }, 16)) : w("v-if", !0);
 }
-const j = /* @__PURE__ */ g(V, [["render", z], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);
+const L = /* @__PURE__ */ f(A, [["render", O], ["__file", "/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);
 export {
-  j as default
+  L as default
 };

package/lib/edge/components/blocks/blocks.types.d.ts

@@ -0,0 +1,6 @@
+import type { BuilderContextInterface, RegisteredComponents } from '../../context/types.js';
+import type { BlocksWrapperProps } from './blocks-wrapper.vue';
+export type BlocksProps = Partial<Omit<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>> & {
+    context?: BuilderContextInterface;
+    registeredComponents?: RegisteredComponents;
+};

package/lib/edge/components/blocks/blocks.vue.d.ts

@@ -1,9 +1,3 @@
-import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";
-import type { BlocksWrapperProps } from "./blocks-wrapper.vue";
-export type BlocksProps = Partial<Omit<BlocksWrapperProps, "BlocksWrapper" | "BlocksWrapperProps">> & {
-    context?: BuilderContextInterface;
-    registeredComponents?: RegisteredComponents;
-};
 declare const _default: import("vue").DefineComponent<Readonly<{
     path?: any;
     blocks?: any;

package/lib/edge/components/content/components/enable-editor.vue.d.ts

@@ -1,5 +1,7 @@
 import type { BuilderContent } from "../../../types/builder-content.js";
+import type { Dictionary } from "../../../types/typescript.js";
 declare const _default: import("vue").DefineComponent<Readonly<{
+    data?: any;
     content?: any;
     context?: any;
     apiKey?: any;
@@ -14,6 +16,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     contentWrapperProps?: any;
 }>, unknown, {
     forceReRenderCount: number;
+    firstRender: boolean;
     lastUpdated: number;
     shouldSendResetCookie: boolean;
     ContentWrapper: any;
@@ -52,7 +55,14 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     onUpdateHook4(): {
         0: any;
     };
+    onUpdateHook5(): {
+        0: any;
+    };
+    onUpdateHook6(): {
+        0: any;
+    };
 }, {
+    mergeNewRootState(newData: Dictionary<any>): void;
     mergeNewContent(newContent: BuilderContent): void;
     processMessage(event: MessageEvent): void;
     evaluateJsCode(): void;
@@ -68,6 +78,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     elementRef_onInitpreviewingbldr(event: any): void;
     _classStringToObject(str: string): Record<string, boolean>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    data?: any;
     content?: any;
     context?: any;
     apiKey?: any;
@@ -81,6 +92,7 @@ declare const _default: import("vue").DefineComponent<Readonly<{
     showContent?: any;
     contentWrapperProps?: any;
 }>>>, {
+    readonly data?: any;
     readonly content?: any;
     readonly context?: any;
     readonly apiKey?: any;

package/lib/edge/components/content/content.helpers.d.ts

@@ -1,7 +1,7 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { Nullable } from '../../types/typescript.js';
 import type { ContentProps } from './content.types.js';
-export declare const getContextStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
+export declare const getRootStateInitialValue: ({ content, data, locale }: Pick<ContentProps, 'content' | 'data' | 'locale'>) => {
     locale?: string | undefined;
 };
 export declare const getContentInitialValue: ({ content, data }: Pick<ContentProps, 'content' | 'data'>) => Nullable<BuilderContent>;

package/lib/edge/components/content-variants/content-variants.types.d.ts

@@ -3,19 +3,48 @@ import type { ApiVersion } from '../../types/api-version.js';
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { Nullable } from '../../types/typescript.js';
 export interface ContentVariantsPrps {
+    /**
+     * The Builder content JSON to render (required).
+     */
     content?: Nullable<BuilderContent>;
+    /**
+     * The Builder content `model` to render (required).
+     */
     model?: string;
+    /**
+     * Additional data to inject into your Builder content (optional).
+     */
     data?: {
         [key: string]: any;
     };
+    /**
+     *
+     */
     context?: BuilderRenderContext;
+    /**
+     * Your API Key: needed to dynamically fetch symbols (required).
+     */
     apiKey: string;
     apiVersion?: ApiVersion;
+    /**
+     * An array of custom components to register (optional).
+     */
     customComponents?: RegisteredComponent[];
+    /**
+     * A boolean to enable or disable tracking (optional). Defaults to `true`.
+     */
     canTrack?: boolean;
+    /**
+     * If provided, the API will auto-resolve localized objects to the value of this `locale` key (optional).
+     */
     locale?: string;
-    /** @deprecated use `enrich` instead **/
+    /** @deprecated use `enrich` instead */
     includeRefs?: boolean;
+    /**
+     * A boolean to enable or disable enriching API content (optional).
+     *
+     * Enriching will Include multilevel references in the response. Defaults to `false`.
+     */
     enrich?: boolean;
     /**
      * The element that wraps your content. Defaults to `div` ('ScrollView' in React Native).

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.11.2";
+export declare const SDK_VERSION = "0.11.4";

package/lib/edge/css.85043e1b.cjs

@@ -0,0 +1,6 @@
+"use strict";const n=require("./index.93931a31.cjs"),o=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),c=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${o(r)}: ${s};`}).filter(n.checkIsDefined),a=e=>c(e).join(`
+`),i=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
+    ${a(r)}
+  }`;return e?`${e} {
+      ${s}
+    }`:s};exports.convertStyleMapToCSSArray=c;exports.createCssClass=i;

package/lib/edge/css.dc615681.js

@@ -0,0 +1,21 @@
+import { c as o } from "./index.29ef8c7a.js";
+const c = (s) => s.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), n = (s) => Object.entries(s).map(([r, e]) => {
+  if (typeof e == "string")
+    return `${c(r)}: ${e};`;
+}).filter(o), a = (s) => n(s).join(`
+`), i = ({
+  mediaQuery: s,
+  className: t,
+  styles: r
+}) => {
+  const e = `.${t} {
+    ${a(r)}
+  }`;
+  return s ? `${s} {
+      ${e}
+    }` : e;
+};
+export {
+  n as a,
+  i as c
+};

package/lib/edge/functions/get-content/index.d.ts

@@ -1,7 +1,7 @@
 import type { BuilderContent } from '../../types/builder-content.js';
 import type { GetContentOptions } from './types.js';
 /**
- * Returns a the first entry that matches the given options.
+ * Returns the first content entry that matches the given options.
  */
 export declare function fetchOneEntry(options: GetContentOptions): Promise<BuilderContent | null>;
 /**

package/lib/edge/functions/get-content/types.d.ts

@@ -1,7 +1,7 @@
 export interface GetContentOptions {
-    /** The model to get content for */
+    /** The model to get content for (required) */
     model: string;
-    /** Your public API key */
+    /** Your public API key (required) */
     apiKey: string;
     /** Number of items to fetch. Default is 1 */
     limit?: number;

package/lib/{browser/get-block-actions.cf32df43.js → edge/get-block-actions.49c48fed.js}

@@ -1,5 +1,5 @@
-import "./style.css";
-import { T as n, c as i, e as l } from "./index.523c82d0.js";
+import { T as n, e as i } from "./index.29ef8c7a.js";
+import { a as l } from "./css.dc615681.js";
 function u(e) {
   const t = {};
   if (typeof e != "string")
@@ -40,7 +40,7 @@ function S(e) {
     case "svelte":
     case "vue":
     case "solid":
-      return i(e).join(" ");
+      return l(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -48,7 +48,7 @@ function S(e) {
       return e;
   }
 }
-const p = (e) => `v-on:${e.toLowerCase()}`, d = (e, t) => (r) => l({
+const p = (e) => `v-on:${e.toLowerCase()}`, d = (e, t) => (r) => i({
   code: e,
   context: t.context,
   localState: t.localState,

package/lib/edge/get-block-actions.998faf5f.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("./index.93931a31.cjs"),i=require("./css.85043e1b.cjs");function l(e){const t={};if(typeof e!="string")return t;const r=e.trim().split(/\\s+/);for(const s of r)t[s]=!0;return t}function u({properties:e}){return e.class=l(e.class),e}const f=e=>({href:e.href});function v({block:e,context:t}){var s;const r={...f(e),...e.properties,"builder-id":e.id,style:e.style?d(e.style):void 0,class:[e.id,"builder-block",e.class,(s=e.properties)==null?void 0:s.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}function d(e){switch(o.TARGET){case"svelte":case"vue":case"solid":return i.convertStyleMapToCSSArray(e).join(" ");case"qwik":case"reactNative":case"react":case"rsc":return e}}const S=e=>`v-on:${e.toLowerCase()}`,p=(e,t)=>r=>o.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function g(e){var s;const t={},r=(s=e.block.actions)!=null?s:{};for(const n in r){if(!r.hasOwnProperty(n))continue;const a=r[n];let c=S(n);if(e.stripPrefix)switch(o.TARGET){case"vue":c=c.replace("v-on:","");break;case"svelte":c=c.replace("on:","");break}t[c]=p(a,e)}return t}exports.getBlockActions=g;exports.getBlockProperties=v;