@wix/motion 1.0.72 → 1.571.0

package/dist/esm/library/scroll/SpinScroll.js

@@ -0,0 +1,47 @@
+const POWER_MAP = {
+  soft: 1,
+  medium: 0.7,
+  hard: 0.4
+};
+const DIRECTION_MAP = {
+  clockwise: 1,
+  'counter-clockwise': -1
+};
+export default function create(options) {
+  const {
+    spins = 0.15,
+    scale = 1,
+    direction = 'clockwise',
+    power,
+    range = 'in'
+  } = options.namedEffect;
+  const easing = 'linear';
+  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
+  const spinDirection = DIRECTION_MAP[direction];
+  const rotationZ = spins * 360;
+  const scaleFactor = power && POWER_MAP[power] ? POWER_MAP[power] : scale;
+  const isIn = range === 'in';
+  const fromValue = isIn ? -rotationZ : range === 'out' ? 0 : -rotationZ / 2;
+  const toValue = isIn ? 0 : range === 'out' ? rotationZ : rotationZ / 2;
+  return [{
+    ...options,
+    fill,
+    easing,
+    keyframes: [{
+      transform: `scale(${isIn ? scaleFactor : 1}) rotate(calc(var(--comp-rotate-z, 0deg) + ${fromValue * spinDirection}deg))`
+    }, {
+      transform: `scale(${isIn ? 1 : scaleFactor}) rotate(calc(var(--comp-rotate-z, 0deg) + ${toValue * spinDirection}deg))`
+    }]
+  }];
+  /*
+   * @keyframes <name> {
+   *   from {
+   *     transform: scale(<fromValues.scale>) rotate(<rotation> - <fromValue.rotate * spinDirection>);
+   *   }
+   *   to {
+   *     transform: scale(<toValues.scale>) rotate(<rotation> + <toValue.rotate * spinDirection>);
+   *   }
+   * }
+   */
+}
+//# sourceMappingURL=SpinScroll.js.map

package/dist/esm/library/scroll/SpinScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["POWER_MAP","soft","medium","hard","DIRECTION_MAP","clockwise","create","options","spins","scale","direction","power","range","namedEffect","easing","fill","spinDirection","rotationZ","scaleFactor","isIn","fromValue","toValue","keyframes","transform"],"sources":["../../../../src/library/scroll/SpinScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  SpinScroll,\n} from '../../types';\n\nconst POWER_MAP = {\n  soft: 1,\n  medium: 0.7,\n  hard: 0.4,\n};\n\nconst DIRECTION_MAP = {\n  clockwise: 1,\n  'counter-clockwise': -1,\n};\n\nexport default function create(options: ScrubAnimationOptions) {\n  const {\n    spins = 0.15,\n    scale = 1,\n    direction = 'clockwise',\n    power,\n    range = 'in',\n  } = options.namedEffect as SpinScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const spinDirection = DIRECTION_MAP[direction];\n  const rotationZ = spins * 360;\n  const scaleFactor = power && POWER_MAP[power] ? POWER_MAP[power] : scale;\n  const isIn = range === 'in';\n\n  const fromValue = isIn ? -rotationZ : range === 'out' ? 0 : -rotationZ / 2;\n  const toValue = isIn ? 0 : range === 'out' ? rotationZ : rotationZ / 2;\n\n  return [\n    {\n      ...options,\n      fill,\n      easing,\n      keyframes: [\n        {\n          transform: `scale(${\n            isIn ? scaleFactor : 1\n          }) rotate(calc(var(--comp-rotate-z, 0deg) + ${\n            fromValue * spinDirection\n          }deg))`,\n        },\n        {\n          transform: `scale(${\n            isIn ? 1 : scaleFactor\n          }) rotate(calc(var(--comp-rotate-z, 0deg) + ${\n            toValue * spinDirection\n          }deg))`,\n        },\n      ],\n    },\n  ];\n  /*\n   * @keyframes <name> {\n   *   from {\n   *     transform: scale(<fromValues.scale>) rotate(<rotation> - <fromValue.rotate * spinDirection>);\n   *   }\n   *   to {\n   *     transform: scale(<toValues.scale>) rotate(<rotation> + <toValue.rotate * spinDirection>);\n   *   }\n   * }\n   */\n}\n"],"mappings":"AAMA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,GAAG;EACXC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,aAAa,GAAG;EACpBC,SAAS,EAAE,CAAC;EACZ,mBAAmB,EAAE,CAAC;AACxB,CAAC;AAED,eAAe,SAASC,MAAMA,CAACC,OAA8B,EAAE;EAC7D,MAAM;IACJC,KAAK,GAAG,IAAI;IACZC,KAAK,GAAG,CAAC;IACTC,SAAS,GAAG,WAAW;IACvBC,KAAK;IACLC,KAAK,GAAG;EACV,CAAC,GAAGL,OAAO,CAACM,WAAyB;EACrC,MAAMC,MAAM,GAAG,QAAQ;EACvB,MAAMC,IAAI,GACRH,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGL,OAAO,CAACQ,IAClD;EAEtB,MAAMC,aAAa,GAAGZ,aAAa,CAACM,SAAS,CAAC;EAC9C,MAAMO,SAAS,GAAGT,KAAK,GAAG,GAAG;EAC7B,MAAMU,WAAW,GAAGP,KAAK,IAAIX,SAAS,CAACW,KAAK,CAAC,GAAGX,SAAS,CAACW,KAAK,CAAC,GAAGF,KAAK;EACxE,MAAMU,IAAI,GAAGP,KAAK,KAAK,IAAI;EAE3B,MAAMQ,SAAS,GAAGD,IAAI,GAAG,CAACF,SAAS,GAAGL,KAAK,KAAK,KAAK,GAAG,CAAC,GAAG,CAACK,SAAS,GAAG,CAAC;EAC1E,MAAMI,OAAO,GAAGF,IAAI,GAAG,CAAC,GAAGP,KAAK,KAAK,KAAK,GAAGK,SAAS,GAAGA,SAAS,GAAG,CAAC;EAEtE,OAAO,CACL;IACE,GAAGV,OAAO;IACVQ,IAAI;IACJD,MAAM;IACNQ,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,SACTJ,IAAI,GAAGD,WAAW,GAAG,CAAC,8CAEtBE,SAAS,GAAGJ,aAAa;IAE7B,CAAC,EACD;MACEO,SAAS,EAAE,SACTJ,IAAI,GAAG,CAAC,GAAGD,WAAW,8CAEtBG,OAAO,GAAGL,aAAa;IAE3B,CAAC;EAEL,CAAC,CACF;EACD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/esm/library/scroll/StretchScroll.js

@@ -0,0 +1,101 @@
+import { cssEasings as easings } from '../../easings';
+const POWER_MAP = {
+  soft: {
+    scaleY: 1.2,
+    scaleX: 0.8
+  },
+  medium: {
+    scaleY: 1.5,
+    scaleX: 0.6
+  },
+  hard: {
+    scaleY: 2,
+    scaleX: 0.4
+  }
+};
+const KEYFRAMES_RANGE_MAP = {
+  in: (scaleX, scaleY) => [{
+    scale: `${scaleX} ${scaleY}`,
+    translate: `0 ${100 * (scaleY - 1)}%`
+  }, {
+    scale: '1 1',
+    translate: '0 0'
+  }],
+  out: (scaleX, scaleY) => [{
+    scale: '1 1',
+    translate: '0 0'
+  }, {
+    scale: `${scaleX} ${scaleY}`,
+    translate: `0 ${100 * (1 - scaleY)}%`
+  }],
+  continuous: (scaleX, scaleY) => [{
+    scale: `${scaleX} ${scaleY}`,
+    translate: `0 ${100 * (scaleY - 1)}%`,
+    easing: easings.backInOut
+  }, {
+    scale: '1 1',
+    translate: '0 0',
+    easing: easings.backInOut
+  }, {
+    scale: `${scaleX} ${scaleY}`,
+    translate: `0 ${100 * (1 - scaleY)}%`
+  }]
+};
+const opacityKeyframesMap = {
+  in: [{
+    opacity: 0,
+    offset: 0
+  }, {
+    opacity: 1,
+    offset: 0.65
+  }],
+  out: [{
+    opacity: 1,
+    offset: 0.35
+  }, {
+    opacity: 0,
+    offset: 1
+  }],
+  continuous: [{
+    opacity: 0,
+    offset: 0
+  }, {
+    opacity: 1,
+    offset: 0.325
+  }, {
+    opacity: 1,
+    offset: 0.7
+  }, {
+    opacity: 0,
+    offset: 1
+  }]
+};
+export default function create(options) {
+  const {
+    power,
+    stretch = 0.6,
+    range = 'out'
+  } = options.namedEffect;
+  const easing = range === 'continuous' ? 'linear' : 'backInOut';
+  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
+  const {
+    scaleX,
+    scaleY
+  } = power && POWER_MAP[power] ? POWER_MAP[power] : {
+    scaleX: 1 - stretch,
+    scaleY: 1 + stretch
+  };
+  const animations = KEYFRAMES_RANGE_MAP[range](scaleX, scaleY);
+  return [{
+    ...options,
+    fill,
+    easing,
+    keyframes: animations
+  }, {
+    ...options,
+    fill,
+    easing,
+    keyframes: opacityKeyframesMap[range]
+  }];
+}
+//# sourceMappingURL=StretchScroll.js.map

package/dist/esm/library/scroll/StretchScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cssEasings","easings","POWER_MAP","soft","scaleY","scaleX","medium","hard","KEYFRAMES_RANGE_MAP","in","scale","translate","out","continuous","easing","backInOut","opacityKeyframesMap","opacity","offset","create","options","power","stretch","range","namedEffect","fill","animations","keyframes"],"sources":["../../../../src/library/scroll/StretchScroll.ts"],"sourcesContent":["import { cssEasings as easings } from '../../easings';\nimport type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  StretchScroll,\n} from '../../types';\n\nconst POWER_MAP = {\n  soft: { scaleY: 1.2, scaleX: 0.8 },\n  medium: { scaleY: 1.5, scaleX: 0.6 },\n  hard: { scaleY: 2, scaleX: 0.4 },\n};\n\nconst KEYFRAMES_RANGE_MAP = {\n  in: (scaleX: number, scaleY: number) => [\n    {\n      scale: `${scaleX} ${scaleY}`,\n      translate: `0 ${100 * (scaleY - 1)}%`,\n    },\n    {\n      scale: '1 1',\n      translate: '0 0',\n    },\n  ],\n  out: (scaleX: number, scaleY: number) => [\n    {\n      scale: '1 1',\n      translate: '0 0',\n    },\n    {\n      scale: `${scaleX} ${scaleY}`,\n      translate: `0 ${100 * (1 - scaleY)}%`,\n    },\n  ],\n  continuous: (scaleX: number, scaleY: number) => [\n    {\n      scale: `${scaleX} ${scaleY}`,\n      translate: `0 ${100 * (scaleY - 1)}%`,\n      easing: easings.backInOut,\n    },\n    {\n      scale: '1 1',\n      translate: '0 0',\n      easing: easings.backInOut,\n    },\n    {\n      scale: `${scaleX} ${scaleY}`,\n      translate: `0 ${100 * (1 - scaleY)}%`,\n    },\n  ],\n};\nconst opacityKeyframesMap = {\n  in: [\n    { opacity: 0, offset: 0 },\n    { opacity: 1, offset: 0.65 },\n  ],\n  out: [\n    { opacity: 1, offset: 0.35 },\n    { opacity: 0, offset: 1 },\n  ],\n  continuous: [\n    { opacity: 0, offset: 0 },\n    { opacity: 1, offset: 0.325 },\n    { opacity: 1, offset: 0.7 },\n    { opacity: 0, offset: 1 },\n  ],\n};\n\nexport default function create(options: ScrubAnimationOptions) {\n  const {\n    power,\n    stretch = 0.6,\n    range = 'out',\n  } = options.namedEffect as StretchScroll;\n  const easing = range === 'continuous' ? 'linear' : 'backInOut';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const { scaleX, scaleY } =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : { scaleX: 1 - stretch, scaleY: 1 + stretch };\n\n  const animations = KEYFRAMES_RANGE_MAP[range](scaleX, scaleY);\n\n  return [\n    {\n      ...options,\n      fill,\n      easing,\n      keyframes: animations,\n    },\n    {\n      ...options,\n      fill,\n      easing,\n      keyframes: opacityKeyframesMap[range],\n    },\n  ];\n}\n"],"mappings":"AAAA,SAASA,UAAU,IAAIC,OAAO,QAAQ,eAAe;AAOrD,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAE;IAAEC,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI,CAAC;EAClCC,MAAM,EAAE;IAAEF,MAAM,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI,CAAC;EACpCE,IAAI,EAAE;IAAEH,MAAM,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAI;AACjC,CAAC;AAED,MAAMG,mBAAmB,GAAG;EAC1BC,EAAE,EAAEA,CAACJ,MAAc,EAAED,MAAc,KAAK,CACtC;IACEM,KAAK,EAAE,GAAGL,MAAM,IAAID,MAAM,EAAE;IAC5BO,SAAS,EAAE,KAAK,GAAG,IAAIP,MAAM,GAAG,CAAC,CAAC;EACpC,CAAC,EACD;IACEM,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE;EACb,CAAC,CACF;EACDC,GAAG,EAAEA,CAACP,MAAc,EAAED,MAAc,KAAK,CACvC;IACEM,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE;EACb,CAAC,EACD;IACED,KAAK,EAAE,GAAGL,MAAM,IAAID,MAAM,EAAE;IAC5BO,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC,GAAGP,MAAM,CAAC;EACpC,CAAC,CACF;EACDS,UAAU,EAAEA,CAACR,MAAc,EAAED,MAAc,KAAK,CAC9C;IACEM,KAAK,EAAE,GAAGL,MAAM,IAAID,MAAM,EAAE;IAC5BO,SAAS,EAAE,KAAK,GAAG,IAAIP,MAAM,GAAG,CAAC,CAAC,GAAG;IACrCU,MAAM,EAAEb,OAAO,CAACc;EAClB,CAAC,EACD;IACEL,KAAK,EAAE,KAAK;IACZC,SAAS,EAAE,KAAK;IAChBG,MAAM,EAAEb,OAAO,CAACc;EAClB,CAAC,EACD;IACEL,KAAK,EAAE,GAAGL,MAAM,IAAID,MAAM,EAAE;IAC5BO,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC,GAAGP,MAAM,CAAC;EACpC,CAAC;AAEL,CAAC;AACD,MAAMY,mBAAmB,GAAG;EAC1BP,EAAE,EAAE,CACF;IAAEQ,OAAO,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,EACzB;IAAED,OAAO,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAK,CAAC,CAC7B;EACDN,GAAG,EAAE,CACH;IAAEK,OAAO,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAK,CAAC,EAC5B;IAAED,OAAO,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAC1B;EACDL,UAAU,EAAE,CACV;IAAEI,OAAO,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,EACzB;IAAED,OAAO,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAM,CAAC,EAC7B;IAAED,OAAO,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAI,CAAC,EAC3B;IAAED,OAAO,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;AAE7B,CAAC;AAED,eAAe,SAASC,MAAMA,CAACC,OAA8B,EAAE;EAC7D,MAAM;IACJC,KAAK;IACLC,OAAO,GAAG,GAAG;IACbC,KAAK,GAAG;EACV,CAAC,GAAGH,OAAO,CAACI,WAA4B;EACxC,MAAMV,MAAM,GAAGS,KAAK,KAAK,YAAY,GAAG,QAAQ,GAAG,WAAW;EAC9D,MAAME,IAAI,GACRF,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGH,OAAO,CAACK,IAClD;EAEtB,MAAM;IAAEpB,MAAM;IAAED;EAAO,CAAC,GACtBiB,KAAK,IAAInB,SAAS,CAACmB,KAAK,CAAC,GACrBnB,SAAS,CAACmB,KAAK,CAAC,GAChB;IAAEhB,MAAM,EAAE,CAAC,GAAGiB,OAAO;IAAElB,MAAM,EAAE,CAAC,GAAGkB;EAAQ,CAAC;EAElD,MAAMI,UAAU,GAAGlB,mBAAmB,CAACe,KAAK,CAAC,CAAClB,MAAM,EAAED,MAAM,CAAC;EAE7D,OAAO,CACL;IACE,GAAGgB,OAAO;IACVK,IAAI;IACJX,MAAM;IACNa,SAAS,EAAED;EACb,CAAC,EACD;IACE,GAAGN,OAAO;IACVK,IAAI;IACJX,MAAM;IACNa,SAAS,EAAEX,mBAAmB,CAACO,KAAK;EACtC,CAAC,CACF;AACH","ignoreList":[]}

package/dist/esm/library/scroll/TiltScroll.js

@@ -0,0 +1,126 @@
+import { cssEasings as easings } from '../../easings';
+const MAX_Y_TRAVEL = 40;
+const [ROTATION_X, ROTATION_Y, ROTATION_Z] = [10, 25, 25];
+const [UP, DOWN, ORIGINAL_LAYOUT] = [-1, 1, 0];
+const TRANSLATE_Y_POWER_MAP = {
+  soft: 0,
+  medium: 0.5,
+  hard: 1
+};
+const DIRECTIONS_MAP = {
+  right: 1,
+  left: -1
+};
+const RANGES_MAP = {
+  in: {
+    from: {
+      x: -1,
+      y: -1,
+      z: 1,
+      transY: DOWN
+    },
+    to: {
+      x: 0,
+      y: 0,
+      z: 0,
+      transY: ORIGINAL_LAYOUT
+    }
+  },
+  out: {
+    from: {
+      x: 0,
+      y: 0,
+      z: 0,
+      transY: ORIGINAL_LAYOUT
+    },
+    to: {
+      x: -1,
+      y: -1,
+      z: 1,
+      transY: UP
+    }
+  },
+  continuous: {
+    from: {
+      x: -1,
+      y: -1,
+      z: -1,
+      transY: DOWN
+    },
+    to: {
+      x: 1,
+      y: 0.5,
+      z: 1.25,
+      transY: UP
+    }
+  }
+};
+function getYTravel(distance, power) {
+  return (power && power in TRANSLATE_Y_POWER_MAP ? TRANSLATE_Y_POWER_MAP[power] : distance) * MAX_Y_TRAVEL;
+}
+function getScrubOffsets(_ref) {
+  let {
+    power,
+    range = 'in',
+    distance = 0
+  } = _ref;
+  const offset = Math.abs(getYTravel(distance, power));
+  return {
+    start: range === 'out' ? '0px' : `${-offset}vh`,
+    end: range === 'in' ? '0px' : `${offset}vh`
+  };
+}
+export default function create(options) {
+  const {
+    power,
+    distance = 0,
+    range = 'in',
+    direction = 'right'
+  } = options.namedEffect;
+  const easing = 'linear';
+  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
+  const {
+    from,
+    to
+  } = RANGES_MAP[range];
+  const dir = DIRECTIONS_MAP[direction];
+  const rotateZFrom = Math.abs(from.z) * ROTATION_Z * dir * (from.z < 0 ? -1 : 1);
+  const rotateZTo = Math.abs(to.z) * ROTATION_Z * dir * (to.z < 0 ? -1 : 1);
+  const travelY = getYTravel(distance, power);
+  const travelYFrom = travelY * from.transY;
+  const travelYTo = travelY * to.transY;
+  const rotationXFrom = from.x * ROTATION_X;
+  const rotationYFrom = from.y * ROTATION_Y;
+  const rotationXTo = to.x * ROTATION_X;
+  const rotationYTo = to.y * ROTATION_Y;
+  const {
+    start: startOffsetAdd,
+    end: endOffsetAdd
+  } = getScrubOffsets(options.namedEffect);
+  return [{
+    ...options,
+    fill,
+    easing,
+    startOffsetAdd,
+    endOffsetAdd,
+    keyframes: [{
+      transform: `perspective(400px) translateY(${travelYFrom}vh) rotateX(${rotationXFrom}deg) rotateY(${rotationYFrom}deg)`
+    }, {
+      transform: `perspective(400px) translateY(${travelYTo}vh) rotateX(${rotationXTo}deg) rotateY(${rotationYTo}deg)`
+    }]
+  }, {
+    ...options,
+    fill,
+    easing: easings.sineInOut,
+    startOffsetAdd,
+    endOffsetAdd,
+    composite: 'add',
+    // add this animation on top of the previous one
+    keyframes: [{
+      transform: `rotate(calc(var(--comp-rotate-z, 0deg) + ${rotateZFrom}deg))`
+    }, {
+      transform: `rotate(calc(var(--comp-rotate-z, 0deg) + ${rotateZTo}deg))`
+    }]
+  }];
+}
+//# sourceMappingURL=TiltScroll.js.map

package/dist/esm/library/scroll/TiltScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cssEasings","easings","MAX_Y_TRAVEL","ROTATION_X","ROTATION_Y","ROTATION_Z","UP","DOWN","ORIGINAL_LAYOUT","TRANSLATE_Y_POWER_MAP","soft","medium","hard","DIRECTIONS_MAP","right","left","RANGES_MAP","in","from","x","y","z","transY","to","out","continuous","getYTravel","distance","power","getScrubOffsets","_ref","range","offset","Math","abs","start","end","create","options","direction","namedEffect","easing","fill","dir","rotateZFrom","rotateZTo","travelY","travelYFrom","travelYTo","rotationXFrom","rotationYFrom","rotationXTo","rotationYTo","startOffsetAdd","endOffsetAdd","keyframes","transform","sineInOut","composite"],"sources":["../../../../src/library/scroll/TiltScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  TiltScroll,\n} from '../../types';\nimport { cssEasings as easings } from '../../easings';\n\nconst MAX_Y_TRAVEL = 40;\n\nconst [ROTATION_X, ROTATION_Y, ROTATION_Z] = [10, 25, 25];\nconst [UP, DOWN, ORIGINAL_LAYOUT] = [-1, 1, 0];\n\nconst TRANSLATE_Y_POWER_MAP = {\n  soft: 0,\n  medium: 0.5,\n  hard: 1,\n};\n\nconst DIRECTIONS_MAP = {\n  right: 1,\n  left: -1,\n};\n\nconst RANGES_MAP = {\n  in: {\n    from: {\n      x: -1,\n      y: -1,\n      z: 1,\n      transY: DOWN,\n    },\n    to: {\n      x: 0,\n      y: 0,\n      z: 0,\n      transY: ORIGINAL_LAYOUT,\n    },\n  },\n  out: {\n    from: {\n      x: 0,\n      y: 0,\n      z: 0,\n      transY: ORIGINAL_LAYOUT,\n    },\n    to: {\n      x: -1,\n      y: -1,\n      z: 1,\n      transY: UP,\n    },\n  },\n  continuous: {\n    from: {\n      x: -1,\n      y: -1,\n      z: -1,\n      transY: DOWN,\n    },\n    to: {\n      x: 1,\n      y: 0.5,\n      z: 1.25,\n      transY: UP,\n    },\n  },\n};\n\nfunction getYTravel(\n  distance: number,\n  power?: keyof typeof TRANSLATE_Y_POWER_MAP,\n) {\n  return (\n    (power && power in TRANSLATE_Y_POWER_MAP\n      ? TRANSLATE_Y_POWER_MAP[power]\n      : distance) * MAX_Y_TRAVEL\n  );\n}\n\nfunction getScrubOffsets({ power, range = 'in', distance = 0 }: TiltScroll) {\n  const offset = Math.abs(getYTravel(distance, power));\n\n  return {\n    start: range === 'out' ? '0px' : `${-offset}vh`,\n    end: range === 'in' ? '0px' : `${offset}vh`,\n  };\n}\n\nexport default function create(options: ScrubAnimationOptions) {\n  const {\n    power,\n    distance = 0,\n    range = 'in',\n    direction = 'right',\n  } = options.namedEffect as TiltScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const { from, to } = RANGES_MAP[range];\n\n  const dir = DIRECTIONS_MAP[direction];\n  const rotateZFrom =\n    Math.abs(from.z) * ROTATION_Z * dir * (from.z < 0 ? -1 : 1);\n  const rotateZTo = Math.abs(to.z) * ROTATION_Z * dir * (to.z < 0 ? -1 : 1);\n\n  const travelY = getYTravel(distance, power);\n  const travelYFrom = travelY * from.transY;\n  const travelYTo = travelY * to.transY;\n  const rotationXFrom = from.x * ROTATION_X;\n  const rotationYFrom = from.y * ROTATION_Y;\n  const rotationXTo = to.x * ROTATION_X;\n  const rotationYTo = to.y * ROTATION_Y;\n\n  const { start: startOffsetAdd, end: endOffsetAdd } = getScrubOffsets(\n    options.namedEffect as TiltScroll,\n  );\n\n  return [\n    {\n      ...options,\n      fill,\n      easing,\n      startOffsetAdd,\n      endOffsetAdd,\n      keyframes: [\n        {\n          transform: `perspective(400px) translateY(${travelYFrom}vh) rotateX(${rotationXFrom}deg) rotateY(${rotationYFrom}deg)`,\n        },\n        {\n          transform: `perspective(400px) translateY(${travelYTo}vh) rotateX(${rotationXTo}deg) rotateY(${rotationYTo}deg)`,\n        },\n      ],\n    },\n    {\n      ...options,\n      fill,\n      easing: easings.sineInOut,\n      startOffsetAdd,\n      endOffsetAdd,\n      composite: 'add' as const, // add this animation on top of the previous one\n      keyframes: [\n        {\n          transform: `rotate(calc(var(--comp-rotate-z, 0deg) + ${rotateZFrom}deg))`,\n        },\n        {\n          transform: `rotate(calc(var(--comp-rotate-z, 0deg) + ${rotateZTo}deg))`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/scroll/TurnScroll.js

@@ -0,0 +1,121 @@
+const ELEMENT_ROTATION = 45;
+const POWER_MAP = {
+  soft: {
+    scaleFrom: 1,
+    scaleTo: 1
+  },
+  medium: {
+    scaleFrom: 0.7,
+    scaleTo: 1.3
+  },
+  hard: {
+    scaleFrom: 0.4,
+    scaleTo: 1.6
+  }
+};
+const ROTATE_DIRECTION_MAP = {
+  clockwise: 1,
+  'counter-clockwise': -1
+};
+const TRANSLATE_X_MAP = {
+  left: {
+    startX: `calc(-1 * var(--motion-left, calc(100vw - 100%)) - 100%)`,
+    endX: `calc(100vw - var(--motion-left, 0px))`
+  },
+  right: {
+    startX: `calc(100vw - var(--motion-left, 0px))`,
+    endX: `calc(-1 * var(--motion-left, calc(100vw - 100%)) - 100%)`
+  }
+};
+const RANGES_MAP = {
+  in: (rotate, scale, travel) => ({
+    fromValues: {
+      rotation: -rotate,
+      scale: scale.scaleFrom,
+      translate: travel.startX
+    },
+    toValues: {
+      rotation: 0,
+      scale: 1,
+      translate: '0px'
+    }
+  }),
+  out: (rotate, scale, travel) => ({
+    fromValues: {
+      rotation: 0,
+      scale: 1,
+      translate: '0px'
+    },
+    toValues: {
+      rotation: rotate,
+      scale: scale.scaleFrom,
+      translate: travel.endX
+    }
+  }),
+  continuous: (rotate, scale, travel) => ({
+    fromValues: {
+      rotation: -rotate,
+      scale: scale.scaleFrom,
+      translate: travel.startX
+    },
+    toValues: {
+      rotation: rotate,
+      scale: scale.scaleTo,
+      translate: travel.endX
+    }
+  })
+};
+export default function create(options, dom) {
+  const {
+    power,
+    spin = 'clockwise',
+    direction = 'right',
+    scale = 1,
+    range = 'in'
+  } = options.namedEffect;
+  const easing = 'linear';
+  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
+  const transX = TRANSLATE_X_MAP[direction];
+  const rotateZ = ELEMENT_ROTATION * ROTATE_DIRECTION_MAP[spin];
+  const scaleFactors = power && POWER_MAP[power] ? POWER_MAP[power] : {
+    scaleFrom: scale,
+    scaleTo: scale
+  };
+  const {
+    fromValues,
+    toValues
+  } = RANGES_MAP[range](rotateZ, scaleFactors, transX);
+  let left = 0;
+  if (dom) {
+    dom.measure(target => {
+      if (!target) {
+        return;
+      }
+      left = target.getBoundingClientRect().left;
+    });
+    dom.mutate(target => {
+      target == null || target.style.setProperty('--motion-left', `${left}px`);
+    });
+  }
+  return [{
+    ...options,
+    fill,
+    easing,
+    keyframes: [{
+      transform: `translateX(${fromValues.translate}) scale(${fromValues.scale}) rotate(calc(var(--comp-rotate-z, 0deg) + ${fromValues.rotation}deg))`
+    }, {
+      transform: `translateX(${toValues.translate}) scale(${toValues.scale}) rotate(calc(var(--comp-rotate-z, 0deg) + ${toValues.rotation}deg))`
+    }]
+  }];
+  /*
+   * @keyframes <name> {
+   *   from {
+   *     transform: translateX(<fromValues.position>) scale(<fromValues.scale>) rotate(calc(<rotation> - <fromValues.rotation>));
+   *   }
+   *   to {
+   *     transform: translateX(<toValues.position>) scale(<toValues.scale>) rotate(calc(<rotation> + <toValues.rotation>));
+   *   }
+   * }
+   */
+}
+//# sourceMappingURL=TurnScroll.js.map

package/dist/esm/library/scroll/TurnScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ELEMENT_ROTATION","POWER_MAP","soft","scaleFrom","scaleTo","medium","hard","ROTATE_DIRECTION_MAP","clockwise","TRANSLATE_X_MAP","left","startX","endX","right","RANGES_MAP","in","rotate","scale","travel","fromValues","rotation","translate","toValues","out","continuous","create","options","dom","power","spin","direction","range","namedEffect","easing","fill","transX","rotateZ","scaleFactors","measure","target","getBoundingClientRect","mutate","style","setProperty","keyframes","transform"],"sources":["../../../../src/library/scroll/TurnScroll.ts"],"sourcesContent":["import type {\n  TurnScroll,\n  EffectScrollRange,\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  DomApi,\n  AnimationFillMode,\n} from '../../types';\n\nconst ELEMENT_ROTATION = 45;\n\nconst POWER_MAP = {\n  soft: { scaleFrom: 1, scaleTo: 1 },\n  medium: { scaleFrom: 0.7, scaleTo: 1.3 },\n  hard: { scaleFrom: 0.4, scaleTo: 1.6 },\n};\n\nconst ROTATE_DIRECTION_MAP = {\n  clockwise: 1,\n  'counter-clockwise': -1,\n};\n\ntype RangeValuesTurnScroll = Record<\n  EffectScrollRange,\n  (\n    rotate: number,\n    scale: { scaleFrom: number; scaleTo: number },\n    travel: { startX: string; endX: string },\n  ) => {\n    fromValues: { rotation: number; scale: number; translate: string };\n    toValues: { rotation: number; scale: number; translate: string };\n  }\n>;\n\nconst TRANSLATE_X_MAP = {\n  left: {\n    startX: `calc(-1 * var(--motion-left, calc(100vw - 100%)) - 100%)`,\n    endX: `calc(100vw - var(--motion-left, 0px))`,\n  },\n  right: {\n    startX: `calc(100vw - var(--motion-left, 0px))`,\n    endX: `calc(-1 * var(--motion-left, calc(100vw - 100%)) - 100%)`,\n  },\n};\n\nconst RANGES_MAP: RangeValuesTurnScroll = {\n  in: (rotate, scale, travel) => ({\n    fromValues: {\n      rotation: -rotate,\n      scale: scale.scaleFrom,\n      translate: travel.startX,\n    },\n    toValues: { rotation: 0, scale: 1, translate: '0px' },\n  }),\n  out: (rotate, scale, travel) => ({\n    fromValues: { rotation: 0, scale: 1, translate: '0px' },\n    toValues: {\n      rotation: rotate,\n      scale: scale.scaleFrom,\n      translate: travel.endX,\n    },\n  }),\n  continuous: (rotate, scale, travel) => ({\n    fromValues: {\n      rotation: -rotate,\n      scale: scale.scaleFrom,\n      translate: travel.startX,\n    },\n    toValues: {\n      rotation: rotate,\n      scale: scale.scaleTo,\n      translate: travel.endX,\n    },\n  }),\n};\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n  dom?: DomApi,\n) {\n  const {\n    power,\n    spin = 'clockwise',\n    direction = 'right',\n    scale = 1,\n    range = 'in',\n  } = options.namedEffect as TurnScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const transX = TRANSLATE_X_MAP[direction];\n  const rotateZ = ELEMENT_ROTATION * ROTATE_DIRECTION_MAP[spin];\n  const scaleFactors =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : { scaleFrom: scale, scaleTo: scale };\n\n  const { fromValues, toValues } = RANGES_MAP[range](\n    rotateZ,\n    scaleFactors,\n    transX,\n  );\n\n  let left = 0;\n  if (dom) {\n    dom.measure((target) => {\n      if (!target) {\n        return;\n      }\n      left = target.getBoundingClientRect().left;\n    });\n    dom.mutate((target) => {\n      target?.style.setProperty('--motion-left', `${left}px`);\n    });\n  }\n\n  return [\n    {\n      ...options,\n      fill,\n      easing,\n      keyframes: [\n        {\n          transform: `translateX(${fromValues.translate}) scale(${fromValues.scale}) rotate(calc(var(--comp-rotate-z, 0deg) + ${fromValues.rotation}deg))`,\n        },\n        {\n          transform: `translateX(${toValues.translate}) scale(${toValues.scale}) rotate(calc(var(--comp-rotate-z, 0deg) + ${toValues.rotation}deg))`,\n        },\n      ],\n    },\n  ];\n  /*\n   * @keyframes <name> {\n   *   from {\n   *     transform: translateX(<fromValues.position>) scale(<fromValues.scale>) rotate(calc(<rotation> - <fromValues.rotation>));\n   *   }\n   *   to {\n   *     transform: translateX(<toValues.position>) scale(<toValues.scale>) rotate(calc(<rotation> + <toValues.rotation>));\n   *   }\n   * }\n   */\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/scroll/index.js

@@ -0,0 +1,41 @@
+import ArcScroll from './ArcScroll';
+import BlurScroll from './BlurScroll';
+import FadeScroll from './FadeScroll';
+import FlipScroll from './FlipScroll';
+import GrowScroll from './GrowScroll';
+import MoveScroll from './MoveScroll';
+import PanScroll from './PanScroll';
+import ParallaxScroll from './ParallaxScroll';
+import RevealScroll from './RevealScroll';
+import ShapeScroll from './ShapeScroll';
+import ShuttersScroll from './ShuttersScroll';
+import ShrinkScroll from './ShrinkScroll';
+import SkewPanScroll from './SkewPanScroll';
+import SlideScroll from './SlideScroll';
+import Spin3dScroll from './Spin3dScroll';
+import SpinScroll from './SpinScroll';
+import StretchScroll from './StretchScroll';
+import TiltScroll from './TiltScroll';
+import TurnScroll from './TurnScroll';
+export const scrollAnimations = {
+  ArcScroll,
+  BlurScroll,
+  FadeScroll,
+  FlipScroll,
+  GrowScroll,
+  MoveScroll,
+  PanScroll,
+  ParallaxScroll,
+  RevealScroll,
+  ShapeScroll,
+  ShuttersScroll,
+  ShrinkScroll,
+  SkewPanScroll,
+  SlideScroll,
+  Spin3dScroll,
+  SpinScroll,
+  StretchScroll,
+  TiltScroll,
+  TurnScroll
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/library/scroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ArcScroll","BlurScroll","FadeScroll","FlipScroll","GrowScroll","MoveScroll","PanScroll","ParallaxScroll","RevealScroll","ShapeScroll","ShuttersScroll","ShrinkScroll","SkewPanScroll","SlideScroll","Spin3dScroll","SpinScroll","StretchScroll","TiltScroll","TurnScroll","scrollAnimations"],"sources":["../../../../src/library/scroll/index.ts"],"sourcesContent":["import ArcScroll from './ArcScroll';\nimport BlurScroll from './BlurScroll';\nimport FadeScroll from './FadeScroll';\nimport FlipScroll from './FlipScroll';\nimport GrowScroll from './GrowScroll';\nimport MoveScroll from './MoveScroll';\nimport PanScroll from './PanScroll';\nimport ParallaxScroll from './ParallaxScroll';\nimport RevealScroll from './RevealScroll';\nimport ShapeScroll from './ShapeScroll';\nimport ShuttersScroll from './ShuttersScroll';\nimport ShrinkScroll from './ShrinkScroll';\nimport SkewPanScroll from './SkewPanScroll';\nimport SlideScroll from './SlideScroll';\nimport Spin3dScroll from './Spin3dScroll';\nimport SpinScroll from './SpinScroll';\nimport StretchScroll from './StretchScroll';\nimport TiltScroll from './TiltScroll';\nimport TurnScroll from './TurnScroll';\nimport type { ScrollAnimations } from '../../types';\n\nexport const scrollAnimations: ScrollAnimations = {\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,\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AACnC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AAGrC,OAAO,MAAMC,gBAAkC,GAAG;EAChDnB,SAAS;EACTC,UAAU;EACVC,UAAU;EACVC,UAAU;EACVC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC,WAAW;EACXC,cAAc;EACdC,YAAY;EACZC,aAAa;EACbC,WAAW;EACXC,YAAY;EACZC,UAAU;EACVC,aAAa;EACbC,UAAU;EACVC;AACF,CAAC","ignoreList":[]}

package/dist/esm/library/scroll/test/testUtils.js

@@ -0,0 +1,5 @@
+export const baseMockOptions = {
+  id: 'test-id',
+  type: 'ScrubAnimationOptions'
+};
+//# sourceMappingURL=testUtils.js.map

package/dist/esm/library/scroll/test/testUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["baseMockOptions","id","type"],"sources":["../../../../../src/library/scroll/test/testUtils.ts"],"sourcesContent":["import { ScrubAnimationOptions } from '../../../types';\n\nexport const baseMockOptions: ScrubAnimationOptions = {\n  id: 'test-id',\n  type: 'ScrubAnimationOptions',\n};\n"],"mappings":"AAEA,OAAO,MAAMA,eAAsC,GAAG;EACpDC,EAAE,EAAE,SAAS;EACbC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

package/dist/esm/motion.js

@@ -0,0 +1,124 @@
+import { AnimationGroup } from './AnimationGroup';
+import { getEasing, getJsEasing } from './utils';
+import { getWebAnimation } from './api/webAnimations';
+import { getCSSAnimation } from './api/cssAnimations';
+import { prepareAnimation } from './api/prepare';
+import { getElement, getNamedEffect } from './api/common';
+function getElementCSSAnimation(target, animationOptions) {
+  const namedEffect = getNamedEffect(animationOptions);
+  if (!namedEffect) {
+    return null;
+  }
+  if (!namedEffect.style) {
+    // if this named effect does not have a style method, attempt to get group of Web Animations
+    if (animationOptions.effectId && target) {
+      return getElementAnimation(target, animationOptions.effectId);
+    }
+    return null;
+  }
+  const effectNames = namedEffect.getNames(animationOptions);
+  const element = typeof target === 'string' ? getElement(target) : target;
+  const animations = element == null ? void 0 : element.getAnimations();
+  const animationNames = (animations == null ? void 0 : animations.map(anim => anim.animationName)) || [];
+  const filteredAnimations = [];
+  effectNames.forEach(name => {
+    if (animationNames.includes(name)) {
+      filteredAnimations.push(animations == null ? void 0 : animations.find(anim => anim.animationName === name));
+    }
+  });
+  return filteredAnimations != null && filteredAnimations.length ? new AnimationGroup(filteredAnimations) : null;
+}
+function getElementAnimation(target, effectId) {
+  const element = typeof target === 'string' ? getElement(target) : target;
+  // somehow get the right animations
+  const animations = element == null ? void 0 : element.getAnimations().filter(anim => {
+    const id = anim.id || anim.animationName;
+    // if no id/name just return all animations
+    return id ? id.startsWith(effectId) : true;
+  });
+  return animations != null && animations.length ? new AnimationGroup(animations) : null;
+}
+function getScrubScene(target, animationOptions, trigger, sceneOptions) {
+  if (sceneOptions === void 0) {
+    sceneOptions = {};
+  }
+  const {
+    disabled,
+    allowActiveEvent,
+    ...rest
+  } = sceneOptions;
+  const animation = getWebAnimation(target, animationOptions, trigger, rest);
+  let typeSpecificOptions = {};
+  if (trigger.trigger === 'view-progress' && !window.ViewTimeline) {
+    // TODO(ameerf): consider doing this only for bgscrub to not affect the other scroll effects
+    const viewSource = trigger.element || getElement(trigger.componentId);
+    const {
+      ready
+    } = animation;
+    return animation.animations.map(partialAnimation => {
+      return {
+        /* we use getters for start and end in order to access the animation's start and end
+           only when initializing the scrub scene rather than immediately */
+        get start() {
+          return partialAnimation.start;
+        },
+        get end() {
+          return partialAnimation.end;
+        },
+        viewSource,
+        ready,
+        getProgress() {
+          return animation.getProgress();
+        },
+        effect(__, p) {
+          const {
+            activeDuration
+          } = partialAnimation.effect.getComputedTiming();
+          const {
+            delay
+          } = partialAnimation.effect.getTiming();
+          partialAnimation.currentTime = ((delay || 0) + (activeDuration || 0)) * p;
+        },
+        disabled,
+        destroy() {
+          partialAnimation.cancel();
+        }
+      };
+    });
+  } else if (trigger.trigger === 'pointer-move') {
+    const {
+      centeredToTarget,
+      transitionDuration,
+      transitionEasing
+    } = animationOptions;
+    typeSpecificOptions = {
+      target: animation.target,
+      centeredToTarget,
+      allowActiveEvent
+    };
+    if (animationOptions.customEffect && transitionDuration) {
+      typeSpecificOptions.transitionDuration = transitionDuration;
+      typeSpecificOptions.transitionEasing = getJsEasing(transitionEasing);
+    }
+  }
+  return {
+    ...typeSpecificOptions,
+    getProgress() {
+      return animation.getProgress();
+    },
+    effect(__, p, v, active) {
+      animation.progress(v ? {
+        // @ts-expect-error spread error on p
+        ...p,
+        v,
+        active
+      } : p);
+    },
+    disabled,
+    destroy() {
+      animation.cancel();
+    }
+  };
+}
+export { getCSSAnimation, getWebAnimation, getElementCSSAnimation, getElementAnimation, getScrubScene, prepareAnimation, getEasing };
+//# sourceMappingURL=motion.js.map

package/dist/esm/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AnimationGroup","getEasing","getJsEasing","getWebAnimation","getCSSAnimation","prepareAnimation","getElement","getNamedEffect","getElementCSSAnimation","target","animationOptions","namedEffect","style","effectId","getElementAnimation","effectNames","getNames","element","animations","getAnimations","animationNames","map","anim","animationName","filteredAnimations","forEach","name","includes","push","find","length","filter","id","startsWith","getScrubScene","trigger","sceneOptions","disabled","allowActiveEvent","rest","animation","typeSpecificOptions","window","ViewTimeline","viewSource","componentId","ready","partialAnimation","start","end","getProgress","effect","__","p","activeDuration","getComputedTiming","delay","getTiming","currentTime","destroy","cancel","centeredToTarget","transitionDuration","transitionEasing","customEffect","v","active","progress"],"sources":["../../src/motion.ts"],"sourcesContent":["import type {\n  AnimationOptions,\n  ScrubAnimationOptions,\n  TriggerVariant,\n  MouseAnimationInstance,\n  AnimationEffectAPI,\n  CustomMouseAnimationInstance,\n  ScrubScrollScene,\n  ScrubPointerScene,\n} from './types';\nimport { AnimationGroup } from './AnimationGroup';\nimport { getEasing, getJsEasing } from './utils';\nimport { getWebAnimation } from './api/webAnimations';\nimport { getCSSAnimation } from './api/cssAnimations';\nimport { prepareAnimation } from './api/prepare';\nimport { getElement, getNamedEffect } from './api/common';\n\nfunction getElementCSSAnimation(\n  target: HTMLElement | string | null,\n  animationOptions: AnimationOptions,\n): AnimationGroup | null {\n  const namedEffect = getNamedEffect(\n    animationOptions,\n  ) as AnimationEffectAPI<any> | null;\n\n  if (!namedEffect) {\n    return null;\n  }\n\n  if (!namedEffect.style) {\n    // if this named effect does not have a style method, attempt to get group of Web Animations\n    if (animationOptions.effectId && target) {\n      return getElementAnimation(target, animationOptions.effectId);\n    }\n\n    return null;\n  }\n\n  const effectNames = namedEffect.getNames(animationOptions);\n  const element = typeof target === 'string' ? getElement(target) : target;\n  const animations = element?.getAnimations();\n  const animationNames =\n    animations?.map((anim) => (anim as CSSAnimation).animationName) ||\n    ([] as string[]);\n  const filteredAnimations: CSSAnimation[] = [];\n\n  effectNames.forEach((name) => {\n    if (animationNames.includes(name)) {\n      filteredAnimations.push(\n        animations?.find(\n          (anim) => (anim as CSSAnimation).animationName === name,\n        ) as CSSAnimation,\n      );\n    }\n  });\n\n  return filteredAnimations?.length\n    ? new AnimationGroup(filteredAnimations)\n    : null;\n}\n\nfunction getElementAnimation(\n  target: HTMLElement | string,\n  effectId: string,\n): AnimationGroup | null {\n  const element = typeof target === 'string' ? getElement(target) : target;\n  // somehow get the right animations\n  const animations = element\n    ?.getAnimations()\n    .filter((anim: Animation | CSSAnimation) => {\n      const id = anim.id || (anim as CSSAnimation).animationName;\n      // if no id/name just return all animations\n      return id ? id.startsWith(effectId) : true;\n    });\n\n  return animations?.length ? new AnimationGroup(animations) : null;\n}\n\nfunction getScrubScene(\n  target: HTMLElement | string | null,\n  animationOptions: AnimationOptions,\n  trigger: Partial<TriggerVariant> & { element?: HTMLElement },\n  sceneOptions: Record<string, any> = {},\n): ScrubScrollScene[] | ScrubPointerScene {\n  const { disabled, allowActiveEvent, ...rest } = sceneOptions;\n  const animation = getWebAnimation(target, animationOptions, trigger, rest);\n\n  let typeSpecificOptions = {} as Record<string, any>;\n\n  if (trigger.trigger === 'view-progress' && !window.ViewTimeline) {\n    // TODO(ameerf): consider doing this only for bgscrub to not affect the other scroll effects\n    const viewSource = trigger.element || getElement(trigger.componentId!);\n    const { ready } = animation as AnimationGroup;\n\n    return (animation as AnimationGroup).animations.map((partialAnimation) => {\n      return {\n        /* we use getters for start and end in order to access the animation's start and end\n           only when initializing the scrub scene rather than immediately */\n        get start() {\n          return partialAnimation.start;\n        },\n        get end() {\n          return partialAnimation.end;\n        },\n        viewSource,\n        ready,\n        getProgress() {\n          return (animation as AnimationGroup).getProgress();\n        },\n        effect(__: any, p: number) {\n          const { activeDuration } =\n            partialAnimation.effect!.getComputedTiming();\n          const { delay } = partialAnimation.effect!.getTiming();\n\n          partialAnimation.currentTime =\n            ((delay || 0) + ((activeDuration as number) || 0)) * p;\n        },\n        disabled,\n        destroy() {\n          partialAnimation.cancel();\n        },\n      } as ScrubScrollScene;\n    });\n  } else if (trigger.trigger === 'pointer-move') {\n    const { centeredToTarget, transitionDuration, transitionEasing } =\n      animationOptions as ScrubAnimationOptions;\n\n    typeSpecificOptions = {\n      target: (animation as MouseAnimationInstance).target,\n      centeredToTarget,\n      allowActiveEvent,\n    };\n\n    if (animationOptions.customEffect && transitionDuration) {\n      typeSpecificOptions.transitionDuration = transitionDuration;\n      typeSpecificOptions.transitionEasing = getJsEasing(transitionEasing);\n    }\n  }\n\n  return {\n    ...typeSpecificOptions,\n    getProgress() {\n      return (\n        animation as AnimationGroup | CustomMouseAnimationInstance\n      ).getProgress();\n    },\n    effect(\n      __: any,\n      p: number | { x: number; y: number },\n      v?: { x: number; y: number },\n      active?: boolean,\n    ) {\n      animation.progress(\n        v\n          ? {\n              // @ts-expect-error spread error on p\n              ...p,\n              v,\n              active,\n            }\n          : p,\n      );\n    },\n    disabled,\n    destroy() {\n      animation.cancel();\n    },\n  } as ScrubPointerScene;\n}\n\nexport {\n  getCSSAnimation,\n  getWebAnimation,\n  getElementCSSAnimation,\n  getElementAnimation,\n  getScrubScene,\n  prepareAnimation,\n  getEasing,\n};\n\nexport type { AnimationGroup };\n"],"mappings":"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","ignoreList":[]}