@wix/motion 1.665.0 → 2.0.0-rc.3

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","MAX_Y_TRAVEL","POWER_MAP","soft","scaleFrom","scaleTo","travelY","medium","hard","directionMap","top","right","bottom","left","center","getNames","_","web","options","_dom","style","asWeb","power","range","scale","direction","speed","namedEffect","easing","fill","travel","fromValues","toValues","offset","Math","abs","startOffsetAdd","endOffsetAdd","trnsX","trnsY","growScroll","custom","name","keyframes","transform","toKeyframeValue"],"sources":["../../../../src/library/scroll/GrowScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  GrowScroll,\n  ScrubAnimationOptions,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst MAX_Y_TRAVEL = 40;\nconst POWER_MAP = {\n  soft: { scaleFrom: 0.8, scaleTo: 1.2, travelY: 0 },\n  medium: { scaleFrom: 0.3, scaleTo: 1.7, travelY: 0.75 },\n  hard: { scaleFrom: 0, scaleTo: 4, travelY: 1 },\n};\n\nconst directionMap = {\n  top: [0, -50],\n  'top-right': [50, -50],\n  right: [50, 0],\n  'bottom-right': [50, 50],\n  bottom: [0, 50],\n  'bottom-left': [-50, 50],\n  left: [-50, 0],\n  'top-left': [-50, -50],\n  center: [0, 0],\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-growScroll'];\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    range = 'in',\n    scale = range === 'in' ? POWER_MAP.hard.scaleFrom : POWER_MAP.hard.scaleTo,\n    direction = 'center',\n    speed = 0,\n  } = options.namedEffect as GrowScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const { scaleFrom, scaleTo, travelY } =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : {\n          scaleFrom: scale,\n          scaleTo: scale,\n          travelY: speed,\n        };\n  const travel = travelY * MAX_Y_TRAVEL;\n\n  const fromValues = {\n    scale: range === 'out' ? 1 : scaleFrom,\n    travel: range === 'out' ? 0 : -travel,\n  };\n  const toValues = {\n    scale: range === 'in' ? 1 : scaleTo,\n    travel: range === 'in' ? 0 : travel,\n  };\n\n  const offset = Math.abs(\n    power && POWER_MAP[power] ? POWER_MAP[power].travelY : travel,\n  );\n  const startOffsetAdd = range === 'out' ? '0px' : `${-offset}vh`;\n  const endOffsetAdd = range === 'in' ? '0px' : `${offset}vh`;\n\n  const [trnsX, trnsY] = directionMap[direction] || [0, 0];\n\n  const [growScroll] = getNames(options);\n\n  const custom = {\n    '--motion-travel-from': `${fromValues.travel}vh`,\n    '--motion-travel-to': `${toValues.travel}vh`,\n    '--motion-grow-from': fromValues.scale,\n    '--motion-grow-to': toValues.scale,\n    '--motion-trans-x': `${trnsX}%`,\n    '--motion-trans-y': `${trnsY}%`,\n  };\n\n  return [\n    {\n      ...options,\n      name: growScroll,\n      fill,\n      easing,\n      startOffsetAdd,\n      endOffsetAdd,\n      custom,\n      keyframes: [\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-travel-from',\n            asWeb,\n          )}) translate(${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )}) scale(${toKeyframeValue(\n            custom,\n            '--motion-grow-from',\n            asWeb,\n          )}) translate(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}), calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-travel-to',\n            asWeb,\n          )}) translate(${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )}) scale(${toKeyframeValue(\n            custom,\n            '--motion-grow-to',\n            asWeb,\n          )}) translate(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}), calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\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/MoveScroll.js

@@ -1,95 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const POWER_MAP = {
-  soft: {
-    value: 150,
-    type: 'px'
-  },
-  medium: {
-    value: 400,
-    type: 'px'
-  },
-  hard: {
-    value: 800,
-    type: 'px'
-  }
-};
-function getNames(_) {
-  return ['motion-moveScroll'];
-}
-function web(options, _, config) {
-  return style(options, config, true);
-}
-function style(options, config, asWeb = false) {
-  const {
-    power,
-    angle = 210,
-    range = 'in'
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const {
-    distance: inputDistance = {
-      value: 400,
-      type: 'px'
-    }
-  } = options.namedEffect;
-  const distance = {
-    value: inputDistance.value || 0,
-    type: inputDistance.type || 'px'
-  };
-  const travel = power && POWER_MAP[power] ? POWER_MAP[power] : distance;
-  let [travelX, travelY] = (0, _utils.transformPolarToXY)(angle - 90, travel.value);
-  const unit = (0, _utils.getCssUnits)(travel.type);
-  let startOffsetAdd = '',
-    endOffsetAdd = '';
-  if (!(config != null && config.ignoreScrollMoveOffsets)) {
-    if (travelY < 0 && range !== 'out') {
-      startOffsetAdd = `${travelY}${unit}`;
-      if (range !== 'in') {
-        endOffsetAdd = `${Math.abs(travelY)}${unit}`;
-      }
-    }
-    if (travelY > 0 && range === 'out') {
-      endOffsetAdd = `${Math.abs(travelY)}${unit}`;
-    }
-  }
-  [travelX, travelY] = [travelX, travelY].map(Math.round);
-  const fromValue = {
-    x: range === 'out' ? 0 : travelX,
-    y: range === 'out' ? 0 : travelY
-  };
-  const toValue = {
-    x: range === 'in' ? 0 : range === 'out' ? travelX : -travelX,
-    y: range === 'in' ? 0 : range === 'out' ? travelY : -travelY
-  };
-  const [moveScroll] = getNames(options);
-  const custom = {
-    '--motion-move-from-x': `${fromValue.x}${unit}`,
-    '--motion-move-from-y': `${fromValue.y}${unit}`,
-    '--motion-move-to-x': `${toValue.x}${unit}`,
-    '--motion-move-to-y': `${toValue.y}${unit}`
-  };
-
-  // use transform: translate(<value>) and not translate: <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281
-  return [{
-    ...options,
-    name: moveScroll,
-    fill,
-    easing,
-    startOffsetAdd,
-    endOffsetAdd,
-    custom,
-    keyframes: [{
-      transform: `translate(${(0, _utils.toKeyframeValue)(custom, '--motion-move-from-x', asWeb)}, ${(0, _utils.toKeyframeValue)(custom, '--motion-move-from-y', asWeb)}) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }, {
-      transform: `translate(${(0, _utils.toKeyframeValue)(custom, '--motion-move-to-x', asWeb)}, ${(0, _utils.toKeyframeValue)(custom, '--motion-move-to-y', asWeb)}) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }]
-  }];
-}
-//# sourceMappingURL=MoveScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","POWER_MAP","soft","value","type","medium","hard","getNames","_","web","options","config","style","asWeb","power","angle","range","namedEffect","easing","fill","distance","inputDistance","travel","travelX","travelY","transformPolarToXY","unit","getCssUnits","startOffsetAdd","endOffsetAdd","ignoreScrollMoveOffsets","Math","abs","map","round","fromValue","x","y","toValue","moveScroll","custom","name","keyframes","transform","toKeyframeValue"],"sources":["../../../../src/library/scroll/MoveScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  DomApi,\n  MoveScroll,\n  ScrubAnimationOptions,\n} from '../../types';\nimport { getCssUnits, transformPolarToXY, toKeyframeValue } from '../../utils';\n\nconst POWER_MAP = {\n  soft: { value: 150, type: 'px' },\n  medium: { value: 400, type: 'px' },\n  hard: { value: 800, type: 'px' },\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-moveScroll'];\n}\n\nexport function web(\n  options: ScrubAnimationOptions,\n  _?: DomApi,\n  config?: Record<string, any>,\n) {\n  return style(options, config, true);\n}\n\nexport function style(\n  options: ScrubAnimationOptions,\n  config?: Record<string, any>,\n  asWeb = false,\n) {\n  const {\n    power,\n    angle = 210,\n    range = 'in',\n  } = options.namedEffect as MoveScroll;\n\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const { distance: inputDistance = { value: 400, type: 'px' } } =\n    options.namedEffect as MoveScroll;\n  const distance = {\n    value: inputDistance.value || 0,\n    type: inputDistance.type || 'px',\n  };\n\n  const travel = power && POWER_MAP[power] ? POWER_MAP[power] : distance;\n  let [travelX, travelY] = transformPolarToXY(angle - 90, travel.value);\n  const unit = getCssUnits(travel.type);\n\n  let startOffsetAdd = '',\n    endOffsetAdd = '';\n  if (!config?.ignoreScrollMoveOffsets) {\n    if (travelY < 0 && range !== 'out') {\n      startOffsetAdd = `${travelY}${unit}`;\n      if (range !== 'in') {\n        endOffsetAdd = `${Math.abs(travelY)}${unit}`;\n      }\n    }\n    if (travelY > 0 && range === 'out') {\n      endOffsetAdd = `${Math.abs(travelY)}${unit}`;\n    }\n  }\n\n  [travelX, travelY] = [travelX, travelY].map(Math.round);\n  const fromValue = {\n    x: range === 'out' ? 0 : travelX,\n    y: range === 'out' ? 0 : travelY,\n  };\n  const toValue = {\n    x: range === 'in' ? 0 : range === 'out' ? travelX : -travelX,\n    y: range === 'in' ? 0 : range === 'out' ? travelY : -travelY,\n  };\n\n  const [moveScroll] = getNames(options);\n\n  const custom = {\n    '--motion-move-from-x': `${fromValue.x}${unit}`,\n    '--motion-move-from-y': `${fromValue.y}${unit}`,\n    '--motion-move-to-x': `${toValue.x}${unit}`,\n    '--motion-move-to-y': `${toValue.y}${unit}`,\n  };\n\n  // use transform: translate(<value>) and not translate: <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281\n  return [\n    {\n      ...options,\n      name: moveScroll,\n      fill,\n      easing,\n      startOffsetAdd,\n      endOffsetAdd,\n      custom,\n      keyframes: [\n        {\n          transform: `translate(${toKeyframeValue(\n            custom,\n            '--motion-move-from-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-move-from-y',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translate(${toKeyframeValue(\n            custom,\n            '--motion-move-to-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-move-to-y',\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/PanScroll.js

@@ -1,77 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.prepare = prepare;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-function getNames(_) {
-  return ['motion-panScroll'];
-}
-function prepare(options, dom) {
-  if (options.namedEffect && options.namedEffect.startFromOffScreen && 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 {
-    direction = 'left',
-    startFromOffScreen = true,
-    range = 'in'
-  } = options.namedEffect;
-  let {
-    distance
-  } = options.namedEffect;
-  if (!distance || !distance.value || !distance.type) {
-    distance = {
-      value: 400,
-      type: 'px'
-    };
-  }
-  const travel = distance.value * (direction === 'left' ? 1 : -1);
-  let startX = `${-travel}${(0, _utils.getCssUnits)(distance.type)}`;
-  let endX = `${travel}${(0, _utils.getCssUnits)(distance.type)}`;
-  if (startFromOffScreen) {
-    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')})`;
-    [startX, endX] = direction === 'left' ? [startXLeft, endXLeft] : [endXLeft, startXLeft];
-  }
-  const fromValue = range === 'out' ? 0 : startX;
-  const toValue = range === 'in' ? 0 : range === 'out' ? startX : endX;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const [panScroll] = getNames(options);
-  const custom = {
-    '--motion-pan-from': fromValue,
-    '--motion-pan-to': toValue
-  };
-
-  // use transform: translateX(<value>) and not translate: <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281
-  return [{
-    ...options,
-    name: panScroll,
-    fill,
-    easing,
-    custom,
-    keyframes: [{
-      transform: `translateX(${(0, _utils.toKeyframeValue)(custom, '--motion-pan-from', asWeb)}) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }, {
-      transform: `translateX(${(0, _utils.toKeyframeValue)(custom, '--motion-pan-to', asWeb)}) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }]
-  }];
-}
-//# sourceMappingURL=PanScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","getNames","_","prepare","options","dom","namedEffect","startFromOffScreen","left","measure","target","getBoundingClientRect","mutate","style","setProperty","web","asWeb","direction","range","distance","value","type","travel","startX","getCssUnits","endX","startXLeft","toKeyframeValue","endXLeft","fromValue","toValue","easing","fill","panScroll","custom","name","keyframes","transform"],"sources":["../../../../src/library/scroll/PanScroll.ts"],"sourcesContent":["import {\n  PanScroll,\n  ScrubAnimationOptions,\n  DomApi,\n  AnimationFillMode,\n} from '../../types';\nimport { getCssUnits, toKeyframeValue } from '../../utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-panScroll'];\n}\n\nexport function prepare(options: ScrubAnimationOptions, dom?: DomApi) {\n  if (\n    options.namedEffect &&\n    (options.namedEffect as PanScroll).startFromOffScreen &&\n    dom\n  ) {\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    direction = 'left',\n    startFromOffScreen = true,\n    range = 'in',\n  } = options.namedEffect as PanScroll;\n  let { distance } = options.namedEffect as PanScroll;\n  if (!distance || !distance.value || !distance.type) {\n    distance = { value: 400, type: 'px' };\n  }\n  const travel = distance.value * (direction === 'left' ? 1 : -1);\n  let startX = `${-travel}${getCssUnits(distance.type)}`;\n  let endX = `${travel}${getCssUnits(distance.type)}`;\n  if (startFromOffScreen) {\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    [startX, endX] =\n      direction === 'left' ? [startXLeft, endXLeft] : [endXLeft, startXLeft];\n  }\n\n  const fromValue = range === 'out' ? 0 : startX;\n  const toValue = range === 'in' ? 0 : range === 'out' ? startX : endX;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const [panScroll] = getNames(options);\n\n  const custom = {\n    '--motion-pan-from': fromValue,\n    '--motion-pan-to': toValue,\n  };\n\n  // use transform: translateX(<value>) and not translate: <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281\n  return [\n    {\n      ...options,\n      name: panScroll,\n      fill,\n      easing,\n      custom,\n      keyframes: [\n        {\n          transform: `translateX(${toKeyframeValue(\n            custom,\n            '--motion-pan-from',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translateX(${toKeyframeValue(\n            custom,\n            '--motion-pan-to',\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/ParallaxScroll.js

@@ -1,43 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const DEFAULT_SPEED = 0.5;
-function getNames(_) {
-  return ['motion-parallaxScroll'];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    speed = DEFAULT_SPEED
-  } = options.namedEffect;
-  const easing = 'linear';
-  const start = `${-50 * speed}vh`;
-  const end = `${50 * speed}vh`;
-  const [parallaxScroll] = getNames(options);
-  const custom = {
-    '--motion-parallax-to': end
-  };
-
-  // use transform: translateY(<value>) and not translate: 0 <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281
-  return [{
-    ...options,
-    name: parallaxScroll,
-    fill: 'both',
-    easing,
-    startOffsetAdd: start,
-    endOffsetAdd: end,
-    custom,
-    keyframes: [{
-      transform: `translateY(calc(-1 * ${(0, _utils.toKeyframeValue)(custom, '--motion-parallax-to', asWeb)})) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }, {
-      transform: `translateY(${(0, _utils.toKeyframeValue)(custom, '--motion-parallax-to', asWeb)}) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }]
-  }];
-}
-//# sourceMappingURL=ParallaxScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","DEFAULT_SPEED","getNames","_","web","options","_dom","style","asWeb","speed","namedEffect","easing","start","end","parallaxScroll","custom","name","fill","startOffsetAdd","endOffsetAdd","keyframes","transform","toKeyframeValue"],"sources":["../../../../src/library/scroll/ParallaxScroll.ts"],"sourcesContent":["import type {\n  ScrubAnimationOptions,\n  ParallaxScroll,\n  AnimationFillMode,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst DEFAULT_SPEED = 0.5;\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-parallaxScroll'];\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 { speed = DEFAULT_SPEED } = options.namedEffect as ParallaxScroll;\n  const easing = 'linear';\n\n  const start = `${-50 * speed}vh`;\n  const end = `${50 * speed}vh`;\n\n  const [parallaxScroll] = getNames(options);\n\n  const custom = {\n    '--motion-parallax-to': end,\n  };\n\n  // use transform: translateY(<value>) and not translate: 0 <value> because of WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=276281\n  return [\n    {\n      ...options,\n      name: parallaxScroll,\n      fill: 'both' as AnimationFillMode,\n      easing,\n      startOffsetAdd: start,\n      endOffsetAdd: end,\n      custom,\n      keyframes: [\n        {\n          transform: `translateY(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-parallax-to',\n            asWeb,\n          )})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-parallax-to',\n            asWeb,\n          )}) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,aAAa,GAAG,GAAG;AAElB,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,CAAC,uBAAuB,CAAC;AAClC;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;IAAEC,KAAK,GAAGR;EAAc,CAAC,GAAGI,OAAO,CAACK,WAA6B;EACvE,MAAMC,MAAM,GAAG,QAAQ;EAEvB,MAAMC,KAAK,GAAG,GAAG,CAAC,EAAE,GAAGH,KAAK,IAAI;EAChC,MAAMI,GAAG,GAAG,GAAG,EAAE,GAAGJ,KAAK,IAAI;EAE7B,MAAM,CAACK,cAAc,CAAC,GAAGZ,QAAQ,CAACG,OAAO,CAAC;EAE1C,MAAMU,MAAM,GAAG;IACb,sBAAsB,EAAEF;EAC1B,CAAC;;EAED;EACA,OAAO,CACL;IACE,GAAGR,OAAO;IACVW,IAAI,EAAEF,cAAc;IACpBG,IAAI,EAAE,MAA2B;IACjCN,MAAM;IACNO,cAAc,EAAEN,KAAK;IACrBO,YAAY,EAAEN,GAAG;IACjBE,MAAM;IACNK,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,wBAAwB,IAAAC,sBAAe,EAChDP,MAAM,EACN,sBAAsB,EACtBP,KACF,CAAC,aAAa,IAAAc,sBAAe,EAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,CAAC;IAClE,CAAC,EACD;MACED,SAAS,EAAE,cAAc,IAAAC,sBAAe,EACtCP,MAAM,EACN,sBAAsB,EACtBP,KACF,CAAC,YAAY,IAAAc,sBAAe,EAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,CAAC;IACjE,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,59 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.prepare = prepare;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-function getNames(options) {
-  const {
-    range = 'in'
-  } = options.namedEffect;
-  return [`motion-revealScroll${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);
-}
-function style(options) {
-  const {
-    direction = 'bottom',
-    range = 'in'
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const [revealScroll] = getNames(options);
-  const custom = {
-    '--motion-clip-from': (0, _utils.getRevealClipFrom)(direction, range),
-    '--motion-clip-to': (0, _utils.getRevealClipTo)(direction, range)
-  };
-  const keyframes = [{
-    clipPath: (0, _utils.toKeyframeValue)({}, '--motion-clip-from', false, custom['--motion-clip-from'])
-  }, {
-    clipPath: (0, _utils.toKeyframeValue)({}, '--motion-clip-to', false, custom['--motion-clip-to'])
-  }];
-  if (range === 'continuous') {
-    keyframes.splice(1, 0, {
-      clipPath: _utils.INITIAL_CLIP
-    });
-  }
-  return [{
-    ...options,
-    name: revealScroll,
-    fill,
-    easing,
-    custom,
-    keyframes
-  }];
-}
-//# sourceMappingURL=RevealScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","getNames","options","range","namedEffect","prepare","dom","direction","applyRotationAdjustedClip","web","style","easing","fill","revealScroll","custom","getRevealClipFrom","getRevealClipTo","keyframes","clipPath","toKeyframeValue","splice","INITIAL_CLIP","name"],"sources":["../../../../src/library/scroll/RevealScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  RevealScroll,\n  DomApi,\n} from '../../types';\nimport {\n  applyRotationAdjustedClip,\n  getRevealClipFrom,\n  getRevealClipTo,\n  toKeyframeValue,\n  INITIAL_CLIP,\n} from '../../utils';\n\nexport function getNames(options: ScrubAnimationOptions) {\n  const { range = 'in' } = options.namedEffect as RevealScroll;\n  return [`motion-revealScroll${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 RevealScroll;\n    applyRotationAdjustedClip(dom, direction, range);\n  }\n}\n\nexport function web(options: ScrubAnimationOptions, dom?: DomApi) {\n  prepare(options, dom);\n\n  return style(options);\n}\n\nexport function style(options: ScrubAnimationOptions) {\n  const { direction = 'bottom', range = 'in' } =\n    options.namedEffect as RevealScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const [revealScroll] = getNames(options);\n\n  const custom = {\n    '--motion-clip-from': getRevealClipFrom(direction, range),\n    '--motion-clip-to': getRevealClipTo(direction, range),\n  };\n\n  const keyframes = [\n    {\n      clipPath: toKeyframeValue(\n        {},\n        '--motion-clip-from',\n        false,\n        custom['--motion-clip-from'],\n      ),\n    },\n    {\n      clipPath: toKeyframeValue(\n        {},\n        '--motion-clip-to',\n        false,\n        custom['--motion-clip-to'],\n      ),\n    },\n  ];\n\n  if (range === 'continuous') {\n    keyframes.splice(1, 0, { clipPath: INITIAL_CLIP });\n  }\n\n  return [\n    {\n      ...options,\n      name: revealScroll,\n      fill,\n      easing,\n      custom,\n      keyframes,\n    },\n  ];\n}\n"],"mappings":";;;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAQO,SAASC,QAAQA,CAACC,OAA8B,EAAE;EACvD,MAAM;IAAEC,KAAK,GAAG;EAAK,CAAC,GAAGD,OAAO,CAACE,WAA2B;EAC5D,OAAO,CAAC,sBAAsBD,KAAK,KAAK,YAAY,GAAG,aAAa,GAAG,EAAE,EAAE,CAAC;AAC9E;AAEO,SAASE,OAAOA,CAACH,OAA8B,EAAEI,GAAY,EAAE;EACpE,IAAIA,GAAG,EAAE;IACP,MAAM;MAAEC,SAAS,GAAG,QAAQ;MAAEJ,KAAK,GAAG;IAAK,CAAC,GAC1CD,OAAO,CAACE,WAA2B;IACrC,IAAAI,gCAAyB,EAACF,GAAG,EAAEC,SAAS,EAAEJ,KAAK,CAAC;EAClD;AACF;AAEO,SAASM,GAAGA,CAACP,OAA8B,EAAEI,GAAY,EAAE;EAChED,OAAO,CAACH,OAAO,EAAEI,GAAG,CAAC;EAErB,OAAOI,KAAK,CAACR,OAAO,CAAC;AACvB;AAEO,SAASQ,KAAKA,CAACR,OAA8B,EAAE;EACpD,MAAM;IAAEK,SAAS,GAAG,QAAQ;IAAEJ,KAAK,GAAG;EAAK,CAAC,GAC1CD,OAAO,CAACE,WAA2B;EACrC,MAAMO,MAAM,GAAG,QAAQ;EACvB,MAAMC,IAAI,GACRT,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGD,OAAO,CAACU,IAClD;EAEtB,MAAM,CAACC,YAAY,CAAC,GAAGZ,QAAQ,CAACC,OAAO,CAAC;EAExC,MAAMY,MAAM,GAAG;IACb,oBAAoB,EAAE,IAAAC,wBAAiB,EAACR,SAAS,EAAEJ,KAAK,CAAC;IACzD,kBAAkB,EAAE,IAAAa,sBAAe,EAACT,SAAS,EAAEJ,KAAK;EACtD,CAAC;EAED,MAAMc,SAAS,GAAG,CAChB;IACEC,QAAQ,EAAE,IAAAC,sBAAe,EACvB,CAAC,CAAC,EACF,oBAAoB,EACpB,KAAK,EACLL,MAAM,CAAC,oBAAoB,CAC7B;EACF,CAAC,EACD;IACEI,QAAQ,EAAE,IAAAC,sBAAe,EACvB,CAAC,CAAC,EACF,kBAAkB,EAClB,KAAK,EACLL,MAAM,CAAC,kBAAkB,CAC3B;EACF,CAAC,CACF;EAED,IAAIX,KAAK,KAAK,YAAY,EAAE;IAC1Bc,SAAS,CAACG,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE;MAAEF,QAAQ,EAAEG;IAAa,CAAC,CAAC;EACpD;EAEA,OAAO,CACL;IACE,GAAGnB,OAAO;IACVoB,IAAI,EAAET,YAAY;IAClBD,IAAI;IACJD,MAAM;IACNG,MAAM;IACNG;EACF,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,114 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const SHAPES = {
-  diamond: {
-    start: {
-      soft: 'polygon(50% 20%, 80% 50%, 50% 80%, 20% 50%)',
-      medium: 'polygon(50% 40%, 60% 50%, 50% 60%, 40% 50%)',
-      hard: 'polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)'
-    },
-    end: 'polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%)'
-  },
-  window: {
-    start: {
-      soft: 'inset(20% round 50% 50% 0% 0%)',
-      medium: 'inset(35% round 50% 50% 0% 0%)',
-      hard: 'inset(50% round 50% 50% 0% 0%)'
-    },
-    end: 'inset(-20% round 50% 50% 0% 0%)'
-  },
-  rectangle: {
-    start: {
-      soft: 'inset(20%)',
-      medium: 'inset(50%)',
-      hard: 'inset(80%)'
-    },
-    end: 'inset(0%)'
-  },
-  circle: {
-    start: {
-      soft: 'circle(40%)',
-      medium: 'circle(25%)',
-      hard: 'circle(0%)'
-    },
-    end: 'circle(75%)'
-  },
-  ellipse: {
-    start: {
-      soft: 'ellipse(50% 50%)',
-      medium: 'ellipse(30% 30%)',
-      hard: 'ellipse(0% 0%)'
-    },
-    end: 'ellipse(75% 75%)'
-  }
-};
-const RESPONSIVE_SHAPES_MAP = {
-  diamond: clipFactor => {
-    const clip = clipFactor / 2;
-    const clipNeg = 100 - clip;
-    return [`polygon(50% ${clip}%, ${clipNeg}% 50%, 50% ${clipNeg}%, ${clip}% 50%)`, 'polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%)'];
-  },
-  window: clipFactor => [`inset(${clipFactor / 2}% round 50% 50% 0% 0%)`, 'inset(-20% round 50% 50% 0% 0%)'],
-  rectangle: clipFactor => [`inset(${clipFactor}%)`, `inset(0%)`],
-  circle: clipFactor => [`circle(${100 - clipFactor}%)`, `circle(75%)`],
-  ellipse: clipFactor => {
-    const clip = 50 - clipFactor / 2;
-    return [`ellipse(${clip}% ${clip}%)`, `ellipse(75% 75%)`];
-  }
-};
-function getNames(options) {
-  const {
-    range = 'in'
-  } = options.namedEffect;
-  return [`motion-shapeScroll${range === 'continuous' ? '-continuous' : ''}`];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    power,
-    intensity = 0.5,
-    range = 'in'
-  } = options.namedEffect;
-  let {
-    shape = 'circle'
-  } = options.namedEffect;
-  if (!(shape in SHAPES)) {
-    shape = 'circle';
-  }
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const [start, end] = power && SHAPES[shape].start[power] ? [SHAPES[shape].start[power], SHAPES[shape].end] : RESPONSIVE_SHAPES_MAP[shape](intensity * 100);
-  const [shapeScroll] = getNames(options);
-  const custom = {
-    '--motion-clip-from': range === 'out' ? end : start,
-    '--motion-clip-to': range === 'out' ? start : end
-  };
-  const easing = (0, _utils.getEasing)('circInOut');
-  const keyframes = [{
-    clipPath: (0, _utils.toKeyframeValue)(custom, `--motion-clip-from`, asWeb),
-    easing
-  }, {
-    clipPath: (0, _utils.toKeyframeValue)(custom, `--motion-clip-to`, asWeb)
-  }];
-  if (range === 'continuous') {
-    keyframes[1].easing = easing;
-    keyframes.push({
-      clipPath: (0, _utils.toKeyframeValue)(custom, `--motion-clip-from`, asWeb)
-    });
-  }
-  return [{
-    ...options,
-    name: shapeScroll,
-    fill,
-    easing: 'linear',
-    custom,
-    keyframes
-  }];
-}
-//# sourceMappingURL=ShapeScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","SHAPES","diamond","start","soft","medium","hard","end","window","rectangle","circle","ellipse","RESPONSIVE_SHAPES_MAP","clipFactor","clip","clipNeg","getNames","options","range","namedEffect","web","_dom","style","asWeb","power","intensity","shape","fill","shapeScroll","custom","easing","getEasing","keyframes","clipPath","toKeyframeValue","push","name"],"sources":["../../../../src/library/scroll/ShapeScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  EffectPower,\n  ScrubAnimationOptions,\n  ShapeScroll,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue, getEasing } from '../../utils';\n\nconst SHAPES: Record<\n  ShapeScroll['shape'],\n  { start: Record<EffectPower, string>; end: string }\n> = {\n  diamond: {\n    start: {\n      soft: 'polygon(50% 20%, 80% 50%, 50% 80%, 20% 50%)',\n      medium: 'polygon(50% 40%, 60% 50%, 50% 60%, 40% 50%)',\n      hard: 'polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)',\n    },\n    end: 'polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%)',\n  },\n  window: {\n    start: {\n      soft: 'inset(20% round 50% 50% 0% 0%)',\n      medium: 'inset(35% round 50% 50% 0% 0%)',\n      hard: 'inset(50% round 50% 50% 0% 0%)',\n    },\n    end: 'inset(-20% round 50% 50% 0% 0%)',\n  },\n  rectangle: {\n    start: {\n      soft: 'inset(20%)',\n      medium: 'inset(50%)',\n      hard: 'inset(80%)',\n    },\n    end: 'inset(0%)',\n  },\n  circle: {\n    start: {\n      soft: 'circle(40%)',\n      medium: 'circle(25%)',\n      hard: 'circle(0%)',\n    },\n    end: 'circle(75%)',\n  },\n  ellipse: {\n    start: {\n      soft: 'ellipse(50% 50%)',\n      medium: 'ellipse(30% 30%)',\n      hard: 'ellipse(0% 0%)',\n    },\n    end: 'ellipse(75% 75%)',\n  },\n};\n\nconst RESPONSIVE_SHAPES_MAP = {\n  diamond: (clipFactor: number) => {\n    const clip = clipFactor / 2;\n    const clipNeg = 100 - clip;\n    return [\n      `polygon(50% ${clip}%, ${clipNeg}% 50%, 50% ${clipNeg}%, ${clip}% 50%)`,\n      'polygon(50% -50%, 150% 50%, 50% 150%, -50% 50%)',\n    ];\n  },\n  window: (clipFactor: number) => [\n    `inset(${clipFactor / 2}% round 50% 50% 0% 0%)`,\n    'inset(-20% round 50% 50% 0% 0%)',\n  ],\n  rectangle: (clipFactor: number) => [`inset(${clipFactor}%)`, `inset(0%)`],\n  circle: (clipFactor: number) => [\n    `circle(${100 - clipFactor}%)`,\n    `circle(75%)`,\n  ],\n  ellipse: (clipFactor: number) => {\n    const clip = 50 - clipFactor / 2;\n    return [`ellipse(${clip}% ${clip}%)`, `ellipse(75% 75%)`];\n  },\n};\n\nexport function getNames(options: ScrubAnimationOptions) {\n  const { range = 'in' } = options.namedEffect as ShapeScroll;\n  return [`motion-shapeScroll${range === 'continuous' ? '-continuous' : ''}`];\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    intensity = 0.5,\n    range = 'in',\n  } = options.namedEffect as ShapeScroll;\n  let { shape = 'circle' } = options.namedEffect as ShapeScroll;\n  if (!(shape in SHAPES)) {\n    shape = 'circle';\n  }\n\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const [start, end] =\n    power && SHAPES[shape].start[power]\n      ? [SHAPES[shape].start[power], SHAPES[shape].end]\n      : RESPONSIVE_SHAPES_MAP[shape](intensity * 100);\n\n  const [shapeScroll] = getNames(options);\n\n  const custom = {\n    '--motion-clip-from': range === 'out' ? end : start,\n    '--motion-clip-to': range === 'out' ? start : end,\n  };\n\n  const easing = getEasing('circInOut');\n\n  const keyframes = [\n    {\n      clipPath: toKeyframeValue(custom, `--motion-clip-from`, asWeb),\n      easing,\n    },\n    { clipPath: toKeyframeValue(custom, `--motion-clip-to`, asWeb) },\n  ];\n\n  if (range === 'continuous') {\n    keyframes[1].easing = easing;\n    keyframes.push({\n      clipPath: toKeyframeValue(custom, `--motion-clip-from`, asWeb),\n    });\n  }\n\n  return [\n    {\n      ...options,\n      name: shapeScroll,\n      fill,\n      easing: 'linear',\n      custom,\n      keyframes,\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,99 +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: {
-    scaleFrom: 1.2,
-    scaleTo: 0.8,
-    travelY: 0
-  },
-  medium: {
-    scaleFrom: 1.7,
-    scaleTo: 0.3,
-    travelY: 0.5
-  },
-  hard: {
-    scaleFrom: 3.5,
-    scaleTo: 0,
-    travelY: 1
-  }
-};
-const directionMap = {
-  top: [0, -50],
-  'top-right': [50, -50],
-  right: [50, 0],
-  'bottom-right': [50, 50],
-  bottom: [0, 50],
-  'bottom-left': [-50, 50],
-  left: [-50, 0],
-  'top-left': [-50, -50],
-  center: [0, 0]
-};
-function getNames(_) {
-  return ['motion-shrinkScroll'];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    power,
-    range = 'in',
-    scale = range === 'in' ? 1.2 : 0.8,
-    direction = 'center',
-    speed = 0
-  } = options.namedEffect;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const {
-    scaleFrom,
-    scaleTo,
-    travelY
-  } = power && POWER_MAP[power] ? POWER_MAP[power] : {
-    scaleFrom: scale,
-    scaleTo: scale,
-    travelY: speed
-  };
-  const travel = travelY * MAX_Y_TRAVEL;
-  const fromValues = {
-    scale: range === 'out' ? 1 : scaleFrom,
-    travel: range === 'out' ? 0 : -travel
-  };
-  const toValues = {
-    scale: range === 'in' ? 1 : scaleTo,
-    travel: range === 'in' ? 0 : travel
-  };
-  const offset = Math.abs(power && POWER_MAP[power] ? POWER_MAP[power].travelY : travel);
-  const startOffsetAdd = range === 'out' ? '0px' : `${-offset}vh`;
-  const endOffsetAdd = range === 'in' ? '0px' : `${offset}vh`;
-  const [trnsX, trnsY] = directionMap[direction] || [0, 0];
-  const [shrinkScroll] = getNames(options);
-  const custom = {
-    '--motion-travel-from': `${fromValues.travel}vh`,
-    '--motion-travel-to': `${toValues.travel}vh`,
-    '--motion-shrink-from': fromValues.scale,
-    '--motion-shrink-to': toValues.scale,
-    '--motion-trans-x': `${trnsX}%`,
-    '--motion-trans-y': `${trnsY}%`
-  };
-  return [{
-    ...options,
-    name: shrinkScroll,
-    fill,
-    easing,
-    custom,
-    startOffsetAdd,
-    endOffsetAdd,
-    keyframes: [{
-      transform: `translateY(${(0, _utils.toKeyframeValue)(custom, '--motion-travel-from', asWeb)}) translate(${(0, _utils.toKeyframeValue)(custom, '--motion-trans-x', asWeb)}, ${(0, _utils.toKeyframeValue)(custom, '--motion-trans-y', asWeb)}) scale(${(0, _utils.toKeyframeValue)(custom, '--motion-shrink-from', asWeb)}) translate(calc(-1 * ${(0, _utils.toKeyframeValue)(custom, '--motion-trans-x', asWeb)}), calc(-1 * ${(0, _utils.toKeyframeValue)(custom, '--motion-trans-y', asWeb)})) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }, {
-      transform: `translateY(${(0, _utils.toKeyframeValue)(custom, '--motion-travel-to', asWeb)}) translate(${(0, _utils.toKeyframeValue)(custom, '--motion-trans-x', asWeb)}, ${(0, _utils.toKeyframeValue)(custom, '--motion-trans-y', asWeb)}) scale(${(0, _utils.toKeyframeValue)(custom, '--motion-shrink-to', asWeb)}) translate(calc(-1 * ${(0, _utils.toKeyframeValue)(custom, '--motion-trans-x', asWeb)}), calc(-1 * ${(0, _utils.toKeyframeValue)(custom, '--motion-trans-y', asWeb)})) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0')})`
-    }]
-  }];
-}
-//# sourceMappingURL=ShrinkScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","MAX_Y_TRAVEL","POWER_MAP","soft","scaleFrom","scaleTo","travelY","medium","hard","directionMap","top","right","bottom","left","center","getNames","_","web","options","_dom","style","asWeb","power","range","scale","direction","speed","namedEffect","easing","fill","travel","fromValues","toValues","offset","Math","abs","startOffsetAdd","endOffsetAdd","trnsX","trnsY","shrinkScroll","custom","name","keyframes","transform","toKeyframeValue"],"sources":["../../../../src/library/scroll/ShrinkScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  ScrubAnimationOptions,\n  ShrinkScroll,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst MAX_Y_TRAVEL = 40;\nconst POWER_MAP = {\n  soft: { scaleFrom: 1.2, scaleTo: 0.8, travelY: 0 },\n  medium: { scaleFrom: 1.7, scaleTo: 0.3, travelY: 0.5 },\n  hard: { scaleFrom: 3.5, scaleTo: 0, travelY: 1 },\n};\n\nconst directionMap = {\n  top: [0, -50],\n  'top-right': [50, -50],\n  right: [50, 0],\n  'bottom-right': [50, 50],\n  bottom: [0, 50],\n  'bottom-left': [-50, 50],\n  left: [-50, 0],\n  'top-left': [-50, -50],\n  center: [0, 0],\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-shrinkScroll'];\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    range = 'in',\n    scale = range === 'in' ? 1.2 : 0.8,\n    direction = 'center',\n    speed = 0,\n  } = options.namedEffect as ShrinkScroll;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const { scaleFrom, scaleTo, travelY } =\n    power && POWER_MAP[power]\n      ? POWER_MAP[power]\n      : {\n          scaleFrom: scale,\n          scaleTo: scale,\n          travelY: speed,\n        };\n  const travel = travelY * MAX_Y_TRAVEL;\n\n  const fromValues = {\n    scale: range === 'out' ? 1 : scaleFrom,\n    travel: range === 'out' ? 0 : -travel,\n  };\n  const toValues = {\n    scale: range === 'in' ? 1 : scaleTo,\n    travel: range === 'in' ? 0 : travel,\n  };\n\n  const offset = Math.abs(\n    power && POWER_MAP[power] ? POWER_MAP[power].travelY : travel,\n  );\n  const startOffsetAdd = range === 'out' ? '0px' : `${-offset}vh`;\n  const endOffsetAdd = range === 'in' ? '0px' : `${offset}vh`;\n\n  const [trnsX, trnsY] = directionMap[direction] || [0, 0];\n\n  const [shrinkScroll] = getNames(options);\n\n  const custom = {\n    '--motion-travel-from': `${fromValues.travel}vh`,\n    '--motion-travel-to': `${toValues.travel}vh`,\n    '--motion-shrink-from': fromValues.scale,\n    '--motion-shrink-to': toValues.scale,\n    '--motion-trans-x': `${trnsX}%`,\n    '--motion-trans-y': `${trnsY}%`,\n  };\n\n  return [\n    {\n      ...options,\n      name: shrinkScroll,\n      fill,\n      easing,\n      custom,\n      startOffsetAdd,\n      endOffsetAdd,\n      keyframes: [\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-travel-from',\n            asWeb,\n          )}) translate(${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )}) scale(${toKeyframeValue(\n            custom,\n            '--motion-shrink-from',\n            asWeb,\n          )}) translate(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}), calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n        {\n          transform: `translateY(${toKeyframeValue(\n            custom,\n            '--motion-travel-to',\n            asWeb,\n          )}) translate(${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}, ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )}) scale(${toKeyframeValue(\n            custom,\n            '--motion-shrink-to',\n            asWeb,\n          )}) translate(calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-x',\n            asWeb,\n          )}), calc(-1 * ${toKeyframeValue(\n            custom,\n            '--motion-trans-y',\n            asWeb,\n          )})) rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0')})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":"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","ignoreList":[]}