@wix/motion 1.0.73 → 1.571.0

package/dist/cjs/library/mouse/SwivelMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","transformOrigins","top","bottom","right","left","SwivelMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","rotateAxis","invertVertical","pivotAxis","invert","options","rotate","mapRange","translateX","translateY","transform","target","style","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/SwivelMouse.ts"],"sourcesContent":["import {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  SwivelMouse,\n  MousePivotAxis,\n  Progress,\n  EffectPower,\n  ScrubTransitionEasing,\n} from '../../types';\nimport { getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n  EffectPower,\n  { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n  soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n  medium: { angle: 50, perspective: 700, easing: 'easeOut' },\n  hard: { angle: 85, perspective: 300, easing: 'easeOut' },\n};\n\nconst transformOrigins: Record<MousePivotAxis, [number, number]> = {\n  top: [0, -50],\n  bottom: [0, 50],\n  right: [50, 0],\n  left: [-50, 0],\n  'center-horizontal': [0, 0],\n  'center-vertical': [0, 0],\n};\n\nclass SwivelMouseAnimation extends CustomMouse {\n  progress({ x: progressX, y: progressY }: Progress) {\n    let rotateAxis = 'rotateX';\n    let progress = progressY;\n    let invertVertical = -1;\n\n    const { pivotAxis, angle, invert, perspective } = this.options;\n    if (\n      pivotAxis === 'center-horizontal' ||\n      pivotAxis === 'right' ||\n      pivotAxis === 'left'\n    ) {\n      rotateAxis = 'rotateY';\n      progress = progressX;\n      invertVertical = 1;\n    }\n\n    // if progress  === 0, rotate === angle, if progress === 0.5, rotate === 0, if progress === 1, rotate === angle\n    const rotate =\n      mapRange(0, 1, -angle, angle, progress) * invertVertical * invert;\n\n    const [translateX, translateY] =\n      transformOrigins[pivotAxis as MousePivotAxis];\n    const transform = `perspective(${perspective}px) translateX(${translateX}%) translateY(${translateY}%) ${rotateAxis}(${rotate}deg) translateX(${-translateX}%) translateY(${-translateY}%) rotate(var(--comp-rotate-z, 0deg))`;\n\n    this.target.style.transform = transform;\n  }\n\n  cancel() {\n    this.target.style.transform = '';\n    this.target.style.transition = '';\n  }\n}\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { transitionDuration, transitionEasing } = options;\n  const {\n    power,\n    inverted = false,\n    angle = 5,\n    perspective = 800,\n    pivotAxis = 'center-horizontal',\n  } = options.namedEffect as SwivelMouse;\n  const invert = inverted ? -1 : 1;\n  const animationOptions = {\n    transition: transitionDuration\n      ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n          power ? paramsMap[power].easing : transitionEasing,\n        )}`\n      : '',\n    invert,\n    angle: power ? paramsMap[power].angle : angle,\n    perspective: power ? paramsMap[power].perspective : perspective,\n    pivotAxis,\n  };\n\n  return (target: HTMLElement) =>\n    new SwivelMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/library/mouse/Tilt3DMouse.js

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _CustomMouse = require("./CustomMouse");
+const paramsMap = {
+  soft: {
+    angle: 25,
+    perspective: 1000,
+    easing: 'easeOut'
+  },
+  medium: {
+    angle: 50,
+    perspective: 500,
+    easing: 'easeOut'
+  },
+  hard: {
+    angle: 85,
+    perspective: 200,
+    easing: 'easeOut'
+  }
+};
+class Tilt3DMouseAnimation extends _CustomMouse.CustomMouse {
+  progress({
+    x: progressX,
+    y: progressY
+  }) {
+    const {
+      invert,
+      angle,
+      perspective
+    } = this.options;
+
+    // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
+    const rotateX = (0, _utils.mapRange)(0, 1, angle, -angle, progressY) * invert;
+    const rotateY = (0, _utils.mapRange)(0, 1, -angle, angle, progressX) * invert;
+    this.target.style.transform = `perspective(${perspective}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
+  }
+  cancel() {
+    this.target.style.transform = '';
+    this.target.style.transition = '';
+  }
+}
+function create(options) {
+  const {
+    transitionDuration,
+    transitionEasing
+  } = options;
+  const {
+    power,
+    inverted = false,
+    angle = 5,
+    perspective = 800
+  } = options.namedEffect;
+  const invert = inverted ? -1 : 1;
+  const animationOptions = {
+    transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
+    invert,
+    angle: power ? paramsMap[power].angle : angle,
+    perspective: power ? paramsMap[power].perspective : perspective
+  };
+  return target => new Tilt3DMouseAnimation(target, animationOptions);
+}
+//# sourceMappingURL=Tilt3DMouse.js.map

package/dist/cjs/library/mouse/Tilt3DMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Tilt3DMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","options","rotateX","mapRange","rotateY","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/Tilt3DMouse.ts"],"sourcesContent":["import { getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\nimport {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  Tilt3DMouse,\n  Progress,\n  EffectPower,\n  ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n  EffectPower,\n  { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n  soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n  medium: { angle: 50, perspective: 500, easing: 'easeOut' },\n  hard: { angle: 85, perspective: 200, easing: 'easeOut' },\n};\n\nclass Tilt3DMouseAnimation extends CustomMouse {\n  progress({ x: progressX, y: progressY }: Progress) {\n    const { invert, angle, perspective } = this.options;\n\n    // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n    const rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;\n    const rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;\n\n    this.target.style.transform = `perspective(${perspective}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n  }\n\n  cancel() {\n    this.target.style.transform = '';\n    this.target.style.transition = '';\n  }\n}\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { transitionDuration, transitionEasing } = options;\n  const {\n    power,\n    inverted = false,\n    angle = 5,\n    perspective = 800,\n  } = options.namedEffect as Tilt3DMouse;\n  const invert = inverted ? -1 : 1;\n  const animationOptions = {\n    transition: transitionDuration\n      ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n          power ? paramsMap[power].easing : transitionEasing,\n        )}`\n      : '',\n    invert,\n    angle: power ? paramsMap[power].angle : angle,\n    perspective: power ? paramsMap[power].perspective : perspective,\n  };\n\n  return (target: HTMLElement) =>\n    new Tilt3DMouseAnimation(target, animationOptions);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,MAAME,SAGL,GAAG;EACFC,IAAI,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,IAAI;IAAEC,MAAM,EAAE;EAAU,CAAC;EACzDC,MAAM,EAAE;IAAEH,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC1DE,IAAI,EAAE;IAAEJ,KAAK,EAAE,EAAE;IAAEC,WAAW,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAU;AACzD,CAAC;AAED,MAAMG,oBAAoB,SAASC,wBAAW,CAAC;EAC7CC,QAAQA,CAAC;IAAEC,CAAC,EAAEC,SAAS;IAAEC,CAAC,EAAEC;EAAoB,CAAC,EAAE;IACjD,MAAM;MAAEC,MAAM;MAAEZ,KAAK;MAAEC;IAAY,CAAC,GAAG,IAAI,CAACY,OAAO;;IAEnD;IACA,MAAMC,OAAO,GAAG,IAAAC,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAEf,KAAK,EAAE,CAACA,KAAK,EAAEW,SAAS,CAAC,GAAGC,MAAM;IACjE,MAAMI,OAAO,GAAG,IAAAD,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,CAACf,KAAK,EAAEA,KAAK,EAAES,SAAS,CAAC,GAAGG,MAAM;IAEjE,IAAI,CAACK,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,eAAelB,WAAW,eAAea,OAAO,gBAAgBE,OAAO,yCAAyC;EAChJ;EAEAI,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEe,SAASC,MAAMA,CAC5BT,OAAsD,EACtD;EACA,MAAM;IAAEU,kBAAkB;IAAEC;EAAiB,CAAC,GAAGX,OAAO;EACxD,MAAM;IACJY,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChB1B,KAAK,GAAG,CAAC;IACTC,WAAW,GAAG;EAChB,CAAC,GAAGY,OAAO,CAACc,WAA0B;EACtC,MAAMf,MAAM,GAAGc,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM,IAAAM,+BAAwB,EAC3DJ,KAAK,GAAG3B,SAAS,CAAC2B,KAAK,CAAC,CAACvB,MAAM,GAAGsB,gBACpC,CAAC,EAAE,GACH,EAAE;IACNZ,MAAM;IACNZ,KAAK,EAAEyB,KAAK,GAAG3B,SAAS,CAAC2B,KAAK,CAAC,CAACzB,KAAK,GAAGA,KAAK;IAC7CC,WAAW,EAAEwB,KAAK,GAAG3B,SAAS,CAAC2B,KAAK,CAAC,CAACxB,WAAW,GAAGA;EACtD,CAAC;EAED,OAAQgB,MAAmB,IACzB,IAAIZ,oBAAoB,CAACY,MAAM,EAAEW,gBAAgB,CAAC;AACtD","ignoreList":[]}

package/dist/cjs/library/mouse/Track3DMouse.js

@@ -0,0 +1,87 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _CustomMouse = require("./CustomMouse");
+const paramsMap = {
+  soft: {
+    angle: 25,
+    perspective: 1000,
+    easing: 'easeOut'
+  },
+  medium: {
+    angle: 50,
+    perspective: 500,
+    easing: 'easeOut'
+  },
+  hard: {
+    angle: 85,
+    perspective: 333,
+    easing: 'easeOut'
+  }
+};
+class Track3DMouseAnimation extends _CustomMouse.CustomMouse {
+  progress({
+    x: progressX,
+    y: progressY
+  }) {
+    const {
+      invert,
+      distance,
+      angle,
+      axis,
+      perspective
+    } = this.options;
+    let translateX = 0;
+    let translateY = 0;
+    let rotateX = 0;
+    let rotateY = 0;
+    // if progressX === 0, translateX === -distance
+    // if progressX === 0.5, translateX === 0
+    // if progressX === 1, translateX === distance
+    // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
+    if (axis === 'both' || axis === 'horizontal') {
+      translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX);
+      rotateY = (0, _utils.mapRange)(0, 1, -angle, angle, progressX) * invert;
+    }
+    if (axis === 'both' || axis === 'vertical') {
+      translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY);
+      rotateX = (0, _utils.mapRange)(0, 1, angle, -angle, progressY) * invert;
+    }
+    const units = (0, _utils.getCssUnits)(distance.type);
+    this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
+  }
+  cancel() {
+    this.target.style.transform = '';
+    this.target.style.transition = '';
+  }
+}
+function create(options) {
+  const {
+    transitionDuration,
+    transitionEasing
+  } = options;
+  const {
+    power,
+    inverted = false,
+    distance = {
+      value: 200,
+      type: 'px'
+    },
+    angle = 5,
+    axis = 'both',
+    perspective = 800
+  } = options.namedEffect;
+  const invert = inverted ? -1 : 1;
+  const animationOptions = {
+    transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
+    invert,
+    distance,
+    axis,
+    angle: power ? paramsMap[power].angle : angle,
+    perspective: power ? paramsMap[power].perspective : perspective
+  };
+  return target => new Track3DMouseAnimation(target, animationOptions);
+}
+//# sourceMappingURL=Track3DMouse.js.map

package/dist/cjs/library/mouse/Track3DMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_CustomMouse","paramsMap","soft","angle","perspective","easing","medium","hard","Track3DMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","rotateX","rotateY","mapRange","value","units","getCssUnits","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/Track3DMouse.ts"],"sourcesContent":["import {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  Track3DMouse,\n  Progress,\n  EffectPower,\n  ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n  EffectPower,\n  { angle: number; perspective: number; easing: ScrubTransitionEasing }\n> = {\n  soft: { angle: 25, perspective: 1000, easing: 'easeOut' },\n  medium: { angle: 50, perspective: 500, easing: 'easeOut' },\n  hard: { angle: 85, perspective: 333, easing: 'easeOut' },\n};\n\nclass Track3DMouseAnimation extends CustomMouse {\n  progress({ x: progressX, y: progressY }: Progress) {\n    const { invert, distance, angle, axis, perspective } = this.options;\n\n    let translateX = 0;\n    let translateY = 0;\n    let rotateX = 0;\n    let rotateY = 0;\n    // if progressX === 0, translateX === -distance\n    // if progressX === 0.5, translateX === 0\n    // if progressX === 1, translateX === distance\n    // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n    if (axis === 'both' || axis === 'horizontal') {\n      translateX = mapRange(0, 1, -distance.value, distance.value, progressX);\n      rotateY = mapRange(0, 1, -angle, angle, progressX) * invert;\n    }\n    if (axis === 'both' || axis === 'vertical') {\n      translateY = mapRange(0, 1, -distance.value, distance.value, progressY);\n      rotateX = mapRange(0, 1, angle, -angle, progressY) * invert;\n    }\n    const units = getCssUnits(distance.type);\n\n    this.target.style.transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n  }\n\n  cancel() {\n    this.target.style.transform = '';\n    this.target.style.transition = '';\n  }\n}\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { transitionDuration, transitionEasing } = options;\n  const {\n    power,\n    inverted = false,\n    distance = { value: 200, type: 'px' },\n    angle = 5,\n    axis = 'both',\n    perspective = 800,\n  } = options.namedEffect as Track3DMouse;\n  const invert = inverted ? -1 : 1;\n  const animationOptions = {\n    transition: transitionDuration\n      ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n          power ? paramsMap[power].easing : transitionEasing,\n        )}`\n      : '',\n    invert,\n    distance,\n    axis,\n    angle: power ? paramsMap[power].angle : angle,\n    perspective: power ? paramsMap[power].perspective : perspective,\n  };\n\n  return (target: HTMLElement) =>\n    new Track3DMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/library/mouse/TrackMouse.js

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _CustomMouse = require("./CustomMouse");
+const easingMap = {
+  soft: 'linear',
+  medium: 'easeOut',
+  hard: 'hardBackOut'
+};
+class TrackMouseAnimation extends _CustomMouse.CustomMouse {
+  progress({
+    x: progressX,
+    y: progressY
+  }) {
+    const {
+      invert,
+      distance,
+      axis
+    } = this.options;
+    let translateX = 0;
+    let translateY = 0;
+
+    // if progressX === 0, translateX === -distance
+    // if progressX === 0.5, translateX === 0
+    // if progressX === 1, translateX === distance
+    if (axis === 'both' || axis === 'horizontal') {
+      translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX) * invert;
+    }
+    if (axis === 'both' || axis === 'vertical') {
+      translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY) * invert;
+    }
+    const units = (0, _utils.getCssUnits)(distance.type);
+    this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;
+  }
+  cancel() {
+    this.target.style.transform = '';
+    this.target.style.transition = '';
+  }
+}
+function create(options) {
+  const {
+    transitionDuration,
+    transitionEasing
+  } = options;
+  const {
+    power,
+    inverted = false,
+    distance = {
+      value: 200,
+      type: 'px'
+    },
+    axis = 'both'
+  } = options.namedEffect;
+  const invert = inverted ? -1 : 1;
+  const animationOptions = {
+    transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? easingMap[power] : transitionEasing)}` : '',
+    invert,
+    distance,
+    axis
+  };
+  return target => new TrackMouseAnimation(target, animationOptions);
+}
+//# sourceMappingURL=TrackMouse.js.map

package/dist/cjs/library/mouse/TrackMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_CustomMouse","easingMap","soft","medium","hard","TrackMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","distance","axis","options","translateX","translateY","mapRange","value","units","getCssUnits","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/TrackMouse.ts"],"sourcesContent":["import {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  TrackMouse,\n  Progress,\n  EffectPower,\n  ScrubTransitionEasing,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nconst easingMap: Record<EffectPower, ScrubTransitionEasing> = {\n  soft: 'linear',\n  medium: 'easeOut',\n  hard: 'hardBackOut',\n};\nclass TrackMouseAnimation extends CustomMouse {\n  progress({ x: progressX, y: progressY }: Progress) {\n    const { invert, distance, axis } = this.options;\n\n    let translateX = 0;\n    let translateY = 0;\n\n    // if progressX === 0, translateX === -distance\n    // if progressX === 0.5, translateX === 0\n    // if progressX === 1, translateX === distance\n    if (axis === 'both' || axis === 'horizontal') {\n      translateX =\n        mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n    }\n\n    if (axis === 'both' || axis === 'vertical') {\n      translateY =\n        mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n    }\n\n    const units = getCssUnits(distance.type);\n\n    this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) rotate(var(--comp-rotate-z, 0deg))`;\n  }\n  cancel() {\n    this.target.style.transform = '';\n    this.target.style.transition = '';\n  }\n}\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { transitionDuration, transitionEasing } = options;\n  const {\n    power,\n    inverted = false,\n    distance = { value: 200, type: 'px' },\n    axis = 'both',\n  } = options.namedEffect as TrackMouse;\n  const invert = inverted ? -1 : 1;\n  const animationOptions = {\n    transition: transitionDuration\n      ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n          power ? easingMap[power] : transitionEasing,\n        )}`\n      : '',\n    invert,\n    distance,\n    axis,\n  };\n\n  return (target: HTMLElement) =>\n    new TrackMouseAnimation(target, animationOptions);\n}\n"],"mappings":";;;;AAQA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,SAAqD,GAAG;EAC5DC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AACD,MAAMC,mBAAmB,SAASC,wBAAW,CAAC;EAC5CC,QAAQA,CAAC;IAAEC,CAAC,EAAEC,SAAS;IAAEC,CAAC,EAAEC;EAAoB,CAAC,EAAE;IACjD,MAAM;MAAEC,MAAM;MAAEC,QAAQ;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAE/C,IAAIC,UAAU,GAAG,CAAC;IAClB,IAAIC,UAAU,GAAG,CAAC;;IAElB;IACA;IACA;IACA,IAAIH,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,YAAY,EAAE;MAC5CE,UAAU,GACR,IAAAE,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,CAACL,QAAQ,CAACM,KAAK,EAAEN,QAAQ,CAACM,KAAK,EAAEV,SAAS,CAAC,GAAGG,MAAM;IACvE;IAEA,IAAIE,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,UAAU,EAAE;MAC1CG,UAAU,GACR,IAAAC,eAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,CAACL,QAAQ,CAACM,KAAK,EAAEN,QAAQ,CAACM,KAAK,EAAER,SAAS,CAAC,GAAGC,MAAM;IACvE;IAEA,MAAMQ,KAAK,GAAG,IAAAC,kBAAW,EAACR,QAAQ,CAACS,IAAI,CAAC;IAExC,IAAI,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,cAAcT,UAAU,GAAGI,KAAK,gBAAgBH,UAAU,GAAGG,KAAK,sCAAsC;EACxI;EACAM,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEe,SAASC,MAAMA,CAC5Bb,OAAsD,EACtD;EACA,MAAM;IAAEc,kBAAkB;IAAEC;EAAiB,CAAC,GAAGf,OAAO;EACxD,MAAM;IACJgB,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBnB,QAAQ,GAAG;MAAEM,KAAK,EAAE,GAAG;MAAEG,IAAI,EAAE;IAAK,CAAC;IACrCR,IAAI,GAAG;EACT,CAAC,GAAGC,OAAO,CAACkB,WAAyB;EACrC,MAAMrB,MAAM,GAAGoB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBP,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM,IAAAM,+BAAwB,EAC3DJ,KAAK,GAAG9B,SAAS,CAAC8B,KAAK,CAAC,GAAGD,gBAC7B,CAAC,EAAE,GACH,EAAE;IACNlB,MAAM;IACNC,QAAQ;IACRC;EACF,CAAC;EAED,OAAQS,MAAmB,IACzB,IAAIlB,mBAAmB,CAACkB,MAAM,EAAEW,gBAAgB,CAAC;AACrD","ignoreList":[]}

package/dist/cjs/library/mouse/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.mouseAnimations = void 0;
+var _CustomMouse = require("./CustomMouse");
+var _AiryMouse = _interopRequireDefault(require("./AiryMouse"));
+var _BlobMouse = _interopRequireDefault(require("./BlobMouse"));
+var _BlurMouse = _interopRequireDefault(require("./BlurMouse"));
+var _BounceMouse = _interopRequireDefault(require("./BounceMouse"));
+var _ScaleMouse = _interopRequireDefault(require("./ScaleMouse"));
+var _SkewMouse = _interopRequireDefault(require("./SkewMouse"));
+var _SpinMouse = _interopRequireDefault(require("./SpinMouse"));
+var _SwivelMouse = _interopRequireDefault(require("./SwivelMouse"));
+var _Tilt3DMouse = _interopRequireDefault(require("./Tilt3DMouse"));
+var _Track3DMouse = _interopRequireDefault(require("./Track3DMouse"));
+var _TrackMouse = _interopRequireDefault(require("./TrackMouse"));
+const mouseAnimations = exports.mouseAnimations = {
+  AiryMouse: _AiryMouse.default,
+  BlobMouse: _BlobMouse.default,
+  BlurMouse: _BlurMouse.default,
+  BounceMouse: _BounceMouse.default,
+  CustomMouse: _CustomMouse.create,
+  ScaleMouse: _ScaleMouse.default,
+  SkewMouse: _SkewMouse.default,
+  SpinMouse: _SpinMouse.default,
+  SwivelMouse: _SwivelMouse.default,
+  Tilt3DMouse: _Tilt3DMouse.default,
+  Track3DMouse: _Track3DMouse.default,
+  TrackMouse: _TrackMouse.default
+};
+//# sourceMappingURL=index.js.map

package/dist/cjs/library/mouse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CustomMouse","require","_AiryMouse","_interopRequireDefault","_BlobMouse","_BlurMouse","_BounceMouse","_ScaleMouse","_SkewMouse","_SpinMouse","_SwivelMouse","_Tilt3DMouse","_Track3DMouse","_TrackMouse","mouseAnimations","exports","AiryMouse","BlobMouse","BlurMouse","BounceMouse","CustomMouse","CreateCustomMouse","ScaleMouse","SkewMouse","SpinMouse","SwivelMouse","Tilt3DMouse","Track3DMouse","TrackMouse"],"sources":["../../../../src/library/mouse/index.ts"],"sourcesContent":["import { create as CreateCustomMouse } from './CustomMouse';\nimport AiryMouse from './AiryMouse';\nimport BlobMouse from './BlobMouse';\nimport BlurMouse from './BlurMouse';\nimport BounceMouse from './BounceMouse';\nimport ScaleMouse from './ScaleMouse';\nimport SkewMouse from './SkewMouse';\nimport SpinMouse from './SpinMouse';\nimport SwivelMouse from './SwivelMouse';\nimport Tilt3DMouse from './Tilt3DMouse';\nimport Track3DMouse from './Track3DMouse';\nimport TrackMouse from './TrackMouse';\nimport type { MouseAnimations } from '../../types';\n\nexport const mouseAnimations: MouseAnimations = {\n  AiryMouse,\n  BlobMouse,\n  BlurMouse,\n  BounceMouse,\n  CustomMouse: CreateCustomMouse,\n  ScaleMouse,\n  SkewMouse,\n  SpinMouse,\n  SwivelMouse,\n  Tilt3DMouse,\n  Track3DMouse,\n  TrackMouse,\n};\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,WAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,UAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,YAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,YAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,aAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,WAAA,GAAAV,sBAAA,CAAAF,OAAA;AAGO,MAAMa,eAAgC,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC9CE,SAAS,EAATA,kBAAS;EACTC,SAAS,EAATA,kBAAS;EACTC,SAAS,EAATA,kBAAS;EACTC,WAAW,EAAXA,oBAAW;EACXC,WAAW,EAAEC,mBAAiB;EAC9BC,UAAU,EAAVA,mBAAU;EACVC,SAAS,EAATA,kBAAS;EACTC,SAAS,EAATA,kBAAS;EACTC,WAAW,EAAXA,oBAAW;EACXC,WAAW,EAAXA,oBAAW;EACXC,YAAY,EAAZA,qBAAY;EACZC,UAAU,EAAVA;AACF,CAAC","ignoreList":[]}

package/dist/cjs/library/ongoing/Blink.js

@@ -0,0 +1,120 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getNames = getNames;
+exports.web = web;
+var _utils = require("../../utils");
+/* eslint-disable prettier/prettier */
+
+const POWER_TO_BLINK_FACTOR_MAP = {
+  soft: {
+    maxScaleBy: 0,
+    maxTranslateBy: 50
+  },
+  medium: {
+    maxScaleBy: 0.5,
+    maxTranslateBy: 100
+  },
+  hard: {
+    maxScaleBy: 0.7,
+    maxTranslateBy: 200
+  }
+};
+const BASE_POSITION = {
+  translate: `0 0`,
+  scale: 1
+};
+const TOTAL_BLINKS = 10;
+const TRANSITION_MS = 500;
+const SCALE_RANGE = {
+  min: 0,
+  max: 0.7
+};
+const SCALE_OFFSET = 0.02;
+const getRandomsBySeed = seed => [0.3, 0.45, 0.7].map(n => seed * n % 1);
+function web(options, _) {
+  const {
+    power,
+    scale = 0,
+    distance = {
+      value: 50,
+      type: 'percentage'
+    }
+  } = options.namedEffect;
+  const isResponsive = typeof power === 'undefined';
+  const duration = options.duration ?? 0; // the duration in which the element is visible
+  const delay = options.delay ?? 0; // the duration in which the element is hidden 
+  const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);
+  const easing = (0, _utils.getEasing)(isResponsive ? options.easing || 'backInOut' : 'backInOut');
+  const travelUnits = (0, _utils.getCssUnits)(distance.type);
+  const [name] = getNames(options);
+  const keyframes = [];
+  const scaleMappedFromRange = (0, _utils.mapRange)(0, 1, SCALE_RANGE.min, SCALE_RANGE.max, scale);
+  const {
+    maxScaleBy,
+    maxTranslateBy
+  } = isResponsive ? {
+    maxScaleBy: scaleMappedFromRange,
+    maxTranslateBy: distance.value
+  } : POWER_TO_BLINK_FACTOR_MAP[power];
+  for (let i = 0; i < TOTAL_BLINKS; i++) {
+    const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use
+    const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;
+    const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;
+    const scaleBy = 1 + randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1);
+    const blink = {
+      translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,
+      scale: scaleBy,
+      easing,
+      ...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}) // override if its first or last blink
+    };
+
+    /* 
+      4 offset points to each blink: 
+      two for opacity: 1, and two for opacity: 0. 
+    */
+    const offsets = {
+      hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,
+      visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,
+      visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,
+      hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration
+    };
+    if (i > 0) {
+      keyframes.push(...[{
+        ...blink,
+        opacity: 0,
+        scale: blink.scale - SCALE_OFFSET,
+        offset: offsets.hiddenEnd
+      }, {
+        ...blink,
+        opacity: 1,
+        offset: offsets.visibleStart
+      }]);
+    }
+    keyframes.push({
+      ...blink,
+      opacity: 1,
+      offset: offsets.visibleEnd
+    });
+    if (i < TOTAL_BLINKS - 1) {
+      keyframes.push({
+        ...blink,
+        opacity: 0,
+        scale: blink.scale - SCALE_OFFSET,
+        offset: offsets.hiddenStart
+      });
+    }
+  }
+  return [{
+    ...options,
+    name,
+    easing: 'linear',
+    delay: 0,
+    duration: totalDuration,
+    keyframes
+  }];
+}
+function getNames(_) {
+  return ['motion-blink'];
+}
+//# sourceMappingURL=Blink.js.map

package/dist/cjs/library/ongoing/Blink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","POWER_TO_BLINK_FACTOR_MAP","soft","maxScaleBy","maxTranslateBy","medium","hard","BASE_POSITION","translate","scale","TOTAL_BLINKS","TRANSITION_MS","SCALE_RANGE","min","max","SCALE_OFFSET","getRandomsBySeed","seed","map","n","web","options","_","power","distance","value","type","namedEffect","isResponsive","duration","delay","totalDuration","easing","getEasing","travelUnits","getCssUnits","name","getNames","keyframes","scaleMappedFromRange","mapRange","i","randoms","translateY","Math","round","translateX","scaleBy","blink","offsets","hiddenEnd","visibleStart","visibleEnd","hiddenStart","push","opacity","offset"],"sources":["../../../../src/library/ongoing/Blink.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport type { Blink, TimeAnimationOptions, DomApi } from '../../types';\nimport { getCssUnits, getEasing, mapRange } from '../../utils';\n\nconst POWER_TO_BLINK_FACTOR_MAP = {\n  soft: {\n    maxScaleBy: 0,\n    maxTranslateBy: 50,\n  },\n  medium: {\n    maxScaleBy: 0.5,\n    maxTranslateBy: 100,\n  },\n  hard: {\n    maxScaleBy: 0.7,\n    maxTranslateBy: 200,\n  },\n};\n\nconst BASE_POSITION = {\n  translate: `0 0`,\n  scale: 1,\n};\n\nconst TOTAL_BLINKS = 10;\nconst TRANSITION_MS = 500;\nconst SCALE_RANGE = { min: 0, max: 0.7 };\nconst SCALE_OFFSET = 0.02;\n\nconst getRandomsBySeed = (seed: number) =>\n  [0.3, 0.45, 0.7].map((n) => (seed * n) % 1);\n\nexport function web(options: TimeAnimationOptions, _?: DomApi) {\n  const {\n    power,\n    scale = 0,\n    distance = { value: 50, type: 'percentage' },\n  } = options.namedEffect as Blink;\n\n  const isResponsive = typeof power === 'undefined';\n  const duration = options.duration ?? 0; // the duration in which the element is visible\n  const delay = options.delay ?? 0; // the duration in which the element is hidden \n  const totalDuration = (duration + delay + 2 * TRANSITION_MS) * (TOTAL_BLINKS - 1);\n  const easing = getEasing(isResponsive ? options.easing || 'backInOut' : 'backInOut')\n  const travelUnits = getCssUnits(distance.type);\n  const [name] = getNames(options);\n  const keyframes = [];\n\n  const scaleMappedFromRange = mapRange(\n    0,\n    1,\n    SCALE_RANGE.min,\n    SCALE_RANGE.max,\n    scale,\n  );\n\n  const { maxScaleBy, maxTranslateBy } = isResponsive\n    ? {\n        maxScaleBy: scaleMappedFromRange,\n        maxTranslateBy: distance.value,\n      }\n    : POWER_TO_BLINK_FACTOR_MAP[power];\n\n \n  for (let i = 0; i < TOTAL_BLINKS; i++) {\n    const randoms = getRandomsBySeed(i + 1); // perhaps insert seed in future use\n    const translateY = Math.round(randoms[0] * 2 * maxTranslateBy) - maxTranslateBy;\n    const translateX = Math.round(randoms[1] * 2 * maxTranslateBy) - maxTranslateBy;\n    const scaleBy = 1 + (randoms[2] * maxScaleBy * (i % 2 === 0 ? 1 : -1));\n\n    const blink = {\n      translate: `${translateX}${travelUnits} ${translateY}${travelUnits}`,\n      scale: scaleBy,\n      easing,\n      ...(i === 0 || i === TOTAL_BLINKS - 1 ? BASE_POSITION : {}), // override if its first or last blink\n    };\n\n    /* \n      4 offset points to each blink: \n      two for opacity: 1, and two for opacity: 0. \n    */\n    const offsets = {\n      hiddenEnd: (TRANSITION_MS * (i * 2 - 1) + duration * (i - 1) + delay * i) / totalDuration,\n      visibleStart: (TRANSITION_MS * (i * 2) + duration * (i - 1) + delay * i) / totalDuration,\n      visibleEnd: (TRANSITION_MS * (i * 2) + duration * i + delay * i) / totalDuration,\n      hiddenStart: (TRANSITION_MS * (i * 2 + 1) + duration * i + delay * i) / totalDuration,\n    };\n\n    if (i > 0) {\n      keyframes.push(\n        ...[\n          {\n            ...blink,\n            opacity: 0,\n            scale: blink.scale - SCALE_OFFSET,\n            offset: offsets.hiddenEnd,\n          },\n          {\n            ...blink,\n            opacity: 1,\n            offset: offsets.visibleStart,\n          },\n        ],\n      );\n    }\n    keyframes.push({\n      ...blink,\n      opacity: 1,\n      offset: offsets.visibleEnd,\n    });\n\n    if (i < TOTAL_BLINKS - 1) {\n      keyframes.push({\n        ...blink,\n        opacity: 0,\n        scale: blink.scale - SCALE_OFFSET,\n        offset: offsets.hiddenStart,\n      });\n    }\n  }\n\n  return [\n    {\n      ...options,\n      name,\n      easing: 'linear',\n      delay: 0,\n      duration: totalDuration,\n      keyframes,\n    },\n  ];\n}\n\nexport function getNames(_: TimeAnimationOptions) {\n  return ['motion-blink'];\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/library/ongoing/Bounce.js

@@ -0,0 +1,92 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getNames = getNames;
+exports.style = style;
+exports.web = web;
+var _utils = require("../../utils");
+const POWER_TO_BOUNCE_FACTOR_MAP = {
+  soft: 1,
+  medium: 2,
+  hard: 3
+};
+const TRANSLATE_Y_KEYFRAMES = [{
+  keyframe: 0,
+  translateY: 0
+}, {
+  keyframe: 8.8,
+  translateY: -55
+}, {
+  keyframe: 17.6,
+  translateY: -87
+}, {
+  keyframe: 26.5,
+  translateY: -98
+}, {
+  keyframe: 35.3,
+  translateY: -87
+}, {
+  keyframe: 44.1,
+  translateY: -55
+}, {
+  keyframe: 53.1,
+  translateY: 0
+}, {
+  keyframe: 66.2,
+  translateY: -23
+}, {
+  keyframe: 81,
+  translateY: 0
+}, {
+  keyframe: 86.8,
+  translateY: -5
+}, {
+  keyframe: 94.1,
+  translateY: 0
+}, {
+  keyframe: 97.1,
+  translateY: -2
+}, {
+  keyframe: 100,
+  translateY: 0
+}];
+function web(options, _dom) {
+  return style(options, true);
+}
+function style(options, asWeb = false) {
+  const {
+    power = 'soft',
+    intensity
+  } = options.namedEffect;
+  const duration = options.duration || 1;
+  const delay = options.delay || 0;
+  const timingFactor = (0, _utils.getTimingFactor)(duration, delay);
+  const [name] = getNames(options);
+  const bounceFactor = intensity ? (0, _utils.mapRange)(0, 1, POWER_TO_BOUNCE_FACTOR_MAP.soft, POWER_TO_BOUNCE_FACTOR_MAP.hard, intensity) : POWER_TO_BOUNCE_FACTOR_MAP[power];
+  const easing = (0, _utils.getEasing)('sineOut');
+  const custom = {
+    '--motion-bounce-factor': bounceFactor
+  };
+  const keyframes = TRANSLATE_Y_KEYFRAMES.map(({
+    keyframe,
+    translateY
+  }) => ({
+    offset: keyframe / 100 * timingFactor,
+    translate: `0px calc(${translateY / 2}px * ${(0, _utils.toKeyframeValue)(custom, '--motion-bounce-factor', asWeb)})`,
+    easing
+  }));
+  return [{
+    ...options,
+    name,
+    delay: 0,
+    easing: 'linear',
+    duration: duration + delay,
+    custom,
+    keyframes
+  }];
+}
+function getNames(options) {
+  const timingFactor = (0, _utils.getTimingFactor)(options.duration, options.delay, true);
+  return [`motion-bounce-${timingFactor}`];
+}
+//# sourceMappingURL=Bounce.js.map

package/dist/cjs/library/ongoing/Bounce.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","POWER_TO_BOUNCE_FACTOR_MAP","soft","medium","hard","TRANSLATE_Y_KEYFRAMES","keyframe","translateY","web","options","_dom","style","asWeb","power","intensity","namedEffect","duration","delay","timingFactor","getTimingFactor","name","getNames","bounceFactor","mapRange","easing","getEasing","custom","keyframes","map","offset","translate","toKeyframeValue"],"sources":["../../../../src/library/ongoing/Bounce.ts"],"sourcesContent":["import type {\n  TimeAnimationOptions,\n  Bounce,\n  AnimationExtraOptions,\n  DomApi,\n} from '../../types';\nimport {\n  getEasing,\n  getTimingFactor,\n  toKeyframeValue,\n  mapRange,\n} from '../../utils';\n\nconst POWER_TO_BOUNCE_FACTOR_MAP = {\n  soft: 1,\n  medium: 2,\n  hard: 3,\n};\n\nconst TRANSLATE_Y_KEYFRAMES = [\n  { keyframe: 0, translateY: 0 },\n  { keyframe: 8.8, translateY: -55 },\n  { keyframe: 17.6, translateY: -87 },\n  { keyframe: 26.5, translateY: -98 },\n  { keyframe: 35.3, translateY: -87 },\n  { keyframe: 44.1, translateY: -55 },\n  { keyframe: 53.1, translateY: 0 },\n  { keyframe: 66.2, translateY: -23 },\n  { keyframe: 81, translateY: 0 },\n  { keyframe: 86.8, translateY: -5 },\n  { keyframe: 94.1, translateY: 0 },\n  { keyframe: 97.1, translateY: -2 },\n  { keyframe: 100, translateY: 0 },\n];\n\nexport function web(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n  _dom?: DomApi,\n) {\n  return style(options, true);\n}\n\nexport function style(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n  asWeb = false,\n) {\n  const { power = 'soft', intensity } = options.namedEffect as Bounce;\n\n  const duration = options.duration || 1;\n  const delay = options.delay || 0;\n  const timingFactor = getTimingFactor(duration, delay) as number;\n  const [name] = getNames(options);\n\n  const bounceFactor = intensity\n    ? mapRange(\n        0,\n        1,\n        POWER_TO_BOUNCE_FACTOR_MAP.soft,\n        POWER_TO_BOUNCE_FACTOR_MAP.hard,\n        intensity,\n      )\n    : POWER_TO_BOUNCE_FACTOR_MAP[power];\n  const easing = getEasing('sineOut');\n\n  const custom = {\n    '--motion-bounce-factor': bounceFactor,\n  };\n\n  const keyframes = TRANSLATE_Y_KEYFRAMES.map(({ keyframe, translateY }) => ({\n    offset: (keyframe / 100) * timingFactor,\n    translate: `0px calc(${translateY / 2}px * ${toKeyframeValue(\n      custom,\n      '--motion-bounce-factor',\n      asWeb,\n    )})`,\n    easing,\n  }));\n\n  return [\n    {\n      ...options,\n      name,\n      delay: 0,\n      easing: 'linear',\n      duration: duration + delay,\n      custom,\n      keyframes,\n    },\n  ];\n}\n\nexport function getNames(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n  const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n  return [`motion-bounce-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}