SYMBOL INDEX (242 symbols across 80 files) FILE: .storybook/config.js function loadStories (line 3) | function loadStories() { FILE: packages/blend-tweens/blend-tweens.js function calcValueAtTime (line 8) | function calcValueAtTime(from, to, duration, elapsed, ease) { FILE: packages/blend-tweens/cross-fade.js class CrossFade (line 6) | class CrossFade extends Action { method onStart (line 11) | onStart() { method update (line 21) | update() { FILE: packages/framesync/src/create-render-step.ts function createRenderStep (line 3) | function createRenderStep(runNextFrame: () => void): Step { FILE: packages/framesync/src/types.ts type FrameData (line 1) | type FrameData = { type Process (line 6) | type Process = (data: FrameData) => void type Schedule (line 8) | type Schedule = ( type Step (line 14) | interface Step { type StepId (line 20) | type StepId = type Sync (line 28) | type Sync = { type Steps (line 32) | type Steps = { type CancelSync (line 36) | type CancelSync = { type FlushSync (line 40) | type FlushSync = { FILE: packages/popmotion/src/animations/__tests__/animate.test.ts function testAnimate (line 6) | function testAnimate( FILE: packages/popmotion/src/animations/__tests__/inertia.test.ts function testInertia (line 5) | async function testInertia( FILE: packages/popmotion/src/animations/generators/__tests__/utils.ts function animateSync (line 3) | function animateSync( FILE: packages/popmotion/src/animations/generators/decay.ts function decay (line 3) | function decay({ FILE: packages/popmotion/src/animations/generators/keyframes.ts function defaultEasing (line 6) | function defaultEasing(values: any[], easing?: Easing): Easing[] { function defaultOffset (line 10) | function defaultOffset(values: any[]): number[] { function convertOffsetToTimes (line 17) | function convertOffsetToTimes(offset: number[], duration: number) { function keyframes (line 21) | function keyframes({ FILE: packages/popmotion/src/animations/generators/spring.ts function isSpringType (line 12) | function isSpringType(options: SpringOptions, keys: string[]) { function getSpringOptions (line 16) | function getSpringOptions( function spring (line 53) | function spring({ FILE: packages/popmotion/src/animations/index.ts function animate (line 25) | function animate({ FILE: packages/popmotion/src/animations/inertia.ts function inertia (line 11) | function inertia({ FILE: packages/popmotion/src/animations/types.ts type Animation (line 3) | interface Animation { type AnimationState (line 14) | interface AnimationState { type PlaybackControls (line 19) | interface PlaybackControls { type Update (line 26) | type Update = (timestamp: number) => void type DriverControls (line 32) | interface DriverControls { type Driver (line 36) | type Driver = (update: Update) => DriverControls type PlaybackOptions (line 41) | interface PlaybackOptions { type KeyframeOptions (line 63) | interface KeyframeOptions { type DecayOptions (line 71) | interface DecayOptions { type PhysicsSpringOptions (line 81) | interface PhysicsSpringOptions { type SpringOptions (line 88) | interface SpringOptions extends PhysicsSpringOptions { type InertiaOptions (line 97) | interface InertiaOptions extends DecayOptions { type AnimationOptions (line 110) | type AnimationOptions = PlaybackOptions & FILE: packages/popmotion/src/animations/utils/detect-animation-from-options.ts type Options (line 11) | interface Options { function detectAnimationFromOptions (line 16) | function detectAnimationFromOptions(config: T) { FILE: packages/popmotion/src/animations/utils/elapsed.ts function loopElapsed (line 1) | function loopElapsed(elapsed: number, duration: number, delay = 0) { function reverseElapsed (line 5) | function reverseElapsed( function hasRepeatDelayElapsed (line 16) | function hasRepeatDelayElapsed( FILE: packages/popmotion/src/animations/utils/find-spring.ts type Resolver (line 9) | type Resolver = (num: number) => number function findSpring (line 17) | function findSpring({ function approximateRoot (line 101) | function approximateRoot( function calcAngularFreq (line 113) | function calcAngularFreq(undampedFreq: number, dampingRatio: number) { FILE: packages/popmotion/src/easing/cubic-bezier.ts function binarySubdivide (line 32) | function binarySubdivide( function newtonRaphsonIterate (line 61) | function newtonRaphsonIterate( function cubicBezier (line 81) | function cubicBezier( FILE: packages/popmotion/src/easing/index.ts constant DEFAULT_OVERSHOOT_STRENGTH (line 10) | const DEFAULT_OVERSHOOT_STRENGTH = 1.525 constant BOUNCE_FIRST_THRESHOLD (line 11) | const BOUNCE_FIRST_THRESHOLD = 4.0 / 11.0 constant BOUNCE_SECOND_THRESHOLD (line 12) | const BOUNCE_SECOND_THRESHOLD = 8.0 / 11.0 constant BOUNCE_THIRD_THRESHOLD (line 13) | const BOUNCE_THIRD_THRESHOLD = 9.0 / 10.0 FILE: packages/popmotion/src/easing/steps.ts type Direction (line 10) | type Direction = 'start' | 'end'; FILE: packages/popmotion/src/easing/types.ts type Easing (line 1) | type Easing = (v: number) => number; type EasingModifier (line 2) | type EasingModifier = (easing: Easing) => Easing; FILE: packages/popmotion/src/types.ts type Point2D (line 1) | type Point2D = { type Point3D (line 6) | type Point3D = Point2D & { type Point (line 10) | type Point = Point2D | Point3D; FILE: packages/popmotion/src/utils/distance.ts function distance (line 18) | function distance

(a: P, b: P): number { FILE: packages/popmotion/src/utils/hsla-to-rgba.ts function hueToRgb (line 4) | function hueToRgb(p: number, q: number, t: number) { function hslaToRgba (line 13) | function hslaToRgba({ hue, saturation, lightness, alpha }: HSLA): RGBA { FILE: packages/popmotion/src/utils/interpolate.ts type MixEasing (line 11) | type MixEasing = Easing | Easing[]; type InterpolateOptions (line 13) | type InterpolateOptions = { type Mix (line 19) | type Mix = (v: number) => T; type MixerFactory (line 20) | type MixerFactory = (from: T, to: T) => Mix; function detectMixerFactory (line 24) | function detectMixerFactory(v: T): MixerFactory { function createMixers (line 40) | function createMixers( function fastInterpolate (line 64) | function fastInterpolate([from, to]: number[], [mixer]: Array>) { function slowInterpolate (line 68) | function slowInterpolate(input: number[], mixers: Array>) { function interpolate (line 118) | function interpolate( FILE: packages/popmotion/src/utils/mix-complex.ts type MixComplex (line 8) | type MixComplex = (p: number) => string type BlendableArray (line 10) | type BlendableArray = Array type BlendableObject (line 11) | type BlendableObject = { function getMixer (line 15) | function getMixer(origin: any, target: any) { function analyse (line 57) | function analyse(value: string | number) { FILE: packages/popmotion/src/utils/velocity-per-frame.ts function velocityPerFrame (line 7) | function velocityPerFrame(xps: number, frameDuration: number) { FILE: packages/popmotion/src/utils/velocity-per-second.ts function velocityPerSecond (line 7) | function velocityPerSecond(velocity: number, frameDuration: number) { FILE: packages/popmotion/src/worklet/custom-properties.ts type CustomProperty (line 1) | interface CustomProperty { function namespace (line 40) | function namespace(name: string) { function registerCustomProperties (line 44) | function registerCustomProperties() { FILE: packages/popmotion/src/worklet/load-worklet.ts type Resolve (line 1) | type Resolve = () => void function whenWorkletReady (line 7) | async function whenWorkletReady() { function flushAwaiting (line 15) | function flushAwaiting() { function workletReady (line 19) | function workletReady() { FILE: packages/projection/src/dom/correct-border-radius.ts function pixelsToPercent (line 4) | function pixelsToPercent(pixels: number, axis: Axis): number { function correctBorderRadius (line 17) | function correctBorderRadius(latest: string | number, node: LayoutNode) { FILE: packages/projection/src/dom/correct-box-shadow.ts function correctBoxShadow (line 15) | function correctBoxShadow(latest: string, node: LayoutNode) { FILE: packages/projection/src/dom/style.ts function updateProjectionStyle (line 3) | function updateProjectionStyle( FILE: packages/projection/src/geometry/apply.ts function resetAxis (line 4) | function resetAxis(axis: Axis, originAxis: Axis) { function resetBox (line 9) | function resetBox(box: Box, originBox: Box) { function scalePoint (line 17) | function scalePoint(point: number, scale: number, originPoint: number) { function applyPointProjection (line 26) | function applyPointProjection( function applyAxisProjection (line 43) | function applyAxisProjection( function applyBoxProjection (line 70) | function applyBoxProjection(box: Box, { x, y }: Projection): void { function applyTreeProjection (line 79) | function applyTreeProjection( FILE: packages/projection/src/geometry/calc.ts function isNear (line 7) | function isNear(value: number, target = 0, maxDistance = 0.01): boolean { function calcLength (line 11) | function calcLength(axis: Axis) { function calcOrigin (line 19) | function calcOrigin(source: Axis, target: Axis): number { function updateAxisProjection (line 39) | function updateAxisProjection( function updateBoxProjection (line 63) | function updateBoxProjection( function calcRelativeAxis (line 73) | function calcRelativeAxis( function calcRelativeBox (line 83) | function calcRelativeBox( FILE: packages/projection/src/geometry/types.ts type Axis (line 1) | interface Axis { type Box (line 7) | interface Box { type RelativeBox (line 12) | interface RelativeBox { type BoundingBox (line 17) | interface BoundingBox { type Point (line 24) | interface Point { type AxisProjection (line 29) | interface AxisProjection { type Projection (line 36) | interface Projection { FILE: packages/projection/src/node.ts function layoutNode (line 8) | function layoutNode( function fireUpdateProjection (line 203) | function fireUpdateProjection(node: LayoutNode) { FILE: packages/projection/src/types.ts type LayoutNode (line 3) | interface LayoutNode { type NodeOptions (line 33) | interface NodeOptions { FILE: packages/site/components/examples/CodeSandbox.js class CodeSandbox (line 12) | class CodeSandbox extends React.Component { method render (line 21) | render() { FILE: packages/site/components/template.js function TaglineCharacter (line 15) | function TaglineCharacter({ character, index }) { function USP (line 148) | function USP({ title, children }) { function Tick (line 158) | function Tick() { FILE: packages/site/pages/_document.js class PageTemplate (line 6) | class PageTemplate extends Document { method render (line 7) | render() { FILE: packages/site/scripts/filename-operations.js constant DS_STORE (line 1) | const DS_STORE = '.DS_Store'; FILE: packages/site/scripts/generate-content.js function generateContent (line 20) | function generateContent({ FILE: packages/site/styles/vars.js constant WHITE (line 7) | const WHITE = '#fff'; constant BLACK (line 8) | const BLACK = '#3d454e'; constant SUPER_LIGHT_GREY (line 9) | const SUPER_LIGHT_GREY = '#FAFAFA'; constant LIGHT_GREY (line 10) | const LIGHT_GREY = '#f2f2f2'; constant PINK (line 12) | const PINK = '#FF1C68'; constant PINK_BURN (line 13) | const PINK_BURN = '#DB0068'; constant BLUE (line 15) | const BLUE = '#09f'; constant BLUE_BURN (line 16) | const BLUE_BURN = '#064FB5'; constant GREEN (line 18) | const GREEN = '#14D790'; constant PURPLE (line 19) | const PURPLE = '#9B65DE'; constant BRAND (line 21) | const BRAND = PINK; constant BRAND_BURN (line 22) | const BRAND_BURN = PINK_BURN; constant BRAND_GRADIENT (line 23) | const BRAND_GRADIENT = verticalGradient(PINK, PINK_BURN); constant ACTION (line 25) | const ACTION = BLUE; constant ACTION_BURN (line 26) | const ACTION_BURN = BLUE_BURN; constant ACTION_GRADIENT (line 27) | const ACTION_GRADIENT = verticalGradient(BLUE, BLUE_BURN); constant ENTITY (line 29) | const ENTITY = PURPLE; constant SKEW (line 60) | const SKEW = '-5.7deg'; constant UNSKEW (line 61) | const UNSKEW = '5.7deg'; constant COL_WIDTH (line 63) | const COL_WIDTH = 15; FILE: packages/site/templates/Popmotion/Masthead/styled.js constant CTA (line 97) | const CTA = styled.div` FILE: packages/site/templates/Popmotion/USPs/styled.js constant MAX_WIDTH (line 6) | const MAX_WIDTH = cols(60); FILE: packages/site/templates/Pose/USPs/AnimateAnything.js class Example (line 42) | class Example extends React.Component { method componentDidMount (line 45) | componentDidMount() { method componentWillUnmount (line 49) | componentWillUnmount() { method render (line 55) | render() { FILE: packages/site/templates/Pose/USPs/ChildrenExample.js class Example (line 83) | class Example extends React.Component { method componentDidMount (line 86) | componentDidMount() { method componentWillUnmount (line 90) | componentWillUnmount() { method render (line 96) | render() { FILE: packages/site/templates/Pose/USPs/CustomExample.js class Example (line 55) | class Example extends React.Component { method componentDidMount (line 58) | componentDidMount() { method componentWillUnmount (line 62) | componentWillUnmount() { method render (line 68) | render() { FILE: packages/site/templates/Pose/USPs/DeclarativeExample.js class Example (line 34) | class Example extends React.Component { method componentDidMount (line 37) | componentDidMount() { method componentWillUnmount (line 41) | componentWillUnmount() { method render (line 47) | render() { FILE: packages/site/templates/Pose/USPs/DraggableExample.js class Example (line 51) | class Example extends React.Component { method render (line 52) | render() { FILE: packages/site/templates/Pose/USPs/FlipExample.js class Example (line 69) | class Example extends React.Component { method componentDidMount (line 95) | componentDidMount() { method componentWillUnmount (line 113) | componentWillUnmount() { method componentDidUpdate (line 117) | componentDidUpdate() { method render (line 123) | render() { FILE: packages/site/templates/Pose/USPs/PassiveExample.js class Example (line 49) | class Example extends React.Component { method componentDidMount (line 52) | componentDidMount() { method componentWillUnmount (line 56) | componentWillUnmount() { method render (line 62) | render() { FILE: packages/site/templates/Pose/USPs/PluginsExample.js class Example (line 36) | class Example extends React.Component { method render (line 37) | render() { FILE: packages/site/templates/Pose/USPs/ReactExample.js function shuffle (line 79) | function shuffle(array) { class Example (line 99) | class Example extends React.Component { method componentDidMount (line 102) | componentDidMount() { method componentWillUnmount (line 106) | componentWillUnmount() { method render (line 112) | render() { FILE: packages/site/templates/Pose/USPs/ZeroConfigExample.js class Example (line 43) | class Example extends React.Component { method componentDidMount (line 46) | componentDidMount() { method componentWillUnmount (line 50) | componentWillUnmount() { method render (line 56) | render() { FILE: packages/site/templates/Pose/USPs/index.js class Examples (line 21) | class Examples extends React.Component { method render (line 31) | render() { FILE: packages/site/templates/content/ContentNav.js class ContentNav (line 132) | class ContentNav extends React.PureComponent { method render (line 133) | render() { FILE: packages/site/templates/content/Template.js class Template (line 17) | class Template extends React.PureComponent { method render (line 27) | render() { FILE: packages/site/templates/global/Footer.js constant YEAR (line 9) | const YEAR = new Date().getFullYear(); FILE: packages/site/utils/string.js function htmlUnencode (line 1) | function htmlUnencode(str) { FILE: packages/style-value-types/src/_tests/index.test.ts constant PATH (line 17) | const PATH = 'M150 0 L75 200 L225 200 Z'; constant GREYSCALE (line 18) | const GREYSCALE = 'greyscale(100%)'; constant PATH_VALUES (line 19) | const PATH_VALUES = [150, 0, 75, 200, 225, 200]; constant MIXED (line 20) | const MIXED = '0px 0px 0px rgba(161, 0, 246, 0)'; FILE: packages/style-value-types/src/color/hex.ts function parseHex (line 5) | function parseHex(v: string): RGBA { FILE: packages/style-value-types/src/complex/filter.ts function applyDefaultFilter (line 9) | function applyDefaultFilter(v: string) { FILE: packages/style-value-types/src/complex/index.ts function test (line 9) | function test(v: any) { function analyse (line 17) | function analyse(v: string | number) { function parse (line 41) | function parse(v: string | number) { function createTransformer (line 45) | function createTransformer(v: string | number) { function getAnimatableNone (line 66) | function getAnimatableNone(v: string | number) { FILE: packages/style-value-types/src/types.ts type Transformer (line 1) | type Transformer = (v: any) => any; type ValueType (line 3) | type ValueType = { type NumberMap (line 12) | type NumberMap = { type RGBA (line 16) | type RGBA = { type HSLA (line 23) | type HSLA = { type Color (line 30) | type Color = HSLA | RGBA; FILE: packages/style-value-types/src/utils.ts function isString (line 12) | function isString(v: any): v is string { FILE: playground/animate.js function Keyframes (line 13) | function Keyframes() { FILE: playground/worklet.js function Tween (line 15) | function Tween() { FILE: types/animations/decay.d.ts class DecayAnimator (line 2) | class DecayAnimator implements Animator { FILE: types/animations/keyframes.d.ts class KeyframesAnimator (line 9) | class KeyframesAnimator FILE: types/animations/spring.d.ts class SpringAnimator (line 2) | class SpringAnimator implements Animator { FILE: types/animations/types.d.ts type Animatable (line 5) | type Animatable = string | number; type Animator (line 9) | interface Animator { type PlaybackControls (line 15) | interface PlaybackControls { type Update (line 26) | type Update = (timestamp: number) => void; type Driver (line 31) | type Driver = (update: Update) => () => void; type PlaybackOptions (line 35) | interface PlaybackOptions { type KeyframeOptions (line 53) | interface KeyframeOptions { type DecayOptions (line 60) | interface DecayOptions { type SpringOptions (line 69) | interface SpringOptions { type AnimationOptions (line 79) | type AnimationOptions = PlaybackOptions< FILE: types/animations/utils/detect-animation-from-options.d.ts type Options (line 4) | interface Options {} FILE: types/easing/steps.d.ts type Direction (line 2) | type Direction = 'start' | 'end'; FILE: types/easing/types.d.ts type Easing (line 1) | type Easing = (v: number) => number; type EasingModifier (line 2) | type EasingModifier = (easing: Easing) => Easing; FILE: types/types.d.ts type Point2D (line 1) | type Point2D = { type Point3D (line 5) | type Point3D = Point2D & { type Point (line 8) | type Point = Point2D | Point3D; FILE: types/utils/distance.d.ts type _Point (line 2) | type _Point = Point | number; FILE: types/utils/interpolate.d.ts type MixEasing (line 2) | type MixEasing = Easing | Easing[]; type InterpolateOptions (line 3) | type InterpolateOptions = { type Mix (line 8) | type Mix = (v: number) => T; type MixerFactory (line 9) | type MixerFactory = (from: T, to: T) => Mix; FILE: types/utils/mix-complex.d.ts type MixComplex (line 2) | type MixComplex = (p: number) => string; type BlendableObject (line 3) | type BlendableObject = {