@ng-native/fabric 0.7.0 → 0.9.0

package/dist/fabric.d.ts

@@ -16,5 +16,5 @@ import type { FabricUIManager } from './engine.ts';
  * Exported because the facade test iterates it: there was a second copy of this list in that file,
  * which is how the two managed to be wrong in the same way at the same time.
  */
-export declare const FABRIC_METHODS: readonly ["createNode", "cloneNodeWithNewChildren", "cloneNodeWithNewProps", "cloneNodeWithNewChildrenAndProps", "appendChild", "createChildSet", "appendChildToSet", "completeRoot", "registerEventHandler", "setIsJSResponder", "dispatchCommand", "measureInWindow"];
+export declare const FABRIC_METHODS: readonly ["createNode", "cloneNodeWithNewChildren", "cloneNodeWithNewProps", "cloneNodeWithNewChildrenAndProps", "appendChild", "configureNextLayoutAnimation", "createChildSet", "appendChildToSet", "completeRoot", "registerEventHandler", "setIsJSResponder", "dispatchCommand", "measureInWindow"];
 export declare function getFabricUIManager(): FabricUIManager;

package/dist/fabric.js

@@ -16,6 +16,7 @@ export const FABRIC_METHODS = [
     'cloneNodeWithNewProps',
     'cloneNodeWithNewChildrenAndProps',
     'appendChild',
+    'configureNextLayoutAnimation',
     'createChildSet',
     'appendChildToSet',
     'completeRoot',

package/dist/fabric.js.map

@@ -1 +1 @@
-{"version":3,"file":"fabric.js","sourceRoot":"","sources":["../src/fabric.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,YAAY;IACZ,0BAA0B;IAC1B,uBAAuB;IACvB,kCAAkC;IAClC,aAAa;IACb,gBAAgB;IAChB,kBAAkB;IAClB,cAAc;IACd,sBAAsB;IACtB,kBAAkB;IAClB,iBAAiB;IACjB,iBAAiB;CACoC,CAAC;AAexD,MAAM,UAAU,kBAAkB;IAChC,MAAM,GAAG,GAAI,UAAkE;SAC5E,qBAAqB,CAAC;IAEzB,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,gFAAgF;YAC9E,sDAAsD,CACzD,CAAC;IACJ,CAAC;IAED,gGAAgG;IAChG,4FAA4F;IAC5F,MAAM,MAAM,GAAqE,EAAE,CAAC;IACpF,KAAK,MAAM,IAAI,IAAI,cAAc,EAAE,CAAC;QAClC,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,OAAO,KAAK,KAAK,UAAU;YAAE,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,MAAoC,CAAC;AAC9C,CAAC","sourcesContent":["/**\n * `global.nativeFabricUIManager` is a lazy caching proxy: every property access mints a\n * fresh host function. Read each method exactly once into a plain object (this is what\n * RN's own `FabricUIManager.js` does with its CACHED_PROPERTIES list).\n */\nimport type { FabricUIManager } from './engine.ts';\n\n/**\n * Every method of `FabricUIManager`, and nothing else.\n *\n * A name missing here is `undefined` on device and nowhere else, because the fake the suite runs\n * against implements the interface directly - so every test passes and every device fails. That\n * is not hypothetical: `measureInWindow` was added to the interface and to the engine and left out\n * here, and the anchored overlays it was built for could never have worked.\n *\n * `AllMethodsListed` below is what makes that impossible now rather than merely tested for.\n * Exported because the facade test iterates it: there was a second copy of this list in that file,\n * which is how the two managed to be wrong in the same way at the same time.\n */\nexport const FABRIC_METHODS = [\n  'createNode',\n  'cloneNodeWithNewChildren',\n  'cloneNodeWithNewProps',\n  'cloneNodeWithNewChildrenAndProps',\n  'appendChild',\n  'createChildSet',\n  'appendChildToSet',\n  'completeRoot',\n  'registerEventHandler',\n  'setIsJSResponder',\n  'dispatchCommand',\n  'measureInWindow',\n] as const satisfies readonly (keyof FabricUIManager)[];\n\n/**\n * A method the interface declares and the list above forgets.\n *\n * `satisfies` already checks that every name in the list is a real method. This is the other\n * direction, which is the one that bites: it resolves to `never` when the list is complete, and to\n * the missing name when it is not - so forgetting one is a compile error naming it rather than a\n * silent no-op on every phone.\n */\ntype AssertNever<T extends never> = T;\ntype AllMethodsListed = AssertNever<\n  Exclude<keyof FabricUIManager, (typeof FABRIC_METHODS)[number]>\n>;\n\nexport function getFabricUIManager(): FabricUIManager {\n  const raw = (globalThis as { nativeFabricUIManager?: Record<string, unknown> })\n    .nativeFabricUIManager;\n\n  if (!raw) {\n    throw new Error(\n      'nativeFabricUIManager is not available. The New Architecture must be enabled, ' +\n        'and mount() must run inside an AppRegistry runnable.',\n    );\n  }\n\n  // Typed with the check above, which is `never` when the list is complete and so adds nothing; a\n  // check nothing refers to is an unused local to a consumer compiling with `noUnusedLocals`.\n  const facade: Record<string, unknown> & { [name in AllMethodsListed]?: never } = {};\n  for (const name of FABRIC_METHODS) {\n    const value = raw[name];\n    if (typeof value === 'function') facade[name] = value.bind(raw);\n  }\n  return facade as unknown as FabricUIManager;\n}\n"]}
+{"version":3,"file":"fabric.js","sourceRoot":"","sources":["../src/fabric.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,YAAY;IACZ,0BAA0B;IAC1B,uBAAuB;IACvB,kCAAkC;IAClC,aAAa;IACb,8BAA8B;IAC9B,gBAAgB;IAChB,kBAAkB;IAClB,cAAc;IACd,sBAAsB;IACtB,kBAAkB;IAClB,iBAAiB;IACjB,iBAAiB;CACoC,CAAC;AAexD,MAAM,UAAU,kBAAkB;IAChC,MAAM,GAAG,GAAI,UAAkE;SAC5E,qBAAqB,CAAC;IAEzB,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,gFAAgF;YAC9E,sDAAsD,CACzD,CAAC;IACJ,CAAC;IAED,gGAAgG;IAChG,4FAA4F;IAC5F,MAAM,MAAM,GAAqE,EAAE,CAAC;IACpF,KAAK,MAAM,IAAI,IAAI,cAAc,EAAE,CAAC;QAClC,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,OAAO,KAAK,KAAK,UAAU;YAAE,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,MAAoC,CAAC;AAC9C,CAAC","sourcesContent":["/**\n * `global.nativeFabricUIManager` is a lazy caching proxy: every property access mints a\n * fresh host function. Read each method exactly once into a plain object (this is what\n * RN's own `FabricUIManager.js` does with its CACHED_PROPERTIES list).\n */\nimport type { FabricUIManager } from './engine.ts';\n\n/**\n * Every method of `FabricUIManager`, and nothing else.\n *\n * A name missing here is `undefined` on device and nowhere else, because the fake the suite runs\n * against implements the interface directly - so every test passes and every device fails. That\n * is not hypothetical: `measureInWindow` was added to the interface and to the engine and left out\n * here, and the anchored overlays it was built for could never have worked.\n *\n * `AllMethodsListed` below is what makes that impossible now rather than merely tested for.\n * Exported because the facade test iterates it: there was a second copy of this list in that file,\n * which is how the two managed to be wrong in the same way at the same time.\n */\nexport const FABRIC_METHODS = [\n  'createNode',\n  'cloneNodeWithNewChildren',\n  'cloneNodeWithNewProps',\n  'cloneNodeWithNewChildrenAndProps',\n  'appendChild',\n  'configureNextLayoutAnimation',\n  'createChildSet',\n  'appendChildToSet',\n  'completeRoot',\n  'registerEventHandler',\n  'setIsJSResponder',\n  'dispatchCommand',\n  'measureInWindow',\n] as const satisfies readonly (keyof FabricUIManager)[];\n\n/**\n * A method the interface declares and the list above forgets.\n *\n * `satisfies` already checks that every name in the list is a real method. This is the other\n * direction, which is the one that bites: it resolves to `never` when the list is complete, and to\n * the missing name when it is not - so forgetting one is a compile error naming it rather than a\n * silent no-op on every phone.\n */\ntype AssertNever<T extends never> = T;\ntype AllMethodsListed = AssertNever<\n  Exclude<keyof FabricUIManager, (typeof FABRIC_METHODS)[number]>\n>;\n\nexport function getFabricUIManager(): FabricUIManager {\n  const raw = (globalThis as { nativeFabricUIManager?: Record<string, unknown> })\n    .nativeFabricUIManager;\n\n  if (!raw) {\n    throw new Error(\n      'nativeFabricUIManager is not available. The New Architecture must be enabled, ' +\n        'and mount() must run inside an AppRegistry runnable.',\n    );\n  }\n\n  // Typed with the check above, which is `never` when the list is complete and so adds nothing; a\n  // check nothing refers to is an unused local to a consumer compiling with `noUnusedLocals`.\n  const facade: Record<string, unknown> & { [name in AllMethodsListed]?: never } = {};\n  for (const name of FABRIC_METHODS) {\n    const value = raw[name];\n    if (typeof value === 'function') facade[name] = value.bind(raw);\n  }\n  return facade as unknown as FabricUIManager;\n}\n"]}

package/dist/index.d.ts

@@ -21,3 +21,4 @@ export { HostEngine, type HostNode, type Settling } from './host.ts';
 export { getFabricUIManager } from './fabric.ts';
 export { pinnedRange, type DrivenProperty, type EventFeed, type NativeAnimated, type ScrollAxis, type ScrollDrive, type ScrollRange, type StaticTransform, } from './native-drive.ts';
 export { bezier, interpolate, redirect, sample, settled, step, tracksOf, tween, type AnimationSpec, type Keyframe, type RunningAnimation, type Transition, type TransitionSpec, } from './transition.ts';
+export { backgroundLayers, type BackgroundLayers } from './background-layers.ts';

package/dist/index.js

@@ -21,4 +21,5 @@ export { HostEngine } from "./host.js";
 export { getFabricUIManager } from "./fabric.js";
 export { pinnedRange, } from "./native-drive.js";
 export { bezier, interpolate, redirect, sample, settled, step, tracksOf, tween, } from "./transition.js";
+export { backgroundLayers } from "./background-layers.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EACL,aAAa,EACb,OAAO,EACP,YAAY,GAiBb,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,aAAa,EACb,MAAM,EACN,cAAc,EACd,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,0BAA0B,EAC1B,gBAAgB,EAGhB,UAAU,GAeX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,uBAAuB,EAAsB,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAgC,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACL,WAAW,GAQZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,MAAM,EACN,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,KAAK,GAMN,MAAM,iBAAiB,CAAC","sourcesContent":["/**\n * The engine's public surface.\n *\n * Nothing here imports Angular, and nothing here may start to: the engine stays\n * framework-agnostic (see docs/ARCHITECTURE.md), which is what keeps the commit logic testable without Angular in\n * the loop and a second adapter possible later.\n *\n * The CSS runtime lives here rather than in a package of its own because the cascade is driven\n * from the commit walk - the resolver runs per node, per tick - and because it is as\n * framework-agnostic as the rest of the engine. The build-time half of CSS is a different\n * animal and lives in `@ng-native/metro`.\n */\nexport {\n  StyleResolver,\n  matches,\n  styleSheetOf,\n  type AttributeTest,\n  type Combinator,\n  type Compound,\n  type Conditions,\n  type DeferredDeclaration,\n  type GradientTemplate,\n  type HslChannel,\n  type MediaCondition,\n  type NthTest,\n  type RuleIndex,\n  type StyleCache,\n  type StyleRule,\n  type StyleSheet,\n  type StyleTarget,\n  type TokenKind,\n  type TokenValue,\n} from './css.ts';\nexport { ELEMENT_STYLES, ELEMENT_STYLES_CSS } from './element-styles.ts';\nexport { EngineIntersectionObserver, installDeferTriggers } from './defer-triggers.ts';\nexport { faceName } from './font-faces.ts';\nexport { firstFamily } from './inline-token.ts';\nexport {\n  DIRECT_EVENTS,\n  Engine,\n  SyntheticEvent,\n  claimHost,\n  keepNativeView,\n  declareNativeProps,\n  fontsLoading,\n  fontsRegistered,\n  fontsSettled,\n  markComponentHost,\n  nativePlatform,\n  onFontsRegistered,\n  onFontsSettled,\n  registerHoist,\n  registerPlatformComponents,\n  registerViewName,\n  type PlatformViewName,\n  type ViewNameOptions,\n  viewNameOf,\n  type EngineNode,\n  type EngineOptions,\n  type EngineStats,\n  type FabricNode,\n  type FabricNodeSet,\n  type FabricUIManager,\n  type HoistOptions,\n  type NativeSyntheticEvent,\n  type NodeKind,\n  type ResponderEvent,\n  type ResponderHandlers,\n  type TouchPayload,\n  type ViewNameNode,\n  type WindowFrame,\n} from './engine.ts';\nexport { reportUnboundFormsInput, type NamedHostNode } from './forms-inputs.ts';\nexport { HostEngine, type HostNode, type Settling } from './host.ts';\nexport { getFabricUIManager } from './fabric.ts';\nexport {\n  pinnedRange,\n  type DrivenProperty,\n  type EventFeed,\n  type NativeAnimated,\n  type ScrollAxis,\n  type ScrollDrive,\n  type ScrollRange,\n  type StaticTransform,\n} from './native-drive.ts';\nexport {\n  bezier,\n  interpolate,\n  redirect,\n  sample,\n  settled,\n  step,\n  tracksOf,\n  tween,\n  type AnimationSpec,\n  type Keyframe,\n  type RunningAnimation,\n  type Transition,\n  type TransitionSpec,\n} from './transition.ts';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EACL,aAAa,EACb,OAAO,EACP,YAAY,GAiBb,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,aAAa,EACb,MAAM,EACN,cAAc,EACd,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,0BAA0B,EAC1B,gBAAgB,EAGhB,UAAU,GAeX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,uBAAuB,EAAsB,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAgC,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACL,WAAW,GAQZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,MAAM,EACN,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,KAAK,GAMN,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAyB,MAAM,wBAAwB,CAAC","sourcesContent":["/**\n * The engine's public surface.\n *\n * Nothing here imports Angular, and nothing here may start to: the engine stays\n * framework-agnostic (see docs/ARCHITECTURE.md), which is what keeps the commit logic testable without Angular in\n * the loop and a second adapter possible later.\n *\n * The CSS runtime lives here rather than in a package of its own because the cascade is driven\n * from the commit walk - the resolver runs per node, per tick - and because it is as\n * framework-agnostic as the rest of the engine. The build-time half of CSS is a different\n * animal and lives in `@ng-native/metro`.\n */\nexport {\n  StyleResolver,\n  matches,\n  styleSheetOf,\n  type AttributeTest,\n  type Combinator,\n  type Compound,\n  type Conditions,\n  type DeferredDeclaration,\n  type GradientTemplate,\n  type HslChannel,\n  type MediaCondition,\n  type NthTest,\n  type RuleIndex,\n  type StyleCache,\n  type StyleRule,\n  type StyleSheet,\n  type StyleTarget,\n  type TokenKind,\n  type TokenValue,\n} from './css.ts';\nexport { ELEMENT_STYLES, ELEMENT_STYLES_CSS } from './element-styles.ts';\nexport { EngineIntersectionObserver, installDeferTriggers } from './defer-triggers.ts';\nexport { faceName } from './font-faces.ts';\nexport { firstFamily } from './inline-token.ts';\nexport {\n  DIRECT_EVENTS,\n  Engine,\n  SyntheticEvent,\n  claimHost,\n  keepNativeView,\n  declareNativeProps,\n  fontsLoading,\n  fontsRegistered,\n  fontsSettled,\n  markComponentHost,\n  nativePlatform,\n  onFontsRegistered,\n  onFontsSettled,\n  registerHoist,\n  registerPlatformComponents,\n  registerViewName,\n  type PlatformViewName,\n  type ViewNameOptions,\n  viewNameOf,\n  type EngineNode,\n  type EngineOptions,\n  type EngineStats,\n  type FabricNode,\n  type FabricNodeSet,\n  type FabricUIManager,\n  type HoistOptions,\n  type NativeSyntheticEvent,\n  type NodeKind,\n  type ResponderEvent,\n  type ResponderHandlers,\n  type TouchPayload,\n  type ViewNameNode,\n  type WindowFrame,\n} from './engine.ts';\nexport { reportUnboundFormsInput, type NamedHostNode } from './forms-inputs.ts';\nexport { HostEngine, type HostNode, type Settling } from './host.ts';\nexport { getFabricUIManager } from './fabric.ts';\nexport {\n  pinnedRange,\n  type DrivenProperty,\n  type EventFeed,\n  type NativeAnimated,\n  type ScrollAxis,\n  type ScrollDrive,\n  type ScrollRange,\n  type StaticTransform,\n} from './native-drive.ts';\nexport {\n  bezier,\n  interpolate,\n  redirect,\n  sample,\n  settled,\n  step,\n  tracksOf,\n  tween,\n  type AnimationSpec,\n  type Keyframe,\n  type RunningAnimation,\n  type Transition,\n  type TransitionSpec,\n} from './transition.ts';\nexport { backgroundLayers, type BackgroundLayers } from './background-layers.ts';\n"]}

package/dist/native-drive.js

@@ -216,6 +216,15 @@ export class NativeScrollDriver {
         const style = {};
         if (channels.opacity)
             style['opacity'] = interpolation(channels.opacity);
+        for (const [property, parts] of Object.entries(channels.colors ?? {})) {
+            const [r, g, b, a] = parts.map(interpolation);
+            const colour = this.native.generateNewNodeTag();
+            API.createAnimatedNode(colour, { type: 'color', r, g, b, a });
+            for (const part of [r, g, b, a])
+                API.connectAnimatedNodes(part, colour);
+            style[property] = colour;
+            made.push(colour);
+        }
         if (channels.transform.length) {
             const transforms = channels.transform.map((channel) => 'range' in channel
                 ? { type: 'animated', property: channel.property, nodeTag: interpolation(channel.range) }

package/dist/native-drive.js.map

@@ -1 +1 @@
-{"version":3,"file":"native-drive.js","sourceRoot":"","sources":["../src/native-drive.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * A view moved by a scroll view's offset on the native side, with no JavaScript in between.\n *\n * A sticky header moved by a transform set from each scroll event lags the scroll: the event\n * reaches JavaScript, the transform is committed, and by the time Fabric mounts it the content has\n * moved on, so on a fast fling the header shudders and comes away from the edge it is pinned to.\n * React Native's own sticky headers do not, because `ScrollViewStickyHeader` maps the offset onto\n * an animated value on the native side and interpolates the header's translate from it there.\n * This is that mapping, for the engine's nodes: the scroll view's offset along one axis feeds a\n * value, the value an interpolation, the interpolation a translate, and native applies it on every\n * frame the scroll view moves.\n *\n * It goes through React Native's own `NativeAnimatedHelper`, whose node tags every other animated\n * value in the app also comes from, so none of them can collide.\n */\n\n/** The part of React Native's `NativeAnimatedHelper` default export this uses. */\nexport interface NativeAnimated {\n  generateNewNodeTag(): number;\n  generateNewAnimationId?(): number;\n  readonly API: {\n    /** Run a value through `config` on the native side, and say when it has ended. */\n    startAnimatingNode?(\n      animationId: number,\n      nodeTag: number,\n      config: object,\n      end: (result: { finished: boolean }) => void,\n    ): void;\n    stopAnimation?(animationId: number): void;\n    createAnimatedNode(tag: number, config: object): void;\n    connectAnimatedNodes(parentTag: number, childTag: number): void;\n    disconnectAnimatedNodes(parentTag: number, childTag: number): void;\n    connectAnimatedNodeToView(nodeTag: number, viewTag: number): void;\n    disconnectAnimatedNodeFromView(nodeTag: number, viewTag: number): void;\n    dropAnimatedNode(tag: number): void;\n    addAnimatedEventToView(\n      viewTag: number,\n      eventName: string,\n      mapping: { nativeEventPath: string[]; animatedValueTag: number },\n    ): void;\n    removeAnimatedEventFromView(viewTag: number, eventName: string, nodeTag: number): void;\n    setAnimatedNodeValue(nodeTag: number, value: number): void;\n    flushQueue?(): void;\n  };\n}\n\nimport type { DrivenChannels } from './scroll-animation.ts';\n\nexport type ScrollAxis = 'x' | 'y';\n\n/** A native event that feeds a value: the events carrying it, and the path to it in each. */\nexport interface EventFeed {\n  readonly events: readonly string[];\n  readonly path: readonly string[];\n}\n\n/** What a driven view moves along. */\nexport type DrivenProperty = 'translateX' | 'translateY';\n\n/** Where a driven view sits for each scroll offset, as an interpolation clamped at both ends. */\nexport interface ScrollRange {\n  readonly input: readonly number[];\n  readonly output: readonly number[];\n}\n\n/** A transform native keeps beside the driven translate, such as an inverted list's flip. */\nexport type StaticTransform = Readonly<Record<string, number>>;\n\n/**\n * A view moved by a scroll. `update` moves it by a new range; `shift` adds an amount to where the\n * range puts it, for a drive made with one; `stop` lets it go.\n */\nexport interface ScrollDrive {\n  update(range: ScrollRange): void;\n  shift(amount: number): void;\n  stop(): void;\n}\n\ninterface Offset {\n  readonly value: number;\n  readonly viewTag: number;\n  readonly feed: EventFeed;\n  users: number;\n}\n\ninterface Nodes {\n  interpolation: number;\n  /** The shift JavaScript sets, and the sum of it and the interpolation, for a shifted drive. */\n  shift: number | null;\n  sum: number | null;\n  transform: number;\n  style: number;\n  props: number;\n}\n\ninterface Drive {\n  viewTag: number | null;\n  range: ScrollRange;\n  /** The amount added to the range's translate, or null for a drive without one. */\n  shift: number | null;\n  nodes: Nodes | null;\n  stopped: boolean;\n}\n\nexport class NativeScrollDriver {\n  private readonly native: NativeAnimated;\n  /** One value per source view and feed, by the feed's key. */\n  private readonly offsets = new Map<object, Map<string, Offset>>();\n  private readonly pending = new Set<() => boolean>();\n\n  constructor(native: NativeAnimated) {\n    this.native = native;\n  }\n\n  /**\n   * Move a view by a scroll. `tagOf` answers a node's view tag once it has been committed, and\n   * null before, which is why the connection may wait for a commit: `connect` is tried again by\n   * `afterCommit` until both views exist.\n   */\n  drive(\n    view: object,\n    source: object,\n    feed: EventFeed,\n    property: DrivenProperty,\n    range: ScrollRange,\n    statics: readonly StaticTransform[],\n    tagOf: (node: object) => number | null,\n    shift: number | null = null,\n  ): ScrollDrive {\n    const drive: Drive = { viewTag: null, range, shift, nodes: null, stopped: false };\n    const key = feedKey(feed);\n    const connect = (): boolean => {\n      if (drive.stopped) return true;\n      const viewTag = tagOf(view);\n      const sourceTag = tagOf(source);\n      if (viewTag === null || sourceTag === null) return false;\n      drive.viewTag = viewTag;\n      const offset = this.offset(source, sourceTag, feed, key);\n      drive.nodes = this.build(offset.value, viewTag, property, drive, statics);\n      this.flush();\n      return true;\n    };\n    if (!connect()) this.pending.add(connect);\n    return {\n      update: (next) => {\n        if (drive.stopped || sameRange(drive.range, next)) return;\n        drive.range = next;\n        if (!drive.nodes || drive.viewTag === null) return;\n        this.tearDown(drive.nodes, drive.viewTag);\n        const offset = this.offsets.get(source)!.get(key)!;\n        drive.nodes = this.build(offset.value, drive.viewTag, property, drive, statics);\n        this.flush();\n      },\n      shift: (amount) => {\n        if (drive.stopped || drive.shift === null || drive.shift === amount) return;\n        drive.shift = amount;\n        if (drive.nodes?.shift == null) return;\n        this.native.API.setAnimatedNodeValue(drive.nodes.shift, amount);\n        this.flush();\n      },\n      stop: () => {\n        if (drive.stopped) return;\n        drive.stopped = true;\n        this.pending.delete(connect);\n        if (!drive.nodes || drive.viewTag === null) return;\n        this.tearDown(drive.nodes, drive.viewTag);\n        this.release(source, key);\n        this.flush();\n      },\n    };\n  }\n\n  /**\n   * Play a view's opacity and transform by a scroll: each channel an interpolation from the\n   * offset, as `scroll-animation.ts` lays a `@keyframes` animation along it. `update` rebuilds\n   * the channels, when the scroll view says how far it scrolls; `stop` lets the view go.\n   */\n  animate(\n    view: object,\n    source: object,\n    feed: EventFeed,\n    channels: DrivenChannels,\n    tagOf: (node: object) => number | null,\n  ): { update(channels: DrivenChannels): void; stop(): void } {\n    const state = {\n      channels,\n      viewTag: null as number | null,\n      nodes: null as number[] | null,\n      stopped: false,\n    };\n    const key = feedKey(feed);\n    const connect = (): boolean => {\n      if (state.stopped) return true;\n      const viewTag = tagOf(view);\n      const sourceTag = tagOf(source);\n      if (viewTag === null || sourceTag === null) return false;\n      state.viewTag = viewTag;\n      const offset = this.offset(source, sourceTag, feed, key);\n      state.nodes = this.buildChannels(offset.value, viewTag, state.channels);\n      this.flush();\n      return true;\n    };\n    if (!connect()) this.pending.add(connect);\n    return {\n      update: (next) => {\n        if (state.stopped) return;\n        state.channels = next;\n        if (!state.nodes || state.viewTag === null) return;\n        this.dropChannels(state.nodes, state.viewTag);\n        const offset = this.offsets.get(source)!.get(key)!;\n        state.nodes = this.buildChannels(offset.value, state.viewTag, next);\n        this.flush();\n      },\n      stop: () => {\n        if (state.stopped) return;\n        state.stopped = true;\n        this.pending.delete(connect);\n        if (!state.nodes || state.viewTag === null) return;\n        this.dropChannels(state.nodes, state.viewTag);\n        this.release(source, key);\n        this.flush();\n      },\n    };\n  }\n\n  /**\n   * Play a view's opacity and transform by the clock: each channel an interpolation from a value\n   * native runs from nothing to `timing.toValue`, over the frames it is given, as many times as\n   * asked. Nothing runs in JavaScript while it plays. `ended` is told when native reaches the end\n   * of the last iteration; `stop` lets the view go, and stops an animation still playing.\n   *\n   * Null where the native module cannot start an animation, and the caller plays it itself.\n   */\n  play(\n    view: object,\n    channels: DrivenChannels,\n    timing: { frames: readonly number[]; toValue: number; iterations: number },\n    tagOf: (node: object) => number | null,\n    ended: () => void,\n  ): { stop(): void } | null {\n    const { API } = this.native;\n    const start = API.startAnimatingNode;\n    if (!start || !API.stopAnimation || !this.native.generateNewAnimationId) return null;\n    const state = {\n      viewTag: null as number | null,\n      nodes: null as number[] | null,\n      value: 0,\n      id: 0,\n      over: false,\n    };\n    const connect = (): boolean => {\n      if (state.over) return true;\n      const viewTag = tagOf(view);\n      if (viewTag === null) return false;\n      state.viewTag = viewTag;\n      state.value = this.native.generateNewNodeTag();\n      API.createAnimatedNode(state.value, { type: 'value', value: 0, offset: 0 });\n      state.nodes = this.buildChannels(state.value, viewTag, channels);\n      state.id = this.native.generateNewAnimationId!();\n      const config = { type: 'frames', frames: [...timing.frames], toValue: timing.toValue };\n      start(state.id, state.value, { ...config, iterations: timing.iterations }, (result) => {\n        // Stopped rather than finished is the caller's own doing, and it knows.\n        if (!result.finished || state.over) return;\n        state.id = 0;\n        // Written once more, to the view as it is now. A view is mounted when the task that\n        // made it is over, and an animation no longer than that task is over before there is a\n        // view to move: the view is then mounted at the frame the animation started from.\n        API.setAnimatedNodeValue(state.value, timing.toValue);\n        this.flush();\n        ended();\n      });\n      this.flush();\n      return true;\n    };\n    if (!connect()) this.pending.add(connect);\n    return {\n      stop: () => {\n        if (state.over) return;\n        state.over = true;\n        this.pending.delete(connect);\n        if (!state.nodes || state.viewTag === null) return;\n        if (state.id) API.stopAnimation!(state.id);\n        this.dropChannels(state.nodes, state.viewTag);\n        API.dropAnimatedNode(state.value);\n        this.flush();\n      },\n    };\n  }\n\n  /** The nodes for a set of channels, connected to the view; the props node first. */\n  private buildChannels(value: number, viewTag: number, channels: DrivenChannels): number[] {\n    const { API } = this.native;\n    const made: number[] = [];\n    const interpolation = (range: ScrollRange): number => {\n      const tag = this.native.generateNewNodeTag();\n      API.createAnimatedNode(tag, {\n        type: 'interpolation',\n        inputRange: [...range.input],\n        outputRange: [...range.output],\n        extrapolateLeft: 'clamp',\n        extrapolateRight: 'clamp',\n      });\n      API.connectAnimatedNodes(value, tag);\n      made.push(tag);\n      return tag;\n    };\n    const style: Record<string, number> = {};\n    if (channels.opacity) style['opacity'] = interpolation(channels.opacity);\n    if (channels.transform.length) {\n      const transforms = channels.transform.map((channel) =>\n        'range' in channel\n          ? { type: 'animated', property: channel.property, nodeTag: interpolation(channel.range) }\n          : { type: 'static', property: channel.property, value: channel.value },\n      );\n      const transform = this.native.generateNewNodeTag();\n      API.createAnimatedNode(transform, { type: 'transform', transforms });\n      for (const entry of transforms) {\n        if (entry.type === 'animated') API.connectAnimatedNodes(entry.nodeTag!, transform);\n      }\n      style['transform'] = transform;\n      made.push(transform);\n    }\n    const styleTag = this.native.generateNewNodeTag();\n    API.createAnimatedNode(styleTag, { type: 'style', style });\n    for (const tag of Object.values(style)) API.connectAnimatedNodes(tag, styleTag);\n    const props = this.native.generateNewNodeTag();\n    API.createAnimatedNode(props, { type: 'props', props: { style: styleTag } });\n    API.connectAnimatedNodes(styleTag, props);\n    API.connectAnimatedNodeToView(props, viewTag);\n    return [props, styleTag, ...made.reverse()];\n  }\n\n  private dropChannels(nodes: readonly number[], viewTag: number): void {\n    const { API } = this.native;\n    API.disconnectAnimatedNodeFromView(nodes[0]!, viewTag);\n    for (const tag of nodes) API.dropAnimatedNode(tag);\n  }\n\n  /** Connects every drive still waiting for its views, now that a commit may have made them. */\n  afterCommit(): void {\n    for (const connect of [...this.pending]) if (connect()) this.pending.delete(connect);\n  }\n\n  /** One value per source view and feed, fed by its events, shared by every view it drives. */\n  private offset(source: object, viewTag: number, feed: EventFeed, key: string): Offset {\n    let feeds = this.offsets.get(source);\n    if (!feeds) this.offsets.set(source, (feeds = new Map()));\n    let offset = feeds.get(key);\n    if (!offset) {\n      const value = this.native.generateNewNodeTag();\n      this.native.API.createAnimatedNode(value, { type: 'value', value: 0, offset: 0 });\n      for (const event of feed.events) {\n        this.native.API.addAnimatedEventToView(viewTag, event, {\n          nativeEventPath: [...feed.path],\n          animatedValueTag: value,\n        });\n      }\n      offset = { value, viewTag, feed, users: 0 };\n      feeds.set(key, offset);\n    }\n    offset.users++;\n    return offset;\n  }\n\n  private release(source: object, key: string): void {\n    const feeds = this.offsets.get(source);\n    const offset = feeds?.get(key);\n    if (!feeds || !offset || --offset.users > 0) return;\n    feeds.delete(key);\n    if (feeds.size === 0) this.offsets.delete(source);\n    for (const event of offset.feed.events) {\n      this.native.API.removeAnimatedEventFromView(offset.viewTag, event, offset.value);\n    }\n    this.native.API.dropAnimatedNode(offset.value);\n  }\n\n  private build(\n    value: number,\n    viewTag: number,\n    property: DrivenProperty,\n    drive: Drive,\n    statics: readonly StaticTransform[],\n  ): Nodes {\n    const { API } = this.native;\n    const range = drive.range;\n    const interpolation = this.native.generateNewNodeTag();\n    API.createAnimatedNode(interpolation, {\n      type: 'interpolation',\n      inputRange: [...range.input],\n      outputRange: [...range.output],\n      extrapolateLeft: 'clamp',\n      extrapolateRight: 'clamp',\n    });\n    let shift: number | null = null;\n    let sum: number | null = null;\n    if (drive.shift !== null) {\n      shift = this.native.generateNewNodeTag();\n      API.createAnimatedNode(shift, { type: 'value', value: drive.shift, offset: 0 });\n      sum = this.native.generateNewNodeTag();\n      API.createAnimatedNode(sum, { type: 'addition', input: [interpolation, shift] });\n    }\n    const transform = this.native.generateNewNodeTag();\n    API.createAnimatedNode(transform, {\n      type: 'transform',\n      transforms: [\n        {\n          type: 'animated',\n          property,\n          nodeTag: sum ?? interpolation,\n        },\n        ...statics.flatMap((entry) =>\n          Object.entries(entry).map(([property, amount]) => ({\n            type: 'static',\n            property,\n            value: amount,\n          })),\n        ),\n      ],\n    });\n    // A style node between, as `Animated` builds it: RN's props node on iOS reads its values from\n    // a style node and ignores a transform node connected to it directly.\n    const style = this.native.generateNewNodeTag();\n    API.createAnimatedNode(style, { type: 'style', style: { transform } });\n    const props = this.native.generateNewNodeTag();\n    API.createAnimatedNode(props, { type: 'props', props: { style } });\n    API.connectAnimatedNodes(value, interpolation);\n    if (shift !== null && sum !== null) {\n      API.connectAnimatedNodes(interpolation, sum);\n      API.connectAnimatedNodes(shift, sum);\n      API.connectAnimatedNodes(sum, transform);\n    } else {\n      API.connectAnimatedNodes(interpolation, transform);\n    }\n    API.connectAnimatedNodes(transform, style);\n    API.connectAnimatedNodes(style, props);\n    API.connectAnimatedNodeToView(props, viewTag);\n    return { interpolation, shift, sum, transform, style, props };\n  }\n\n  private tearDown(nodes: Nodes, viewTag: number): void {\n    const { API } = this.native;\n    API.disconnectAnimatedNodeFromView(nodes.props, viewTag);\n    API.dropAnimatedNode(nodes.props);\n    API.dropAnimatedNode(nodes.style);\n    API.dropAnimatedNode(nodes.transform);\n    if (nodes.sum !== null) API.dropAnimatedNode(nodes.sum);\n    if (nodes.shift !== null) API.dropAnimatedNode(nodes.shift);\n    API.dropAnimatedNode(nodes.interpolation);\n  }\n\n  private flush(): void {\n    this.native.API.flushQueue?.();\n  }\n}\n\nfunction feedKey(feed: EventFeed): string {\n  return `${feed.events.join(',')}:${feed.path.join('.')}`;\n}\n\n/** A scroll view's offset along an axis, as `onScroll` carries it. */\nexport function scrollFeed(axis: ScrollAxis): EventFeed {\n  return { events: ['onScroll'], path: ['contentOffset', axis] };\n}\n\nfunction sameRange(a: ScrollRange, b: ScrollRange): boolean {\n  return (\n    a.input.length === b.input.length &&\n    a.input.every((value, i) => value === b.input[i]) &&\n    a.output.every((value, i) => value === b.output[i])\n  );\n}\n\n/**\n * The translate a pinned view needs at each scroll offset: none until the offset reaches where\n * the view starts, then the offset past that, until `until`, where the next pinned view pushes it\n * off and it stays. `start` and `until` are in the scroll view's own coordinates.\n */\nexport function pinnedRange(start: number, until = Infinity): ScrollRange {\n  if (!Number.isFinite(until) || until <= start) {\n    // A large finite end, since native interpolation takes numbers and extends nothing here.\n    return { input: [start, start + 1e7], output: [0, 1e7] };\n  }\n  return { input: [start, until], output: [0, until - start] };\n}\n"]}
+{"version":3,"file":"native-drive.js","sourceRoot":"","sources":["../src/native-drive.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * A view moved by a scroll view's offset on the native side, with no JavaScript in between.\n *\n * A sticky header moved by a transform set from each scroll event lags the scroll: the event\n * reaches JavaScript, the transform is committed, and by the time Fabric mounts it the content has\n * moved on, so on a fast fling the header shudders and comes away from the edge it is pinned to.\n * React Native's own sticky headers do not, because `ScrollViewStickyHeader` maps the offset onto\n * an animated value on the native side and interpolates the header's translate from it there.\n * This is that mapping, for the engine's nodes: the scroll view's offset along one axis feeds a\n * value, the value an interpolation, the interpolation a translate, and native applies it on every\n * frame the scroll view moves.\n *\n * It goes through React Native's own `NativeAnimatedHelper`, whose node tags every other animated\n * value in the app also comes from, so none of them can collide.\n */\n\n/** The part of React Native's `NativeAnimatedHelper` default export this uses. */\nexport interface NativeAnimated {\n  generateNewNodeTag(): number;\n  generateNewAnimationId?(): number;\n  readonly API: {\n    /** Run a value through `config` on the native side, and say when it has ended. */\n    startAnimatingNode?(\n      animationId: number,\n      nodeTag: number,\n      config: object,\n      end: (result: { finished: boolean }) => void,\n    ): void;\n    stopAnimation?(animationId: number): void;\n    createAnimatedNode(tag: number, config: object): void;\n    connectAnimatedNodes(parentTag: number, childTag: number): void;\n    disconnectAnimatedNodes(parentTag: number, childTag: number): void;\n    connectAnimatedNodeToView(nodeTag: number, viewTag: number): void;\n    disconnectAnimatedNodeFromView(nodeTag: number, viewTag: number): void;\n    dropAnimatedNode(tag: number): void;\n    addAnimatedEventToView(\n      viewTag: number,\n      eventName: string,\n      mapping: { nativeEventPath: string[]; animatedValueTag: number },\n    ): void;\n    removeAnimatedEventFromView(viewTag: number, eventName: string, nodeTag: number): void;\n    setAnimatedNodeValue(nodeTag: number, value: number): void;\n    flushQueue?(): void;\n  };\n}\n\nimport type { DrivenChannels } from './scroll-animation.ts';\n\nexport type ScrollAxis = 'x' | 'y';\n\n/** A native event that feeds a value: the events carrying it, and the path to it in each. */\nexport interface EventFeed {\n  readonly events: readonly string[];\n  readonly path: readonly string[];\n}\n\n/** What a driven view moves along. */\nexport type DrivenProperty = 'translateX' | 'translateY';\n\n/** Where a driven view sits for each scroll offset, as an interpolation clamped at both ends. */\nexport interface ScrollRange {\n  readonly input: readonly number[];\n  readonly output: readonly number[];\n}\n\n/** A transform native keeps beside the driven translate, such as an inverted list's flip. */\nexport type StaticTransform = Readonly<Record<string, number>>;\n\n/**\n * A view moved by a scroll. `update` moves it by a new range; `shift` adds an amount to where the\n * range puts it, for a drive made with one; `stop` lets it go.\n */\nexport interface ScrollDrive {\n  update(range: ScrollRange): void;\n  shift(amount: number): void;\n  stop(): void;\n}\n\ninterface Offset {\n  readonly value: number;\n  readonly viewTag: number;\n  readonly feed: EventFeed;\n  users: number;\n}\n\ninterface Nodes {\n  interpolation: number;\n  /** The shift JavaScript sets, and the sum of it and the interpolation, for a shifted drive. */\n  shift: number | null;\n  sum: number | null;\n  transform: number;\n  style: number;\n  props: number;\n}\n\ninterface Drive {\n  viewTag: number | null;\n  range: ScrollRange;\n  /** The amount added to the range's translate, or null for a drive without one. */\n  shift: number | null;\n  nodes: Nodes | null;\n  stopped: boolean;\n}\n\nexport class NativeScrollDriver {\n  private readonly native: NativeAnimated;\n  /** One value per source view and feed, by the feed's key. */\n  private readonly offsets = new Map<object, Map<string, Offset>>();\n  private readonly pending = new Set<() => boolean>();\n\n  constructor(native: NativeAnimated) {\n    this.native = native;\n  }\n\n  /**\n   * Move a view by a scroll. `tagOf` answers a node's view tag once it has been committed, and\n   * null before, which is why the connection may wait for a commit: `connect` is tried again by\n   * `afterCommit` until both views exist.\n   */\n  drive(\n    view: object,\n    source: object,\n    feed: EventFeed,\n    property: DrivenProperty,\n    range: ScrollRange,\n    statics: readonly StaticTransform[],\n    tagOf: (node: object) => number | null,\n    shift: number | null = null,\n  ): ScrollDrive {\n    const drive: Drive = { viewTag: null, range, shift, nodes: null, stopped: false };\n    const key = feedKey(feed);\n    const connect = (): boolean => {\n      if (drive.stopped) return true;\n      const viewTag = tagOf(view);\n      const sourceTag = tagOf(source);\n      if (viewTag === null || sourceTag === null) return false;\n      drive.viewTag = viewTag;\n      const offset = this.offset(source, sourceTag, feed, key);\n      drive.nodes = this.build(offset.value, viewTag, property, drive, statics);\n      this.flush();\n      return true;\n    };\n    if (!connect()) this.pending.add(connect);\n    return {\n      update: (next) => {\n        if (drive.stopped || sameRange(drive.range, next)) return;\n        drive.range = next;\n        if (!drive.nodes || drive.viewTag === null) return;\n        this.tearDown(drive.nodes, drive.viewTag);\n        const offset = this.offsets.get(source)!.get(key)!;\n        drive.nodes = this.build(offset.value, drive.viewTag, property, drive, statics);\n        this.flush();\n      },\n      shift: (amount) => {\n        if (drive.stopped || drive.shift === null || drive.shift === amount) return;\n        drive.shift = amount;\n        if (drive.nodes?.shift == null) return;\n        this.native.API.setAnimatedNodeValue(drive.nodes.shift, amount);\n        this.flush();\n      },\n      stop: () => {\n        if (drive.stopped) return;\n        drive.stopped = true;\n        this.pending.delete(connect);\n        if (!drive.nodes || drive.viewTag === null) return;\n        this.tearDown(drive.nodes, drive.viewTag);\n        this.release(source, key);\n        this.flush();\n      },\n    };\n  }\n\n  /**\n   * Play a view's opacity and transform by a scroll: each channel an interpolation from the\n   * offset, as `scroll-animation.ts` lays a `@keyframes` animation along it. `update` rebuilds\n   * the channels, when the scroll view says how far it scrolls; `stop` lets the view go.\n   */\n  animate(\n    view: object,\n    source: object,\n    feed: EventFeed,\n    channels: DrivenChannels,\n    tagOf: (node: object) => number | null,\n  ): { update(channels: DrivenChannels): void; stop(): void } {\n    const state = {\n      channels,\n      viewTag: null as number | null,\n      nodes: null as number[] | null,\n      stopped: false,\n    };\n    const key = feedKey(feed);\n    const connect = (): boolean => {\n      if (state.stopped) return true;\n      const viewTag = tagOf(view);\n      const sourceTag = tagOf(source);\n      if (viewTag === null || sourceTag === null) return false;\n      state.viewTag = viewTag;\n      const offset = this.offset(source, sourceTag, feed, key);\n      state.nodes = this.buildChannels(offset.value, viewTag, state.channels);\n      this.flush();\n      return true;\n    };\n    if (!connect()) this.pending.add(connect);\n    return {\n      update: (next) => {\n        if (state.stopped) return;\n        state.channels = next;\n        if (!state.nodes || state.viewTag === null) return;\n        this.dropChannels(state.nodes, state.viewTag);\n        const offset = this.offsets.get(source)!.get(key)!;\n        state.nodes = this.buildChannels(offset.value, state.viewTag, next);\n        this.flush();\n      },\n      stop: () => {\n        if (state.stopped) return;\n        state.stopped = true;\n        this.pending.delete(connect);\n        if (!state.nodes || state.viewTag === null) return;\n        this.dropChannels(state.nodes, state.viewTag);\n        this.release(source, key);\n        this.flush();\n      },\n    };\n  }\n\n  /**\n   * Play a view's opacity and transform by the clock: each channel an interpolation from a value\n   * native runs from nothing to `timing.toValue`, over the frames it is given, as many times as\n   * asked. Nothing runs in JavaScript while it plays. `ended` is told when native reaches the end\n   * of the last iteration; `stop` lets the view go, and stops an animation still playing.\n   *\n   * Null where the native module cannot start an animation, and the caller plays it itself.\n   */\n  play(\n    view: object,\n    channels: DrivenChannels,\n    timing: { frames: readonly number[]; toValue: number; iterations: number },\n    tagOf: (node: object) => number | null,\n    ended: () => void,\n  ): { stop(): void } | null {\n    const { API } = this.native;\n    const start = API.startAnimatingNode;\n    if (!start || !API.stopAnimation || !this.native.generateNewAnimationId) return null;\n    const state = {\n      viewTag: null as number | null,\n      nodes: null as number[] | null,\n      value: 0,\n      id: 0,\n      over: false,\n    };\n    const connect = (): boolean => {\n      if (state.over) return true;\n      const viewTag = tagOf(view);\n      if (viewTag === null) return false;\n      state.viewTag = viewTag;\n      state.value = this.native.generateNewNodeTag();\n      API.createAnimatedNode(state.value, { type: 'value', value: 0, offset: 0 });\n      state.nodes = this.buildChannels(state.value, viewTag, channels);\n      state.id = this.native.generateNewAnimationId!();\n      const config = { type: 'frames', frames: [...timing.frames], toValue: timing.toValue };\n      start(state.id, state.value, { ...config, iterations: timing.iterations }, (result) => {\n        // Stopped rather than finished is the caller's own doing, and it knows.\n        if (!result.finished || state.over) return;\n        state.id = 0;\n        // Written once more, to the view as it is now. A view is mounted when the task that\n        // made it is over, and an animation no longer than that task is over before there is a\n        // view to move: the view is then mounted at the frame the animation started from.\n        API.setAnimatedNodeValue(state.value, timing.toValue);\n        this.flush();\n        ended();\n      });\n      this.flush();\n      return true;\n    };\n    if (!connect()) this.pending.add(connect);\n    return {\n      stop: () => {\n        if (state.over) return;\n        state.over = true;\n        this.pending.delete(connect);\n        if (!state.nodes || state.viewTag === null) return;\n        if (state.id) API.stopAnimation!(state.id);\n        this.dropChannels(state.nodes, state.viewTag);\n        API.dropAnimatedNode(state.value);\n        this.flush();\n      },\n    };\n  }\n\n  /** The nodes for a set of channels, connected to the view; the props node first. */\n  private buildChannels(value: number, viewTag: number, channels: DrivenChannels): number[] {\n    const { API } = this.native;\n    const made: number[] = [];\n    const interpolation = (range: ScrollRange): number => {\n      const tag = this.native.generateNewNodeTag();\n      API.createAnimatedNode(tag, {\n        type: 'interpolation',\n        inputRange: [...range.input],\n        outputRange: [...range.output],\n        extrapolateLeft: 'clamp',\n        extrapolateRight: 'clamp',\n      });\n      API.connectAnimatedNodes(value, tag);\n      made.push(tag);\n      return tag;\n    };\n    const style: Record<string, number> = {};\n    if (channels.opacity) style['opacity'] = interpolation(channels.opacity);\n    for (const [property, parts] of Object.entries(channels.colors ?? {})) {\n      const [r, g, b, a] = parts.map(interpolation);\n      const colour = this.native.generateNewNodeTag();\n      API.createAnimatedNode(colour, { type: 'color', r, g, b, a });\n      for (const part of [r, g, b, a]) API.connectAnimatedNodes(part!, colour);\n      style[property] = colour;\n      made.push(colour);\n    }\n    if (channels.transform.length) {\n      const transforms = channels.transform.map((channel) =>\n        'range' in channel\n          ? { type: 'animated', property: channel.property, nodeTag: interpolation(channel.range) }\n          : { type: 'static', property: channel.property, value: channel.value },\n      );\n      const transform = this.native.generateNewNodeTag();\n      API.createAnimatedNode(transform, { type: 'transform', transforms });\n      for (const entry of transforms) {\n        if (entry.type === 'animated') API.connectAnimatedNodes(entry.nodeTag!, transform);\n      }\n      style['transform'] = transform;\n      made.push(transform);\n    }\n    const styleTag = this.native.generateNewNodeTag();\n    API.createAnimatedNode(styleTag, { type: 'style', style });\n    for (const tag of Object.values(style)) API.connectAnimatedNodes(tag, styleTag);\n    const props = this.native.generateNewNodeTag();\n    API.createAnimatedNode(props, { type: 'props', props: { style: styleTag } });\n    API.connectAnimatedNodes(styleTag, props);\n    API.connectAnimatedNodeToView(props, viewTag);\n    return [props, styleTag, ...made.reverse()];\n  }\n\n  private dropChannels(nodes: readonly number[], viewTag: number): void {\n    const { API } = this.native;\n    API.disconnectAnimatedNodeFromView(nodes[0]!, viewTag);\n    for (const tag of nodes) API.dropAnimatedNode(tag);\n  }\n\n  /** Connects every drive still waiting for its views, now that a commit may have made them. */\n  afterCommit(): void {\n    for (const connect of [...this.pending]) if (connect()) this.pending.delete(connect);\n  }\n\n  /** One value per source view and feed, fed by its events, shared by every view it drives. */\n  private offset(source: object, viewTag: number, feed: EventFeed, key: string): Offset {\n    let feeds = this.offsets.get(source);\n    if (!feeds) this.offsets.set(source, (feeds = new Map()));\n    let offset = feeds.get(key);\n    if (!offset) {\n      const value = this.native.generateNewNodeTag();\n      this.native.API.createAnimatedNode(value, { type: 'value', value: 0, offset: 0 });\n      for (const event of feed.events) {\n        this.native.API.addAnimatedEventToView(viewTag, event, {\n          nativeEventPath: [...feed.path],\n          animatedValueTag: value,\n        });\n      }\n      offset = { value, viewTag, feed, users: 0 };\n      feeds.set(key, offset);\n    }\n    offset.users++;\n    return offset;\n  }\n\n  private release(source: object, key: string): void {\n    const feeds = this.offsets.get(source);\n    const offset = feeds?.get(key);\n    if (!feeds || !offset || --offset.users > 0) return;\n    feeds.delete(key);\n    if (feeds.size === 0) this.offsets.delete(source);\n    for (const event of offset.feed.events) {\n      this.native.API.removeAnimatedEventFromView(offset.viewTag, event, offset.value);\n    }\n    this.native.API.dropAnimatedNode(offset.value);\n  }\n\n  private build(\n    value: number,\n    viewTag: number,\n    property: DrivenProperty,\n    drive: Drive,\n    statics: readonly StaticTransform[],\n  ): Nodes {\n    const { API } = this.native;\n    const range = drive.range;\n    const interpolation = this.native.generateNewNodeTag();\n    API.createAnimatedNode(interpolation, {\n      type: 'interpolation',\n      inputRange: [...range.input],\n      outputRange: [...range.output],\n      extrapolateLeft: 'clamp',\n      extrapolateRight: 'clamp',\n    });\n    let shift: number | null = null;\n    let sum: number | null = null;\n    if (drive.shift !== null) {\n      shift = this.native.generateNewNodeTag();\n      API.createAnimatedNode(shift, { type: 'value', value: drive.shift, offset: 0 });\n      sum = this.native.generateNewNodeTag();\n      API.createAnimatedNode(sum, { type: 'addition', input: [interpolation, shift] });\n    }\n    const transform = this.native.generateNewNodeTag();\n    API.createAnimatedNode(transform, {\n      type: 'transform',\n      transforms: [\n        {\n          type: 'animated',\n          property,\n          nodeTag: sum ?? interpolation,\n        },\n        ...statics.flatMap((entry) =>\n          Object.entries(entry).map(([property, amount]) => ({\n            type: 'static',\n            property,\n            value: amount,\n          })),\n        ),\n      ],\n    });\n    // A style node between, as `Animated` builds it: RN's props node on iOS reads its values from\n    // a style node and ignores a transform node connected to it directly.\n    const style = this.native.generateNewNodeTag();\n    API.createAnimatedNode(style, { type: 'style', style: { transform } });\n    const props = this.native.generateNewNodeTag();\n    API.createAnimatedNode(props, { type: 'props', props: { style } });\n    API.connectAnimatedNodes(value, interpolation);\n    if (shift !== null && sum !== null) {\n      API.connectAnimatedNodes(interpolation, sum);\n      API.connectAnimatedNodes(shift, sum);\n      API.connectAnimatedNodes(sum, transform);\n    } else {\n      API.connectAnimatedNodes(interpolation, transform);\n    }\n    API.connectAnimatedNodes(transform, style);\n    API.connectAnimatedNodes(style, props);\n    API.connectAnimatedNodeToView(props, viewTag);\n    return { interpolation, shift, sum, transform, style, props };\n  }\n\n  private tearDown(nodes: Nodes, viewTag: number): void {\n    const { API } = this.native;\n    API.disconnectAnimatedNodeFromView(nodes.props, viewTag);\n    API.dropAnimatedNode(nodes.props);\n    API.dropAnimatedNode(nodes.style);\n    API.dropAnimatedNode(nodes.transform);\n    if (nodes.sum !== null) API.dropAnimatedNode(nodes.sum);\n    if (nodes.shift !== null) API.dropAnimatedNode(nodes.shift);\n    API.dropAnimatedNode(nodes.interpolation);\n  }\n\n  private flush(): void {\n    this.native.API.flushQueue?.();\n  }\n}\n\nfunction feedKey(feed: EventFeed): string {\n  return `${feed.events.join(',')}:${feed.path.join('.')}`;\n}\n\n/** A scroll view's offset along an axis, as `onScroll` carries it. */\nexport function scrollFeed(axis: ScrollAxis): EventFeed {\n  return { events: ['onScroll'], path: ['contentOffset', axis] };\n}\n\nfunction sameRange(a: ScrollRange, b: ScrollRange): boolean {\n  return (\n    a.input.length === b.input.length &&\n    a.input.every((value, i) => value === b.input[i]) &&\n    a.output.every((value, i) => value === b.output[i])\n  );\n}\n\n/**\n * The translate a pinned view needs at each scroll offset: none until the offset reaches where\n * the view starts, then the offset past that, until `until`, where the next pinned view pushes it\n * off and it stays. `start` and `until` are in the scroll view's own coordinates.\n */\nexport function pinnedRange(start: number, until = Infinity): ScrollRange {\n  if (!Number.isFinite(until) || until <= start) {\n    // A large finite end, since native interpolation takes numbers and extends nothing here.\n    return { input: [start, start + 1e7], output: [0, 1e7] };\n  }\n  return { input: [start, until], output: [0, until - start] };\n}\n"]}

package/dist/scroll-animation.d.ts

@@ -16,9 +16,12 @@ type Track = readonly {
 /** The channels a scroll-driven animation drives natively, in the order native applies them. */
 export interface DrivenChannels {
     readonly opacity?: ScrollRange;
+    /** Each colour native eases, as its red, green, blue and alpha: see `colourChannels`. */
+    readonly colors?: Readonly<Record<string, ColourRanges>>;
     /** Every transform entry the view paints: driven by the scroll, or held as it is. */
     readonly transform: readonly TransformChannel[];
 }
+export type ColourRanges = readonly [ScrollRange, ScrollRange, ScrollRange, ScrollRange];
 export type TransformChannel = {
     readonly property: string;
     readonly range: ScrollRange;
@@ -36,6 +39,14 @@ export declare function scrollChannels(tracks: ReadonlyMap<string, Track>, spec:
     channels: DrivenChannels;
     held: string[];
 };
+/**
+ * The channels for each colour eased by the clock from nothing to one: its red, green, blue and
+ * alpha, each a range of its own, which is how native has a colour. Sampled along the way as
+ * JavaScript mixes the two, in premultiplied alpha and by the curve: native mixes a channel at
+ * a time and in a straight line, which is another colour half way between two of different
+ * alpha. Nothing for a track that is not two colours.
+ */
+export declare function colourChannels(tracks: ReadonlyMap<string, Track>, spec: AnimationSpec): Record<string, ColourRanges> | null;
 /**
  * The channels for an animation played by the clock, along a value native runs from nothing to
  * `span`: one iteration along 0 to 1, and for `alternate` the way back along 1 to 2, so that

package/dist/scroll-animation.js

@@ -1,4 +1,4 @@
-import { at } from "./transition.js";
+import { at, bezier, interpolate, parseColor, } from "./transition.js";
 /** What a range with no end, or a percentage of one, stands in for until the scroll view says. */
 const UNKNOWN_EXTENT = 1e6;
 /** Points per eased segment: enough that the curve between them reads as the curve. */
@@ -50,6 +50,35 @@ export function scrollChannels(tracks, spec, resting, range) {
         held,
     };
 }
+/** How many stretches a colour's way is cut into: each is straight on native. */
+const COLOUR_STEPS = 16;
+/**
+ * The channels for each colour eased by the clock from nothing to one: its red, green, blue and
+ * alpha, each a range of its own, which is how native has a colour. Sampled along the way as
+ * JavaScript mixes the two, in premultiplied alpha and by the curve: native mixes a channel at
+ * a time and in a straight line, which is another colour half way between two of different
+ * alpha. Nothing for a track that is not two colours.
+ */
+export function colourChannels(tracks, spec) {
+    const colors = {};
+    for (const [property, track] of tracks) {
+        const [from, to] = track;
+        if (track.length !== 2 || !parseColor(from.value) || !parseColor(to.value))
+            return null;
+        const input = [];
+        const parts = [[], [], [], []];
+        for (let step = 0; step <= COLOUR_STEPS; step++) {
+            const along = step / COLOUR_STEPS;
+            const mixed = parseColor(interpolate(from.value, to.value, bezier(spec.easing, along)));
+            if (!mixed)
+                return null;
+            input.push(along);
+            mixed.forEach((part, at) => parts[at].push(round(part)));
+        }
+        colors[property] = parts.map((output) => ({ input, output }));
+    }
+    return colors;
+}
 /**
  * The channels for an animation played by the clock, along a value native runs from nothing to
  * `span`: one iteration along 0 to 1, and for `alternate` the way back along 1 to 2, so that

package/dist/scroll-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-animation.js","sourceRoot":"","sources":["../src/scroll-animation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * A `@keyframes` animation played by a scroll view's offset: `animation-timeline: scroll()`.\n *\n * Native interpolates linearly between the points it is given and clamps past both ends, which is\n * all a scroll-driven animation needs from it once its keyframes are laid along the offset: each\n * keyframe sits at its share of the range, a segment's timing function is sampled into points\n * along it, and an unfilled end falls back to the resting value just outside the range. What\n * native can animate this way is opacity and the transforms; anything else holds its first frame.\n */\nimport type { ScrollRange } from './native-drive.ts';\nimport { at, type AnimationSpec, type TrackPoint } from './transition.ts';\n\ntype Track = readonly { offset: number; value: unknown }[];\n\n/** The channels a scroll-driven animation drives natively, in the order native applies them. */\nexport interface DrivenChannels {\n  readonly opacity?: ScrollRange;\n  /** Every transform entry the view paints: driven by the scroll, or held as it is. */\n  readonly transform: readonly TransformChannel[];\n}\n\nexport type TransformChannel =\n  | { readonly property: string; readonly range: ScrollRange }\n  | { readonly property: string; readonly value: number };\n\n/** What a range with no end, or a percentage of one, stands in for until the scroll view says. */\nconst UNKNOWN_EXTENT = 1e6;\n\n/** Points per eased segment: enough that the curve between them reads as the curve. */\nconst SAMPLES = 12;\n\n/** The transform groups in the order CSS applies them, as the engine composes them. */\nconst GROUPS = ['__translate', '__rotate', '__scale', 'transform'] as const;\n\n/** Where the range starts and ends on the scroll view's offset. */\nexport function rangeOf(spec: AnimationSpec, extent: number | null): [number, number] {\n  const end = (value: number | string | undefined, otherwise: number): number => {\n    if (value === undefined) return otherwise;\n    if (typeof value === 'number') return value;\n    return (parseFloat(value) / 100) * (extent ?? UNKNOWN_EXTENT);\n  };\n  return [end(spec.range?.start, 0), end(spec.range?.end, extent ?? UNKNOWN_EXTENT)];\n}\n\n/**\n * The channels for an animation's tracks over a range, and the properties it cannot drive\n * natively, which the caller holds at their first frame.\n */\nexport function scrollChannels(\n  tracks: ReadonlyMap<string, Track>,\n  spec: AnimationSpec,\n  resting: Readonly<Record<string, unknown>>,\n  range: readonly [number, number],\n): { channels: DrivenChannels; held: string[] } {\n  const along = (track: Track, pick: (value: unknown) => number | null, rest: number) =>\n    laid(track, pick, rest, spec, range);\n  const held: string[] = [];\n  let opacity: ScrollRange | undefined;\n  const transform: TransformChannel[] = [];\n  for (const [property, track] of tracks) {\n    if (property === 'opacity') {\n      opacity =\n        along(\n          track,\n          (value) => (typeof value === 'number' ? value : null),\n          numberOr(resting['opacity'], 1),\n        ) ?? undefined;\n      if (!opacity) held.push(property);\n    } else if (!(GROUPS as readonly string[]).includes(property)) {\n      held.push(property);\n    }\n  }\n  for (const group of GROUPS) {\n    const track = tracks.get(group);\n    const channels = track ? drivenGroup(track, resting[group], along) : heldGroup(resting[group]);\n    if (channels === null) held.push(group);\n    else transform.push(...channels);\n  }\n  const anyDriven = transform.some((channel) => 'range' in channel);\n  return {\n    channels: { ...(opacity ? { opacity } : {}), transform: anyDriven ? transform : [] },\n    held,\n  };\n}\n\n/**\n * The channels for an animation played by the clock, along a value native runs from nothing to\n * `span`: one iteration along 0 to 1, and for `alternate` the way back along 1 to 2, so that\n * native repeats there and back as one animation. Both ends are the frames' own: what the\n * element rests at is committed when the animation ends, and not played.\n */\nexport function clockChannels(\n  tracks: ReadonlyMap<string, Track>,\n  spec: AnimationSpec,\n  resting: Readonly<Record<string, unknown>>,\n): { channels: DrivenChannels; held: string[]; span: number } {\n  const way = (direction: AnimationSpec['direction'], range: readonly [number, number]) =>\n    scrollChannels(tracks, { ...spec, fill: 'both', direction }, resting, range);\n  if (spec.direction !== 'alternate' && spec.direction !== 'alternate-reverse') {\n    return { ...way(spec.direction, [0, 1]), span: 1 };\n  }\n  const reversed = spec.direction === 'alternate-reverse';\n  const out = way(reversed ? 'reverse' : undefined, [0, 1]);\n  const back = way(reversed ? undefined : 'reverse', [1, 2]);\n  const join = (a: ScrollRange, b: ScrollRange): ScrollRange => ({\n    input: [...a.input, ...b.input.slice(1)],\n    output: [...a.output, ...b.output.slice(1)],\n  });\n  const transform = out.channels.transform.map((channel, i) => {\n    const other = back.channels.transform[i];\n    return 'range' in channel && other && 'range' in other\n      ? { property: channel.property, range: join(channel.range, other.range) }\n      : channel;\n  });\n  const opacity =\n    out.channels.opacity && back.channels.opacity\n      ? { opacity: join(out.channels.opacity, back.channels.opacity) }\n      : {};\n  return { channels: { ...opacity, transform }, held: out.held, span: 2 };\n}\n\n/**\n * One transform group's entries, each driven along the scroll; null if their shapes differ. A\n * frame, or the element at rest, with fewer functions than the longest is that list with the\n * rest at their identity, which is how CSS eases a list into a longer one that starts the same.\n */\nfunction drivenGroup(\n  track: Track,\n  resting: unknown,\n  along: (\n    track: Track,\n    pick: (value: unknown) => number | null,\n    rest: number,\n  ) => ScrollRange | null,\n): TransformChannel[] | null {\n  const shapes = track.map((point) => (Array.isArray(point.value) ? point.value : []));\n  if (Array.isArray(resting)) shapes.push(resting);\n  const shape = shapes.reduce((longest, entries) =>\n    entries.length > longest.length ? entries : longest,\n  );\n  const keys = shape.map((entry) => Object.keys(entry as object)[0]!);\n  const channels: TransformChannel[] = [];\n  for (const [index, key] of keys.entries()) {\n    const identity = key.startsWith('scale') ? 1 : 0;\n    const pick = (value: unknown) => {\n      const entries = Array.isArray(value) ? value : null;\n      if (!entries?.length) return identity;\n      const entry = entries[index] as Record<string, unknown> | undefined;\n      // Past the end of a shorter list. Where it differs before its end, an earlier entry says.\n      if (!entry) return identity;\n      return key in entry ? amount(key, entry[key]) : null;\n    };\n    const range = along(track, pick, restingAmount(resting, index, key, identity));\n    if (!range) return null;\n    channels.push({ property: key, range });\n  }\n  return channels;\n}\n\n/** A transform group no keyframe touches, held as the element has it. */\nfunction heldGroup(resting: unknown): TransformChannel[] | null {\n  if (!Array.isArray(resting)) return [];\n  const channels: TransformChannel[] = [];\n  for (const entry of resting as Record<string, unknown>[]) {\n    const [key, value] = Object.entries(entry)[0] ?? [];\n    const number = key === undefined ? null : amount(key, value);\n    if (key === undefined || number === null) return null;\n    channels.push({ property: key, value: number });\n  }\n  return channels;\n}\n\nfunction restingAmount(resting: unknown, index: number, key: string, identity: number): number {\n  const entry = Array.isArray(resting) ? (resting[index] as Record<string, unknown>) : undefined;\n  return (entry && key in entry ? amount(key, entry[key]) : null) ?? identity;\n}\n\nconst numberOr = (value: unknown, otherwise: number) =>\n  typeof value === 'number' ? value : otherwise;\n\nconst RADIANS: Record<string, number> = {\n  deg: Math.PI / 180,\n  rad: 1,\n  grad: Math.PI / 200,\n  turn: 2 * Math.PI,\n};\n\n/** The side of a box each move by a share is a share of. */\nconst SHARED: Readonly<Record<string, 'width' | 'height'>> = {\n  translateX: 'width',\n  translateY: 'height',\n};\n\nconst isShare = (value: unknown): value is string =>\n  typeof value === 'string' && value.endsWith('%');\n\nconst sharesIn = (value: unknown): boolean =>\n  Array.isArray(value) &&\n  value.some((entry) =>\n    Object.entries(entry as object).some(([key, to]) => key in SHARED && isShare(to)),\n  );\n\n/** Whether an animation moves a box by a share of its own size, in a frame or at rest. */\nexport function movesByShare(\n  tracks: ReadonlyMap<string, Track>,\n  resting: Readonly<Record<string, unknown>>,\n): boolean {\n  return GROUPS.some(\n    (group) =>\n      sharesIn(resting[group]) ||\n      tracks.get(group)?.some((point) => sharesIn(point.value)) === true,\n  );\n}\n\n/** A transform list with each move by a share as the points it is of a box of `size`. */\nfunction inPoints(value: unknown, size: { width: number; height: number }): unknown {\n  if (!sharesIn(value)) return value;\n  return (value as Record<string, unknown>[]).map((entry) => {\n    const [key, to] = Object.entries(entry)[0]!;\n    const side = SHARED[key];\n    return side && isShare(to) ? { [key]: (size[side] * Number.parseFloat(to)) / 100 } : entry;\n  });\n}\n\n/**\n * An animation's tracks and resting style with every move by a share of the box as points, which\n * is what native interpolates: `translateX(200%)` of a box 300 wide is 600.\n */\nexport function sharesAsPoints<T extends Track>(\n  tracks: ReadonlyMap<string, T>,\n  resting: Readonly<Record<string, unknown>>,\n  size: { width: number; height: number },\n): { tracks: Map<string, T>; resting: Record<string, unknown> } {\n  const sized = new Map(tracks);\n  const rest = { ...resting };\n  for (const group of GROUPS) {\n    const track = tracks.get(group);\n    if (track) {\n      sized.set(\n        group,\n        track.map((point) => ({ ...point, value: inPoints(point.value, size) })) as never,\n      );\n    }\n    if (group in rest) rest[group] = inPoints(rest[group], size);\n  }\n  return { tracks: sized, resting: rest };\n}\n\n/**\n * A transform entry's amount as native's transform node takes it: points, a factor, or an angle\n * in radians. Null for what it cannot take, a percentage translate.\n */\nfunction amount(key: string, value: unknown): number | null {\n  if (typeof value === 'number') return value;\n  if (typeof value !== 'string') return null;\n  const angle = /^(-?[\\d.]+)(deg|rad|grad|turn)$/.exec(value);\n  if (angle && (key.startsWith('rotate') || key.startsWith('skew'))) {\n    return Number(angle[1]) * RADIANS[angle[2]!]!;\n  }\n  return null;\n}\n\n/**\n * One property's frames laid along the scroll: each keyframe at its share of the range, eased\n * segments sampled, and the resting value just past an end the animation does not fill.\n */\nfunction laid(\n  track: Track,\n  pick: (value: unknown) => number | null,\n  rest: number,\n  spec: AnimationSpec,\n  [start, end]: readonly [number, number],\n): ScrollRange | null {\n  const values = track.map((point) => pick(point.value));\n  if (values.some((value) => value === null)) return null;\n  // Each point keeps its own timing function, which eases the stretch it starts.\n  const numeric = track.map((point, i) => ({ ...point, value: values[i]! }));\n  const points = sampled(numeric, spec, start, Math.max(end - start, 1e-3));\n  const fills = spec.fill;\n  const backwards = fills === 'backwards' || fills === 'both';\n  const forwards = fills === 'forwards' || fills === 'both';\n  if (!backwards) points.unshift([points[0]![0] - 1e-3, rest]);\n  if (!forwards) points.push([points.at(-1)![0] + 1e-3, rest]);\n  return { input: points.map(([x]) => x), output: points.map(([, y]) => round(y)) };\n}\n\n/** A numeric track's points along the scroll, each eased segment sampled, in offset order. */\nfunction sampled(\n  numeric: readonly (TrackPoint & { value: number })[],\n  spec: AnimationSpec,\n  start: number,\n  span: number,\n): [number, number][] {\n  const reversed = spec.direction === 'reverse' || spec.direction === 'alternate-reverse';\n  const points: [number, number][] = [];\n  for (let i = 0; i < numeric.length - 1; i++) {\n    const from = numeric[i]!;\n    const to = numeric[i + 1]!;\n    const steps = isLinear(from.easing ?? spec.easing) ? 1 : SAMPLES;\n    for (let s = i === 0 ? 0 : 1; s <= steps; s++) {\n      const offset = from.offset + ((to.offset - from.offset) * s) / steps;\n      const value = at(numeric, offset, spec.easing) as number;\n      points.push([start + (reversed ? 1 - offset : offset) * span, value]);\n    }\n  }\n  if (points.length === 1) points.push([start + span, points[0]![1]]);\n  return points.sort((a, b) => a[0] - b[0]);\n}\n\nconst isLinear = (easing: readonly number[]) =>\n  easing[0] === 0 && easing[1] === 0 && easing[2] === 1 && easing[3] === 1;\n\nconst round = (value: number) => Math.round(value * 1e6) / 1e6;\n\n/** The values a scroll-driven animation commits: its frame at the offset the view starts at. */\nexport function firstFrame(\n  tracks: ReadonlyMap<string, Track>,\n  spec: AnimationSpec,\n  range: readonly [number, number],\n): Record<string, unknown> {\n  const [start, end] = range;\n  const reversed = spec.direction === 'reverse' || spec.direction === 'alternate-reverse';\n  const before = 0 < start;\n  if (before && spec.fill !== 'backwards' && spec.fill !== 'both') return {};\n  const through = Math.min(1, Math.max(0, (0 - start) / Math.max(end - start, 1e-3)));\n  const local = reversed ? 1 - through : through;\n  const values: Record<string, unknown> = {};\n  for (const [property, track] of tracks) values[property] = at(track, local, spec.easing);\n  return values;\n}\n"]}
+{"version":3,"file":"scroll-animation.js","sourceRoot":"","sources":["../src/scroll-animation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * A `@keyframes` animation played by a scroll view's offset: `animation-timeline: scroll()`.\n *\n * Native interpolates linearly between the points it is given and clamps past both ends, which is\n * all a scroll-driven animation needs from it once its keyframes are laid along the offset: each\n * keyframe sits at its share of the range, a segment's timing function is sampled into points\n * along it, and an unfilled end falls back to the resting value just outside the range. What\n * native can animate this way is opacity and the transforms; anything else holds its first frame.\n */\nimport type { ScrollRange } from './native-drive.ts';\nimport {\n  at,\n  bezier,\n  interpolate,\n  parseColor,\n  type AnimationSpec,\n  type TrackPoint,\n} from './transition.ts';\n\ntype Track = readonly { offset: number; value: unknown }[];\n\n/** The channels a scroll-driven animation drives natively, in the order native applies them. */\nexport interface DrivenChannels {\n  readonly opacity?: ScrollRange;\n  /** Each colour native eases, as its red, green, blue and alpha: see `colourChannels`. */\n  readonly colors?: Readonly<Record<string, ColourRanges>>;\n  /** Every transform entry the view paints: driven by the scroll, or held as it is. */\n  readonly transform: readonly TransformChannel[];\n}\n\nexport type ColourRanges = readonly [ScrollRange, ScrollRange, ScrollRange, ScrollRange];\n\nexport type TransformChannel =\n  | { readonly property: string; readonly range: ScrollRange }\n  | { readonly property: string; readonly value: number };\n\n/** What a range with no end, or a percentage of one, stands in for until the scroll view says. */\nconst UNKNOWN_EXTENT = 1e6;\n\n/** Points per eased segment: enough that the curve between them reads as the curve. */\nconst SAMPLES = 12;\n\n/** The transform groups in the order CSS applies them, as the engine composes them. */\nconst GROUPS = ['__translate', '__rotate', '__scale', 'transform'] as const;\n\n/** Where the range starts and ends on the scroll view's offset. */\nexport function rangeOf(spec: AnimationSpec, extent: number | null): [number, number] {\n  const end = (value: number | string | undefined, otherwise: number): number => {\n    if (value === undefined) return otherwise;\n    if (typeof value === 'number') return value;\n    return (parseFloat(value) / 100) * (extent ?? UNKNOWN_EXTENT);\n  };\n  return [end(spec.range?.start, 0), end(spec.range?.end, extent ?? UNKNOWN_EXTENT)];\n}\n\n/**\n * The channels for an animation's tracks over a range, and the properties it cannot drive\n * natively, which the caller holds at their first frame.\n */\nexport function scrollChannels(\n  tracks: ReadonlyMap<string, Track>,\n  spec: AnimationSpec,\n  resting: Readonly<Record<string, unknown>>,\n  range: readonly [number, number],\n): { channels: DrivenChannels; held: string[] } {\n  const along = (track: Track, pick: (value: unknown) => number | null, rest: number) =>\n    laid(track, pick, rest, spec, range);\n  const held: string[] = [];\n  let opacity: ScrollRange | undefined;\n  const transform: TransformChannel[] = [];\n  for (const [property, track] of tracks) {\n    if (property === 'opacity') {\n      opacity =\n        along(\n          track,\n          (value) => (typeof value === 'number' ? value : null),\n          numberOr(resting['opacity'], 1),\n        ) ?? undefined;\n      if (!opacity) held.push(property);\n    } else if (!(GROUPS as readonly string[]).includes(property)) {\n      held.push(property);\n    }\n  }\n  for (const group of GROUPS) {\n    const track = tracks.get(group);\n    const channels = track ? drivenGroup(track, resting[group], along) : heldGroup(resting[group]);\n    if (channels === null) held.push(group);\n    else transform.push(...channels);\n  }\n  const anyDriven = transform.some((channel) => 'range' in channel);\n  return {\n    channels: { ...(opacity ? { opacity } : {}), transform: anyDriven ? transform : [] },\n    held,\n  };\n}\n\n/** How many stretches a colour's way is cut into: each is straight on native. */\nconst COLOUR_STEPS = 16;\n\n/**\n * The channels for each colour eased by the clock from nothing to one: its red, green, blue and\n * alpha, each a range of its own, which is how native has a colour. Sampled along the way as\n * JavaScript mixes the two, in premultiplied alpha and by the curve: native mixes a channel at\n * a time and in a straight line, which is another colour half way between two of different\n * alpha. Nothing for a track that is not two colours.\n */\nexport function colourChannels(\n  tracks: ReadonlyMap<string, Track>,\n  spec: AnimationSpec,\n): Record<string, ColourRanges> | null {\n  const colors: Record<string, ColourRanges> = {};\n  for (const [property, track] of tracks) {\n    const [from, to] = track;\n    if (track.length !== 2 || !parseColor(from!.value) || !parseColor(to!.value)) return null;\n    const input: number[] = [];\n    const parts: number[][] = [[], [], [], []];\n    for (let step = 0; step <= COLOUR_STEPS; step++) {\n      const along = step / COLOUR_STEPS;\n      const mixed = parseColor(interpolate(from!.value, to!.value, bezier(spec.easing, along)));\n      if (!mixed) return null;\n      input.push(along);\n      mixed.forEach((part, at) => parts[at]!.push(round(part)));\n    }\n    colors[property] = parts.map((output) => ({ input, output })) as unknown as ColourRanges;\n  }\n  return colors;\n}\n\n/**\n * The channels for an animation played by the clock, along a value native runs from nothing to\n * `span`: one iteration along 0 to 1, and for `alternate` the way back along 1 to 2, so that\n * native repeats there and back as one animation. Both ends are the frames' own: what the\n * element rests at is committed when the animation ends, and not played.\n */\nexport function clockChannels(\n  tracks: ReadonlyMap<string, Track>,\n  spec: AnimationSpec,\n  resting: Readonly<Record<string, unknown>>,\n): { channels: DrivenChannels; held: string[]; span: number } {\n  const way = (direction: AnimationSpec['direction'], range: readonly [number, number]) =>\n    scrollChannels(tracks, { ...spec, fill: 'both', direction }, resting, range);\n  if (spec.direction !== 'alternate' && spec.direction !== 'alternate-reverse') {\n    return { ...way(spec.direction, [0, 1]), span: 1 };\n  }\n  const reversed = spec.direction === 'alternate-reverse';\n  const out = way(reversed ? 'reverse' : undefined, [0, 1]);\n  const back = way(reversed ? undefined : 'reverse', [1, 2]);\n  const join = (a: ScrollRange, b: ScrollRange): ScrollRange => ({\n    input: [...a.input, ...b.input.slice(1)],\n    output: [...a.output, ...b.output.slice(1)],\n  });\n  const transform = out.channels.transform.map((channel, i) => {\n    const other = back.channels.transform[i];\n    return 'range' in channel && other && 'range' in other\n      ? { property: channel.property, range: join(channel.range, other.range) }\n      : channel;\n  });\n  const opacity =\n    out.channels.opacity && back.channels.opacity\n      ? { opacity: join(out.channels.opacity, back.channels.opacity) }\n      : {};\n  return { channels: { ...opacity, transform }, held: out.held, span: 2 };\n}\n\n/**\n * One transform group's entries, each driven along the scroll; null if their shapes differ. A\n * frame, or the element at rest, with fewer functions than the longest is that list with the\n * rest at their identity, which is how CSS eases a list into a longer one that starts the same.\n */\nfunction drivenGroup(\n  track: Track,\n  resting: unknown,\n  along: (\n    track: Track,\n    pick: (value: unknown) => number | null,\n    rest: number,\n  ) => ScrollRange | null,\n): TransformChannel[] | null {\n  const shapes = track.map((point) => (Array.isArray(point.value) ? point.value : []));\n  if (Array.isArray(resting)) shapes.push(resting);\n  const shape = shapes.reduce((longest, entries) =>\n    entries.length > longest.length ? entries : longest,\n  );\n  const keys = shape.map((entry) => Object.keys(entry as object)[0]!);\n  const channels: TransformChannel[] = [];\n  for (const [index, key] of keys.entries()) {\n    const identity = key.startsWith('scale') ? 1 : 0;\n    const pick = (value: unknown) => {\n      const entries = Array.isArray(value) ? value : null;\n      if (!entries?.length) return identity;\n      const entry = entries[index] as Record<string, unknown> | undefined;\n      // Past the end of a shorter list. Where it differs before its end, an earlier entry says.\n      if (!entry) return identity;\n      return key in entry ? amount(key, entry[key]) : null;\n    };\n    const range = along(track, pick, restingAmount(resting, index, key, identity));\n    if (!range) return null;\n    channels.push({ property: key, range });\n  }\n  return channels;\n}\n\n/** A transform group no keyframe touches, held as the element has it. */\nfunction heldGroup(resting: unknown): TransformChannel[] | null {\n  if (!Array.isArray(resting)) return [];\n  const channels: TransformChannel[] = [];\n  for (const entry of resting as Record<string, unknown>[]) {\n    const [key, value] = Object.entries(entry)[0] ?? [];\n    const number = key === undefined ? null : amount(key, value);\n    if (key === undefined || number === null) return null;\n    channels.push({ property: key, value: number });\n  }\n  return channels;\n}\n\nfunction restingAmount(resting: unknown, index: number, key: string, identity: number): number {\n  const entry = Array.isArray(resting) ? (resting[index] as Record<string, unknown>) : undefined;\n  return (entry && key in entry ? amount(key, entry[key]) : null) ?? identity;\n}\n\nconst numberOr = (value: unknown, otherwise: number) =>\n  typeof value === 'number' ? value : otherwise;\n\nconst RADIANS: Record<string, number> = {\n  deg: Math.PI / 180,\n  rad: 1,\n  grad: Math.PI / 200,\n  turn: 2 * Math.PI,\n};\n\n/** The side of a box each move by a share is a share of. */\nconst SHARED: Readonly<Record<string, 'width' | 'height'>> = {\n  translateX: 'width',\n  translateY: 'height',\n};\n\nconst isShare = (value: unknown): value is string =>\n  typeof value === 'string' && value.endsWith('%');\n\nconst sharesIn = (value: unknown): boolean =>\n  Array.isArray(value) &&\n  value.some((entry) =>\n    Object.entries(entry as object).some(([key, to]) => key in SHARED && isShare(to)),\n  );\n\n/** Whether an animation moves a box by a share of its own size, in a frame or at rest. */\nexport function movesByShare(\n  tracks: ReadonlyMap<string, Track>,\n  resting: Readonly<Record<string, unknown>>,\n): boolean {\n  return GROUPS.some(\n    (group) =>\n      sharesIn(resting[group]) ||\n      tracks.get(group)?.some((point) => sharesIn(point.value)) === true,\n  );\n}\n\n/** A transform list with each move by a share as the points it is of a box of `size`. */\nfunction inPoints(value: unknown, size: { width: number; height: number }): unknown {\n  if (!sharesIn(value)) return value;\n  return (value as Record<string, unknown>[]).map((entry) => {\n    const [key, to] = Object.entries(entry)[0]!;\n    const side = SHARED[key];\n    return side && isShare(to) ? { [key]: (size[side] * Number.parseFloat(to)) / 100 } : entry;\n  });\n}\n\n/**\n * An animation's tracks and resting style with every move by a share of the box as points, which\n * is what native interpolates: `translateX(200%)` of a box 300 wide is 600.\n */\nexport function sharesAsPoints<T extends Track>(\n  tracks: ReadonlyMap<string, T>,\n  resting: Readonly<Record<string, unknown>>,\n  size: { width: number; height: number },\n): { tracks: Map<string, T>; resting: Record<string, unknown> } {\n  const sized = new Map(tracks);\n  const rest = { ...resting };\n  for (const group of GROUPS) {\n    const track = tracks.get(group);\n    if (track) {\n      sized.set(\n        group,\n        track.map((point) => ({ ...point, value: inPoints(point.value, size) })) as never,\n      );\n    }\n    if (group in rest) rest[group] = inPoints(rest[group], size);\n  }\n  return { tracks: sized, resting: rest };\n}\n\n/**\n * A transform entry's amount as native's transform node takes it: points, a factor, or an angle\n * in radians. Null for what it cannot take, a percentage translate.\n */\nfunction amount(key: string, value: unknown): number | null {\n  if (typeof value === 'number') return value;\n  if (typeof value !== 'string') return null;\n  const angle = /^(-?[\\d.]+)(deg|rad|grad|turn)$/.exec(value);\n  if (angle && (key.startsWith('rotate') || key.startsWith('skew'))) {\n    return Number(angle[1]) * RADIANS[angle[2]!]!;\n  }\n  return null;\n}\n\n/**\n * One property's frames laid along the scroll: each keyframe at its share of the range, eased\n * segments sampled, and the resting value just past an end the animation does not fill.\n */\nfunction laid(\n  track: Track,\n  pick: (value: unknown) => number | null,\n  rest: number,\n  spec: AnimationSpec,\n  [start, end]: readonly [number, number],\n): ScrollRange | null {\n  const values = track.map((point) => pick(point.value));\n  if (values.some((value) => value === null)) return null;\n  // Each point keeps its own timing function, which eases the stretch it starts.\n  const numeric = track.map((point, i) => ({ ...point, value: values[i]! }));\n  const points = sampled(numeric, spec, start, Math.max(end - start, 1e-3));\n  const fills = spec.fill;\n  const backwards = fills === 'backwards' || fills === 'both';\n  const forwards = fills === 'forwards' || fills === 'both';\n  if (!backwards) points.unshift([points[0]![0] - 1e-3, rest]);\n  if (!forwards) points.push([points.at(-1)![0] + 1e-3, rest]);\n  return { input: points.map(([x]) => x), output: points.map(([, y]) => round(y)) };\n}\n\n/** A numeric track's points along the scroll, each eased segment sampled, in offset order. */\nfunction sampled(\n  numeric: readonly (TrackPoint & { value: number })[],\n  spec: AnimationSpec,\n  start: number,\n  span: number,\n): [number, number][] {\n  const reversed = spec.direction === 'reverse' || spec.direction === 'alternate-reverse';\n  const points: [number, number][] = [];\n  for (let i = 0; i < numeric.length - 1; i++) {\n    const from = numeric[i]!;\n    const to = numeric[i + 1]!;\n    const steps = isLinear(from.easing ?? spec.easing) ? 1 : SAMPLES;\n    for (let s = i === 0 ? 0 : 1; s <= steps; s++) {\n      const offset = from.offset + ((to.offset - from.offset) * s) / steps;\n      const value = at(numeric, offset, spec.easing) as number;\n      points.push([start + (reversed ? 1 - offset : offset) * span, value]);\n    }\n  }\n  if (points.length === 1) points.push([start + span, points[0]![1]]);\n  return points.sort((a, b) => a[0] - b[0]);\n}\n\nconst isLinear = (easing: readonly number[]) =>\n  easing[0] === 0 && easing[1] === 0 && easing[2] === 1 && easing[3] === 1;\n\nconst round = (value: number) => Math.round(value * 1e6) / 1e6;\n\n/** The values a scroll-driven animation commits: its frame at the offset the view starts at. */\nexport function firstFrame(\n  tracks: ReadonlyMap<string, Track>,\n  spec: AnimationSpec,\n  range: readonly [number, number],\n): Record<string, unknown> {\n  const [start, end] = range;\n  const reversed = spec.direction === 'reverse' || spec.direction === 'alternate-reverse';\n  const before = 0 < start;\n  if (before && spec.fill !== 'backwards' && spec.fill !== 'both') return {};\n  const through = Math.min(1, Math.max(0, (0 - start) / Math.max(end - start, 1e-3)));\n  const local = reversed ? 1 - through : through;\n  const values: Record<string, unknown> = {};\n  for (const [property, track] of tracks) values[property] = at(track, local, spec.easing);\n  return values;\n}\n"]}

package/dist/transition.d.ts

@@ -10,6 +10,7 @@
  * knows a value changed at all. The cost is a commit per frame, which is the same cost a
  * JavaScript-driven `Animated` value has.
  */
+import type { DeferredDeclaration } from './css.ts';
 /** What the CSS compiler emits per transitioning property. Durations are in milliseconds. */
 export interface TransitionSpec {
     readonly duration: number;
@@ -17,6 +18,11 @@ export interface TransitionSpec {
     /** The four control points of the timing curve; a keyword is resolved at build time. */
     readonly easing: readonly number[];
 }
+/** Transitions of one element native plays on one clock: what stops it, and which they are. */
+export interface EasedNatively {
+    stop(): void;
+    readonly keys: readonly string[];
+}
 export interface Transition {
     from: unknown;
     to: unknown;
@@ -26,6 +32,16 @@ export interface Transition {
     easing: readonly number[];
     /** What the node paints right now. Also the value a redirected transition starts from. */
     current: unknown;
+    /**
+     * The clock native plays it on, with the others started beside it, while it does. Nothing of
+     * it runs in JavaScript then, and `current` is where it started from.
+     */
+    native?: EasedNatively;
+    /**
+     * Committed where it ends, with native moving the view there by a layout animation: see
+     * `layEased` in the engine. `current` is where it started from.
+     */
+    laid?: true;
     done: boolean;
     /**
      * The value a change back is a reversal to, and the share of the full duration this one takes:
@@ -65,6 +81,12 @@ export declare function interpolate(from: unknown, to: unknown, t: number): unkn
 export declare function step(state: Map<string, Transition>, key: string, props: Record<string, unknown>, rule: TransitionSpec | undefined, now: number): boolean;
 /** A property seen for the first time: recorded so the next change has something to aim from. */
 export declare function settled(value: unknown, rule: TransitionSpec): Transition;
+/**
+ * Whether a transition is no longer going where a commit's props say: by the value a property
+ * has when nothing sets one, and by what two values are and not which objects, as `step` reads
+ * them. What native plays is taken back only for a target that is another.
+ */
+export declare function aimsElsewhere(transition: Transition, key: string, props: Record<string, unknown>): boolean;
 /**
  * Aim an existing transition at a new value, starting from wherever it had got to.
  *
@@ -109,6 +131,11 @@ export interface Keyframe {
     readonly declarations: Record<string, unknown>;
     /** The `animation-timing-function` written in this keyframe, easing it to the next. */
     readonly easing?: readonly number[];
+    /**
+     * The declarations that wait for the element playing the frame, a `var()` it sets: settled by
+     * the engine as it plays.
+     */
+    readonly deferred?: readonly DeferredDeclaration[];
 }
 export interface RunningAnimation {
     spec: AnimationSpec;
@@ -132,6 +159,13 @@ export interface RunningAnimation {
     native?: {
         stop(): void;
     };
+    /** The properties left out of what native plays, as a rule declared them `!important`. */
+    pinned?: readonly string[];
+    /**
+     * Set while native moves the view to its last frame by a layout animation, with no frame of it
+     * in JavaScript. `values` is then that last frame, which is what the view is committed with.
+     */
+    laid?: true;
 }
 /**
  * Build one track per property the frames touch.

package/dist/transition.js

@@ -479,18 +479,25 @@ function mixColours(a, b, t) {
     const mix = (i) => Math.round((a[i] * a[3] + (b[i] * b[3] - a[i] * a[3]) * t) / alpha);
     return `rgba(${mix(0)}, ${mix(1)}, ${mix(2)}, ${Math.round(alpha * 1000) / 1000})`;
 }
-/** `50%` -> `75%`. Both sides have to be percentages; a percentage and a length are not a scale. */
+/**
+ * `50%` -> `75%`. Both sides have to be percentages; a percentage and a length are not a scale.
+ * Except 0, which is 0% too: a padding nothing sets eases from it to `50%`, as in a browser.
+ */
 const PERCENTAGE = /^(-?[\d.]+)%$/;
 function interpolatePercentage(from, to, t) {
-    if (typeof from !== 'string' || typeof to !== 'string')
+    const a = percentageOf(from);
+    const b = percentageOf(to);
+    if (a === null || b === null)
         return null;
-    const a = PERCENTAGE.exec(from);
-    const b = PERCENTAGE.exec(to);
-    if (!a || !b)
-        return null;
-    const value = Number(a[1]) + (Number(b[1]) - Number(a[1])) * t;
+    const value = a + (b - a) * t;
     return `${Math.round(value * 1000) / 1000}%`;
 }
+function percentageOf(value) {
+    if (value === 0)
+        return 0;
+    const percent = typeof value === 'string' ? PERCENTAGE.exec(value) : null;
+    return percent ? Number(percent[1]) : null;
+}
 /**
  * Bring one property up to date, and say whether that started a transition.
  *
@@ -572,6 +579,14 @@ export function settled(value, rule) {
         shortening: 1,
     };
 }
+/**
+ * Whether a transition is no longer going where a commit's props say: by the value a property
+ * has when nothing sets one, and by what two values are and not which objects, as `step` reads
+ * them. What native plays is taken back only for a target that is another.
+ */
+export function aimsElsewhere(transition, key, props) {
+    return !sameValue(transition.to, props[key] ?? INITIAL[key]);
+}
 /** Whether two values are the same, a transform list by what is in it rather than by identity. */
 function sameValue(a, b) {
     if (Object.is(a, b))
@@ -667,14 +682,22 @@ const isCurrentColour = (value) => value?.__colour?.color === 'currentcolor';
  * fades out from 1 and back in to it, and a background colour nothing set eases from
  * `transparent`, as in a browser.
  *
- * Only the properties that appear in an animation and have a meaningful resting value. A length
- * defaulting to zero is the same as absent for anything here.
+ * A padding, a margin and a corner radius start at 0, so `.open { padding: 20px }` eases in from
+ * no padding. Each edge and corner is here under both the physical name and the logical one, as
+ * the compiler writes either. A border width is not: one nothing sets is 0 on a native view and
+ * `medium`, 3px, in CSS, which a browser eases from. Nor is anything that starts at `auto` or
+ * `normal`, which has no number to ease from.
  */
 const INITIAL = {
     opacity: 1,
     scale: 1,
     rotate: '0deg',
     backgroundColor: 'transparent',
+    ...Object.fromEntries(['padding', 'margin'].flatMap((box) => ['Top', 'Right', 'Bottom', 'Left', 'Start', 'End'].map((edge) => [`${box}${edge}`, 0]))),
+    ...Object.fromEntries([
+        ...['Top', 'Bottom'].flatMap((side) => [`${side}Left`, `${side}Right`]),
+        ...['Start', 'End'].flatMap((side) => [`${side}Start`, `${side}End`]),
+    ].map((corner) => [`border${corner}Radius`, 0])),
 };
 /**
  * The properties to step for an element: the ones it has, and the ones its transition *names*,