@wix/motion 1.660.0 → 1.662.0

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

@@ -1,79 +1,25 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = create;
+exports.getNames = getNames;
+exports.style = style;
+exports.web = web;
 var _easings = require("../../easings");
+var _utils = require("../../utils");
 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 getNames(_) {
+  return ['motion-tiltScrollTranslate', 'motion-tiltScrollRotate'];
 }
-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 web(options, _dom) {
+  return style(options, true);
 }
-function create(options) {
+function style(options, asWeb = false) {
   const {
     power,
     distance = 0,
@@ -82,47 +28,60 @@ function create(options) {
   } = 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);
+  const travelY = MAX_Y_TRAVEL * (power && power in TRANSLATE_Y_POWER_MAP ? TRANSLATE_Y_POWER_MAP[power] : distance);
+  const dir = direction === 'left' ? -1 : 1;
+  const from = {
+    x: ROTATION_X * (range === 'out' ? 0 : -1),
+    y: ROTATION_Y * (range === 'out' ? 0 : -1),
+    z: ROTATION_Z * dir * (range === 'out' ? 0 : range === 'in' ? 1 : -1),
+    transY: range === 'out' ? 0 : travelY
+  };
+  const to = {
+    x: ROTATION_X * (range === 'in' ? 0 : range === 'out' ? -1 : 1),
+    y: ROTATION_Y * (range === 'in' ? 0 : range === 'out' ? -1 : 0.5),
+    z: ROTATION_Z * dir * (range === 'in' ? 0 : range === 'out' ? 1 : 1.25),
+    transY: range === 'in' ? 0 : -1 * travelY
+  };
+  const startOffsetAdd = range === 'out' ? '0px' : `${-1 * Math.abs(travelY)}vh`;
+  const endOffsetAdd = range === 'in' ? '0px' : `${Math.abs(travelY)}vh`;
+  const [tiltScrollTranslate, tiltScrollRotate] = getNames(options);
+  const custom = {
+    '--motion-tilt-y-from': `${from.transY}vh`,
+    '--motion-tilt-y-to': `${to.transY}vh`,
+    '--motion-tilt-x-from': `${from.x}deg`,
+    '--motion-tilt-x-to': `${to.x}deg`,
+    '--motion-tilt-y-rot-from': `${from.y}deg`,
+    '--motion-tilt-y-rot-to': `${to.y}deg`,
+    '--motion-tilt-z-from': `${from.z}deg`,
+    '--motion-tilt-z-to': `${to.z}deg`
+  };
   return [{
     ...options,
+    name: tiltScrollTranslate,
     fill,
     easing,
     startOffsetAdd,
     endOffsetAdd,
+    custom,
     keyframes: [{
-      transform: `perspective(400px) translateY(${travelYFrom}vh) rotateX(${rotationXFrom}deg) rotateY(${rotationYFrom}deg)`
+      transform: `perspective(400px) translateY(${(0, _utils.toKeyframeValue)(custom, '--motion-tilt-y-from', asWeb)}) rotateX(${(0, _utils.toKeyframeValue)(custom, '--motion-tilt-x-from', asWeb)}) rotateY(${(0, _utils.toKeyframeValue)(custom, '--motion-tilt-y-rot-from', asWeb)})`
     }, {
-      transform: `perspective(400px) translateY(${travelYTo}vh) rotateX(${rotationXTo}deg) rotateY(${rotationYTo}deg)`
+      transform: `perspective(400px) translateY(${(0, _utils.toKeyframeValue)(custom, '--motion-tilt-y-to', asWeb)}) rotateX(${(0, _utils.toKeyframeValue)(custom, '--motion-tilt-x-to', asWeb)}) rotateY(${(0, _utils.toKeyframeValue)(custom, '--motion-tilt-y-rot-to', asWeb)})`
     }]
   }, {
     ...options,
+    name: tiltScrollRotate,
     fill,
     easing: _easings.cssEasings.sineInOut,
     startOffsetAdd,
     endOffsetAdd,
     composite: 'add',
     // add this animation on top of the previous one
+    custom,
     keyframes: [{
-      transform: `rotate(calc(var(--comp-rotate-z, 0deg) + ${rotateZFrom}deg))`
+      transform: `rotate(calc(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')} + ${(0, _utils.toKeyframeValue)(custom, '--motion-tilt-z-from', asWeb)}))`
     }, {
-      transform: `rotate(calc(var(--comp-rotate-z, 0deg) + ${rotateZTo}deg))`
+      transform: `rotate(calc(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')} + ${(0, _utils.toKeyframeValue)(custom, '--motion-tilt-z-to', asWeb)}))`
     }]
   }];
 }

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

@@ -1 +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":[]}
+{"version":3,"names":["_easings","require","_utils","MAX_Y_TRAVEL","ROTATION_X","ROTATION_Y","ROTATION_Z","TRANSLATE_Y_POWER_MAP","soft","medium","hard","getNames","_","web","options","_dom","style","asWeb","power","distance","range","direction","namedEffect","easing","fill","travelY","dir","from","x","y","z","transY","to","startOffsetAdd","Math","abs","endOffsetAdd","tiltScrollTranslate","tiltScrollRotate","custom","name","keyframes","transform","toKeyframeValue","easings","sineInOut","composite"],"sources":["../../../../src/library/scroll/TiltScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  TiltScroll,\n  DomApi,\n} from '../../types';\nimport { cssEasings as easings } from '../../easings';\nimport { toKeyframeValue } from '../../utils';\n\nconst MAX_Y_TRAVEL = 40;\n\nconst [ROTATION_X, ROTATION_Y, ROTATION_Z] = [10, 25, 25];\n\nconst TRANSLATE_Y_POWER_MAP = {\n  soft: 0,\n  medium: 0.5,\n  hard: 1,\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-tiltScrollTranslate', 'motion-tiltScrollRotate'];\n}\n\nexport function web(options: ScrubAnimationOptions, _dom?: DomApi) {\n  return style(options, true);\n}\n\nexport function style(options: ScrubAnimationOptions, asWeb = false) {\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 travelY =\n    MAX_Y_TRAVEL *\n    (power && power in TRANSLATE_Y_POWER_MAP\n      ? TRANSLATE_Y_POWER_MAP[power]\n      : distance);\n  const dir = direction === 'left' ? -1 : 1;\n\n  const from = {\n    x: ROTATION_X * (range === 'out' ? 0 : -1),\n    y: ROTATION_Y * (range === 'out' ? 0 : -1),\n    z: ROTATION_Z * dir * (range === 'out' ? 0 : range === 'in' ? 1 : -1),\n    transY: range === 'out' ? 0 : travelY,\n  };\n  const to = {\n    x: ROTATION_X * (range === 'in' ? 0 : range === 'out' ? -1 : 1),\n    y: ROTATION_Y * (range === 'in' ? 0 : range === 'out' ? -1 : 0.5),\n    z: ROTATION_Z * dir * (range === 'in' ? 0 : range === 'out' ? 1 : 1.25),\n    transY: range === 'in' ? 0 : -1 * travelY,\n  };\n\n  const startOffsetAdd =\n    range === 'out' ? '0px' : `${-1 * Math.abs(travelY)}vh`;\n  const endOffsetAdd = range === 'in' ? '0px' : `${Math.abs(travelY)}vh`;\n\n  const [tiltScrollTranslate, tiltScrollRotate] = getNames(options);\n\n  const custom = {\n    '--motion-tilt-y-from': `${from.transY}vh`,\n    '--motion-tilt-y-to': `${to.transY}vh`,\n    '--motion-tilt-x-from': `${from.x}deg`,\n    '--motion-tilt-x-to': `${to.x}deg`,\n    '--motion-tilt-y-rot-from': `${from.y}deg`,\n    '--motion-tilt-y-rot-to': `${to.y}deg`,\n    '--motion-tilt-z-from': `${from.z}deg`,\n    '--motion-tilt-z-to': `${to.z}deg`,\n  };\n\n  return [\n    {\n      ...options,\n      name: tiltScrollTranslate,\n      fill,\n      easing,\n      startOffsetAdd,\n      endOffsetAdd,\n      custom,\n      keyframes: [\n        {\n          transform: `perspective(400px) translateY(${toKeyframeValue(\n            custom,\n            '--motion-tilt-y-from',\n            asWeb,\n          )}) rotateX(${toKeyframeValue(\n            custom,\n            '--motion-tilt-x-from',\n            asWeb,\n          )}) rotateY(${toKeyframeValue(\n            custom,\n            '--motion-tilt-y-rot-from',\n            asWeb,\n          )})`,\n        },\n        {\n          transform: `perspective(400px) translateY(${toKeyframeValue(\n            custom,\n            '--motion-tilt-y-to',\n            asWeb,\n          )}) rotateX(${toKeyframeValue(\n            custom,\n            '--motion-tilt-x-to',\n            asWeb,\n          )}) rotateY(${toKeyframeValue(\n            custom,\n            '--motion-tilt-y-rot-to',\n            asWeb,\n          )})`,\n        },\n      ],\n    },\n    {\n      ...options,\n      name: tiltScrollRotate,\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      custom,\n      keyframes: [\n        {\n          transform: `rotate(calc(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )} + ${toKeyframeValue(custom, '--motion-tilt-z-from', asWeb)}))`,\n        },\n        {\n          transform: `rotate(calc(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )} + ${toKeyframeValue(custom, '--motion-tilt-z-to', asWeb)}))`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,11 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = create;
+exports.getNames = getNames;
+exports.prepare = prepare;
+exports.style = style;
+exports.web = web;
+var _utils = require("../../utils");
 const ELEMENT_ROTATION = 45;
 const POWER_MAP = {
   soft: {
@@ -17,59 +21,28 @@ const POWER_MAP = {
     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%)`
+function getNames(_) {
+  return ['motion-turnScroll'];
+}
+function prepare(_, dom) {
+  if (dom) {
+    let left = 0;
+    dom.measure(target => {
+      if (!target) {
+        return;
+      }
+      left = target.getBoundingClientRect().left;
+    });
+    dom.mutate(target => {
+      target == null || target.style.setProperty('--motion-left', `${left}px`);
+    });
   }
-};
-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) {
+}
+function web(options, dom) {
+  prepare(options, dom);
+  return style(options, true);
+}
+function style(options, asWeb = false) {
   const {
     power,
     spin = 'clockwise',
@@ -79,47 +52,47 @@ function create(options, dom) {
   } = 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] : {
+  const startXLeft = `calc(-1 * ${(0, _utils.toKeyframeValue)({}, '--motion-left', false, 'calc(100vw - 100%)')} - 100%)`;
+  const endXLeft = `calc(100vw - ${(0, _utils.toKeyframeValue)({}, '--motion-left', false, '0px')})`;
+  const [startX, endX] = direction === 'left' ? [startXLeft, endXLeft] : [endXLeft, startXLeft];
+  const rotate = spin === 'clockwise' ? ELEMENT_ROTATION : -1 * ELEMENT_ROTATION;
+  const {
+    scaleFrom,
+    scaleTo
+  } = 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`);
-    });
-  }
+  const fromValues = {
+    rotation: range === 'out' ? 0 : -rotate,
+    scale: range === 'out' ? 1 : scaleFrom,
+    translate: range === 'out' ? '0px' : startX
+  };
+  const toValues = {
+    rotation: range === 'in' ? 0 : rotate,
+    scale: range === 'in' ? 1 : range === 'continuous' ? scaleTo : scaleFrom,
+    translate: range === 'in' ? '0px' : endX
+  };
+  const [turnScroll] = getNames(options);
+  const custom = {
+    '--motion-turn-translate-from': fromValues.translate,
+    '--motion-turn-translate-to': toValues.translate,
+    '--motion-turn-scale-from': fromValues.scale,
+    '--motion-turn-scale-to': toValues.scale,
+    '--motion-turn-rotation-from': `${fromValues.rotation}deg`,
+    '--motion-turn-rotation-to': `${toValues.rotation}deg`
+  };
   return [{
     ...options,
+    name: turnScroll,
     fill,
     easing,
+    custom,
     keyframes: [{
-      transform: `translateX(${fromValues.translate}) scale(${fromValues.scale}) rotate(calc(var(--comp-rotate-z, 0deg) + ${fromValues.rotation}deg))`
+      transform: `translateX(${(0, _utils.toKeyframeValue)(custom, '--motion-turn-translate-from', asWeb)}) scale(${(0, _utils.toKeyframeValue)(custom, '--motion-turn-scale-from', asWeb)}) rotate(calc(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')} + ${(0, _utils.toKeyframeValue)(custom, '--motion-turn-rotation-from', asWeb)}))`
     }, {
-      transform: `translateX(${toValues.translate}) scale(${toValues.scale}) rotate(calc(var(--comp-rotate-z, 0deg) + ${toValues.rotation}deg))`
+      transform: `translateX(${(0, _utils.toKeyframeValue)(custom, '--motion-turn-translate-to', asWeb)}) scale(${(0, _utils.toKeyframeValue)(custom, '--motion-turn-scale-to', asWeb)}) rotate(calc(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')} + ${(0, _utils.toKeyframeValue)(custom, '--motion-turn-rotation-to', asWeb)}))`
     }]
   }];
-  /*
-   * @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

@@ -1 +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":[]}
+{"version":3,"names":["_utils","require","ELEMENT_ROTATION","POWER_MAP","soft","scaleFrom","scaleTo","medium","hard","getNames","_","prepare","dom","left","measure","target","getBoundingClientRect","mutate","style","setProperty","web","options","asWeb","power","spin","direction","scale","range","namedEffect","easing","fill","startXLeft","toKeyframeValue","endXLeft","startX","endX","rotate","fromValues","rotation","translate","toValues","turnScroll","custom","name","keyframes","transform"],"sources":["../../../../src/library/scroll/TurnScroll.ts"],"sourcesContent":["import type {\n  TurnScroll,\n  ScrubAnimationOptions,\n  DomApi,\n  AnimationFillMode,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\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\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-turnScroll'];\n}\n\nexport function prepare(_: ScrubAnimationOptions, dom?: DomApi) {\n  if (dom) {\n    let left = 0;\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\nexport function web(options: ScrubAnimationOptions, dom?: DomApi) {\n  prepare(options, dom);\n\n  return style(options, true);\n}\n\nexport function style(options: ScrubAnimationOptions, asWeb = false) {\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 startXLeft = `calc(-1 * ${toKeyframeValue(\n    {},\n    '--motion-left',\n    false,\n    'calc(100vw - 100%)',\n  )} - 100%)`;\n  const endXLeft = `calc(100vw - ${toKeyframeValue(\n    {},\n    '--motion-left',\n    false,\n    '0px',\n  )})`;\n  const [startX, endX] =\n    direction === 'left' ? [startXLeft, endXLeft] : [endXLeft, startXLeft];\n\n  const rotate =\n    spin === 'clockwise' ? ELEMENT_ROTATION : -1 * ELEMENT_ROTATION;\n\n  const { scaleFrom, scaleTo } =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : { scaleFrom: scale, scaleTo: scale };\n\n  const fromValues = {\n    rotation: range === 'out' ? 0 : -rotate,\n    scale: range === 'out' ? 1 : scaleFrom,\n    translate: range === 'out' ? '0px' : startX,\n  };\n  const toValues = {\n    rotation: range === 'in' ? 0 : rotate,\n    scale: range === 'in' ? 1 : range === 'continuous' ? scaleTo : scaleFrom,\n    translate: range === 'in' ? '0px' : endX,\n  };\n\n  const [turnScroll] = getNames(options);\n\n  const custom = {\n    '--motion-turn-translate-from': fromValues.translate,\n    '--motion-turn-translate-to': toValues.translate,\n    '--motion-turn-scale-from': fromValues.scale,\n    '--motion-turn-scale-to': toValues.scale,\n    '--motion-turn-rotation-from': `${fromValues.rotation}deg`,\n    '--motion-turn-rotation-to': `${toValues.rotation}deg`,\n  };\n\n  return [\n    {\n      ...options,\n      name: turnScroll,\n      fill,\n      easing,\n      custom,\n      keyframes: [\n        {\n          transform: `translateX(${toKeyframeValue(\n            custom,\n            '--motion-turn-translate-from',\n            asWeb,\n          )}) scale(${toKeyframeValue(\n            custom,\n            '--motion-turn-scale-from',\n            asWeb,\n          )}) rotate(calc(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )} + ${toKeyframeValue(\n            custom,\n            '--motion-turn-rotation-from',\n            asWeb,\n          )}))`,\n        },\n        {\n          transform: `translateX(${toKeyframeValue(\n            custom,\n            '--motion-turn-translate-to',\n            asWeb,\n          )}) scale(${toKeyframeValue(\n            custom,\n            '--motion-turn-scale-to',\n            asWeb,\n          )}) rotate(calc(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )} + ${toKeyframeValue(\n            custom,\n            '--motion-turn-rotation-to',\n            asWeb,\n          )}))`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,46 +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"));
+var ArcScroll = _interopRequireWildcard(require("./ArcScroll"));
+var BlurScroll = _interopRequireWildcard(require("./BlurScroll"));
+var FadeScroll = _interopRequireWildcard(require("./FadeScroll"));
+var FlipScroll = _interopRequireWildcard(require("./FlipScroll"));
+var GrowScroll = _interopRequireWildcard(require("./GrowScroll"));
+var MoveScroll = _interopRequireWildcard(require("./MoveScroll"));
+var PanScroll = _interopRequireWildcard(require("./PanScroll"));
+var ParallaxScroll = _interopRequireWildcard(require("./ParallaxScroll"));
+var RevealScroll = _interopRequireWildcard(require("./RevealScroll"));
+var ShapeScroll = _interopRequireWildcard(require("./ShapeScroll"));
+var ShuttersScroll = _interopRequireWildcard(require("./ShuttersScroll"));
+var ShrinkScroll = _interopRequireWildcard(require("./ShrinkScroll"));
+var SkewPanScroll = _interopRequireWildcard(require("./SkewPanScroll"));
+var SlideScroll = _interopRequireWildcard(require("./SlideScroll"));
+var Spin3dScroll = _interopRequireWildcard(require("./Spin3dScroll"));
+var SpinScroll = _interopRequireWildcard(require("./SpinScroll"));
+var StretchScroll = _interopRequireWildcard(require("./StretchScroll"));
+var TiltScroll = _interopRequireWildcard(require("./TiltScroll"));
+var TurnScroll = _interopRequireWildcard(require("./TurnScroll"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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
+  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/cjs/library/scroll/index.js.map

@@ -1 +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":[]}
+{"version":3,"names":["ArcScroll","_interopRequireWildcard","require","BlurScroll","FadeScroll","FlipScroll","GrowScroll","MoveScroll","PanScroll","ParallaxScroll","RevealScroll","ShapeScroll","ShuttersScroll","ShrinkScroll","SkewPanScroll","SlideScroll","Spin3dScroll","SpinScroll","StretchScroll","TiltScroll","TurnScroll","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","scrollAnimations","exports"],"sources":["../../../../src/library/scroll/index.ts"],"sourcesContent":["import * as ArcScroll from './ArcScroll';\nimport * as BlurScroll from './BlurScroll';\nimport * as FadeScroll from './FadeScroll';\nimport * as FlipScroll from './FlipScroll';\nimport * as GrowScroll from './GrowScroll';\nimport * as MoveScroll from './MoveScroll';\nimport * as PanScroll from './PanScroll';\nimport * as ParallaxScroll from './ParallaxScroll';\nimport * as RevealScroll from './RevealScroll';\nimport * as ShapeScroll from './ShapeScroll';\nimport * as ShuttersScroll from './ShuttersScroll';\nimport * as ShrinkScroll from './ShrinkScroll';\nimport * as SkewPanScroll from './SkewPanScroll';\nimport * as SlideScroll from './SlideScroll';\nimport * as Spin3dScroll from './Spin3dScroll';\nimport * as SpinScroll from './SpinScroll';\nimport * as StretchScroll from './StretchScroll';\nimport * as TiltScroll from './TiltScroll';\nimport * as 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,SAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,uBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,uBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,uBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,uBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,uBAAA,CAAAC,OAAA;AACA,IAAAO,cAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,uBAAA,CAAAC,OAAA;AACA,IAAAS,WAAA,GAAAV,uBAAA,CAAAC,OAAA;AACA,IAAAU,cAAA,GAAAX,uBAAA,CAAAC,OAAA;AACA,IAAAW,YAAA,GAAAZ,uBAAA,CAAAC,OAAA;AACA,IAAAY,aAAA,GAAAb,uBAAA,CAAAC,OAAA;AACA,IAAAa,WAAA,GAAAd,uBAAA,CAAAC,OAAA;AACA,IAAAc,YAAA,GAAAf,uBAAA,CAAAC,OAAA;AACA,IAAAe,UAAA,GAAAhB,uBAAA,CAAAC,OAAA;AACA,IAAAgB,aAAA,GAAAjB,uBAAA,CAAAC,OAAA;AACA,IAAAiB,UAAA,GAAAlB,uBAAA,CAAAC,OAAA;AACA,IAAAkB,UAAA,GAAAnB,uBAAA,CAAAC,OAAA;AAA2C,SAAAD,wBAAAoB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAtB,uBAAA,YAAAA,CAAAoB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGpC,MAAMkB,gBAAkC,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAChDxC,SAAS;EACTG,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":[]}