@babylonjs/core 7.51.1 → 7.51.2

package/FlowGraph/Blocks/Event/flowGraphSceneTickEventBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"flowGraphSceneTickEventBlock.js","sourceRoot":"","sources":["../../../../../../dev/core/src/FlowGraph/Blocks/Event/flowGraphSceneTickEventBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD;;;GAGG;AACH,MAAM,OAAO,4BAA6B,SAAQ,mBAAmB;IACjE;;OAEG;IACI,oBAAoB,CAAC,OAAyB;QACjD,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,IAAI,EAAE,mBAAmB,CAAC,EAAE,CAAC;YAC5D,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;YAC1C,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAAG,EAAE;gBAC5D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC3B,CAAC,CAAC,CAAC;YACH,OAAO,CAAC,qBAAqB,CAAC,IAAI,EAAE,mBAAmB,EAAE,eAAe,CAAC,CAAC;QAC9E,CAAC;IACL,CAAC;IAED;;OAEG;IACI,mBAAmB,CAAC,OAAyB;QAChD,MAAM,eAAe,GAAG,OAAO,CAAC,qBAAqB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;QACjF,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;QAC1C,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;QACvD,OAAO,CAAC,wBAAwB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACa,YAAY;QACxB,OAAO,4BAA4B,CAAC,SAAS,CAAC;IAClD,CAAC;;AAED;;GAEG;AACW,sCAAS,GAAG,uBAAuB,CAAC;AAEtD,aAAa,CAAC,4BAA4B,CAAC,SAAS,EAAE,4BAA4B,CAAC,CAAC","sourcesContent":["import { FlowGraphEventBlock } from \"../../flowGraphEventBlock\";\r\nimport type { FlowGraphContext } from \"core/FlowGraph/flowGraphContext\";\r\nimport { RegisterClass } from \"../../../Misc/typeStore\";\r\n/**\r\n * @experimental\r\n * Block that triggers on scene tick (before each render).\r\n */\r\nexport class FlowGraphSceneTickEventBlock extends FlowGraphEventBlock {\r\n    /**\r\n     * @internal\r\n     */\r\n    public _preparePendingTasks(context: FlowGraphContext): void {\r\n        if (!context._getExecutionVariable(this, \"sceneBeforeRender\")) {\r\n            const scene = context.configuration.scene;\r\n            const contextObserver = scene.onBeforeRenderObservable.add(() => {\r\n                this._execute(context);\r\n            });\r\n            context._setExecutionVariable(this, \"sceneBeforeRender\", contextObserver);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * @internal\r\n     */\r\n    public _cancelPendingTasks(context: FlowGraphContext) {\r\n        const contextObserver = context._getExecutionVariable(this, \"sceneBeforeRender\");\r\n        const scene = context.configuration.scene;\r\n        scene.onBeforeRenderObservable.remove(contextObserver);\r\n        context._deleteExecutionVariable(this, \"sceneBeforeRender\");\r\n    }\r\n\r\n    /**\r\n     * @returns class name of the block.\r\n     */\r\n    public override getClassName(): string {\r\n        return FlowGraphSceneTickEventBlock.ClassName;\r\n    }\r\n\r\n    /**\r\n     * the class name of the block.\r\n     */\r\n    public static ClassName = \"FGSceneTickEventBlock\";\r\n}\r\nRegisterClass(FlowGraphSceneTickEventBlock.ClassName, FlowGraphSceneTickEventBlock);\r\n"]}
+{"version":3,"file":"flowGraphSceneTickEventBlock.js","sourceRoot":"","sources":["../../../../../../dev/core/src/FlowGraph/Blocks/Event/flowGraphSceneTickEventBlock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,oCAA0C;AAmBnE;;GAEG;AACH,MAAM,OAAO,4BAA6B,SAAQ,mBAAmB;IAajE;QACI,KAAK,EAAE,CAAC;QAHa,SAAI,kEAA4D;QAIrF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QAChF,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;IAC1E,CAAC;IAED;;OAEG;IACa,oBAAoB,CAAC,QAA0B;QAC3D,QAAQ;IACZ,CAAC;IAED;;OAEG;IACa,aAAa,CAAC,OAAyB,EAAE,OAAqC;QAC1F,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAC9D,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACvB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACI,mBAAmB,CAAC,QAA0B;QACjD,QAAQ;IACZ,CAAC;IAED;;OAEG;IACa,YAAY;QACxB,+EAA0C;IAC9C,CAAC;CACJ;AACD,aAAa,0EAAqC,4BAA4B,CAAC,CAAC","sourcesContent":["import { FlowGraphEventBlock } from \"../../flowGraphEventBlock\";\r\nimport type { FlowGraphContext } from \"core/FlowGraph/flowGraphContext\";\r\nimport { RegisterClass } from \"../../../Misc/typeStore\";\r\nimport { RichTypeNumber } from \"core/FlowGraph/flowGraphRichTypes\";\r\nimport type { FlowGraphDataConnection } from \"core/FlowGraph/flowGraphDataConnection\";\r\nimport { FlowGraphBlockNames } from \"../flowGraphBlockNames\";\r\nimport { FlowGraphEventType } from \"core/FlowGraph/flowGraphEventType\";\r\n\r\n/**\r\n * Payload for the scene tick event.\r\n */\r\nexport interface IFlowGraphOnTickEventPayload {\r\n    /**\r\n     * the time in seconds since the scene started.\r\n     */\r\n    timeSinceStart: number;\r\n    /**\r\n     * the time in seconds since the last frame.\r\n     */\r\n    deltaTime: number;\r\n}\r\n\r\n/**\r\n * Block that triggers on scene tick (before each render).\r\n */\r\nexport class FlowGraphSceneTickEventBlock extends FlowGraphEventBlock {\r\n    /**\r\n     * the time in seconds since the scene started.\r\n     */\r\n    public readonly timeSinceStart: FlowGraphDataConnection<number>;\r\n\r\n    /**\r\n     * the time in seconds since the last frame.\r\n     */\r\n    public readonly deltaTime: FlowGraphDataConnection<number>;\r\n\r\n    public override readonly type: FlowGraphEventType = FlowGraphEventType.SceneBeforeRender;\r\n\r\n    constructor() {\r\n        super();\r\n        this.timeSinceStart = this.registerDataOutput(\"timeSinceStart\", RichTypeNumber);\r\n        this.deltaTime = this.registerDataOutput(\"deltaTime\", RichTypeNumber);\r\n    }\r\n\r\n    /**\r\n     * @internal\r\n     */\r\n    public override _preparePendingTasks(_context: FlowGraphContext): void {\r\n        // no-op\r\n    }\r\n\r\n    /**\r\n     * @internal\r\n     */\r\n    public override _executeEvent(context: FlowGraphContext, payload: IFlowGraphOnTickEventPayload): boolean {\r\n        this.timeSinceStart.setValue(payload.timeSinceStart, context);\r\n        this.deltaTime.setValue(payload.deltaTime, context);\r\n        this._execute(context);\r\n        return true;\r\n    }\r\n\r\n    /**\r\n     * @internal\r\n     */\r\n    public _cancelPendingTasks(_context: FlowGraphContext) {\r\n        // no-op\r\n    }\r\n\r\n    /**\r\n     * @returns class name of the block.\r\n     */\r\n    public override getClassName(): string {\r\n        return FlowGraphBlockNames.SceneTickEvent;\r\n    }\r\n}\r\nRegisterClass(FlowGraphBlockNames.SceneTickEvent, FlowGraphSceneTickEventBlock);\r\n"]}

package/FlowGraph/Blocks/{Execution → Event}/flowGraphSendCustomEventBlock.d.ts

@@ -1,22 +1,31 @@
+import type { RichType } from "../../flowGraphRichTypes.js";
 import { FlowGraphExecutionBlockWithOutSignal } from "../../flowGraphExecutionBlockWithOutSignal";
 import type { FlowGraphContext } from "../../flowGraphContext";
 import type { IFlowGraphBlockConfiguration } from "../../flowGraphBlock";
 /**
- * @experimental
  * Parameters used to create a FlowGraphSendCustomEventBlock.
  */
 export interface IFlowGraphSendCustomEventBlockConfiguration extends IFlowGraphBlockConfiguration {
     /**
      * The id of the event to send.
+     * Note - in the glTF specs this is an index to the event array (i.e. - a number)
      */
     eventId: string;
     /**
      * The names of the data inputs for that event.
      */
-    eventData: string[];
+    eventData: {
+        [key: string]: {
+            type: RichType<any>;
+            value?: any;
+        };
+    };
 }
 /**
- * @experimental
+ * A block that sends a custom event.
+ * To receive this event you need to use the ReceiveCustomEvent block.
+ * This block has no output, but does have inputs based on the eventData from the configuration.
+ * @see FlowGraphReceiveCustomEventBlock
  */
 export declare class FlowGraphSendCustomEventBlock extends FlowGraphExecutionBlockWithOutSignal {
     /**
@@ -33,8 +42,4 @@ export declare class FlowGraphSendCustomEventBlock extends FlowGraphExecutionBlo
      * @returns class name of the block.
      */
     getClassName(): string;
-    /**
-     * the class name of the block.
-     */
-    static ClassName: string;
 }

package/FlowGraph/Blocks/Event/flowGraphSendCustomEventBlock.js

@@ -0,0 +1,39 @@
+import { FlowGraphExecutionBlockWithOutSignal } from "../../flowGraphExecutionBlockWithOutSignal.js";
+import { RegisterClass } from "../../../Misc/typeStore.js";
+/**
+ * A block that sends a custom event.
+ * To receive this event you need to use the ReceiveCustomEvent block.
+ * This block has no output, but does have inputs based on the eventData from the configuration.
+ * @see FlowGraphReceiveCustomEventBlock
+ */
+export class FlowGraphSendCustomEventBlock extends FlowGraphExecutionBlockWithOutSignal {
+    constructor(
+    /**
+     * the configuration of the block
+     */
+    config) {
+        super(config);
+        this.config = config;
+        for (const key in this.config.eventData) {
+            this.registerDataInput(key, this.config.eventData[key].type, this.config.eventData[key].value);
+        }
+    }
+    _execute(context) {
+        const eventId = this.config.eventId;
+        // eventData is a map with the key being the data input's name, and value being the data input's value
+        const eventData = {};
+        this.dataInputs.forEach((port) => {
+            eventData[port.name] = port.getValue(context);
+        });
+        context.configuration.coordinator.notifyCustomEvent(eventId, eventData);
+        this.out._activateSignal(context);
+    }
+    /**
+     * @returns class name of the block.
+     */
+    getClassName() {
+        return "FlowGraphReceiveCustomEventBlock" /* FlowGraphBlockNames.ReceiveCustomEvent */;
+    }
+}
+RegisterClass("FlowGraphReceiveCustomEventBlock" /* FlowGraphBlockNames.ReceiveCustomEvent */, FlowGraphSendCustomEventBlock);
+//# sourceMappingURL=flowGraphSendCustomEventBlock.js.map

package/FlowGraph/Blocks/Event/flowGraphSendCustomEventBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowGraphSendCustomEventBlock.js","sourceRoot":"","sources":["../../../../../../dev/core/src/FlowGraph/Blocks/Event/flowGraphSendCustomEventBlock.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oCAAoC,EAAE,MAAM,4CAA4C,CAAC;AAElG,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAkBxD;;;;;GAKG;AACH,MAAM,OAAO,6BAA8B,SAAQ,oCAAoC;IACnF;IACI;;OAEG;IACa,MAAmD;QAEnE,KAAK,CAAC,MAAM,CAAC,CAAC;QAFE,WAAM,GAAN,MAAM,CAA6C;QAGnE,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YACtC,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QACnG,CAAC;IACL,CAAC;IAEM,QAAQ,CAAC,OAAyB;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;QACpC,sGAAsG;QACtG,MAAM,SAAS,GAAQ,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAExE,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;IAED;;OAEG;IACa,YAAY;QACxB,uFAA8C;IAClD,CAAC;CACJ;AACD,aAAa,kFAAyC,6BAA6B,CAAC,CAAC","sourcesContent":["import type { RichType } from \"core/FlowGraph/flowGraphRichTypes\";\r\nimport { FlowGraphExecutionBlockWithOutSignal } from \"../../flowGraphExecutionBlockWithOutSignal\";\r\nimport type { FlowGraphContext } from \"../../flowGraphContext\";\r\nimport { RegisterClass } from \"../../../Misc/typeStore\";\r\nimport type { IFlowGraphBlockConfiguration } from \"../../flowGraphBlock\";\r\nimport { FlowGraphBlockNames } from \"../flowGraphBlockNames\";\r\n\r\n/**\r\n * Parameters used to create a FlowGraphSendCustomEventBlock.\r\n */\r\nexport interface IFlowGraphSendCustomEventBlockConfiguration extends IFlowGraphBlockConfiguration {\r\n    /**\r\n     * The id of the event to send.\r\n     * Note - in the glTF specs this is an index to the event array (i.e. - a number)\r\n     */\r\n    eventId: string;\r\n    /**\r\n     * The names of the data inputs for that event.\r\n     */\r\n    eventData: { [key: string]: { type: RichType<any>; value?: any } };\r\n}\r\n/**\r\n * A block that sends a custom event.\r\n * To receive this event you need to use the ReceiveCustomEvent block.\r\n * This block has no output, but does have inputs based on the eventData from the configuration.\r\n * @see FlowGraphReceiveCustomEventBlock\r\n */\r\nexport class FlowGraphSendCustomEventBlock extends FlowGraphExecutionBlockWithOutSignal {\r\n    public constructor(\r\n        /**\r\n         * the configuration of the block\r\n         */\r\n        public override config: IFlowGraphSendCustomEventBlockConfiguration\r\n    ) {\r\n        super(config);\r\n        for (const key in this.config.eventData) {\r\n            this.registerDataInput(key, this.config.eventData[key].type, this.config.eventData[key].value);\r\n        }\r\n    }\r\n\r\n    public _execute(context: FlowGraphContext): void {\r\n        const eventId = this.config.eventId;\r\n        // eventData is a map with the key being the data input's name, and value being the data input's value\r\n        const eventData: any = {};\r\n        this.dataInputs.forEach((port) => {\r\n            eventData[port.name] = port.getValue(context);\r\n        });\r\n\r\n        context.configuration.coordinator.notifyCustomEvent(eventId, eventData);\r\n\r\n        this.out._activateSignal(context);\r\n    }\r\n\r\n    /**\r\n     * @returns class name of the block.\r\n     */\r\n    public override getClassName(): string {\r\n        return FlowGraphBlockNames.ReceiveCustomEvent;\r\n    }\r\n}\r\nRegisterClass(FlowGraphBlockNames.ReceiveCustomEvent, FlowGraphSendCustomEventBlock);\r\n"]}

package/FlowGraph/Blocks/Event/index.d.ts

@@ -1,4 +1,7 @@
 export * from "./flowGraphMeshPickEventBlock";
 export * from "./flowGraphSceneReadyEventBlock";
 export * from "./flowGraphReceiveCustomEventBlock";
+export * from "./flowGraphSendCustomEventBlock";
 export * from "./flowGraphSceneTickEventBlock";
+export * from "./flowGraphPointerOutEventBlock";
+export * from "./flowGraphPointerOverEventBlock";

package/FlowGraph/Blocks/Event/index.js

@@ -1,5 +1,8 @@
 export * from "./flowGraphMeshPickEventBlock.js";
 export * from "./flowGraphSceneReadyEventBlock.js";
 export * from "./flowGraphReceiveCustomEventBlock.js";
+export * from "./flowGraphSendCustomEventBlock.js";
 export * from "./flowGraphSceneTickEventBlock.js";
+export * from "./flowGraphPointerOutEventBlock.js";
+export * from "./flowGraphPointerOverEventBlock.js";
 //# sourceMappingURL=index.js.map

package/FlowGraph/Blocks/Event/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../dev/core/src/FlowGraph/Blocks/Event/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC","sourcesContent":["export * from \"./flowGraphMeshPickEventBlock\";\r\nexport * from \"./flowGraphSceneReadyEventBlock\";\r\nexport * from \"./flowGraphReceiveCustomEventBlock\";\r\nexport * from \"./flowGraphSceneTickEventBlock\";\r\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../dev/core/src/FlowGraph/Blocks/Event/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC","sourcesContent":["export * from \"./flowGraphMeshPickEventBlock\";\r\nexport * from \"./flowGraphSceneReadyEventBlock\";\r\nexport * from \"./flowGraphReceiveCustomEventBlock\";\r\nexport * from \"./flowGraphSendCustomEventBlock\";\r\nexport * from \"./flowGraphSceneTickEventBlock\";\r\nexport * from \"./flowGraphPointerOutEventBlock\";\r\nexport * from \"./flowGraphPointerOverEventBlock\";\r\n"]}

package/FlowGraph/Blocks/Execution/Animation/flowGraphBezierCurveEasingBlock.d.ts

@@ -0,0 +1,44 @@
+import type { EasingFunction } from "../../../../Animations/easing.js";
+import type { IFlowGraphBlockConfiguration } from "../../../flowGraphBlock.js";
+import { FlowGraphBlock } from "../../../flowGraphBlock.js";
+import type { FlowGraphContext } from "../../../flowGraphContext.js";
+import type { FlowGraphDataConnection } from "../../../flowGraphDataConnection.js";
+import type { Vector2 } from "../../../../Maths/math.vector.js";
+/**
+ * An easing block that generates a BezierCurveEase easingFunction object based on the data provided.
+ */
+export declare class FlowGraphBezierCurveEasingBlock extends FlowGraphBlock {
+    /**
+     * the configuration of the block
+     */
+    config?: IFlowGraphBlockConfiguration | undefined;
+    /**
+     * Input connection: The mode of the easing function.
+     * EasingFunction.EASINGMODE_EASEIN, EasingFunction.EASINGMODE_EASEOUT, EasingFunction.EASINGMODE_EASEINOUT
+     */
+    readonly mode: FlowGraphDataConnection<number>;
+    /**
+     * Input connection: Control point 1 for bezier curve.
+     */
+    readonly controlPoint1: FlowGraphDataConnection<Vector2>;
+    /**
+     * Input connection: Control point 2 for bezier curve.
+     */
+    readonly controlPoint2: FlowGraphDataConnection<Vector2>;
+    /**
+     * Output connection: The easing function object.
+     */
+    readonly easingFunction: FlowGraphDataConnection<EasingFunction>;
+    /**
+     * Internal cache of reusable easing functions.
+     * key is type-mode-properties
+     */
+    private _easingFunctions;
+    constructor(
+    /**
+     * the configuration of the block
+     */
+    config?: IFlowGraphBlockConfiguration | undefined);
+    _updateOutputs(context: FlowGraphContext): void;
+    getClassName(): string;
+}

package/FlowGraph/Blocks/Execution/Animation/flowGraphBezierCurveEasingBlock.js

@@ -0,0 +1,46 @@
+import { BezierCurveEase } from "../../../../Animations/easing.js";
+import { FlowGraphBlock } from "../../../flowGraphBlock.js";
+import { RichTypeAny, RichTypeNumber, RichTypeVector2 } from "../../../flowGraphRichTypes.js";
+import { RegisterClass } from "../../../../Misc/typeStore.js";
+/**
+ * An easing block that generates a BezierCurveEase easingFunction object based on the data provided.
+ */
+export class FlowGraphBezierCurveEasingBlock extends FlowGraphBlock {
+    constructor(
+    /**
+     * the configuration of the block
+     */
+    config) {
+        super(config);
+        this.config = config;
+        /**
+         * Internal cache of reusable easing functions.
+         * key is type-mode-properties
+         */
+        this._easingFunctions = {};
+        this.mode = this.registerDataInput("mode", RichTypeNumber, 0);
+        this.controlPoint1 = this.registerDataInput("controlPoint1", RichTypeVector2);
+        this.controlPoint2 = this.registerDataInput("controlPoint2", RichTypeVector2);
+        this.easingFunction = this.registerDataOutput("easingFunction", RichTypeAny);
+    }
+    _updateOutputs(context) {
+        const mode = this.mode.getValue(context);
+        const controlPoint1 = this.controlPoint1.getValue(context);
+        const controlPoint2 = this.controlPoint2.getValue(context);
+        if (mode === undefined) {
+            return;
+        }
+        const key = `${mode}-${controlPoint1.x}-${controlPoint1.y}-${controlPoint2.x}-${controlPoint2.y}`;
+        if (!this._easingFunctions[key]) {
+            const easing = new BezierCurveEase(controlPoint1.x, controlPoint1.y, controlPoint2.x, controlPoint2.y);
+            easing.setEasingMode(mode);
+            this._easingFunctions[key] = easing;
+        }
+        this.easingFunction.setValue(this._easingFunctions[key], context);
+    }
+    getClassName() {
+        return "FlowGraphBezierCurveEasing" /* FlowGraphBlockNames.BezierCurveEasing */;
+    }
+}
+RegisterClass("FlowGraphBezierCurveEasing" /* FlowGraphBlockNames.BezierCurveEasing */, FlowGraphBezierCurveEasingBlock);
+//# sourceMappingURL=flowGraphBezierCurveEasingBlock.js.map

package/FlowGraph/Blocks/Execution/Animation/flowGraphBezierCurveEasingBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowGraphBezierCurveEasingBlock.js","sourceRoot":"","sources":["../../../../../../../dev/core/src/FlowGraph/Blocks/Execution/Animation/flowGraphBezierCurveEasingBlock.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,yCAA+B;AAEzD,OAAO,EAAE,cAAc,EAAE,mCAAsC;AAG/D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,uCAA0C;AAGjG,OAAO,EAAE,aAAa,EAAE,sCAA4B;AAEpD;;GAEG;AACH,MAAM,OAAO,+BAAgC,SAAQ,cAAc;IA2B/D;IACI;;OAEG;IACa,MAAqC;QAErD,KAAK,CAAC,MAAM,CAAC,CAAC;QAFE,WAAM,GAAN,MAAM,CAA+B;QAVzD;;;WAGG;QACK,qBAAgB,GAAsC,EAAE,CAAC;QAU7D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;QAC9E,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;QAE9E,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;IACjF,CAAC;IAEe,cAAc,CAAC,OAAyB;QACpD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC3D,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE3D,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QAED,MAAM,GAAG,GAAG,GAAG,IAAI,IAAI,aAAa,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,EAAE,CAAC;QAClG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9B,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;YACvG,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;QACxC,CAAC;QACD,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IACtE,CAAC;IAEe,YAAY;QACxB,gFAA6C;IACjD,CAAC;CACJ;AAED,aAAa,2EAAwC,+BAA+B,CAAC,CAAC","sourcesContent":["import type { EasingFunction } from \"core/Animations/easing\";\nimport { BezierCurveEase } from \"core/Animations/easing\";\nimport type { IFlowGraphBlockConfiguration } from \"core/FlowGraph/flowGraphBlock\";\nimport { FlowGraphBlock } from \"core/FlowGraph/flowGraphBlock\";\nimport type { FlowGraphContext } from \"core/FlowGraph/flowGraphContext\";\nimport type { FlowGraphDataConnection } from \"core/FlowGraph/flowGraphDataConnection\";\nimport { RichTypeAny, RichTypeNumber, RichTypeVector2 } from \"core/FlowGraph/flowGraphRichTypes\";\nimport type { Vector2 } from \"core/Maths/math.vector\";\nimport { FlowGraphBlockNames } from \"../../flowGraphBlockNames\";\nimport { RegisterClass } from \"core/Misc/typeStore\";\n\n/**\n * An easing block that generates a BezierCurveEase easingFunction object based on the data provided.\n */\nexport class FlowGraphBezierCurveEasingBlock extends FlowGraphBlock {\n    /**\n     * Input connection: The mode of the easing function.\n     * EasingFunction.EASINGMODE_EASEIN, EasingFunction.EASINGMODE_EASEOUT, EasingFunction.EASINGMODE_EASEINOUT\n     */\n    public readonly mode: FlowGraphDataConnection<number>;\n\n    /**\n     * Input connection: Control point 1 for bezier curve.\n     */\n    public readonly controlPoint1: FlowGraphDataConnection<Vector2>;\n    /**\n     * Input connection: Control point 2 for bezier curve.\n     */\n    public readonly controlPoint2: FlowGraphDataConnection<Vector2>;\n\n    /**\n     * Output connection: The easing function object.\n     */\n    public readonly easingFunction: FlowGraphDataConnection<EasingFunction>;\n\n    /**\n     * Internal cache of reusable easing functions.\n     * key is type-mode-properties\n     */\n    private _easingFunctions: { [key: string]: EasingFunction } = {};\n\n    constructor(\n        /**\n         * the configuration of the block\n         */\n        public override config?: IFlowGraphBlockConfiguration\n    ) {\n        super(config);\n\n        this.mode = this.registerDataInput(\"mode\", RichTypeNumber, 0);\n        this.controlPoint1 = this.registerDataInput(\"controlPoint1\", RichTypeVector2);\n        this.controlPoint2 = this.registerDataInput(\"controlPoint2\", RichTypeVector2);\n\n        this.easingFunction = this.registerDataOutput(\"easingFunction\", RichTypeAny);\n    }\n\n    public override _updateOutputs(context: FlowGraphContext) {\n        const mode = this.mode.getValue(context);\n        const controlPoint1 = this.controlPoint1.getValue(context);\n        const controlPoint2 = this.controlPoint2.getValue(context);\n\n        if (mode === undefined) {\n            return;\n        }\n\n        const key = `${mode}-${controlPoint1.x}-${controlPoint1.y}-${controlPoint2.x}-${controlPoint2.y}`;\n        if (!this._easingFunctions[key]) {\n            const easing = new BezierCurveEase(controlPoint1.x, controlPoint1.y, controlPoint2.x, controlPoint2.y);\n            easing.setEasingMode(mode);\n            this._easingFunctions[key] = easing;\n        }\n        this.easingFunction.setValue(this._easingFunctions[key], context);\n    }\n\n    public override getClassName(): string {\n        return FlowGraphBlockNames.BezierCurveEasing;\n    }\n}\n\nRegisterClass(FlowGraphBlockNames.BezierCurveEasing, FlowGraphBezierCurveEasingBlock);\n"]}

package/FlowGraph/Blocks/Execution/Animation/flowGraphEasingBlock.d.ts

@@ -0,0 +1,60 @@
+import type { EasingFunction } from "../../../../Animations/easing.js";
+import type { IFlowGraphBlockConfiguration } from "../../../flowGraphBlock.js";
+import { FlowGraphBlock } from "../../../flowGraphBlock.js";
+import type { FlowGraphContext } from "../../../flowGraphContext.js";
+import type { FlowGraphDataConnection } from "../../../flowGraphDataConnection.js";
+/**
+ * The type of the easing function.
+ */
+export declare enum EasingFunctionType {
+    CircleEase = 0,
+    BackEase = 1,
+    BounceEase = 2,
+    CubicEase = 3,
+    ElasticEase = 4,
+    ExponentialEase = 5,
+    PowerEase = 6,
+    QuadraticEase = 7,
+    QuarticEase = 8,
+    QuinticEase = 9,
+    SineEase = 10,
+    BezierCurveEase = 11
+}
+/**
+ * An easing block that generates an easingFunction object based on the data provided.
+ */
+export declare class FlowGraphEasingBlock extends FlowGraphBlock {
+    /**
+     * the configuration of the block
+     */
+    config?: IFlowGraphBlockConfiguration | undefined;
+    /**
+     * Input connection: The type of the easing function.
+     */
+    readonly type: FlowGraphDataConnection<EasingFunctionType>;
+    /**
+     * Input connection: The mode of the easing function.
+     * EasingFunction.EASINGMODE_EASEIN, EasingFunction.EASINGMODE_EASEOUT, EasingFunction.EASINGMODE_EASEINOUT
+     */
+    readonly mode: FlowGraphDataConnection<number>;
+    /**
+     * Input connection:parameters for easing. for example control points for BezierCurveEase.
+     */
+    readonly parameters: FlowGraphDataConnection<number[]>;
+    /**
+     * Output connection: The easing function object.
+     */
+    readonly easingFunction: FlowGraphDataConnection<EasingFunction>;
+    /**
+     * Internal cache of reusable easing functions.
+     * key is type-mode-properties
+     */
+    private _easingFunctions;
+    constructor(
+    /**
+     * the configuration of the block
+     */
+    config?: IFlowGraphBlockConfiguration | undefined);
+    _updateOutputs(context: FlowGraphContext): void;
+    getClassName(): string;
+}

package/FlowGraph/Blocks/Execution/Animation/flowGraphEasingBlock.js

@@ -0,0 +1,93 @@
+import { BackEase, BezierCurveEase, BounceEase, CircleEase, CubicEase, ElasticEase, ExponentialEase } from "../../../../Animations/easing.js";
+import { FlowGraphBlock } from "../../../flowGraphBlock.js";
+import { RichTypeAny, RichTypeNumber } from "../../../flowGraphRichTypes.js";
+import { RegisterClass } from "../../../../Misc/typeStore.js";
+/**
+ * The type of the easing function.
+ */
+export var EasingFunctionType;
+(function (EasingFunctionType) {
+    EasingFunctionType[EasingFunctionType["CircleEase"] = 0] = "CircleEase";
+    EasingFunctionType[EasingFunctionType["BackEase"] = 1] = "BackEase";
+    EasingFunctionType[EasingFunctionType["BounceEase"] = 2] = "BounceEase";
+    EasingFunctionType[EasingFunctionType["CubicEase"] = 3] = "CubicEase";
+    EasingFunctionType[EasingFunctionType["ElasticEase"] = 4] = "ElasticEase";
+    EasingFunctionType[EasingFunctionType["ExponentialEase"] = 5] = "ExponentialEase";
+    EasingFunctionType[EasingFunctionType["PowerEase"] = 6] = "PowerEase";
+    EasingFunctionType[EasingFunctionType["QuadraticEase"] = 7] = "QuadraticEase";
+    EasingFunctionType[EasingFunctionType["QuarticEase"] = 8] = "QuarticEase";
+    EasingFunctionType[EasingFunctionType["QuinticEase"] = 9] = "QuinticEase";
+    EasingFunctionType[EasingFunctionType["SineEase"] = 10] = "SineEase";
+    EasingFunctionType[EasingFunctionType["BezierCurveEase"] = 11] = "BezierCurveEase";
+})(EasingFunctionType || (EasingFunctionType = {}));
+/**
+ * @internal
+ * Creates an easing function object based on the type and parameters provided.
+ * This is not tree-shaking friendly, so if you need cubic bezier, use the dedicated bezier block.
+ * @param type The type of the easing function.
+ * @param controlPoint1 The first control point for the bezier curve.
+ * @param controlPoint2 The second control point for the bezier curve.
+ * @returns The easing function object.
+ */
+function CreateEasingFunction(type, ...parameters) {
+    switch (type) {
+        case 11 /* EasingFunctionType.BezierCurveEase */:
+            return new BezierCurveEase(...parameters);
+        case 0 /* EasingFunctionType.CircleEase */:
+            return new CircleEase();
+        case 1 /* EasingFunctionType.BackEase */:
+            return new BackEase(...parameters);
+        case 2 /* EasingFunctionType.BounceEase */:
+            return new BounceEase(...parameters);
+        case 3 /* EasingFunctionType.CubicEase */:
+            return new CubicEase();
+        case 4 /* EasingFunctionType.ElasticEase */:
+            return new ElasticEase(...parameters);
+        case 5 /* EasingFunctionType.ExponentialEase */:
+            return new ExponentialEase(...parameters);
+        default:
+            throw new Error("Easing type not yet implemented");
+    }
+}
+/**
+ * An easing block that generates an easingFunction object based on the data provided.
+ */
+export class FlowGraphEasingBlock extends FlowGraphBlock {
+    constructor(
+    /**
+     * the configuration of the block
+     */
+    config) {
+        super(config);
+        this.config = config;
+        /**
+         * Internal cache of reusable easing functions.
+         * key is type-mode-properties
+         */
+        this._easingFunctions = {};
+        this.type = this.registerDataInput("type", RichTypeAny, 11);
+        this.mode = this.registerDataInput("mode", RichTypeNumber, 0);
+        this.parameters = this.registerDataInput("parameters", RichTypeAny, [1, 0, 0, 1]);
+        this.easingFunction = this.registerDataOutput("easingFunction", RichTypeAny);
+    }
+    _updateOutputs(context) {
+        const type = this.type.getValue(context);
+        const mode = this.mode.getValue(context);
+        const parameters = this.parameters.getValue(context);
+        if (type === undefined || mode === undefined) {
+            return;
+        }
+        const key = `${type}-${mode}-${parameters.join("-")}`;
+        if (!this._easingFunctions[key]) {
+            const easing = CreateEasingFunction(type, ...parameters);
+            easing.setEasingMode(mode);
+            this._easingFunctions[key] = easing;
+        }
+        this.easingFunction.setValue(this._easingFunctions[key], context);
+    }
+    getClassName() {
+        return "FlowGraphEasingBlock" /* FlowGraphBlockNames.Easing */;
+    }
+}
+RegisterClass("FlowGraphEasingBlock" /* FlowGraphBlockNames.Easing */, FlowGraphEasingBlock);
+//# sourceMappingURL=flowGraphEasingBlock.js.map

package/FlowGraph/Blocks/Execution/Animation/flowGraphEasingBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowGraphEasingBlock.js","sourceRoot":"","sources":["../../../../../../../dev/core/src/FlowGraph/Blocks/Execution/Animation/flowGraphEasingBlock.ts"],"names":[],"mappings":"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","sourcesContent":["import type { EasingFunction } from \"core/Animations/easing\";\nimport { BackEase, BezierCurveEase, BounceEase, CircleEase, CubicEase, ElasticEase, ExponentialEase } from \"core/Animations/easing\";\nimport type { IFlowGraphBlockConfiguration } from \"core/FlowGraph/flowGraphBlock\";\nimport { FlowGraphBlock } from \"core/FlowGraph/flowGraphBlock\";\nimport type { FlowGraphContext } from \"core/FlowGraph/flowGraphContext\";\nimport type { FlowGraphDataConnection } from \"core/FlowGraph/flowGraphDataConnection\";\nimport { RichTypeAny, RichTypeNumber } from \"core/FlowGraph/flowGraphRichTypes\";\nimport { FlowGraphBlockNames } from \"../../flowGraphBlockNames\";\nimport { RegisterClass } from \"core/Misc/typeStore\";\n\n/**\n * The type of the easing function.\n */\nexport const enum EasingFunctionType {\n    CircleEase = 0,\n    BackEase = 1,\n    BounceEase = 2,\n    CubicEase = 3,\n    ElasticEase = 4,\n    ExponentialEase = 5,\n    PowerEase = 6,\n    QuadraticEase = 7,\n    QuarticEase = 8,\n    QuinticEase = 9,\n    SineEase = 10,\n    BezierCurveEase = 11,\n}\n\n/**\n * @internal\n * Creates an easing function object based on the type and parameters provided.\n * This is not tree-shaking friendly, so if you need cubic bezier, use the dedicated bezier block.\n * @param type The type of the easing function.\n * @param controlPoint1 The first control point for the bezier curve.\n * @param controlPoint2 The second control point for the bezier curve.\n * @returns The easing function object.\n */\nfunction CreateEasingFunction(type: EasingFunctionType, ...parameters: number[]): EasingFunction {\n    switch (type) {\n        case EasingFunctionType.BezierCurveEase:\n            return new BezierCurveEase(...parameters);\n        case EasingFunctionType.CircleEase:\n            return new CircleEase();\n        case EasingFunctionType.BackEase:\n            return new BackEase(...parameters);\n        case EasingFunctionType.BounceEase:\n            return new BounceEase(...parameters);\n        case EasingFunctionType.CubicEase:\n            return new CubicEase();\n        case EasingFunctionType.ElasticEase:\n            return new ElasticEase(...parameters);\n        case EasingFunctionType.ExponentialEase:\n            return new ExponentialEase(...parameters);\n        default:\n            throw new Error(\"Easing type not yet implemented\");\n    }\n}\n\n/**\n * An easing block that generates an easingFunction object based on the data provided.\n */\nexport class FlowGraphEasingBlock extends FlowGraphBlock {\n    /**\n     * Input connection: The type of the easing function.\n     */\n    public readonly type: FlowGraphDataConnection<EasingFunctionType>;\n\n    /**\n     * Input connection: The mode of the easing function.\n     * EasingFunction.EASINGMODE_EASEIN, EasingFunction.EASINGMODE_EASEOUT, EasingFunction.EASINGMODE_EASEINOUT\n     */\n    public readonly mode: FlowGraphDataConnection<number>;\n\n    /**\n     * Input connection:parameters for easing. for example control points for BezierCurveEase.\n     */\n    public readonly parameters: FlowGraphDataConnection<number[]>;\n\n    /**\n     * Output connection: The easing function object.\n     */\n    public readonly easingFunction: FlowGraphDataConnection<EasingFunction>;\n\n    /**\n     * Internal cache of reusable easing functions.\n     * key is type-mode-properties\n     */\n    private _easingFunctions: { [key: string]: EasingFunction } = {};\n\n    constructor(\n        /**\n         * the configuration of the block\n         */\n        public override config?: IFlowGraphBlockConfiguration\n    ) {\n        super(config);\n\n        this.type = this.registerDataInput(\"type\", RichTypeAny, 11);\n        this.mode = this.registerDataInput(\"mode\", RichTypeNumber, 0);\n        this.parameters = this.registerDataInput(\"parameters\", RichTypeAny, [1, 0, 0, 1]);\n\n        this.easingFunction = this.registerDataOutput(\"easingFunction\", RichTypeAny);\n    }\n\n    public override _updateOutputs(context: FlowGraphContext) {\n        const type = this.type.getValue(context);\n        const mode = this.mode.getValue(context);\n        const parameters = this.parameters.getValue(context);\n\n        if (type === undefined || mode === undefined) {\n            return;\n        }\n\n        const key = `${type}-${mode}-${parameters.join(\"-\")}`;\n        if (!this._easingFunctions[key]) {\n            const easing = CreateEasingFunction(type, ...parameters);\n            easing.setEasingMode(mode);\n            this._easingFunctions[key] = easing;\n        }\n        this.easingFunction.setValue(this._easingFunctions[key], context);\n    }\n\n    public override getClassName(): string {\n        return FlowGraphBlockNames.Easing;\n    }\n}\n\nRegisterClass(FlowGraphBlockNames.Easing, FlowGraphEasingBlock);\n"]}

package/FlowGraph/Blocks/Execution/Animation/flowGraphInterpolationBlock.d.ts

@@ -0,0 +1,82 @@
+import type { EasingFunction } from "../../../../Animations/easing.js";
+import { FlowGraphBlock, type IFlowGraphBlockConfiguration } from "../../../flowGraphBlock.js";
+import type { FlowGraphContext } from "../../../flowGraphContext.js";
+import type { FlowGraphDataConnection } from "../../../flowGraphDataConnection.js";
+import type { FlowGraphTypes } from "../../../flowGraphRichTypes.js";
+import { Animation } from "../../../../Animations/animation.js";
+/**
+ * Configuration for the interpolation block.
+ */
+export interface IFlowGraphInterpolationBlockConfiguration extends IFlowGraphBlockConfiguration {
+    /**
+     * The number of keyframes to interpolate between.
+     * Will default to 1 if not provided (i.e. from currentValue to a provided value in the time provided)
+     */
+    keyFramesCount?: number;
+    /**
+     * The duration of the interpolation.
+     */
+    duration?: number;
+    /**
+     * The name of the property that will be interpolated.
+     */
+    propertyName?: string | string[];
+    /**
+     * The type of the animation to create.
+     * Default is ANIMATIONTYPE_FLOAT
+     * This cannot be changed after construction, so make sure to pass the right value.
+     */
+    animationType?: number | FlowGraphTypes;
+}
+/**
+ * This block is responsible for interpolating between two values.
+ * The babylon concept used is Animation, and it is the output of this block.
+ *
+ * Note that values will be parsed when the in connection is triggered. until then changing the value will not trigger a new interpolation.
+ *
+ * Internally this block uses the Animation class.
+ *
+ * Note that if the interpolation is already running a signal will be sent to stop the animation group running it.
+ */
+export declare class FlowGraphInterpolationBlock<T> extends FlowGraphBlock {
+    /**
+     * Input connection: The value to interpolate from.
+     * Optional. If not provided, the current value will be used.
+     * Note that if provided, every time the animation is created this value will be used!
+     */
+    readonly initialValue: FlowGraphDataConnection<T>;
+    /**
+     * Input connection: The value to interpolate to.
+     * Optional. This can also be set using the KeyFrames input!
+     * If provided it will be set to the last keyframe value.
+     */
+    readonly endValue: FlowGraphDataConnection<T>;
+    /**
+     * output connection: The animation that will be created when in is triggered.
+     */
+    readonly animation: FlowGraphDataConnection<Animation | Animation[]>;
+    /**
+     * Input connection: An optional easing function to use for the interpolation.
+     */
+    readonly easingFunction: FlowGraphDataConnection<EasingFunction>;
+    /**
+     * Input connection: The name of the property that will be set
+     */
+    readonly propertyName: FlowGraphDataConnection<string | string[]>;
+    /**
+     * If provided, this function will be used to create the animation object(s).
+     */
+    readonly customBuildAnimation: FlowGraphDataConnection<() => (keys: any[], fps: number, animationType: number, easingFunction?: EasingFunction) => Animation | Animation[]>;
+    /**
+     * The keyframes to interpolate between.
+     * Each keyframe has a duration input and a value input.
+     */
+    readonly keyFrames: {
+        duration: FlowGraphDataConnection<number>;
+        value: FlowGraphDataConnection<T>;
+    }[];
+    constructor(config?: IFlowGraphInterpolationBlockConfiguration);
+    _updateOutputs(context: FlowGraphContext): void;
+    private _createAnimation;
+    getClassName(): string;
+}

package/FlowGraph/Blocks/Execution/Animation/flowGraphInterpolationBlock.js

@@ -0,0 +1,105 @@
+
+import { FlowGraphBlock } from "../../../flowGraphBlock.js";
+import { getRichTypeByAnimationType, getRichTypeByFlowGraphType, RichTypeAny, RichTypeNumber } from "../../../flowGraphRichTypes.js";
+import { Animation } from "../../../../Animations/animation.js";
+import { RegisterClass } from "../../../../Misc/typeStore.js";
+/**
+ * This block is responsible for interpolating between two values.
+ * The babylon concept used is Animation, and it is the output of this block.
+ *
+ * Note that values will be parsed when the in connection is triggered. until then changing the value will not trigger a new interpolation.
+ *
+ * Internally this block uses the Animation class.
+ *
+ * Note that if the interpolation is already running a signal will be sent to stop the animation group running it.
+ */
+export class FlowGraphInterpolationBlock extends FlowGraphBlock {
+    constructor(config = {}) {
+        super(config);
+        /**
+         * The keyframes to interpolate between.
+         * Each keyframe has a duration input and a value input.
+         */
+        this.keyFrames = [];
+        const type = typeof config?.animationType === "string"
+            ? getRichTypeByFlowGraphType(config.animationType)
+            : getRichTypeByAnimationType(config?.animationType ?? 0);
+        const numberOfKeyFrames = config?.keyFramesCount ?? 1;
+        const duration = this.registerDataInput(`duration_0`, RichTypeNumber, 0);
+        const value = this.registerDataInput(`value_0`, type);
+        this.keyFrames.push({ duration, value });
+        for (let i = 1; i < numberOfKeyFrames + 1; i++) {
+            const duration = this.registerDataInput(`duration_${i}`, RichTypeNumber, i === numberOfKeyFrames ? config.duration : undefined);
+            const value = this.registerDataInput(`value_${i}`, type);
+            this.keyFrames.push({ duration, value });
+        }
+        this.initialValue = this.keyFrames[0].value;
+        this.endValue = this.keyFrames[numberOfKeyFrames].value;
+        this.easingFunction = this.registerDataInput("easingFunction", RichTypeAny);
+        this.animation = this.registerDataOutput("animation", RichTypeAny);
+        this.propertyName = this.registerDataInput("propertyName", RichTypeAny, config?.propertyName);
+        this.customBuildAnimation = this.registerDataInput("customBuildAnimation", RichTypeAny);
+    }
+    _updateOutputs(context) {
+        const interpolationAnimations = context._getGlobalContextVariable("interpolationAnimations", []);
+        const propertyName = this.propertyName.getValue(context);
+        const easingFunction = this.easingFunction.getValue(context);
+        const animation = this._createAnimation(context, propertyName, easingFunction);
+        // If an old animation exists, it will be ignored here.
+        // This is because if the animation is running and they both have the same target, the old will be stopped.
+        // This doesn't happen here, it happens in the play animation block.
+        this.animation.setValue(animation, context);
+        // to make sure no 2 interpolations are running on the same target, we will mark the animation in the context
+        if (Array.isArray(animation)) {
+            for (const anim of animation) {
+                interpolationAnimations.push(anim.uniqueId);
+            }
+        }
+        else {
+            interpolationAnimations.push(animation.uniqueId);
+        }
+        context._setGlobalContextVariable("interpolationAnimations", interpolationAnimations);
+    }
+    _createAnimation(context, propertyName, easingFunction) {
+        const type = this.initialValue.richType;
+        const keys = [];
+        // add initial value
+        const currentValue = this.initialValue.getValue(context) || type.defaultValue;
+        keys.push({ frame: 0, value: currentValue });
+        const numberOfKeyFrames = this.config?.numberOfKeyFrames ?? 1;
+        for (let i = 1; i < numberOfKeyFrames + 1; i++) {
+            const duration = this.keyFrames[i].duration?.getValue(context);
+            let value = this.keyFrames[i].value?.getValue(context);
+            if (i === numberOfKeyFrames - 1) {
+                value = value || type.defaultValue;
+            }
+            if (duration !== undefined && value) {
+                // convert duration to frames, based on 60 fps
+                keys.push({ frame: duration * 60, value });
+            }
+        }
+        const customBuildAnimation = this.customBuildAnimation.getValue(context);
+        if (customBuildAnimation) {
+            return customBuildAnimation()(keys, 60, type.animationType, easingFunction);
+        }
+        if (typeof propertyName === "string") {
+            const animation = Animation.CreateAnimation(propertyName, type.animationType, 60, easingFunction);
+            animation.setKeys(keys);
+            return [animation];
+        }
+        else {
+            const animations = propertyName.map((name) => {
+                const animation = Animation.CreateAnimation(name, type.animationType, 60, easingFunction);
+                animation.setKeys(keys);
+                return animation;
+            });
+            return animations;
+        }
+    }
+    getClassName() {
+        return "FlowGraphInterpolationBlock" /* FlowGraphBlockNames.ValueInterpolation */;
+    }
+}
+RegisterClass("FlowGraphInterpolationBlock" /* FlowGraphBlockNames.ValueInterpolation */, FlowGraphInterpolationBlock);
+// #L54P2C
+//# sourceMappingURL=flowGraphInterpolationBlock.js.map