@builder.io/sdk-vue 0.12.6 → 0.12.7

package/lib/edge/index.js

@@ -1,4 +1,4 @@
-import { j as a, l as n, m as r, C as o, F as i, n as g, R as c, k as l, S as m, o as C, p as d, V as p, v as u, s as B, G as E, x as R, y as S, z as f, D as h, A as k, q as x, r as y, t as P, u as v, E as A } from "./index.008ba030.js";
+import { j as a, l as n, m as r, C as o, F as i, n as g, R as c, k as l, S as m, o as C, p as d, V as p, v as u, s as B, G as E, x as R, y as S, z as f, D as h, A as k, q as x, r as y, t as P, u as v, E as A } from "./index.86c101e6.js";
 import "vue";
 export {
   a as Blocks,

package/lib/edge/{repeated-block.03eeebae.cjs → repeated-block.86b489a0.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.898c6989.cjs"),r=()=>Promise.resolve().then(()=>require("./index.898c6989.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{[n.BuilderContext.key]:e.store}}});function s(e,i,p,d,k,u){const t=o.resolveComponent("block");return o.openBlock(),o.createBlock(t,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=n._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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("./index.df2b3d03.cjs"),r=()=>Promise.resolve().then(()=>require("./index.df2b3d03.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{[n.BuilderContext.key]:e.store}}});function s(e,i,p,d,k,u){const t=o.resolveComponent("block");return o.openBlock(),o.createBlock(t,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=n._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;

package/lib/edge/{repeated-block.ffaf5faf.js → repeated-block.b8b6a27d.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as s } from "vue";
-import { i as p, _ as l } from "./index.008ba030.js";
-const i = () => import("./index.008ba030.js").then((e) => e.J).then((e) => e.default).catch((e) => {
+import { i as p, _ as l } from "./index.86c101e6.js";
+const i = () => import("./index.86c101e6.js").then((e) => e.J).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     e

package/lib/edge/types/builder-block.d.ts

@@ -4,6 +4,23 @@ interface JSONObject {
 }
 interface JSONArray extends Array<JSONValue> {
 }
+export interface AnimationStep {
+    styles: {
+        [key: string]: string;
+    };
+    delay?: number;
+}
+export interface BuilderAnimation {
+    elementId: string;
+    trigger: string;
+    steps: AnimationStep[];
+    duration: number;
+    delay?: number;
+    easing?: string;
+    id?: string;
+    repeat?: boolean;
+    thresholdPercent?: number;
+}
 /** @todo typedoc this */
 export interface BuilderBlock {
     '@type': '@builder.io/sdk:Element';
@@ -52,7 +69,7 @@ export interface BuilderBlock {
         collection: string;
         itemName?: string;
     } | null;
-    animations?: any[];
+    animations?: BuilderAnimation[];
     style?: Partial<CSSStyleDeclaration>;
     href?: string;
     /**

package/lib/node/{block-styles.0b8dee45.js → block-styles.effd674a.js}

@@ -1,5 +1,5 @@
 import { defineComponent as k, resolveComponent as y, openBlock as f, createBlock as x, createCommentVNode as b } from "vue";
-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.1bf3ab50.js";
+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.8723c72d.js";
 import "node:module";
 const C = k({
   name: "block-styles",

package/lib/node/{block-styles.dd671397.cjs → block-styles.fea2564c.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),e=require("./index.981f0f4d.cjs");require("node:module");const h=s.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}),o=t.responsiveStyles,n=this.context.content,r=e.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),a=o==null?void 0:o.large,i=o==null?void 0:o.medium,c=o==null?void 0:o.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,o,n,r,a,i){const c=s.resolveComponent("inlined-styles");return t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(s.openBlock(),s.createBlock(c,{key:0,styles:t.css},null,8,["styles"])):s.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),e=require("./index.89bf7bc3.cjs");require("node:module");const h=s.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}),o=t.responsiveStyles,n=this.context.content,r=e.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),a=o==null?void 0:o.large,i=o==null?void 0:o.medium,c=o==null?void 0:o.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,o,n,r,a,i){const c=s.resolveComponent("inlined-styles");return t.TARGET!=="reactNative"&&t.css&&t.canShowBlock?(s.openBlock(),s.createBlock(c,{key:0,styles:t.css},null,8,["styles"])):s.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;

package/lib/node/{block-wrapper.c7d3478b.js → block-wrapper.80b8925e.js}

@@ -1,8 +1,8 @@
 import { defineComponent as o, defineAsyncComponent as r, resolveComponent as n, openBlock as a, createBlock as c, withCtx as p, renderSlot as i } from "vue";
-import { g as s, a as l } from "./get-block-properties.9941552d.js";
-import { _ as m } from "./index.1bf3ab50.js";
+import { g as s, a as l } from "./get-block-properties.363f9151.js";
+import { _ as m } from "./index.8723c72d.js";
 import "node:module";
-const d = () => import("./index.1bf3ab50.js").then((e) => e.H).then((e) => e.default).catch((e) => {
+const d = () => import("./index.8723c72d.js").then((e) => e.H).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicRenderer at ../../dynamic-renderer/dynamic-renderer.vue",
     e

package/lib/node/{block-wrapper.7e9d2e81.cjs → block-wrapper.a1458c25.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.f160f4a3.cjs"),n=require("./index.981f0f4d.cjs");require("node:module");const c=()=>Promise.resolve().then(()=>require("./index.981f0f4d.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("./get-block-properties.3b20c5e6.cjs"),n=require("./index.89bf7bc3.cjs");require("node:module");const c=()=>Promise.resolve().then(()=>require("./index.89bf7bc3.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;

package/lib/node/{component-ref.d446bf3c.js → component-ref.aec34fe0.js}

@@ -1,6 +1,6 @@
 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";
-import { _ as f, B as S, w as W } from "./index.1bf3ab50.js";
-import { g as R, a as b } from "./get-block-properties.9941552d.js";
+import { _ as f, B as S, w as W } from "./index.8723c72d.js";
+import { g as R, a as b } from "./get-block-properties.363f9151.js";
 import "node:module";
 const I = m({
   name: "interactive-element",

package/lib/node/{component-ref.b4ff04a2.cjs → component-ref.e6bc0eb4.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.981f0f4d.cjs"),a=require("./get-block-properties.f160f4a3.cjs");require("node:module");const 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 m=c._export_sfc(u,[["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: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},b=o.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,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,k)=>(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(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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("./index.89bf7bc3.cjs"),a=require("./get-block-properties.3b20c5e6.cjs");require("node:module");const 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 m=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:m},props:["isInteractive","componentRef","componentOptions","builderBlock","context","linkComponent","includeBlockProps","blockChildren","registeredComponents"],data(){return{Wrapper:this.isInteractive?c.wrapComponentRef(m):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,k)=>(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;

package/lib/node/components/block/animator.d.ts

@@ -0,0 +1,5 @@
+import type { BuilderAnimation } from '../../types/builder-block.js';
+export declare function bindAnimations(animations: BuilderAnimation[]): void;
+export declare function triggerAnimation(animation: BuilderAnimation): void;
+export declare function bindHoverAnimation(animation: BuilderAnimation): void;
+export declare function bindScrollInViewAnimation(animation: BuilderAnimation): void;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.12.6";
+export declare const SDK_VERSION = "0.12.7";

package/lib/node/{get-block-properties.9941552d.js → get-block-properties.363f9151.js}

@@ -1,4 +1,4 @@
-import { e as c, T as i, f as l, h as f } from "./index.1bf3ab50.js";
+import { e as c, T as i, f as l, h as f } from "./index.8723c72d.js";
 const p = (e) => `v-on:${e.toLowerCase()}`, u = (e, t) => (r) => c({
   code: e,
   context: t.context,

package/lib/{edge/get-block-properties.7cb55a14.cjs → node/get-block-properties.3b20c5e6.cjs}

@@ -1 +1 @@
-"use strict";const s=require("./index.898c6989.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 f({properties:e}){return e}const p=e=>({href:e.href});function d({block:e,context:t}){var o;const r={...p(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 f({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=d;
+"use strict";const s=require("./index.89bf7bc3.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 f({properties:e}){return e}const p=e=>({href:e.href});function d({block:e,context:t}){var o;const r={...p(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 f({properties:r,context:t,block:e})}exports.getBlockActions=u;exports.getBlockProperties=d;

package/lib/node/{index.1bf3ab50.js → index.8723c72d.js}

@@ -324,14 +324,14 @@ output;
     ) : null;
     d.setSync(getSyncValName(m), b);
   }), d.setSync(INJECTED_IVM_GLOBAL, ivm);
-  const p = processCode({
+  const u = processCode({
     code: e,
     args: l
-  }), u = c.evalSync(p);
+  }), p = c.evalSync(u);
   try {
-    return JSON.parse(u);
+    return JSON.parse(p);
   } catch {
-    return u;
+    return p;
   }
 }, checkIsDefined = (e) => e != null;
 function isNodeRuntime() {
@@ -470,6 +470,128 @@ function mapStyleObjToStrIfNeeded(e) {
       return e;
   }
 }
+function throttle(e, t, n = {}) {
+  let o, r, s, i = null, a = 0;
+  const l = function() {
+    a = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
+  };
+  return function() {
+    const c = Date.now();
+    !a && n.leading === !1 && (a = c);
+    const d = t - (c - a);
+    return o = this, r = arguments, d <= 0 || d > t ? (i && (clearTimeout(i), i = null), a = c, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, d)), s;
+  };
+}
+function assign(e, ...t) {
+  const n = Object(e);
+  for (let o = 1; o < arguments.length; o++) {
+    const r = arguments[o];
+    if (r != null)
+      for (const s in r)
+        Object.prototype.hasOwnProperty.call(r, s) && (n[s] = r[s]);
+  }
+  return n;
+}
+const camelCaseToKebabCase = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
+function bindAnimations(e) {
+  for (const t of e)
+    switch (t.trigger) {
+      case "pageLoad":
+        triggerAnimation(t);
+        break;
+      case "hover":
+        bindHoverAnimation(t);
+        break;
+      case "scrollInView":
+        bindScrollInViewAnimation(t);
+        break;
+    }
+}
+function warnElementNotPresent(e) {
+  console.warn(`Cannot animate element: element with ID ${e} not found!`);
+}
+function augmentAnimation(e, t) {
+  const n = getAllStylesUsed(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
+  for (const a of i)
+    for (const l of n)
+      l in a || (a[l] = o[l]);
+}
+function getAllStylesUsed(e) {
+  const t = [];
+  for (const n of e.steps)
+    for (const o in n.styles)
+      t.indexOf(o) === -1 && t.push(o);
+  return t;
+}
+function triggerAnimation(e) {
+  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
+  if (!t.length) {
+    warnElementNotPresent(e.elementId || e.id || "");
+    return;
+  }
+  Array.from(t).forEach((n) => {
+    augmentAnimation(e, n), n.style.transition = "none", n.style.transitionDelay = "0", assign(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), assign(n.style, e.steps[1].styles), setTimeout(() => {
+        n.style.transition = "", n.style.transitionDelay = "";
+      }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
+    });
+  });
+}
+function bindHoverAnimation(e) {
+  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
+  if (!t.length) {
+    warnElementNotPresent(e.elementId || e.id || "");
+    return;
+  }
+  Array.from(t).forEach((n) => {
+    augmentAnimation(e, n);
+    const o = e.steps[0].styles, r = e.steps[1].styles;
+    function s() {
+      assign(n.style, o);
+    }
+    function i() {
+      assign(n.style, r);
+    }
+    s(), n.addEventListener("mouseenter", i), n.addEventListener("mouseleave", s), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    });
+  });
+}
+function bindScrollInViewAnimation(e) {
+  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
+  if (!t.length) {
+    warnElementNotPresent(e.elementId || e.id || "");
+    return;
+  }
+  Array.from(t).forEach((n) => {
+    augmentAnimation(e, n);
+    let o = !1, r = !1;
+    function s() {
+      !o && a(n) ? (o = !0, r = !0, setTimeout(() => {
+        assign(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
+          r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
+        }, (e.duration + (e.delay || 0)) * 1e3 + 100);
+      })) : e.repeat && o && !r && !a(n) && (o = !1, assign(n.style, e.steps[0].styles));
+    }
+    const i = throttle(s, 200, {
+      leading: !1
+    });
+    function a(d) {
+      const u = d.getBoundingClientRect(), p = window.innerHeight, f = (e.thresholdPercent || 0) / 100 * p;
+      return u.bottom > f && u.top < p - f;
+    }
+    const l = e.steps[0].styles;
+    function c() {
+      assign(n.style, l);
+    }
+    c(), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+    }), document.addEventListener("scroll", i, {
+      capture: !0,
+      passive: !0
+    }), s();
+  });
+}
 const getComponent = ({
   block: e,
   context: t,
@@ -525,22 +647,22 @@ const getComponent = ({
     },
     block: o
   }));
-}, BlockStyles = () => import("./block-styles.0b8dee45.js").then((e) => e.default).catch((e) => {
+}, BlockStyles = () => import("./block-styles.effd674a.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), BlockWrapper = () => import("./block-wrapper.c7d3478b.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper.80b8925e.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), ComponentRef = () => import("./component-ref.d446bf3c.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref.aec34fe0.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), RepeatedBlock = () => import("./repeated-block.6fd6b909.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block.d6e97a4f.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -557,6 +679,15 @@ const getComponent = ({
   data() {
     return { childrenContext: this.context };
   },
+  mounted() {
+    const e = this.processedBlock.id, t = this.processedBlock.animations;
+    t && e && bindAnimations(
+      t.filter((n) => n.trigger !== "hover").map((n) => ({
+        ...n,
+        elementId: e
+      }))
+    );
+  },
   computed: {
     blockComponent() {
       return getComponent({
@@ -623,14 +754,14 @@ const getComponent = ({
   }
 });
 function _sfc_render$h(e, t, n, o, r, s) {
-  var p;
+  var u;
   const i = resolveComponent("block-styles"), a = resolveComponent("component-ref"), l = resolveComponent("block", !0), c = resolveComponent("block-wrapper"), d = resolveComponent("repeated-block");
   return e.canShowBlock ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
     createVNode(i, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (p = e.blockComponent) != null && p.noWrap ? (openBlock(), createBlock(a, {
+    (u = e.blockComponent) != null && u.noWrap ? (openBlock(), createBlock(a, {
       key: 1,
       componentRef: e.componentRefProps.componentRef,
       componentOptions: e.componentRefProps.componentOptions,
@@ -642,10 +773,10 @@ function _sfc_render$h(e, t, n, o, r, s) {
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
     }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
-      e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (u, m) => (openBlock(), createBlock(d, {
+      e.repeatItem ? (openBlock(!0), createElementBlock(Fragment$1, { key: 1 }, renderList(e.repeatItem, (p, m) => (openBlock(), createBlock(d, {
         key: m,
-        repeatContext: u.context,
-        block: u.block,
+        repeatContext: p.context,
+        block: p.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (openBlock(), createBlock(c, {
@@ -667,9 +798,9 @@ function _sfc_render$h(e, t, n, o, r, s) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (u, m) => (openBlock(), createBlock(l, {
-            key: u.id,
-            block: u,
+          (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.childrenWithoutParentComponent, (p, m) => (openBlock(), createBlock(l, {
+            key: p.id,
+            block: p,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents,
             linkComponent: e.linkComponent
@@ -773,7 +904,7 @@ function _sfc_render$f(e, t, n, o, r, s) {
     BlocksWrapperProps: (c = e.context) == null ? void 0 : c.BlocksWrapperProps
   }, {
     default: withCtx(() => [
-      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (d, p) => (openBlock(), createBlock(i, {
+      e.blocks ? (openBlock(!0), createElementBlock(Fragment$1, { key: 0 }, renderList(e.blocks, (d, u) => (openBlock(), createBlock(i, {
         key: d.id,
         block: d,
         linkComponent: e.linkComponent,
@@ -1680,13 +1811,13 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9
       function n(i, a = 6e4) {
         return new Promise((l, c) => {
           const d = document.createElement("img");
-          let p = !1;
+          let u = !1;
           d.onload = () => {
-            p = !0, l(d);
-          }, d.addEventListener("error", (u) => {
-            console.warn("Image load failed", u.error), c(u.error);
+            u = !0, l(d);
+          }, d.addEventListener("error", (p) => {
+            console.warn("Image load failed", p.error), c(p.error);
           }), d.src = i, setTimeout(() => {
-            p || c(new Error("Image load timed out"));
+            u || c(new Error("Image load timed out"));
           }, a);
         });
       }
@@ -2085,7 +2216,7 @@ const Text = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]
   }
 };
 function _sfc_render$5(e, t, n, o, r, s) {
-  var i, a, l, c, d, p, u;
+  var i, a, l, c, d, u, p;
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("video", mergeProps({
       class: "builder-video",
@@ -2123,7 +2254,7 @@ function _sfc_render$5(e, t, n, o, r, s) {
     ((d = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : d.length) && e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_4, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("v-if", !0),
-    ((u = (p = e.builderBlock) == null ? void 0 : p.children) == null ? void 0 : u.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
+    ((p = (u = e.builderBlock) == null ? void 0 : u.children) == null ? void 0 : p.length) && !e.fitContent ? (openBlock(), createElementBlock("div", _hoisted_5, [
       renderSlot(e.$slots, "default")
     ])) : createCommentVNode("v-if", !0)
   ]);
@@ -2351,8 +2482,8 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     enrich: l,
     locale: c,
     apiVersion: d = DEFAULT_API_VERSION,
-    fields: p,
-    omit: u,
+    fields: u,
+    omit: p,
     offset: m,
     cacheSeconds: f,
     staleCacheSeconds: b,
@@ -2365,7 +2496,7 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${d}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
   const g = new URL(`https://cdn.builder.io/api/${d}/content/${s}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`);
-  if (g.searchParams.set("omit", u || "meta.componentsUsed"), p && g.searchParams.set("fields", p), Number.isFinite(m) && m > -1 && g.searchParams.set("offset", String(Math.floor(m))), typeof S == "boolean" && g.searchParams.set("includeUnpublished", String(S)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), b && isPositiveNumber(b) && g.searchParams.set("staleCacheSeconds", String(b)), y) {
+  if (g.searchParams.set("omit", p || "meta.componentsUsed"), u && g.searchParams.set("fields", u), Number.isFinite(m) && m > -1 && g.searchParams.set("offset", String(Math.floor(m))), typeof S == "boolean" && g.searchParams.set("includeUnpublished", String(S)), f && isPositiveNumber(f) && g.searchParams.set("cacheSeconds", String(f)), b && isPositiveNumber(b) && g.searchParams.set("staleCacheSeconds", String(b)), y) {
     const k = flatten({
       sort: y
     });
@@ -2618,7 +2749,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.12.6", registry = {};
+}, SDK_VERSION = "0.12.7", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2687,19 +2818,19 @@ const setupBrowserForEditing = (e = {}) => {
       switch (r.type) {
         case "builder.evaluate": {
           const a = r.data.text, l = r.data.arguments || [], c = r.data.id, d = new Function(a);
-          let p, u = null;
+          let u, p = null;
           try {
-            p = d.apply(null, l);
+            u = d.apply(null, l);
           } catch (m) {
-            u = m;
+            p = m;
           }
-          u ? (s = window.parent) == null || s.postMessage({
+          p ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
               id: c,
-              error: u.message
+              error: p.message
             }
-          }, "*") : p && typeof p.then == "function" ? p.then((m) => {
+          }, "*") : u && typeof u.then == "function" ? u.then((m) => {
             var f;
             (f = window.parent) == null || f.postMessage({
               type: "builder.evaluateResult",
@@ -2711,7 +2842,7 @@ const setupBrowserForEditing = (e = {}) => {
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: p,
+              result: u,
               id: c
             }
           }, "*");
@@ -2912,6 +3043,10 @@ const setupBrowserForEditing = (e = {}) => {
             }), this.forceReRenderCount = this.forceReRenderCount + 1;
             break;
           }
+          case "builder.triggerAnimation": {
+            triggerAnimation(t.data);
+            break;
+          }
           case "builder.contentUpdate": {
             const o = t.data, r = o.key || o.alias || o.entry || o.modelName, s = o.data;
             r === this.model && (this.mergeNewContent(s), this.forceReRenderCount = this.forceReRenderCount + 1);
@@ -3278,7 +3413,7 @@ function _sfc_render$2(e, t, n, o, r, s) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: withCtx(() => {
-      var d, p, u, m, f, b, y;
+      var d, u, p, m, f, b, y;
       return [
         e.isSsrAbTest ? (openBlock(), createBlock(i, {
           key: 0,
@@ -3287,7 +3422,7 @@ function _sfc_render$2(e, t, n, o, r, s) {
         e.TARGET !== "reactNative" ? (openBlock(), createBlock(a, {
           key: 1,
           contentId: (d = e.builderContextSignal.content) == null ? void 0 : d.id,
-          cssCode: (u = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : u.cssCode,
+          cssCode: (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.cssCode,
           customFonts: (f = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
         }, null, 8, ["contentId", "cssCode", "customFonts"])) : createCommentVNode("v-if", !0),
         createVNode(l, {
@@ -3382,7 +3517,7 @@ function _sfc_render$1(e, t, n, o, r, s) {
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
       createVNode(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
-      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, p) => (openBlock(), createBlock(l, {
+      (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.getVariants(e.content), (d, u) => (openBlock(), createBlock(l, {
         key: d.testVariationId,
         content: d,
         showContent: !1,
@@ -3503,7 +3638,7 @@ const Content = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render
   }
 });
 function _sfc_render(e, t, n, o, r, s) {
-  var a, l, c, d, p;
+  var a, l, c, d, u;
   const i = resolveComponent("content-variants");
   return openBlock(), createElementBlock("div", mergeProps({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     createVNode(i, {
@@ -3520,7 +3655,7 @@ function _sfc_render(e, t, n, o, r, s) {
         ...e.builderContext.localState,
         ...(d = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : d.state
       },
-      model: (p = e.symbol) == null ? void 0 : p.model,
+      model: (u = e.symbol) == null ? void 0 : u.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])