exodeui 6.3.7 → 6.3.8

package/dist/src/ExodeUICanvas.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ExodeUIEngine } from './engine';
-import { Artboard } from './types';
+import { Artboard, Fit, Alignment, ComponentEvent } from './types';
 
 export interface ExodeUICanvasProps {
     artboard?: Artboard;
@@ -8,7 +8,7 @@ export interface ExodeUICanvasProps {
     onReady?: (engine: ExodeUIEngine) => void;
     onTrigger?: (triggerId: string, metadata?: any) => void;
     onInputUpdate?: (inputs: Record<string, any>) => void;
-    onComponentChange?: (componentId: string, state: any) => void;
+    onComponentChange?: (event: ComponentEvent) => void;
     onToggle?: (id: string, active: boolean) => void;
     onInputChange?: (id: string, value: string) => void;
     onInputFocus?: (id: string) => void;
@@ -19,8 +19,8 @@ export interface ExodeUICanvasProps {
     onGraphPointClick?: (graphId: string, point: any) => void;
     currentTime?: number;
     revision?: number;
-    fit?: 'Contain' | 'Cover' | 'Fill' | 'None';
-    alignment?: 'Center' | 'TopLeft' | 'TopRight' | 'BottomLeft' | 'BottomRight';
+    fit?: Fit;
+    alignment?: Alignment;
     style?: React.CSSProperties;
     autoPlay?: boolean;
     enableSEO?: boolean;
@@ -35,5 +35,9 @@ export interface ExodeUICanvasProps {
     isMouseDown?: boolean;
     inputs?: Record<string, any>;
     interactive?: boolean;
+    onNavigation?: (target: {
+        type: 'artboard' | 'url';
+        value: string;
+    }) => void;
 }
 export declare const ExodeUICanvas: React.ForwardRefExoticComponent<ExodeUICanvasProps & React.RefAttributes<HTMLCanvasElement>>;

package/dist/src/__tests__/interaction_flows.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/engine.d.ts

@@ -55,6 +55,10 @@ export declare class ExodeUIEngine {
     private logicNodeState;
     private pointerDownTimes;
     private activeHoverIds;
+    private onNavigation?;
+    private periodicTriggerTimes;
+    private wasInView;
+    private scrollProgressLastValue;
     setTriggerCallback(cb: (triggerName: string, animationName: string) => void): void;
     setInputUpdateCallback(cb: (nameOrId: string, value: any) => void): void;
     setComponentChangeCallback(cb: (event: ComponentEvent) => void): void;
@@ -70,6 +74,10 @@ export declare class ExodeUIEngine {
         value: number;
         label: string;
     }) => void): void;
+    setNavigationCallback(cb: (target: {
+        type: 'artboard' | 'url';
+        value: string;
+    }) => void): void;
     private ensurePathPoints;
     private svgPathToPoints;
     setOnLogCallback(cb: (msg: string) => void): void;
@@ -129,6 +137,7 @@ export declare class ExodeUIEngine {
     private activeTriggers;
     seek(time: number): void;
     advance(dt: number): void;
+    private evaluateContinuousInteractions;
     private solveConstraints;
     private getGlobalTransform;
     private globalToLocal;
@@ -140,10 +149,13 @@ export declare class ExodeUIEngine {
     private handlePointerEvent;
     handleKeyDown(e: KeyboardEvent): void;
     private fireEventForObject;
+    private initGlobalAnimationTriggers;
+    private triggerGlobalAnimation;
+    private handleAnimationFinished;
     private getWorldTransform;
     private hitTest;
     private updateSliderValueFromPointer;
-    applyAnimation(anim: SDKAnimation, time: number, filterObjectId?: string): void;
+    applyAnimation(anim: SDKAnimation, time: number, filterObjectId?: string | string[]): void;
     private interpolate;
     private interpolateColor;
     private interpolateStops;

package/dist/src/types.d.ts

@@ -441,13 +441,23 @@ export interface Trigger {
 }
 export interface Interaction {
     id: string;
-    event: 'onClick' | 'onHold' | 'pointerDown' | 'pointerUp' | 'hover';
-    action: 'setInput' | 'fireTrigger' | 'setProperty';
+    event: 'onClick' | 'onHold' | 'pointerDown' | 'pointerUp' | 'hover' | string;
+    action: 'setInput' | 'fireTrigger' | 'setProperty' | 'Navigate Artboard' | 'Navigate URL' | 'navigate' | 'Play Animation' | 'Stop Animation' | 'Pause Animation' | 'Switch to State' | 'Toggle Boolean' | string;
     targetInputId?: string;
     targetProperty?: string;
     targetObjectId?: string;
+    targetArtboard?: string;
+    targetState?: string;
+    navigateUrl?: string;
     value?: any;
+    targetAnimationId?: string;
+    subAnimationIds?: string[];
+    playMode?: 'single' | 'all' | 'custom';
+    triggers?: string[];
+    triggerLogic?: 'OR' | 'AND';
     conditions?: Condition[];
+    delayValue?: number;
+    intervalValue?: number;
 }
 export interface Physics {
     enabled: boolean;
@@ -537,11 +547,24 @@ export interface Track {
     property: string;
     keyframes: Keyframe[];
 }
+export interface PlayInstance {
+    id: string;
+    trigger: 'on_load' | 'after_delay' | 'after_anim' | 'on_scroll' | 'manual';
+    delay?: number;
+    afterAnim?: string;
+    conditions?: {
+        variable: string;
+        operator: string;
+        value: any;
+    }[];
+    subAnimationIds?: string[];
+}
 export interface Animation {
     id: string;
     name: string;
     duration: number;
     tracks: Track[];
+    playInstances?: PlayInstance[];
 }
 export declare enum ConditionOp {
     Equal = "Equal",
@@ -723,6 +746,8 @@ export interface Artboard {
     autoLayout?: AutoLayoutConfig;
     layoutProps?: LayoutProps;
     seo?: SEOConfig;
+    startupAnimationId?: string;
+    startupSubAnimationIds?: string[];
     lastModified?: number;
 }
 export type Fit = 'Cover' | 'Contain' | 'Fill' | 'FitWidth' | 'FitHeight' | 'None' | 'ScaleDown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exodeui",
-  "version": "6.3.7",
+  "version": "6.3.8",
   "description": "React Runtime for ExodeUI Animation Engine",
   "type": "module",
   "main": "dist/index.js",