@wix/motion 1.659.0 → 2.0.0-rc.2

package/dist/esm/library/ongoing/Flash.js

@@ -1,42 +0,0 @@
-import { getEasing, getTimingFactor } from '../../utils';
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, _asWeb) {
-  if (_asWeb === void 0) {
-    _asWeb = false;
-  }
-  const duration = options.duration || 1;
-  const delay = options.delay || 0;
-  const easing = getEasing(options.easing || 'cubicInOut');
-  const timingFactor = getTimingFactor(duration, delay);
-  const [name] = getNames(options);
-  const keyframes = [{
-    offset: 0,
-    opacity: 1,
-    easing
-  }, {
-    offset: 0.5 * timingFactor,
-    opacity: 0,
-    easing
-  }, {
-    offset: timingFactor,
-    opacity: 1
-  }, {
-    offset: 1,
-    opacity: 1
-  }];
-  return [{
-    ...options,
-    name,
-    easing: 'linear',
-    delay: 0,
-    duration: duration + delay,
-    keyframes
-  }];
-}
-export function getNames(options) {
-  const timingFactor = getTimingFactor(options.duration, options.delay, true);
-  return [`motion-flash-${timingFactor}`];
-}
-//# sourceMappingURL=Flash.js.map

package/dist/esm/library/ongoing/Flash.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getEasing","getTimingFactor","web","options","_dom","style","_asWeb","duration","delay","easing","timingFactor","name","getNames","keyframes","offset","opacity"],"sources":["../../../../src/library/ongoing/Flash.ts"],"sourcesContent":["import type {\n  TimeAnimationOptions,\n  DomApi,\n  AnimationExtraOptions,\n} from '../../types';\nimport { getEasing, getTimingFactor } from '../../utils';\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 duration = options.duration || 1;\n  const delay = options.delay || 0;\n  const easing = getEasing(options.easing || 'cubicInOut');\n  const timingFactor = getTimingFactor(duration, delay) as number;\n  const [name] = getNames(options);\n\n  const keyframes = [\n    {\n      offset: 0,\n      opacity: 1,\n      easing,\n    },\n    {\n      offset: 0.5 * timingFactor,\n      opacity: 0,\n      easing,\n    },\n    {\n      offset: timingFactor,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      opacity: 1,\n    },\n  ];\n\n  return [\n    {\n      ...options,\n      name,\n      easing: 'linear',\n      delay: 0,\n      duration: duration + delay,\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-flash-${timingFactor}`];\n}\n"],"mappings":"AAKA,SAASA,SAAS,EAAEC,eAAe,QAAQ,aAAa;AAExD,OAAO,SAASC,GAAGA,CACjBC,OAAqD,EACrDC,IAAa,EACb;EACA,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASE,KAAKA,CACnBF,OAAqD,EACrDG,MAAM,EACN;EAAA,IADAA,MAAM;IAANA,MAAM,GAAG,KAAK;EAAA;EAEd,MAAMC,QAAQ,GAAGJ,OAAO,CAACI,QAAQ,IAAI,CAAC;EACtC,MAAMC,KAAK,GAAGL,OAAO,CAACK,KAAK,IAAI,CAAC;EAChC,MAAMC,MAAM,GAAGT,SAAS,CAACG,OAAO,CAACM,MAAM,IAAI,YAAY,CAAC;EACxD,MAAMC,YAAY,GAAGT,eAAe,CAACM,QAAQ,EAAEC,KAAK,CAAW;EAC/D,MAAM,CAACG,IAAI,CAAC,GAAGC,QAAQ,CAACT,OAAO,CAAC;EAEhC,MAAMU,SAAS,GAAG,CAChB;IACEC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVN;EACF,CAAC,EACD;IACEK,MAAM,EAAE,GAAG,GAAGJ,YAAY;IAC1BK,OAAO,EAAE,CAAC;IACVN;EACF,CAAC,EACD;IACEK,MAAM,EAAEJ,YAAY;IACpBK,OAAO,EAAE;EACX,CAAC,EACD;IACED,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE;EACX,CAAC,CACF;EAED,OAAO,CACL;IACE,GAAGZ,OAAO;IACVQ,IAAI;IACJF,MAAM,EAAE,QAAQ;IAChBD,KAAK,EAAE,CAAC;IACRD,QAAQ,EAAEA,QAAQ,GAAGC,KAAK;IAC1BK;EACF,CAAC,CACF;AACH;AAEA,OAAO,SAASD,QAAQA,CACtBT,OAAqD,EACrD;EACA,MAAMO,YAAY,GAAGT,eAAe,CAACE,OAAO,CAACI,QAAQ,EAAGJ,OAAO,CAACK,KAAK,EAAG,IAAI,CAAC;EAE7E,OAAO,CAAC,gBAAgBE,YAAY,EAAE,CAAC;AACzC","ignoreList":[]}

package/dist/esm/library/ongoing/Flip.js

@@ -1,64 +0,0 @@
-import { getEasing, getTimingFactor, toKeyframeValue } from '../../utils';
-const POWER_EASING_MAP = {
-  soft: 'linear',
-  medium: 'quintInOut',
-  hard: 'backOut'
-};
-const DIRECTION_MAP = {
-  vertical: {
-    x: '1',
-    y: '0'
-  },
-  horizontal: {
-    x: '0',
-    y: '1'
-  }
-};
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    direction = 'horizontal',
-    power
-  } = options.namedEffect;
-  const duration = options.duration || 1;
-  const delay = options.delay || 0;
-  const offset = getTimingFactor(duration, delay);
-  const [name] = getNames(options);
-  const rotationAxes = DIRECTION_MAP[direction];
-  const easing = power && POWER_EASING_MAP[power] || options.easing || 'linear';
-  const custom = {
-    '--motion-rotate-x': rotationAxes.x,
-    '--motion-rotate-y': rotationAxes.y
-  };
-  const rotateStart = `rotate3d(${toKeyframeValue(custom, '--motion-rotate-x', asWeb)}, ${toKeyframeValue(custom, '--motion-rotate-y', asWeb)}, 0, 0deg)`;
-  const rotateEnd = `rotate3d(${toKeyframeValue(custom, '--motion-rotate-x', asWeb)}, ${toKeyframeValue(custom, '--motion-rotate-y', asWeb)}, 0, 360deg)`;
-  return [{
-    ...options,
-    name,
-    delay: 0,
-    easing: 'linear',
-    duration: duration + delay,
-    custom,
-    keyframes: [{
-      offset: 0,
-      transform: `perspective(800px) rotateZ(var(--comp-rotate-z, 0deg)) ${rotateStart}`,
-      easing: getEasing(easing)
-    }, {
-      offset,
-      transform: `perspective(800px) rotateZ(var(--comp-rotate-z, 0deg)) ${rotateEnd}`
-    }, {
-      offset: 1,
-      transform: `perspective(800px) rotateZ(var(--comp-rotate-z, 0deg)) ${rotateEnd}`
-    }]
-  }];
-}
-export function getNames(options) {
-  const timingFactor = getTimingFactor(options.duration, options.delay, true);
-  return [`motion-flip-${timingFactor}`];
-}
-//# sourceMappingURL=Flip.js.map

package/dist/esm/library/ongoing/Flip.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getEasing","getTimingFactor","toKeyframeValue","POWER_EASING_MAP","soft","medium","hard","DIRECTION_MAP","vertical","x","y","horizontal","web","options","_dom","style","asWeb","direction","power","namedEffect","duration","delay","offset","name","getNames","rotationAxes","easing","custom","rotateStart","rotateEnd","keyframes","transform","timingFactor"],"sources":["../../../../src/library/ongoing/Flip.ts"],"sourcesContent":["import type {\n  Flip,\n  TimeAnimationOptions,\n  DomApi,\n  AnimationExtraOptions,\n} from '../../types';\nimport { getEasing, getTimingFactor, toKeyframeValue } from '../../utils';\n\nconst POWER_EASING_MAP = {\n  soft: 'linear',\n  medium: 'quintInOut',\n  hard: 'backOut',\n};\n\nconst DIRECTION_MAP = {\n  vertical: { x: '1', y: '0' },\n  horizontal: { x: '0', y: '1' },\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 { direction = 'horizontal', power } = options.namedEffect as Flip;\n\n  const duration = options.duration || 1;\n  const delay = options.delay || 0;\n  const offset = getTimingFactor(duration, delay) as number;\n  const [name] = getNames(options);\n\n  const rotationAxes = DIRECTION_MAP[direction];\n  const easing =\n    (power && POWER_EASING_MAP[power]) || options.easing || 'linear';\n\n  const custom = {\n    '--motion-rotate-x': rotationAxes.x,\n    '--motion-rotate-y': rotationAxes.y,\n  };\n\n  const rotateStart = `rotate3d(${toKeyframeValue(\n    custom,\n    '--motion-rotate-x',\n    asWeb,\n  )}, ${toKeyframeValue(custom, '--motion-rotate-y', asWeb)}, 0, 0deg)`;\n\n  const rotateEnd = `rotate3d(${toKeyframeValue(\n    custom,\n    '--motion-rotate-x',\n    asWeb,\n  )}, ${toKeyframeValue(custom, '--motion-rotate-y', asWeb)}, 0, 360deg)`;\n\n  return [\n    {\n      ...options,\n      name,\n      delay: 0,\n      easing: 'linear',\n      duration: duration + delay,\n      custom,\n      keyframes: [\n        {\n          offset: 0,\n          transform: `perspective(800px) rotateZ(var(--comp-rotate-z, 0deg)) ${rotateStart}`,\n          easing: getEasing(easing),\n        },\n        {\n          offset,\n          transform: `perspective(800px) rotateZ(var(--comp-rotate-z, 0deg)) ${rotateEnd}`,\n        },\n        {\n          offset: 1,\n          transform: `perspective(800px) rotateZ(var(--comp-rotate-z, 0deg)) ${rotateEnd}`,\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-flip-${timingFactor}`];\n}\n"],"mappings":"AAMA,SAASA,SAAS,EAAEC,eAAe,EAAEC,eAAe,QAAQ,aAAa;AAEzE,MAAMC,gBAAgB,GAAG;EACvBC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,YAAY;EACpBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,aAAa,GAAG;EACpBC,QAAQ,EAAE;IAAEC,CAAC,EAAE,GAAG;IAAEC,CAAC,EAAE;EAAI,CAAC;EAC5BC,UAAU,EAAE;IAAEF,CAAC,EAAE,GAAG;IAAEC,CAAC,EAAE;EAAI;AAC/B,CAAC;AAED,OAAO,SAASE,GAAGA,CACjBC,OAAqD,EACrDC,IAAa,EACb;EACA,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASE,KAAKA,CACnBF,OAAqD,EACrDG,KAAK,EACL;EAAA,IADAA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAEb,MAAM;IAAEC,SAAS,GAAG,YAAY;IAAEC;EAAM,CAAC,GAAGL,OAAO,CAACM,WAAmB;EAEvE,MAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAQ,IAAI,CAAC;EACtC,MAAMC,KAAK,GAAGR,OAAO,CAACQ,KAAK,IAAI,CAAC;EAChC,MAAMC,MAAM,GAAGrB,eAAe,CAACmB,QAAQ,EAAEC,KAAK,CAAW;EACzD,MAAM,CAACE,IAAI,CAAC,GAAGC,QAAQ,CAACX,OAAO,CAAC;EAEhC,MAAMY,YAAY,GAAGlB,aAAa,CAACU,SAAS,CAAC;EAC7C,MAAMS,MAAM,GACTR,KAAK,IAAIf,gBAAgB,CAACe,KAAK,CAAC,IAAKL,OAAO,CAACa,MAAM,IAAI,QAAQ;EAElE,MAAMC,MAAM,GAAG;IACb,mBAAmB,EAAEF,YAAY,CAAChB,CAAC;IACnC,mBAAmB,EAAEgB,YAAY,CAACf;EACpC,CAAC;EAED,MAAMkB,WAAW,GAAG,YAAY1B,eAAe,CAC7CyB,MAAM,EACN,mBAAmB,EACnBX,KACF,CAAC,KAAKd,eAAe,CAACyB,MAAM,EAAE,mBAAmB,EAAEX,KAAK,CAAC,YAAY;EAErE,MAAMa,SAAS,GAAG,YAAY3B,eAAe,CAC3CyB,MAAM,EACN,mBAAmB,EACnBX,KACF,CAAC,KAAKd,eAAe,CAACyB,MAAM,EAAE,mBAAmB,EAAEX,KAAK,CAAC,cAAc;EAEvE,OAAO,CACL;IACE,GAAGH,OAAO;IACVU,IAAI;IACJF,KAAK,EAAE,CAAC;IACRK,MAAM,EAAE,QAAQ;IAChBN,QAAQ,EAAEA,QAAQ,GAAGC,KAAK;IAC1BM,MAAM;IACNG,SAAS,EAAE,CACT;MACER,MAAM,EAAE,CAAC;MACTS,SAAS,EAAE,0DAA0DH,WAAW,EAAE;MAClFF,MAAM,EAAE1B,SAAS,CAAC0B,MAAM;IAC1B,CAAC,EACD;MACEJ,MAAM;MACNS,SAAS,EAAE,0DAA0DF,SAAS;IAChF,CAAC,EACD;MACEP,MAAM,EAAE,CAAC;MACTS,SAAS,EAAE,0DAA0DF,SAAS;IAChF,CAAC;EAEL,CAAC,CACF;AACH;AAEA,OAAO,SAASL,QAAQA,CACtBX,OAAqD,EACrD;EACA,MAAMmB,YAAY,GAAG/B,eAAe,CAACY,OAAO,CAACO,QAAQ,EAAGP,OAAO,CAACQ,KAAK,EAAG,IAAI,CAAC;EAE7E,OAAO,CAAC,eAAeW,YAAY,EAAE,CAAC;AACxC","ignoreList":[]}

package/dist/esm/library/ongoing/Fold.js

@@ -1,165 +0,0 @@
-import { getEasing, getEasingFamily, getTimingFactor, toKeyframeValue } from '../../utils';
-const POWER_TO_ROTATION_FACTOR_MAP = {
-  soft: 1,
-  medium: 2,
-  hard: 3
-};
-const DIRECTION_MAP = {
-  top: {
-    rotation: {
-      x: 1,
-      y: 0
-    },
-    origin: {
-      x: 0,
-      y: -50
-    }
-  },
-  right: {
-    rotation: {
-      x: 0,
-      y: 1
-    },
-    origin: {
-      x: 50,
-      y: 0
-    }
-  },
-  bottom: {
-    rotation: {
-      x: 1,
-      y: 0
-    },
-    origin: {
-      x: 0,
-      y: 50
-    }
-  },
-  left: {
-    rotation: {
-      x: 0,
-      y: 1
-    },
-    origin: {
-      x: -50,
-      y: 0
-    }
-  }
-};
-const MIN_ROTATE_ANGLE = 15;
-const KEYFRAME_FACTORS = [{
-  fold: 1,
-  frameFactor: 0.25
-}, {
-  fold: -0.7,
-  frameFactor: 0.5
-}, {
-  fold: 0.6,
-  frameFactor: 0.5
-}, {
-  fold: -0.3,
-  frameFactor: 0.45
-}, {
-  fold: 0.2,
-  frameFactor: 0.4
-}, {
-  fold: -0.05,
-  frameFactor: 0.5
-}, {
-  fold: 0,
-  frameFactor: 0.35
-}];
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    direction = 'top',
-    power,
-    angle = MIN_ROTATE_ANGLE
-  } = options.namedEffect;
-  const easing = options.easing || 'cubicInOut';
-  const duration = options.duration || 1;
-  const delay = +(options.delay || 0);
-  const [name] = getNames(options);
-  const isResponsive = typeof power === 'undefined';
-  const {
-    rotation,
-    origin
-  } = DIRECTION_MAP[direction];
-  const {
-    x,
-    y
-  } = origin;
-  const ease = getEasingFamily(isResponsive ? easing : 'cubicInOut');
-  const rotateTransform = isResponsive ? angle : MIN_ROTATE_ANGLE * POWER_TO_ROTATION_FACTOR_MAP[power];
-  const totalDurationWithDelay = 3.2 * duration + delay;
-  const timingFactor = getTimingFactor(duration, totalDurationWithDelay - duration);
-  let currentOffset = 0;
-
-  // Create CSS custom properties for the fold configuration
-  const custom = {
-    '--motion-origin-x': `${x}%`,
-    '--motion-origin-y': `${y}%`,
-    '--motion-rotate-angle': `${rotateTransform}deg`,
-    '--motion-rotate-x': `${rotation.x}`,
-    '--motion-rotate-y': `${rotation.y}`
-  };
-  const transformLeft = `rotateZ(var(--comp-rotate-z, 0deg)) translateX(${toKeyframeValue(custom, '--motion-origin-x', asWeb)}) translateY(${toKeyframeValue(custom, '--motion-origin-y', asWeb)}) perspective(800px)`;
-  const transformRight = `translateX(calc(-1 * ${toKeyframeValue(custom, '--motion-origin-x', asWeb)})) translateY(calc(-1 * ${toKeyframeValue(custom, '--motion-origin-y', asWeb)}))`;
-  const getTransform = value => `${transformLeft} rotateX(calc(${toKeyframeValue(custom, '--motion-rotate-x', asWeb)} * ${value} * ${rotateTransform}deg)) rotateY(calc(${toKeyframeValue(custom, '--motion-rotate-y', asWeb)} * ${value} * ${rotateTransform}deg)) ${transformRight}`;
-
-  // in case a delay is applied, animate a different sequence which decays to a stop
-  const keyframes = delay ? KEYFRAME_FACTORS.map(_ref => {
-    let {
-      fold,
-      frameFactor
-    } = _ref;
-    const keyframeOffset = currentOffset + frameFactor * timingFactor;
-    currentOffset = keyframeOffset;
-    return {
-      offset: keyframeOffset,
-      easing: getEasing('sineInOut'),
-      transform: getTransform(fold)
-    };
-  }) : [{
-    offset: 0.25,
-    easing: getEasing(ease.inOut),
-    transform: getTransform(1)
-  }, {
-    offset: 0.75,
-    easing: getEasing(ease.in),
-    transform: getTransform(-1)
-  }];
-  const transform_0 = getTransform(0);
-  return [{
-    ...options,
-    name,
-    easing: 'linear',
-    delay: 0,
-    duration: delay ? totalDurationWithDelay : duration,
-    custom,
-    keyframes: [{
-      offset: 0,
-      easing: getEasing(ease.out),
-      transform: transform_0
-    }, ...keyframes, {
-      offset: 1,
-      transform: transform_0
-    }]
-  }];
-}
-export function getNames(options) {
-  const duration = options.duration || 1;
-  const delay = +(options.delay || 0);
-  if (!delay) {
-    return ['motion-fold'];
-  }
-  const totalDurationWithDelay = 3.2 * duration + delay;
-  const timingFactor = getTimingFactor(duration, totalDurationWithDelay - duration, true);
-  return [`motion-fold-${timingFactor}`];
-}
-//# sourceMappingURL=Fold.js.map

package/dist/esm/library/ongoing/Fold.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getEasing","getEasingFamily","getTimingFactor","toKeyframeValue","POWER_TO_ROTATION_FACTOR_MAP","soft","medium","hard","DIRECTION_MAP","top","rotation","x","y","origin","right","bottom","left","MIN_ROTATE_ANGLE","KEYFRAME_FACTORS","fold","frameFactor","web","options","_dom","style","asWeb","direction","power","angle","namedEffect","easing","duration","delay","name","getNames","isResponsive","ease","rotateTransform","totalDurationWithDelay","timingFactor","currentOffset","custom","transformLeft","transformRight","getTransform","value","keyframes","map","_ref","keyframeOffset","offset","transform","inOut","in","transform_0","out"],"sources":["../../../../src/library/ongoing/Fold.ts"],"sourcesContent":["import type {\n  Fold,\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_ROTATION_FACTOR_MAP = {\n  soft: 1,\n  medium: 2,\n  hard: 3,\n};\n\nconst DIRECTION_MAP = {\n  top: {\n    rotation: { x: 1, y: 0 },\n    origin: { x: 0, y: -50 },\n  },\n  right: {\n    rotation: { x: 0, y: 1 },\n    origin: { x: 50, y: 0 },\n  },\n  bottom: {\n    rotation: { x: 1, y: 0 },\n    origin: { x: 0, y: 50 },\n  },\n  left: {\n    rotation: { x: 0, y: 1 },\n    origin: { x: -50, y: 0 },\n  },\n};\n\nconst MIN_ROTATE_ANGLE = 15;\n\nconst KEYFRAME_FACTORS = [\n  { fold: 1, frameFactor: 0.25 },\n  { fold: -0.7, frameFactor: 0.5 },\n  { fold: 0.6, frameFactor: 0.5 },\n  { fold: -0.3, frameFactor: 0.45 },\n  { fold: 0.2, frameFactor: 0.4 },\n  { fold: -0.05, frameFactor: 0.5 },\n  { fold: 0, frameFactor: 0.35 },\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 {\n    direction = 'top',\n    power,\n    angle = MIN_ROTATE_ANGLE,\n  } = options.namedEffect as Fold;\n\n  const easing = options.easing || 'cubicInOut';\n  const duration = options.duration || 1;\n  const delay = +(options.delay || 0);\n  const [name] = getNames(options);\n\n  const isResponsive = typeof power === 'undefined';\n  const { rotation, origin } = DIRECTION_MAP[direction];\n  const { x, y } = origin;\n  const ease = getEasingFamily(isResponsive ? easing : 'cubicInOut');\n\n  const rotateTransform = isResponsive\n    ? angle\n    : MIN_ROTATE_ANGLE * POWER_TO_ROTATION_FACTOR_MAP[power];\n\n  const totalDurationWithDelay = 3.2 * duration + delay;\n  const timingFactor = getTimingFactor(\n    duration,\n    totalDurationWithDelay - duration,\n  ) as number;\n  let currentOffset = 0;\n\n  // Create CSS custom properties for the fold configuration\n  const custom: Record<string, string | number> = {\n    '--motion-origin-x': `${x}%`,\n    '--motion-origin-y': `${y}%`,\n    '--motion-rotate-angle': `${rotateTransform}deg`,\n    '--motion-rotate-x': `${rotation.x}`,\n    '--motion-rotate-y': `${rotation.y}`,\n  };\n\n  const transformLeft = `rotateZ(var(--comp-rotate-z, 0deg)) translateX(${toKeyframeValue(\n    custom,\n    '--motion-origin-x',\n    asWeb,\n  )}) translateY(${toKeyframeValue(\n    custom,\n    '--motion-origin-y',\n    asWeb,\n  )}) perspective(800px)`;\n  const transformRight = `translateX(calc(-1 * ${toKeyframeValue(\n    custom,\n    '--motion-origin-x',\n    asWeb,\n  )})) translateY(calc(-1 * ${toKeyframeValue(\n    custom,\n    '--motion-origin-y',\n    asWeb,\n  )}))`;\n\n  const getTransform = (value: number) =>\n    `${transformLeft} rotateX(calc(${toKeyframeValue(\n      custom,\n      '--motion-rotate-x',\n      asWeb,\n    )} * ${value} * ${rotateTransform}deg)) rotateY(calc(${toKeyframeValue(\n      custom,\n      '--motion-rotate-y',\n      asWeb,\n    )} * ${value} * ${rotateTransform}deg)) ${transformRight}`;\n\n  // in case a delay is applied, animate a different sequence which decays to a stop\n  const keyframes = delay\n    ? KEYFRAME_FACTORS.map(({ fold, frameFactor }) => {\n        const keyframeOffset = currentOffset + frameFactor * timingFactor;\n        currentOffset = keyframeOffset;\n        return {\n          offset: keyframeOffset,\n          easing: getEasing('sineInOut'),\n          transform: getTransform(fold),\n        };\n      })\n    : [\n        {\n          offset: 0.25,\n          easing: getEasing(ease.inOut),\n          transform: getTransform(1),\n        },\n        {\n          offset: 0.75,\n          easing: getEasing(ease.in),\n          transform: getTransform(-1),\n        },\n      ];\n\n  const transform_0 = getTransform(0);\n\n  return [\n    {\n      ...options,\n      name,\n      easing: 'linear',\n      delay: 0,\n      duration: delay ? totalDurationWithDelay : duration,\n      custom,\n      keyframes: [\n        {\n          offset: 0,\n          easing: getEasing(ease.out),\n          transform: transform_0,\n        },\n        ...keyframes,\n        {\n          offset: 1,\n          transform: transform_0,\n        },\n      ],\n    },\n  ];\n}\n\nexport function getNames(\n  options: TimeAnimationOptions & AnimationExtraOptions,\n) {\n  const duration = options.duration || 1;\n  const delay = +(options.delay || 0);\n\n  if (!delay) {\n    return ['motion-fold'];\n  }\n\n  const totalDurationWithDelay = 3.2 * duration + delay;\n  const timingFactor = getTimingFactor(\n    duration,\n    totalDurationWithDelay - duration,\n    true,\n  ) as string;\n\n  return [`motion-fold-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/ongoing/Jello.js

@@ -1,70 +0,0 @@
-import { getTimingFactor, toKeyframeValue, mapRange } from '../../utils';
-const POWER_TO_JELLO_FACTOR_MAP = {
-  soft: 1,
-  medium: 2,
-  hard: 4
-};
-const SKEW_Y_KEYFRAMES = [{
-  keyframe: 24,
-  skewY: 7
-}, {
-  keyframe: 38,
-  skewY: -2
-}, {
-  keyframe: 58,
-  skewY: 4
-}, {
-  keyframe: 80,
-  skewY: -2
-}, {
-  keyframe: 100,
-  skewY: 0
-}];
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    power,
-    intensity = 0.25
-  } = options.namedEffect;
-  const duration = options.duration || 1;
-  const delay = options.delay || 0;
-  const [name] = getNames(options);
-  const timingFactor = getTimingFactor(duration, delay);
-  const responsiveJelloFactor = mapRange(0, 1, POWER_TO_JELLO_FACTOR_MAP.soft, POWER_TO_JELLO_FACTOR_MAP.hard, intensity);
-  const jelloFactor = power && POWER_TO_JELLO_FACTOR_MAP[power] || responsiveJelloFactor;
-
-  // Create CSS custom properties for the jello configuration
-  const custom = {
-    '--motion-skew-y': jelloFactor
-  };
-  const keyframes = SKEW_Y_KEYFRAMES.map(_ref => {
-    let {
-      keyframe,
-      skewY
-    } = _ref;
-    const offset = keyframe / 100 * timingFactor;
-    return {
-      offset,
-      transform: `rotateZ(var(--comp-rotate-z, 0deg)) skewY(calc(${toKeyframeValue(custom, '--motion-skew-y', asWeb)} * ${skewY}deg))`
-    };
-  });
-  return [{
-    ...options,
-    name,
-    delay: 0,
-    easing: 'linear',
-    duration: duration + delay,
-    custom,
-    keyframes
-  }];
-}
-export function getNames(options) {
-  const timingFactor = getTimingFactor(options.duration, options.delay, true);
-  return [`motion-jello-${timingFactor}`];
-}
-//# sourceMappingURL=Jello.js.map

package/dist/esm/library/ongoing/Jello.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getTimingFactor","toKeyframeValue","mapRange","POWER_TO_JELLO_FACTOR_MAP","soft","medium","hard","SKEW_Y_KEYFRAMES","keyframe","skewY","web","options","_dom","style","asWeb","power","intensity","namedEffect","duration","delay","name","getNames","timingFactor","responsiveJelloFactor","jelloFactor","custom","keyframes","map","_ref","offset","transform","easing"],"sources":["../../../../src/library/ongoing/Jello.ts"],"sourcesContent":["import type {\n  Jello,\n  TimeAnimationOptions,\n  DomApi,\n  AnimationExtraOptions,\n} from '../../types';\nimport { getTimingFactor, toKeyframeValue, mapRange } from '../../utils';\n\nconst POWER_TO_JELLO_FACTOR_MAP = {\n  soft: 1,\n  medium: 2,\n  hard: 4,\n};\n\nconst SKEW_Y_KEYFRAMES = [\n  { keyframe: 24, skewY: 7 },\n  { keyframe: 38, skewY: -2 },\n  { keyframe: 58, skewY: 4 },\n  { keyframe: 80, skewY: -2 },\n  { keyframe: 100, skewY: 0 },\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.25 } = options.namedEffect as Jello;\n\n  const duration = options.duration || 1;\n  const delay = options.delay || 0;\n  const [name] = getNames(options);\n  const timingFactor = getTimingFactor(duration, delay) as number;\n\n  const responsiveJelloFactor = mapRange(\n    0,\n    1,\n    POWER_TO_JELLO_FACTOR_MAP.soft,\n    POWER_TO_JELLO_FACTOR_MAP.hard,\n    intensity,\n  );\n  const jelloFactor =\n    (power && POWER_TO_JELLO_FACTOR_MAP[power]) || responsiveJelloFactor;\n\n  // Create CSS custom properties for the jello configuration\n  const custom: Record<string, string | number> = {\n    '--motion-skew-y': jelloFactor,\n  };\n\n  const keyframes = SKEW_Y_KEYFRAMES.map(({ keyframe, skewY }) => {\n    const offset = (keyframe / 100) * timingFactor;\n\n    return {\n      offset,\n      transform: `rotateZ(var(--comp-rotate-z, 0deg)) skewY(calc(${toKeyframeValue(\n        custom,\n        '--motion-skew-y',\n        asWeb,\n      )} * ${skewY}deg))`,\n    };\n  });\n\n  return [\n    {\n      ...options,\n      name,\n      delay: 0,\n      easing: 'linear',\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-jello-${timingFactor}`];\n}\n"],"mappings":"AAMA,SAASA,eAAe,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,aAAa;AAExE,MAAMC,yBAAyB,GAAG;EAChCC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,CAAC;EACTC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,gBAAgB,GAAG,CACvB;EAAEC,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAE,CAAC,EAC1B;EAAED,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE,CAAC;AAAE,CAAC,EAC3B;EAAED,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAE,CAAC,EAC1B;EAAED,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE,CAAC;AAAE,CAAC,EAC3B;EAAED,QAAQ,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,CAC5B;AAED,OAAO,SAASC,GAAGA,CACjBC,OAAqD,EACrDC,IAAa,EACb;EACA,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASE,KAAKA,CACnBF,OAAqD,EACrDG,KAAK,EACL;EAAA,IADAA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAEb,MAAM;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAK,CAAC,GAAGL,OAAO,CAACM,WAAoB;EAEhE,MAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAQ,IAAI,CAAC;EACtC,MAAMC,KAAK,GAAGR,OAAO,CAACQ,KAAK,IAAI,CAAC;EAChC,MAAM,CAACC,IAAI,CAAC,GAAGC,QAAQ,CAACV,OAAO,CAAC;EAChC,MAAMW,YAAY,GAAGtB,eAAe,CAACkB,QAAQ,EAAEC,KAAK,CAAW;EAE/D,MAAMI,qBAAqB,GAAGrB,QAAQ,CACpC,CAAC,EACD,CAAC,EACDC,yBAAyB,CAACC,IAAI,EAC9BD,yBAAyB,CAACG,IAAI,EAC9BU,SACF,CAAC;EACD,MAAMQ,WAAW,GACdT,KAAK,IAAIZ,yBAAyB,CAACY,KAAK,CAAC,IAAKQ,qBAAqB;;EAEtE;EACA,MAAME,MAAuC,GAAG;IAC9C,iBAAiB,EAAED;EACrB,CAAC;EAED,MAAME,SAAS,GAAGnB,gBAAgB,CAACoB,GAAG,CAACC,IAAA,IAAyB;IAAA,IAAxB;MAAEpB,QAAQ;MAAEC;IAAM,CAAC,GAAAmB,IAAA;IACzD,MAAMC,MAAM,GAAIrB,QAAQ,GAAG,GAAG,GAAIc,YAAY;IAE9C,OAAO;MACLO,MAAM;MACNC,SAAS,EAAE,kDAAkD7B,eAAe,CAC1EwB,MAAM,EACN,iBAAiB,EACjBX,KACF,CAAC,MAAML,KAAK;IACd,CAAC;EACH,CAAC,CAAC;EAEF,OAAO,CACL;IACE,GAAGE,OAAO;IACVS,IAAI;IACJD,KAAK,EAAE,CAAC;IACRY,MAAM,EAAE,QAAQ;IAChBb,QAAQ,EAAEA,QAAQ,GAAGC,KAAK;IAC1BM,MAAM;IACNC;EACF,CAAC,CACF;AACH;AAEA,OAAO,SAASL,QAAQA,CACtBV,OAAqD,EACrD;EACA,MAAMW,YAAY,GAAGtB,eAAe,CAACW,OAAO,CAACO,QAAQ,EAAGP,OAAO,CAACQ,KAAK,EAAG,IAAI,CAAC;EAE7E,OAAO,CAAC,gBAAgBG,YAAY,EAAE,CAAC;AACzC","ignoreList":[]}

package/dist/esm/library/ongoing/Poke.js

@@ -1,100 +0,0 @@
-import { getTimingFactor, toKeyframeValue, mapRange } from '../../utils';
-const TRANSLATE_KEYFRAMES = [{
-  keyframe: 17,
-  translate: 7
-}, {
-  keyframe: 32,
-  translate: 25
-}, {
-  keyframe: 48,
-  translate: 8
-}, {
-  keyframe: 56,
-  translate: 11
-}, {
-  keyframe: 66,
-  translate: 25
-}, {
-  keyframe: 83,
-  translate: 4
-}, {
-  keyframe: 100,
-  translate: 0
-}];
-const POWER_TO_POKE_FACTOR_MAP = {
-  soft: 1,
-  medium: 2,
-  hard: 4
-};
-const DIRECTION_MAP = {
-  top: {
-    x: 0,
-    y: -1
-  },
-  bottom: {
-    x: 0,
-    y: 1
-  },
-  right: {
-    x: 1,
-    y: 0
-  },
-  left: {
-    x: -1,
-    y: 0
-  }
-};
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    power,
-    intensity = 0.5,
-    direction = 'right'
-  } = options.namedEffect;
-  const duration = options.duration || 1;
-  const delay = +(options.delay || 0);
-  const {
-    x,
-    y
-  } = DIRECTION_MAP[direction];
-  const timingFactor = getTimingFactor(duration, delay);
-  const [name] = getNames(options);
-  const responsivePokeFactor = mapRange(0, 1, POWER_TO_POKE_FACTOR_MAP.soft, POWER_TO_POKE_FACTOR_MAP.hard, intensity);
-  const pokeFactor = power ? POWER_TO_POKE_FACTOR_MAP[power] : responsivePokeFactor;
-
-  // Create CSS custom properties for the poke configuration
-  const custom = {
-    '--motion-translate-x': x * pokeFactor,
-    '--motion-translate-y': y * pokeFactor
-  };
-  const keyframes = TRANSLATE_KEYFRAMES.map(_ref => {
-    let {
-      keyframe,
-      translate
-    } = _ref;
-    const translateValue = `calc(${toKeyframeValue(custom, '--motion-translate-x', asWeb)} * ${translate}px) calc(${toKeyframeValue(custom, '--motion-translate-y', asWeb)} * ${translate}px)`;
-    return {
-      offset: keyframe / 100 * timingFactor,
-      translate: translateValue
-    };
-  });
-  return [{
-    ...options,
-    name,
-    easing: 'linear',
-    delay: 0,
-    duration: duration + delay,
-    custom,
-    keyframes
-  }];
-}
-export function getNames(options) {
-  const timingFactor = getTimingFactor(options.duration, options.delay, true);
-  return [`motion-poke-${timingFactor}`];
-}
-//# sourceMappingURL=Poke.js.map

package/dist/esm/library/ongoing/Poke.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getTimingFactor","toKeyframeValue","mapRange","TRANSLATE_KEYFRAMES","keyframe","translate","POWER_TO_POKE_FACTOR_MAP","soft","medium","hard","DIRECTION_MAP","top","x","y","bottom","right","left","web","options","_dom","style","asWeb","power","intensity","direction","namedEffect","duration","delay","timingFactor","name","getNames","responsivePokeFactor","pokeFactor","custom","keyframes","map","_ref","translateValue","offset","easing"],"sources":["../../../../src/library/ongoing/Poke.ts"],"sourcesContent":["import type {\n  Poke,\n  TimeAnimationOptions,\n  DomApi,\n  AnimationExtraOptions,\n} from '../../types';\nimport { getTimingFactor, toKeyframeValue, mapRange } from '../../utils';\n\nconst TRANSLATE_KEYFRAMES = [\n  { keyframe: 17, translate: 7 },\n  { keyframe: 32, translate: 25 },\n  { keyframe: 48, translate: 8 },\n  { keyframe: 56, translate: 11 },\n  { keyframe: 66, translate: 25 },\n  { keyframe: 83, translate: 4 },\n  { keyframe: 100, translate: 0 },\n];\n\nconst POWER_TO_POKE_FACTOR_MAP = {\n  soft: 1,\n  medium: 2,\n  hard: 4,\n};\n\nconst DIRECTION_MAP = {\n  top: { x: 0, y: -1 },\n  bottom: { x: 0, y: 1 },\n  right: { x: 1, y: 0 },\n  left: { x: -1, y: 0 },\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 {\n    power,\n    intensity = 0.5,\n    direction = 'right',\n  } = options.namedEffect as Poke;\n\n  const duration = options.duration || 1;\n  const delay = +(options.delay || 0);\n  const { x, y } = DIRECTION_MAP[direction];\n  const timingFactor = getTimingFactor(duration, delay) as number;\n  const [name] = getNames(options);\n\n  const responsivePokeFactor = mapRange(\n    0,\n    1,\n    POWER_TO_POKE_FACTOR_MAP.soft,\n    POWER_TO_POKE_FACTOR_MAP.hard,\n    intensity,\n  );\n\n  const pokeFactor = power\n    ? POWER_TO_POKE_FACTOR_MAP[power]\n    : responsivePokeFactor;\n\n  // Create CSS custom properties for the poke configuration\n  const custom: Record<string, string | number> = {\n    '--motion-translate-x': x * pokeFactor,\n    '--motion-translate-y': y * pokeFactor,\n  };\n\n  const keyframes = TRANSLATE_KEYFRAMES.map(({ keyframe, translate }) => {\n    const translateValue = `calc(${toKeyframeValue(\n      custom,\n      '--motion-translate-x',\n      asWeb,\n    )} * ${translate}px) calc(${toKeyframeValue(\n      custom,\n      '--motion-translate-y',\n      asWeb,\n    )} * ${translate}px)`;\n\n    return {\n      offset: (keyframe / 100) * timingFactor,\n      translate: translateValue,\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(\n    options.duration!,\n    options.delay!,\n    true,\n  ) as string;\n\n  return [`motion-poke-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/library/ongoing/Pulse.js

@@ -1,73 +0,0 @@
-import { getTimingFactor, toKeyframeValue, mapRange } from '../../utils';
-const POWER_TO_PULSE_OFFSET_MAP = {
-  soft: 0,
-  medium: 0.06,
-  hard: 0.12
-};
-const SCALE_KEYFRAMES = [{
-  keyframe: 27,
-  scale: 0.96
-}, {
-  keyframe: 45,
-  scale: 1
-}, {
-  keyframe: 72,
-  scale: 0.93
-}, {
-  keyframe: 100,
-  scale: 1
-}];
-export function web(options, _dom) {
-  return style(options, true);
-}
-export function style(options, asWeb) {
-  if (asWeb === void 0) {
-    asWeb = false;
-  }
-  const {
-    power,
-    intensity = 0
-  } = options.namedEffect;
-  const duration = options.duration || 1;
-  const delay = options.delay || 0;
-  const timingFactor = getTimingFactor(duration, delay);
-  const [name] = getNames(options);
-  const responsivePulseOffset = mapRange(0, 1, POWER_TO_PULSE_OFFSET_MAP.soft, POWER_TO_PULSE_OFFSET_MAP.hard, intensity);
-  const pulseOffset = typeof power !== 'undefined' ? POWER_TO_PULSE_OFFSET_MAP[power] : responsivePulseOffset;
-
-  // Create CSS custom properties for the pulse configuration
-  const custom = {
-    '--motion-pulse-offset': pulseOffset
-  };
-  const keyframes = SCALE_KEYFRAMES.map(_ref => {
-    let {
-      keyframe,
-      scale
-    } = _ref;
-    const offset = keyframe / 100 * timingFactor;
-    return {
-      offset,
-      transform: `scale(${scale < 1 ? `calc(${scale} - ${toKeyframeValue(custom, '--motion-pulse-offset', asWeb)})` : '1'})`
-    };
-  });
-  if (timingFactor < 1) {
-    keyframes.push({
-      offset: 1,
-      transform: 'scale(1)'
-    });
-  }
-  return [{
-    ...options,
-    name,
-    easing: 'linear',
-    delay: 0,
-    duration: duration + delay,
-    custom,
-    keyframes
-  }];
-}
-export function getNames(options) {
-  const timingFactor = getTimingFactor(options.duration, options.delay, true);
-  return [`motion-pulse-${timingFactor}`];
-}
-//# sourceMappingURL=Pulse.js.map

package/dist/esm/library/ongoing/Pulse.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getTimingFactor","toKeyframeValue","mapRange","POWER_TO_PULSE_OFFSET_MAP","soft","medium","hard","SCALE_KEYFRAMES","keyframe","scale","web","options","_dom","style","asWeb","power","intensity","namedEffect","duration","delay","timingFactor","name","getNames","responsivePulseOffset","pulseOffset","custom","keyframes","map","_ref","offset","transform","push","easing"],"sources":["../../../../src/library/ongoing/Pulse.ts"],"sourcesContent":["import type {\n  Pulse,\n  TimeAnimationOptions,\n  DomApi,\n  AnimationExtraOptions,\n} from '../../types';\nimport { getTimingFactor, toKeyframeValue, mapRange } from '../../utils';\n\nconst POWER_TO_PULSE_OFFSET_MAP = {\n  soft: 0,\n  medium: 0.06,\n  hard: 0.12,\n};\n\nconst SCALE_KEYFRAMES = [\n  { keyframe: 27, scale: 0.96 },\n  { keyframe: 45, scale: 1 },\n  { keyframe: 72, scale: 0.93 },\n  { keyframe: 100, scale: 1 },\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 } = options.namedEffect as Pulse;\n\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 responsivePulseOffset = mapRange(\n    0,\n    1,\n    POWER_TO_PULSE_OFFSET_MAP.soft,\n    POWER_TO_PULSE_OFFSET_MAP.hard,\n    intensity,\n  );\n\n  const pulseOffset =\n    typeof power !== 'undefined'\n      ? POWER_TO_PULSE_OFFSET_MAP[power]\n      : responsivePulseOffset;\n\n  // Create CSS custom properties for the pulse configuration\n  const custom: Record<string, string | number> = {\n    '--motion-pulse-offset': pulseOffset,\n  };\n\n  const keyframes = SCALE_KEYFRAMES.map(({ keyframe, scale }) => {\n    const offset = (keyframe / 100) * timingFactor;\n\n    return {\n      offset,\n      transform: `scale(${\n        scale < 1\n          ? `calc(${scale} - ${toKeyframeValue(\n              custom,\n              '--motion-pulse-offset',\n              asWeb,\n            )})`\n          : '1'\n      })`,\n    };\n  });\n\n  if (timingFactor < 1) {\n    keyframes.push({\n      offset: 1,\n      transform: 'scale(1)',\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-pulse-${timingFactor}`];\n}\n"],"mappings":"AAMA,SAASA,eAAe,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,aAAa;AAExE,MAAMC,yBAAyB,GAAG;EAChCC,IAAI,EAAE,CAAC;EACPC,MAAM,EAAE,IAAI;EACZC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,eAAe,GAAG,CACtB;EAAEC,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAK,CAAC,EAC7B;EAAED,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAE,CAAC,EAC1B;EAAED,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAK,CAAC,EAC7B;EAAED,QAAQ,EAAE,GAAG;EAAEC,KAAK,EAAE;AAAE,CAAC,CAC5B;AAED,OAAO,SAASC,GAAGA,CACjBC,OAAqD,EACrDC,IAAa,EACb;EACA,OAAOC,KAAK,CAACF,OAAO,EAAE,IAAI,CAAC;AAC7B;AAEA,OAAO,SAASE,KAAKA,CACnBF,OAAqD,EACrDG,KAAK,EACL;EAAA,IADAA,KAAK;IAALA,KAAK,GAAG,KAAK;EAAA;EAEb,MAAM;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAE,CAAC,GAAGL,OAAO,CAACM,WAAoB;EAE7D,MAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAQ,IAAI,CAAC;EACtC,MAAMC,KAAK,GAAGR,OAAO,CAACQ,KAAK,IAAI,CAAC;EAChC,MAAMC,YAAY,GAAGpB,eAAe,CAACkB,QAAQ,EAAEC,KAAK,CAAW;EAC/D,MAAM,CAACE,IAAI,CAAC,GAAGC,QAAQ,CAACX,OAAO,CAAC;EAEhC,MAAMY,qBAAqB,GAAGrB,QAAQ,CACpC,CAAC,EACD,CAAC,EACDC,yBAAyB,CAACC,IAAI,EAC9BD,yBAAyB,CAACG,IAAI,EAC9BU,SACF,CAAC;EAED,MAAMQ,WAAW,GACf,OAAOT,KAAK,KAAK,WAAW,GACxBZ,yBAAyB,CAACY,KAAK,CAAC,GAChCQ,qBAAqB;;EAE3B;EACA,MAAME,MAAuC,GAAG;IAC9C,uBAAuB,EAAED;EAC3B,CAAC;EAED,MAAME,SAAS,GAAGnB,eAAe,CAACoB,GAAG,CAACC,IAAA,IAAyB;IAAA,IAAxB;MAAEpB,QAAQ;MAAEC;IAAM,CAAC,GAAAmB,IAAA;IACxD,MAAMC,MAAM,GAAIrB,QAAQ,GAAG,GAAG,GAAIY,YAAY;IAE9C,OAAO;MACLS,MAAM;MACNC,SAAS,EAAE,SACTrB,KAAK,GAAG,CAAC,GACL,QAAQA,KAAK,MAAMR,eAAe,CAChCwB,MAAM,EACN,uBAAuB,EACvBX,KACF,CAAC,GAAG,GACJ,GAAG;IAEX,CAAC;EACH,CAAC,CAAC;EAEF,IAAIM,YAAY,GAAG,CAAC,EAAE;IACpBM,SAAS,CAACK,IAAI,CAAC;MACbF,MAAM,EAAE,CAAC;MACTC,SAAS,EAAE;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,CACL;IACE,GAAGnB,OAAO;IACVU,IAAI;IACJW,MAAM,EAAE,QAAQ;IAChBb,KAAK,EAAE,CAAC;IACRD,QAAQ,EAAEA,QAAQ,GAAGC,KAAK;IAC1BM,MAAM;IACNC;EACF,CAAC,CACF;AACH;AAEA,OAAO,SAASJ,QAAQA,CACtBX,OAAqD,EACrD;EACA,MAAMS,YAAY,GAAGpB,eAAe,CAACW,OAAO,CAACO,QAAQ,EAAGP,OAAO,CAACQ,KAAK,EAAG,IAAI,CAAC;EAE7E,OAAO,CAAC,gBAAgBC,YAAY,EAAE,CAAC;AACzC","ignoreList":[]}