@builder.io/sdk-vue 2.0.3 → 2.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/lib/browser/{block-styles-mooo-nyz.js → block-styles-UWiLqSPk.js} +1 -1
  2. package/lib/browser/{block-styles-GNMuV-dL.cjs → block-styles-mtiWQW_J.cjs} +1 -1
  3. package/lib/browser/{block-wrapper-3cYhLXDa.js → block-wrapper-H_K5XgNp.js} +3 -3
  4. package/lib/browser/{block-wrapper-3lUpHc_o.cjs → block-wrapper-vI9rE_qz.cjs} +1 -1
  5. package/lib/browser/blocks/image/image.types.d.ts +2 -0
  6. package/lib/browser/blocks/symbol/symbol.types.d.ts +1 -0
  7. package/lib/browser/blocks/text/text.vue.d.ts +6 -1
  8. package/lib/browser/{component-ref-A7Jq3Gj-.js → component-ref-ULmI7Z-4.js} +2 -2
  9. package/lib/browser/{component-ref-VU3zC7u4.cjs → component-ref-k4s0KRD5.cjs} +1 -1
  10. package/lib/browser/components/content-variants/content-variants.types.d.ts +2 -1
  11. package/lib/browser/components/content-variants/extra-framework-props-types.d.ts +2 -0
  12. package/lib/browser/constants/sdk-version.d.ts +1 -1
  13. package/lib/browser/context/extra-context-types.d.ts +6 -0
  14. package/lib/browser/context/types.d.ts +2 -1
  15. package/lib/browser/{get-block-properties-zWa4TdEe.js → get-block-properties-IjhCV9z_.js} +1 -1
  16. package/lib/browser/{get-block-properties-Eyms9W8F.cjs → get-block-properties-JqBN5X7_.cjs} +1 -1
  17. package/lib/browser/index-TIoYRvmr.cjs +166 -0
  18. package/lib/browser/{index-ToBML8l-.js → index-wQ1FWMHJ.js} +97 -73
  19. package/lib/browser/index.cjs +1 -1
  20. package/lib/browser/index.mjs +1 -1
  21. package/lib/browser/{repeated-block-AKO0QANq.js → repeated-block-Aa1yIQkp.js} +2 -2
  22. package/lib/browser/{repeated-block-EF0Lb_nG.cjs → repeated-block-UKWYkgKG.cjs} +1 -1
  23. package/lib/browser/style.css +1 -1
  24. package/lib/edge/{block-styles-dvlkOfyP.cjs → block-styles-4MJqQlwZ.cjs} +1 -1
  25. package/lib/{node/block-styles-AzjY9HjK.js → edge/block-styles-P44kj2Ws.js} +1 -1
  26. package/lib/edge/{block-wrapper-I5fwbjlI.js → block-wrapper-M3goYBkP.js} +3 -3
  27. package/lib/{node/block-wrapper-fKNvisIf.cjs → edge/block-wrapper-P5w2jQ_u.cjs} +1 -1
  28. package/lib/edge/blocks/image/image.types.d.ts +2 -0
  29. package/lib/edge/blocks/symbol/symbol.types.d.ts +1 -0
  30. package/lib/edge/blocks/text/text.vue.d.ts +6 -1
  31. package/lib/{node/component-ref-xMPuQvi5.cjs → edge/component-ref-EPsyn_2c.cjs} +1 -1
  32. package/lib/{node/component-ref-Vf2FhwSC.js → edge/component-ref-ZtKc8UMX.js} +2 -2
  33. package/lib/edge/components/content-variants/content-variants.types.d.ts +2 -1
  34. package/lib/edge/components/content-variants/extra-framework-props-types.d.ts +2 -0
  35. package/lib/edge/constants/sdk-version.d.ts +1 -1
  36. package/lib/edge/context/extra-context-types.d.ts +6 -0
  37. package/lib/edge/context/types.d.ts +2 -1
  38. package/lib/edge/{get-block-properties-Kv6zU6Qq.cjs → get-block-properties-N40WxPwN.cjs} +1 -1
  39. package/lib/edge/{get-block-properties-gUzPvYeh.js → get-block-properties-zzQ9xBK7.js} +1 -1
  40. package/lib/edge/{index-bWkTiFYf.cjs → index-hw9mu6mD.cjs} +13 -13
  41. package/lib/edge/{index-R7KJFxff.js → index-yARC0VI1.js} +191 -167
  42. package/lib/edge/index.cjs +1 -1
  43. package/lib/edge/index.mjs +1 -1
  44. package/lib/edge/{repeated-block-kklYPBl5.js → repeated-block-IdOOvFG5.js} +2 -2
  45. package/lib/edge/{repeated-block-ixPgqHgZ.cjs → repeated-block-q6gyu9cH.cjs} +1 -1
  46. package/lib/edge/style.css +1 -1
  47. package/lib/node/{block-styles-zxsWOqgo.cjs → block-styles-HZaZpVMf.cjs} +1 -1
  48. package/lib/{edge/block-styles-uNDwUd0D.js → node/block-styles-brJAybxf.js} +1 -1
  49. package/lib/node/{block-wrapper-cHo1DCUj.js → block-wrapper-4h3CaVrk.js} +3 -3
  50. package/lib/{edge/block-wrapper-BGvBDPqY.cjs → node/block-wrapper-QqrLFWp0.cjs} +1 -1
  51. package/lib/node/blocks/image/image.types.d.ts +2 -0
  52. package/lib/node/blocks/symbol/symbol.types.d.ts +1 -0
  53. package/lib/node/blocks/text/text.vue.d.ts +6 -1
  54. package/lib/{edge/component-ref-xFqV17uV.cjs → node/component-ref-NW-UB2pJ.cjs} +1 -1
  55. package/lib/{edge/component-ref-eBvirZir.js → node/component-ref-hI62zIZA.js} +2 -2
  56. package/lib/node/components/content-variants/content-variants.types.d.ts +2 -1
  57. package/lib/node/components/content-variants/extra-framework-props-types.d.ts +2 -0
  58. package/lib/node/constants/sdk-version.d.ts +1 -1
  59. package/lib/node/context/extra-context-types.d.ts +6 -0
  60. package/lib/node/context/types.d.ts +2 -1
  61. package/lib/node/{get-block-properties-dCFsQQmt.cjs → get-block-properties-W3cxXL5S.cjs} +1 -1
  62. package/lib/node/{get-block-properties-l5K2eFkb.js → get-block-properties-ctA1IgxF.js} +1 -1
  63. package/lib/node/index-HPinODNY.cjs +213 -0
  64. package/lib/node/{index-bsHToMxW.js → index-xdY2kzl8.js} +39 -15
  65. package/lib/node/index.cjs +1 -1
  66. package/lib/node/index.mjs +1 -1
  67. package/lib/node/{repeated-block-DcYWHCj0.cjs → repeated-block-T2ld1sa9.cjs} +1 -1
  68. package/lib/node/{repeated-block-7np7Gpgm.js → repeated-block-ndxvinZD.js} +2 -2
  69. package/lib/node/style.css +1 -1
  70. package/package.json +1 -1
  71. package/lib/browser/index-hqlNfni4.cjs +0 -166
  72. package/lib/node/index-xYSllAJG.cjs +0 -213
@@ -1,5 +1,6 @@
1
1
  import type { BuilderBlock } from '../../types/builder-block';
2
2
  export interface ImageProps {
3
+ attributes?: string;
3
4
  highPriority?: boolean;
4
5
  className?: string;
5
6
  image: string;
@@ -12,6 +13,7 @@ export interface ImageProps {
12
13
  backgroundPosition?: string;
13
14
  srcset?: string;
14
15
  aspectRatio?: number;
16
+ lockAspectRatio?: boolean;
15
17
  children?: any;
16
18
  fitContent?: boolean;
17
19
  builderBlock?: BuilderBlock;
@@ -14,5 +14,6 @@ export interface SymbolProps extends BuilderComponentsProp, BuilderDataProps, Bu
14
14
  dynamic?: boolean;
15
15
  attributes?: any;
16
16
  inheritState?: boolean;
17
+ renderToLiquid?: boolean;
17
18
  }
18
19
  export {};
@@ -1,8 +1,13 @@
1
1
  declare const _default: import("vue").DefineComponent<Readonly<{
2
2
  text?: any;
3
- }>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
3
+ builderContext?: any;
4
+ }>, unknown, unknown, {
5
+ processedText(): string;
6
+ }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
4
7
  text?: any;
8
+ builderContext?: any;
5
9
  }>>>, {
6
10
  readonly text?: any;
11
+ readonly builderContext?: any;
7
12
  }, {}>;
8
13
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-xYSllAJG.cjs"),a=require("./get-block-properties-dCFsQQmt.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function b(e,o,p,s,n,i){const l=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("./index-hw9mu6mD.cjs"),a=require("./get-block-properties-N40WxPwN.cjs"),u=t.defineComponent({name:"interactive-element",props:["includeBlockProps","block","context","wrapperProps","Wrapper"],computed:{attributes(){return this.includeBlockProps?{...a.getBlockProperties({block:this.block,context:this.context}),...a.getBlockActions({block:this.block,rootState:this.context.rootState,rootSetState:this.context.rootSetState,localState:this.context.localState,context:this.context.context})}:{}}}});function d(e,o,p,s,n,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.mergeProps({attributes:e.attributes},e.wrapperProps),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["attributes"])}const m=c._export_sfc(u,[["render",d]]),f=({componentOptions:e,builderBlock:o,context:p,componentRef:s,includeBlockProps:n,isInteractive:i,contextValue:l})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:o,context:l})}:{}};return i?{Wrapper:s,block:o,context:p,wrapperProps:e,includeBlockProps:n}:r},B=t.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):this.componentRef,getWrapperProps:f}}});function b(e,o,p,s,n,i){const l=t.resolveComponent("Block");return e.componentRef?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.Wrapper),t.normalizeProps(t.mergeProps({key:0},e.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}))),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.blockChildren,(r,k)=>(t.openBlock(),t.createBlock(l,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):t.createCommentVNode("",!0)}const C=c._export_sfc(B,[["render",b]]);exports.default=C;
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as m, openBlock as r, createBlock as a, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as h, resolveComponent as B, normalizeProps as P, createElementBlock as g, Fragment as $, renderList as v, createCommentVNode as S } from "vue";
2
- import { f, B as W, w } from "./index-bsHToMxW.js";
3
- import { a as b, g as R } from "./get-block-properties-l5K2eFkb.js";
2
+ import { f, B as W, w } from "./index-yARC0VI1.js";
3
+ import { a as b, g as R } from "./get-block-properties-zzQ9xBK7.js";
4
4
  const x = m({
5
5
  name: "interactive-element",
6
6
  props: ["includeBlockProps", "block", "context", "wrapperProps", "Wrapper"],
@@ -2,7 +2,8 @@ import type { BuilderRenderContext, RegisteredComponent } from '../../context/ty
2
2
  import type { ApiVersion } from '../../types/api-version';
3
3
  import type { BuilderContent } from '../../types/builder-content';
4
4
  import type { Nullable } from '../../types/typescript';
5
- export interface ContentVariantsPrps {
5
+ import type { ExtraFrameworkProps } from './extra-framework-props-types';
6
+ export interface ContentVariantsPrps extends ExtraFrameworkProps {
6
7
  /**
7
8
  * The Builder content JSON to render (required).
8
9
  */
@@ -0,0 +1,2 @@
1
+ export interface ExtraFrameworkProps {
2
+ }
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "2.0.3";
1
+ export declare const SDK_VERSION = "2.0.8";
@@ -0,0 +1,6 @@
1
+ /**
2
+ * no-op type for extra context types on a per-SDK basis
3
+ * See `overrides/react-native/src/context/extra-context-types.ts` for an example
4
+ * */
5
+ export interface ExtraContextTypes {
6
+ }
@@ -3,13 +3,14 @@ import type { ApiVersion } from '../types/api-version';
3
3
  import type { BuilderContent } from '../types/builder-content';
4
4
  import type { ComponentInfo } from '../types/components';
5
5
  import type { Dictionary, Nullable } from '../types/typescript';
6
+ import type { ExtraContextTypes } from './extra-context-types';
6
7
  export type RegisteredComponent = ComponentInfo & {
7
8
  component: any;
8
9
  };
9
10
  export type RegisteredComponents = Dictionary<RegisteredComponent>;
10
11
  export type BuilderRenderState = Record<string, unknown>;
11
12
  export type BuilderRenderContext = Record<string, unknown>;
12
- export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'> {
13
+ export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'BlocksWrapper' | 'BlocksWrapperProps'>, ExtraContextTypes {
13
14
  content: Nullable<BuilderContent>;
14
15
  context: BuilderRenderContext;
15
16
  /**
@@ -1 +1 @@
1
- "use strict";const a=require("./index-bWkTiFYf.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;
1
+ "use strict";const a=require("./index-hw9mu6mD.cjs"),c=e=>`v-on:${e.toLowerCase()}`,i=(e,t)=>r=>a.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1,enableCache:!0});function l(e){const t={},r=e.block.actions??{};for(const o in r){if(!r.hasOwnProperty(o))continue;const s=r[o];let n=c(o);if(e.stripPrefix)switch(a.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=i(s,e)}return t}function u({properties:e}){return e}const f=e=>({href:e.href});function p({block:e,context:t}){var o;const r={...f(e),...e.properties,"builder-id":e.id,style:a.getStyle({block:e,context:t}),[a.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return u({properties:r,context:t,block:e})}exports.getBlockActions=l;exports.getBlockProperties=p;
@@ -1,4 +1,4 @@
1
- import { h as s, T as c, i, j as l } from "./index-R7KJFxff.js";
1
+ import { h as s, T as c, i, j as l } from "./index-yARC0VI1.js";
2
2
  const u = (e) => `v-on:${e.toLowerCase()}`, f = (e, t) => (r) => s({
3
3
  code: e,
4
4
  context: t.context,