@wix/motion 1.665.0 → 2.0.0-rc.3

package/dist/cjs/library/ongoing/Swing.js

@@ -1,130 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const POWER_TO_SWING_FACTOR_MAP = {
-  soft: 1,
-  medium: 2,
-  hard: 3
-};
-const DIRECTION_MAP = {
-  top: {
-    x: 0,
-    y: -1
-  },
-  right: {
-    x: 1,
-    y: 0
-  },
-  bottom: {
-    x: 0,
-    y: 1
-  },
-  left: {
-    x: -1,
-    y: 0
-  }
-};
-const TRANSLATE_DISTANCE = 50;
-const FACTORS_SEQUENCE = [{
-  factor: 1,
-  timeFactor: 0.25
-}, {
-  factor: -1,
-  timeFactor: 0.5
-}, {
-  factor: 0.6,
-  timeFactor: 0.5
-}, {
-  factor: -0.3,
-  timeFactor: 0.5
-}, {
-  factor: 0.2,
-  timeFactor: 0.5
-}, {
-  factor: -0.05,
-  timeFactor: 0.5
-}, {
-  factor: 0,
-  timeFactor: 0.4
-}];
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    power,
-    swing = 20,
-    direction = 'top'
-  } = options.namedEffect;
-  const duration = options.duration || 1;
-  const delay = options.delay || 0;
-  const easing = options.easing || 'sineInOut';
-  const ease = (0, _utils.getEasingFamily)(easing);
-  const [name] = getNames(options);
-  const swingDeg = typeof power !== 'undefined' ? 20 * POWER_TO_SWING_FACTOR_MAP[power] : swing;
-  const {
-    x,
-    y
-  } = DIRECTION_MAP[direction];
-  const totalDuration = 3.55 * duration + delay;
-  const timingFactor = (0, _utils.getTimingFactor)(duration, totalDuration - duration);
-
-  // Create CSS custom properties for the swing configuration
-  const custom = {
-    '--motion-swing-deg': `${swingDeg}deg`,
-    '--motion-trans-x': `${x * TRANSLATE_DISTANCE}%`,
-    '--motion-trans-y': `${y * TRANSLATE_DISTANCE}%`,
-    '--motion-ease-in': (0, _utils.getEasing)(ease.in),
-    '--motion-ease-inout': (0, _utils.getEasing)(ease.inOut),
-    '--motion-ease-out': (0, _utils.getEasing)(ease.out)
-  };
-  const translateBefore = `translate(${(0, _utils.toKeyframeValue)(custom, '--motion-trans-x', asWeb)}, ${(0, _utils.toKeyframeValue)(custom, '--motion-trans-y', asWeb)})`;
-  const translateAfter = `translate(calc(${(0, _utils.toKeyframeValue)(custom, '--motion-trans-x', asWeb)} * -1), calc(${(0, _utils.toKeyframeValue)(custom, '--motion-trans-y', asWeb)} * -1))`;
-  let currentOffset = 0;
-  // in case a delay is applied, animate a different sequence which decays to a stop
-  const keyframes = delay ? FACTORS_SEQUENCE.map(({
-    factor,
-    timeFactor
-  }) => {
-    const keyframeOffset = currentOffset + timeFactor * timingFactor;
-    currentOffset = keyframeOffset;
-    return {
-      offset: keyframeOffset,
-      easing: (0, _utils.toKeyframeValue)(custom, '--motion-ease-inout', asWeb),
-      transform: `rotate(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(calc(${(0, _utils.toKeyframeValue)(custom, '--motion-swing-deg', asWeb)} * ${factor})) ${translateAfter}`
-    };
-  }) : [{
-    offset: 0.25,
-    easing: (0, _utils.toKeyframeValue)(custom, '--motion-ease-inout', asWeb),
-    transform: `rotate(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(${(0, _utils.toKeyframeValue)(custom, '--motion-swing-deg', asWeb)}) ${translateAfter}`
-  }, {
-    offset: 0.75,
-    easing: (0, _utils.toKeyframeValue)(custom, '--motion-ease-in', asWeb),
-    transform: `rotate(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(calc(${(0, _utils.toKeyframeValue)(custom, '--motion-swing-deg', asWeb)} * -1)) ${translateAfter}`
-  }];
-  return [{
-    ...options,
-    name,
-    easing: 'linear',
-    delay: 0,
-    duration: delay ? totalDuration : duration,
-    custom,
-    keyframes: [{
-      offset: 0,
-      easing: (0, _utils.toKeyframeValue)(custom, '--motion-ease-out', asWeb),
-      transform: `rotateZ(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(0deg) ${translateAfter}`
-    }, ...keyframes, {
-      offset: 1,
-      transform: `rotateZ(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(0deg) ${translateAfter}`
-    }]
-  }];
-}
-function getNames(options) {
-  const timingFactor = (0, _utils.getTimingFactor)(options.duration, options.delay, true);
-  return [`motion-swing-${timingFactor}`];
-}
-//# sourceMappingURL=Swing.js.map

package/dist/cjs/library/ongoing/Swing.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","POWER_TO_SWING_FACTOR_MAP","soft","medium","hard","DIRECTION_MAP","top","x","y","right","bottom","left","TRANSLATE_DISTANCE","FACTORS_SEQUENCE","factor","timeFactor","web","options","_dom","style","asWeb","power","swing","direction","namedEffect","duration","delay","easing","ease","getEasingFamily","name","getNames","swingDeg","totalDuration","timingFactor","getTimingFactor","custom","getEasing","in","inOut","out","translateBefore","toKeyframeValue","translateAfter","currentOffset","keyframes","map","keyframeOffset","offset","transform"],"sources":["../../../../src/library/ongoing/Swing.ts"],"sourcesContent":["import type {\n  Swing,\n  TimeAnimationOptions,\n  DomApi,\n  AnimationExtraOptions,\n} from '../../types';\nimport {\n  getEasing,\n  getEasingFamily,\n  getTimingFactor,\n  toKeyframeValue,\n} from '../../utils';\n\nconst POWER_TO_SWING_FACTOR_MAP = {\n  soft: 1,\n  medium: 2,\n  hard: 3,\n};\n\nconst DIRECTION_MAP = {\n  top: { x: 0, y: -1 },\n  right: { x: 1, y: 0 },\n  bottom: { x: 0, y: 1 },\n  left: { x: -1, y: 0 },\n};\n\nconst TRANSLATE_DISTANCE = 50;\n\nconst FACTORS_SEQUENCE = [\n  { factor: 1, timeFactor: 0.25 },\n  { factor: -1, timeFactor: 0.5 },\n  { factor: 0.6, timeFactor: 0.5 },\n  { factor: -0.3, timeFactor: 0.5 },\n  { factor: 0.2, timeFactor: 0.5 },\n  { factor: -0.05, timeFactor: 0.5 },\n  { factor: 0, timeFactor: 0.4 },\n];\n\nexport function web(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n  _dom?: DomApi,\n) {\n  return style(options, true);\n}\n\nexport function style(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n  asWeb = false,\n) {\n  const { power, swing = 20, direction = 'top' } = options.namedEffect as Swing;\n\n  const duration = options.duration || 1;\n  const delay = options.delay || 0;\n  const easing = options.easing || 'sineInOut';\n  const ease = getEasingFamily(easing);\n  const [name] = getNames(options);\n\n  const swingDeg =\n    typeof power !== 'undefined'\n      ? 20 * POWER_TO_SWING_FACTOR_MAP[power]\n      : swing;\n\n  const { x, y } = DIRECTION_MAP[direction];\n  const totalDuration = 3.55 * duration + delay;\n  const timingFactor = getTimingFactor(\n    duration,\n    totalDuration - duration,\n  ) as number;\n\n  // Create CSS custom properties for the swing configuration\n  const custom: Record<string, string | number> = {\n    '--motion-swing-deg': `${swingDeg}deg`,\n    '--motion-trans-x': `${x * TRANSLATE_DISTANCE}%`,\n    '--motion-trans-y': `${y * TRANSLATE_DISTANCE}%`,\n    '--motion-ease-in': getEasing(ease.in),\n    '--motion-ease-inout': getEasing(ease.inOut),\n    '--motion-ease-out': getEasing(ease.out),\n  };\n\n  const translateBefore = `translate(${toKeyframeValue(\n    custom,\n    '--motion-trans-x',\n    asWeb,\n  )}, ${toKeyframeValue(custom, '--motion-trans-y', asWeb)})`;\n\n  const translateAfter = `translate(calc(${toKeyframeValue(\n    custom,\n    '--motion-trans-x',\n    asWeb,\n  )} * -1), calc(${toKeyframeValue(custom, '--motion-trans-y', asWeb)} * -1))`;\n\n  let currentOffset = 0;\n  // in case a delay is applied, animate a different sequence which decays to a stop\n  const keyframes = delay\n    ? FACTORS_SEQUENCE.map(({ factor, timeFactor }) => {\n        const keyframeOffset = currentOffset + timeFactor * timingFactor;\n        currentOffset = keyframeOffset;\n\n        return {\n          offset: keyframeOffset,\n          easing: toKeyframeValue(custom, '--motion-ease-inout', asWeb),\n          transform: `rotate(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(calc(${toKeyframeValue(\n            custom,\n            '--motion-swing-deg',\n            asWeb,\n          )} * ${factor})) ${translateAfter}`,\n        };\n      })\n    : [\n        {\n          offset: 0.25,\n          easing: toKeyframeValue(custom, '--motion-ease-inout', asWeb),\n          transform: `rotate(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(${toKeyframeValue(\n            custom,\n            '--motion-swing-deg',\n            asWeb,\n          )}) ${translateAfter}`,\n        },\n        {\n          offset: 0.75,\n          easing: toKeyframeValue(custom, '--motion-ease-in', asWeb),\n          transform: `rotate(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(calc(${toKeyframeValue(\n            custom,\n            '--motion-swing-deg',\n            asWeb,\n          )} * -1)) ${translateAfter}`,\n        },\n      ];\n\n  return [\n    {\n      ...options,\n      name,\n      easing: 'linear',\n      delay: 0,\n      duration: delay ? totalDuration : duration,\n      custom,\n      keyframes: [\n        {\n          offset: 0,\n          easing: toKeyframeValue(custom, '--motion-ease-out', asWeb),\n          transform: `rotateZ(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(0deg) ${translateAfter}`,\n        },\n        ...keyframes,\n        {\n          offset: 1,\n          transform: `rotateZ(var(--comp-rotate-z, 0deg)) ${translateBefore} rotate(0deg) ${translateAfter}`,\n        },\n      ],\n    },\n  ];\n}\n\nexport function getNames(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n  const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n  return [`motion-swing-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/library/ongoing/Wiggle.js

@@ -1,88 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const POWER_TO_WIGGLE_FACTOR_MAP = {
-  soft: 1,
-  medium: 2,
-  hard: 4
-};
-const TRANSFORM_KEYFRAMES = [{
-  keyframe: 18,
-  transY: -10,
-  accRotate: 10
-}, {
-  keyframe: 35,
-  transY: 0,
-  accRotate: -18
-}, {
-  keyframe: 53,
-  transY: 0,
-  accRotate: 14
-}, {
-  keyframe: 73,
-  transY: 0,
-  accRotate: -10
-}, {
-  keyframe: 100,
-  transY: 0,
-  accRotate: 4
-}];
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    power,
-    intensity = 0.5
-  } = options.namedEffect;
-  const duration = options.duration || 1;
-  const delay = options.delay || 0;
-  const timingFactor = (0, _utils.getTimingFactor)(duration, delay);
-  const [name] = getNames(options);
-  const responsiveWiggleFactor = (0, _utils.mapRange)(0, 1, POWER_TO_WIGGLE_FACTOR_MAP.soft, POWER_TO_WIGGLE_FACTOR_MAP.hard, intensity);
-  const wiggleFactor = power && POWER_TO_WIGGLE_FACTOR_MAP[power] || responsiveWiggleFactor;
-  let currentRotation = 0;
-
-  // Create CSS custom properties for the wiggle configuration
-  const custom = {
-    '--motion-wiggle-factor': wiggleFactor
-  };
-  const keyframes = TRANSFORM_KEYFRAMES.map(({
-    keyframe,
-    transY,
-    accRotate
-  }) => {
-    const offset = keyframe / 100 * timingFactor;
-    const rotateValue = `calc(var(--comp-rotate-z, 0deg) + ${(0, _utils.roundNumber)(currentRotation + accRotate * wiggleFactor)}deg)`;
-    const translateYValue = `${transY * wiggleFactor}px`;
-    const rotateKey = `--motion-rotate-${keyframe}`;
-    const translateYKey = `--motion-translate-y-${keyframe}`;
-
-    // For non-web usage, add the values to custom properties
-    custom[rotateKey] = rotateValue;
-    custom[translateYKey] = translateYValue;
-    currentRotation += accRotate * wiggleFactor;
-    return {
-      offset,
-      transform: `rotate(${(0, _utils.toKeyframeValue)(custom, rotateKey, asWeb)}) translateY(${(0, _utils.toKeyframeValue)(custom, translateYKey, asWeb)})`
-    };
-  });
-  return [{
-    ...options,
-    name,
-    easing: 'linear',
-    delay: 0,
-    duration: duration + delay,
-    custom,
-    keyframes
-  }];
-}
-function getNames(options) {
-  const timingFactor = (0, _utils.getTimingFactor)(options.duration, options.delay, true);
-  return [`motion-wiggle-${timingFactor}`];
-}
-//# sourceMappingURL=Wiggle.js.map

package/dist/cjs/library/ongoing/Wiggle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","POWER_TO_WIGGLE_FACTOR_MAP","soft","medium","hard","TRANSFORM_KEYFRAMES","keyframe","transY","accRotate","web","options","_dom","style","asWeb","power","intensity","namedEffect","duration","delay","timingFactor","getTimingFactor","name","getNames","responsiveWiggleFactor","mapRange","wiggleFactor","currentRotation","custom","keyframes","map","offset","rotateValue","roundNumber","translateYValue","rotateKey","translateYKey","transform","toKeyframeValue","easing"],"sources":["../../../../src/library/ongoing/Wiggle.ts"],"sourcesContent":["import type {\n  Wiggle,\n  TimeAnimationOptions,\n  DomApi,\n  AnimationExtraOptions,\n} from '../../types';\nimport {\n  getTimingFactor,\n  roundNumber,\n  toKeyframeValue,\n  mapRange,\n} from '../../utils';\n\nconst POWER_TO_WIGGLE_FACTOR_MAP = {\n  soft: 1,\n  medium: 2,\n  hard: 4,\n};\n\nconst TRANSFORM_KEYFRAMES = [\n  { keyframe: 18, transY: -10, accRotate: 10 },\n  { keyframe: 35, transY: 0, accRotate: -18 },\n  { keyframe: 53, transY: 0, accRotate: 14 },\n  { keyframe: 73, transY: 0, accRotate: -10 },\n  { keyframe: 100, transY: 0, accRotate: 4 },\n];\n\nexport function web(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n  _dom?: DomApi,\n) {\n  return style(options, true);\n}\n\nexport function style(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n  asWeb = false,\n) {\n  const { power, intensity = 0.5 } = options.namedEffect as Wiggle;\n  const duration = options.duration || 1;\n  const delay = options.delay || 0;\n  const timingFactor = getTimingFactor(duration, delay) as number;\n  const [name] = getNames(options);\n\n  const responsiveWiggleFactor = mapRange(\n    0,\n    1,\n    POWER_TO_WIGGLE_FACTOR_MAP.soft,\n    POWER_TO_WIGGLE_FACTOR_MAP.hard,\n    intensity,\n  );\n  const wiggleFactor =\n    (power && POWER_TO_WIGGLE_FACTOR_MAP[power]) || responsiveWiggleFactor;\n\n  let currentRotation = 0;\n\n  // Create CSS custom properties for the wiggle configuration\n  const custom: Record<string, string | number> = {\n    '--motion-wiggle-factor': wiggleFactor,\n  };\n\n  const keyframes = TRANSFORM_KEYFRAMES.map(\n    ({ keyframe, transY, accRotate }) => {\n      const offset = (keyframe / 100) * timingFactor;\n      const rotateValue = `calc(var(--comp-rotate-z, 0deg) + ${roundNumber(\n        currentRotation + accRotate * wiggleFactor,\n      )}deg)`;\n      const translateYValue = `${transY * wiggleFactor}px`;\n\n      const rotateKey = `--motion-rotate-${keyframe}`;\n      const translateYKey = `--motion-translate-y-${keyframe}`;\n\n      // For non-web usage, add the values to custom properties\n      custom[rotateKey] = rotateValue;\n      custom[translateYKey] = translateYValue;\n\n      currentRotation += accRotate * wiggleFactor;\n\n      return {\n        offset,\n        transform: `rotate(${toKeyframeValue(\n          custom,\n          rotateKey,\n          asWeb,\n        )}) translateY(${toKeyframeValue(custom, translateYKey, asWeb)})`,\n      };\n    },\n  );\n\n  return [\n    {\n      ...options,\n      name,\n      easing: 'linear',\n      delay: 0,\n      duration: duration + delay,\n      custom,\n      keyframes,\n    },\n  ];\n}\n\nexport function getNames(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n  const timingFactor = getTimingFactor(options.duration!, options.delay!, true);\n\n  return [`motion-wiggle-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,40 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.ongoingAnimations = void 0;
-var Bounce = _interopRequireWildcard(require("./Bounce"));
-var Breathe = _interopRequireWildcard(require("./Breathe"));
-var Cross = _interopRequireWildcard(require("./Cross"));
-var Flash = _interopRequireWildcard(require("./Flash"));
-var Flip = _interopRequireWildcard(require("./Flip"));
-var Fold = _interopRequireWildcard(require("./Fold"));
-var Jello = _interopRequireWildcard(require("./Jello"));
-var Poke = _interopRequireWildcard(require("./Poke"));
-var Rubber = _interopRequireWildcard(require("./Rubber"));
-var Pulse = _interopRequireWildcard(require("./Pulse"));
-var Spin = _interopRequireWildcard(require("./Spin"));
-var Swing = _interopRequireWildcard(require("./Swing"));
-var Wiggle = _interopRequireWildcard(require("./Wiggle"));
-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); }
-// import * as Blink from './Blink';
-
-// import * as DVD from './DVD';
-
-const ongoingAnimations = exports.ongoingAnimations = {
-  Bounce,
-  Breathe,
-  // Blink,
-  Cross,
-  // DVD,
-  Flash,
-  Flip,
-  Fold,
-  Jello,
-  Poke,
-  Rubber,
-  Pulse,
-  Spin,
-  Swing,
-  Wiggle
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["Bounce","_interopRequireWildcard","require","Breathe","Cross","Flash","Flip","Fold","Jello","Poke","Rubber","Pulse","Spin","Swing","Wiggle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ongoingAnimations","exports"],"sources":["../../../../src/library/ongoing/index.ts"],"sourcesContent":["import type { OngoingAnimations } from '../../types';\nimport * as Bounce from './Bounce';\nimport * as Breathe from './Breathe';\n// import * as Blink from './Blink';\nimport * as Cross from './Cross';\n// import * as DVD from './DVD';\nimport * as Flash from './Flash';\nimport * as Flip from './Flip';\nimport * as Fold from './Fold';\nimport * as Jello from './Jello';\nimport * as Poke from './Poke';\nimport * as Rubber from './Rubber';\nimport * as Pulse from './Pulse';\nimport * as Spin from './Spin';\nimport * as Swing from './Swing';\nimport * as Wiggle from './Wiggle';\n\nexport const ongoingAnimations: Partial<OngoingAnimations> = {\n  Bounce,\n  Breathe,\n  // Blink,\n  Cross,\n  // DVD,\n  Flash,\n  Flip,\n  Fold,\n  Jello,\n  Poke,\n  Rubber,\n  Pulse,\n  Spin,\n  Swing,\n  Wiggle,\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,uBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,uBAAA,CAAAC,OAAA;AAEA,IAAAG,KAAA,GAAAJ,uBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,uBAAA,CAAAC,OAAA;AACA,IAAAK,IAAA,GAAAN,uBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,uBAAA,CAAAC,OAAA;AACA,IAAAO,IAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAT,uBAAA,CAAAC,OAAA;AACA,IAAAS,KAAA,GAAAV,uBAAA,CAAAC,OAAA;AACA,IAAAU,IAAA,GAAAX,uBAAA,CAAAC,OAAA;AACA,IAAAW,KAAA,GAAAZ,uBAAA,CAAAC,OAAA;AACA,IAAAY,MAAA,GAAAb,uBAAA,CAAAC,OAAA;AAAmC,SAAAD,wBAAAc,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAhB,uBAAA,YAAAA,CAAAc,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;AAZnC;;AAEA;;AAYO,MAAMkB,iBAA6C,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC3DlC,MAAM;EACNG,OAAO;EACP;EACAC,KAAK;EACL;EACAC,KAAK;EACLC,IAAI;EACJC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJC,MAAM;EACNC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC;AACF,CAAC","ignoreList":[]}

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

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

package/dist/cjs/library/ongoing/test/testUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["baseMockOptions","exports","id"],"sources":["../../../../../src/library/ongoing/test/testUtils.ts"],"sourcesContent":["import { TimeAnimationOptions } from '../../../types';\n\nexport const baseMockOptions: TimeAnimationOptions = {\n  id: 'test-id',\n};\n"],"mappings":";;;;AAEO,MAAMA,eAAqC,GAAAC,OAAA,CAAAD,eAAA,GAAG;EACnDE,EAAE,EAAE;AACN,CAAC","ignoreList":[]}

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

@@ -1,43 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const ROTATION = 68;
-function getNames(_) {
-  return ['motion-arcScroll'];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    direction = 'horizontal',
-    range = 'in'
-  } = options.namedEffect;
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const rotAxisString = `rotate${direction === 'vertical' ? 'X' : 'Y'}`;
-  const fromValue = range === 'out' ? 0 : -ROTATION;
-  const toValue = range === 'in' ? 0 : ROTATION;
-  const easing = 'linear';
-  const [arcScroll] = getNames(options);
-  const custom = {
-    '--motion-arc-from': `${rotAxisString}(${fromValue}deg)`,
-    '--motion-arc-to': `${rotAxisString}(${toValue}deg)`
-  };
-  return [{
-    ...options,
-    name: arcScroll,
-    fill,
-    easing,
-    custom,
-    keyframes: [{
-      transform: `perspective(500px) translateZ(-300px) ${(0, _utils.toKeyframeValue)(custom, '--motion-arc-from', asWeb)} translateZ(300px) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')})`
-    }, {
-      transform: `perspective(500px) translateZ(-300px) ${(0, _utils.toKeyframeValue)(custom, '--motion-arc-to', asWeb)} translateZ(300px) rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')})`
-    }]
-  }];
-}
-//# sourceMappingURL=ArcScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","ROTATION","getNames","_","web","options","_dom","style","asWeb","direction","range","namedEffect","fill","rotAxisString","fromValue","toValue","easing","arcScroll","custom","name","keyframes","transform","toKeyframeValue"],"sources":["../../../../src/library/scroll/ArcScroll.ts"],"sourcesContent":["import type {\n  ScrubAnimationOptions,\n  ArcScroll,\n  AnimationFillMode,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst ROTATION = 68;\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-arcScroll'];\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 { direction = 'horizontal', range = 'in' } =\n    options.namedEffect as ArcScroll;\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const rotAxisString = `rotate${direction === 'vertical' ? 'X' : 'Y'}`;\n  const fromValue = range === 'out' ? 0 : -ROTATION;\n  const toValue = range === 'in' ? 0 : ROTATION;\n\n  const easing = 'linear';\n\n  const [arcScroll] = getNames(options);\n\n  const custom = {\n    '--motion-arc-from': `${rotAxisString}(${fromValue}deg)`,\n    '--motion-arc-to': `${rotAxisString}(${toValue}deg)`,\n  };\n\n  return [\n    {\n      ...options,\n      name: arcScroll,\n      fill,\n      easing,\n      custom,\n      keyframes: [\n        {\n          transform: `perspective(500px) translateZ(-300px) ${toKeyframeValue(\n            custom,\n            '--motion-arc-from',\n            asWeb,\n          )} translateZ(300px) rotate(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )})`,\n        },\n        {\n          transform: `perspective(500px) translateZ(-300px) ${toKeyframeValue(\n            custom,\n            '--motion-arc-to',\n            asWeb,\n          )} translateZ(300px) rotate(${toKeyframeValue(\n            {},\n            '--comp-rotate-z',\n            false,\n            '0deg',\n          )})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,QAAQ,GAAG,EAAE;AAEZ,SAASC,QAAQA,CAACC,CAAwB,EAAE;EACjD,OAAO,CAAC,kBAAkB,CAAC;AAC7B;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,SAAS,GAAG,YAAY;IAAEC,KAAK,GAAG;EAAK,CAAC,GAC9CL,OAAO,CAACM,WAAwB;EAClC,MAAMC,IAAI,GACRF,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGL,OAAO,CAACO,IAClD;EAEtB,MAAMC,aAAa,GAAG,SAASJ,SAAS,KAAK,UAAU,GAAG,GAAG,GAAG,GAAG,EAAE;EACrE,MAAMK,SAAS,GAAGJ,KAAK,KAAK,KAAK,GAAG,CAAC,GAAG,CAACT,QAAQ;EACjD,MAAMc,OAAO,GAAGL,KAAK,KAAK,IAAI,GAAG,CAAC,GAAGT,QAAQ;EAE7C,MAAMe,MAAM,GAAG,QAAQ;EAEvB,MAAM,CAACC,SAAS,CAAC,GAAGf,QAAQ,CAACG,OAAO,CAAC;EAErC,MAAMa,MAAM,GAAG;IACb,mBAAmB,EAAE,GAAGL,aAAa,IAAIC,SAAS,MAAM;IACxD,iBAAiB,EAAE,GAAGD,aAAa,IAAIE,OAAO;EAChD,CAAC;EAED,OAAO,CACL;IACE,GAAGV,OAAO;IACVc,IAAI,EAAEF,SAAS;IACfL,IAAI;IACJI,MAAM;IACNE,MAAM;IACNE,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,yCAAyC,IAAAC,sBAAe,EACjEJ,MAAM,EACN,mBAAmB,EACnBV,KACF,CAAC,6BAA6B,IAAAc,sBAAe,EAC3C,CAAC,CAAC,EACF,iBAAiB,EACjB,KAAK,EACL,MACF,CAAC;IACH,CAAC,EACD;MACED,SAAS,EAAE,yCAAyC,IAAAC,sBAAe,EACjEJ,MAAM,EACN,iBAAiB,EACjBV,KACF,CAAC,6BAA6B,IAAAc,sBAAe,EAC3C,CAAC,CAAC,EACF,iBAAiB,EACjB,KAAK,EACL,MACF,CAAC;IACH,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,49 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const BLUR_POWER_MAP = {
-  soft: 6,
-  medium: 25,
-  hard: 50
-};
-function getNames(_) {
-  return ['motion-blurScroll'];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    blur = 6,
-    power,
-    range = 'in'
-  } = options.namedEffect;
-  const blurFactor = power && BLUR_POWER_MAP[power] ? BLUR_POWER_MAP[power] : blur;
-  const fromValue = range === 'out' ? 0 : blurFactor;
-  const toValue = range === 'out' ? blurFactor : 0;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const [blurScroll] = getNames(options);
-  const custom = {
-    '--motion-blur-from': `${fromValue}px`,
-    '--motion-blur-to': `${toValue}px`
-  };
-  return [{
-    ...options,
-    name: blurScroll,
-    fill,
-    easing,
-    composite: 'add',
-    custom,
-    keyframes: [{
-      filter: `blur(${(0, _utils.toKeyframeValue)(custom, '--motion-blur-from', asWeb)})`
-    }, {
-      filter: `blur(${(0, _utils.toKeyframeValue)(custom, '--motion-blur-to', asWeb)})`
-    }]
-  }];
-}
-//# sourceMappingURL=BlurScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","BLUR_POWER_MAP","soft","medium","hard","getNames","_","web","options","_dom","style","asWeb","blur","power","range","namedEffect","blurFactor","fromValue","toValue","easing","fill","blurScroll","custom","name","composite","keyframes","filter","toKeyframeValue"],"sources":["../../../../src/library/scroll/BlurScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  BlurScroll,\n  ScrubAnimationOptions,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst BLUR_POWER_MAP = {\n  soft: 6,\n  medium: 25,\n  hard: 50,\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-blurScroll'];\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 { blur = 6, power, range = 'in' } = options.namedEffect as BlurScroll;\n  const blurFactor =\n    power && BLUR_POWER_MAP[power] ? BLUR_POWER_MAP[power] : blur;\n\n  const fromValue = range === 'out' ? 0 : blurFactor;\n  const toValue = range === 'out' ? blurFactor : 0;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const [blurScroll] = getNames(options);\n\n  const custom = {\n    '--motion-blur-from': `${fromValue}px`,\n    '--motion-blur-to': `${toValue}px`,\n  };\n\n  return [\n    {\n      ...options,\n      name: blurScroll,\n      fill,\n      easing,\n      composite: 'add' as const,\n      custom,\n      keyframes: [\n        {\n          filter: `blur(${toKeyframeValue(\n            custom,\n            '--motion-blur-from',\n            asWeb,\n          )})`,\n        },\n        {\n          filter: `blur(${toKeyframeValue(custom, '--motion-blur-to', asWeb)})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,EAAE;EACVC,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;IAAEC,IAAI,GAAG,CAAC;IAAEC,KAAK;IAAEC,KAAK,GAAG;EAAK,CAAC,GAAGN,OAAO,CAACO,WAAyB;EAC3E,MAAMC,UAAU,GACdH,KAAK,IAAIZ,cAAc,CAACY,KAAK,CAAC,GAAGZ,cAAc,CAACY,KAAK,CAAC,GAAGD,IAAI;EAE/D,MAAMK,SAAS,GAAGH,KAAK,KAAK,KAAK,GAAG,CAAC,GAAGE,UAAU;EAClD,MAAME,OAAO,GAAGJ,KAAK,KAAK,KAAK,GAAGE,UAAU,GAAG,CAAC;EAChD,MAAMG,MAAM,GAAG,QAAQ;EACvB,MAAMC,IAAI,GACRN,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGN,OAAO,CAACY,IAClD;EAEtB,MAAM,CAACC,UAAU,CAAC,GAAGhB,QAAQ,CAACG,OAAO,CAAC;EAEtC,MAAMc,MAAM,GAAG;IACb,oBAAoB,EAAE,GAAGL,SAAS,IAAI;IACtC,kBAAkB,EAAE,GAAGC,OAAO;EAChC,CAAC;EAED,OAAO,CACL;IACE,GAAGV,OAAO;IACVe,IAAI,EAAEF,UAAU;IAChBD,IAAI;IACJD,MAAM;IACNK,SAAS,EAAE,KAAc;IACzBF,MAAM;IACNG,SAAS,EAAE,CACT;MACEC,MAAM,EAAE,QAAQ,IAAAC,sBAAe,EAC7BL,MAAM,EACN,oBAAoB,EACpBX,KACF,CAAC;IACH,CAAC,EACD;MACEe,MAAM,EAAE,QAAQ,IAAAC,sBAAe,EAACL,MAAM,EAAE,kBAAkB,EAAEX,KAAK,CAAC;IACpE,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,42 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-function getNames(_) {
-  return ['motion-fadeScroll'];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    opacity = 0,
-    range = 'in'
-  } = options.namedEffect;
-  const isOut = range === 'out';
-  const fromValue = isOut ? (0, _utils.toKeyframeValue)({}, '--comp-opacity', false, '1') : opacity;
-  const toValue = isOut ? opacity : (0, _utils.toKeyframeValue)({}, '--comp-opacity', false, '1');
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const [fadeScroll] = getNames(options);
-  const custom = {
-    '--motion-fade-from': fromValue,
-    '--motion-fade-to': toValue
-  };
-  return [{
-    ...options,
-    name: fadeScroll,
-    fill,
-    easing,
-    custom,
-    keyframes: [{
-      opacity: (0, _utils.toKeyframeValue)(custom, '--motion-fade-from', asWeb)
-    }, {
-      opacity: (0, _utils.toKeyframeValue)(custom, '--motion-fade-to', asWeb)
-    }]
-  }];
-}
-//# sourceMappingURL=FadeScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","getNames","_","web","options","_dom","style","asWeb","opacity","range","namedEffect","isOut","fromValue","toKeyframeValue","toValue","easing","fill","fadeScroll","custom","name","keyframes"],"sources":["../../../../src/library/scroll/FadeScroll.ts"],"sourcesContent":["import type {\n  FadeScroll,\n  ScrubAnimationOptions,\n  AnimationFillMode,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-fadeScroll'];\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 { opacity = 0, range = 'in' } = options.namedEffect as FadeScroll;\n  const isOut = range === 'out';\n  const fromValue = isOut\n    ? toKeyframeValue({}, '--comp-opacity', false, '1')\n    : opacity;\n  const toValue = isOut\n    ? opacity\n    : toKeyframeValue({}, '--comp-opacity', false, '1');\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const [fadeScroll] = getNames(options);\n\n  const custom = {\n    '--motion-fade-from': fromValue,\n    '--motion-fade-to': toValue,\n  };\n\n  return [\n    {\n      ...options,\n      name: fadeScroll,\n      fill,\n      easing,\n      custom,\n      keyframes: [\n        {\n          opacity: toKeyframeValue(custom, '--motion-fade-from', asWeb),\n        },\n        {\n          opacity: toKeyframeValue(custom, '--motion-fade-to', asWeb),\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEO,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;IAAEC,OAAO,GAAG,CAAC;IAAEC,KAAK,GAAG;EAAK,CAAC,GAAGL,OAAO,CAACM,WAAyB;EACvE,MAAMC,KAAK,GAAGF,KAAK,KAAK,KAAK;EAC7B,MAAMG,SAAS,GAAGD,KAAK,GACnB,IAAAE,sBAAe,EAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,CAAC,GACjDL,OAAO;EACX,MAAMM,OAAO,GAAGH,KAAK,GACjBH,OAAO,GACP,IAAAK,sBAAe,EAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,CAAC;EACrD,MAAME,MAAM,GAAG,QAAQ;EACvB,MAAMC,IAAI,GACRP,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGL,OAAO,CAACY,IAClD;EAEtB,MAAM,CAACC,UAAU,CAAC,GAAGhB,QAAQ,CAACG,OAAO,CAAC;EAEtC,MAAMc,MAAM,GAAG;IACb,oBAAoB,EAAEN,SAAS;IAC/B,kBAAkB,EAAEE;EACtB,CAAC;EAED,OAAO,CACL;IACE,GAAGV,OAAO;IACVe,IAAI,EAAEF,UAAU;IAChBD,IAAI;IACJD,MAAM;IACNG,MAAM;IACNE,SAAS,EAAE,CACT;MACEZ,OAAO,EAAE,IAAAK,sBAAe,EAACK,MAAM,EAAE,oBAAoB,EAAEX,KAAK;IAC9D,CAAC,EACD;MACEC,OAAO,EAAE,IAAAK,sBAAe,EAACK,MAAM,EAAE,kBAAkB,EAAEX,KAAK;IAC5D,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

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

@@ -1,50 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getNames = getNames;
-exports.style = style;
-exports.web = web;
-var _utils = require("../../utils");
-const ROTATE_POWER_MAP = {
-  soft: 60,
-  medium: 120,
-  hard: 420
-};
-function getNames(_) {
-  return ['motion-flipScroll'];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    rotate = 240,
-    direction = 'horizontal',
-    power,
-    range = 'continuous'
-  } = options.namedEffect;
-  const rotAxisString = `rotate${direction === 'vertical' ? 'X' : 'Y'}`;
-  const flipValue = power && ROTATE_POWER_MAP[power] ? ROTATE_POWER_MAP[power] : rotate;
-  const fromValue = range === 'out' ? 0 : -flipValue;
-  const toValue = range === 'in' ? 0 : flipValue;
-  const easing = 'linear';
-  const fill = range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill;
-  const [flipScroll] = getNames(options);
-  const custom = {
-    '--motion-flip-from': `${rotAxisString}(${fromValue}deg)`,
-    '--motion-flip-to': `${rotAxisString}(${toValue}deg)`
-  };
-  return [{
-    ...options,
-    name: flipScroll,
-    fill,
-    easing,
-    custom,
-    keyframes: [{
-      transform: `perspective(800px) ${(0, _utils.toKeyframeValue)(custom, '--motion-flip-from', asWeb)} rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')})`
-    }, {
-      transform: `perspective(800px) ${(0, _utils.toKeyframeValue)(custom, '--motion-flip-to', asWeb)} rotate(${(0, _utils.toKeyframeValue)({}, '--comp-rotate-z', false, '0deg')})`
-    }]
-  }];
-}
-//# sourceMappingURL=FlipScroll.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","ROTATE_POWER_MAP","soft","medium","hard","getNames","_","web","options","_dom","style","asWeb","rotate","direction","power","range","namedEffect","rotAxisString","flipValue","fromValue","toValue","easing","fill","flipScroll","custom","name","keyframes","transform","toKeyframeValue"],"sources":["../../../../src/library/scroll/FlipScroll.ts"],"sourcesContent":["import type {\n  AnimationFillMode,\n  FlipScroll,\n  ScrubAnimationOptions,\n  DomApi,\n} from '../../types';\nimport { toKeyframeValue } from '../../utils';\n\nconst ROTATE_POWER_MAP = {\n  soft: 60,\n  medium: 120,\n  hard: 420,\n};\n\nexport function getNames(_: ScrubAnimationOptions) {\n  return ['motion-flipScroll'];\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 = 240,\n    direction = 'horizontal',\n    power,\n    range = 'continuous',\n  } = options.namedEffect as FlipScroll;\n\n  const rotAxisString = `rotate${direction === 'vertical' ? 'X' : 'Y'}`;\n  const flipValue =\n    power && ROTATE_POWER_MAP[power] ? ROTATE_POWER_MAP[power] : rotate;\n\n  const fromValue = range === 'out' ? 0 : -flipValue;\n  const toValue = range === 'in' ? 0 : flipValue;\n  const easing = 'linear';\n  const fill = (\n    range === 'out' ? 'forwards' : range === 'in' ? 'backwards' : options.fill\n  ) as AnimationFillMode;\n\n  const [flipScroll] = getNames(options);\n\n  const custom = {\n    '--motion-flip-from': `${rotAxisString}(${fromValue}deg)`,\n    '--motion-flip-to': `${rotAxisString}(${toValue}deg)`,\n  };\n\n  return [\n    {\n      ...options,\n      name: flipScroll,\n      fill,\n      easing,\n      custom,\n      keyframes: [\n        {\n          transform: `perspective(800px) ${toKeyframeValue(\n            custom,\n            '--motion-flip-from',\n            asWeb,\n          )} rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0deg')})`,\n        },\n        {\n          transform: `perspective(800px) ${toKeyframeValue(\n            custom,\n            '--motion-flip-to',\n            asWeb,\n          )} rotate(${toKeyframeValue({}, '--comp-rotate-z', false, '0deg')})`,\n        },\n      ],\n    },\n  ];\n}\n"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,gBAAgB,GAAG;EACvBC,IAAI,EAAE,EAAE;EACRC,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,MAAM,GAAG,GAAG;IACZC,SAAS,GAAG,YAAY;IACxBC,KAAK;IACLC,KAAK,GAAG;EACV,CAAC,GAAGP,OAAO,CAACQ,WAAyB;EAErC,MAAMC,aAAa,GAAG,SAASJ,SAAS,KAAK,UAAU,GAAG,GAAG,GAAG,GAAG,EAAE;EACrE,MAAMK,SAAS,GACbJ,KAAK,IAAIb,gBAAgB,CAACa,KAAK,CAAC,GAAGb,gBAAgB,CAACa,KAAK,CAAC,GAAGF,MAAM;EAErE,MAAMO,SAAS,GAAGJ,KAAK,KAAK,KAAK,GAAG,CAAC,GAAG,CAACG,SAAS;EAClD,MAAME,OAAO,GAAGL,KAAK,KAAK,IAAI,GAAG,CAAC,GAAGG,SAAS;EAC9C,MAAMG,MAAM,GAAG,QAAQ;EACvB,MAAMC,IAAI,GACRP,KAAK,KAAK,KAAK,GAAG,UAAU,GAAGA,KAAK,KAAK,IAAI,GAAG,WAAW,GAAGP,OAAO,CAACc,IAClD;EAEtB,MAAM,CAACC,UAAU,CAAC,GAAGlB,QAAQ,CAACG,OAAO,CAAC;EAEtC,MAAMgB,MAAM,GAAG;IACb,oBAAoB,EAAE,GAAGP,aAAa,IAAIE,SAAS,MAAM;IACzD,kBAAkB,EAAE,GAAGF,aAAa,IAAIG,OAAO;EACjD,CAAC;EAED,OAAO,CACL;IACE,GAAGZ,OAAO;IACViB,IAAI,EAAEF,UAAU;IAChBD,IAAI;IACJD,MAAM;IACNG,MAAM;IACNE,SAAS,EAAE,CACT;MACEC,SAAS,EAAE,sBAAsB,IAAAC,sBAAe,EAC9CJ,MAAM,EACN,oBAAoB,EACpBb,KACF,CAAC,WAAW,IAAAiB,sBAAe,EAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,CAAC;IACnE,CAAC,EACD;MACED,SAAS,EAAE,sBAAsB,IAAAC,sBAAe,EAC9CJ,MAAM,EACN,kBAAkB,EAClBb,KACF,CAAC,WAAW,IAAAiB,sBAAe,EAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,CAAC;IACnE,CAAC;EAEL,CAAC,CACF;AACH","ignoreList":[]}

package/dist/cjs/library/scroll/GrowScroll.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: 0.8,
-    scaleTo: 1.2,
-    travelY: 0
-  },
-  medium: {
-    scaleFrom: 0.3,
-    scaleTo: 1.7,
-    travelY: 0.75
-  },
-  hard: {
-    scaleFrom: 0,
-    scaleTo: 4,
-    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-growScroll'];
-}
-function web(options, _dom) {
-  return style(options, true);
-}
-function style(options, asWeb = false) {
-  const {
-    power,
-    range = 'in',
-    scale = range === 'in' ? POWER_MAP.hard.scaleFrom : POWER_MAP.hard.scaleTo,
-    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 [growScroll] = getNames(options);
-  const custom = {
-    '--motion-travel-from': `${fromValues.travel}vh`,
-    '--motion-travel-to': `${toValues.travel}vh`,
-    '--motion-grow-from': fromValues.scale,
-    '--motion-grow-to': toValues.scale,
-    '--motion-trans-x': `${trnsX}%`,
-    '--motion-trans-y': `${trnsY}%`
-  };
-  return [{
-    ...options,
-    name: growScroll,
-    fill,
-    easing,
-    startOffsetAdd,
-    endOffsetAdd,
-    custom,
-    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-grow-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-grow-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=GrowScroll.js.map