@wix/interact 1.82.0 → 1.84.0

package/dist/cjs/handlers/click.js

@@ -33,6 +33,11 @@ function createTimeEffectHandler(element, effect, options, reducedMotion = false
       // type === 'repeat'
       // type === 'once'
       animation.progress(0);
+      if (animation.isCSS) {
+        animation.onFinish(() => {
+          element.dataset.motionEnter = 'done';
+        });
+      }
       animation.play();
     }
   };

package/dist/cjs/handlers/click.js.map

@@ -1 +1 @@
-{"version":3,"names":["_motion","require","_utilities","handlerMap","WeakMap","createTimeEffectHandler","element","effect","options","reducedMotion","animation","getAnimation","effectToAnimationOptions","undefined","initialPlay","type","__","play","reverse","playState","pause","progress","createTransitionHandler","effectId","wixInteractElement","closest","toggleEffect","method","addClickHandler","source","target","handler","once","transition","transitionProperties","cleanup","removeEventListener","handlerObj","addHandlerToMap","addEventListener","passive","removeClickHandler","removeElementFromHandlerMap","_default","exports","default","add","remove"],"sources":["../../../src/handlers/click.ts"],"sourcesContent":["import { getAnimation } from '@wix/motion';\nimport type { AnimationGroup } from '@wix/motion';\nimport type {\n  TimeEffect,\n  TransitionEffect,\n  StateParams,\n  HandlerObjectMap,\n  IWixInteractElement,\n  PointerTriggerParams,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction createTimeEffectHandler(\n  element: HTMLElement,\n  effect: TimeEffect,\n  options: PointerTriggerParams,\n  reducedMotion: boolean = false,\n) {\n  const animation = getAnimation(\n    element,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n  let initialPlay = true;\n  const type = options.type || 'alternate';\n\n  return (__: MouseEvent) => {\n    if (type === 'alternate') {\n      if (initialPlay) {\n        initialPlay = false;\n        animation.play();\n      } else {\n        animation.reverse();\n      }\n    } else if (type === 'state') {\n      if (initialPlay) {\n        initialPlay = false;\n        animation.play();\n      } else {\n        if (animation.playState === 'running') {\n          animation.pause();\n        } else if (animation.playState !== 'finished') {\n          // 'idle' OR 'paused'\n          animation.play();\n        }\n      }\n    } else {\n      // type === 'repeat'\n      // type === 'once'\n      animation.progress(0);\n      animation.play();\n    }\n  };\n}\n\nfunction createTransitionHandler(\n  element: HTMLElement,\n  { effectId }: TransitionEffect & { effectId: string },\n  options: StateParams,\n) {\n  return (__: MouseEvent) => {\n    const wixInteractElement = element.closest(\n      'wix-interact-element',\n    ) as IWixInteractElement;\n    if (!wixInteractElement) {\n      return;\n    }\n\n    wixInteractElement.toggleEffect(effectId, options.method || 'toggle');\n  };\n}\n\nfunction addClickHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect | TransitionEffect,\n  options: StateParams | PointerTriggerParams = {} as StateParams,\n  reducedMotion: boolean = false,\n) {\n  let handler: (event: MouseEvent) => void;\n  let once = false;\n\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    handler = createTransitionHandler(\n      target,\n      effect as TransitionEffect & { effectId: string },\n      options as StateParams,\n    );\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect,\n      options as PointerTriggerParams,\n      reducedMotion,\n    );\n    once = (options as PointerTriggerParams).type === 'once';\n  }\n\n  const cleanup = () => {\n    source.removeEventListener('click', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('click', handler, { passive: true, once });\n}\n\nfunction removeClickHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addClickHandler,\n  remove: removeClickHandler,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_motion","require","_utilities","handlerMap","WeakMap","createTimeEffectHandler","element","effect","options","reducedMotion","animation","getAnimation","effectToAnimationOptions","undefined","initialPlay","type","__","play","reverse","playState","pause","progress","isCSS","onFinish","dataset","motionEnter","createTransitionHandler","effectId","wixInteractElement","closest","toggleEffect","method","addClickHandler","source","target","handler","once","transition","transitionProperties","cleanup","removeEventListener","handlerObj","addHandlerToMap","addEventListener","passive","removeClickHandler","removeElementFromHandlerMap","_default","exports","default","add","remove"],"sources":["../../../src/handlers/click.ts"],"sourcesContent":["import { getAnimation } from '@wix/motion';\nimport type { AnimationGroup } from '@wix/motion';\nimport type {\n  TimeEffect,\n  TransitionEffect,\n  StateParams,\n  HandlerObjectMap,\n  IWixInteractElement,\n  PointerTriggerParams,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction createTimeEffectHandler(\n  element: HTMLElement,\n  effect: TimeEffect,\n  options: PointerTriggerParams,\n  reducedMotion: boolean = false,\n) {\n  const animation = getAnimation(\n    element,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n  let initialPlay = true;\n  const type = options.type || 'alternate';\n\n  return (__: MouseEvent) => {\n    if (type === 'alternate') {\n      if (initialPlay) {\n        initialPlay = false;\n        animation.play();\n      } else {\n        animation.reverse();\n      }\n    } else if (type === 'state') {\n      if (initialPlay) {\n        initialPlay = false;\n        animation.play();\n      } else {\n        if (animation.playState === 'running') {\n          animation.pause();\n        } else if (animation.playState !== 'finished') {\n          // 'idle' OR 'paused'\n          animation.play();\n        }\n      }\n    } else {\n      // type === 'repeat'\n      // type === 'once'\n      animation.progress(0);\n\n      if (animation.isCSS) {\n        animation.onFinish(() => {\n          element.dataset.motionEnter = 'done';\n        });\n      }\n\n      animation.play();\n    }\n  };\n}\n\nfunction createTransitionHandler(\n  element: HTMLElement,\n  { effectId }: TransitionEffect & { effectId: string },\n  options: StateParams,\n) {\n  return (__: MouseEvent) => {\n    const wixInteractElement = element.closest(\n      'wix-interact-element',\n    ) as IWixInteractElement;\n    if (!wixInteractElement) {\n      return;\n    }\n\n    wixInteractElement.toggleEffect(effectId, options.method || 'toggle');\n  };\n}\n\nfunction addClickHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect | TransitionEffect,\n  options: StateParams | PointerTriggerParams = {} as StateParams,\n  reducedMotion: boolean = false,\n) {\n  let handler: (event: MouseEvent) => void;\n  let once = false;\n\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    handler = createTransitionHandler(\n      target,\n      effect as TransitionEffect & { effectId: string },\n      options as StateParams,\n    );\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect,\n      options as PointerTriggerParams,\n      reducedMotion,\n    );\n    once = (options as PointerTriggerParams).type === 'once';\n  }\n\n  const cleanup = () => {\n    source.removeEventListener('click', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('click', handler, { passive: true, once });\n}\n\nfunction removeClickHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addClickHandler,\n  remove: removeClickHandler,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/handlers/hover.js

@@ -27,6 +27,11 @@ function createTimeEffectHandler(element, effect, options, reducedMotion = false
         // type === 'repeat'
         // type === 'once'
         animation.progress(0);
+        if (animation.isCSS) {
+          animation.onFinish(() => {
+            element.dataset.motionEnter = 'done';
+          });
+        }
         animation.play();
       }
     } else if (event.type === 'mouseleave') {
@@ -34,6 +39,7 @@ function createTimeEffectHandler(element, effect, options, reducedMotion = false
         animation.reverse();
       } else if (type === 'repeat') {
         animation.cancel();
+        delete element.dataset.motionEnter;
       } else if (type === 'state') {
         if (animation.playState === 'running') {
           animation.pause();

package/dist/cjs/handlers/hover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_motion","require","_utilities","handlerMap","WeakMap","createTimeEffectHandler","element","effect","options","reducedMotion","animation","getAnimation","effectToAnimationOptions","undefined","type","initialPlay","event","play","reverse","playState","progress","cancel","pause","createTransitionHandler","effectId","method","isToggle","wixInteractElement","closest","method_","toggleEffect","addHoverHandler","source","target","handler","isStateTrigger","once","transition","transitionProperties","cleanup","removeEventListener","handlerObj","addHandlerToMap","addEventListener","passive","addLeave","removeHoverHandler","removeElementFromHandlerMap","_default","exports","default","add","remove"],"sources":["../../../src/handlers/hover.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type {\n  TimeEffect,\n  TransitionEffect,\n  StateParams,\n  HandlerObjectMap,\n  IWixInteractElement,\n  PointerTriggerParams,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction createTimeEffectHandler(\n  element: HTMLElement,\n  effect: TimeEffect,\n  options: PointerTriggerParams,\n  reducedMotion: boolean = false,\n) {\n  const animation = getAnimation(\n    element,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n  const type = options.type || 'alternate';\n  let initialPlay = true;\n\n  return (event: MouseEvent) => {\n    if (event.type === 'mouseenter') {\n      if (type === 'alternate') {\n        if (initialPlay) {\n          initialPlay = false;\n          animation.play();\n        } else {\n          animation.reverse();\n        }\n      } else if (type === 'state') {\n        if (animation.playState !== 'finished') {\n          // 'idle' OR 'paused'\n          animation.play();\n        }\n      } else {\n        // type === 'repeat'\n        // type === 'once'\n        animation.progress(0);\n        animation.play();\n      }\n    } else if (event.type === 'mouseleave') {\n      if (type === 'alternate') {\n        animation.reverse();\n      } else if (type === 'repeat') {\n        animation.cancel();\n      } else if (type === 'state') {\n        if (animation.playState === 'running') {\n          animation.pause();\n        }\n      }\n    }\n  };\n}\n\nfunction createTransitionHandler(\n  element: HTMLElement,\n  { effectId }: TransitionEffect & { effectId: string },\n  options: StateParams,\n) {\n  const method = options.method || 'toggle';\n  const isToggle = method === 'toggle';\n\n  return (event: MouseEvent) => {\n    const wixInteractElement = element.closest(\n      'wix-interact-element',\n    ) as IWixInteractElement;\n    if (!wixInteractElement) {\n      return;\n    }\n\n    if (event.type === 'mouseenter') {\n      const method_ = isToggle ? 'add' : method;\n      wixInteractElement.toggleEffect(effectId, method_);\n    } else if (event.type === 'mouseleave' && isToggle) {\n      wixInteractElement.toggleEffect(effectId, 'remove');\n    }\n  };\n}\n\nfunction addHoverHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TransitionEffect | TimeEffect,\n  options: StateParams | PointerTriggerParams = {},\n  reducedMotion: boolean = false,\n) {\n  let handler: (event: MouseEvent) => void;\n  let isStateTrigger = false;\n  let once = false;\n\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    handler = createTransitionHandler(\n      target,\n      effect as TransitionEffect & { effectId: string },\n      options as StateParams,\n    );\n    isStateTrigger = true;\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect,\n      options as PointerTriggerParams,\n      reducedMotion,\n    );\n    once = (options as PointerTriggerParams).type === 'once';\n  }\n\n  const cleanup = () => {\n    source.removeEventListener('mouseenter', handler);\n    source.removeEventListener('mouseleave', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('mouseenter', handler, { passive: true, once });\n\n  const addLeave = isStateTrigger\n    ? ((options as StateParams).method || 'toggle') === 'toggle'\n    : (options as PointerTriggerParams).type !== 'once';\n  if (addLeave) {\n    source.addEventListener('mouseleave', handler, { passive: true });\n  }\n}\n\nfunction removeHoverHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addHoverHandler,\n  remove: removeHoverHandler,\n};\n"],"mappings":";;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AASA,IAAAC,UAAA,GAAAD,OAAA;AAMA,MAAME,UAAU,GAAG,IAAIC,OAAO,CAAC,CAAqB;AAEpD,SAASC,uBAAuBA,CAC9BC,OAAoB,EACpBC,MAAkB,EAClBC,OAA6B,EAC7BC,aAAsB,GAAG,KAAK,EAC9B;EACA,MAAMC,SAAS,GAAG,IAAAC,oBAAY,EAC5BL,OAAO,EACP,IAAAM,mCAAwB,EAACL,MAAM,CAAC,EAChCM,SAAS,EACTJ,aACF,CAAmB;EACnB,MAAMK,IAAI,GAAGN,OAAO,CAACM,IAAI,IAAI,WAAW;EACxC,IAAIC,WAAW,GAAG,IAAI;EAEtB,OAAQC,KAAiB,IAAK;IAC5B,IAAIA,KAAK,CAACF,IAAI,KAAK,YAAY,EAAE;MAC/B,IAAIA,IAAI,KAAK,WAAW,EAAE;QACxB,IAAIC,WAAW,EAAE;UACfA,WAAW,GAAG,KAAK;UACnBL,SAAS,CAACO,IAAI,CAAC,CAAC;QAClB,CAAC,MAAM;UACLP,SAAS,CAACQ,OAAO,CAAC,CAAC;QACrB;MACF,CAAC,MAAM,IAAIJ,IAAI,KAAK,OAAO,EAAE;QAC3B,IAAIJ,SAAS,CAACS,SAAS,KAAK,UAAU,EAAE;UACtC;UACAT,SAAS,CAACO,IAAI,CAAC,CAAC;QAClB;MACF,CAAC,MAAM;QACL;QACA;QACAP,SAAS,CAACU,QAAQ,CAAC,CAAC,CAAC;QACrBV,SAAS,CAACO,IAAI,CAAC,CAAC;MAClB;IACF,CAAC,MAAM,IAAID,KAAK,CAACF,IAAI,KAAK,YAAY,EAAE;MACtC,IAAIA,IAAI,KAAK,WAAW,EAAE;QACxBJ,SAAS,CAACQ,OAAO,CAAC,CAAC;MACrB,CAAC,MAAM,IAAIJ,IAAI,KAAK,QAAQ,EAAE;QAC5BJ,SAAS,CAACW,MAAM,CAAC,CAAC;MACpB,CAAC,MAAM,IAAIP,IAAI,KAAK,OAAO,EAAE;QAC3B,IAAIJ,SAAS,CAACS,SAAS,KAAK,SAAS,EAAE;UACrCT,SAAS,CAACY,KAAK,CAAC,CAAC;QACnB;MACF;IACF;EACF,CAAC;AACH;AAEA,SAASC,uBAAuBA,CAC9BjB,OAAoB,EACpB;EAAEkB;AAAkD,CAAC,EACrDhB,OAAoB,EACpB;EACA,MAAMiB,MAAM,GAAGjB,OAAO,CAACiB,MAAM,IAAI,QAAQ;EACzC,MAAMC,QAAQ,GAAGD,MAAM,KAAK,QAAQ;EAEpC,OAAQT,KAAiB,IAAK;IAC5B,MAAMW,kBAAkB,GAAGrB,OAAO,CAACsB,OAAO,CACxC,sBACF,CAAwB;IACxB,IAAI,CAACD,kBAAkB,EAAE;MACvB;IACF;IAEA,IAAIX,KAAK,CAACF,IAAI,KAAK,YAAY,EAAE;MAC/B,MAAMe,OAAO,GAAGH,QAAQ,GAAG,KAAK,GAAGD,MAAM;MACzCE,kBAAkB,CAACG,YAAY,CAACN,QAAQ,EAAEK,OAAO,CAAC;IACpD,CAAC,MAAM,IAAIb,KAAK,CAACF,IAAI,KAAK,YAAY,IAAIY,QAAQ,EAAE;MAClDC,kBAAkB,CAACG,YAAY,CAACN,QAAQ,EAAE,QAAQ,CAAC;IACrD;EACF,CAAC;AACH;AAEA,SAASO,eAAeA,CACtBC,MAAmB,EACnBC,MAAmB,EACnB1B,MAAqC,EACrCC,OAA2C,GAAG,CAAC,CAAC,EAChDC,aAAsB,GAAG,KAAK,EAC9B;EACA,IAAIyB,OAAoC;EACxC,IAAIC,cAAc,GAAG,KAAK;EAC1B,IAAIC,IAAI,GAAG,KAAK;EAEhB,IACG7B,MAAM,CAAsB8B,UAAU,IACtC9B,MAAM,CAAsB+B,oBAAoB,EACjD;IACAJ,OAAO,GAAGX,uBAAuB,CAC/BU,MAAM,EACN1B,MAAM,EACNC,OACF,CAAC;IACD2B,cAAc,GAAG,IAAI;EACvB,CAAC,MAAM;IACLD,OAAO,GAAG7B,uBAAuB,CAC/B4B,MAAM,EACN1B,MAAM,EACNC,OAAO,EACPC,aACF,CAAC;IACD2B,IAAI,GAAI5B,OAAO,CAA0BM,IAAI,KAAK,MAAM;EAC1D;EAEA,MAAMyB,OAAO,GAAGA,CAAA,KAAM;IACpBP,MAAM,CAACQ,mBAAmB,CAAC,YAAY,EAAEN,OAAO,CAAC;IACjDF,MAAM,CAACQ,mBAAmB,CAAC,YAAY,EAAEN,OAAO,CAAC;EACnD,CAAC;EAED,MAAMO,UAAU,GAAG;IAAET,MAAM;IAAEC,MAAM;IAAEM;EAAQ,CAAC;EAE9C,IAAAG,0BAAe,EAACvC,UAAU,EAAE6B,MAAM,EAAES,UAAU,CAAC;EAC/C,IAAAC,0BAAe,EAACvC,UAAU,EAAE8B,MAAM,EAAEQ,UAAU,CAAC;EAE/CT,MAAM,CAACW,gBAAgB,CAAC,YAAY,EAAET,OAAO,EAAE;IAAEU,OAAO,EAAE,IAAI;IAAER;EAAK,CAAC,CAAC;EAEvE,MAAMS,QAAQ,GAAGV,cAAc,GAC3B,CAAE3B,OAAO,CAAiBiB,MAAM,IAAI,QAAQ,MAAM,QAAQ,GACzDjB,OAAO,CAA0BM,IAAI,KAAK,MAAM;EACrD,IAAI+B,QAAQ,EAAE;IACZb,MAAM,CAACW,gBAAgB,CAAC,YAAY,EAAET,OAAO,EAAE;MAAEU,OAAO,EAAE;IAAK,CAAC,CAAC;EACnE;AACF;AAEA,SAASE,kBAAkBA,CAACxC,OAAoB,EAAE;EAChD,IAAAyC,sCAA2B,EAAC5C,UAAU,EAAEG,OAAO,CAAC;AAClD;AAAC,IAAA0C,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc;EACbC,GAAG,EAAEpB,eAAe;EACpBqB,MAAM,EAAEN;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["_motion","require","_utilities","handlerMap","WeakMap","createTimeEffectHandler","element","effect","options","reducedMotion","animation","getAnimation","effectToAnimationOptions","undefined","type","initialPlay","event","play","reverse","playState","progress","isCSS","onFinish","dataset","motionEnter","cancel","pause","createTransitionHandler","effectId","method","isToggle","wixInteractElement","closest","method_","toggleEffect","addHoverHandler","source","target","handler","isStateTrigger","once","transition","transitionProperties","cleanup","removeEventListener","handlerObj","addHandlerToMap","addEventListener","passive","addLeave","removeHoverHandler","removeElementFromHandlerMap","_default","exports","default","add","remove"],"sources":["../../../src/handlers/hover.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type {\n  TimeEffect,\n  TransitionEffect,\n  StateParams,\n  HandlerObjectMap,\n  IWixInteractElement,\n  PointerTriggerParams,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction createTimeEffectHandler(\n  element: HTMLElement,\n  effect: TimeEffect,\n  options: PointerTriggerParams,\n  reducedMotion: boolean = false,\n) {\n  const animation = getAnimation(\n    element,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n  const type = options.type || 'alternate';\n  let initialPlay = true;\n\n  return (event: MouseEvent) => {\n    if (event.type === 'mouseenter') {\n      if (type === 'alternate') {\n        if (initialPlay) {\n          initialPlay = false;\n          animation.play();\n        } else {\n          animation.reverse();\n        }\n      } else if (type === 'state') {\n        if (animation.playState !== 'finished') {\n          // 'idle' OR 'paused'\n          animation.play();\n        }\n      } else {\n        // type === 'repeat'\n        // type === 'once'\n        animation.progress(0);\n\n        if (animation.isCSS) {\n          animation.onFinish(() => {\n            element.dataset.motionEnter = 'done';\n          });\n        }\n\n        animation.play();\n      }\n    } else if (event.type === 'mouseleave') {\n      if (type === 'alternate') {\n        animation.reverse();\n      } else if (type === 'repeat') {\n        animation.cancel();\n        delete element.dataset.motionEnter;\n      } else if (type === 'state') {\n        if (animation.playState === 'running') {\n          animation.pause();\n        }\n      }\n    }\n  };\n}\n\nfunction createTransitionHandler(\n  element: HTMLElement,\n  { effectId }: TransitionEffect & { effectId: string },\n  options: StateParams,\n) {\n  const method = options.method || 'toggle';\n  const isToggle = method === 'toggle';\n\n  return (event: MouseEvent) => {\n    const wixInteractElement = element.closest(\n      'wix-interact-element',\n    ) as IWixInteractElement;\n    if (!wixInteractElement) {\n      return;\n    }\n\n    if (event.type === 'mouseenter') {\n      const method_ = isToggle ? 'add' : method;\n      wixInteractElement.toggleEffect(effectId, method_);\n    } else if (event.type === 'mouseleave' && isToggle) {\n      wixInteractElement.toggleEffect(effectId, 'remove');\n    }\n  };\n}\n\nfunction addHoverHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TransitionEffect | TimeEffect,\n  options: StateParams | PointerTriggerParams = {},\n  reducedMotion: boolean = false,\n) {\n  let handler: (event: MouseEvent) => void;\n  let isStateTrigger = false;\n  let once = false;\n\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    handler = createTransitionHandler(\n      target,\n      effect as TransitionEffect & { effectId: string },\n      options as StateParams,\n    );\n    isStateTrigger = true;\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect,\n      options as PointerTriggerParams,\n      reducedMotion,\n    );\n    once = (options as PointerTriggerParams).type === 'once';\n  }\n\n  const cleanup = () => {\n    source.removeEventListener('mouseenter', handler);\n    source.removeEventListener('mouseleave', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('mouseenter', handler, { passive: true, once });\n\n  const addLeave = isStateTrigger\n    ? ((options as StateParams).method || 'toggle') === 'toggle'\n    : (options as PointerTriggerParams).type !== 'once';\n  if (addLeave) {\n    source.addEventListener('mouseleave', handler, { passive: true });\n  }\n}\n\nfunction removeHoverHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addHoverHandler,\n  remove: removeHoverHandler,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/handlers/viewEnter.js

@@ -39,16 +39,14 @@ function getObserver(options) {
 function addViewEnterHandler(source, target, effect, options = {}, reducedMotion = false) {
   const observer = getObserver(options);
   const animation = (0, _motion.getAnimation)(target, (0, _utilities.effectToAnimationOptions)(effect), undefined, reducedMotion);
-  if (animation) {
+  if (animation != null && animation.isCSS && options.type === 'once') {
     animation.onFinish(() => {
-      const endEvent = new Event('animationend');
-      target.dispatchEvent(endEvent);
+      target.dataset.motionEnter = 'done';
     });
   }
   const handler = () => {
     animation.play(() => {
-      if (animation.animations[0] instanceof Animation) {
-        // hack this here until we solve initial state properly
+      if (!animation.isCSS) {
         target.dataset.motionEnter = 'done';
       }
     });

package/dist/cjs/handlers/viewEnter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_motion","require","_utilities","observers","handlerMap","WeakMap","getObserver","options","key","JSON","stringify","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","handlers","get","target","source","handler","type","unobserve","root","rootMargin","inset","threshold","addViewEnterHandler","effect","reducedMotion","animation","getAnimation","effectToAnimationOptions","undefined","onFinish","endEvent","Event","dispatchEvent","play","animations","Animation","dataset","motionEnter","cleanup","cancel","handlerObj","addHandlerToMap","observe","removeViewEnterHandler","element","removeElementFromHandlerMap","_default","exports","default","add","remove"],"sources":["../../../src/handlers/viewEnter.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type { TimeEffect, HandlerObjectMap, ViewEnterParams } from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst observers: Record<string, IntersectionObserver> = {};\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction getObserver(options: ViewEnterParams) {\n  const key = JSON.stringify(options);\n\n  if (observers[key]) {\n    return observers[key];\n  }\n\n  const observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          const handlers = handlerMap.get(entry.target as HTMLElement);\n\n          handlers?.forEach(({ source, handler }) => {\n            if (source === entry.target) {\n              handler!();\n            }\n          });\n\n          if (options.type === 'once') {\n            observer.unobserve(entry.target);\n          }\n        }\n      });\n    },\n    {\n      root: null,\n      rootMargin: options.inset\n        ? `${options.inset} 0px ${options.inset}`\n        : '0px',\n      threshold: options.threshold,\n    },\n  );\n\n  observers[key] = observer;\n\n  return observer;\n}\n\nfunction addViewEnterHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect,\n  options: ViewEnterParams = {},\n  reducedMotion: boolean = false,\n) {\n  const observer = getObserver(options);\n  const animation = getAnimation(\n    target,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n\n  if (animation) {\n    animation.onFinish(() => {\n      const endEvent = new Event('animationend');\n      target.dispatchEvent(endEvent);\n    });\n  }\n\n  const handler = () => {\n    animation.play(() => {\n      if (animation.animations[0] instanceof Animation) {\n        // hack this here until we solve initial state properly\n        target.dataset.motionEnter = 'done';\n      }\n    });\n  };\n  const cleanup = () => {\n    observer.unobserve(source);\n    animation.cancel();\n  };\n  const handlerObj = { source, target, handler, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  observer.observe(source);\n}\n\nfunction removeViewEnterHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addViewEnterHandler,\n  remove: removeViewEnterHandler,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_motion","require","_utilities","observers","handlerMap","WeakMap","getObserver","options","key","JSON","stringify","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","handlers","get","target","source","handler","type","unobserve","root","rootMargin","inset","threshold","addViewEnterHandler","effect","reducedMotion","animation","getAnimation","effectToAnimationOptions","undefined","isCSS","onFinish","dataset","motionEnter","play","cleanup","cancel","handlerObj","addHandlerToMap","observe","removeViewEnterHandler","element","removeElementFromHandlerMap","_default","exports","default","add","remove"],"sources":["../../../src/handlers/viewEnter.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type { TimeEffect, HandlerObjectMap, ViewEnterParams } from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst observers: Record<string, IntersectionObserver> = {};\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction getObserver(options: ViewEnterParams) {\n  const key = JSON.stringify(options);\n\n  if (observers[key]) {\n    return observers[key];\n  }\n\n  const observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          const handlers = handlerMap.get(entry.target as HTMLElement);\n\n          handlers?.forEach(({ source, handler }) => {\n            if (source === entry.target) {\n              handler!();\n            }\n          });\n\n          if (options.type === 'once') {\n            observer.unobserve(entry.target);\n          }\n        }\n      });\n    },\n    {\n      root: null,\n      rootMargin: options.inset\n        ? `${options.inset} 0px ${options.inset}`\n        : '0px',\n      threshold: options.threshold,\n    },\n  );\n\n  observers[key] = observer;\n\n  return observer;\n}\n\nfunction addViewEnterHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect,\n  options: ViewEnterParams = {},\n  reducedMotion: boolean = false,\n) {\n  const observer = getObserver(options);\n  const animation = getAnimation(\n    target,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n\n  if (animation?.isCSS && options.type === 'once') {\n    animation.onFinish(() => {\n      target.dataset.motionEnter = 'done';\n    });\n  }\n\n  const handler = () => {\n    animation.play(() => {\n      if (!animation.isCSS) {\n        target.dataset.motionEnter = 'done';\n      }\n    });\n  };\n  const cleanup = () => {\n    observer.unobserve(source);\n    animation.cancel();\n  };\n  const handlerObj = { source, target, handler, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  observer.observe(source);\n}\n\nfunction removeViewEnterHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addViewEnterHandler,\n  remove: removeViewEnterHandler,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/handlers/click.js

@@ -32,6 +32,11 @@ function createTimeEffectHandler(element, effect, options, reducedMotion) {
       // type === 'repeat'
       // type === 'once'
       animation.progress(0);
+      if (animation.isCSS) {
+        animation.onFinish(() => {
+          element.dataset.motionEnter = 'done';
+        });
+      }
       animation.play();
     }
   };

package/dist/esm/handlers/click.js.map

@@ -1 +1 @@
-{"version":3,"names":["getAnimation","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","handlerMap","WeakMap","createTimeEffectHandler","element","effect","options","reducedMotion","animation","undefined","initialPlay","type","__","play","reverse","playState","pause","progress","createTransitionHandler","_ref","effectId","wixInteractElement","closest","toggleEffect","method","addClickHandler","source","target","handler","once","transition","transitionProperties","cleanup","removeEventListener","handlerObj","addEventListener","passive","removeClickHandler","add","remove"],"sources":["../../../src/handlers/click.ts"],"sourcesContent":["import { getAnimation } from '@wix/motion';\nimport type { AnimationGroup } from '@wix/motion';\nimport type {\n  TimeEffect,\n  TransitionEffect,\n  StateParams,\n  HandlerObjectMap,\n  IWixInteractElement,\n  PointerTriggerParams,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction createTimeEffectHandler(\n  element: HTMLElement,\n  effect: TimeEffect,\n  options: PointerTriggerParams,\n  reducedMotion: boolean = false,\n) {\n  const animation = getAnimation(\n    element,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n  let initialPlay = true;\n  const type = options.type || 'alternate';\n\n  return (__: MouseEvent) => {\n    if (type === 'alternate') {\n      if (initialPlay) {\n        initialPlay = false;\n        animation.play();\n      } else {\n        animation.reverse();\n      }\n    } else if (type === 'state') {\n      if (initialPlay) {\n        initialPlay = false;\n        animation.play();\n      } else {\n        if (animation.playState === 'running') {\n          animation.pause();\n        } else if (animation.playState !== 'finished') {\n          // 'idle' OR 'paused'\n          animation.play();\n        }\n      }\n    } else {\n      // type === 'repeat'\n      // type === 'once'\n      animation.progress(0);\n      animation.play();\n    }\n  };\n}\n\nfunction createTransitionHandler(\n  element: HTMLElement,\n  { effectId }: TransitionEffect & { effectId: string },\n  options: StateParams,\n) {\n  return (__: MouseEvent) => {\n    const wixInteractElement = element.closest(\n      'wix-interact-element',\n    ) as IWixInteractElement;\n    if (!wixInteractElement) {\n      return;\n    }\n\n    wixInteractElement.toggleEffect(effectId, options.method || 'toggle');\n  };\n}\n\nfunction addClickHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect | TransitionEffect,\n  options: StateParams | PointerTriggerParams = {} as StateParams,\n  reducedMotion: boolean = false,\n) {\n  let handler: (event: MouseEvent) => void;\n  let once = false;\n\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    handler = createTransitionHandler(\n      target,\n      effect as TransitionEffect & { effectId: string },\n      options as StateParams,\n    );\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect,\n      options as PointerTriggerParams,\n      reducedMotion,\n    );\n    once = (options as PointerTriggerParams).type === 'once';\n  }\n\n  const cleanup = () => {\n    source.removeEventListener('click', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('click', handler, { passive: true, once });\n}\n\nfunction removeClickHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addClickHandler,\n  remove: removeClickHandler,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getAnimation","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","handlerMap","WeakMap","createTimeEffectHandler","element","effect","options","reducedMotion","animation","undefined","initialPlay","type","__","play","reverse","playState","pause","progress","isCSS","onFinish","dataset","motionEnter","createTransitionHandler","_ref","effectId","wixInteractElement","closest","toggleEffect","method","addClickHandler","source","target","handler","once","transition","transitionProperties","cleanup","removeEventListener","handlerObj","addEventListener","passive","removeClickHandler","add","remove"],"sources":["../../../src/handlers/click.ts"],"sourcesContent":["import { getAnimation } from '@wix/motion';\nimport type { AnimationGroup } from '@wix/motion';\nimport type {\n  TimeEffect,\n  TransitionEffect,\n  StateParams,\n  HandlerObjectMap,\n  IWixInteractElement,\n  PointerTriggerParams,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction createTimeEffectHandler(\n  element: HTMLElement,\n  effect: TimeEffect,\n  options: PointerTriggerParams,\n  reducedMotion: boolean = false,\n) {\n  const animation = getAnimation(\n    element,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n  let initialPlay = true;\n  const type = options.type || 'alternate';\n\n  return (__: MouseEvent) => {\n    if (type === 'alternate') {\n      if (initialPlay) {\n        initialPlay = false;\n        animation.play();\n      } else {\n        animation.reverse();\n      }\n    } else if (type === 'state') {\n      if (initialPlay) {\n        initialPlay = false;\n        animation.play();\n      } else {\n        if (animation.playState === 'running') {\n          animation.pause();\n        } else if (animation.playState !== 'finished') {\n          // 'idle' OR 'paused'\n          animation.play();\n        }\n      }\n    } else {\n      // type === 'repeat'\n      // type === 'once'\n      animation.progress(0);\n\n      if (animation.isCSS) {\n        animation.onFinish(() => {\n          element.dataset.motionEnter = 'done';\n        });\n      }\n\n      animation.play();\n    }\n  };\n}\n\nfunction createTransitionHandler(\n  element: HTMLElement,\n  { effectId }: TransitionEffect & { effectId: string },\n  options: StateParams,\n) {\n  return (__: MouseEvent) => {\n    const wixInteractElement = element.closest(\n      'wix-interact-element',\n    ) as IWixInteractElement;\n    if (!wixInteractElement) {\n      return;\n    }\n\n    wixInteractElement.toggleEffect(effectId, options.method || 'toggle');\n  };\n}\n\nfunction addClickHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect | TransitionEffect,\n  options: StateParams | PointerTriggerParams = {} as StateParams,\n  reducedMotion: boolean = false,\n) {\n  let handler: (event: MouseEvent) => void;\n  let once = false;\n\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    handler = createTransitionHandler(\n      target,\n      effect as TransitionEffect & { effectId: string },\n      options as StateParams,\n    );\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect,\n      options as PointerTriggerParams,\n      reducedMotion,\n    );\n    once = (options as PointerTriggerParams).type === 'once';\n  }\n\n  const cleanup = () => {\n    source.removeEventListener('click', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('click', handler, { passive: true, once });\n}\n\nfunction removeClickHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addClickHandler,\n  remove: removeClickHandler,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/handlers/hover.js

@@ -26,6 +26,11 @@ function createTimeEffectHandler(element, effect, options, reducedMotion) {
         // type === 'repeat'
         // type === 'once'
         animation.progress(0);
+        if (animation.isCSS) {
+          animation.onFinish(() => {
+            element.dataset.motionEnter = 'done';
+          });
+        }
         animation.play();
       }
     } else if (event.type === 'mouseleave') {
@@ -33,6 +38,7 @@ function createTimeEffectHandler(element, effect, options, reducedMotion) {
         animation.reverse();
       } else if (type === 'repeat') {
         animation.cancel();
+        delete element.dataset.motionEnter;
       } else if (type === 'state') {
         if (animation.playState === 'running') {
           animation.pause();

package/dist/esm/handlers/hover.js.map

@@ -1 +1 @@
-{"version":3,"names":["getAnimation","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","handlerMap","WeakMap","createTimeEffectHandler","element","effect","options","reducedMotion","animation","undefined","type","initialPlay","event","play","reverse","playState","progress","cancel","pause","createTransitionHandler","_ref","effectId","method","isToggle","wixInteractElement","closest","method_","toggleEffect","addHoverHandler","source","target","handler","isStateTrigger","once","transition","transitionProperties","cleanup","removeEventListener","handlerObj","addEventListener","passive","addLeave","removeHoverHandler","add","remove"],"sources":["../../../src/handlers/hover.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type {\n  TimeEffect,\n  TransitionEffect,\n  StateParams,\n  HandlerObjectMap,\n  IWixInteractElement,\n  PointerTriggerParams,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction createTimeEffectHandler(\n  element: HTMLElement,\n  effect: TimeEffect,\n  options: PointerTriggerParams,\n  reducedMotion: boolean = false,\n) {\n  const animation = getAnimation(\n    element,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n  const type = options.type || 'alternate';\n  let initialPlay = true;\n\n  return (event: MouseEvent) => {\n    if (event.type === 'mouseenter') {\n      if (type === 'alternate') {\n        if (initialPlay) {\n          initialPlay = false;\n          animation.play();\n        } else {\n          animation.reverse();\n        }\n      } else if (type === 'state') {\n        if (animation.playState !== 'finished') {\n          // 'idle' OR 'paused'\n          animation.play();\n        }\n      } else {\n        // type === 'repeat'\n        // type === 'once'\n        animation.progress(0);\n        animation.play();\n      }\n    } else if (event.type === 'mouseleave') {\n      if (type === 'alternate') {\n        animation.reverse();\n      } else if (type === 'repeat') {\n        animation.cancel();\n      } else if (type === 'state') {\n        if (animation.playState === 'running') {\n          animation.pause();\n        }\n      }\n    }\n  };\n}\n\nfunction createTransitionHandler(\n  element: HTMLElement,\n  { effectId }: TransitionEffect & { effectId: string },\n  options: StateParams,\n) {\n  const method = options.method || 'toggle';\n  const isToggle = method === 'toggle';\n\n  return (event: MouseEvent) => {\n    const wixInteractElement = element.closest(\n      'wix-interact-element',\n    ) as IWixInteractElement;\n    if (!wixInteractElement) {\n      return;\n    }\n\n    if (event.type === 'mouseenter') {\n      const method_ = isToggle ? 'add' : method;\n      wixInteractElement.toggleEffect(effectId, method_);\n    } else if (event.type === 'mouseleave' && isToggle) {\n      wixInteractElement.toggleEffect(effectId, 'remove');\n    }\n  };\n}\n\nfunction addHoverHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TransitionEffect | TimeEffect,\n  options: StateParams | PointerTriggerParams = {},\n  reducedMotion: boolean = false,\n) {\n  let handler: (event: MouseEvent) => void;\n  let isStateTrigger = false;\n  let once = false;\n\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    handler = createTransitionHandler(\n      target,\n      effect as TransitionEffect & { effectId: string },\n      options as StateParams,\n    );\n    isStateTrigger = true;\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect,\n      options as PointerTriggerParams,\n      reducedMotion,\n    );\n    once = (options as PointerTriggerParams).type === 'once';\n  }\n\n  const cleanup = () => {\n    source.removeEventListener('mouseenter', handler);\n    source.removeEventListener('mouseleave', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('mouseenter', handler, { passive: true, once });\n\n  const addLeave = isStateTrigger\n    ? ((options as StateParams).method || 'toggle') === 'toggle'\n    : (options as PointerTriggerParams).type !== 'once';\n  if (addLeave) {\n    source.addEventListener('mouseleave', handler, { passive: true });\n  }\n}\n\nfunction removeHoverHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addHoverHandler,\n  remove: removeHoverHandler,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getAnimation","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","handlerMap","WeakMap","createTimeEffectHandler","element","effect","options","reducedMotion","animation","undefined","type","initialPlay","event","play","reverse","playState","progress","isCSS","onFinish","dataset","motionEnter","cancel","pause","createTransitionHandler","_ref","effectId","method","isToggle","wixInteractElement","closest","method_","toggleEffect","addHoverHandler","source","target","handler","isStateTrigger","once","transition","transitionProperties","cleanup","removeEventListener","handlerObj","addEventListener","passive","addLeave","removeHoverHandler","add","remove"],"sources":["../../../src/handlers/hover.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type {\n  TimeEffect,\n  TransitionEffect,\n  StateParams,\n  HandlerObjectMap,\n  IWixInteractElement,\n  PointerTriggerParams,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction createTimeEffectHandler(\n  element: HTMLElement,\n  effect: TimeEffect,\n  options: PointerTriggerParams,\n  reducedMotion: boolean = false,\n) {\n  const animation = getAnimation(\n    element,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n  const type = options.type || 'alternate';\n  let initialPlay = true;\n\n  return (event: MouseEvent) => {\n    if (event.type === 'mouseenter') {\n      if (type === 'alternate') {\n        if (initialPlay) {\n          initialPlay = false;\n          animation.play();\n        } else {\n          animation.reverse();\n        }\n      } else if (type === 'state') {\n        if (animation.playState !== 'finished') {\n          // 'idle' OR 'paused'\n          animation.play();\n        }\n      } else {\n        // type === 'repeat'\n        // type === 'once'\n        animation.progress(0);\n\n        if (animation.isCSS) {\n          animation.onFinish(() => {\n            element.dataset.motionEnter = 'done';\n          });\n        }\n\n        animation.play();\n      }\n    } else if (event.type === 'mouseleave') {\n      if (type === 'alternate') {\n        animation.reverse();\n      } else if (type === 'repeat') {\n        animation.cancel();\n        delete element.dataset.motionEnter;\n      } else if (type === 'state') {\n        if (animation.playState === 'running') {\n          animation.pause();\n        }\n      }\n    }\n  };\n}\n\nfunction createTransitionHandler(\n  element: HTMLElement,\n  { effectId }: TransitionEffect & { effectId: string },\n  options: StateParams,\n) {\n  const method = options.method || 'toggle';\n  const isToggle = method === 'toggle';\n\n  return (event: MouseEvent) => {\n    const wixInteractElement = element.closest(\n      'wix-interact-element',\n    ) as IWixInteractElement;\n    if (!wixInteractElement) {\n      return;\n    }\n\n    if (event.type === 'mouseenter') {\n      const method_ = isToggle ? 'add' : method;\n      wixInteractElement.toggleEffect(effectId, method_);\n    } else if (event.type === 'mouseleave' && isToggle) {\n      wixInteractElement.toggleEffect(effectId, 'remove');\n    }\n  };\n}\n\nfunction addHoverHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TransitionEffect | TimeEffect,\n  options: StateParams | PointerTriggerParams = {},\n  reducedMotion: boolean = false,\n) {\n  let handler: (event: MouseEvent) => void;\n  let isStateTrigger = false;\n  let once = false;\n\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    handler = createTransitionHandler(\n      target,\n      effect as TransitionEffect & { effectId: string },\n      options as StateParams,\n    );\n    isStateTrigger = true;\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect,\n      options as PointerTriggerParams,\n      reducedMotion,\n    );\n    once = (options as PointerTriggerParams).type === 'once';\n  }\n\n  const cleanup = () => {\n    source.removeEventListener('mouseenter', handler);\n    source.removeEventListener('mouseleave', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('mouseenter', handler, { passive: true, once });\n\n  const addLeave = isStateTrigger\n    ? ((options as StateParams).method || 'toggle') === 'toggle'\n    : (options as PointerTriggerParams).type !== 'once';\n  if (addLeave) {\n    source.addEventListener('mouseleave', handler, { passive: true });\n  }\n}\n\nfunction removeHoverHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addHoverHandler,\n  remove: removeHoverHandler,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/handlers/viewEnter.js

@@ -42,16 +42,14 @@ function addViewEnterHandler(source, target, effect, options, reducedMotion) {
   }
   const observer = getObserver(options);
   const animation = getAnimation(target, effectToAnimationOptions(effect), undefined, reducedMotion);
-  if (animation) {
+  if (animation != null && animation.isCSS && options.type === 'once') {
     animation.onFinish(() => {
-      const endEvent = new Event('animationend');
-      target.dispatchEvent(endEvent);
+      target.dataset.motionEnter = 'done';
     });
   }
   const handler = () => {
     animation.play(() => {
-      if (animation.animations[0] instanceof Animation) {
-        // hack this here until we solve initial state properly
+      if (!animation.isCSS) {
         target.dataset.motionEnter = 'done';
       }
     });

package/dist/esm/handlers/viewEnter.js.map

@@ -1 +1 @@
-{"version":3,"names":["getAnimation","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","observers","handlerMap","WeakMap","getObserver","options","key","JSON","stringify","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","handlers","get","target","_ref","source","handler","type","unobserve","root","rootMargin","inset","threshold","addViewEnterHandler","effect","reducedMotion","animation","undefined","onFinish","endEvent","Event","dispatchEvent","play","animations","Animation","dataset","motionEnter","cleanup","cancel","handlerObj","observe","removeViewEnterHandler","element","add","remove"],"sources":["../../../src/handlers/viewEnter.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type { TimeEffect, HandlerObjectMap, ViewEnterParams } from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst observers: Record<string, IntersectionObserver> = {};\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction getObserver(options: ViewEnterParams) {\n  const key = JSON.stringify(options);\n\n  if (observers[key]) {\n    return observers[key];\n  }\n\n  const observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          const handlers = handlerMap.get(entry.target as HTMLElement);\n\n          handlers?.forEach(({ source, handler }) => {\n            if (source === entry.target) {\n              handler!();\n            }\n          });\n\n          if (options.type === 'once') {\n            observer.unobserve(entry.target);\n          }\n        }\n      });\n    },\n    {\n      root: null,\n      rootMargin: options.inset\n        ? `${options.inset} 0px ${options.inset}`\n        : '0px',\n      threshold: options.threshold,\n    },\n  );\n\n  observers[key] = observer;\n\n  return observer;\n}\n\nfunction addViewEnterHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect,\n  options: ViewEnterParams = {},\n  reducedMotion: boolean = false,\n) {\n  const observer = getObserver(options);\n  const animation = getAnimation(\n    target,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n\n  if (animation) {\n    animation.onFinish(() => {\n      const endEvent = new Event('animationend');\n      target.dispatchEvent(endEvent);\n    });\n  }\n\n  const handler = () => {\n    animation.play(() => {\n      if (animation.animations[0] instanceof Animation) {\n        // hack this here until we solve initial state properly\n        target.dataset.motionEnter = 'done';\n      }\n    });\n  };\n  const cleanup = () => {\n    observer.unobserve(source);\n    animation.cancel();\n  };\n  const handlerObj = { source, target, handler, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  observer.observe(source);\n}\n\nfunction removeViewEnterHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addViewEnterHandler,\n  remove: removeViewEnterHandler,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getAnimation","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","observers","handlerMap","WeakMap","getObserver","options","key","JSON","stringify","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","handlers","get","target","_ref","source","handler","type","unobserve","root","rootMargin","inset","threshold","addViewEnterHandler","effect","reducedMotion","animation","undefined","isCSS","onFinish","dataset","motionEnter","play","cleanup","cancel","handlerObj","observe","removeViewEnterHandler","element","add","remove"],"sources":["../../../src/handlers/viewEnter.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type { TimeEffect, HandlerObjectMap, ViewEnterParams } from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst observers: Record<string, IntersectionObserver> = {};\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction getObserver(options: ViewEnterParams) {\n  const key = JSON.stringify(options);\n\n  if (observers[key]) {\n    return observers[key];\n  }\n\n  const observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          const handlers = handlerMap.get(entry.target as HTMLElement);\n\n          handlers?.forEach(({ source, handler }) => {\n            if (source === entry.target) {\n              handler!();\n            }\n          });\n\n          if (options.type === 'once') {\n            observer.unobserve(entry.target);\n          }\n        }\n      });\n    },\n    {\n      root: null,\n      rootMargin: options.inset\n        ? `${options.inset} 0px ${options.inset}`\n        : '0px',\n      threshold: options.threshold,\n    },\n  );\n\n  observers[key] = observer;\n\n  return observer;\n}\n\nfunction addViewEnterHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect,\n  options: ViewEnterParams = {},\n  reducedMotion: boolean = false,\n) {\n  const observer = getObserver(options);\n  const animation = getAnimation(\n    target,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n\n  if (animation?.isCSS && options.type === 'once') {\n    animation.onFinish(() => {\n      target.dataset.motionEnter = 'done';\n    });\n  }\n\n  const handler = () => {\n    animation.play(() => {\n      if (!animation.isCSS) {\n        target.dataset.motionEnter = 'done';\n      }\n    });\n  };\n  const cleanup = () => {\n    observer.unobserve(source);\n    animation.cancel();\n  };\n  const handlerObj = { source, target, handler, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  observer.observe(source);\n}\n\nfunction removeViewEnterHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addViewEnterHandler,\n  remove: removeViewEnterHandler,\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/interact",
-  "version": "1.82.0",
+  "version": "1.84.0",
   "author": {
     "name": "wow!Team",
     "email": "wow-dev@wix.com"
@@ -32,16 +32,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@wix/motion": "1.633.0",
+    "@wix/motion": "1.643.0",
     "fizban": "^0.7.0",
     "kuliso": "^0.4.13"
   },
   "devDependencies": {
     "@types/jest": "^27.5.2",
     "@types/node": "^16.18.123",
-    "@wix/eslint-config-yoshi": "^6.161.0",
-    "@wix/jest-yoshi-preset": "^6.161.0",
-    "@wix/yoshi-flow-library": "^6.161.0",
+    "@wix/eslint-config-yoshi": "^6.162.0",
+    "@wix/jest-yoshi-preset": "^6.162.0",
+    "@wix/yoshi-flow-library": "^6.162.0",
     "ts-jest": "^29.2.5",
     "typescript": "~4.9.5"
   },
@@ -68,5 +68,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "01d9d8fd62e5704020ce419ed33b7f91874f37d10e520b78f6a8aa1b"
+  "falconPackageHash": "6d35a72265103f8b30cf740531faf8a6a116eee65ffed427d6c796d5"
 }