@rafaelaugusto/jolt 0.1.0-beta.3 → 0.1.0-beta.5

package/src/transition.ts

@@ -1,5 +1,7 @@
 import { resolveEasing, type Easing, type EasingFunction } from './easing.js'
 import type { Property } from './properties.js'
+import { isDecorationProperty } from './decoration.js'
+import { isColorProperty } from './color.js'
 import { springPhysics, type SpringPhysics } from './spring.js'
 
 export interface Timing {
@@ -102,7 +104,11 @@ export function resolveTransition(
     transition.type ??
     (springKeys.some((key) => (transition as Spring)[key] !== undefined)
       ? 'spring'
-      : hasCurve(transition) || property === 'opacity' || keyframes > 2
+      : hasCurve(transition) ||
+          property === 'opacity' ||
+          isColorProperty(property) ||
+          isDecorationProperty(property) ||
+          keyframes > 2
         ? 'tween'
         : 'spring')
 
@@ -128,7 +134,12 @@ export function resolveTransition(
 
   const tween = transition as Tween
   const duration = tween.duration ?? DEFAULT_DURATION
-  if (duration < 0 || Number.isNaN(duration)) {
+  if (
+    duration < 0 ||
+    Number.isNaN(duration) ||
+    ((isColorProperty(property) || isDecorationProperty(property)) &&
+      !Number.isFinite(duration))
+  ) {
     throw new RangeError(`Invalid duration: ${duration}.`)
   }
 

package/src/types.ts

@@ -1,11 +1,31 @@
 import type { View } from '@nativescript/core'
 import type { Haptic } from './haptics.js'
 import type { SpringName, Transition } from './transition.js'
+import type { ColorKeyframes } from './color.js'
 
 /** A value to animate to, or keyframes. `null` stands for the value the view has when the animation starts. */
 export type KeyframeValue = number | readonly (number | null)[]
 
 export interface Keyframes {
+  backgroundColor?: ColorKeyframes
+  /** Uniform starting edge colors; widths and radii may differ. */
+  borderColor?: ColorKeyframes
+  color?: ColorKeyframes
+  /** Uniform circular corners, in DIPs. */
+  borderRadius?: KeyframeValue
+  /** Uniform visual border width, in DIPs. Content layout uses the final width. */
+  borderWidth?: KeyframeValue
+  /** iOS: opacity of one existing boxShadow, from 0 to 1. */
+  shadowOpacity?: KeyframeValue
+  /** iOS: native blur radius in DIPs (half Core's boxShadow blurRadius). */
+  shadowRadius?: KeyframeValue
+  /** iOS: offset of one existing boxShadow, in DIPs. */
+  shadowOffsetX?: KeyframeValue
+  shadowOffsetY?: KeyframeValue
+  /** Android: base elevation in DIPs. */
+  elevation?: KeyframeValue
+  /** Android: dynamic Z offset in DIPs. Native state changes may replace it. */
+  translationZ?: KeyframeValue
   opacity?: KeyframeValue
   /** Same as `translateX`, in DIPs. */
   x?: KeyframeValue