@builder.io/sdk-svelte 0.12.6 → 0.12.7

package/src/components/content/components/enable-editor.svelte

@@ -39,6 +39,7 @@
   import type { BuilderContent } from "../../../types/builder-content.js";
   import type { ComponentInfo } from "../../../types/components.js";
   import type { Dictionary } from "../../../types/typescript.js";
+  import { triggerAnimation } from "../../block/animator.js";
   import type {
     BuilderComponentStateChange,
     ContentProps,
@@ -114,6 +115,10 @@
           forceReRenderCount = forceReRenderCount + 1; // This is a hack to force Qwik to re-render.
           break;
         }
+        case "builder.triggerAnimation": {
+          triggerAnimation(data.data);
+          break;
+        }
         case "builder.contentUpdate": {
           const messageContent = data.data;
           const key =

package/src/constants/sdk-version.ts

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

package/src/types/builder-block.ts

@@ -3,7 +3,28 @@ interface JSONObject {
   [x: string]: JSONValue;
 }
 interface JSONArray extends Array<JSONValue> {}
-
+export interface AnimationStep {
+  // First one is always start state
+  // isStartState?: boolean;
+  styles: {
+    [key: string]: string;
+  };
+  delay?: number;
+}
+export interface BuilderAnimation {
+  elementId: string;
+  trigger: string;
+  steps: AnimationStep[];
+  duration: number;
+  delay?: number;
+  easing?: string;
+  // TODO: deprecate - only here because of an API bug
+  id?: string;
+  // only apply in scrollInView
+  repeat?: boolean;
+  // only apply in scrollInView, number from -1 to 1
+  thresholdPercent?: number;
+}
 /** @todo typedoc this */
 export interface BuilderBlock {
   '@type': '@builder.io/sdk:Element';
@@ -52,7 +73,7 @@ export interface BuilderBlock {
     collection: string;
     itemName?: string;
   } | null;
-  animations?: any[]; // TODO: type the animation spec
+  animations?: BuilderAnimation[];
   style?: Partial<CSSStyleDeclaration>;
   href?: string;