@wix/motion 1.665.0 → 2.0.0-rc.3

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

@@ -1,75 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-function getNames(options) {
-  const {
-    range = 'in'
-  } = options.namedEffect;
-  return [`motion-shuttersScroll-${range === 'continuous' ? '-continuous' : ''}`];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    direction = 'right',
-    shutters = 12,
-    staggered = true,
-    range = 'in'
-  } = options.namedEffect;
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const easing = range === 'in' ? (0, _utils.getEasing)('sineIn') : (0, _utils.getEasing)('sineOut');
-  const directionOpp = (0, _utils.getOppositeDirection)(_utils.FOUR_DIRECTIONS, direction);
-  const {
-    clipStart,
-    clipEnd
-  } = (0, _utils.getShuttersClipPaths)(range === 'out' ? directionOpp : direction, shutters, staggered);
-  const custom = {
-    '--motion-shutters-clip-start': range === 'out' ? clipEnd : clipStart,
-    '--motion-shutters-clip-end': range === 'out' ? clipStart : clipEnd
-  };
-  const [shuttersScroll] = getNames(options);
-  const keyframes = [{
-    clipPath: (0, _utils.toKeyframeValue)(custom, '--motion-shutters-clip-start', asWeb),
-    easing
-  }, {
-    clipPath: (0, _utils.toKeyframeValue)(custom, '--motion-shutters-clip-end', asWeb)
-  }];
-  if (range === 'continuous') {
-    keyframes[1].easing = easing;
-    keyframes[1].offset = staggered ? 0.45 : 0.4;
-    const {
-      clipStart: oppClipStart,
-      clipEnd: oppClipEnd
-    } = (0, _utils.getShuttersClipPaths)(directionOpp, shutters, staggered, true);
-    Object.assign(custom, {
-      '--motion-shutters-clip-opp-end': oppClipEnd,
-      '--motion-shutters-clip-opp-start': oppClipStart
-    });
-    const secondOffset = staggered ? 0.55 : 0.6;
-    keyframes.push({
-      clipPath: (0, _utils.toKeyframeValue)(custom, '--motion-shutters-clip-end', asWeb),
-      offset: secondOffset,
-      easing
-    }, {
-      clipPath: (0, _utils.toKeyframeValue)(custom, '--motion-shutters-clip-opp-end', asWeb),
-      offset: secondOffset,
-      easing
-    }, {
-      clipPath: (0, _utils.toKeyframeValue)(custom, '--motion-shutters-clip-opp-start', asWeb)
-    });
-  }
-  return [{
-    ...options,
-    name: shuttersScroll,
-    fill,
-    easing: 'linear',
-    custom,
-    keyframes
-  }];
-}
-//# sourceMappingURL=ShuttersScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","getNames","options","range","namedEffect","web","_dom","style","asWeb","direction","shutters","staggered","fill","easing","getEasing","directionOpp","getOppositeDirection","FOUR_DIRECTIONS","clipStart","clipEnd","getShuttersClipPaths","custom","shuttersScroll","keyframes","clipPath","toKeyframeValue","offset","oppClipStart","oppClipEnd","Object","assign","secondOffset","push","name"],"sources":["../../../../src/library/scroll/ShuttersScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  ShuttersScroll,\n  DomApi,\n} from '../../types';\nimport {\n  getOppositeDirection,\n  getShuttersClipPaths,\n  getEasing,\n  toKeyframeValue,\n  FOUR_DIRECTIONS,\n} from '../../utils';\n\nexport function getNames(options: ScrubAnimationOptions) {\n  const { range = 'in' } = options.namedEffect as ShuttersScroll;\n  return [\n    `motion-shuttersScroll-${range === 'continuous' ? '-continuous' : ''}`,\n  ];\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    direction = 'right',\n    shutters = 12,\n    staggered = true,\n    range = 'in',\n  } = options.namedEffect as ShuttersScroll;\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const easing = range === 'in' ? getEasing('sineIn') : getEasing('sineOut');\n\n  const directionOpp = getOppositeDirection(FOUR_DIRECTIONS, direction);\n\n  const { clipStart, clipEnd } = getShuttersClipPaths(\n    range === 'out' ? directionOpp : direction,\n    shutters,\n    staggered,\n  );\n\n  const custom = {\n    '--motion-shutters-clip-start': range === 'out' ? clipEnd : clipStart,\n    '--motion-shutters-clip-end': range === 'out' ? clipStart : clipEnd,\n  };\n\n  const [shuttersScroll] = getNames(options);\n\n  const keyframes: {\n    clipPath: string | number;\n    easing?: string;\n    offset?: number;\n  }[] = [\n    {\n      clipPath: toKeyframeValue(custom, '--motion-shutters-clip-start', asWeb),\n      easing,\n    },\n    {\n      clipPath: toKeyframeValue(custom, '--motion-shutters-clip-end', asWeb),\n    },\n  ];\n\n  if (range === 'continuous') {\n    keyframes[1].easing = easing;\n    keyframes[1].offset = staggered ? 0.45 : 0.4;\n\n    const { clipStart: oppClipStart, clipEnd: oppClipEnd } =\n      getShuttersClipPaths(directionOpp, shutters, staggered, true);\n    Object.assign(custom, {\n      '--motion-shutters-clip-opp-end': oppClipEnd,\n      '--motion-shutters-clip-opp-start': oppClipStart,\n    });\n\n    const secondOffset = staggered ? 0.55 : 0.6;\n    keyframes.push(\n      {\n        clipPath: toKeyframeValue(custom, '--motion-shutters-clip-end', asWeb),\n        offset: secondOffset,\n        easing,\n      },\n      {\n        clipPath: toKeyframeValue(\n          custom,\n          '--motion-shutters-clip-opp-end',\n          asWeb,\n        ),\n        offset: secondOffset,\n        easing,\n      },\n      {\n        clipPath: toKeyframeValue(\n          custom,\n          '--motion-shutters-clip-opp-start',\n          asWeb,\n        ),\n      },\n    );\n  }\n\n  return [\n    {\n      ...options,\n      name: shuttersScroll,\n      fill,\n      easing: 'linear',\n      custom,\n      keyframes,\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,76 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.prepare = prepare;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const POWER_MAP = {
-  soft: 10,
-  medium: 17,
-  hard: 24
-};
-function getNames(_) {
-  return ['motion-skewPanScroll'];
-}
-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`);
-    });
-  }
-}
-function web(options, dom) {
-  prepare(options, dom);
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    skew = 10,
-    direction = 'right',
-    power,
-    range = 'in'
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const skewX = (power && POWER_MAP[power] ? POWER_MAP[power] : skew) * (direction === 'left' ? 1 : -1);
-  const startXLeft = `calc(${(0, _utils.toKeyframeValue)({}, '--motion-left', false, 'calc(100vw - 100%)')} * -1 - 100%)`;
-  const endXLeft = `calc(100vw - ${(0, _utils.toKeyframeValue)({}, '--motion-left', false, '0px')})`;
-  const [startX, endX] = direction === 'left' ? [startXLeft, endXLeft] : [endXLeft, startXLeft];
-  const fromValues = {
-    skew: range === 'out' ? 0 : skewX,
-    translate: range === 'out' ? 0 : startX
-  };
-  const toValues = {
-    skew: range === 'in' ? 0 : -skewX,
-    translate: range === 'in' ? 0 : range === 'out' ? startX : endX
-  };
-  const [skewPanScroll] = getNames(options);
-  const custom = {
-    '--motion-skewpan-start-x': fromValues.translate,
-    '--motion-skewpan-end-x': toValues.translate,
-    '--motion-skewpan-from-skew': `${fromValues.skew}deg`,
-    '--motion-skewpan-to-skew': `${toValues.skew}deg`
-  };
-  return [{
-    ...options,
-    name: skewPanScroll,
-    fill,
-    easing,
-    custom,
-    keyframes: [{
-      transform: `translateX(${(0, _utils.toKeyframeValue)(custom, '--motion-skewpan-start-x', asWeb)}) skewX(${(0, _utils.toKeyframeValue)(custom, '--motion-skewpan-from-skew', asWeb)}) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }, {
-      transform: `translateX(${(0, _utils.toKeyframeValue)(custom, '--motion-skewpan-end-x', asWeb)}) skewX(${(0, _utils.toKeyframeValue)(custom, '--motion-skewpan-to-skew', asWeb)}) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }]
-  }];
-}
-//# sourceMappingURL=SkewPanScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","POWER_MAP","soft","medium","hard","getNames","_","prepare","dom","left","measure","target","getBoundingClientRect","mutate","style","setProperty","web","options","asWeb","skew","direction","power","range","namedEffect","easing","fill","skewX","startXLeft","toKeyframeValue","endXLeft","startX","endX","fromValues","translate","toValues","skewPanScroll","custom","name","keyframes","transform"],"sources":["../../../../src/library/scroll/SkewPanScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  DomApi,\n  ScrubAnimationOptions,\n  SkewPanScroll,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst POWER_MAP = {\n  soft: 10,\n  medium: 17,\n  hard: 24,\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-skewPanScroll'];\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    skew = 10,\n    direction = 'right',\n    power,\n    range = 'in',\n  } = options.namedEffect as SkewPanScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const skewX =\n    (power && POWER_MAP[power] ? POWER_MAP[power] : skew) *\n    (direction === 'left' ? 1 : -1);\n  const startXLeft = `calc(${toKeyframeValue(\n    {},\n    '--motion-left',\n    false,\n    'calc(100vw - 100%)',\n  )} * -1 - 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 fromValues = {\n    skew: range === 'out' ? 0 : skewX,\n    translate: range === 'out' ? 0 : startX,\n  };\n  const toValues = {\n    skew: range === 'in' ? 0 : -skewX,\n    translate: range === 'in' ? 0 : range === 'out' ? startX : endX,\n  };\n\n  const [skewPanScroll] = getNames(options);\n\n  const custom = {\n    '--motion-skewpan-start-x': fromValues.translate,\n    '--motion-skewpan-end-x': toValues.translate,\n    '--motion-skewpan-from-skew': `${fromValues.skew}deg`,\n    '--motion-skewpan-to-skew': `${toValues.skew}deg`,\n  };\n\n  return [\n    {\n      ...options,\n      name: skewPanScroll,\n      fill,\n      easing,\n      custom,\n      keyframes: [\n        {\n          transform: `translateX(${toKeyframeValue(\n            custom,\n            '--motion-skewpan-start-x',\n            asWeb,\n          )}) skewX(${toKeyframeValue(\n            custom,\n            '--motion-skewpan-from-skew',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translateX(${toKeyframeValue(\n            custom,\n            '--motion-skewpan-end-x',\n            asWeb,\n          )}) skewX(${toKeyframeValue(\n            custom,\n            '--motion-skewpan-to-skew',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,92 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.prepare = prepare;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const DIRECTION_TRANSLATION_MAP = {
-  bottom: {
-    x: '0',
-    y: '100%'
-  },
-  left: {
-    x: '-100%',
-    y: '0'
-  },
-  top: {
-    x: '0',
-    y: '-100%'
-  },
-  right: {
-    x: '100%',
-    y: '0'
-  }
-};
-function getNames(options) {
-  const {
-    range = 'in'
-  } = options.namedEffect;
-  return [`motion-slideScroll${range === 'continuous' ? '-continuous' : ''}`];
-}
-function prepare(options, dom) {
-  if (dom) {
-    const {
-      direction = 'bottom',
-      range = 'in'
-    } = options.namedEffect;
-    (0, _utils.applyRotationAdjustedClip)(dom, direction, range);
-  }
-}
-function web(options, dom) {
-  prepare(options, dom);
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    direction = 'bottom',
-    range = 'in'
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const oppositeDirection = (0, _utils.getOppositeDirection)(_utils.FOUR_DIRECTIONS, direction);
-  const translateFrom = range === 'out' ? {
-    x: '0',
-    y: '0'
-  } : DIRECTION_TRANSLATION_MAP[direction];
-  const translateTo = range === 'in' ? {
-    x: '0',
-    y: '0'
-  } : DIRECTION_TRANSLATION_MAP[range === 'out' ? direction : oppositeDirection];
-  const custom = {
-    '--motion-clip-from': (0, _utils.getRevealClipFrom)(direction, range),
-    '--motion-clip-to': (0, _utils.getRevealClipTo)(direction, range),
-    '--motion-translate-from-x': translateFrom.x,
-    '--motion-translate-from-y': translateFrom.y,
-    '--motion-translate-to-x': translateTo.x,
-    '--motion-translate-to-y': translateTo.y
-  };
-  const keyframes = [{
-    clipPath: (0, _utils.toKeyframeValue)({}, '--motion-clip-from', false, custom['--motion-clip-from']),
-    transform: `rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')}) translate(${(0, _utils.toKeyframeValue)(custom, `--motion-translate-from-x`, asWeb)}, ${(0, _utils.toKeyframeValue)(custom, `--motion-translate-from-y`, asWeb)})`
-  }, {
-    clipPath: (0, _utils.toKeyframeValue)({}, '--motion-clip-to', false, custom['--motion-clip-to']),
-    transform: `rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')}) translate(${(0, _utils.toKeyframeValue)(custom, `--motion-translate-to-x`, asWeb)}, ${(0, _utils.toKeyframeValue)(custom, `--motion-translate-to-y`, asWeb)})`
-  }];
-  if (range === 'continuous') {
-    keyframes.splice(1, 0, {
-      clipPath: _utils.INITIAL_CLIP,
-      transform: `rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')}) translate(0, 0)`
-    });
-  }
-  const [slideScroll] = getNames(options);
-  return [{
-    ...options,
-    name: slideScroll,
-    fill,
-    easing,
-    keyframes
-  }];
-}
-//# sourceMappingURL=SlideScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","DIRECTION_TRANSLATION_MAP","bottom","x","y","left","top","right","getNames","options","range","namedEffect","prepare","dom","direction","applyRotationAdjustedClip","web","style","asWeb","easing","fill","oppositeDirection","getOppositeDirection","FOUR_DIRECTIONS","translateFrom","translateTo","custom","getRevealClipFrom","getRevealClipTo","keyframes","clipPath","toKeyframeValue","transform","splice","INITIAL_CLIP","slideScroll","name"],"sources":["../../../../src/library/scroll/SlideScroll.ts"],"sourcesContent":["import type {\n  ScrubAnimationOptions,\n  SlideScroll,\n  EffectFourDirections,\n  DomApi,\n  AnimationFillMode,\n} from '../../types';\nimport {\n  getOppositeDirection,\n  applyRotationAdjustedClip,\n  getRevealClipFrom,\n  getRevealClipTo,\n  toKeyframeValue,\n  INITIAL_CLIP,\n  FOUR_DIRECTIONS,\n} from '../../utils';\n\ntype Translate = { x: string; y: string };\n\nconst DIRECTION_TRANSLATION_MAP: Record<EffectFourDirections, Translate> = {\n  bottom: { x: '0', y: '100%' },\n  left: { x: '-100%', y: '0' },\n  top: { x: '0', y: '-100%' },\n  right: { x: '100%', y: '0' },\n};\n\nexport function getNames(options: ScrubAnimationOptions) {\n  const { range = 'in' } = options.namedEffect as SlideScroll;\n  return [`motion-slideScroll${range === 'continuous' ? '-continuous' : ''}`];\n}\n\nexport function prepare(options: ScrubAnimationOptions, dom?: DomApi) {\n  if (dom) {\n    const { direction = 'bottom', range = 'in' } =\n      options.namedEffect as SlideScroll;\n    applyRotationAdjustedClip(dom, direction, range);\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 { direction = 'bottom', range = 'in' } =\n    options.namedEffect as SlideScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n  const oppositeDirection = getOppositeDirection(FOUR_DIRECTIONS, direction);\n\n  const translateFrom =\n    range === 'out' ? { x: '0', y: '0' } : DIRECTION_TRANSLATION_MAP[direction];\n  const translateTo =\n    range === 'in'\n      ? { x: '0', y: '0' }\n      : DIRECTION_TRANSLATION_MAP[\n          range === 'out' ? direction : oppositeDirection\n        ];\n\n  const custom = {\n    '--motion-clip-from': getRevealClipFrom(direction, range),\n    '--motion-clip-to': getRevealClipTo(direction, range),\n    '--motion-translate-from-x': translateFrom.x,\n    '--motion-translate-from-y': translateFrom.y,\n    '--motion-translate-to-x': translateTo.x,\n    '--motion-translate-to-y': translateTo.y,\n  };\n\n  const keyframes = [\n    {\n      clipPath: toKeyframeValue(\n        {},\n        '--motion-clip-from',\n        false,\n        custom['--motion-clip-from'],\n      ),\n      transform: `rotate(${toKeyframeValue(\n        {},\n        '--comp-rotate-z',\n        false,\n        '0',\n      )}) translate(${toKeyframeValue(\n        custom,\n        `--motion-translate-from-x`,\n        asWeb,\n      )}, ${toKeyframeValue(custom, `--motion-translate-from-y`, asWeb)})`,\n    },\n    {\n      clipPath: toKeyframeValue(\n        {},\n        '--motion-clip-to',\n        false,\n        custom['--motion-clip-to'],\n      ),\n      transform: `rotate(${toKeyframeValue(\n        {},\n        '--comp-rotate-z',\n        false,\n        '0',\n      )}) translate(${toKeyframeValue(\n        custom,\n        `--motion-translate-to-x`,\n        asWeb,\n      )}, ${toKeyframeValue(custom, `--motion-translate-to-y`, asWeb)})`,\n    },\n  ];\n\n  if (range === 'continuous') {\n    keyframes.splice(1, 0, {\n      clipPath: INITIAL_CLIP,\n      transform: `rotate(${toKeyframeValue(\n        {},\n        '--comp-rotate-z',\n        false,\n        '0',\n      )}) translate(0, 0)`,\n    });\n  }\n\n  const [slideScroll] = getNames(options);\n\n  return [\n    {\n      ...options,\n      name: slideScroll,\n      fill,\n      easing,\n      keyframes,\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,87 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const MAX_Y_TRAVEL = 40;
-const POWER_MAP = {
-  soft: {
-    rotationZ: 45,
-    travelY: 0
-  },
-  medium: {
-    rotationZ: 100,
-    travelY: 0.5
-  },
-  hard: {
-    rotationZ: 200,
-    travelY: 1
-  }
-};
-function getNames(_) {
-  return ['motion-spin3dScroll'];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    rotate = -100,
-    speed = 0,
-    power,
-    range = 'in'
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const {
-    rotationZ,
-    travelY
-  } = power && POWER_MAP[power] ? POWER_MAP[power] : {
-    rotationZ: rotate,
-    travelY: speed
-  };
-  const travel = travelY * MAX_Y_TRAVEL;
-  const fromValues = {
-    rotationX: range === 'out' ? 0 : -2 * rotationZ,
-    rotationY: range === 'out' ? 0 : -rotationZ,
-    rotationZ: range === 'out' ? 0 : -rotationZ,
-    travel: range === 'out' ? 0 : -travel
-  };
-  const toValues = {
-    rotationX: rotationZ * (range === 'in' ? 0 : range === 'out' ? 3 : 1.8),
-    rotationY: rotationZ * (range === 'in' ? 0 : range === 'out' ? 2 : 1),
-    rotationZ: rotationZ * (range === 'in' ? 0 : range === 'out' ? 1 : 2),
-    travel: range === 'in' ? 0 : travel
-  };
-  const offset = Math.abs(travel);
-  const startOffsetAdd = range === 'out' ? '0px' : `${-offset}vh`;
-  const endOffsetAdd = range === 'in' ? '0px' : `${offset}vh`;
-  const [spin3dScroll] = getNames(options);
-  const custom = {
-    '--motion-travel-from': `${fromValues.travel}vh`,
-    '--motion-travel-to': `${toValues.travel}vh`,
-    '--motion-rot-x-from': `${fromValues.rotationX}deg`,
-    '--motion-rot-x-to': `${toValues.rotationX}deg`,
-    '--motion-rot-y-from': `${fromValues.rotationY}deg`,
-    '--motion-rot-y-to': `${toValues.rotationY}deg`,
-    '--motion-rot-z-from': `${fromValues.rotationZ}deg`,
-    '--motion-rot-z-to': `${toValues.rotationZ}deg`
-  };
-  return [{
-    ...options,
-    name: spin3dScroll,
-    fill,
-    easing,
-    custom,
-    startOffsetAdd,
-    endOffsetAdd,
-    keyframes: [{
-      transform: `perspective(1000px) translateY(${(0, _utils.toKeyframeValue)(custom, '--motion-travel-from', asWeb)}) rotateZ(calc(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')} + ${(0, _utils.toKeyframeValue)(custom, '--motion-rot-z-from', asWeb)})) rotateY(${(0, _utils.toKeyframeValue)(custom, '--motion-rot-y-from', asWeb)}) rotateX(${(0, _utils.toKeyframeValue)(custom, '--motion-rot-x-from', asWeb)})`
-    }, {
-      transform: `perspective(1000px) translateY(${(0, _utils.toKeyframeValue)(custom, '--motion-travel-to', asWeb)}) rotateZ(calc(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')} + ${(0, _utils.toKeyframeValue)(custom, '--motion-rot-z-to', asWeb)})) rotateY(${(0, _utils.toKeyframeValue)(custom, '--motion-rot-y-to', asWeb)}) rotateX(${(0, _utils.toKeyframeValue)(custom, '--motion-rot-x-to', asWeb)})`
-    }]
-  }];
-}
-//# sourceMappingURL=Spin3dScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","MAX_Y_TRAVEL","POWER_MAP","soft","rotationZ","travelY","medium","hard","getNames","_","web","options","_dom","style","asWeb","rotate","speed","power","range","namedEffect","easing","fill","travel","fromValues","rotationX","rotationY","toValues","offset","Math","abs","startOffsetAdd","endOffsetAdd","spin3dScroll","custom","name","keyframes","transform","toKeyframeValue"],"sources":["../../../../src/library/scroll/Spin3dScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  Spin3dScroll,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\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\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-spin3dScroll'];\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    rotate = -100,\n    speed = 0,\n    power,\n    range = 'in',\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 { rotationZ, travelY } =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : { rotationZ: rotate, travelY: speed };\n  const travel = travelY * MAX_Y_TRAVEL;\n\n  const fromValues = {\n    rotationX: range === 'out' ? 0 : -2 * rotationZ,\n    rotationY: range === 'out' ? 0 : -rotationZ,\n    rotationZ: range === 'out' ? 0 : -rotationZ,\n    travel: range === 'out' ? 0 : -travel,\n  };\n  const toValues = {\n    rotationX: rotationZ * (range === 'in' ? 0 : range === 'out' ? 3 : 1.8),\n    rotationY: rotationZ * (range === 'in' ? 0 : range === 'out' ? 2 : 1),\n    rotationZ: rotationZ * (range === 'in' ? 0 : range === 'out' ? 1 : 2),\n    travel: range === 'in' ? 0 : travel,\n  };\n\n  const offset = Math.abs(travel);\n  const startOffsetAdd = range === 'out' ? '0px' : `${-offset}vh`;\n  const endOffsetAdd = range === 'in' ? '0px' : `${offset}vh`;\n\n  const [spin3dScroll] = getNames(options);\n\n  const custom = {\n    '--motion-travel-from': `${fromValues.travel}vh`,\n    '--motion-travel-to': `${toValues.travel}vh`,\n    '--motion-rot-x-from': `${fromValues.rotationX}deg`,\n    '--motion-rot-x-to': `${toValues.rotationX}deg`,\n    '--motion-rot-y-from': `${fromValues.rotationY}deg`,\n    '--motion-rot-y-to': `${toValues.rotationY}deg`,\n    '--motion-rot-z-from': `${fromValues.rotationZ}deg`,\n    '--motion-rot-z-to': `${toValues.rotationZ}deg`,\n  };\n\n  return [\n    {\n      ...options,\n      name: spin3dScroll,\n      fill,\n      easing,\n      custom,\n      startOffsetAdd,\n      endOffsetAdd,\n      keyframes: [\n        {\n          transform: `perspective(1000px) translateY(${toKeyframeValue(\n            custom,\n            '--motion-travel-from',\n            asWeb,\n          )}) rotateZ(calc(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )} + ${toKeyframeValue(\n            custom,\n            '--motion-rot-z-from',\n            asWeb,\n          )})) rotateY(${toKeyframeValue(\n            custom,\n            '--motion-rot-y-from',\n            asWeb,\n          )}) rotateX(${toKeyframeValue(\n            custom,\n            '--motion-rot-x-from',\n            asWeb,\n          )})`,\n        },\n        {\n          transform: `perspective(1000px) translateY(${toKeyframeValue(\n            custom,\n            '--motion-travel-to',\n            asWeb,\n          )}) rotateZ(calc(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )} + ${toKeyframeValue(\n            custom,\n            '--motion-rot-z-to',\n            asWeb,\n          )})) rotateY(${toKeyframeValue(\n            custom,\n            '--motion-rot-y-to',\n            asWeb,\n          )}) rotateX(${toKeyframeValue(custom, '--motion-rot-x-to', asWeb)})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,55 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const POWER_MAP = {
-  soft: 1,
-  medium: 0.7,
-  hard: 0.4
-};
-function getNames(_) {
-  return ['motion-spinScroll'];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  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 rotationZ = 360 * spins;
-  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;
-  const spinDirection = direction === 'clockwise' ? 1 : -1;
-  const [spinScroll] = getNames(options);
-  const custom = {
-    '--motion-spin-from': `${spinDirection * fromValue}deg`,
-    '--motion-spin-to': `${spinDirection * toValue}deg`,
-    '--motion-spin-scale-from': isIn ? scaleFactor : 1,
-    '--motion-spin-scale-to': isIn ? 1 : scaleFactor
-  };
-  return [{
-    ...options,
-    name: spinScroll,
-    fill,
-    easing,
-    custom,
-    keyframes: [{
-      transform: `scale(${(0, _utils.toKeyframeValue)(custom, '--motion-spin-scale-from', asWeb)}) rotate(calc(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')} + ${(0, _utils.toKeyframeValue)(custom, '--motion-spin-from', asWeb)}))`
-    }, {
-      transform: `scale(${(0, _utils.toKeyframeValue)(custom, '--motion-spin-scale-to', asWeb)}) rotate(calc(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')} + ${(0, _utils.toKeyframeValue)(custom, '--motion-spin-to', asWeb)}))`
-    }]
-  }];
-}
-//# sourceMappingURL=SpinScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","POWER_MAP","soft","medium","hard","getNames","_","web","options","_dom","style","asWeb","spins","scale","direction","power","range","namedEffect","easing","fill","rotationZ","scaleFactor","isIn","fromValue","toValue","spinDirection","spinScroll","custom","name","keyframes","transform","toKeyframeValue"],"sources":["../../../../src/library/scroll/SpinScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  SpinScroll,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst POWER_MAP = {\n  soft: 1,\n  medium: 0.7,\n  hard: 0.4,\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-spinScroll'];\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    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 rotationZ = 360 * spins;\n  const scaleFactor = power && POWER_MAP[power] ? POWER_MAP[power] : scale;\n\n  const isIn = range === 'in';\n  const fromValue = isIn ? -rotationZ : range === 'out' ? 0 : -rotationZ / 2;\n  const toValue = isIn ? 0 : range === 'out' ? rotationZ : rotationZ / 2;\n  const spinDirection = direction === 'clockwise' ? 1 : -1;\n\n  const [spinScroll] = getNames(options);\n\n  const custom = {\n    '--motion-spin-from': `${spinDirection * fromValue}deg`,\n    '--motion-spin-to': `${spinDirection * toValue}deg`,\n    '--motion-spin-scale-from': isIn ? scaleFactor : 1,\n    '--motion-spin-scale-to': isIn ? 1 : scaleFactor,\n  };\n\n  return [\n    {\n      ...options,\n      name: spinScroll,\n      fill,\n      easing,\n      custom,\n      keyframes: [\n        {\n          transform: `scale(${toKeyframeValue(\n            custom,\n            '--motion-spin-scale-from',\n            asWeb,\n          )}) rotate(calc(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )} + ${toKeyframeValue(custom, '--motion-spin-from', asWeb)}))`,\n        },\n        {\n          transform: `scale(${toKeyframeValue(\n            custom,\n            '--motion-spin-scale-to',\n            asWeb,\n          )}) rotate(calc(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )} + ${toKeyframeValue(custom, '--motion-spin-to', asWeb)}))`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,GAAG;EACXC,IAAI,EAAE;AACR,CAAC;AAEM,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,CAAC,mBAAmB,CAAC;AAC9B;AAEO,SAASC,GAAGA,CAACC,OAA8B,EAAEC,IAAa,EAAE;EACjE,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEO,SAASE,KAAKA,CAACF,OAA8B,EAAEG,KAAK,GAAG,KAAK,EAAE;EACnE,MAAM;IACJC,KAAK,GAAG,IAAI;IACZC,KAAK,GAAG,CAAC;IACTC,SAAS,GAAG,WAAW;IACvBC,KAAK;IACLC,KAAK,GAAG;EACV,CAAC,GAAGR,OAAO,CAACS,WAAyB;EACrC,MAAMC,MAAM,GAAG,QAAQ;EACvB,MAAMC,IAAI,GACRH,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGR,OAAO,CAACW,IAClD;EAEtB,MAAMC,SAAS,GAAG,GAAG,GAAGR,KAAK;EAC7B,MAAMS,WAAW,GAAGN,KAAK,IAAId,SAAS,CAACc,KAAK,CAAC,GAAGd,SAAS,CAACc,KAAK,CAAC,GAAGF,KAAK;EAExE,MAAMS,IAAI,GAAGN,KAAK,KAAK,IAAI;EAC3B,MAAMO,SAAS,GAAGD,IAAI,GAAG,CAACF,SAAS,GAAGJ,KAAK,KAAK,KAAK,GAAG,CAAC,GAAG,CAACI,SAAS,GAAG,CAAC;EAC1E,MAAMI,OAAO,GAAGF,IAAI,GAAG,CAAC,GAAGN,KAAK,KAAK,KAAK,GAAGI,SAAS,GAAGA,SAAS,GAAG,CAAC;EACtE,MAAMK,aAAa,GAAGX,SAAS,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;EAExD,MAAM,CAACY,UAAU,CAAC,GAAGrB,QAAQ,CAACG,OAAO,CAAC;EAEtC,MAAMmB,MAAM,GAAG;IACb,oBAAoB,EAAE,GAAGF,aAAa,GAAGF,SAAS,KAAK;IACvD,kBAAkB,EAAE,GAAGE,aAAa,GAAGD,OAAO,KAAK;IACnD,0BAA0B,EAAEF,IAAI,GAAGD,WAAW,GAAG,CAAC;IAClD,wBAAwB,EAAEC,IAAI,GAAG,CAAC,GAAGD;EACvC,CAAC;EAED,OAAO,CACL;IACE,GAAGb,OAAO;IACVoB,IAAI,EAAEF,UAAU;IAChBP,IAAI;IACJD,MAAM;IACNS,MAAM;IACNE,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,SAAS,IAAAC,sBAAe,EACjCJ,MAAM,EACN,0BAA0B,EAC1BhB,KACF,CAAC,iBAAiB,IAAAoB,sBAAe,EAC/B,CAAC,CAAC,EACF,iBAAiB,EACjB,KAAK,EACL,MACF,CAAC,MAAM,IAAAA,sBAAe,EAACJ,MAAM,EAAE,oBAAoB,EAAEhB,KAAK,CAAC;IAC7D,CAAC,EACD;MACEmB,SAAS,EAAE,SAAS,IAAAC,sBAAe,EACjCJ,MAAM,EACN,wBAAwB,EACxBhB,KACF,CAAC,iBAAiB,IAAAoB,sBAAe,EAC/B,CAAC,CAAC,EACF,iBAAiB,EACjB,KAAK,EACL,MACF,CAAC,MAAM,IAAAA,sBAAe,EAACJ,MAAM,EAAE,kBAAkB,EAAEhB,KAAK,CAAC;IAC3D,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,121 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _easings = require("../../easings");
-var _utils = require("../../utils");
-const POWER_MAP = {
-  soft: {
-    scaleY: 1.2,
-    scaleX: 0.8
-  },
-  medium: {
-    scaleY: 1.5,
-    scaleX: 0.6
-  },
-  hard: {
-    scaleY: 2,
-    scaleX: 0.4
-  }
-};
-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 getNames(options) {
-  const {
-    range = 'out'
-  } = options.namedEffect;
-  return [`motion-stretchScrollScale${range === 'continuous' ? '-continuous' : ''}`, `motion-stretchScrollOpacity-${range}`];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  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 [stretchScrollScale, stretchScrollOpacity] = getNames(options);
-  const isOut = range === 'out';
-  const roundedScaleX = (0, _utils.roundNumber)(scaleX);
-  const roundedScaleY = (0, _utils.roundNumber)(scaleY);
-  const custom = {
-    '--motion-stretch-scale-x-from': isOut ? 1 : roundedScaleX,
-    '--motion-stretch-scale-y-from': isOut ? 1 : roundedScaleY,
-    '--motion-stretch-scale-x-to': isOut ? roundedScaleX : 1,
-    '--motion-stretch-scale-y-to': isOut ? roundedScaleY : 1,
-    '--motion-stretch-trans-from': isOut ? 0 : `calc(-100% * (1 - ${roundedScaleY}))`,
-    '--motion-stretch-trans-to': isOut ? `calc(100% * (1 - ${roundedScaleY}))` : 0
-  };
-  const stretchKeyframes = [{
-    scale: `${(0, _utils.toKeyframeValue)(custom, '--motion-stretch-scale-x-from', asWeb)} ${(0, _utils.toKeyframeValue)(custom, '--motion-stretch-scale-y-from', asWeb)}`,
-    translate: `0 ${(0, _utils.toKeyframeValue)(custom, '--motion-stretch-trans-from', asWeb)}`
-  }, {
-    scale: `${(0, _utils.toKeyframeValue)(custom, '--motion-stretch-scale-x-to', asWeb)} ${(0, _utils.toKeyframeValue)(custom, '--motion-stretch-scale-y-to', asWeb)}`,
-    translate: `0 ${(0, _utils.toKeyframeValue)(custom, '--motion-stretch-trans-to', asWeb)}`
-  }];
-  if (range === 'continuous') {
-    stretchKeyframes.forEach(frame => {
-      Object.assign(frame, {
-        easing: _easings.cssEasings.backInOut
-      });
-    });
-    stretchKeyframes.push({
-      scale: `${(0, _utils.toKeyframeValue)(custom, '--motion-stretch-scale-x-from', asWeb)} ${(0, _utils.toKeyframeValue)(custom, '--motion-stretch-scale-y-from', asWeb)}`,
-      translate: `0 calc(100% * (1 - ${(0, _utils.toKeyframeValue)(custom, '--motion-stretch-scale-y-from', asWeb)}))`
-    });
-  }
-  return [{
-    ...options,
-    name: stretchScrollScale,
-    fill,
-    easing,
-    custom,
-    keyframes: stretchKeyframes
-  }, {
-    ...options,
-    name: stretchScrollOpacity,
-    fill,
-    easing,
-    keyframes: opacityKeyframesMap[range] || opacityKeyframesMap.out
-  }];
-}
-//# sourceMappingURL=StretchScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_easings","require","_utils","POWER_MAP","soft","scaleY","scaleX","medium","hard","opacityKeyframesMap","in","opacity","offset","out","continuous","getNames","options","range","namedEffect","web","_dom","style","asWeb","power","stretch","easing","fill","stretchScrollScale","stretchScrollOpacity","isOut","roundedScaleX","roundNumber","roundedScaleY","custom","stretchKeyframes","scale","toKeyframeValue","translate","forEach","frame","Object","assign","easings","backInOut","push","name","keyframes"],"sources":["../../../../src/library/scroll/StretchScroll.ts"],"sourcesContent":["import { cssEasings as easings } from '../../easings';\nimport type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  StretchScroll,\n  DomApi,\n} from '../../types';\nimport { roundNumber, toKeyframeValue } from '../../utils';\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 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 function getNames(options: ScrubAnimationOptions) {\n  const { range = 'out' } = options.namedEffect as StretchScroll;\n  return [\n    `motion-stretchScrollScale${range === 'continuous' ? '-continuous' : ''}`,\n    `motion-stretchScrollOpacity-${range}`,\n  ];\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    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 [stretchScrollScale, stretchScrollOpacity] = getNames(options);\n\n  const isOut = range === 'out';\n  const roundedScaleX = roundNumber(scaleX);\n  const roundedScaleY = roundNumber(scaleY);\n\n  const custom = {\n    '--motion-stretch-scale-x-from': isOut ? 1 : roundedScaleX,\n    '--motion-stretch-scale-y-from': isOut ? 1 : roundedScaleY,\n    '--motion-stretch-scale-x-to': isOut ? roundedScaleX : 1,\n    '--motion-stretch-scale-y-to': isOut ? roundedScaleY : 1,\n    '--motion-stretch-trans-from': isOut\n      ? 0\n      : `calc(-100% * (1 - ${roundedScaleY}))`,\n    '--motion-stretch-trans-to': isOut\n      ? `calc(100% * (1 - ${roundedScaleY}))`\n      : 0,\n  };\n\n  const stretchKeyframes = [\n    {\n      scale: `${toKeyframeValue(\n        custom,\n        '--motion-stretch-scale-x-from',\n        asWeb,\n      )} ${toKeyframeValue(custom, '--motion-stretch-scale-y-from', asWeb)}`,\n      translate: `0 ${toKeyframeValue(\n        custom,\n        '--motion-stretch-trans-from',\n        asWeb,\n      )}`,\n    },\n    {\n      scale: `${toKeyframeValue(\n        custom,\n        '--motion-stretch-scale-x-to',\n        asWeb,\n      )} ${toKeyframeValue(custom, '--motion-stretch-scale-y-to', asWeb)}`,\n      translate: `0 ${toKeyframeValue(\n        custom,\n        '--motion-stretch-trans-to',\n        asWeb,\n      )}`,\n    },\n  ];\n\n  if (range === 'continuous') {\n    stretchKeyframes.forEach((frame) => {\n      Object.assign(frame, { easing: easings.backInOut });\n    });\n\n    stretchKeyframes.push({\n      scale: `${toKeyframeValue(\n        custom,\n        '--motion-stretch-scale-x-from',\n        asWeb,\n      )} ${toKeyframeValue(custom, '--motion-stretch-scale-y-from', asWeb)}`,\n      translate: `0 calc(100% * (1 - ${toKeyframeValue(\n        custom,\n        '--motion-stretch-scale-y-from',\n        asWeb,\n      )}))`,\n    });\n  }\n\n  return [\n    {\n      ...options,\n      name: stretchScrollScale,\n      fill,\n      easing,\n      custom,\n      keyframes: stretchKeyframes,\n    },\n    {\n      ...options,\n      name: stretchScrollOpacity,\n      fill,\n      easing,\n      keyframes: opacityKeyframesMap[range] || opacityKeyframesMap.out,\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}