@builder.io/sdk-vue 0.12.6 → 0.12.7
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.
- package/lib/browser/{block-styles.2f299508.js → block-styles.ac6656ce.js} +1 -1
- package/lib/browser/{block-styles.6aaf564a.cjs → block-styles.f11c5ffe.cjs} +1 -1
- package/lib/browser/{block-wrapper.0221145e.cjs → block-wrapper.6d69d80f.cjs} +1 -1
- package/lib/browser/{block-wrapper.90830b0b.js → block-wrapper.ad0103e8.js} +3 -3
- package/lib/browser/{component-ref.b2555637.cjs → component-ref.dcfd64fd.cjs} +1 -1
- package/lib/browser/{component-ref.e118188b.js → component-ref.e7f5419f.js} +2 -2
- package/lib/browser/components/block/animator.d.ts +5 -0
- package/lib/browser/constants/sdk-version.d.ts +1 -1
- package/lib/browser/{get-block-properties.4461e82b.cjs → get-block-properties.36d49987.cjs} +1 -1
- package/lib/browser/{get-block-properties.ca78d237.js → get-block-properties.ed7e1592.js} +1 -1
- package/lib/browser/index.5c75e9ce.cjs +165 -0
- package/lib/browser/{index.70b9bffc.js → index.9fcd8cf7.js} +823 -688
- package/lib/browser/index.cjs +1 -1
- package/lib/browser/index.js +1 -1
- package/lib/browser/{repeated-block.cda6cd73.cjs → repeated-block.281d449f.cjs} +1 -1
- package/lib/browser/{repeated-block.b1ae5c0d.js → repeated-block.4e2f22cc.js} +2 -2
- package/lib/browser/types/builder-block.d.ts +18 -1
- package/lib/edge/{block-styles.e2e8092d.cjs → block-styles.601b26cb.cjs} +1 -1
- package/lib/edge/{block-styles.d58d7b74.js → block-styles.bafed14d.js} +1 -1
- package/lib/edge/{block-wrapper.299629dd.js → block-wrapper.66bb2c57.js} +3 -3
- package/lib/edge/{block-wrapper.8d418b5a.cjs → block-wrapper.799a2e02.cjs} +1 -1
- package/lib/edge/{component-ref.7e7732dc.cjs → component-ref.541b3d51.cjs} +1 -1
- package/lib/edge/{component-ref.6331b010.js → component-ref.78a1379d.js} +2 -2
- package/lib/edge/components/block/animator.d.ts +5 -0
- package/lib/edge/constants/sdk-version.d.ts +1 -1
- package/lib/{node/get-block-properties.f160f4a3.cjs → edge/get-block-properties.b1bc93ca.cjs} +1 -1
- package/lib/edge/{get-block-properties.35baa57f.js → get-block-properties.c85014fd.js} +1 -1
- package/lib/edge/{index.008ba030.js → index.86c101e6.js} +1356 -1221
- package/lib/edge/index.cjs +1 -1
- package/lib/edge/{index.898c6989.cjs → index.df2b3d03.cjs} +30 -30
- package/lib/edge/index.js +1 -1
- package/lib/edge/{repeated-block.03eeebae.cjs → repeated-block.86b489a0.cjs} +1 -1
- package/lib/edge/{repeated-block.ffaf5faf.js → repeated-block.b8b6a27d.js} +2 -2
- package/lib/edge/types/builder-block.d.ts +18 -1
- package/lib/node/{block-styles.0b8dee45.js → block-styles.effd674a.js} +1 -1
- package/lib/node/{block-styles.dd671397.cjs → block-styles.fea2564c.cjs} +1 -1
- package/lib/node/{block-wrapper.c7d3478b.js → block-wrapper.80b8925e.js} +3 -3
- package/lib/node/{block-wrapper.7e9d2e81.cjs → block-wrapper.a1458c25.cjs} +1 -1
- package/lib/node/{component-ref.d446bf3c.js → component-ref.aec34fe0.js} +2 -2
- package/lib/node/{component-ref.b4ff04a2.cjs → component-ref.e6bc0eb4.cjs} +1 -1
- package/lib/node/components/block/animator.d.ts +5 -0
- package/lib/node/constants/sdk-version.d.ts +1 -1
- package/lib/node/{get-block-properties.9941552d.js → get-block-properties.363f9151.js} +1 -1
- package/lib/{edge/get-block-properties.7cb55a14.cjs → node/get-block-properties.3b20c5e6.cjs} +1 -1
- package/lib/node/{index.1bf3ab50.js → index.8723c72d.js} +175 -40
- package/lib/node/{index.981f0f4d.cjs → index.89bf7bc3.cjs} +5 -5
- package/lib/node/index.cjs +1 -1
- package/lib/node/index.js +1 -1
- package/lib/node/{repeated-block.ef466bfa.cjs → repeated-block.54e347dd.cjs} +1 -1
- package/lib/node/{repeated-block.6fd6b909.js → repeated-block.d6e97a4f.js} +2 -2
- package/lib/node/types/builder-block.d.ts +18 -1
- package/package.json +1 -1
- package/lib/browser/index.21de2b72.cjs +0 -165
package/lib/browser/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var t=require("./style.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.
|
|
1
|
+
var t=require("./style.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.5c75e9ce.cjs");require("vue");exports.Blocks=e.Blocks;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.Content;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._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;
|
package/lib/browser/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
|
-
import { j as n, l as r, m as o, C as i, F as g, n as c, R as l, k as m, S as C, o as d, p, V as u, v as B, s as E, G as R, x as S, y as f, z as h, D as k, A as x, q as y, r as P, t as v, u as A, E as F } from "./index.
|
|
2
|
+
import { j as n, l as r, m as o, C as i, F as g, n as c, R as l, k as m, S as C, o as d, p, V as u, v as B, s as E, G as R, x as S, y as f, z as h, D as k, A as x, q as y, r as P, t as v, u as A, E as F } from "./index.9fcd8cf7.js";
|
|
3
3
|
import "vue";
|
|
4
4
|
export {
|
|
5
5
|
n as Blocks,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.
|
|
1
|
+
var u=require("./style.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.5c75e9ce.cjs"),r=()=>Promise.resolve().then(()=>require("./index.5c75e9ce.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,d,k,m){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/repeated-block.vue"]]);exports.default=l;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
2
|
import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
|
|
3
|
-
import { i as s, _ as l } from "./index.
|
|
4
|
-
const i = () => import("./index.
|
|
3
|
+
import { i as s, _ as l } from "./index.9fcd8cf7.js";
|
|
4
|
+
const i = () => import("./index.9fcd8cf7.js").then((e) => e.J).then((e) => e.default).catch((e) => {
|
|
5
5
|
throw console.error(
|
|
6
6
|
"Error while attempting to dynamically import component Block at ../block.vue",
|
|
7
7
|
e
|
|
@@ -4,6 +4,23 @@ interface JSONObject {
|
|
|
4
4
|
}
|
|
5
5
|
interface JSONArray extends Array<JSONValue> {
|
|
6
6
|
}
|
|
7
|
+
export interface AnimationStep {
|
|
8
|
+
styles: {
|
|
9
|
+
[key: string]: string;
|
|
10
|
+
};
|
|
11
|
+
delay?: number;
|
|
12
|
+
}
|
|
13
|
+
export interface BuilderAnimation {
|
|
14
|
+
elementId: string;
|
|
15
|
+
trigger: string;
|
|
16
|
+
steps: AnimationStep[];
|
|
17
|
+
duration: number;
|
|
18
|
+
delay?: number;
|
|
19
|
+
easing?: string;
|
|
20
|
+
id?: string;
|
|
21
|
+
repeat?: boolean;
|
|
22
|
+
thresholdPercent?: number;
|
|
23
|
+
}
|
|
7
24
|
/** @todo typedoc this */
|
|
8
25
|
export interface BuilderBlock {
|
|
9
26
|
'@type': '@builder.io/sdk:Element';
|
|
@@ -52,7 +69,7 @@ export interface BuilderBlock {
|
|
|
52
69
|
collection: string;
|
|
53
70
|
itemName?: string;
|
|
54
71
|
} | null;
|
|
55
|
-
animations?:
|
|
72
|
+
animations?: BuilderAnimation[];
|
|
56
73
|
style?: Partial<CSSStyleDeclaration>;
|
|
57
74
|
href?: string;
|
|
58
75
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),e=require("./index.df2b3d03.cjs"),h=o.defineComponent({name:"block-styles",components:{InlinedStyles:e.InlinedStyles},props:["block","context"],data(){return{TARGET:e.TARGET}},computed:{canShowBlock(){const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0});return e.checkIsDefined(t.hide)?!t.hide:e.checkIsDefined(t.show)?t.show:!0},css(){var d;const t=e.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0}),s=t.responsiveStyles,n=this.context.content,r=e.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),a=s==null?void 0:s.large,i=s==null?void 0:s.medium,c=s==null?void 0:s.small,l=t.id;if(!l)return"";const u=a?e.createCssClass({className:l,styles:a}):"",S=i?e.createCssClass({className:l,styles:i,mediaQuery:e.getMaxWidthQueryForSize("medium",r)}):"",m=c?e.createCssClass({className:l,styles:c,mediaQuery:e.getMaxWidthQueryForSize("small",r)}):"";return[u,S,m].join(" ")}}});function k(t,s,n,r,a,i){const c=o.resolveComponent("inlined-styles");return t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(o.openBlock(),o.createBlock(c,{key:0,styles:t.css},null,8,["styles"])):o.createCommentVNode("v-if",!0)}const p=e._export_sfc(h,[["render",k],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-styles.vue"]]);exports.default=p;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as k, resolveComponent as y, openBlock as f, createBlock as x, createCommentVNode as b } from "vue";
|
|
2
|
-
import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.
|
|
2
|
+
import { I as B, T as g, g as d, c as u, a as _, b as r, d as m, _ as v } from "./index.86c101e6.js";
|
|
3
3
|
const C = k({
|
|
4
4
|
name: "block-styles",
|
|
5
5
|
components: { InlinedStyles: B },
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as p, renderSlot as i } from "vue";
|
|
2
|
-
import { g as s, a as l } from "./get-block-properties.
|
|
3
|
-
import { _ as m } from "./index.
|
|
4
|
-
const d = () => import("./index.
|
|
2
|
+
import { g as s, a as l } from "./get-block-properties.c85014fd.js";
|
|
3
|
+
import { _ as m } from "./index.86c101e6.js";
|
|
4
|
+
const d = () => import("./index.86c101e6.js").then((e) => e.H).then((e) => e.default).catch((e) => {
|
|
5
5
|
throw console.error(
|
|
6
6
|
"Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
|
|
7
7
|
e
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.b1bc93ca.cjs"),n=require("./index.df2b3d03.cjs"),c=()=>Promise.resolve().then(()=>require("./index.df2b3d03.cjs")).then(e=>e.dynamicRenderer).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",e),e}),a=t.defineComponent({name:"block-wrapper",components:{DynamicRenderer:t.defineAsyncComponent(c)},props:["Wrapper","block","context"],data(){return{getBlockActions:o.getBlockActions,getBlockProperties:o.getBlockProperties}}});function i(e,l,p,d,u,m){const r=t.resolveComponent("dynamic-renderer");return t.openBlock(),t.createBlock(r,{TagName:e.Wrapper,attributes:e.getBlockProperties({block:e.block,context:e.context}),actionAttributes:e.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["TagName","attributes","actionAttributes"])}const s=n._export_sfc(a,[["render",i],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/block-wrapper.vue"]]);exports.default=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.df2b3d03.cjs"),a=require("./get-block-properties.b1bc93ca.cjs"),u=o.defineComponent({name:"interactive-element",props:["wrapperProps","includeBlockProps","block","context","Wrapper"],data(){return{getBlockActions:a.getBlockActions,getBlockProperties:a.getBlockProperties}}});function d(e,t,p,s,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 k=c._export_sfc(u,[["render",d],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/interactive-element.vue"]]),b=({componentOptions:e,builderBlock:t,context:p,componentRef:s,includeBlockProps:n,isInteractive:l,contextValue:i})=>{const r={...e,...n?{attributes:a.getBlockProperties({block:t,context:i})}:{}};return l?{Wrapper:s,block:t,context:p,wrapperProps:e,includeBlockProps:n}:r},f=o.defineComponent({name:"component-ref",components:{Block:c.Block,InteractiveElement:k},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(k):this.componentRef,getWrapperProps:b}}});function B(e,t,p,s,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,linkComponent:e.linkComponent,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,m)=>(o.openBlock(),o.createBlock(i,{key:r.id,block:r,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"]))),128))]),_:1},16)):o.createCommentVNode("v-if",!0)}const g=c._export_sfc(f,[["render",B],["__file","/home/runner/work/builder/builder/packages/sdks/output/vue/src/components/block/components/component-ref/component-ref.vue"]]);exports.default=g;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as m, openBlock as r, createBlock as i, resolveDynamicComponent as k, mergeProps as u, withCtx as d, renderSlot as v, resolveComponent as P, normalizeProps as g, createElementBlock as B, Fragment as $, renderList as h, createCommentVNode as w } from "vue";
|
|
2
|
-
import { _ as f, B as S, w as W } from "./index.
|
|
3
|
-
import { g as R, a as b } from "./get-block-properties.
|
|
2
|
+
import { _ as f, B as S, w as W } from "./index.86c101e6.js";
|
|
3
|
+
import { g as R, a as b } from "./get-block-properties.c85014fd.js";
|
|
4
4
|
const I = m({
|
|
5
5
|
name: "interactive-element",
|
|
6
6
|
props: ["wrapperProps", "includeBlockProps", "block", "context", "Wrapper"],
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { BuilderAnimation } from '../../types/builder-block.js';
|
|
2
|
+
export declare function bindAnimations(animations: BuilderAnimation[]): void;
|
|
3
|
+
export declare function triggerAnimation(animation: BuilderAnimation): void;
|
|
4
|
+
export declare function bindHoverAnimation(animation: BuilderAnimation): void;
|
|
5
|
+
export declare function bindScrollInViewAnimation(animation: BuilderAnimation): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const SDK_VERSION = "0.12.
|
|
1
|
+
export declare const SDK_VERSION = "0.12.7";
|
package/lib/{node/get-block-properties.f160f4a3.cjs → edge/get-block-properties.b1bc93ca.cjs}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const s=require("./index.
|
|
1
|
+
"use strict";const s=require("./index.df2b3d03.cjs"),i=e=>`v-on:${e.toLowerCase()}`,l=(e,t)=>r=>s.evaluate({code:e,context:t.context,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,event:r,isExpression:!1});function u(e){var o;const t={},r=(o=e.block.actions)!=null?o:{};for(const a in r){if(!r.hasOwnProperty(a))continue;const c=r[a];let n=i(a);if(e.stripPrefix)switch(s.TARGET){case"vue":n=n.replace("v-on:","");break;case"svelte":n=n.replace("on:","");break}t[n]=l(c,e)}return t}function d({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:s.getStyle({block:e,context:t}),[s.getClassPropName()]:[e.id,"builder-block",e.class,(o=e.properties)==null?void 0:o.class].filter(Boolean).join(" ")};return d({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=p;
|