@wix/motion 1.0.73 → 1.572.0

package/dist/cjs/library/scroll/Spin3dScroll.js

@@ -0,0 +1,119 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+const MAX_Y_TRAVEL = 40;
+const POWER_MAP = {
+  soft: {
+    rotationZ: 45,
+    travelY: 0
+  },
+  medium: {
+    rotationZ: 100,
+    travelY: 0.5
+  },
+  hard: {
+    rotationZ: 200,
+    travelY: 1
+  }
+};
+const RANGES_MAP = {
+  in: (rotation, travelY) => ({
+    fromValues: {
+      rotationX: -2 * rotation,
+      rotationY: -rotation,
+      rotationZ: -rotation,
+      travel: travelY
+    },
+    toValues: {
+      rotationX: 0,
+      rotationY: 0,
+      rotationZ: 0,
+      travel: 0
+    }
+  }),
+  out: (rotation, travelY) => ({
+    fromValues: {
+      rotationX: 0,
+      rotationY: 0,
+      rotationZ: 0,
+      travel: 0
+    },
+    toValues: {
+      rotationX: rotation * 3,
+      rotationY: rotation * 2,
+      rotationZ: rotation,
+      travel: -travelY
+    }
+  }),
+  continuous: (rotation, travelY) => ({
+    fromValues: {
+      rotationX: -2 * rotation,
+      rotationY: -rotation,
+      rotationZ: -rotation,
+      travel: travelY
+    },
+    toValues: {
+      rotationX: rotation * 1.8,
+      rotationY: rotation,
+      rotationZ: 2 * rotation,
+      travel: -travelY
+    }
+  })
+};
+function getScrubOffsets({
+  power,
+  range = 'in',
+  speed = 0
+}) {
+  const offset = (power && POWER_MAP[power] ? POWER_MAP[power].travelY : Math.abs(speed)) * MAX_Y_TRAVEL;
+  return {
+    start: range === 'out' ? '0px' : `${-offset}vh`,
+    end: range === 'in' ? '0px' : `${offset}vh`
+  };
+}
+function create(options) {
+  const {
+    rotate = -100,
+    power,
+    range = 'in',
+    speed = 0
+  } = options.namedEffect;
+  const easing = 'linear';
+  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
+  const initialParams = power && POWER_MAP[power] ? POWER_MAP[power] : {
+    rotationZ: rotate,
+    travelY: speed
+  };
+  const {
+    fromValues,
+    toValues
+  } = RANGES_MAP[range](initialParams.rotationZ, initialParams.travelY * -MAX_Y_TRAVEL);
+  const {
+    start: startOffsetAdd,
+    end: endOffsetAdd
+  } = getScrubOffsets(options.namedEffect);
+  return [{
+    ...options,
+    fill,
+    easing,
+    startOffsetAdd,
+    endOffsetAdd,
+    keyframes: [{
+      transform: `perspective(1000px) translateY(${fromValues.travel}vh) rotateZ(calc(var(--comp-rotate-z, 0deg) + ${fromValues.rotationZ}deg)) rotateY(${fromValues.rotationY}deg) rotateX(${fromValues.rotationX}deg)`
+    }, {
+      transform: `perspective(1000px) translateY(${toValues.travel}vh) rotateZ(calc(var(--comp-rotate-z, 0deg) + ${toValues.rotationZ}deg)) rotateY(${toValues.rotationY}deg) rotateX(${toValues.rotationX}deg)`
+    }]
+  }];
+  /*
+   * @keyframes <name> {
+   *   from {
+   *     transform: perspective(1000px) translateY(<fromValue.travel>vh) rotateZ(<fromValue.rotateZ> + <rotation>) rotateY(<fromValue.rotateY>deg) rotateX(<fromValue.rotateX>deg);
+   *   }
+   *   to {
+   *     transform: perspective(1000px) translateY(<toValue.travel>vh) rotateZ(<fromValue.rotateZ> + <rotation>) rotateY(<toValue.rotateY>deg) rotateX(<toValue.rotateX>deg);
+   *   }
+   * }
+   */
+}
+//# sourceMappingURL=Spin3dScroll.js.map

package/dist/cjs/library/scroll/Spin3dScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAX_Y_TRAVEL","POWER_MAP","soft","rotationZ","travelY","medium","hard","RANGES_MAP","in","rotation","fromValues","rotationX","rotationY","travel","toValues","out","continuous","getScrubOffsets","power","range","speed","offset","Math","abs","start","end","create","options","rotate","namedEffect","easing","fill","initialParams","startOffsetAdd","endOffsetAdd","keyframes","transform"],"sources":["../../../../src/library/scroll/Spin3dScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  Spin3dScroll,\n} from '../../types';\n\nconst MAX_Y_TRAVEL = 40;\n\nconst POWER_MAP = {\n  soft: { rotationZ: 45, travelY: 0 },\n  medium: { rotationZ: 100, travelY: 0.5 },\n  hard: { rotationZ: 200, travelY: 1 },\n};\n\nconst RANGES_MAP = {\n  in: (rotation: number, travelY: number) => ({\n    fromValues: {\n      rotationX: -2 * rotation,\n      rotationY: -rotation,\n      rotationZ: -rotation,\n      travel: travelY,\n    },\n    toValues: {\n      rotationX: 0,\n      rotationY: 0,\n      rotationZ: 0,\n      travel: 0,\n    },\n  }),\n  out: (rotation: number, travelY: number) => ({\n    fromValues: {\n      rotationX: 0,\n      rotationY: 0,\n      rotationZ: 0,\n      travel: 0,\n    },\n    toValues: {\n      rotationX: rotation * 3,\n      rotationY: rotation * 2,\n      rotationZ: rotation,\n      travel: -travelY,\n    },\n  }),\n  continuous: (rotation: number, travelY: number) => ({\n    fromValues: {\n      rotationX: -2 * rotation,\n      rotationY: -rotation,\n      rotationZ: -rotation,\n      travel: travelY,\n    },\n    toValues: {\n      rotationX: rotation * 1.8,\n      rotationY: rotation,\n      rotationZ: 2 * rotation,\n      travel: -travelY,\n    },\n  }),\n};\n\nfunction getScrubOffsets({ power, range = 'in', speed = 0 }: Spin3dScroll) {\n  const offset =\n    (power && POWER_MAP[power] ? POWER_MAP[power].travelY : Math.abs(speed)) *\n    MAX_Y_TRAVEL;\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    rotate = -100,\n    power,\n    range = 'in',\n    speed = 0,\n  } = options.namedEffect as Spin3dScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const initialParams =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : { rotationZ: rotate, travelY: speed };\n\n  const { fromValues, toValues } = RANGES_MAP[range](\n    initialParams.rotationZ,\n    initialParams.travelY * -MAX_Y_TRAVEL,\n  );\n\n  const { start: startOffsetAdd, end: endOffsetAdd } = getScrubOffsets(\n    options.namedEffect as Spin3dScroll,\n  );\n\n  return [\n    {\n      ...options,\n      fill,\n      easing,\n      startOffsetAdd,\n      endOffsetAdd,\n      keyframes: [\n        {\n          transform: `perspective(1000px) translateY(${fromValues.travel}vh) rotateZ(calc(var(--comp-rotate-z, 0deg) + ${fromValues.rotationZ}deg)) rotateY(${fromValues.rotationY}deg) rotateX(${fromValues.rotationX}deg)`,\n        },\n        {\n          transform: `perspective(1000px) translateY(${toValues.travel}vh) rotateZ(calc(var(--comp-rotate-z, 0deg) + ${toValues.rotationZ}deg)) rotateY(${toValues.rotationY}deg) rotateX(${toValues.rotationX}deg)`,\n        },\n      ],\n    },\n  ];\n  /*\n   * @keyframes <name> {\n   *   from {\n   *     transform: perspective(1000px) translateY(<fromValue.travel>vh) rotateZ(<fromValue.rotateZ> + <rotation>) rotateY(<fromValue.rotateY>deg) rotateX(<fromValue.rotateX>deg);\n   *   }\n   *   to {\n   *     transform: perspective(1000px) translateY(<toValue.travel>vh) rotateZ(<fromValue.rotateZ> + <rotation>) rotateY(<toValue.rotateY>deg) rotateX(<toValue.rotateX>deg);\n   *   }\n   * }\n   */\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+const POWER_MAP = {
+  soft: 1,
+  medium: 0.7,
+  hard: 0.4
+};
+const DIRECTION_MAP = {
+  clockwise: 1,
+  'counter-clockwise': -1
+};
+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/cjs/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;AAEc,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/cjs/library/scroll/StretchScroll.js

@@ -0,0 +1,105 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _easings = require("../../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.cssEasings.backInOut
+  }, {
+    scale: '1 1',
+    translate: '0 0',
+    easing: _easings.cssEasings.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
+  }]
+};
+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/cjs/library/scroll/StretchScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_easings","require","POWER_MAP","soft","scaleY","scaleX","medium","hard","KEYFRAMES_RANGE_MAP","in","scale","translate","out","continuous","easing","easings","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":"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","ignoreList":[]}

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

@@ -0,0 +1,129 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _easings = require("../../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({
+  power,
+  range = 'in',
+  distance = 0
+}) {
+  const offset = Math.abs(getYTravel(distance, power));
+  return {
+    start: range === 'out' ? '0px' : `${-offset}vh`,
+    end: range === 'in' ? '0px' : `${offset}vh`
+  };
+}
+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.cssEasings.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/cjs/library/scroll/TiltScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_easings","require","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","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","easings","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/cjs/library/scroll/TurnScroll.js

@@ -0,0 +1,125 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+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
+    }
+  })
+};
+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/cjs/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/cjs/library/scroll/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.scrollAnimations = void 0;
+var _ArcScroll = _interopRequireDefault(require("./ArcScroll"));
+var _BlurScroll = _interopRequireDefault(require("./BlurScroll"));
+var _FadeScroll = _interopRequireDefault(require("./FadeScroll"));
+var _FlipScroll = _interopRequireDefault(require("./FlipScroll"));
+var _GrowScroll = _interopRequireDefault(require("./GrowScroll"));
+var _MoveScroll = _interopRequireDefault(require("./MoveScroll"));
+var _PanScroll = _interopRequireDefault(require("./PanScroll"));
+var _ParallaxScroll = _interopRequireDefault(require("./ParallaxScroll"));
+var _RevealScroll = _interopRequireDefault(require("./RevealScroll"));
+var _ShapeScroll = _interopRequireDefault(require("./ShapeScroll"));
+var _ShuttersScroll = _interopRequireDefault(require("./ShuttersScroll"));
+var _ShrinkScroll = _interopRequireDefault(require("./ShrinkScroll"));
+var _SkewPanScroll = _interopRequireDefault(require("./SkewPanScroll"));
+var _SlideScroll = _interopRequireDefault(require("./SlideScroll"));
+var _Spin3dScroll = _interopRequireDefault(require("./Spin3dScroll"));
+var _SpinScroll = _interopRequireDefault(require("./SpinScroll"));
+var _StretchScroll = _interopRequireDefault(require("./StretchScroll"));
+var _TiltScroll = _interopRequireDefault(require("./TiltScroll"));
+var _TurnScroll = _interopRequireDefault(require("./TurnScroll"));
+const scrollAnimations = exports.scrollAnimations = {
+  ArcScroll: _ArcScroll.default,
+  BlurScroll: _BlurScroll.default,
+  FadeScroll: _FadeScroll.default,
+  FlipScroll: _FlipScroll.default,
+  GrowScroll: _GrowScroll.default,
+  MoveScroll: _MoveScroll.default,
+  PanScroll: _PanScroll.default,
+  ParallaxScroll: _ParallaxScroll.default,
+  RevealScroll: _RevealScroll.default,
+  ShapeScroll: _ShapeScroll.default,
+  ShuttersScroll: _ShuttersScroll.default,
+  ShrinkScroll: _ShrinkScroll.default,
+  SkewPanScroll: _SkewPanScroll.default,
+  SlideScroll: _SlideScroll.default,
+  Spin3dScroll: _Spin3dScroll.default,
+  SpinScroll: _SpinScroll.default,
+  StretchScroll: _StretchScroll.default,
+  TiltScroll: _TiltScroll.default,
+  TurnScroll: _TurnScroll.default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ArcScroll","_interopRequireDefault","require","_BlurScroll","_FadeScroll","_FlipScroll","_GrowScroll","_MoveScroll","_PanScroll","_ParallaxScroll","_RevealScroll","_ShapeScroll","_ShuttersScroll","_ShrinkScroll","_SkewPanScroll","_SlideScroll","_Spin3dScroll","_SpinScroll","_StretchScroll","_TiltScroll","_TurnScroll","scrollAnimations","exports","ArcScroll","BlurScroll","FadeScroll","FlipScroll","GrowScroll","MoveScroll","PanScroll","ParallaxScroll","RevealScroll","ShapeScroll","ShuttersScroll","ShrinkScroll","SkewPanScroll","SlideScroll","Spin3dScroll","SpinScroll","StretchScroll","TiltScroll","TurnScroll"],"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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,UAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,eAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,aAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,YAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,eAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,aAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,cAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,YAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,aAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,WAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,cAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,WAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,WAAA,GAAAnB,sBAAA,CAAAC,OAAA;AAGO,MAAMmB,gBAAkC,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAChDE,SAAS,EAATA,kBAAS;EACTC,UAAU,EAAVA,mBAAU;EACVC,UAAU,EAAVA,mBAAU;EACVC,UAAU,EAAVA,mBAAU;EACVC,UAAU,EAAVA,mBAAU;EACVC,UAAU,EAAVA,mBAAU;EACVC,SAAS,EAATA,kBAAS;EACTC,cAAc,EAAdA,uBAAc;EACdC,YAAY,EAAZA,qBAAY;EACZC,WAAW,EAAXA,oBAAW;EACXC,cAAc,EAAdA,uBAAc;EACdC,YAAY,EAAZA,qBAAY;EACZC,aAAa,EAAbA,sBAAa;EACbC,WAAW,EAAXA,oBAAW;EACXC,YAAY,EAAZA,qBAAY;EACZC,UAAU,EAAVA,mBAAU;EACVC,aAAa,EAAbA,sBAAa;EACbC,UAAU,EAAVA,mBAAU;EACVC,UAAU,EAAVA;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.baseMockOptions = void 0;
+const baseMockOptions = exports.baseMockOptions = {
+  id: 'test-id',
+  type: 'ScrubAnimationOptions'
+};
+//# sourceMappingURL=testUtils.js.map