@wix/motion 1.659.0 → 2.0.0-rc.2

package/dist/esm/CustomAnimation.js

@@ -1,184 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @class CustomAnimation
- *
- * A wrapper object for Animation that mimics the same interface but implements CustomEffect that runs JS code instead of KeyframeEffect.
- * The class is implemented by holding an inner Animation object instead of inheritance due to some browsers not allowing extension of built-in objects.
- */
-export class CustomAnimation {
-  constructor(customEffect, target, effectOptions, timingOptions) {
-    _defineProperty(this, "_animation", void 0);
-    _defineProperty(this, "customEffect", void 0);
-    _defineProperty(this, "progress", void 0);
-    _defineProperty(this, "_tickCbId", void 0);
-    _defineProperty(this, "_finishHandler", void 0);
-    // overriding composite so that animation is not replaced and removed
-    const effect = new KeyframeEffect(target, [], {
-      ...effectOptions,
-      composite: 'add'
-    });
-    const {
-      timeline
-    } = timingOptions;
-    this._animation = new Animation(effect, timeline);
-    this._tickCbId = null;
-    this.progress = null;
-    this.customEffect = progress => customEffect(effect.target, progress);
-
-    // stop loop if animation is removed from the DOM after finish (does not fire 'remove' event)
-    this._finishHandler = _ => {
-      var _target;
-      if (!((_target = this.effect.target) != null && _target.getAnimations().find(a => a === this._animation))) {
-        this.cancel();
-      }
-    };
-    this.addEventListener('finish', this._finishHandler);
-    this.addEventListener('remove', this._finishHandler);
-  }
-
-  // private tick method for customEffect loop implementation
-  _tick() {
-    try {
-      var _this$effect;
-      const progress = ((_this$effect = this.effect) == null ? void 0 : _this$effect.getComputedTiming().progress) ?? null;
-      if (progress !== this.progress) {
-        var _this$customEffect;
-        (_this$customEffect = this.customEffect) == null || _this$customEffect.call(this, progress);
-        this.progress = progress;
-      }
-      this._tickCbId = requestAnimationFrame(() => {
-        this._tick();
-      });
-    } catch (error) {
-      this._tickCbId = null;
-      console.error(`failed to run customEffect! effectId: ${this.id}, error: ${error instanceof Error ? error.message : error}`);
-    }
-  }
-
-  // Animation timing properties
-  get currentTime() {
-    return this._animation.currentTime;
-  }
-  set currentTime(time) {
-    this._animation.currentTime = time;
-  }
-  get startTime() {
-    return this._animation.startTime;
-  }
-  set startTime(time) {
-    this._animation.startTime = time;
-  }
-  get playbackRate() {
-    return this._animation.playbackRate;
-  }
-  set playbackRate(speed) {
-    this._animation.playbackRate = speed;
-  }
-
-  // Animation basic properties
-  get id() {
-    return this._animation.id;
-  }
-  set id(uid) {
-    this._animation.id = uid;
-  }
-  get effect() {
-    return this._animation.effect;
-  }
-  set effect(e) {
-    this._animation.effect = e;
-  }
-  get timeline() {
-    return this._animation.timeline;
-  }
-  set timeline(tl) {
-    this._animation.timeline = tl;
-  }
-
-  // Animation readonly state properties
-  get finished() {
-    return this._animation.finished;
-  }
-  get pending() {
-    return this._animation.pending;
-  }
-  get playState() {
-    return this._animation.playState;
-  }
-  get ready() {
-    return this._animation.ready;
-  }
-  get replaceState() {
-    return this._animation.replaceState;
-  }
-
-  // Animation event handlers
-  get oncancel() {
-    return this._animation.oncancel;
-  }
-  set oncancel(cb) {
-    this._animation.oncancel = cb;
-  }
-  get onfinish() {
-    return this._animation.onfinish;
-  }
-  set onfinish(cb) {
-    this._animation.onfinish = cb;
-  }
-  get onremove() {
-    return this._animation.onremove;
-  }
-  set onremove(cb) {
-    this._animation.onremove = cb;
-  }
-
-  // CustomAnimation overridden methods
-  play() {
-    this._animation.play();
-    cancelAnimationFrame(this._tickCbId);
-    this._tickCbId = requestAnimationFrame(() => this._tick());
-  }
-  pause() {
-    this._animation.pause();
-    cancelAnimationFrame(this._tickCbId);
-    this._tickCbId = null;
-  }
-  cancel() {
-    this.removeEventListener('finish', this._finishHandler);
-    this.removeEventListener('remove', this._finishHandler);
-    this._animation.cancel();
-    // signaling cancelation for customEffect to handle it as desired
-    this.customEffect(null);
-    cancelAnimationFrame(this._tickCbId);
-    this._tickCbId = null;
-  }
-  commitStyles() {
-    console.warn('CustomEffect animations do not support commitStyles method as they have no style to commit');
-  }
-
-  // Animation methods without override
-  finish() {
-    this._animation.finish();
-  }
-  persist() {
-    this._animation.persist();
-  }
-  reverse() {
-    this._animation.reverse();
-  }
-  updatePlaybackRate(playbackRate) {
-    this._animation.updatePlaybackRate(playbackRate);
-  }
-
-  // Animation events API
-  addEventListener(type, listener, options) {
-    this._animation.addEventListener(type, listener, options);
-  }
-  removeEventListener(type, listener, options) {
-    this._animation.removeEventListener(type, listener, options);
-  }
-  dispatchEvent(event) {
-    return this._animation.dispatchEvent(event);
-  }
-}
-//# sourceMappingURL=CustomAnimation.js.map

package/dist/esm/CustomAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CustomAnimation","constructor","customEffect","target","effectOptions","timingOptions","_defineProperty","effect","KeyframeEffect","composite","timeline","_animation","Animation","_tickCbId","progress","_finishHandler","_","_target","getAnimations","find","a","cancel","addEventListener","_tick","_this$effect","getComputedTiming","_this$customEffect","call","requestAnimationFrame","error","console","id","Error","message","currentTime","time","startTime","playbackRate","speed","uid","e","tl","finished","pending","playState","ready","replaceState","oncancel","cb","onfinish","onremove","play","cancelAnimationFrame","pause","removeEventListener","commitStyles","warn","finish","persist","reverse","updatePlaybackRate","type","listener","options","dispatchEvent","event"],"sources":["../../src/CustomAnimation.ts"],"sourcesContent":["/**\n * @class CustomAnimation\n *\n * A wrapper object for Animation that mimics the same interface but implements CustomEffect that runs JS code instead of KeyframeEffect.\n * The class is implemented by holding an inner Animation object instead of inheritance due to some browsers not allowing extension of built-in objects.\n */\nexport class CustomAnimation {\n  _animation: Animation;\n  customEffect: (progress: number | null) => void;\n  progress: number | null;\n  _tickCbId: number | null;\n  _finishHandler: (_: any) => void;\n\n  constructor(\n    customEffect: (element: Element | null, progress: number | null) => void,\n    target: Element | null,\n    effectOptions: KeyframeEffectOptions,\n    timingOptions: { timeline?: AnimationTimeline | null },\n  ) {\n    // overriding composite so that animation is not replaced and removed\n    const effect = new KeyframeEffect(target, [], {\n      ...effectOptions,\n      composite: 'add',\n    });\n    const { timeline } = timingOptions;\n    this._animation = new Animation(effect, timeline);\n\n    this._tickCbId = null;\n    this.progress = null;\n    this.customEffect = (progress: number | null) =>\n      customEffect(effect.target, progress);\n\n    // stop loop if animation is removed from the DOM after finish (does not fire 'remove' event)\n    this._finishHandler = (_: any) => {\n      if (\n        !(this.effect as KeyframeEffect).target\n          ?.getAnimations()\n          .find((a) => a === this._animation)\n      ) {\n        this.cancel();\n      }\n    };\n    this.addEventListener('finish', this._finishHandler);\n    this.addEventListener('remove', this._finishHandler);\n  }\n\n  // private tick method for customEffect loop implementation\n  private _tick() {\n    try {\n      const progress = this.effect?.getComputedTiming().progress ?? null;\n      if (progress !== this.progress) {\n        this.customEffect?.(progress);\n        this.progress = progress;\n      }\n      this._tickCbId = requestAnimationFrame(() => {\n        this._tick();\n      });\n    } catch (error) {\n      this._tickCbId = null;\n      console.error(\n        `failed to run customEffect! effectId: ${this.id}, error: ${\n          error instanceof Error ? error.message : error\n        }`,\n      );\n    }\n  }\n\n  // Animation timing properties\n  get currentTime() {\n    return this._animation.currentTime;\n  }\n  set currentTime(time: CSSNumberish | null) {\n    this._animation.currentTime = time;\n  }\n  get startTime() {\n    return this._animation.startTime;\n  }\n  set startTime(time: CSSNumberish | null) {\n    this._animation.startTime = time;\n  }\n  get playbackRate() {\n    return this._animation.playbackRate;\n  }\n  set playbackRate(speed: number) {\n    this._animation.playbackRate = speed;\n  }\n\n  // Animation basic properties\n  get id() {\n    return this._animation.id;\n  }\n  set id(uid: string) {\n    this._animation.id = uid;\n  }\n  get effect() {\n    return this._animation.effect;\n  }\n  set effect(e: AnimationEffect | null) {\n    this._animation.effect = e;\n  }\n  get timeline() {\n    return this._animation.timeline;\n  }\n  set timeline(tl: AnimationTimeline | null) {\n    this._animation.timeline = tl;\n  }\n\n  // Animation readonly state properties\n  get finished() {\n    return this._animation.finished;\n  }\n  get pending() {\n    return this._animation.pending;\n  }\n  get playState() {\n    return this._animation.playState;\n  }\n  get ready() {\n    return this._animation.ready;\n  }\n  get replaceState() {\n    return this._animation.replaceState;\n  }\n\n  // Animation event handlers\n  get oncancel() {\n    return this._animation.oncancel;\n  }\n  set oncancel(\n    cb: ((this: Animation, ev: AnimationPlaybackEvent) => any) | null,\n  ) {\n    this._animation.oncancel = cb;\n  }\n  get onfinish() {\n    return this._animation.onfinish;\n  }\n  set onfinish(\n    cb: ((this: Animation, ev: AnimationPlaybackEvent) => any) | null,\n  ) {\n    this._animation.onfinish = cb;\n  }\n  get onremove() {\n    return this._animation.onremove;\n  }\n  set onremove(cb: ((this: Animation, ev: Event) => any) | null) {\n    this._animation.onremove = cb;\n  }\n\n  // CustomAnimation overridden methods\n  play() {\n    this._animation.play();\n    cancelAnimationFrame(this._tickCbId!);\n    this._tickCbId = requestAnimationFrame(() => this._tick());\n  }\n\n  pause() {\n    this._animation.pause();\n    cancelAnimationFrame(this._tickCbId!);\n    this._tickCbId = null;\n  }\n\n  cancel() {\n    this.removeEventListener('finish', this._finishHandler);\n    this.removeEventListener('remove', this._finishHandler);\n    this._animation.cancel();\n    // signaling cancelation for customEffect to handle it as desired\n    this.customEffect(null);\n    cancelAnimationFrame(this._tickCbId!);\n    this._tickCbId = null;\n  }\n\n  commitStyles() {\n    console.warn(\n      'CustomEffect animations do not support commitStyles method as they have no style to commit',\n    );\n  }\n\n  // Animation methods without override\n  finish() {\n    this._animation.finish();\n  }\n  persist() {\n    this._animation.persist();\n  }\n  reverse() {\n    this._animation.reverse();\n  }\n  updatePlaybackRate(playbackRate: number) {\n    this._animation.updatePlaybackRate(playbackRate);\n  }\n\n  // Animation events API\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ) {\n    this._animation.addEventListener(type, listener, options);\n  }\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ) {\n    this._animation.removeEventListener(type, listener, options);\n  }\n  dispatchEvent(event: Event) {\n    return this._animation.dispatchEvent(event);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/api/common.js

@@ -1,132 +0,0 @@
-import { scrollAnimations } from '../library/scroll';
-import { entranceAnimations } from '../library/entrance';
-import { ongoingAnimations } from '../library/ongoing';
-import { mouseAnimations } from '../library/mouse';
-import { backgroundScrollAnimations } from '../library/backgroundScroll';
-import { getCssUnits, getEasing } from '../utils';
-import fastdom from 'fastdom';
-function getElement(id, ownerDocument) {
-  return id ? (ownerDocument || document).getElementById(id) : null;
-}
-function getElementMotionPart(element, part) {
-  if (element != null && element.matches(`[data-motion-part~="${part}"]`)) {
-    return element;
-  }
-  return element == null ? void 0 : element.querySelector(`[data-motion-part~="${part}"]`);
-}
-function getDirection(effect) {
-  const alternate = effect.alternate ? 'alternate' : '';
-  return effect.reversed ? `${alternate ? `${alternate}-` : ''}reverse` : alternate || 'normal';
-}
-function getLength(length) {
-  return `${length.value}${getCssUnits(length.type)}`;
-}
-function getRange(range, add, isEnd) {
-  // according to the CSS spec if the end range is a <length> then it is calculated from the start of the named range
-  // our model assumes that <length> in end range is calculated from the end of the named range
-  return `${range.name || 'cover'} ${isEnd && range.offset.type !== 'percentage' ? `calc(100% + ${getLength(range.offset)}${add ? ` + ${add}` : ''})` : add ? `calc(${getLength(range.offset)} + ${add})` : getLength(range.offset)}`;
-}
-function getRanges(effect) {
-  return {
-    start: getRange(effect.startOffset, effect.startOffsetAdd),
-    end: getRange(effect.endOffset, effect.endOffsetAdd, true)
-  };
-}
-function measure(target) {
-  return fn => fastdom.measure(() => fn(target));
-}
-function mutate(target) {
-  return fn => fastdom.mutate(() => fn(target));
-}
-function getNamedEffect(animation) {
-  if (animation.namedEffect) {
-    const name = animation.namedEffect.type;
-
-    // check each preset library for the named effect
-    if (name in scrollAnimations) {
-      return scrollAnimations[name];
-    } else if (name in entranceAnimations) {
-      return entranceAnimations[name];
-    } else if (name in ongoingAnimations) {
-      return ongoingAnimations[name];
-    } else if (name in mouseAnimations) {
-      return mouseAnimations[name];
-    } else if (name in backgroundScrollAnimations) {
-      return backgroundScrollAnimations[name];
-    }
-  } else if (animation.keyframeEffect) {
-    const effect = animation_ => {
-      const {
-        name,
-        keyframes
-      } = animation_.keyframeEffect;
-      return [{
-        ...animation_,
-        name,
-        keyframes
-      }];
-    };
-    const getNames = animation_ => {
-      const {
-        effectId
-      } = animation_;
-      const {
-        name
-      } = animation_.keyframeEffect;
-      const uid = name || effectId;
-      return uid ? [uid] : [];
-    };
-    return {
-      web: effect,
-      style: effect,
-      getNames
-    };
-  } else if (animation.customEffect) {
-    return animation_ => [{
-      ...animation_,
-      keyframes: []
-    }];
-  }
-  return null;
-}
-function getEffectsData(animations, trigger, effectId) {
-  // process each AnimationData object into a KeyframeEffect object
-  return animations.map((effect, index) => {
-    // prepare the KeyframeEffectOptions object
-    const effectOptions = {
-      fill: effect.fill,
-      easing: getEasing(effect.easing),
-      iterations: effect.iterations === 0 ? Infinity : effect.iterations || 1,
-      composite: effect.composite,
-      direction: getDirection(effect)
-    };
-
-    // if this is a time-based animation then set the duration and delay as time values
-    if (isNotAScrubTrigger(trigger)) {
-      effectOptions.duration = effect.duration;
-      effectOptions.delay = effect.delay || 0;
-    } else {
-      // if ViewTimeline is supported
-      if (window.ViewTimeline) {
-        // set duration to 'auto'
-        effectOptions.duration = 'auto';
-      } else {
-        // if ViewTimeline not supported then put a 100ms value in duration get a progress we can easily relate to
-        // we split the duration to 99.99ms and delay of 0.01ms to get the fill-mode effect working
-        effectOptions.duration = 99.99;
-        effectOptions.delay = 0.01;
-      }
-    }
-    return {
-      effect,
-      options: effectOptions,
-      id: effectId && `${effectId}-${index + 1}`,
-      part: effect.part
-    };
-  });
-}
-function isNotAScrubTrigger(trigger) {
-  return !trigger || trigger.trigger !== 'pointer-move' && trigger.trigger !== 'view-progress';
-}
-export { isNotAScrubTrigger, getElement, getElementMotionPart, getNamedEffect, getEffectsData, measure, mutate, getDirection, getLength, getRanges };
-//# sourceMappingURL=common.js.map

package/dist/esm/api/common.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["scrollAnimations","entranceAnimations","ongoingAnimations","mouseAnimations","backgroundScrollAnimations","getCssUnits","getEasing","fastdom","getElement","id","ownerDocument","document","getElementById","getElementMotionPart","element","part","matches","querySelector","getDirection","effect","alternate","reversed","getLength","length","value","type","getRange","range","add","isEnd","name","offset","getRanges","start","startOffset","startOffsetAdd","end","endOffset","endOffsetAdd","measure","target","fn","mutate","getNamedEffect","animation","namedEffect","keyframeEffect","animation_","keyframes","getNames","effectId","uid","web","style","customEffect","getEffectsData","animations","trigger","map","index","effectOptions","fill","easing","iterations","Infinity","composite","direction","isNotAScrubTrigger","duration","delay","window","ViewTimeline","options"],"sources":["../../../src/api/common.ts"],"sourcesContent":["import type {\n  AnimationData,\n  AnimationDataForScrub,\n  AnimationOptions,\n  BackgroundScrollAnimations,\n  EntranceAnimations,\n  MeasureCallback,\n  MouseAnimations,\n  OngoingAnimations,\n  RangeOffset,\n  ScrollAnimations,\n  TimeAnimationOptions,\n  TriggerVariant,\n  UnitLengthPercentage,\n} from '../types';\nimport { scrollAnimations } from '../library/scroll';\nimport { entranceAnimations } from '../library/entrance';\nimport { ongoingAnimations } from '../library/ongoing';\nimport { mouseAnimations } from '../library/mouse';\nimport { backgroundScrollAnimations } from '../library/backgroundScroll';\nimport { getCssUnits, getEasing } from '../utils';\nimport fastdom from 'fastdom';\n\nfunction getElement(\n  id: string | null,\n  ownerDocument?: Document,\n): HTMLElement | null {\n  return id ? (ownerDocument || document).getElementById(id) : null;\n}\n\nfunction getElementMotionPart(element: Element | null, part: string) {\n  if (element?.matches(`[data-motion-part~=\"${part}\"]`)) {\n    return element;\n  }\n  return element?.querySelector(`[data-motion-part~=\"${part}\"]`);\n}\n\nfunction getDirection(\n  effect: AnimationData,\n): KeyframeEffectOptions['direction'] {\n  const alternate = effect.alternate ? 'alternate' : '';\n  return effect.reversed\n    ? (`${alternate ? `${alternate}-` : ''}reverse` as\n        | 'reverse'\n        | 'alternate-reverse')\n    : alternate || 'normal';\n}\n\nfunction getLength(length: UnitLengthPercentage): string {\n  return `${length.value}${getCssUnits(length.type)}`;\n}\n\nfunction getRange(\n  range: RangeOffset,\n  add: string | undefined,\n  isEnd?: boolean,\n) {\n  // according to the CSS spec if the end range is a <length> then it is calculated from the start of the named range\n  // our model assumes that <length> in end range is calculated from the end of the named range\n  return `${range.name || 'cover'} ${\n    isEnd && range.offset!.type !== 'percentage'\n      ? `calc(100% + ${getLength(range.offset!)}${add ? ` + ${add}` : ''})`\n      : add\n      ? `calc(${getLength(range.offset!)} + ${add})`\n      : getLength(range.offset!)\n  }`;\n}\n\nfunction getRanges(effect: AnimationDataForScrub) {\n  return {\n    start: getRange(effect.startOffset!, effect.startOffsetAdd),\n    end: getRange(effect.endOffset!, effect.endOffsetAdd, true),\n  };\n}\n\nfunction measure(target: HTMLElement | null): MeasureCallback {\n  return (fn) => fastdom.measure(() => fn(target));\n}\n\nfunction mutate(target: HTMLElement | null): MeasureCallback {\n  return (fn) => fastdom.mutate(() => fn(target));\n}\n\nfunction getNamedEffect(animation: AnimationOptions) {\n  if (animation.namedEffect) {\n    const name = animation.namedEffect.type;\n\n    // check each preset library for the named effect\n    if (name in scrollAnimations) {\n      return scrollAnimations[name as keyof ScrollAnimations];\n    } else if (name in entranceAnimations) {\n      return entranceAnimations[name as keyof EntranceAnimations];\n    } else if (name in ongoingAnimations) {\n      return ongoingAnimations[name as keyof OngoingAnimations];\n    } else if (name in mouseAnimations) {\n      return mouseAnimations[name as keyof MouseAnimations];\n    } else if (name in backgroundScrollAnimations) {\n      return backgroundScrollAnimations[\n        name as keyof BackgroundScrollAnimations\n      ];\n    }\n  } else if (animation.keyframeEffect) {\n    const effect = (animation_: AnimationOptions) => {\n      const { name, keyframes } = animation_.keyframeEffect!;\n\n      return [{ ...animation_, name, keyframes }];\n    };\n    const getNames = (animation_: AnimationOptions) => {\n      const { effectId } = animation_;\n      const { name } = animation_.keyframeEffect!;\n      const uid = name || effectId;\n\n      return uid ? [uid] : [];\n    };\n    return { web: effect, style: effect, getNames };\n  } else if (animation.customEffect) {\n    return (animation_: AnimationOptions) => [{ ...animation_, keyframes: [] }];\n  }\n  return null;\n}\n\nfunction getEffectsData(\n  animations: AnimationData[],\n  trigger?: Partial<TriggerVariant>,\n  effectId?: string,\n) {\n  // process each AnimationData object into a KeyframeEffect object\n  return animations.map((effect, index) => {\n    // prepare the KeyframeEffectOptions object\n    const effectOptions = {\n      fill: effect.fill,\n      easing: getEasing(effect.easing),\n      iterations: effect.iterations === 0 ? Infinity : effect.iterations || 1,\n      composite: effect.composite,\n      direction: getDirection(effect),\n    } as KeyframeEffectOptions & { rangeStart: string; rangeEnd: string };\n\n    // if this is a time-based animation then set the duration and delay as time values\n    if (isNotAScrubTrigger(trigger)) {\n      effectOptions.duration = effect.duration as number;\n      effectOptions.delay = (effect as TimeAnimationOptions).delay || 0;\n    } else {\n      // if ViewTimeline is supported\n      if (window.ViewTimeline) {\n        // set duration to 'auto'\n        effectOptions.duration = 'auto';\n      } else {\n        // if ViewTimeline not supported then put a 100ms value in duration get a progress we can easily relate to\n        // we split the duration to 99.99ms and delay of 0.01ms to get the fill-mode effect working\n        effectOptions.duration = 99.99;\n        effectOptions.delay = 0.01;\n      }\n    }\n\n    return {\n      effect,\n      options: effectOptions,\n      id: effectId && `${effectId}-${index + 1}`,\n      part: effect.part,\n    };\n  });\n}\n\nfunction isNotAScrubTrigger(trigger?: Partial<TriggerVariant>) {\n  return (\n    !trigger ||\n    (trigger.trigger !== 'pointer-move' && trigger.trigger !== 'view-progress')\n  );\n}\n\nexport {\n  isNotAScrubTrigger,\n  getElement,\n  getElementMotionPart,\n  getNamedEffect,\n  getEffectsData,\n  measure,\n  mutate,\n  getDirection,\n  getLength,\n  getRanges,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/api/cssAnimations.js

@@ -1,53 +0,0 @@
-import { getEffectsData, getRanges, getNamedEffect, isNotAScrubTrigger } from './common';
-function getAnimationTarget(target, part) {
-  return target ? `#${target}${part ? `[data-motion-part~="${part}"]` : ''}` : '';
-}
-function getAnimationAsCSS(data, isRunning) {
-  const {
-    duration,
-    delay,
-    iterations = 1,
-    fill,
-    easing = 'linear',
-    direction
-  } = data.options;
-  const animationName = data.effect.name;
-  const isAutoDuration = duration === 'auto';
-  return `${animationName} ${isAutoDuration ? 'auto' : `${duration}ms`}${isAutoDuration ? ' ' : ` ${delay || 1}ms `}${easing}${fill && fill !== 'none' ? ` ${fill}` : ''} ${!iterations || iterations === Infinity ? 'infinite' : iterations}${direction === 'normal' ? '' : ` ${direction}`} ${isRunning ? '' : 'paused'}`;
-}
-function getCSSAnimationEffect(preset, animation, trigger) {
-  if (preset != null && preset.style) {
-    // validate duration is a number over 0
-    if (isNotAScrubTrigger(trigger)) {
-      animation.duration = animation.duration || 1;
-    }
-    return preset.style(animation);
-  }
-  return [];
-}
-function getCSSAnimation(target, animationOptions, trigger) {
-  // get the preset for the given animation options
-  const namedEffect = getNamedEffect(animationOptions);
-  const animationsData = getCSSAnimationEffect(namedEffect, animationOptions);
-  const data = getEffectsData(animationsData, trigger, animationOptions.effectId);
-  const isViewProgress = (trigger == null ? void 0 : trigger.trigger) === 'view-progress';
-  return data.map((item, index) => {
-    const {
-      start,
-      end
-    } = isViewProgress ? getRanges(item.effect) : {};
-    return {
-      target: getAnimationTarget(target, item.part),
-      animation: getAnimationAsCSS(item, isViewProgress),
-      composition: item.options.composite,
-      custom: item.effect.custom,
-      name: item.effect.name,
-      keyframes: item.effect.keyframes,
-      id: item.id && `${item.id}-${index + 1}`,
-      animationTimeline: isViewProgress ? `--${trigger == null ? void 0 : trigger.id}` : '',
-      animationRange: start || end ? `${start} ${end}` : ''
-    };
-  });
-}
-export { getCSSAnimation, getCSSAnimationEffect, getAnimationAsCSS };
-//# sourceMappingURL=cssAnimations.js.map

package/dist/esm/api/cssAnimations.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getEffectsData","getRanges","getNamedEffect","isNotAScrubTrigger","getAnimationTarget","target","part","getAnimationAsCSS","data","isRunning","duration","delay","iterations","fill","easing","direction","options","animationName","effect","name","isAutoDuration","Infinity","getCSSAnimationEffect","preset","animation","trigger","style","getCSSAnimation","animationOptions","namedEffect","animationsData","effectId","isViewProgress","map","item","index","start","end","composition","composite","custom","keyframes","id","animationTimeline","animationRange"],"sources":["../../../src/api/cssAnimations.ts"],"sourcesContent":["import type {\n  AnimationData,\n  AnimationDataForScrub,\n  AnimationEffectAPI,\n  AnimationOptions,\n  TriggerVariant,\n} from '../types';\nimport {\n  getEffectsData,\n  getRanges,\n  getNamedEffect,\n  isNotAScrubTrigger,\n} from './common';\n\nfunction getAnimationTarget(target: string | null, part: string | undefined) {\n  return target\n    ? `#${target}${part ? `[data-motion-part~=\"${part}\"]` : ''}`\n    : '';\n}\n\nfunction getAnimationAsCSS(\n  data: {\n    effect: AnimationData;\n    options: KeyframeEffectOptions;\n    id: string | undefined;\n    part: string | undefined;\n  },\n  isRunning?: boolean,\n) {\n  const {\n    duration,\n    delay,\n    iterations = 1,\n    fill,\n    easing = 'linear',\n    direction,\n  } = data.options;\n  const animationName = data.effect.name;\n  const isAutoDuration = duration === 'auto';\n\n  return `${animationName} ${isAutoDuration ? 'auto' : `${duration}ms`}${\n    isAutoDuration ? ' ' : ` ${delay || 1}ms `\n  }${easing}${fill && fill !== 'none' ? ` ${fill}` : ''} ${\n    !iterations || iterations === Infinity ? 'infinite' : iterations\n  }${direction === 'normal' ? '' : ` ${direction}`} ${\n    isRunning ? '' : 'paused'\n  }`;\n}\n\nfunction getCSSAnimationEffect(\n  preset: AnimationEffectAPI<any> | null,\n  animation: AnimationOptions,\n  trigger?: Partial<TriggerVariant>,\n): AnimationData[] {\n  if (preset?.style) {\n    // validate duration is a number over 0\n    if (isNotAScrubTrigger(trigger)) {\n      animation.duration = animation.duration || 1;\n    }\n\n    return preset.style(animation);\n  }\n\n  return [];\n}\n\nfunction getCSSAnimation(\n  target: string | null,\n  animationOptions: AnimationOptions,\n  trigger?: TriggerVariant,\n) {\n  // get the preset for the given animation options\n  const namedEffect = getNamedEffect(\n    animationOptions,\n  ) as AnimationEffectAPI<any> | null;\n\n  const animationsData = getCSSAnimationEffect(namedEffect, animationOptions);\n  const data = getEffectsData(\n    animationsData,\n    trigger,\n    animationOptions.effectId,\n  );\n  const isViewProgress = trigger?.trigger === 'view-progress';\n\n  return data.map((item, index) => {\n    const { start, end }: { start?: string; end?: string } = isViewProgress\n      ? getRanges(item.effect as AnimationDataForScrub)\n      : {};\n\n    return {\n      target: getAnimationTarget(target, item.part),\n      animation: getAnimationAsCSS(item, isViewProgress),\n      composition: item.options.composite,\n      custom: item.effect.custom,\n      name: item.effect.name,\n      keyframes: item.effect.keyframes,\n      id: item.id && `${item.id}-${index + 1}`,\n      animationTimeline: isViewProgress ? `--${trigger?.id}` : '',\n      animationRange: start || end ? `${start} ${end}` : '',\n    };\n  });\n}\n\nexport { getCSSAnimation, getCSSAnimationEffect, getAnimationAsCSS };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/api/prepare.js

@@ -1,16 +0,0 @@
-import { getElement, getNamedEffect, measure, mutate } from './common';
-import fastdom from 'fastdom';
-function prepareAnimation(target, animation, callback) {
-  const preset = getNamedEffect(animation);
-  const element = target instanceof HTMLElement ? target : getElement(target);
-  if (preset && preset.prepare && element) {
-    const domApi = {
-      measure: measure(element),
-      mutate: mutate(element)
-    };
-    preset.prepare(animation, domApi);
-  }
-  callback && fastdom.mutate(callback);
-}
-export { prepareAnimation };
-//# sourceMappingURL=prepare.js.map

package/dist/esm/api/prepare.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getElement","getNamedEffect","measure","mutate","fastdom","prepareAnimation","target","animation","callback","preset","element","HTMLElement","prepare","domApi"],"sources":["../../../src/api/prepare.ts"],"sourcesContent":["import type {\n  AnimationEffectAPI,\n  AnimationOptions,\n  TimeAnimationOptions,\n} from '../types';\nimport { getElement, getNamedEffect, measure, mutate } from './common';\nimport fastdom from 'fastdom';\n\nfunction prepareAnimation(\n  target: HTMLElement | string | null,\n  animation: AnimationOptions,\n  callback?: () => void,\n) {\n  const preset = getNamedEffect(animation);\n  const element = target instanceof HTMLElement ? target : getElement(target);\n\n  if (preset && (preset as AnimationEffectAPI<'time'>).prepare && element) {\n    const domApi = { measure: measure(element), mutate: mutate(element) };\n\n    (preset as AnimationEffectAPI<'time'>).prepare!(\n      animation as TimeAnimationOptions,\n      domApi,\n    );\n  }\n\n  callback && fastdom.mutate(callback);\n}\n\nexport { prepareAnimation };\n"],"mappings":"AAKA,SAASA,UAAU,EAAEC,cAAc,EAAEC,OAAO,EAAEC,MAAM,QAAQ,UAAU;AACtE,OAAOC,OAAO,MAAM,SAAS;AAE7B,SAASC,gBAAgBA,CACvBC,MAAmC,EACnCC,SAA2B,EAC3BC,QAAqB,EACrB;EACA,MAAMC,MAAM,GAAGR,cAAc,CAACM,SAAS,CAAC;EACxC,MAAMG,OAAO,GAAGJ,MAAM,YAAYK,WAAW,GAAGL,MAAM,GAAGN,UAAU,CAACM,MAAM,CAAC;EAE3E,IAAIG,MAAM,IAAKA,MAAM,CAAgCG,OAAO,IAAIF,OAAO,EAAE;IACvE,MAAMG,MAAM,GAAG;MAAEX,OAAO,EAAEA,OAAO,CAACQ,OAAO,CAAC;MAAEP,MAAM,EAAEA,MAAM,CAACO,OAAO;IAAE,CAAC;IAEpED,MAAM,CAAgCG,OAAO,CAC5CL,SAAS,EACTM,MACF,CAAC;EACH;EAEAL,QAAQ,IAAIJ,OAAO,CAACD,MAAM,CAACK,QAAQ,CAAC;AACtC;AAEA,SAASH,gBAAgB","ignoreList":[]}

package/dist/esm/api/webAnimations.js

@@ -1,152 +0,0 @@
-import { CustomAnimation } from '../CustomAnimation';
-import { AnimationGroup } from '../AnimationGroup';
-import { getElement, getElementMotionPart, measure, mutate, getRanges, getNamedEffect, getEffectsData, isNotAScrubTrigger } from './common';
-import fastdom from 'fastdom';
-function getWebAnimationEffect(preset, animation, target, trigger, options) {
-  if (preset) {
-    // validate duration is a number over 0
-    if (isNotAScrubTrigger(trigger)) {
-      animation.duration = animation.duration || 1;
-      if (options != null && options.reducedMotion) {
-        if (animation.iterations === 1 || animation.iterations == undefined) {
-          animation = {
-            ...animation,
-            duration: 1
-          };
-        } else {
-          return [];
-        }
-      }
-    }
-    let domApi;
-    if (target instanceof HTMLElement) {
-      domApi = {
-        measure: measure(target),
-        mutate: mutate(target)
-      };
-    }
-    return preset.web ? preset.web(animation, domApi, options) : preset(animation, domApi, options);
-  }
-  return [];
-}
-function getWebAnimation(target, animationOptions, trigger, options, ownerDocument) {
-  const element = target instanceof HTMLElement ? target : getElement(target, ownerDocument);
-  if ((trigger == null ? void 0 : trigger.trigger) === 'pointer-move') {
-    let effectOptions = animationOptions;
-    if (animationOptions.customEffect) {
-      effectOptions = {
-        ...animationOptions,
-        namedEffect: {
-          id: '',
-          type: 'CustomMouse'
-        }
-      };
-    }
-
-    // TODO: need to fix the type here, currently lying about the returned type to be WebAnimationEffectFactory instead of MouseAnimationFactoryCreate
-    const mouseAnimationPreset = getNamedEffect(effectOptions);
-    const mouseAnimationFactory = getWebAnimationEffect(mouseAnimationPreset, animationOptions, element, trigger, options);
-    return typeof mouseAnimationFactory === 'function' ? mouseAnimationFactory(element) : null;
-  }
-
-  // get the preset for the given animation options
-  const namedEffect = getNamedEffect(animationOptions);
-  const animationsData = getWebAnimationEffect(namedEffect, animationOptions, element, trigger, options);
-  if (!animationsData) {
-    return null;
-  }
-  const data = getEffectsData(animationsData, trigger, animationOptions.effectId);
-  let timeline;
-  const isViewProgress = (trigger == null ? void 0 : trigger.trigger) === 'view-progress';
-
-  // if this is a ScrubAnimation with view-progress trigger and the browser supports the ViewTimeline API
-  if (isViewProgress && window.ViewTimeline) {
-    // generate the timeline object
-    // @ts-expect-error
-    timeline = new ViewTimeline({
-      subject: trigger.element || getElement(trigger.componentId)
-    });
-  }
-
-  // generate an Animation object for each data object
-  const animations = data.map(_ref => {
-    let {
-      effect,
-      options: effectOptions,
-      id,
-      part
-    } = _ref;
-    const effectTarget = part ? getElementMotionPart(element, part) : element;
-    const keyframeEffect = new KeyframeEffect(effectTarget || null, [], effectOptions);
-
-    // set the keyframes for the KeyframeEffect after measurements and mutations
-    fastdom.mutate(() => {
-      if ('timing' in effect) {
-        keyframeEffect.updateTiming(effect.timing);
-      }
-      keyframeEffect.setKeyframes(effect.keyframes);
-    });
-    const timingOptions = isViewProgress && timeline ? {
-      timeline: timeline
-    } : {};
-    const animation = typeof effect.customEffect === 'function' ? new CustomAnimation(effect.customEffect, effectTarget || null, effectOptions, timingOptions) : new Animation(keyframeEffect, timingOptions.timeline);
-
-    // if this is a ScrubAnimation with view-progress trigger and the browser supports the ViewTimeline API
-    if (isViewProgress) {
-      if (timeline) {
-        // set the ranges for the animation after measurements and mutations
-        fastdom.mutate(() => {
-          const {
-            start,
-            end
-          } = getRanges(effect);
-          // @ts-expect-error
-          animation.rangeStart = start;
-          // @ts-expect-error
-          animation.rangeEnd = end;
-          animation.play();
-        });
-      } else {
-        const {
-          startOffset,
-          endOffset
-        } = animationOptions;
-
-        // set the ranges for the animation after measurements and mutations
-        fastdom.mutate(() => {
-          var _offset, _offset2;
-          const startOffsetToWrite = effect.startOffset || startOffset;
-          const endOffsetToWrite = effect.endOffset || endOffset;
-          Object.assign(animation, {
-            start: {
-              name: startOffsetToWrite.name,
-              offset: (_offset = startOffsetToWrite.offset) == null ? void 0 : _offset.value,
-              add: effect.startOffsetAdd
-            },
-            end: {
-              name: endOffsetToWrite.name,
-              offset: (_offset2 = endOffsetToWrite.offset) == null ? void 0 : _offset2.value,
-              add: effect.endOffsetAdd
-            }
-          });
-        });
-      }
-    }
-    if (id) {
-      animation.id = id;
-    }
-    return animation;
-  });
-
-  // create an AnimationGroup with the generate animations
-  return new AnimationGroup(animations, {
-    ...animationOptions,
-    trigger: {
-      ...(trigger || {})
-    },
-    // make sure the group is ready after all animation targets are measured and mutated
-    measured: new Promise(resolve => fastdom.mutate(resolve))
-  });
-}
-export { getWebAnimation };
-//# sourceMappingURL=webAnimations.js.map

package/dist/esm/api/webAnimations.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CustomAnimation","AnimationGroup","getElement","getElementMotionPart","measure","mutate","getRanges","getNamedEffect","getEffectsData","isNotAScrubTrigger","fastdom","getWebAnimationEffect","preset","animation","target","trigger","options","duration","reducedMotion","iterations","undefined","domApi","HTMLElement","web","getWebAnimation","animationOptions","ownerDocument","element","effectOptions","customEffect","namedEffect","id","type","mouseAnimationPreset","mouseAnimationFactory","animationsData","data","effectId","timeline","isViewProgress","window","ViewTimeline","subject","componentId","animations","map","_ref","effect","part","effectTarget","keyframeEffect","KeyframeEffect","updateTiming","timing","setKeyframes","keyframes","timingOptions","Animation","start","end","rangeStart","rangeEnd","play","startOffset","endOffset","_offset","_offset2","startOffsetToWrite","endOffsetToWrite","Object","assign","name","offset","value","add","startOffsetAdd","endOffsetAdd","measured","Promise","resolve"],"sources":["../../../src/api/webAnimations.ts"],"sourcesContent":["import type {\n  AnimationData,\n  AnimationDataForScrub,\n  AnimationEffectAPI,\n  AnimationOptions,\n  MouseAnimationFactory,\n  MouseAnimationInstance,\n  ScrubAnimationOptions,\n  TriggerVariant,\n  WebAnimationEffectFactory,\n} from '../types';\nimport { CustomAnimation } from '../CustomAnimation';\nimport { AnimationGroup } from '../AnimationGroup';\nimport {\n  getElement,\n  getElementMotionPart,\n  measure,\n  mutate,\n  getRanges,\n  getNamedEffect,\n  getEffectsData,\n  isNotAScrubTrigger,\n} from './common';\nimport fastdom from 'fastdom';\n\nfunction getWebAnimationEffect(\n  preset: AnimationEffectAPI<any> | WebAnimationEffectFactory<any> | null,\n  animation: AnimationOptions,\n  target: HTMLElement | string | null,\n  trigger?: Partial<TriggerVariant>,\n  options?: Record<string, any>,\n): AnimationData[] | MouseAnimationFactory {\n  if (preset) {\n    // validate duration is a number over 0\n    if (isNotAScrubTrigger(trigger)) {\n      animation.duration = animation.duration || 1;\n\n      if (options?.reducedMotion) {\n        if (animation.iterations === 1 || animation.iterations == undefined) {\n          animation = { ...animation, duration: 1 };\n        } else {\n          return [];\n        }\n      }\n    }\n\n    let domApi;\n    if (target instanceof HTMLElement) {\n      domApi = { measure: measure(target), mutate: mutate(target) };\n    }\n\n    return (preset as AnimationEffectAPI<any>).web\n      ? (preset as AnimationEffectAPI<any>).web(animation, domApi, options)\n      : (preset as WebAnimationEffectFactory<any>)(animation, domApi, options);\n  }\n\n  return [];\n}\n\nfunction getWebAnimation(\n  target: HTMLElement | string | null,\n  animationOptions: AnimationOptions,\n  trigger?: Partial<TriggerVariant> & { element?: HTMLElement },\n  options?: Record<string, any>,\n  ownerDocument?: Document,\n): AnimationGroup | MouseAnimationInstance | null {\n  const element =\n    target instanceof HTMLElement ? target : getElement(target, ownerDocument);\n\n  if (trigger?.trigger === 'pointer-move') {\n    let effectOptions = animationOptions;\n\n    if (animationOptions.customEffect) {\n      effectOptions = {\n        ...animationOptions,\n        namedEffect: { id: '', type: 'CustomMouse' },\n      };\n    }\n\n    // TODO: need to fix the type here, currently lying about the returned type to be WebAnimationEffectFactory instead of MouseAnimationFactoryCreate\n    const mouseAnimationPreset = getNamedEffect(\n      effectOptions,\n    ) as WebAnimationEffectFactory<'scrub'>;\n    const mouseAnimationFactory = getWebAnimationEffect(\n      mouseAnimationPreset,\n      animationOptions,\n      element,\n      trigger,\n      options,\n    ) as MouseAnimationFactory;\n\n    return typeof mouseAnimationFactory === 'function'\n      ? mouseAnimationFactory(element as HTMLElement)\n      : null;\n  }\n\n  // get the preset for the given animation options\n  const namedEffect = getNamedEffect(\n    animationOptions,\n  ) as AnimationEffectAPI<any> | null;\n\n  const animationsData = getWebAnimationEffect(\n    namedEffect,\n    animationOptions,\n    element,\n    trigger,\n    options,\n  ) as AnimationData[];\n\n  if (!animationsData) {\n    return null;\n  }\n\n  const data = getEffectsData(\n    animationsData,\n    trigger,\n    animationOptions.effectId,\n  );\n\n  let timeline: typeof window.ViewTimeline | undefined;\n  const isViewProgress = trigger?.trigger === 'view-progress';\n\n  // if this is a ScrubAnimation with view-progress trigger and the browser supports the ViewTimeline API\n  if (isViewProgress && window.ViewTimeline) {\n    // generate the timeline object\n    // @ts-expect-error\n    timeline = new ViewTimeline({\n      subject: trigger.element || getElement(trigger.componentId!),\n    });\n  }\n\n  // generate an Animation object for each data object\n  const animations = data.map(\n    ({ effect, options: effectOptions, id, part }) => {\n      const effectTarget = part ? getElementMotionPart(element, part) : element;\n\n      const keyframeEffect = new KeyframeEffect(\n        effectTarget || null,\n        [],\n        effectOptions,\n      );\n\n      // set the keyframes for the KeyframeEffect after measurements and mutations\n      fastdom.mutate(() => {\n        if ('timing' in effect) {\n          keyframeEffect.updateTiming(effect.timing as OptionalEffectTiming);\n        }\n\n        keyframeEffect.setKeyframes(effect.keyframes);\n      });\n\n      const timingOptions =\n        isViewProgress && timeline\n          ? { timeline: timeline as AnimationTimeline }\n          : {};\n      const animation: Animation | CustomAnimation =\n        typeof effect.customEffect === 'function'\n          ? (new CustomAnimation(\n              effect.customEffect,\n              effectTarget || null,\n              effectOptions,\n              timingOptions,\n            ) as Animation)\n          : new Animation(keyframeEffect, timingOptions.timeline);\n\n      // if this is a ScrubAnimation with view-progress trigger and the browser supports the ViewTimeline API\n      if (isViewProgress) {\n        if (timeline) {\n          // set the ranges for the animation after measurements and mutations\n          fastdom.mutate(() => {\n            const { start, end } = getRanges(effect as AnimationDataForScrub);\n            // @ts-expect-error\n            animation.rangeStart = start;\n            // @ts-expect-error\n            animation.rangeEnd = end;\n\n            animation.play();\n          });\n        } else {\n          const { startOffset, endOffset } =\n            animationOptions as ScrubAnimationOptions;\n\n          // set the ranges for the animation after measurements and mutations\n          fastdom.mutate(() => {\n            const startOffsetToWrite =\n              (effect as AnimationDataForScrub).startOffset || startOffset;\n            const endOffsetToWrite =\n              (effect as AnimationDataForScrub).endOffset || endOffset;\n\n            Object.assign(animation, {\n              start: {\n                name: startOffsetToWrite!.name,\n                offset: startOffsetToWrite!.offset?.value,\n                add: (effect as AnimationDataForScrub)!.startOffsetAdd,\n              },\n              end: {\n                name: endOffsetToWrite!.name,\n                offset: endOffsetToWrite!.offset?.value,\n                add: (effect as AnimationDataForScrub)!.endOffsetAdd,\n              },\n            });\n          });\n        }\n      }\n\n      if (id) {\n        animation.id = id;\n      }\n\n      return animation;\n    },\n  );\n\n  // create an AnimationGroup with the generate animations\n  return new AnimationGroup(animations, {\n    ...animationOptions,\n    trigger: { ...(trigger || ({} as Partial<TriggerVariant>)) },\n    // make sure the group is ready after all animation targets are measured and mutated\n    measured: new Promise((resolve) => fastdom.mutate(resolve)),\n  });\n}\n\nexport { getWebAnimation };\n"],"mappings":"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","ignoreList":[]}