addAnimationProperty() — astro Function Reference

Architecture documentation for the addAnimationProperty() function in transition.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine calls 1 called by 1

Entity Profile

CoreAstro→ RenderingEngine→ addAnimationProperty() — astro Function Reference

Dependency Diagram

graph TD
  998f0a2c_1b37_c059_c074_e8b2a9198c35["addAnimationProperty()"]
  f4a9c12d_07bd_6de6_237f_8553c55f6fef["transition.ts"]
  998f0a2c_1b37_c059_c074_e8b2a9198c35 -->|defined in| f4a9c12d_07bd_6de6_237f_8553c55f6fef
  3aecb01c_506c_3888_c7f9_e9e3dc14f2e3["stringifyAnimations()"]
  3aecb01c_506c_3888_c7f9_e9e3dc14f2e3 -->|calls| 998f0a2c_1b37_c059_c074_e8b2a9198c35
  2527a613_a18b_f09f_d953_5ec7867c60a5["toString()"]
  998f0a2c_1b37_c059_c074_e8b2a9198c35 -->|calls| 2527a613_a18b_f09f_d953_5ec7867c60a5
  style 998f0a2c_1b37_c059_c074_e8b2a9198c35 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/server/transition.ts lines 206–213

function addAnimationProperty(builder: AnimationBuilder, prop: string, value: string | number) {
	let arr = builder[prop];
	if (Array.isArray(arr)) {
		arr.push(value.toString());
	} else {
		builder[prop] = [value.toString()];
	}
}