@wix/motion 1.673.0 → 1.675.0

package/dist/cjs/AnimationGroup.js

@@ -99,6 +99,15 @@ class AnimationGroup {
       await Promise.all(this.animations.map(animation => animation.finished));
     } catch (error) {
       if (error.name === 'AbortError') {
+        const a = this.animations[0];
+        if (a && !this.isCSS) {
+          var _a$effect2;
+          const target = (_a$effect2 = a.effect) == null ? void 0 : _a$effect2.target;
+          if (target) {
+            const cancelEvent = new Event('animationcancel');
+            target.dispatchEvent(cancelEvent);
+          }
+        }
         callback();
       }
     }

package/dist/cjs/AnimationGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["AnimationGroup","constructor","animations","options","_defineProperty2","default","ready","measured","Promise","resolve","isCSS","CSSAnimation","getProgress","_this$animations$","effect","getComputedTiming","progress","play","callback","animation","all","map","pause","reverse","p","activeDuration","delay","getTiming","currentTime","cancel","setPlaybackRate","rate","playbackRate","onFinish","finished","a","_a$effect","target","endEvent","Event","dispatchEvent","_error","console","warn","onAbort","error","name","playState","_this$animations$2","exports"],"sources":["../../src/AnimationGroup.ts"],"sourcesContent":["import { AnimationGroupOptions, RangeOffset } from './types';\n\n/**\n * @class AnimationGroup\n *\n * A wrapper object for simulating a GroupEffect and managing multiple animations.\n * See: https://www.w3.org/TR/web-animations-2/#grouping-and-synchronization\n */\nexport class AnimationGroup {\n  animations: (Animation & {\n    start?: RangeOffset;\n    end?: RangeOffset;\n  })[];\n  options?: AnimationGroupOptions;\n  ready: Promise<void>;\n  isCSS: boolean;\n\n  constructor(animations: Animation[], options?: AnimationGroupOptions) {\n    this.animations = animations;\n    this.options = options;\n    this.ready = options?.measured || Promise.resolve();\n    this.isCSS = animations[0] instanceof CSSAnimation;\n  }\n\n  getProgress() {\n    return this.animations[0]?.effect?.getComputedTiming().progress || 0;\n  }\n\n  async play(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.play();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  pause() {\n    for (const animation of this.animations) {\n      animation.pause();\n    }\n  }\n\n  async reverse(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.reverse();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  progress(p: number) {\n    for (const animation of this.animations) {\n      const { activeDuration } = animation.effect!.getComputedTiming();\n      const { delay } = animation.effect!.getTiming();\n      animation.currentTime =\n        ((delay || 0) + ((activeDuration as number) || 0)) * p;\n    }\n  }\n\n  cancel() {\n    for (const animation of this.animations) {\n      animation.cancel();\n    }\n  }\n\n  setPlaybackRate(rate: number) {\n    for (const animation of this.animations) {\n      animation.playbackRate = rate;\n    }\n  }\n\n  async onFinish(callback: () => void): Promise<void> {\n    try {\n      await Promise.all(this.animations.map((animation) => animation.finished));\n\n      const a = this.animations[0];\n\n      if (a && !this.isCSS) {\n        const target = (a.effect as KeyframeEffect)?.target;\n\n        if (target) {\n          const endEvent = new Event('animationend');\n          target.dispatchEvent(endEvent);\n        }\n      }\n\n      callback();\n    } catch (_error) {\n      console.warn(\n        'animation was interrupted - aborting onFinish callback - ',\n        _error,\n      );\n    }\n  }\n\n  async onAbort(callback: () => void): Promise<void> {\n    try {\n      await Promise.all(this.animations.map((animation) => animation.finished));\n    } catch (error: any) {\n      if (error.name === 'AbortError') {\n        callback();\n      }\n    }\n  }\n\n  get finished() {\n    return Promise.all(this.animations.map((animation) => animation.finished));\n  }\n\n  get playState() {\n    return this.animations[0]?.playState;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AnimationGroup","constructor","animations","options","_defineProperty2","default","ready","measured","Promise","resolve","isCSS","CSSAnimation","getProgress","_this$animations$","effect","getComputedTiming","progress","play","callback","animation","all","map","pause","reverse","p","activeDuration","delay","getTiming","currentTime","cancel","setPlaybackRate","rate","playbackRate","onFinish","finished","a","_a$effect","target","endEvent","Event","dispatchEvent","_error","console","warn","onAbort","error","name","_a$effect2","cancelEvent","playState","_this$animations$2","exports"],"sources":["../../src/AnimationGroup.ts"],"sourcesContent":["import { AnimationGroupOptions, RangeOffset } from './types';\n\n/**\n * @class AnimationGroup\n *\n * A wrapper object for simulating a GroupEffect and managing multiple animations.\n * See: https://www.w3.org/TR/web-animations-2/#grouping-and-synchronization\n */\nexport class AnimationGroup {\n  animations: (Animation & {\n    start?: RangeOffset;\n    end?: RangeOffset;\n  })[];\n  options?: AnimationGroupOptions;\n  ready: Promise<void>;\n  isCSS: boolean;\n\n  constructor(animations: Animation[], options?: AnimationGroupOptions) {\n    this.animations = animations;\n    this.options = options;\n    this.ready = options?.measured || Promise.resolve();\n    this.isCSS = animations[0] instanceof CSSAnimation;\n  }\n\n  getProgress() {\n    return this.animations[0]?.effect?.getComputedTiming().progress || 0;\n  }\n\n  async play(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.play();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  pause() {\n    for (const animation of this.animations) {\n      animation.pause();\n    }\n  }\n\n  async reverse(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.reverse();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  progress(p: number) {\n    for (const animation of this.animations) {\n      const { activeDuration } = animation.effect!.getComputedTiming();\n      const { delay } = animation.effect!.getTiming();\n      animation.currentTime =\n        ((delay || 0) + ((activeDuration as number) || 0)) * p;\n    }\n  }\n\n  cancel() {\n    for (const animation of this.animations) {\n      animation.cancel();\n    }\n  }\n\n  setPlaybackRate(rate: number) {\n    for (const animation of this.animations) {\n      animation.playbackRate = rate;\n    }\n  }\n\n  async onFinish(callback: () => void): Promise<void> {\n    try {\n      await Promise.all(this.animations.map((animation) => animation.finished));\n\n      const a = this.animations[0];\n\n      if (a && !this.isCSS) {\n        const target = (a.effect as KeyframeEffect)?.target;\n\n        if (target) {\n          const endEvent = new Event('animationend');\n          target.dispatchEvent(endEvent);\n        }\n      }\n\n      callback();\n    } catch (_error) {\n      console.warn(\n        'animation was interrupted - aborting onFinish callback - ',\n        _error,\n      );\n    }\n  }\n\n  async onAbort(callback: () => void): Promise<void> {\n    try {\n      await Promise.all(this.animations.map((animation) => animation.finished));\n    } catch (error: any) {\n      if (error.name === 'AbortError') {\n        const a = this.animations[0];\n\n        if (a && !this.isCSS) {\n          const target = (a.effect as KeyframeEffect)?.target;\n\n          if (target) {\n            const cancelEvent = new Event('animationcancel');\n            target.dispatchEvent(cancelEvent);\n          }\n        }\n        \n        callback();\n      }\n    }\n  }\n\n  get finished() {\n    return Promise.all(this.animations.map((animation) => animation.finished));\n  }\n\n  get playState() {\n    return this.animations[0]?.playState;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -113,7 +113,7 @@ function style(options, asWeb = false) {
   }, {
     ...options,
     name: stretchScrollOpacity,
-    fill,
+    fill: 'both',
     easing,
     keyframes: opacityKeyframesMap[range] || opacityKeyframesMap.out
   }];

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

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

package/dist/esm/AnimationGroup.js

@@ -94,6 +94,15 @@ export class AnimationGroup {
       await Promise.all(this.animations.map(animation => animation.finished));
     } catch (error) {
       if (error.name === 'AbortError') {
+        const a = this.animations[0];
+        if (a && !this.isCSS) {
+          var _a$effect2;
+          const target = (_a$effect2 = a.effect) == null ? void 0 : _a$effect2.target;
+          if (target) {
+            const cancelEvent = new Event('animationcancel');
+            target.dispatchEvent(cancelEvent);
+          }
+        }
         callback();
       }
     }

package/dist/esm/AnimationGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["AnimationGroup","constructor","animations","options","_defineProperty","ready","measured","Promise","resolve","isCSS","CSSAnimation","getProgress","_this$animations$","effect","getComputedTiming","progress","play","callback","animation","all","map","pause","reverse","p","activeDuration","delay","getTiming","currentTime","cancel","setPlaybackRate","rate","playbackRate","onFinish","finished","a","_a$effect","target","endEvent","Event","dispatchEvent","_error","console","warn","onAbort","error","name","playState","_this$animations$2"],"sources":["../../src/AnimationGroup.ts"],"sourcesContent":["import { AnimationGroupOptions, RangeOffset } from './types';\n\n/**\n * @class AnimationGroup\n *\n * A wrapper object for simulating a GroupEffect and managing multiple animations.\n * See: https://www.w3.org/TR/web-animations-2/#grouping-and-synchronization\n */\nexport class AnimationGroup {\n  animations: (Animation & {\n    start?: RangeOffset;\n    end?: RangeOffset;\n  })[];\n  options?: AnimationGroupOptions;\n  ready: Promise<void>;\n  isCSS: boolean;\n\n  constructor(animations: Animation[], options?: AnimationGroupOptions) {\n    this.animations = animations;\n    this.options = options;\n    this.ready = options?.measured || Promise.resolve();\n    this.isCSS = animations[0] instanceof CSSAnimation;\n  }\n\n  getProgress() {\n    return this.animations[0]?.effect?.getComputedTiming().progress || 0;\n  }\n\n  async play(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.play();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  pause() {\n    for (const animation of this.animations) {\n      animation.pause();\n    }\n  }\n\n  async reverse(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.reverse();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  progress(p: number) {\n    for (const animation of this.animations) {\n      const { activeDuration } = animation.effect!.getComputedTiming();\n      const { delay } = animation.effect!.getTiming();\n      animation.currentTime =\n        ((delay || 0) + ((activeDuration as number) || 0)) * p;\n    }\n  }\n\n  cancel() {\n    for (const animation of this.animations) {\n      animation.cancel();\n    }\n  }\n\n  setPlaybackRate(rate: number) {\n    for (const animation of this.animations) {\n      animation.playbackRate = rate;\n    }\n  }\n\n  async onFinish(callback: () => void): Promise<void> {\n    try {\n      await Promise.all(this.animations.map((animation) => animation.finished));\n\n      const a = this.animations[0];\n\n      if (a && !this.isCSS) {\n        const target = (a.effect as KeyframeEffect)?.target;\n\n        if (target) {\n          const endEvent = new Event('animationend');\n          target.dispatchEvent(endEvent);\n        }\n      }\n\n      callback();\n    } catch (_error) {\n      console.warn(\n        'animation was interrupted - aborting onFinish callback - ',\n        _error,\n      );\n    }\n  }\n\n  async onAbort(callback: () => void): Promise<void> {\n    try {\n      await Promise.all(this.animations.map((animation) => animation.finished));\n    } catch (error: any) {\n      if (error.name === 'AbortError') {\n        callback();\n      }\n    }\n  }\n\n  get finished() {\n    return Promise.all(this.animations.map((animation) => animation.finished));\n  }\n\n  get playState() {\n    return this.animations[0]?.playState;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AnimationGroup","constructor","animations","options","_defineProperty","ready","measured","Promise","resolve","isCSS","CSSAnimation","getProgress","_this$animations$","effect","getComputedTiming","progress","play","callback","animation","all","map","pause","reverse","p","activeDuration","delay","getTiming","currentTime","cancel","setPlaybackRate","rate","playbackRate","onFinish","finished","a","_a$effect","target","endEvent","Event","dispatchEvent","_error","console","warn","onAbort","error","name","_a$effect2","cancelEvent","playState","_this$animations$2"],"sources":["../../src/AnimationGroup.ts"],"sourcesContent":["import { AnimationGroupOptions, RangeOffset } from './types';\n\n/**\n * @class AnimationGroup\n *\n * A wrapper object for simulating a GroupEffect and managing multiple animations.\n * See: https://www.w3.org/TR/web-animations-2/#grouping-and-synchronization\n */\nexport class AnimationGroup {\n  animations: (Animation & {\n    start?: RangeOffset;\n    end?: RangeOffset;\n  })[];\n  options?: AnimationGroupOptions;\n  ready: Promise<void>;\n  isCSS: boolean;\n\n  constructor(animations: Animation[], options?: AnimationGroupOptions) {\n    this.animations = animations;\n    this.options = options;\n    this.ready = options?.measured || Promise.resolve();\n    this.isCSS = animations[0] instanceof CSSAnimation;\n  }\n\n  getProgress() {\n    return this.animations[0]?.effect?.getComputedTiming().progress || 0;\n  }\n\n  async play(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.play();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  pause() {\n    for (const animation of this.animations) {\n      animation.pause();\n    }\n  }\n\n  async reverse(callback?: () => void): Promise<void> {\n    await this.ready;\n\n    for (const animation of this.animations) {\n      animation.reverse();\n    }\n\n    // TODO: Wait for all animations to be ready, using allSettled to handle rejections gracefully\n    // await Promise.allSettled(\n    await Promise.all(this.animations.map((animation) => animation.ready));\n\n    if (callback) {\n      callback();\n    }\n  }\n\n  progress(p: number) {\n    for (const animation of this.animations) {\n      const { activeDuration } = animation.effect!.getComputedTiming();\n      const { delay } = animation.effect!.getTiming();\n      animation.currentTime =\n        ((delay || 0) + ((activeDuration as number) || 0)) * p;\n    }\n  }\n\n  cancel() {\n    for (const animation of this.animations) {\n      animation.cancel();\n    }\n  }\n\n  setPlaybackRate(rate: number) {\n    for (const animation of this.animations) {\n      animation.playbackRate = rate;\n    }\n  }\n\n  async onFinish(callback: () => void): Promise<void> {\n    try {\n      await Promise.all(this.animations.map((animation) => animation.finished));\n\n      const a = this.animations[0];\n\n      if (a && !this.isCSS) {\n        const target = (a.effect as KeyframeEffect)?.target;\n\n        if (target) {\n          const endEvent = new Event('animationend');\n          target.dispatchEvent(endEvent);\n        }\n      }\n\n      callback();\n    } catch (_error) {\n      console.warn(\n        'animation was interrupted - aborting onFinish callback - ',\n        _error,\n      );\n    }\n  }\n\n  async onAbort(callback: () => void): Promise<void> {\n    try {\n      await Promise.all(this.animations.map((animation) => animation.finished));\n    } catch (error: any) {\n      if (error.name === 'AbortError') {\n        const a = this.animations[0];\n\n        if (a && !this.isCSS) {\n          const target = (a.effect as KeyframeEffect)?.target;\n\n          if (target) {\n            const cancelEvent = new Event('animationcancel');\n            target.dispatchEvent(cancelEvent);\n          }\n        }\n        \n        callback();\n      }\n    }\n  }\n\n  get finished() {\n    return Promise.all(this.animations.map((animation) => animation.finished));\n  }\n\n  get playState() {\n    return this.animations[0]?.playState;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -110,7 +110,7 @@ export function style(options, asWeb) {
   }, {
     ...options,
     name: stretchScrollOpacity,
-    fill,
+    fill: 'both',
     easing,
     keyframes: opacityKeyframesMap[range] || opacityKeyframesMap.out
   }];

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

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

package/dist/types/AnimationGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationGroup.d.ts","sourceRoot":"","sources":["../../src/AnimationGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE7D;;;;;GAKG;AACH,qBAAa,cAAc;IACzB,UAAU,EAAE,CAAC,SAAS,GAAG;QACvB,KAAK,CAAC,EAAE,WAAW,CAAC;QACpB,GAAG,CAAC,EAAE,WAAW,CAAC;KACnB,CAAC,EAAE,CAAC;IACL,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;gBAEH,UAAU,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,EAAE,qBAAqB;IAOpE,WAAW;IAIL,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBhD,KAAK;IAMC,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBnD,QAAQ,CAAC,CAAC,EAAE,MAAM;IASlB,MAAM;IAMN,eAAe,CAAC,IAAI,EAAE,MAAM;IAMtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAwB7C,OAAO,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAUlD,IAAI,QAAQ,yBAEX;IAED,IAAI,SAAS,uBAEZ;CACF"}
+{"version":3,"file":"AnimationGroup.d.ts","sourceRoot":"","sources":["../../src/AnimationGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE7D;;;;;GAKG;AACH,qBAAa,cAAc;IACzB,UAAU,EAAE,CAAC,SAAS,GAAG;QACvB,KAAK,CAAC,EAAE,WAAW,CAAC;QACpB,GAAG,CAAC,EAAE,WAAW,CAAC;KACnB,CAAC,EAAE,CAAC;IACL,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;gBAEH,UAAU,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,EAAE,qBAAqB;IAOpE,WAAW;IAIL,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBhD,KAAK;IAMC,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBnD,QAAQ,CAAC,CAAC,EAAE,MAAM;IASlB,MAAM;IAMN,eAAe,CAAC,IAAI,EAAE,MAAM;IAMtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAwB7C,OAAO,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBlD,IAAI,QAAQ,yBAEX;IAED,IAAI,SAAS,uBAEZ;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/motion",
-  "version": "1.673.0",
+  "version": "1.675.0",
   "license": "UNLICENSED",
   "author": {
     "name": "wow!Team",
@@ -83,5 +83,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "210c0b14eafce568f53b54a8ce2811e06df870ab8f44d5d5a29de920"
+  "falconPackageHash": "aaa3cc665b53bd5da1f13647a43fa45203c3036ced6524c01e556ade"
 }