@wix/motion 1.659.0 → 2.0.0-rc.2

package/dist/cjs/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/types.ts"],"sourcesContent":["type LengthUnit = 'px' | 'em' | 'rem' | 'vh' | 'vw' | 'vmin' | 'vmax';\n\nexport declare type Length = {\n  value: number;\n  type: LengthUnit;\n};\n\nexport declare type Percentage = {\n  value: number;\n  type: 'percentage';\n};\n\nexport declare type LengthPercentage = Length | Percentage;\n\nexport declare type UnitLengthPercentage = LengthPercentage;\n\nexport type Point = [number, number];\n\nexport type EffectNineDirections =\n  | 'right'\n  | 'top-right'\n  | 'top'\n  | 'top-left'\n  | 'left'\n  | 'bottom-left'\n  | 'bottom'\n  | 'bottom-right'\n  | 'center';\n\nexport type EffectScaleDirection = 'up' | 'down';\n\ndeclare class ViewTimeline {\n  constructor(options: { subject: HTMLElement });\n}\n\ndeclare global {\n  interface Window {\n    ViewTimeline: ViewTimeline;\n  }\n}\n\nexport type AnimationFillMode = 'none' | 'backwards' | 'forwards' | 'both';\n\nexport type BaseDataItemLike<Type extends string = string> = {\n  id?: string;\n  type: Type;\n};\n\nexport type EffectTwoSides = 'left' | 'right';\n\nexport type EffectFourDirections = 'top' | 'right' | 'bottom' | 'left';\nexport type EffectFourCorners =\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left';\nexport type EffectEightDirections = EffectFourDirections | EffectFourCorners;\nexport type EffectPower = 'soft' | 'medium' | 'hard';\nexport type EffectScrollRange = 'in' | 'out' | 'continuous';\n\nexport type FadeIn = BaseDataItemLike<'FadeIn'>;\nexport type ArcIn = BaseDataItemLike<'ArcIn'> & {\n  direction: EffectFourDirections;\n  power?: EffectPower;\n};\nexport type CurveIn = BaseDataItemLike<'CurveIn'> & {\n  direction: EffectTwoSides;\n};\nexport type DropIn = BaseDataItemLike<'DropIn'> & {\n  power?: EffectPower;\n  initialScale?: number;\n};\nexport type ExpandIn = BaseDataItemLike<'ExpandIn'> & {\n  power?: EffectPower;\n  direction: EffectEightDirections | 'center';\n  initialScale?: number;\n};\nexport type FlipIn = BaseDataItemLike<'FlipIn'> & {\n  power?: EffectPower;\n  direction: EffectFourDirections;\n  initialRotate?: number;\n};\nexport type FloatIn = BaseDataItemLike<'FloatIn'> & {\n  direction: EffectFourDirections;\n};\nexport type FoldIn = BaseDataItemLike<'FoldIn'> & {\n  direction: EffectFourDirections;\n  power?: EffectPower;\n  initialRotate?: number;\n};\nexport type SlideIn = BaseDataItemLike<'SlideIn'> & {\n  power?: EffectPower;\n  direction: EffectFourDirections;\n  initialTranslate?: number;\n};\nexport type SpinIn = BaseDataItemLike<'SpinIn'> & {\n  spins: number;\n  direction: 'clockwise' | 'counter-clockwise';\n  power?: EffectPower;\n  initialScale?: number;\n};\nexport type BounceIn = BaseDataItemLike<'BounceIn'> & {\n  direction: EffectFourDirections | 'center';\n  power?: EffectPower;\n  distanceFactor?: number;\n};\nexport type PunchIn = BaseDataItemLike<'PunchIn'> & {\n  direction: EffectFourCorners | 'center';\n  power?: EffectPower;\n};\nexport type GlideIn = BaseDataItemLike<'GlideIn'> & {\n  direction: number;\n  distance: UnitLengthPercentage;\n  power?: EffectPower;\n  startFromOffScreen?: boolean;\n};\nexport type GlitchIn = BaseDataItemLike<'GlitchIn'> & {\n  direction: number;\n  distance: UnitLengthPercentage;\n  power?: EffectPower;\n  startFromOffScreen?: boolean;\n};\nexport type TurnIn = BaseDataItemLike<'TurnIn'> & {\n  direction: EffectFourCorners;\n  power?: EffectPower;\n};\nexport type CircleIn = BaseDataItemLike<'CircleIn'> & {\n  direction: EffectTwoSides;\n};\nexport type WinkIn = BaseDataItemLike<'WinkIn'> & {\n  direction: 'vertical' | 'horizontal';\n};\nexport type TiltIn = BaseDataItemLike<'TiltIn'> & {\n  direction: EffectTwoSides;\n};\nexport type ShapeIn = BaseDataItemLike<'ShapeIn'> & {\n  shape: 'circle' | 'ellipse' | 'rectangle' | 'diamond' | 'window';\n  direction: EffectEightDirections | 'center';\n};\n\nexport type ShuttersIn = BaseDataItemLike<'ShuttersIn'> & {\n  direction: EffectFourDirections;\n  shutters: number;\n  staggered: boolean;\n  power?: EffectPower;\n};\nexport type GrowIn = BaseDataItemLike<'GrowIn'> & {\n  direction: number;\n  distance: UnitLengthPercentage;\n  power?: EffectPower;\n  initialScale?: number;\n};\nexport type RevealIn = BaseDataItemLike<'RevealIn'> & {\n  direction: EffectFourDirections;\n};\nexport type BlurIn = BaseDataItemLike<'BlurIn'> & {\n  blur?: number;\n  power?: EffectPower;\n};\n\nexport type AnimationOptionsTypes = {\n  time: TimeAnimationOptions & AnimationExtraOptions;\n  scrub: ScrubAnimationOptions & AnimationExtraOptions;\n};\n\nexport type AnimationEffectAPI<Enum extends keyof AnimationOptionsTypes> = {\n  web: (\n    animationOptions: AnimationOptionsTypes[Enum],\n    dom?: DomApi,\n    options?: Record<string, any>,\n  ) => AnimationData[];\n  getNames: (animationOptions: AnimationOptionsTypes[Enum]) => string[];\n  style?: (options: AnimationOptionsTypes[Enum]) => AnimationData[];\n  prepare?: (options: AnimationOptionsTypes[Enum], dom?: DomApi) => void;\n};\n\nexport type WebAnimationEffectFactory<\n  Enum extends keyof AnimationOptionsTypes,\n> = (\n  animationOptions: AnimationOptionsTypes[Enum],\n  dom?: DomApi,\n  options?: Record<string, any>,\n) => AnimationData[];\n\nexport type EntranceAnimation =\n  | FadeIn\n  | ArcIn\n  | CurveIn\n  | DropIn\n  | ExpandIn\n  | FlipIn\n  | FloatIn\n  | FoldIn\n  | SlideIn\n  | SpinIn\n  | BounceIn\n  | PunchIn\n  | GlideIn\n  | GlitchIn\n  | TurnIn\n  | CircleIn\n  | WinkIn\n  | TiltIn\n  | ShapeIn\n  | ShuttersIn\n  | GrowIn\n  | RevealIn\n  | BlurIn;\nexport type EntranceAnimations = Record<\n  EntranceAnimation['type'],\n  AnimationEffectAPI<'time'>\n>;\n\nexport type Breathe = BaseDataItemLike<'Breathe'> & {\n  direction: 'vertical' | 'horizontal' | 'center';\n  distance: UnitLengthPercentage;\n};\nexport type Pulse = BaseDataItemLike<'Pulse'> & {\n  power?: EffectPower;\n  intensity?: number;\n};\nexport type Spin = BaseDataItemLike<'Spin'> & {\n  direction: 'clockwise' | 'counter-clockwise';\n  power?: EffectPower;\n};\nexport type Poke = BaseDataItemLike<'Poke'> & {\n  direction: EffectFourDirections;\n  power?: EffectPower;\n  intensity?: number;\n};\nexport type Flash = BaseDataItemLike<'Flash'>;\nexport type Swing = BaseDataItemLike<'Swing'> & {\n  power?: EffectPower;\n  swing?: number;\n  direction?: EffectFourDirections;\n};\nexport type Flip = BaseDataItemLike<'Flip'> & {\n  direction: 'vertical' | 'horizontal';\n  power?: EffectPower;\n};\nexport type Rubber = BaseDataItemLike<'Rubber'> & {\n  power?: EffectPower;\n  intensity?: number;\n};\nexport type Fold = BaseDataItemLike<'Fold'> & {\n  direction: EffectFourDirections;\n  power?: EffectPower;\n  angle?: number;\n};\nexport type Jello = BaseDataItemLike<'Jello'> & {\n  power?: EffectPower;\n  intensity?: number;\n};\nexport type Wiggle = BaseDataItemLike<'Wiggle'> & {\n  power?: EffectPower;\n  intensity?: number;\n};\nexport type Bounce = BaseDataItemLike<'Bounce'> & {\n  power?: EffectPower;\n  intensity?: number;\n};\nexport type Cross = BaseDataItemLike<'Cross'> & {\n  direction: EffectEightDirections;\n};\nexport type DVD = BaseDataItemLike<'DVD'> & {\n  power?: EffectPower;\n};\n\nexport type Blink = BaseDataItemLike<'Blink'> & {\n  power?: EffectPower;\n  scale?: number;\n  distance?: UnitLengthPercentage;\n};\n\nexport type OngoingAnimation =\n  | Breathe\n  | Blink\n  | Pulse\n  | Spin\n  | Poke\n  | Flash\n  | Swing\n  | Flip\n  | Rubber\n  | Fold\n  | Jello\n  | Wiggle\n  | Bounce\n  | Cross\n  | DVD;\nexport type OngoingAnimations = Record<\n  OngoingAnimation['type'],\n  AnimationEffectAPI<'time'>\n>;\n\nexport type ArcScroll = BaseDataItemLike<'ArcScroll'> & {\n  direction: 'vertical' | 'horizontal';\n  range?: EffectScrollRange;\n};\nexport type BlurScroll = BaseDataItemLike<'BlurScroll'> & {\n  power?: EffectPower;\n  range?: EffectScrollRange;\n  blur?: number;\n};\nexport type FadeScroll = BaseDataItemLike<'FadeScroll'> & {\n  range: EffectScrollRange;\n  opacity: number;\n};\nexport type FlipScroll = BaseDataItemLike<'FlipScroll'> & {\n  direction: 'vertical' | 'horizontal';\n  power?: EffectPower;\n  range?: EffectScrollRange;\n  rotate?: number;\n};\nexport type GrowScroll = BaseDataItemLike<'GrowScroll'> & {\n  direction: EffectNineDirections;\n  power?: EffectPower;\n  range?: EffectScrollRange;\n  scale?: number;\n  speed?: number;\n};\nexport type MoveScroll = BaseDataItemLike<'MoveScroll'> & {\n  angle: number;\n  power?: EffectPower;\n  range?: EffectScrollRange;\n  distance?: UnitLengthPercentage;\n};\nexport type PanScroll = BaseDataItemLike<'PanScroll'> & {\n  direction: EffectTwoSides;\n  distance: UnitLengthPercentage;\n  startFromOffScreen: boolean;\n  range?: EffectScrollRange;\n};\nexport type ParallaxScroll = BaseDataItemLike<'ParallaxScroll'> & {\n  speed: number;\n  range?: EffectScrollRange;\n};\nexport type RevealScroll = BaseDataItemLike<'RevealScroll'> & {\n  direction: EffectFourDirections;\n  range?: EffectScrollRange;\n};\nexport type ShapeScroll = BaseDataItemLike<'ShapeScroll'> & {\n  shape: 'circle' | 'ellipse' | 'rectangle' | 'diamond' | 'window';\n  range?: EffectScrollRange;\n  power?: EffectPower;\n  intensity?: number;\n};\nexport type ShrinkScroll = BaseDataItemLike<'ShrinkScroll'> & {\n  direction: EffectNineDirections;\n  power?: EffectPower;\n  range?: EffectScrollRange;\n  scale?: number;\n  speed?: number;\n};\nexport type ShuttersScroll = BaseDataItemLike<'ShuttersScroll'> & {\n  direction: EffectFourDirections;\n  shutters: number;\n  staggered: boolean;\n  range?: EffectScrollRange;\n};\nexport type SkewPanScroll = BaseDataItemLike<'SkewPanScroll'> & {\n  direction: EffectTwoSides;\n  range?: EffectScrollRange;\n  power?: EffectPower;\n  skew?: number;\n};\nexport type SlideScroll = BaseDataItemLike<'SlideScroll'> & {\n  direction: EffectFourDirections;\n  range?: EffectScrollRange;\n};\nexport type Spin3dScroll = BaseDataItemLike<'Spin3dScroll'> & {\n  range?: EffectScrollRange;\n  power?: EffectPower;\n  rotate?: number;\n  speed?: number;\n};\nexport type SpinScroll = BaseDataItemLike<'SpinScroll'> & {\n  direction: 'clockwise' | 'counter-clockwise';\n  spins: number;\n  range?: EffectScrollRange;\n  power?: EffectPower;\n  scale?: number;\n};\nexport type StretchScroll = BaseDataItemLike<'StretchScroll'> & {\n  power?: EffectPower;\n  range?: EffectScrollRange;\n  stretch?: number;\n};\nexport type TiltScroll = BaseDataItemLike<'TiltScroll'> & {\n  direction: EffectTwoSides;\n  range?: EffectScrollRange;\n  power?: EffectPower;\n  distance?: number;\n};\nexport type TurnScroll = BaseDataItemLike<'TurnScroll'> & {\n  direction: EffectTwoSides;\n  spin: 'clockwise' | 'counter-clockwise';\n  range?: EffectScrollRange;\n  power?: EffectPower;\n  scale?: number;\n};\n\nexport type ScrollAnimation =\n  | ArcScroll\n  | BlurScroll\n  | FadeScroll\n  | FlipScroll\n  | GrowScroll\n  | MoveScroll\n  | PanScroll\n  | ParallaxScroll\n  | RevealScroll\n  | ShapeScroll\n  | ShuttersScroll\n  | ShrinkScroll\n  | SkewPanScroll\n  | SlideScroll\n  | Spin3dScroll\n  | SpinScroll\n  | StretchScroll\n  | TiltScroll\n  | TurnScroll;\nexport type ScrollAnimations = Record<\n  ScrollAnimation['type'],\n  WebAnimationEffectFactory<'scrub'>\n>;\n\nexport type BgCloseUp = BaseDataItemLike<'BgCloseUp'> & {\n  scale?: number;\n};\nexport type BgFade = BaseDataItemLike<'BgFade'> & {\n  range: 'in' | 'out';\n};\nexport type BgFadeBack = BaseDataItemLike<'BgFadeBack'> & {\n  scale?: number;\n};\nexport type BgFake3D = BaseDataItemLike<'BgFake3D'> & {\n  stretch?: number;\n  zoom?: number;\n};\nexport type BgPan = BaseDataItemLike<'BgPan'> & {\n  direction: 'left' | 'right';\n  speed?: number;\n};\nexport type BgParallax = BaseDataItemLike<'BgParallax'> & {\n  speed?: number;\n};\nexport type BgPullBack = BaseDataItemLike<'BgPullBack'> & {\n  scale?: number;\n};\nexport type BgReveal = BaseDataItemLike<'BgReveal'>;\nexport type BgRotate = BaseDataItemLike<'BgRotate'> & {\n  direction?: 'ccw' | 'cw';\n  angle?: number;\n};\nexport type BgSkew = BaseDataItemLike<'BgSkew'> & {\n  direction?: 'ccw' | 'cw';\n  angle?: number;\n};\nexport type BgZoom = BaseDataItemLike<'BgZoom'> & {\n  direction: 'in' | 'out';\n  zoom?: number;\n};\nexport type ImageParallax = BaseDataItemLike<'ImageParallax'> & {\n  reverse?: boolean;\n  speed?: number;\n  isPage?: boolean;\n};\n\nexport type BackgroundScrollAnimation =\n  | BgCloseUp\n  | BgFade\n  | BgFadeBack\n  | BgFake3D\n  | BgPan\n  | BgParallax\n  | BgPullBack\n  | BgReveal\n  | BgRotate\n  | BgSkew\n  | BgZoom\n  | ImageParallax;\n\nexport type BackgroundScrollAnimations = Record<\n  BackgroundScrollAnimation['type'],\n  WebAnimationEffectFactory<'scrub'>\n>;\n\ntype MouseEffectBase = {\n  inverted?: boolean;\n};\n\ntype MouseEffectAxis = 'both' | 'horizontal' | 'vertical';\n\nexport type MousePivotAxis =\n  | 'top'\n  | 'bottom'\n  | 'right'\n  | 'left'\n  | 'center-horizontal'\n  | 'center-vertical';\n\nexport type AiryMouse = BaseDataItemLike<'AiryMouse'> &\n  MouseEffectBase & {\n    distance?: UnitLengthPercentage;\n    axis?: MouseEffectAxis;\n    angle?: number;\n    power?: EffectPower;\n  };\nexport type BlobMouse = BaseDataItemLike<'BlobMouse'> &\n  MouseEffectBase & {\n    distance?: UnitLengthPercentage;\n    scale?: number;\n    power?: EffectPower;\n  };\nexport type BlurMouse = BaseDataItemLike<'BlurMouse'> &\n  MouseEffectBase & {\n    distance?: UnitLengthPercentage;\n    angle?: number;\n    scale?: number;\n    blur?: number;\n    perspective?: number;\n    power?: EffectPower;\n  };\nexport type BounceMouse = BaseDataItemLike<'BounceMouse'> &\n  MouseEffectBase & {\n    distance?: UnitLengthPercentage;\n    axis?: MouseEffectAxis;\n    power?: EffectPower;\n  };\nexport type ScaleMouse = BaseDataItemLike<'ScaleMouse'> &\n  MouseEffectBase & {\n    distance?: UnitLengthPercentage;\n    axis?: MouseEffectAxis;\n    scale?: number;\n    power?: EffectPower;\n    scaleDirection: EffectScaleDirection;\n  };\nexport type SkewMouse = BaseDataItemLike<'SkewMouse'> &\n  MouseEffectBase & {\n    distance?: UnitLengthPercentage;\n    angle?: number;\n    axis?: MouseEffectAxis;\n    power?: EffectPower;\n  };\nexport type SpinMouse = BaseDataItemLike<'SpinMouse'> &\n  MouseEffectBase & {\n    axis?: MouseEffectAxis;\n    power?: EffectPower;\n  };\nexport type SwivelMouse = BaseDataItemLike<'SwivelMouse'> &\n  MouseEffectBase & {\n    angle?: number;\n    perspective?: number;\n    pivotAxis?: MousePivotAxis;\n    power?: EffectPower;\n  };\nexport type Tilt3DMouse = BaseDataItemLike<'Tilt3DMouse'> &\n  MouseEffectBase & {\n    angle?: number;\n    perspective?: number;\n    power?: EffectPower;\n  };\nexport type Track3DMouse = BaseDataItemLike<'Track3DMouse'> &\n  MouseEffectBase & {\n    distance?: UnitLengthPercentage;\n    angle?: number;\n    axis?: MouseEffectAxis;\n    perspective?: number;\n    power?: EffectPower;\n  };\nexport type TrackMouse = BaseDataItemLike<'TrackMouse'> &\n  MouseEffectBase & {\n    distance?: UnitLengthPercentage;\n    axis?: MouseEffectAxis;\n    power?: EffectPower;\n  };\n\nexport type CustomMouse = BaseDataItemLike<'CustomMouse'>;\n\nexport type Progress = {\n  x: number;\n  y: number;\n  v?: { x: number; y: number };\n  active?: boolean;\n};\nexport interface MouseAnimationInstance {\n  target: HTMLElement;\n  play: () => void;\n  progress: (progress: Progress) => void;\n  cancel: () => void;\n}\n\nexport interface CustomMouseAnimationInstance extends MouseAnimationInstance {\n  getProgress: () => Progress;\n}\n\nexport type MouseAnimationFactory = (\n  element: HTMLElement,\n) => MouseAnimationInstance;\n\nexport type MouseAnimationFactoryCreate = (\n  options: ScrubAnimationOptions,\n  dom?: DomApi,\n) => MouseAnimationFactory;\n\nexport type MouseAnimation =\n  | AiryMouse\n  | BlobMouse\n  | BlurMouse\n  | BounceMouse\n  | CustomMouse\n  | ScaleMouse\n  | SkewMouse\n  | SpinMouse\n  | SwivelMouse\n  | Tilt3DMouse\n  | Track3DMouse\n  | TrackMouse;\nexport type MouseAnimations = Record<\n  MouseAnimation['type'],\n  MouseAnimationFactoryCreate\n>;\n\nexport type NamedEffect =\n  | EntranceAnimation\n  | OngoingAnimation\n  | ScrollAnimation\n  | MouseAnimation\n  | BackgroundScrollAnimation;\n\nexport type CustomEffect =\n  | {\n      ranges: { name: string; min: number; max: number; step?: number }[];\n    }\n  | ((element: Element | null, progress: number | null) => void);\n\nexport type AnimationExtraOptions = {\n  effectId?: string;\n  effect?: (\n    progress: () => number | { x: number | undefined; y: number | undefined },\n  ) => void;\n};\n\nexport type AnimationOptions = (TimeAnimationOptions | ScrubAnimationOptions) &\n  AnimationExtraOptions;\n\nexport type MotionAnimationOptions<T extends keyof AnimationOptionsTypes> =\n  AnimationOptionsTypes[T];\n\nexport type MeasureCallback = (\n  fn: (target: HTMLElement | null) => void,\n) => void;\nexport type DomApi = { measure: MeasureCallback; mutate: MeasureCallback };\n\nexport type NamedEffectFunction = (\n  options: AnimationOptions,\n  domApi?: DomApi | undefined,\n  config?: Record<string, any>,\n) => AnimationData[];\n\nexport type ScrubTransitionEasing =\n  | 'linear'\n  | 'hardBackOut'\n  | 'easeOut'\n  | 'elastic'\n  | 'bounce';\n\nexport type RangeOffset = {\n  name?:\n    | 'entry'\n    | 'exit'\n    | 'contain'\n    | 'cover'\n    | 'entry-crossing'\n    | 'exit-crossing';\n  offset?: LengthPercentage;\n};\n\nexport type MotionKeyframeEffect = BaseDataItemLike<'KeyframeEffect'> & {\n  name: string;\n  keyframes: Keyframe[] | PropertyIndexedKeyframes;\n};\n\nexport type TimeAnimationOptions = {\n  id?: string;\n  keyframeEffect?: MotionKeyframeEffect;\n  namedEffect?: NamedEffect;\n  customEffect?: CustomEffect;\n  duration?: number;\n  delay?: number;\n  endDelay?: number;\n  easing?: string;\n  iterations?: number;\n  alternate?: boolean;\n  fill?: AnimationFillMode;\n  reversed?: boolean;\n};\n\ntype ScrubAnimationDataBase = {\n  id?: string;\n  keyframeEffect?: MotionKeyframeEffect;\n  namedEffect?: NamedEffect;\n  customEffect?: CustomEffect;\n  startOffset?: RangeOffset;\n  endOffset?: RangeOffset;\n  playbackRate?: number;\n  easing?: string;\n  iterations?: number;\n  fill?: AnimationFillMode;\n  alternate?: boolean;\n  reversed?: boolean;\n  transitionDuration?: number;\n  transitionDelay?: number;\n  transitionEasing?: ScrubTransitionEasing;\n  centeredToTarget?: boolean;\n};\n\nexport type ScrubAnimationOptions = ScrubAnimationDataBase & {\n  duration?: LengthPercentage;\n};\n\ntype AnimationDataExtra = {\n  name?: string; // TODO:  need to be added to all animations and then be made required\n  keyframes: Record<string, string | number | undefined>[];\n  custom?: Record<string, string | number | undefined>;\n  composite?: CompositeOperation;\n  part?: string;\n  timing?: Partial<EffectTiming>;\n};\n\nexport type AnimationDataForScrub = ScrubAnimationDataBase & {\n  duration?: LengthPercentage | number;\n  startOffsetAdd?: string;\n  endOffsetAdd?: string;\n};\n\nexport type AnimationData = (TimeAnimationOptions | AnimationDataForScrub) &\n  AnimationDataExtra;\n\n// TODO: need it?\nexport type AnimationProperties = {\n  groups?: string[];\n  schema: { [key: string]: any };\n};\n\nexport type TriggerVariant = {\n  id: string;\n  trigger: 'view-progress' | 'pointer-move';\n  componentId: string;\n};\n\nexport type AnimationGroupOptions = AnimationOptions & {\n  trigger?: Partial<TriggerVariant> | undefined;\n  startOffsetAdd?: string | undefined;\n  endOffsetAdd?: string | undefined;\n  measured?: Promise<void>;\n};\n\nexport type Shape = 'ellipse' | 'circle' | 'rectangle' | 'diamond' | 'window';\n\nexport interface ScrubScrollScene {\n  start: RangeOffset;\n  end: RangeOffset;\n  viewSource: HTMLElement;\n  ready: Promise<void>;\n  getProgress(): number;\n  effect(__: any, p: number): void;\n  disabled: boolean;\n  destroy(): void;\n  groupId?: string;\n}\n\nexport interface ScrubPointerScene {\n  target?: HTMLElement;\n  centeredToTarget?: boolean;\n  transitionDuration?: number;\n  transitionEasing?: ScrubTransitionEasing;\n  getProgress(): Progress;\n  effect(p: Progress): void;\n  disabled: boolean;\n  destroy(): void;\n  allowActiveEvent?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/utils.js

@@ -1,305 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.INITIAL_FRAME_OFFSET = void 0;
-exports.distance2d = distance2d;
-exports.getAdjustedDirection = getAdjustedDirection;
-exports.getAngleInDeg = getAngleInDeg;
-exports.getClipPolygonParams = getClipPolygonParams;
-exports.getCssUnits = getCssUnits;
-exports.getEasing = getEasing;
-exports.getEasingFamily = getEasingFamily;
-exports.getElementOffset = getElementOffset;
-exports.getJsEasing = getJsEasing;
-exports.getMouseTransitionEasing = getMouseTransitionEasing;
-exports.getOutOfScreenDistance = getOutOfScreenDistance;
-exports.getShuttersClipPaths = getShuttersClipPaths;
-exports.getTimingFactor = getTimingFactor;
-exports.mapRange = mapRange;
-exports.roundNumber = roundNumber;
-exports.toKeyframeValue = toKeyframeValue;
-exports.transformPolarToXY = transformPolarToXY;
-var _easings = require("./easings");
-/**
- * Map a value from one range 'a' to different range 'b'
- *
- * @param sourceMin - The minimum value of the source range
- * @param sourceMax - The maximum value of the source range
- * @param targetMin - The minimum value of the target range
- * @param targetMax - The maximum value of the target range
- * @param num - The number to map
- * @returns The mapped value
- */
-function mapRange(sourceMin, sourceMax, targetMin, targetMax, num) {
-  return (num - sourceMin) * (targetMax - targetMin) / (sourceMax - sourceMin) + targetMin;
-}
-
-/**
- * Get the distance between 2 points
- *
- * @param p1 - The first point [x1, y1]
- * @param p2 - The second point [x2, y2]
- * @returns The distance between the two points
- */
-function distance2d([x1, y1], [x2, y2]) {
-  return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
-}
-
-/**
- * Get the angle between 2 points in degrees clamped between 0 and 360
- * Pass the third argument "offset" to rotate the angle source,
- * for example use 90 to move angle 0 to the top
- *
- * @param p1 - The first point [x1, y1]
- * @param p2 - The second point [x2, y2]
- * @param offset - The angle offset (default: 0)
- * @returns The angle between the two points in degrees
- */
-function getAngleInDeg(p1 = [0, 0], p2 = [0, 0], offset = 0) {
-  const angle = Math.atan2(p2[1] - p1[1], p2[0] - p1[0]) * 180 / Math.PI;
-  return (360 + offset + angle) % 360;
-}
-const INITIAL_FRAME_OFFSET = exports.INITIAL_FRAME_OFFSET = 1e-6;
-const CLIP_POLYGON_TEMPLATES = {
-  initial: ({
-    top,
-    bottom,
-    left,
-    right
-  }) => `${left}% ${top}%, ${right}% ${top}%, ${right}% ${bottom}%, ${left}% ${bottom}%`,
-  top: ({
-    top,
-    left,
-    right,
-    minimum
-  }) => `${left}% ${top}%, ${right}% ${top}%, ${right}% ${top + minimum}%, ${left}% ${top + minimum}%`,
-  right: ({
-    top,
-    bottom,
-    right,
-    minimum
-  }) => `${right - minimum}% ${top}%, ${right}% ${top}%, ${right}% ${bottom}%, ${right - minimum}% ${bottom}%`,
-  center: ({
-    centerX,
-    centerY,
-    minimum
-  }) => `${centerX - minimum / 2}% ${centerY - minimum / 2}%, ${centerX + minimum / 2}% ${centerY - minimum / 2}%, ${centerX + minimum / 2}% ${centerY + minimum / 2}%, ${centerX - minimum / 2}% ${centerY + minimum / 2}%`,
-  bottom: ({
-    bottom,
-    left,
-    right,
-    minimum
-  }) => `${left}% ${bottom - minimum}%, ${right}% ${bottom - minimum}%, ${right}% ${bottom}%, ${left}% ${bottom}%`,
-  left: ({
-    top,
-    bottom,
-    left,
-    minimum
-  }) => `${left}% ${top}%, ${left + minimum}% ${top}%, ${left + minimum}% ${bottom}%, ${left}% ${bottom}%`,
-  vertical: ({
-    top,
-    bottom,
-    left,
-    right,
-    minimum
-  }) => `${left}% ${top + minimum / 2}%, ${right}% ${top + minimum / 2}%, ${right}% ${bottom - minimum / 2}%, ${left}% ${bottom - minimum / 2}%`,
-  horizontal: ({
-    top,
-    bottom,
-    left,
-    right,
-    minimum
-  }) => `${left + minimum / 2}% ${top}%, ${right - minimum / 2}% ${top}%, ${right - minimum / 2}% ${bottom}%, ${left + minimum / 2}% ${bottom}%`
-};
-function getClipPolygonParams({
-  direction,
-  scaleX = 1,
-  scaleY = 1,
-  minimum = 0
-}) {
-  const top = (1 - scaleY) / 2 * 100;
-  const left = (1 - scaleX) / 2 * 100;
-  const right = 100 + left - (1 - scaleX) * 100;
-  const bottom = 100 + top - (1 - scaleY) * 100;
-  const centerX = (right + left) / 2;
-  const centerY = (bottom + top) / 2;
-  return `polygon(${CLIP_POLYGON_TEMPLATES[direction]({
-    top,
-    bottom,
-    left,
-    right,
-    centerX,
-    centerY,
-    minimum
-  })})`;
-}
-
-/**
- * Adjust direction by angle from predefined list
- */
-function getAdjustedDirection(availableDirections, direction, angleInDeg) {
-  const index = availableDirections.indexOf(direction);
-  const length = availableDirections.length;
-  const shiftBy = Math.round((angleInDeg || 0) / 360 * length);
-  const newIndex = (index + (length - 1) * shiftBy) % length; // eslint-disable-line no-mixed-operators
-  return availableDirections[newIndex];
-}
-function transformPolarToXY(angle, distance) {
-  const radians = angle * Math.PI / 180;
-  const x = Math.cos(radians) * distance;
-  const y = Math.sin(radians) * distance;
-  return [x, y];
-}
-function getCssUnits(type) {
-  return type === 'percentage' ? '%' : type || 'px';
-}
-function getEasing(easing) {
-  return easing ? _easings.cssEasings[easing] || easing : _easings.cssEasings.linear;
-}
-function getJsEasing(easing) {
-  return easing ? _easings.jsEasings[easing] : undefined;
-}
-function getEasingFamily(easing) {
-  if (!_easings.cssEasings[easing]) {
-    return {
-      in: easing,
-      inOut: easing,
-      out: easing
-    };
-  }
-  const ease = easing.replace(/In|Out/g, '');
-  if (ease === 'linear') {
-    return {
-      in: `linear`,
-      inOut: `linear`,
-      out: `linear`
-    };
-  }
-  return {
-    in: `${ease}In`,
-    inOut: `${ease}InOut`,
-    out: `${ease}Out`
-  };
-}
-const MOUSE_TRANSITION_EASING_MAP = {
-  linear: 'linear',
-  easeOut: 'ease-out',
-  hardBackOut: 'cubic-bezier(0.58, 2.5, 0, 0.95)',
-  elastic: 'linear( 0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1 )',
-  bounce: 'linear( 0, 0.0039, 0.0157, 0.0352, 0.0625 9.09%, 0.1407, 0.25, 0.3908, 0.5625, 0.7654, 1, 0.8907, 0.8125 45.45%, 0.7852, 0.7657, 0.7539, 0.75, 0.7539, 0.7657, 0.7852, 0.8125 63.64%, 0.8905, 1 72.73%, 0.9727, 0.9532, 0.9414, 0.9375, 0.9414, 0.9531, 0.9726, 1, 0.9883, 0.9844, 0.9883, 1 )'
-};
-function getMouseTransitionEasing(value) {
-  return value && MOUSE_TRANSITION_EASING_MAP[value] || 'linear';
-}
-function getOutOfScreenDistance(angle) {
-  const angleInRad = angle * Math.PI / 180;
-  const angleCos = Math.round(Math.cos(angleInRad) * 10) / 10;
-  const angleSin = Math.round(Math.sin(angleInRad) * 10) / 10;
-
-  // Calculate x and y direction based on angle
-  const xDirection = Math.sign(angleCos);
-  const yDirection = Math.sign(angleSin);
-  const left = `var(--motion-left, 0px)`;
-  const top = `var(--motion-top, 0px)`;
-
-  // Calculate x and y distances between component and stage
-  const xDistance = xDirection ? xDirection === -1 ? `(-1 * ${left} - 100%)` : `(100vw - ${left})` : 0;
-  const yDistance = yDirection ? yDirection === -1 ? `(-1 * ${top} - 100%)` : `(100vh - ${top})` : 0;
-
-  // Calculate hypotenuse
-  let hypotenuse;
-  const hypotX = `calc(${xDistance} / ${angleCos})`;
-  const hypotY = `calc(${yDistance} / ${angleSin})`;
-  if (!angleCos) {
-    hypotenuse = hypotY;
-  } else if (!angleSin) {
-    hypotenuse = hypotX;
-  } else {
-    hypotenuse = `min(${hypotY}, ${hypotX})`;
-  }
-  return {
-    // distance: Math.abs(hypotenuse),
-    x: `calc(${hypotenuse} * ${angleCos})`,
-    y: `calc(${hypotenuse} * ${angleSin})`
-  };
-}
-function getElementOffset(element, parent) {
-  let left = element.offsetLeft;
-  let top = element.offsetTop;
-  let offsetParent = element.offsetParent;
-  while (offsetParent) {
-    if (parent && offsetParent === parent) {
-      break;
-    }
-    left += offsetParent.offsetLeft;
-    top += offsetParent.offsetTop;
-    offsetParent = offsetParent.offsetParent;
-  }
-  return {
-    left,
-    top
-  };
-}
-const generateShuttersClipPath = (direction, shutterCount, staggered) => {
-  const isTopOrLeft = direction === 'top' || direction === 'left';
-  const iterStart = isTopOrLeft ? shutterCount : 0;
-  const iterEnd = isTopOrLeft ? 0 : shutterCount;
-  const inc = isTopOrLeft ? -1 : 1;
-  const isVerticalPath = direction === 'top' || direction === 'bottom';
-  const clipPathStart = [];
-  const clipPathEnd = [];
-  for (let i = iterStart; i !== iterEnd; i += inc) {
-    const shutterEndPosInPercentage = 100 * ((i + inc) / shutterCount);
-    const clipStart = 100 * (i / shutterCount) | 0;
-    let clipEnd;
-    if (staggered) {
-      const staggerFactor = isTopOrLeft ? 1 + (shutterCount - i) / shutterCount : 1 + i / shutterCount;
-      // staggerFactor changes the speed in which the current shutter completes its animation.
-      // case = 1: shutter closes at normal rate (as if there is no stagger at all)
-      // case > 1: shutter closes faster (the bigger it is, the faster it closes)
-
-      clipEnd = isTopOrLeft ? 100 - (100 - shutterEndPosInPercentage) * staggerFactor : shutterEndPosInPercentage * staggerFactor;
-    } else {
-      clipEnd = shutterEndPosInPercentage;
-    }
-    clipEnd |= 0;
-    if (isVerticalPath) {
-      clipPathStart.push(`0% ${clipStart}%, 100% ${clipStart}%, 100% ${clipStart}%, 0% ${clipStart}%`);
-      clipPathEnd.push(`0% ${clipStart}%, 100% ${clipStart}%, 100% ${clipEnd}%, 0% ${clipEnd}%`);
-    } else {
-      clipPathStart.push(`${clipStart}% 0%, ${clipStart}% 100%, ${clipStart}% 100%, ${clipStart}% 0%`);
-      clipPathEnd.push(`${clipStart}% 0%, ${clipStart}% 100%, ${clipEnd}% 100%, ${clipEnd}% 0%`);
-    }
-  }
-  return {
-    start: clipPathStart,
-    end: clipPathEnd
-  };
-};
-function getShuttersClipPaths(direction, shutterCount, staggered, reverse) {
-  const {
-    start,
-    end
-  } = generateShuttersClipPath(direction, shutterCount, staggered);
-  if (reverse) {
-    start.reverse();
-    end.reverse();
-  }
-  return {
-    clipStart: `polygon(${start.join(', ')})`,
-    clipEnd: `polygon(${end.join(', ')})`
-  };
-}
-function roundNumber(num, precision = 2) {
-  return parseFloat(num.toFixed(precision));
-}
-function toKeyframeValue(custom, key, useValue = false, fallback = '') {
-  return useValue ? custom[key] : `var(${key}${fallback ? `,${fallback}` : ''})`;
-}
-function getTimingFactor(duration, delay, asString = false) {
-  const duration_ = duration || 1;
-  const delay_ = delay || 0;
-  const timingFactor = roundNumber(duration_ / (duration_ + delay_));
-  return asString ? timingFactor.toString().replace(/\./g, '') : timingFactor;
-}
-//# sourceMappingURL=utils.js.map

package/dist/cjs/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_easings","require","mapRange","sourceMin","sourceMax","targetMin","targetMax","num","distance2d","x1","y1","x2","y2","Math","sqrt","getAngleInDeg","p1","p2","offset","angle","atan2","PI","INITIAL_FRAME_OFFSET","exports","CLIP_POLYGON_TEMPLATES","initial","top","bottom","left","right","minimum","center","centerX","centerY","vertical","horizontal","getClipPolygonParams","direction","scaleX","scaleY","getAdjustedDirection","availableDirections","angleInDeg","index","indexOf","length","shiftBy","round","newIndex","transformPolarToXY","distance","radians","x","cos","y","sin","getCssUnits","type","getEasing","easing","cssEasings","linear","getJsEasing","jsEasings","undefined","getEasingFamily","in","inOut","out","ease","replace","MOUSE_TRANSITION_EASING_MAP","easeOut","hardBackOut","elastic","bounce","getMouseTransitionEasing","value","getOutOfScreenDistance","angleInRad","angleCos","angleSin","xDirection","sign","yDirection","xDistance","yDistance","hypotenuse","hypotX","hypotY","getElementOffset","element","parent","offsetLeft","offsetTop","offsetParent","generateShuttersClipPath","shutterCount","staggered","isTopOrLeft","iterStart","iterEnd","inc","isVerticalPath","clipPathStart","clipPathEnd","i","shutterEndPosInPercentage","clipStart","clipEnd","staggerFactor","push","start","end","getShuttersClipPaths","reverse","join","roundNumber","precision","parseFloat","toFixed","toKeyframeValue","custom","key","useValue","fallback","getTimingFactor","duration","delay","asString","duration_","delay_","timingFactor","toString"],"sources":["../../src/utils.ts"],"sourcesContent":["import { cssEasings, jsEasings } from './easings';\nimport type {\n  ScrubTransitionEasing,\n  EffectFourDirections,\n  Point,\n} from './types';\n\n/**\n * Map a value from one range 'a' to different range 'b'\n *\n * @param sourceMin - The minimum value of the source range\n * @param sourceMax - The maximum value of the source range\n * @param targetMin - The minimum value of the target range\n * @param targetMax - The maximum value of the target range\n * @param num - The number to map\n * @returns The mapped value\n */\nexport function mapRange(\n  sourceMin: number,\n  sourceMax: number,\n  targetMin: number,\n  targetMax: number,\n  num: number,\n): number {\n  return (\n    ((num - sourceMin) * (targetMax - targetMin)) / (sourceMax - sourceMin) +\n    targetMin\n  );\n}\n\n/**\n * Get the distance between 2 points\n *\n * @param p1 - The first point [x1, y1]\n * @param p2 - The second point [x2, y2]\n * @returns The distance between the two points\n */\nexport function distance2d([x1, y1]: Point, [x2, y2]: Point): number {\n  return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);\n}\n\n/**\n * Get the angle between 2 points in degrees clamped between 0 and 360\n * Pass the third argument \"offset\" to rotate the angle source,\n * for example use 90 to move angle 0 to the top\n *\n * @param p1 - The first point [x1, y1]\n * @param p2 - The second point [x2, y2]\n * @param offset - The angle offset (default: 0)\n * @returns The angle between the two points in degrees\n */\nexport function getAngleInDeg(\n  p1: Point = [0, 0],\n  p2: Point = [0, 0],\n  offset: number = 0,\n): number {\n  const angle = (Math.atan2(p2[1] - p1[1], p2[0] - p1[0]) * 180) / Math.PI;\n  return (360 + offset + angle) % 360;\n}\n\nexport const INITIAL_FRAME_OFFSET = 1e-6;\n\nexport type Direction =\n  | 'initial'\n  | 'top'\n  | 'right'\n  | 'center'\n  | 'bottom'\n  | 'left'\n  | 'vertical'\n  | 'horizontal';\n\ntype ClipPolygonTemplateParams = {\n  top: number;\n  bottom: number;\n  left: number;\n  right: number;\n  centerX: number;\n  centerY: number;\n  minimum: number;\n};\n\nconst CLIP_POLYGON_TEMPLATES: Record<\n  Direction,\n  (params: ClipPolygonTemplateParams) => string\n> = {\n  initial: ({ top, bottom, left, right }) =>\n    `${left}% ${top}%, ${right}% ${top}%, ${right}% ${bottom}%, ${left}% ${bottom}%`,\n  top: ({ top, left, right, minimum }) =>\n    `${left}% ${top}%, ${right}% ${top}%, ${right}% ${\n      top + minimum\n    }%, ${left}% ${top + minimum}%`,\n  right: ({ top, bottom, right, minimum }) =>\n    `${right - minimum}% ${top}%, ${right}% ${top}%, ${right}% ${bottom}%, ${\n      right - minimum\n    }% ${bottom}%`,\n  center: ({ centerX, centerY, minimum }) =>\n    `${centerX - minimum / 2}% ${centerY - minimum / 2}%, ${\n      centerX + minimum / 2\n    }% ${centerY - minimum / 2}%, ${centerX + minimum / 2}% ${\n      centerY + minimum / 2\n    }%, ${centerX - minimum / 2}% ${centerY + minimum / 2}%`,\n  bottom: ({ bottom, left, right, minimum }) =>\n    `${left}% ${bottom - minimum}%, ${right}% ${\n      bottom - minimum\n    }%, ${right}% ${bottom}%, ${left}% ${bottom}%`,\n  left: ({ top, bottom, left, minimum }) =>\n    `${left}% ${top}%, ${left + minimum}% ${top}%, ${\n      left + minimum\n    }% ${bottom}%, ${left}% ${bottom}%`,\n  vertical: ({ top, bottom, left, right, minimum }) =>\n    `${left}% ${top + minimum / 2}%, ${right}% ${\n      top + minimum / 2\n    }%, ${right}% ${bottom - minimum / 2}%, ${left}% ${bottom - minimum / 2}%`,\n  horizontal: ({ top, bottom, left, right, minimum }) =>\n    `${left + minimum / 2}% ${top}%, ${right - minimum / 2}% ${top}%, ${\n      right - minimum / 2\n    }% ${bottom}%, ${left + minimum / 2}% ${bottom}%`,\n};\n\nexport function getClipPolygonParams({\n  direction,\n  scaleX = 1,\n  scaleY = 1,\n  minimum = 0,\n}: {\n  direction: Direction;\n  scaleX?: number;\n  scaleY?: number;\n  minimum?: number;\n}) {\n  const top = ((1 - scaleY) / 2) * 100;\n  const left = ((1 - scaleX) / 2) * 100;\n  const right = 100 + left - (1 - scaleX) * 100;\n  const bottom = 100 + top - (1 - scaleY) * 100;\n  const centerX = (right + left) / 2;\n  const centerY = (bottom + top) / 2;\n\n  return `polygon(${CLIP_POLYGON_TEMPLATES[direction]({\n    top,\n    bottom,\n    left,\n    right,\n    centerX,\n    centerY,\n    minimum,\n  })})`;\n}\n\n/**\n * Adjust direction by angle from predefined list\n */\nexport function getAdjustedDirection(\n  availableDirections: string[],\n  direction: string,\n  angleInDeg: number,\n) {\n  const index = availableDirections.indexOf(direction);\n  const length = availableDirections.length;\n  const shiftBy = Math.round(((angleInDeg || 0) / 360) * length);\n  const newIndex = (index + (length - 1) * shiftBy) % length; // eslint-disable-line no-mixed-operators\n  return availableDirections[newIndex];\n}\n\nexport function transformPolarToXY(angle: number, distance: number) {\n  const radians = (angle * Math.PI) / 180;\n  const x = Math.cos(radians) * distance;\n  const y = Math.sin(radians) * distance;\n  return [x, y];\n}\n\nexport function getCssUnits(type: 'percentage' | string) {\n  return type === 'percentage' ? '%' : type || 'px';\n}\n\nexport function getEasing(easing?: keyof typeof cssEasings | string): string {\n  return easing\n    ? cssEasings[easing as keyof typeof cssEasings] || easing\n    : cssEasings.linear;\n}\n\nexport function getJsEasing(\n  easing?: keyof typeof jsEasings | string,\n): ((t: number) => number) | undefined {\n  return easing ? jsEasings[easing as keyof typeof jsEasings] : undefined;\n}\n\nexport function getEasingFamily(easing: string) {\n  if (!cssEasings[easing as keyof typeof cssEasings]) {\n    return {\n      in: easing,\n      inOut: easing,\n      out: easing,\n    };\n  }\n\n  const ease = easing.replace(/In|Out/g, '');\n  if (ease === 'linear') {\n    return {\n      in: `linear`,\n      inOut: `linear`,\n      out: `linear`,\n    };\n  }\n\n  return {\n    in: `${ease}In`,\n    inOut: `${ease}InOut`,\n    out: `${ease}Out`,\n  };\n}\n\nconst MOUSE_TRANSITION_EASING_MAP: Record<ScrubTransitionEasing, string> = {\n  linear: 'linear',\n  easeOut: 'ease-out',\n  hardBackOut: 'cubic-bezier(0.58, 2.5, 0, 0.95)',\n  elastic:\n    'linear( 0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1 )',\n  bounce:\n    'linear( 0, 0.0039, 0.0157, 0.0352, 0.0625 9.09%, 0.1407, 0.25, 0.3908, 0.5625, 0.7654, 1, 0.8907, 0.8125 45.45%, 0.7852, 0.7657, 0.7539, 0.75, 0.7539, 0.7657, 0.7852, 0.8125 63.64%, 0.8905, 1 72.73%, 0.9727, 0.9532, 0.9414, 0.9375, 0.9414, 0.9531, 0.9726, 1, 0.9883, 0.9844, 0.9883, 1 )',\n};\n\nexport function getMouseTransitionEasing(value?: ScrubTransitionEasing) {\n  return (value && MOUSE_TRANSITION_EASING_MAP[value]) || 'linear';\n}\n\nexport function getOutOfScreenDistance(angle: number) {\n  const angleInRad = (angle * Math.PI) / 180;\n  const angleCos = Math.round(Math.cos(angleInRad) * 10) / 10;\n  const angleSin = Math.round(Math.sin(angleInRad) * 10) / 10;\n\n  // Calculate x and y direction based on angle\n  const xDirection = Math.sign(angleCos);\n  const yDirection = Math.sign(angleSin);\n  const left = `var(--motion-left, 0px)`;\n  const top = `var(--motion-top, 0px)`;\n\n  // Calculate x and y distances between component and stage\n  const xDistance = xDirection\n    ? xDirection === -1\n      ? `(-1 * ${left} - 100%)`\n      : `(100vw - ${left})`\n    : 0;\n  const yDistance = yDirection\n    ? yDirection === -1\n      ? `(-1 * ${top} - 100%)`\n      : `(100vh - ${top})`\n    : 0;\n\n  // Calculate hypotenuse\n  let hypotenuse;\n  const hypotX = `calc(${xDistance} / ${angleCos})`;\n  const hypotY = `calc(${yDistance} / ${angleSin})`;\n\n  if (!angleCos) {\n    hypotenuse = hypotY;\n  } else if (!angleSin) {\n    hypotenuse = hypotX;\n  } else {\n    hypotenuse = `min(${hypotY}, ${hypotX})`;\n  }\n\n  return {\n    // distance: Math.abs(hypotenuse),\n    x: `calc(${hypotenuse} * ${angleCos})`,\n    y: `calc(${hypotenuse} * ${angleSin})`,\n  };\n}\n\nexport function getElementOffset(element: HTMLElement, parent?: HTMLElement) {\n  let left = element.offsetLeft;\n  let top = element.offsetTop;\n  let offsetParent = element.offsetParent as HTMLElement;\n\n  while (offsetParent) {\n    if (parent && offsetParent === parent) {\n      break;\n    }\n\n    left += offsetParent.offsetLeft;\n    top += offsetParent.offsetTop;\n    offsetParent = offsetParent.offsetParent as HTMLElement;\n  }\n\n  return { left, top };\n}\n\nconst generateShuttersClipPath = (\n  direction: EffectFourDirections,\n  shutterCount: number,\n  staggered: boolean,\n) => {\n  const isTopOrLeft = direction === 'top' || direction === 'left';\n  const iterStart = isTopOrLeft ? shutterCount : 0;\n  const iterEnd = isTopOrLeft ? 0 : shutterCount;\n  const inc = isTopOrLeft ? -1 : 1;\n\n  const isVerticalPath = direction === 'top' || direction === 'bottom';\n\n  const clipPathStart: string[] = [];\n  const clipPathEnd: string[] = [];\n\n  for (let i = iterStart; i !== iterEnd; i += inc) {\n    const shutterEndPosInPercentage = 100 * ((i + inc) / shutterCount);\n    const clipStart = (100 * (i / shutterCount)) | 0;\n    let clipEnd;\n\n    if (staggered) {\n      const staggerFactor = isTopOrLeft\n        ? 1 + (shutterCount - i) / shutterCount\n        : 1 + i / shutterCount;\n      // staggerFactor changes the speed in which the current shutter completes its animation.\n      // case = 1: shutter closes at normal rate (as if there is no stagger at all)\n      // case > 1: shutter closes faster (the bigger it is, the faster it closes)\n\n      clipEnd = isTopOrLeft\n        ? 100 - (100 - shutterEndPosInPercentage) * staggerFactor\n        : shutterEndPosInPercentage * staggerFactor;\n    } else {\n      clipEnd = shutterEndPosInPercentage;\n    }\n\n    clipEnd |= 0;\n\n    if (isVerticalPath) {\n      clipPathStart.push(\n        `0% ${clipStart}%, 100% ${clipStart}%, 100% ${clipStart}%, 0% ${clipStart}%`,\n      );\n      clipPathEnd.push(\n        `0% ${clipStart}%, 100% ${clipStart}%, 100% ${clipEnd}%, 0% ${clipEnd}%`,\n      );\n    } else {\n      clipPathStart.push(\n        `${clipStart}% 0%, ${clipStart}% 100%, ${clipStart}% 100%, ${clipStart}% 0%`,\n      );\n      clipPathEnd.push(\n        `${clipStart}% 0%, ${clipStart}% 100%, ${clipEnd}% 100%, ${clipEnd}% 0%`,\n      );\n    }\n  }\n\n  return { start: clipPathStart, end: clipPathEnd };\n};\n\nexport function getShuttersClipPaths(\n  direction: EffectFourDirections,\n  shutterCount: number,\n  staggered: boolean,\n  reverse?: boolean,\n) {\n  const { start, end } = generateShuttersClipPath(\n    direction,\n    shutterCount,\n    staggered,\n  );\n\n  if (reverse) {\n    start.reverse();\n    end.reverse();\n  }\n\n  return {\n    clipStart: `polygon(${start.join(', ')})`,\n    clipEnd: `polygon(${end.join(', ')})`,\n  };\n}\n\nexport function roundNumber(num: number, precision = 2) {\n  return parseFloat(num.toFixed(precision));\n}\n\nexport function toKeyframeValue(\n  custom: Record<string, string | number>,\n  key: string,\n  useValue = false,\n  fallback = '',\n) {\n  return useValue\n    ? custom[key]\n    : `var(${key}${fallback ? `,${fallback}` : ''})`;\n}\n\nexport function getTimingFactor(\n  duration: number,\n  delay: number,\n  asString = false,\n): number | string {\n  const duration_ = duration || 1;\n  const delay_ = delay || 0;\n  const timingFactor = roundNumber(duration_ / (duration_ + delay_));\n  return asString ? timingFactor.toString().replace(/\\./g, '') : timingFactor;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/AnimationGroup.js

@@ -1,100 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @class AnimationGroup
- *
- * A wrapper object for simulating a GroupEffect and managing multiple animations.
- * See: https://www.w3.org/TR/web-animations-2/#grouping-and-synchronization
- */
-export class AnimationGroup {
-  constructor(animations, options) {
-    _defineProperty(this, "animations", void 0);
-    _defineProperty(this, "options", void 0);
-    _defineProperty(this, "ready", void 0);
-    _defineProperty(this, "isCSS", void 0);
-    this.animations = animations;
-    this.options = options;
-    this.ready = (options == null ? void 0 : options.measured) || Promise.resolve();
-    this.isCSS = animations[0] instanceof CSSAnimation;
-  }
-  getProgress() {
-    var _this$animations$;
-    return ((_this$animations$ = this.animations[0]) == null || (_this$animations$ = _this$animations$.effect) == null ? void 0 : _this$animations$.getComputedTiming().progress) || 0;
-  }
-  async play(callback) {
-    await this.ready;
-    for (const animation of this.animations) {
-      animation.play();
-    }
-
-    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully
-    // await Promise.allSettled(
-    await Promise.all(this.animations.map(animation => animation.ready));
-    if (callback) {
-      callback();
-    }
-  }
-  pause() {
-    for (const animation of this.animations) {
-      animation.pause();
-    }
-  }
-  async reverse(callback) {
-    await this.ready;
-    for (const animation of this.animations) {
-      animation.reverse();
-    }
-
-    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully
-    // await Promise.allSettled(
-    await Promise.all(this.animations.map(animation => animation.ready));
-    if (callback) {
-      callback();
-    }
-  }
-  progress(p) {
-    for (const animation of this.animations) {
-      const {
-        activeDuration
-      } = animation.effect.getComputedTiming();
-      const {
-        delay
-      } = animation.effect.getTiming();
-      animation.currentTime = ((delay || 0) + (activeDuration || 0)) * p;
-    }
-  }
-  cancel() {
-    for (const animation of this.animations) {
-      animation.cancel();
-    }
-  }
-  setPlaybackRate(rate) {
-    for (const animation of this.animations) {
-      animation.playbackRate = rate;
-    }
-  }
-  async onFinish(callback) {
-    try {
-      await Promise.all(this.animations.map(animation => animation.finished));
-      const a = this.animations[0];
-      if (a && !this.isCSS) {
-        var _a$effect;
-        const target = (_a$effect = a.effect) == null ? void 0 : _a$effect.target;
-        if (target) {
-          const endEvent = new Event('animationend');
-          target.dispatchEvent(endEvent);
-        }
-      }
-      callback();
-    } catch (_error) {
-      console.warn('animation was interrupted - aborting onFinish callback - ', _error);
-    }
-  }
-  get finished() {
-    return Promise.all(this.animations.map(animation => animation.finished));
-  }
-  get playState() {
-    var _this$animations$2;
-    return (_this$animations$2 = this.animations[0]) == null ? void 0 : _this$animations$2.playState;
-  }
-}
-//# sourceMappingURL=AnimationGroup.js.map

package/dist/esm/AnimationGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AnimationGroup","constructor","animations","options","_defineProperty","ready","measured","Promise","resolve","isCSS","CSSAnimation","getProgress","_this$animations$","effect","getComputedTiming","progress","play","callback","animation","all","map","pause","reverse","p","activeDuration","delay","getTiming","currentTime","cancel","setPlaybackRate","rate","playbackRate","onFinish","finished","a","_a$effect","target","endEvent","Event","dispatchEvent","_error","console","warn","playState","_this$animations$2"],"sources":["../../src/AnimationGroup.ts"],"sourcesContent":["import { AnimationGroupOptions, RangeOffset } from './types';\n\n/**\n * @class AnimationGroup\n *\n * A wrapper object for simulating a GroupEffect and managing multiple animations.\n * See: https://www.w3.org/TR/web-animations-2/#grouping-and-synchronization\n */\nexport class AnimationGroup {\n  animations: (Animation & {\n    start?: RangeOffset;\n    end?: RangeOffset;\n  })[];\n  options?: AnimationGroupOptions;\n  ready: Promise<void>;\n  isCSS: boolean;\n\n  constructor(animations: Animation[], options?: AnimationGroupOptions) {\n    this.animations = animations;\n    this.options = options;\n    this.ready = options?.measured || Promise.resolve();\n    this.isCSS = animations[0] instanceof CSSAnimation;\n  }\n\n  getProgress() {\n    return this.animations[0]?.effect?.getComputedTiming().progress || 0;\n  }\n\n  async play(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.play();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  pause() {\n    for (const animation of this.animations) {\n      animation.pause();\n    }\n  }\n\n  async reverse(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.reverse();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  progress(p: number) {\n    for (const animation of this.animations) {\n      const { activeDuration } = animation.effect!.getComputedTiming();\n      const { delay } = animation.effect!.getTiming();\n      animation.currentTime =\n        ((delay || 0) + ((activeDuration as number) || 0)) * p;\n    }\n  }\n\n  cancel() {\n    for (const animation of this.animations) {\n      animation.cancel();\n    }\n  }\n\n  setPlaybackRate(rate: number) {\n    for (const animation of this.animations) {\n      animation.playbackRate = rate;\n    }\n  }\n\n  async onFinish(callback: () => void): Promise<void> {\n    try {\n      await Promise.all(this.animations.map((animation) => animation.finished));\n\n      const a = this.animations[0];\n\n      if (a && !this.isCSS) {\n        const target = (a.effect as KeyframeEffect)?.target;\n\n        if (target) {\n          const endEvent = new Event('animationend');\n          target.dispatchEvent(endEvent);\n        }\n      }\n\n      callback();\n    } catch (_error) {\n      console.warn(\n        'animation was interrupted - aborting onFinish callback - ',\n        _error,\n      );\n    }\n  }\n\n  get finished() {\n    return Promise.all(this.animations.map((animation) => animation.finished));\n  }\n\n  get playState() {\n    return this.animations[0]?.playState;\n  }\n}\n"],"mappings":"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","ignoreList":[]}