@wix/motion 1.0.73 → 1.572.0

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

@@ -0,0 +1,165 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,70 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,100 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,73 @@
+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

@@ -0,0 +1 @@
+{"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":[]}

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

@@ -0,0 +1,90 @@
+import { getTimingFactor, roundNumber, toKeyframeValue, mapRange } from '../../utils';
+const POWER_TO_RUBBER_OFFSET_MAP = {
+  soft: 0,
+  medium: 0.05,
+  hard: 0.1
+};
+const SCALE_KEYFRAMES = [{
+  keyframe: 45,
+  scaleX: 1.03,
+  scaleY: 0.93
+}, {
+  keyframe: 56,
+  scaleX: 0.9,
+  scaleY: 1.03
+}, {
+  keyframe: 66,
+  scaleX: 1.02,
+  scaleY: 0.96
+}, {
+  keyframe: 78,
+  scaleX: 0.98,
+  scaleY: 1.02
+}, {
+  keyframe: 89,
+  scaleX: 1.005,
+  scaleY: 0.9995
+}, {
+  keyframe: 100,
+  scaleX: 1,
+  scaleY: 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.5
+  } = options.namedEffect;
+  const duration = options.duration || 1;
+  const delay = options.delay || 0;
+  const timingFactor = getTimingFactor(duration, delay);
+  const [name] = getNames(options);
+  const responsiveRubberOffset = mapRange(0, 1, POWER_TO_RUBBER_OFFSET_MAP.soft, POWER_TO_RUBBER_OFFSET_MAP.hard, intensity);
+  const rubberOffset = typeof power !== 'undefined' ? POWER_TO_RUBBER_OFFSET_MAP[power] : responsiveRubberOffset;
+
+  // Create CSS custom properties for the rubber configuration
+  const custom = {};
+  const keyframes = SCALE_KEYFRAMES.map((_ref, index) => {
+    let {
+      keyframe,
+      scaleX,
+      scaleY
+    } = _ref;
+    const isLastKeyframe = index === SCALE_KEYFRAMES.length - 1;
+    const isEvenKeyframe = index % 2 === 0;
+    const offset = rubberOffset * (isLastKeyframe ? 0 : isEvenKeyframe ? 1 : -0.5);
+    const adjustedScaleX = roundNumber(scaleX + offset, 4);
+    const adjustedScaleY = roundNumber(scaleY - offset, 4);
+
+    // Create custom property keys for this keyframe
+    const scaleXKey = `--motion-scale-x-${keyframe}`;
+    const scaleYKey = `--motion-scale-y-${keyframe}`;
+
+    // Add the scale values to custom properties
+    custom[scaleXKey] = adjustedScaleX;
+    custom[scaleYKey] = adjustedScaleY;
+    return {
+      offset: keyframe / 100 * timingFactor,
+      transform: `rotateZ(var(--comp-rotate-z, 0deg)) scale(${toKeyframeValue(custom, scaleXKey, asWeb)}, ${toKeyframeValue(custom, scaleYKey, asWeb)})`
+    };
+  });
+  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-rubber-${timingFactor}`];
+}
+//# sourceMappingURL=Rubber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getTimingFactor","roundNumber","toKeyframeValue","mapRange","POWER_TO_RUBBER_OFFSET_MAP","soft","medium","hard","SCALE_KEYFRAMES","keyframe","scaleX","scaleY","web","options","_dom","style","asWeb","power","intensity","namedEffect","duration","delay","timingFactor","name","getNames","responsiveRubberOffset","rubberOffset","custom","keyframes","map","_ref","index","isLastKeyframe","length","isEvenKeyframe","offset","adjustedScaleX","adjustedScaleY","scaleXKey","scaleYKey","transform","easing"],"sources":["../../../../src/library/ongoing/Rubber.ts"],"sourcesContent":["import type {\n  Rubber,\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_RUBBER_OFFSET_MAP = {\n  soft: 0,\n  medium: 0.05,\n  hard: 0.1,\n};\n\nconst SCALE_KEYFRAMES = [\n  { keyframe: 45, scaleX: 1.03, scaleY: 0.93 },\n  { keyframe: 56, scaleX: 0.9, scaleY: 1.03 },\n  { keyframe: 66, scaleX: 1.02, scaleY: 0.96 },\n  { keyframe: 78, scaleX: 0.98, scaleY: 1.02 },\n  { keyframe: 89, scaleX: 1.005, scaleY: 0.9995 },\n  { keyframe: 100, scaleX: 1, scaleY: 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.5 } = options.namedEffect as Rubber;\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 responsiveRubberOffset = mapRange(\n    0,\n    1,\n    POWER_TO_RUBBER_OFFSET_MAP.soft,\n    POWER_TO_RUBBER_OFFSET_MAP.hard,\n    intensity,\n  );\n  const rubberOffset =\n    typeof power !== 'undefined'\n      ? POWER_TO_RUBBER_OFFSET_MAP[power]\n      : responsiveRubberOffset;\n\n  // Create CSS custom properties for the rubber configuration\n  const custom: Record<string, string | number> = {};\n\n  const keyframes = SCALE_KEYFRAMES.map(\n    ({ keyframe, scaleX, scaleY }, index) => {\n      const isLastKeyframe = index === SCALE_KEYFRAMES.length - 1;\n      const isEvenKeyframe = index % 2 === 0;\n      const offset =\n        rubberOffset * (isLastKeyframe ? 0 : isEvenKeyframe ? 1 : -0.5);\n\n      const adjustedScaleX = roundNumber(scaleX + offset, 4);\n      const adjustedScaleY = roundNumber(scaleY - offset, 4);\n\n      // Create custom property keys for this keyframe\n      const scaleXKey = `--motion-scale-x-${keyframe}`;\n      const scaleYKey = `--motion-scale-y-${keyframe}`;\n\n      // Add the scale values to custom properties\n      custom[scaleXKey] = adjustedScaleX;\n      custom[scaleYKey] = adjustedScaleY;\n\n      return {\n        offset: (keyframe / 100) * timingFactor,\n        transform: `rotateZ(var(--comp-rotate-z, 0deg)) scale(${toKeyframeValue(\n          custom,\n          scaleXKey,\n          asWeb,\n        )}, ${toKeyframeValue(custom, scaleYKey, 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-rubber-${timingFactor}`];\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,52 @@
+import { getTimingFactor, toKeyframeValue } from '../../utils';
+const POWER_EASING_MAP = {
+  soft: 'linear',
+  medium: 'quintInOut',
+  hard: 'backOut'
+};
+const DIRECTION_MAP = {
+  clockwise: -1,
+  'counter-clockwise': 1
+};
+export function web(options, _dom) {
+  return style(options, true);
+}
+export function style(options, asWeb) {
+  if (asWeb === void 0) {
+    asWeb = false;
+  }
+  const {
+    power,
+    direction = 'clockwise'
+  } = options.namedEffect;
+  const duration = options.duration || 1;
+  const delay = options.delay || 0;
+  const timingFactor = getTimingFactor(duration, delay);
+  const [name] = getNames(options);
+  const easing = power && POWER_EASING_MAP[power] || options.easing || 'linear';
+  const transformRotate = (DIRECTION_MAP[direction] > 0 ? 1 : -1) * 360;
+  const custom = {
+    '--motion-rotate-start': `calc(var(--comp-rotate-z, 0deg) + ${transformRotate}deg)`
+  };
+  return [{
+    ...options,
+    name,
+    easing: 'linear',
+    delay: 0,
+    duration: duration + delay,
+    custom,
+    keyframes: [{
+      offset: 0,
+      easing,
+      rotate: toKeyframeValue(custom, '--motion-rotate-start', asWeb)
+    }, {
+      offset: timingFactor,
+      rotate: `var(--comp-rotate-z, 0deg)`
+    }]
+  }];
+}
+export function getNames(options) {
+  const timingFactor = getTimingFactor(options.duration, options.delay, true);
+  return [`motion-spin-${timingFactor}`];
+}
+//# sourceMappingURL=Spin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getTimingFactor","toKeyframeValue","POWER_EASING_MAP","soft","medium","hard","DIRECTION_MAP","clockwise","web","options","_dom","style","asWeb","power","direction","namedEffect","duration","delay","timingFactor","name","getNames","easing","transformRotate","custom","keyframes","offset","rotate"],"sources":["../../../../src/library/ongoing/Spin.ts"],"sourcesContent":["import type {\n  Spin,\n  TimeAnimationOptions,\n  DomApi,\n  AnimationExtraOptions,\n} from '../../types';\nimport { getTimingFactor, toKeyframeValue } from '../../utils';\n\nconst POWER_EASING_MAP = {\n  soft: 'linear',\n  medium: 'quintInOut',\n  hard: 'backOut',\n};\n\nconst DIRECTION_MAP = {\n  clockwise: -1,\n  'counter-clockwise': 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, direction = 'clockwise' } = options.namedEffect as Spin;\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 easing =\n    (power && POWER_EASING_MAP[power]) || options.easing || 'linear';\n\n  const transformRotate = (DIRECTION_MAP[direction] > 0 ? 1 : -1) * 360;\n\n  const custom = {\n    '--motion-rotate-start': `calc(var(--comp-rotate-z, 0deg) + ${transformRotate}deg)`,\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          offset: 0,\n          easing,\n          rotate: toKeyframeValue(custom, '--motion-rotate-start', asWeb),\n        },\n        {\n          offset: timingFactor,\n          rotate: `var(--comp-rotate-z, 0deg)`,\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-spin-${timingFactor}`];\n}\n"],"mappings":"AAMA,SAASA,eAAe,EAAEC,eAAe,QAAQ,aAAa;AAE9D,MAAMC,gBAAgB,GAAG;EACvBC,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE,YAAY;EACpBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,aAAa,GAAG;EACpBC,SAAS,EAAE,CAAC,CAAC;EACb,mBAAmB,EAAE;AACvB,CAAC;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;EAAY,CAAC,GAAGL,OAAO,CAACM,WAAmB;EAEtE,MAAMC,QAAQ,GAAGP,OAAO,CAACO,QAAQ,IAAI,CAAC;EACtC,MAAMC,KAAK,GAAGR,OAAO,CAACQ,KAAK,IAAI,CAAC;EAChC,MAAMC,YAAY,GAAGlB,eAAe,CAACgB,QAAQ,EAAEC,KAAK,CAAW;EAC/D,MAAM,CAACE,IAAI,CAAC,GAAGC,QAAQ,CAACX,OAAO,CAAC;EAEhC,MAAMY,MAAM,GACTR,KAAK,IAAIX,gBAAgB,CAACW,KAAK,CAAC,IAAKJ,OAAO,CAACY,MAAM,IAAI,QAAQ;EAElE,MAAMC,eAAe,GAAG,CAAChB,aAAa,CAACQ,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG;EAErE,MAAMS,MAAM,GAAG;IACb,uBAAuB,EAAE,qCAAqCD,eAAe;EAC/E,CAAC;EAED,OAAO,CACL;IACE,GAAGb,OAAO;IACVU,IAAI;IACJE,MAAM,EAAE,QAAQ;IAChBJ,KAAK,EAAE,CAAC;IACRD,QAAQ,EAAEA,QAAQ,GAAGC,KAAK;IAC1BM,MAAM;IACNC,SAAS,EAAE,CACT;MACEC,MAAM,EAAE,CAAC;MACTJ,MAAM;MACNK,MAAM,EAAEzB,eAAe,CAACsB,MAAM,EAAE,uBAAuB,EAAEX,KAAK;IAChE,CAAC,EACD;MACEa,MAAM,EAAEP,YAAY;MACpBQ,MAAM,EAAE;IACV,CAAC;EAEL,CAAC,CACF;AACH;AAEA,OAAO,SAASN,QAAQA,CACtBX,OAAqD,EACrD;EACA,MAAMS,YAAY,GAAGlB,eAAe,CAACS,OAAO,CAACO,QAAQ,EAAGP,OAAO,CAACQ,KAAK,EAAG,IAAI,CAAC;EAE7E,OAAO,CAAC,eAAeC,YAAY,EAAE,CAAC;AACxC","ignoreList":[]}