@wix/interact 1.91.0 → 1.93.0

package/dist/esm/core/Interact.js

@@ -105,6 +105,9 @@ export class Interact {
     if (options.viewEnter) {
       TRIGGER_TO_HANDLER_MODULE_MAP.viewEnter.setOptions(options.viewEnter);
     }
+    if (options.allowA11yTriggers !== undefined) {
+      Interact.allowA11yTriggers = options.allowA11yTriggers;
+    }
   }
   static getInstance(key) {
     return Interact.instances.find(instance => instance.has(key));
@@ -118,6 +121,7 @@ export class Interact {
 }
 _Interact = Interact;
 _defineProperty(Interact, "forceReducedMotion", false);
+_defineProperty(Interact, "allowA11yTriggers", true);
 _defineProperty(Interact, "instances", []);
 _defineProperty(Interact, "elementCache", new Map());
 let interactionIdCounter = 0;

package/dist/esm/core/Interact.js.map

@@ -1 +1 @@
-{"version":3,"names":["getInterpolatedKey","getInteractElement","generateId","TRIGGER_TO_HANDLER_MODULE_MAP","registerInteractElement","customElements","get","interactElement","define","_convertToKeyTemplate","key","replace","Interact","constructor","_defineProperty","dataCache","effects","conditions","interactions","addedInteractions","listInteractionsCache","elements","Set","init","config","window","parseConfig","didRegister","elementCache","forEach","element","connect","destroy","disconnect","clear","instances","splice","indexOf","setElement","add","deleteElement","clearInteractionStateForKey","delete","has","processedKey","_this$get","interactionIds","interactionId_","interactionId","create","instance","push","length","setup","options","scrollOptionsGetter","viewProgress","registerOptionsGetter","pointerOptionsGetter","pointerMove","viewEnter","setOptions","getInstance","find","getElement","undefined","set","_Interact","Map","interactionIdCounter","getSelector","d","_temp","asCombinator","addItemFilter","listContainer","itemFilter","listItemSelector","selector","_config$interactions","interaction_","source","interactionIdx","effects_","rest","console","error","triggers","selectors","Array","from","reverse","interaction","effect","target","effectId","referencedEffect"],"sources":["../../../src/core/Interact.ts"],"sourcesContent":["import {\n  InteractCache,\n  IInteractElement,\n  InteractConfig,\n  EffectRef,\n  Effect,\n  Interaction,\n  ViewEnterParams,\n  ViewEnterHandlerModule,\n} from '../types';\nimport { getInterpolatedKey } from './utilities';\nimport { getInteractElement } from '../InteractElement';\nimport { generateId } from '../utils';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction registerInteractElement() {\n  if (!customElements.get('interact-element')) {\n    const interactElement = getInteractElement();\n    customElements.define('interact-element', interactElement);\n\n    return true;\n  }\n\n  return false;\n}\n\nfunction _convertToKeyTemplate(key: string) {\n  return key.replace(/\\[([-\\w]+)]/g, '[]');\n}\n\nexport class Interact {\n  dataCache: InteractCache;\n  addedInteractions: { [interactionId: string]: boolean };\n  listInteractionsCache: {\n    [listContainer: string]: { [interactionId: string]: boolean };\n  };\n  elements: Set<IInteractElement>;\n  static forceReducedMotion: boolean = false;\n  static instances: Interact[] = [];\n  static elementCache = new Map<string, IInteractElement>();\n\n  constructor() {\n    this.dataCache = { effects: {}, conditions: {}, interactions: {} };\n    this.addedInteractions = {};\n    this.listInteractionsCache = {};\n    this.elements = new Set();\n  }\n\n  init(config: InteractConfig): void {\n    if (typeof window === 'undefined' || !window.customElements) {\n      return;\n    }\n\n    this.dataCache = parseConfig(config);\n\n    const didRegister = registerInteractElement();\n\n    if (!didRegister) {\n      Interact.elementCache.forEach((element: IInteractElement, key) =>\n        element.connect(key),\n      );\n    }\n  }\n\n  destroy(): void {\n    for (const element of this.elements) {\n      element.disconnect();\n    }\n    this.addedInteractions = {};\n    this.listInteractionsCache = {};\n    this.elements.clear();\n    this.dataCache = { effects: {}, conditions: {}, interactions: {} };\n    Interact.instances.splice(Interact.instances.indexOf(this), 1);\n  }\n\n  setElement(key: string, element: IInteractElement) {\n    this.elements.add(element);\n\n    Interact.setElement(key, element);\n  }\n\n  deleteElement(key: string) {\n    const element = Interact.elementCache.get(key);\n\n    this.clearInteractionStateForKey(key);\n\n    if (element) {\n      this.elements.delete(element);\n      Interact.elementCache.delete(key);\n    }\n  }\n\n  has(key: string): boolean {\n    return !!this.get(key);\n  }\n\n  get(key: string): InteractCache['interactions'][string] | undefined {\n    const processedKey = _convertToKeyTemplate(key);\n    return this.dataCache.interactions[processedKey];\n  }\n\n  clearInteractionStateForKey(key: string): void {\n    const interactionIds = this.get(key)?.interactionIds || [];\n\n    interactionIds.forEach((interactionId_) => {\n      const interactionId = getInterpolatedKey(interactionId_, key);\n      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n      delete this.addedInteractions[interactionId];\n    });\n  }\n\n  static create(config: InteractConfig): Interact {\n    const instance = new Interact();\n    Interact.instances.push(instance);\n\n    instance.init(config);\n\n    return instance;\n  }\n\n  static destroy(): void {\n    Interact.elementCache.forEach((element: IInteractElement) => {\n      element.disconnect();\n    });\n    Interact.instances.length = 0;\n    Interact.elementCache.clear();\n  }\n\n  static setup(options: {\n    scrollOptionsGetter?: () => Partial<scrollConfig>;\n    pointerOptionsGetter?: () => Partial<PointerConfig>;\n    viewEnter?: Partial<ViewEnterParams>;\n  }): void {\n    if (options.scrollOptionsGetter) {\n      TRIGGER_TO_HANDLER_MODULE_MAP.viewProgress.registerOptionsGetter?.(\n        options.scrollOptionsGetter,\n      );\n    }\n\n    if (options.pointerOptionsGetter) {\n      TRIGGER_TO_HANDLER_MODULE_MAP.pointerMove.registerOptionsGetter?.(\n        options.pointerOptionsGetter,\n      );\n    }\n\n    if (options.viewEnter) {\n      (\n        TRIGGER_TO_HANDLER_MODULE_MAP.viewEnter as ViewEnterHandlerModule\n      ).setOptions(options.viewEnter);\n    }\n  }\n\n  static getInstance(key: string): Interact | undefined {\n    return Interact.instances.find((instance) => instance.has(key));\n  }\n\n  static getElement(key: string | undefined): IInteractElement | undefined {\n    return key ? Interact.elementCache.get(key) : undefined;\n  }\n\n  static setElement(key: string, element: IInteractElement): void {\n    Interact.elementCache.set(key, element);\n  }\n}\n\nlet interactionIdCounter = 0;\n\nexport function getSelector(\n  d: Interaction | Effect,\n  {\n    asCombinator = false,\n    addItemFilter = false,\n  }: { asCombinator?: boolean; addItemFilter?: boolean } = {},\n): string {\n  if (d.listContainer) {\n    const itemFilter = `${\n      addItemFilter && d.listItemSelector ? ` > ${d.listItemSelector}` : ''\n    }`;\n\n    if (d.selector) {\n      return `${d.listContainer}${itemFilter} ${d.selector}`;\n    }\n\n    return `${d.listContainer}${itemFilter || ' > *'}`;\n  } else if (d.selector) {\n    return d.selector;\n  }\n\n  // TODO: consider moving :scope to be configurable since it may lead to unexpected results in some cases\n  return asCombinator ? '> :first-child' : ':scope > :first-child';\n}\n\n/**\n * Parses the config object and caches interactions, effects, and conditions\n */\nfunction parseConfig(config: InteractConfig): InteractCache {\n  const conditions = config.conditions || {};\n  const interactions: InteractCache['interactions'] = {};\n\n  config.interactions?.forEach((interaction_) => {\n    const source = interaction_.key;\n    const interactionIdx = ++interactionIdCounter;\n    const { effects: effects_, ...rest } = interaction_;\n\n    if (!source) {\n      console.error(\n        `Interaction ${interactionIdx} is missing a key for source element.`,\n      );\n      return;\n    }\n\n    if (!interactions[source]) {\n      interactions[source] = {\n        triggers: [],\n        effects: {},\n        interactionIds: new Set(),\n        selectors: new Set(),\n      };\n    }\n\n    /*\n     * Cache interaction trigger by source element\n     */\n    const effects = Array.from(effects_);\n    effects.reverse(); // reverse to ensure the first effect is the one that will be applied first\n    const interaction = { ...rest, effects };\n\n    interactions[source].triggers.push(interaction);\n    interactions[source].selectors.add(getSelector(interaction));\n\n    const listContainer = interaction.listContainer;\n\n    effects.forEach((effect) => {\n      /*\n       * Target cascade order is the first of:\n       *  -> Config.interactions.effects.effect.key\n       *  -> Config.effects.effect.key\n       *  -> Config.interactions.interaction.key\n       */\n      let target = effect.key;\n\n      if (!target && (effect as EffectRef).effectId) {\n        const referencedEffect = config.effects[(effect as EffectRef).effectId];\n\n        if (referencedEffect) {\n          target = referencedEffect.key;\n        }\n      }\n\n      if (!(effect as EffectRef).effectId) {\n        (effect as EffectRef).effectId = generateId();\n      }\n\n      // if no target is specified, use the source element as the target\n      target = target || source;\n      effect.key = target;\n      const effectId = (effect as EffectRef).effectId;\n\n      if (listContainer && effect.listContainer) {\n        // we do not support having 2 separate lists for same interaction\n        if (target !== source || effect.listContainer !== listContainer) {\n          return;\n        }\n      }\n\n      const interactionId = `${target}::${effectId}::${interactionIdx}`;\n      effect.interactionId = interactionId;\n      interactions[source].interactionIds.add(interactionId);\n\n      if (target === source) {\n        // if target is the source element, no need to add an interaction to `effects`\n        return;\n      }\n\n      /*\n       * Cache interaction effect by target element\n       */\n      if (!interactions[target]) {\n        interactions[target] = {\n          triggers: [],\n          effects: {\n            [interactionId]: [],\n          },\n          interactionIds: new Set(),\n          selectors: new Set(),\n        };\n      } else if (!interactions[target].effects[interactionId]) {\n        interactions[target].effects[interactionId] = [];\n        interactions[target].interactionIds.add(interactionId);\n      }\n\n      interactions[target].effects[interactionId].push({ ...rest, effect });\n      interactions[target].selectors.add(getSelector(effect));\n    });\n  });\n\n  return {\n    effects: config.effects || {},\n    conditions,\n    interactions,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getInterpolatedKey","getInteractElement","generateId","TRIGGER_TO_HANDLER_MODULE_MAP","registerInteractElement","customElements","get","interactElement","define","_convertToKeyTemplate","key","replace","Interact","constructor","_defineProperty","dataCache","effects","conditions","interactions","addedInteractions","listInteractionsCache","elements","Set","init","config","window","parseConfig","didRegister","elementCache","forEach","element","connect","destroy","disconnect","clear","instances","splice","indexOf","setElement","add","deleteElement","clearInteractionStateForKey","delete","has","processedKey","_this$get","interactionIds","interactionId_","interactionId","create","instance","push","length","setup","options","scrollOptionsGetter","viewProgress","registerOptionsGetter","pointerOptionsGetter","pointerMove","viewEnter","setOptions","allowA11yTriggers","undefined","getInstance","find","getElement","set","_Interact","Map","interactionIdCounter","getSelector","d","_temp","asCombinator","addItemFilter","listContainer","itemFilter","listItemSelector","selector","_config$interactions","interaction_","source","interactionIdx","effects_","rest","console","error","triggers","selectors","Array","from","reverse","interaction","effect","target","effectId","referencedEffect"],"sources":["../../../src/core/Interact.ts"],"sourcesContent":["import {\n  InteractCache,\n  IInteractElement,\n  InteractConfig,\n  EffectRef,\n  Effect,\n  Interaction,\n  ViewEnterParams,\n  ViewEnterHandlerModule,\n} from '../types';\nimport { getInterpolatedKey } from './utilities';\nimport { getInteractElement } from '../InteractElement';\nimport { generateId } from '../utils';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction registerInteractElement() {\n  if (!customElements.get('interact-element')) {\n    const interactElement = getInteractElement();\n    customElements.define('interact-element', interactElement);\n\n    return true;\n  }\n\n  return false;\n}\n\nfunction _convertToKeyTemplate(key: string) {\n  return key.replace(/\\[([-\\w]+)]/g, '[]');\n}\n\nexport class Interact {\n  dataCache: InteractCache;\n  addedInteractions: { [interactionId: string]: boolean };\n  listInteractionsCache: {\n    [listContainer: string]: { [interactionId: string]: boolean };\n  };\n  elements: Set<IInteractElement>;\n  static forceReducedMotion: boolean = false;\n  static allowA11yTriggers: boolean = true;\n  static instances: Interact[] = [];\n  static elementCache = new Map<string, IInteractElement>();\n\n  constructor() {\n    this.dataCache = { effects: {}, conditions: {}, interactions: {} };\n    this.addedInteractions = {};\n    this.listInteractionsCache = {};\n    this.elements = new Set();\n  }\n\n  init(config: InteractConfig): void {\n    if (typeof window === 'undefined' || !window.customElements) {\n      return;\n    }\n\n    this.dataCache = parseConfig(config);\n\n    const didRegister = registerInteractElement();\n\n    if (!didRegister) {\n      Interact.elementCache.forEach((element: IInteractElement, key) =>\n        element.connect(key),\n      );\n    }\n  }\n\n  destroy(): void {\n    for (const element of this.elements) {\n      element.disconnect();\n    }\n    this.addedInteractions = {};\n    this.listInteractionsCache = {};\n    this.elements.clear();\n    this.dataCache = { effects: {}, conditions: {}, interactions: {} };\n    Interact.instances.splice(Interact.instances.indexOf(this), 1);\n  }\n\n  setElement(key: string, element: IInteractElement) {\n    this.elements.add(element);\n\n    Interact.setElement(key, element);\n  }\n\n  deleteElement(key: string) {\n    const element = Interact.elementCache.get(key);\n\n    this.clearInteractionStateForKey(key);\n\n    if (element) {\n      this.elements.delete(element);\n      Interact.elementCache.delete(key);\n    }\n  }\n\n  has(key: string): boolean {\n    return !!this.get(key);\n  }\n\n  get(key: string): InteractCache['interactions'][string] | undefined {\n    const processedKey = _convertToKeyTemplate(key);\n    return this.dataCache.interactions[processedKey];\n  }\n\n  clearInteractionStateForKey(key: string): void {\n    const interactionIds = this.get(key)?.interactionIds || [];\n\n    interactionIds.forEach((interactionId_) => {\n      const interactionId = getInterpolatedKey(interactionId_, key);\n      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n      delete this.addedInteractions[interactionId];\n    });\n  }\n\n  static create(config: InteractConfig): Interact {\n    const instance = new Interact();\n    Interact.instances.push(instance);\n\n    instance.init(config);\n\n    return instance;\n  }\n\n  static destroy(): void {\n    Interact.elementCache.forEach((element: IInteractElement) => {\n      element.disconnect();\n    });\n    Interact.instances.length = 0;\n    Interact.elementCache.clear();\n  }\n\n  static setup(options: {\n    scrollOptionsGetter?: () => Partial<scrollConfig>;\n    pointerOptionsGetter?: () => Partial<PointerConfig>;\n    viewEnter?: Partial<ViewEnterParams>;\n    allowA11yTriggers?: boolean;\n  }): void {\n    if (options.scrollOptionsGetter) {\n      TRIGGER_TO_HANDLER_MODULE_MAP.viewProgress.registerOptionsGetter?.(\n        options.scrollOptionsGetter,\n      );\n    }\n\n    if (options.pointerOptionsGetter) {\n      TRIGGER_TO_HANDLER_MODULE_MAP.pointerMove.registerOptionsGetter?.(\n        options.pointerOptionsGetter,\n      );\n    }\n\n    if (options.viewEnter) {\n      (\n        TRIGGER_TO_HANDLER_MODULE_MAP.viewEnter as ViewEnterHandlerModule\n      ).setOptions(options.viewEnter);\n    }\n\n    if (options.allowA11yTriggers !== undefined) {\n      Interact.allowA11yTriggers = options.allowA11yTriggers;\n    }\n  }\n\n  static getInstance(key: string): Interact | undefined {\n    return Interact.instances.find((instance) => instance.has(key));\n  }\n\n  static getElement(key: string | undefined): IInteractElement | undefined {\n    return key ? Interact.elementCache.get(key) : undefined;\n  }\n\n  static setElement(key: string, element: IInteractElement): void {\n    Interact.elementCache.set(key, element);\n  }\n}\n\nlet interactionIdCounter = 0;\n\nexport function getSelector(\n  d: Interaction | Effect,\n  {\n    asCombinator = false,\n    addItemFilter = false,\n  }: { asCombinator?: boolean; addItemFilter?: boolean } = {},\n): string {\n  if (d.listContainer) {\n    const itemFilter = `${\n      addItemFilter && d.listItemSelector ? ` > ${d.listItemSelector}` : ''\n    }`;\n\n    if (d.selector) {\n      return `${d.listContainer}${itemFilter} ${d.selector}`;\n    }\n\n    return `${d.listContainer}${itemFilter || ' > *'}`;\n  } else if (d.selector) {\n    return d.selector;\n  }\n\n  // TODO: consider moving :scope to be configurable since it may lead to unexpected results in some cases\n  return asCombinator ? '> :first-child' : ':scope > :first-child';\n}\n\n/**\n * Parses the config object and caches interactions, effects, and conditions\n */\nfunction parseConfig(config: InteractConfig): InteractCache {\n  const conditions = config.conditions || {};\n  const interactions: InteractCache['interactions'] = {};\n\n  config.interactions?.forEach((interaction_) => {\n    const source = interaction_.key;\n    const interactionIdx = ++interactionIdCounter;\n    const { effects: effects_, ...rest } = interaction_;\n\n    if (!source) {\n      console.error(\n        `Interaction ${interactionIdx} is missing a key for source element.`,\n      );\n      return;\n    }\n\n    if (!interactions[source]) {\n      interactions[source] = {\n        triggers: [],\n        effects: {},\n        interactionIds: new Set(),\n        selectors: new Set(),\n      };\n    }\n\n    /*\n     * Cache interaction trigger by source element\n     */\n    const effects = Array.from(effects_);\n    effects.reverse(); // reverse to ensure the first effect is the one that will be applied first\n    const interaction = { ...rest, effects };\n\n    interactions[source].triggers.push(interaction);\n    interactions[source].selectors.add(getSelector(interaction));\n\n    const listContainer = interaction.listContainer;\n\n    effects.forEach((effect) => {\n      /*\n       * Target cascade order is the first of:\n       *  -> Config.interactions.effects.effect.key\n       *  -> Config.effects.effect.key\n       *  -> Config.interactions.interaction.key\n       */\n      let target = effect.key;\n\n      if (!target && (effect as EffectRef).effectId) {\n        const referencedEffect = config.effects[(effect as EffectRef).effectId];\n\n        if (referencedEffect) {\n          target = referencedEffect.key;\n        }\n      }\n\n      if (!(effect as EffectRef).effectId) {\n        (effect as EffectRef).effectId = generateId();\n      }\n\n      // if no target is specified, use the source element as the target\n      target = target || source;\n      effect.key = target;\n      const effectId = (effect as EffectRef).effectId;\n\n      if (listContainer && effect.listContainer) {\n        // we do not support having 2 separate lists for same interaction\n        if (target !== source || effect.listContainer !== listContainer) {\n          return;\n        }\n      }\n\n      const interactionId = `${target}::${effectId}::${interactionIdx}`;\n      effect.interactionId = interactionId;\n      interactions[source].interactionIds.add(interactionId);\n\n      if (target === source) {\n        // if target is the source element, no need to add an interaction to `effects`\n        return;\n      }\n\n      /*\n       * Cache interaction effect by target element\n       */\n      if (!interactions[target]) {\n        interactions[target] = {\n          triggers: [],\n          effects: {\n            [interactionId]: [],\n          },\n          interactionIds: new Set(),\n          selectors: new Set(),\n        };\n      } else if (!interactions[target].effects[interactionId]) {\n        interactions[target].effects[interactionId] = [];\n        interactions[target].interactionIds.add(interactionId);\n      }\n\n      interactions[target].effects[interactionId].push({ ...rest, effect });\n      interactions[target].selectors.add(getSelector(effect));\n    });\n  });\n\n  return {\n    effects: config.effects || {},\n    conditions,\n    interactions,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/core/add.js

@@ -1,4 +1,4 @@
-import { createTransitionCSS, getMediaQuery } from '../utils';
+import { createTransitionCSS, getMediaQuery, getSelectorCondition } from '../utils';
 import { getInterpolatedKey } from './utilities';
 import { Interact, getSelector } from './Interact';
 import TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';
@@ -32,20 +32,20 @@ function _queryItemElement(data, elements) {
 function _getInteractionElements(interaction, effect, source, target, sourceElements, targetElements) {
   return [sourceElements ? _queryItemElement(interaction, sourceElements) : _getElementsFromData(interaction, source), targetElements ? _queryItemElement(effect, targetElements) : _getElementsFromData(effect, target)];
 }
-function _applyInteraction(key, interaction, effect, sourceElements, targetElements) {
+function _applyInteraction(key, interaction, effect, sourceElements, targetElements, selectorCondition) {
   const isSourceArray = Array.isArray(sourceElements);
   const isTargetArray = Array.isArray(targetElements);
   if (isSourceArray) {
     sourceElements.forEach((sourceEl, index) => {
       const targetEl = isTargetArray ? targetElements[index] : targetElements;
       if (targetEl) {
-        addInteraction(key, sourceEl, interaction.trigger, targetEl, effect, interaction.params);
+        addInteraction(key, sourceEl, interaction.trigger, targetEl, effect, interaction.params, selectorCondition);
       }
     });
   } else {
     const targets = isTargetArray ? targetElements : [targetElements];
     targets.forEach(targetEl => {
-      addInteraction(key, sourceElements, interaction.trigger, targetEl, effect, interaction.params);
+      addInteraction(key, sourceElements, interaction.trigger, targetEl, effect, interaction.params, selectorCondition);
     });
   }
 }
@@ -94,7 +94,8 @@ function _addInteraction(sourceKey, sourceRoot, instance, interaction, elements)
       }
       instance.addedInteractions[interactionId] = true;
       const key = target || interaction.key;
-      _applyInteraction(key, interaction, effectOptions, sourceElements, targetElements);
+      const selectorCondition = getSelectorCondition(effectOptions.conditions || [], instance.dataCache.conditions);
+      _applyInteraction(key, interaction, effectOptions, sourceElements, targetElements, selectorCondition);
     }
   });
 }
@@ -146,7 +147,8 @@ function addEffectsForTarget(targetKey, element, instance, listContainer, elemen
           return true;
         }
         instance.addedInteractions[interactionId] = true;
-        _applyInteraction(targetKey, interaction, effectOptions, sourceElements, targetElements);
+        const selectorCondition = getSelectorCondition(effectOptions.conditions || [], instance.dataCache.conditions);
+        _applyInteraction(targetKey, interaction, effectOptions, sourceElements, targetElements, selectorCondition);
 
         // short-circuit the loop since we have a match
         return true;
@@ -159,7 +161,7 @@ function addEffectsForTarget(targetKey, element, instance, listContainer, elemen
 /**
  * Registers a handler to an event on a given element.
  */
-function addInteraction(key, source, trigger, target, effect, options) {
+function addInteraction(key, source, trigger, target, effect, options, selectorCondition) {
   var _TRIGGER_TO_HANDLER_M;
   if (effect.transition || effect.transitionProperties) {
     const args = {
@@ -170,7 +172,8 @@ function addInteraction(key, source, trigger, target, effect, options) {
       childSelector: getSelector(effect, {
         asCombinator: true,
         addItemFilter: true
-      })
+      }),
+      selectorCondition
     };
     const root = target.closest('interact-element');
     if (!root) {
@@ -178,7 +181,11 @@ function addInteraction(key, source, trigger, target, effect, options) {
     }
     root.renderStyle(createTransitionCSS(args));
   }
-  (_TRIGGER_TO_HANDLER_M = TRIGGER_TO_HANDLER_MODULE_MAP[trigger]) == null || _TRIGGER_TO_HANDLER_M.add(source, target, effect, options, Interact.forceReducedMotion);
+  (_TRIGGER_TO_HANDLER_M = TRIGGER_TO_HANDLER_MODULE_MAP[trigger]) == null || _TRIGGER_TO_HANDLER_M.add(source, target, effect, options, {
+    reducedMotion: Interact.forceReducedMotion,
+    allowA11yTriggers: Interact.allowA11yTriggers,
+    selectorCondition
+  });
 }
 
 /**

package/dist/esm/core/add.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTransitionCSS","getMediaQuery","getInterpolatedKey","Interact","getSelector","TRIGGER_TO_HANDLER_MODULE_MAP","_getElementsFromData","data","root","listContainer","container","querySelector","console","warn","selector","Array","from","querySelectorAll","children","element","firstElementChild","_queryItemElement","elements","map","filter","Boolean","_getInteractionElements","interaction","effect","source","target","sourceElements","targetElements","_applyInteraction","key","isSourceArray","isArray","isTargetArray","forEach","sourceEl","index","targetEl","addInteraction","trigger","params","targets","_addInteraction","sourceKey","sourceRoot","instance","interactionVariations","effects","effectId","effectOptions","dataCache","targetKey_","interactionId","addedInteractions","mql","conditions","matches","targetElement","getElement","watchChildList","addEffectsForTarget","targetKey","_instance$get","get","interactionIds","Object","keys","interactionId_","effectVariations","some","_ref","sourceElement","undefined","length","options","_TRIGGER_TO_HANDLER_M","transition","transitionProperties","args","properties","childSelector","asCombinator","addItemFilter","closest","renderStyle","add","forceReducedMotion","getInstance","setElement","triggers","hasTriggers","hasEffects","addListItems"],"sources":["../../../src/core/add.ts"],"sourcesContent":["import type {\n  Effect,\n  TriggerType,\n  EffectRef,\n  InteractionParamsTypes,\n  TransitionEffect,\n  IInteractElement,\n  Interaction,\n  InteractionTrigger,\n  CreateTransitionCSSParams,\n} from '../types';\nimport { createTransitionCSS, getMediaQuery } from '../utils';\nimport { getInterpolatedKey } from './utilities';\nimport { Interact, getSelector } from './Interact';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction _getElementsFromData(\n  data: Interaction | Effect,\n  root: IInteractElement,\n): HTMLElement | HTMLElement[] | null {\n  if (data.listContainer) {\n    const container = root.querySelector(data.listContainer);\n\n    if (!container) {\n      console.warn(\n        `Interact: No container found for list container \"${data.listContainer}\"`,\n      );\n\n      return [];\n    }\n\n    if (data.selector) {\n      return Array.from(\n        container.querySelectorAll(data.selector),\n      ) as HTMLElement[];\n    }\n\n    return Array.from(container.children) as HTMLElement[];\n  }\n\n  if (data.selector) {\n    const element = root.querySelector(data.selector);\n\n    if (element) {\n      return element as HTMLElement;\n    } else {\n      console.warn(\n        `Interact: No element found for selector \"${data.selector}\"`,\n      );\n    }\n  }\n\n  return root.firstElementChild as HTMLElement | null;\n}\n\nfunction _queryItemElement(\n  data: Interaction | Effect,\n  elements: HTMLElement[],\n): HTMLElement[] {\n  return elements\n    .map((element) => {\n      return data.selector ? element.querySelector(data.selector) : element;\n    })\n    .filter(Boolean) as HTMLElement[];\n}\n\nfunction _getInteractionElements(\n  interaction: InteractionTrigger,\n  effect: Effect,\n  source: IInteractElement,\n  target: IInteractElement,\n  sourceElements?: HTMLElement[],\n  targetElements?: HTMLElement[],\n): [HTMLElement | HTMLElement[] | null, HTMLElement | HTMLElement[] | null] {\n  return [\n    sourceElements\n      ? _queryItemElement(interaction, sourceElements)\n      : _getElementsFromData(interaction, source),\n    targetElements\n      ? _queryItemElement(effect, targetElements)\n      : _getElementsFromData(effect, target),\n  ];\n}\n\nfunction _applyInteraction(\n  key: string,\n  interaction: InteractionTrigger,\n  effect: Effect,\n  sourceElements: HTMLElement | HTMLElement[],\n  targetElements: HTMLElement | HTMLElement[],\n) {\n  const isSourceArray = Array.isArray(sourceElements);\n  const isTargetArray = Array.isArray(targetElements);\n\n  if (isSourceArray) {\n    sourceElements.forEach((sourceEl, index) => {\n      const targetEl = isTargetArray ? targetElements[index] : targetElements;\n\n      if (targetEl) {\n        addInteraction(\n          key,\n          sourceEl,\n          interaction.trigger,\n          targetEl,\n          effect as Effect,\n          interaction.params!,\n        );\n      }\n    });\n  } else {\n    const targets = isTargetArray ? targetElements : [targetElements];\n    targets.forEach((targetEl) => {\n      addInteraction(\n        key,\n        sourceElements,\n        interaction.trigger,\n        targetEl,\n        effect as Effect,\n        interaction.params!,\n      );\n    });\n  }\n}\n\nfunction _addInteraction(\n  sourceKey: string,\n  sourceRoot: IInteractElement,\n  instance: Interact,\n  interaction: Interaction,\n  elements?: HTMLElement[],\n) {\n  const interactionVariations: Record<string, boolean> = {};\n\n  interaction.effects.forEach((effect) => {\n    const effectId = (effect as EffectRef).effectId;\n\n    const effectOptions = {\n      ...(instance.dataCache.effects[effectId] || {}),\n      ...effect,\n      effectId,\n    };\n    const targetKey_ = effectOptions.key;\n\n    const interactionId = getInterpolatedKey(effect.interactionId!, sourceKey);\n\n    if (interactionVariations[interactionId!]) {\n      // Skip this effect if it has already been added\n      return;\n    }\n\n    if (instance.addedInteractions[interactionId!] && !elements) {\n      // Skip this interaction if it has already been added\n      return;\n    }\n\n    // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n    const mql = getMediaQuery(\n      effectOptions.conditions || [],\n      instance.dataCache.conditions,\n    );\n\n    if (!mql || mql.matches) {\n      interactionVariations[interactionId!] = true;\n\n      const target = targetKey_ && getInterpolatedKey(targetKey_, sourceKey);\n\n      let targetElement;\n      if (target) {\n        targetElement = Interact.getElement(target);\n\n        if (!targetElement) {\n          // Bail out :: no target element in cache\n          return;\n        }\n\n        if (effectOptions.listContainer) {\n          targetElement.watchChildList(effectOptions.listContainer);\n        }\n      } else {\n        // target is not specified - fallback to same as source\n        targetElement = sourceRoot;\n      }\n\n      const [sourceElements, targetElements] = _getInteractionElements(\n        interaction,\n        effectOptions,\n        sourceRoot,\n        targetElement!,\n        elements,\n      );\n\n      if (!sourceElements || !targetElements) {\n        return;\n      }\n\n      instance.addedInteractions[interactionId!] = true;\n\n      const key = target || interaction.key;\n\n      _applyInteraction(\n        key,\n        interaction,\n        effectOptions,\n        sourceElements,\n        targetElements,\n      );\n    }\n  });\n}\n\nfunction addEffectsForTarget(\n  targetKey: string,\n  element: IInteractElement,\n  instance: Interact,\n  listContainer?: string,\n  elements?: HTMLElement[],\n) {\n  const effects = instance.get(targetKey)?.effects || {};\n  const interactionIds = Object.keys(effects);\n\n  interactionIds.forEach((interactionId_) => {\n    const interactionId = getInterpolatedKey(interactionId_, targetKey);\n\n    if (instance.addedInteractions[interactionId] && !elements) {\n      // Skip this interaction if it has already been added\n      return;\n    }\n\n    const effectVariations = effects[interactionId_];\n\n    // use `some` to short-circuit after the first effect that matches the conditions\n    // eslint-disable-next-line array-callback-return\n    effectVariations.some(({ effect, ...interaction }) => {\n      const effectId = (effect as EffectRef).effectId;\n\n      const effectOptions = {\n        ...(instance!.dataCache.effects[effectId] || {}),\n        ...effect,\n        effectId,\n      };\n\n      if (listContainer && effectOptions.listContainer !== listContainer) {\n        // skip this effect if a listContainer was provided and it's not matching this effect.listContainer\n        return false;\n      }\n\n      // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n      const mql = getMediaQuery(\n        effectOptions.conditions || [],\n        instance!.dataCache.conditions,\n      );\n\n      if (!mql || mql.matches) {\n        const sourceKey =\n          interaction.key && getInterpolatedKey(interaction.key, targetKey);\n        const sourceElement = Interact.getElement(sourceKey);\n\n        if (!sourceElement) {\n          // Bail out :: no source or target elements in cache\n          return true;\n        }\n\n        if (effectOptions.listContainer) {\n          element.watchChildList(effectOptions.listContainer);\n        }\n\n        const [sourceElements, targetElements] = _getInteractionElements(\n          interaction,\n          effectOptions,\n          sourceElement,\n          element,\n          undefined,\n          elements,\n        );\n\n        if (!sourceElements || !targetElements) {\n          // Bail out :: no source or target elements found in DOM\n          return true;\n        }\n\n        instance!.addedInteractions[interactionId] = true;\n\n        _applyInteraction(\n          targetKey,\n          interaction,\n          effectOptions as Effect,\n          sourceElements,\n          targetElements,\n        );\n\n        // short-circuit the loop since we have a match\n        return true;\n      }\n    });\n  });\n\n  return interactionIds.length > 0;\n}\n\n/**\n * Registers a handler to an event on a given element.\n */\nfunction addInteraction<T extends TriggerType>(\n  key: string,\n  source: HTMLElement,\n  trigger: T,\n  target: HTMLElement,\n  effect: Effect,\n  options: InteractionParamsTypes[T],\n): void {\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    const args: CreateTransitionCSSParams = {\n      key,\n      effectId: (effect as Effect).effectId!,\n      transition: (effect as TransitionEffect).transition,\n      properties: (effect as TransitionEffect).transitionProperties,\n      childSelector: getSelector(effect, {\n        asCombinator: true,\n        addItemFilter: true,\n      }),\n    };\n\n    const root = target.closest('interact-element') as IInteractElement;\n    if (!root) {\n      return;\n    }\n\n    root.renderStyle(createTransitionCSS(args));\n  }\n\n  TRIGGER_TO_HANDLER_MODULE_MAP[trigger]?.add(\n    source,\n    target,\n    effect,\n    options,\n    Interact.forceReducedMotion,\n  );\n}\n\n/**\n * Adds all events and effects to an element based on config\n */\nexport function add(element: IInteractElement, key: string): boolean {\n  const instance = Interact.getInstance(key);\n\n  if (!instance) {\n    console.warn(`No instance found for key: ${key}`);\n\n    // even if we don't find a matching instance, we still want to cache the element\n    Interact.setElement(key, element);\n    return false;\n  }\n\n  const { triggers = [] } = instance?.get(key) || {};\n  const hasTriggers = triggers.length > 0;\n\n  instance.setElement(key, element);\n\n  triggers.forEach((interaction) => {\n    const mql = getMediaQuery(\n      interaction.conditions,\n      instance!.dataCache.conditions,\n    );\n\n    // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n    if (!mql || mql.matches) {\n      if (interaction.listContainer) {\n        element.watchChildList(interaction.listContainer);\n      }\n\n      _addInteraction(key, element, instance!, interaction);\n    }\n  });\n\n  let hasEffects = false;\n  if (instance) {\n    hasEffects = addEffectsForTarget(key, element, instance);\n  }\n\n  return hasTriggers || hasEffects;\n}\n\nexport function addListItems(\n  root: IInteractElement,\n  key: string,\n  listContainer: string,\n  elements: HTMLElement[],\n) {\n  const instance = Interact.getInstance(key);\n\n  if (instance) {\n    const { triggers = [] } = instance?.get(key) || {};\n\n    triggers.forEach((interaction) => {\n      if (interaction.listContainer !== listContainer) {\n        return;\n      }\n\n      const mql = getMediaQuery(\n        interaction.conditions,\n        instance!.dataCache.conditions,\n      );\n\n      // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n      if (!mql || mql.matches) {\n        _addInteraction(key, root, instance!, interaction, elements);\n      }\n    });\n\n    addEffectsForTarget(key, root, instance, listContainer, elements);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createTransitionCSS","getMediaQuery","getSelectorCondition","getInterpolatedKey","Interact","getSelector","TRIGGER_TO_HANDLER_MODULE_MAP","_getElementsFromData","data","root","listContainer","container","querySelector","console","warn","selector","Array","from","querySelectorAll","children","element","firstElementChild","_queryItemElement","elements","map","filter","Boolean","_getInteractionElements","interaction","effect","source","target","sourceElements","targetElements","_applyInteraction","key","selectorCondition","isSourceArray","isArray","isTargetArray","forEach","sourceEl","index","targetEl","addInteraction","trigger","params","targets","_addInteraction","sourceKey","sourceRoot","instance","interactionVariations","effects","effectId","effectOptions","dataCache","targetKey_","interactionId","addedInteractions","mql","conditions","matches","targetElement","getElement","watchChildList","addEffectsForTarget","targetKey","_instance$get","get","interactionIds","Object","keys","interactionId_","effectVariations","some","_ref","sourceElement","undefined","length","options","_TRIGGER_TO_HANDLER_M","transition","transitionProperties","args","properties","childSelector","asCombinator","addItemFilter","closest","renderStyle","add","reducedMotion","forceReducedMotion","allowA11yTriggers","getInstance","setElement","triggers","hasTriggers","hasEffects","addListItems"],"sources":["../../../src/core/add.ts"],"sourcesContent":["import type {\n  Effect,\n  TriggerType,\n  EffectRef,\n  InteractionParamsTypes,\n  TransitionEffect,\n  IInteractElement,\n  Interaction,\n  InteractionTrigger,\n  CreateTransitionCSSParams,\n} from '../types';\nimport {\n  createTransitionCSS,\n  getMediaQuery,\n  getSelectorCondition,\n} from '../utils';\nimport { getInterpolatedKey } from './utilities';\nimport { Interact, getSelector } from './Interact';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction _getElementsFromData(\n  data: Interaction | Effect,\n  root: IInteractElement,\n): HTMLElement | HTMLElement[] | null {\n  if (data.listContainer) {\n    const container = root.querySelector(data.listContainer);\n\n    if (!container) {\n      console.warn(\n        `Interact: No container found for list container \"${data.listContainer}\"`,\n      );\n\n      return [];\n    }\n\n    if (data.selector) {\n      return Array.from(\n        container.querySelectorAll(data.selector),\n      ) as HTMLElement[];\n    }\n\n    return Array.from(container.children) as HTMLElement[];\n  }\n\n  if (data.selector) {\n    const element = root.querySelector(data.selector);\n\n    if (element) {\n      return element as HTMLElement;\n    } else {\n      console.warn(\n        `Interact: No element found for selector \"${data.selector}\"`,\n      );\n    }\n  }\n\n  return root.firstElementChild as HTMLElement | null;\n}\n\nfunction _queryItemElement(\n  data: Interaction | Effect,\n  elements: HTMLElement[],\n): HTMLElement[] {\n  return elements\n    .map((element) => {\n      return data.selector ? element.querySelector(data.selector) : element;\n    })\n    .filter(Boolean) as HTMLElement[];\n}\n\nfunction _getInteractionElements(\n  interaction: InteractionTrigger,\n  effect: Effect,\n  source: IInteractElement,\n  target: IInteractElement,\n  sourceElements?: HTMLElement[],\n  targetElements?: HTMLElement[],\n): [HTMLElement | HTMLElement[] | null, HTMLElement | HTMLElement[] | null] {\n  return [\n    sourceElements\n      ? _queryItemElement(interaction, sourceElements)\n      : _getElementsFromData(interaction, source),\n    targetElements\n      ? _queryItemElement(effect, targetElements)\n      : _getElementsFromData(effect, target),\n  ];\n}\n\nfunction _applyInteraction(\n  key: string,\n  interaction: InteractionTrigger,\n  effect: Effect,\n  sourceElements: HTMLElement | HTMLElement[],\n  targetElements: HTMLElement | HTMLElement[],\n  selectorCondition?: string,\n) {\n  const isSourceArray = Array.isArray(sourceElements);\n  const isTargetArray = Array.isArray(targetElements);\n\n  if (isSourceArray) {\n    sourceElements.forEach((sourceEl, index) => {\n      const targetEl = isTargetArray ? targetElements[index] : targetElements;\n\n      if (targetEl) {\n        addInteraction(\n          key,\n          sourceEl,\n          interaction.trigger,\n          targetEl,\n          effect as Effect,\n          interaction.params!,\n          selectorCondition,\n        );\n      }\n    });\n  } else {\n    const targets = isTargetArray ? targetElements : [targetElements];\n    targets.forEach((targetEl) => {\n      addInteraction(\n        key,\n        sourceElements,\n        interaction.trigger,\n        targetEl,\n        effect as Effect,\n        interaction.params!,\n        selectorCondition,\n      );\n    });\n  }\n}\n\nfunction _addInteraction(\n  sourceKey: string,\n  sourceRoot: IInteractElement,\n  instance: Interact,\n  interaction: Interaction,\n  elements?: HTMLElement[],\n) {\n  const interactionVariations: Record<string, boolean> = {};\n\n  interaction.effects.forEach((effect) => {\n    const effectId = (effect as EffectRef).effectId;\n\n    const effectOptions = {\n      ...(instance.dataCache.effects[effectId] || {}),\n      ...effect,\n      effectId,\n    };\n    const targetKey_ = effectOptions.key;\n\n    const interactionId = getInterpolatedKey(effect.interactionId!, sourceKey);\n\n    if (interactionVariations[interactionId!]) {\n      // Skip this effect if it has already been added\n      return;\n    }\n\n    if (instance.addedInteractions[interactionId!] && !elements) {\n      // Skip this interaction if it has already been added\n      return;\n    }\n\n    // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n    const mql = getMediaQuery(\n      effectOptions.conditions || [],\n      instance.dataCache.conditions,\n    );\n\n    if (!mql || mql.matches) {\n      interactionVariations[interactionId!] = true;\n\n      const target = targetKey_ && getInterpolatedKey(targetKey_, sourceKey);\n\n      let targetElement;\n      if (target) {\n        targetElement = Interact.getElement(target);\n\n        if (!targetElement) {\n          // Bail out :: no target element in cache\n          return;\n        }\n\n        if (effectOptions.listContainer) {\n          targetElement.watchChildList(effectOptions.listContainer);\n        }\n      } else {\n        // target is not specified - fallback to same as source\n        targetElement = sourceRoot;\n      }\n\n      const [sourceElements, targetElements] = _getInteractionElements(\n        interaction,\n        effectOptions,\n        sourceRoot,\n        targetElement!,\n        elements,\n      );\n\n      if (!sourceElements || !targetElements) {\n        return;\n      }\n\n      instance.addedInteractions[interactionId!] = true;\n\n      const key = target || interaction.key;\n      \n      const selectorCondition = getSelectorCondition(\n        effectOptions.conditions || [],\n        instance.dataCache.conditions,\n      );\n\n      _applyInteraction(\n        key,\n        interaction,\n        effectOptions,\n        sourceElements,\n        targetElements,\n        selectorCondition,\n      );\n    }\n  });\n}\n\nfunction addEffectsForTarget(\n  targetKey: string,\n  element: IInteractElement,\n  instance: Interact,\n  listContainer?: string,\n  elements?: HTMLElement[],\n) {\n  const effects = instance.get(targetKey)?.effects || {};\n  const interactionIds = Object.keys(effects);\n\n  interactionIds.forEach((interactionId_) => {\n    const interactionId = getInterpolatedKey(interactionId_, targetKey);\n\n    if (instance.addedInteractions[interactionId] && !elements) {\n      // Skip this interaction if it has already been added\n      return;\n    }\n\n    const effectVariations = effects[interactionId_];\n\n    // use `some` to short-circuit after the first effect that matches the conditions\n    // eslint-disable-next-line array-callback-return\n    effectVariations.some(({ effect, ...interaction }) => {\n      const effectId = (effect as EffectRef).effectId;\n\n      const effectOptions = {\n        ...(instance!.dataCache.effects[effectId] || {}),\n        ...effect,\n        effectId,\n      };\n\n      if (listContainer && effectOptions.listContainer !== listContainer) {\n        // skip this effect if a listContainer was provided and it's not matching this effect.listContainer\n        return false;\n      }\n\n      // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n      const mql = getMediaQuery(\n        effectOptions.conditions || [],\n        instance!.dataCache.conditions,\n      );\n\n      if (!mql || mql.matches) {\n        const sourceKey =\n          interaction.key && getInterpolatedKey(interaction.key, targetKey);\n        const sourceElement = Interact.getElement(sourceKey);\n\n        if (!sourceElement) {\n          // Bail out :: no source or target elements in cache\n          return true;\n        }\n\n        if (effectOptions.listContainer) {\n          element.watchChildList(effectOptions.listContainer);\n        }\n\n        const [sourceElements, targetElements] = _getInteractionElements(\n          interaction,\n          effectOptions,\n          sourceElement,\n          element,\n          undefined,\n          elements,\n        );\n\n        if (!sourceElements || !targetElements) {\n          // Bail out :: no source or target elements found in DOM\n          return true;\n        }\n\n        instance!.addedInteractions[interactionId] = true;\n\n\n        const selectorCondition = getSelectorCondition(\n          effectOptions.conditions || [],\n          instance!.dataCache.conditions,\n        );\n\n        _applyInteraction(\n          targetKey,\n          interaction,\n          effectOptions as Effect,\n          sourceElements,\n          targetElements, \n          selectorCondition,\n        );\n\n        // short-circuit the loop since we have a match\n        return true;\n      }\n    });\n  });\n\n  return interactionIds.length > 0;\n}\n\n/**\n * Registers a handler to an event on a given element.\n */\nfunction addInteraction<T extends TriggerType>(\n  key: string,\n  source: HTMLElement,\n  trigger: T,\n  target: HTMLElement,\n  effect: Effect,\n  options: InteractionParamsTypes[T],\n  selectorCondition?: string,\n): void {\n  if (\n    (effect as TransitionEffect).transition ||\n    (effect as TransitionEffect).transitionProperties\n  ) {\n    const args: CreateTransitionCSSParams = {\n      key,\n      effectId: (effect as Effect).effectId!,\n      transition: (effect as TransitionEffect).transition,\n      properties: (effect as TransitionEffect).transitionProperties,\n      childSelector: getSelector(effect, {\n        asCombinator: true,\n        addItemFilter: true,\n      }),\n      selectorCondition\n    };\n\n    const root = target.closest('interact-element') as IInteractElement;\n    if (!root) {\n      return;\n    }\n\n    root.renderStyle(createTransitionCSS(args));\n  }\n\n  TRIGGER_TO_HANDLER_MODULE_MAP[trigger]?.add(source, target, effect, options, {\n    reducedMotion: Interact.forceReducedMotion,\n    allowA11yTriggers: Interact.allowA11yTriggers,\n    selectorCondition,\n  });\n}\n\n/**\n * Adds all events and effects to an element based on config\n */\nexport function add(element: IInteractElement, key: string): boolean {\n  const instance = Interact.getInstance(key);\n\n  if (!instance) {\n    console.warn(`No instance found for key: ${key}`);\n\n    // even if we don't find a matching instance, we still want to cache the element\n    Interact.setElement(key, element);\n    return false;\n  }\n\n  const { triggers = [] } = instance?.get(key) || {};\n  const hasTriggers = triggers.length > 0;\n\n  instance.setElement(key, element);\n\n  triggers.forEach((interaction) => {\n    const mql = getMediaQuery(\n      interaction.conditions,\n      instance!.dataCache.conditions,\n    );\n\n    // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n    if (!mql || mql.matches) {\n      if (interaction.listContainer) {\n        element.watchChildList(interaction.listContainer);\n      }\n\n      _addInteraction(key, element, instance!, interaction);\n    }\n  });\n\n  let hasEffects = false;\n  if (instance) {\n    hasEffects = addEffectsForTarget(key, element, instance);\n  }\n\n  return hasTriggers || hasEffects;\n}\n\nexport function addListItems(\n  root: IInteractElement,\n  key: string,\n  listContainer: string,\n  elements: HTMLElement[],\n) {\n  const instance = Interact.getInstance(key);\n\n  if (instance) {\n    const { triggers = [] } = instance?.get(key) || {};\n\n    triggers.forEach((interaction) => {\n      if (interaction.listContainer !== listContainer) {\n        return;\n      }\n\n      const mql = getMediaQuery(\n        interaction.conditions,\n        instance!.dataCache.conditions,\n      );\n\n      // TODO: implement watching for condition `change` events and add/remove interactions accordingly\n      if (!mql || mql.matches) {\n        _addInteraction(key, root, instance!, interaction, elements);\n      }\n    });\n\n    addEffectsForTarget(key, root, instance, listContainer, elements);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/handlers/animationEnd.js

@@ -1,12 +1,13 @@
 import { getAnimation } from '@wix/motion';
 import { effectToAnimationOptions, addHandlerToMap, removeElementFromHandlerMap } from './utilities';
 const handlerMap = new WeakMap();
-function addAnimationEndHandler(source, target, effect, __, reducedMotion) {
-  if (reducedMotion === void 0) {
-    reducedMotion = false;
-  }
-  const animation = getAnimation(target, effectToAnimationOptions(effect), undefined, reducedMotion);
+function addAnimationEndHandler(source, target, effect, __, globalOptions) {
+  const animation = getAnimation(target, effectToAnimationOptions(effect), undefined, globalOptions == null ? void 0 : globalOptions.reducedMotion);
+  const {
+    selectorCondition
+  } = globalOptions || {};
   const handler = () => {
+    if (selectorCondition && !target.matches(selectorCondition)) return;
     animation.play();
   };
   const cleanup = () => {

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

@@ -1 +1 @@
-{"version":3,"names":["getAnimation","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","handlerMap","WeakMap","addAnimationEndHandler","source","target","effect","__","reducedMotion","animation","undefined","handler","play","cleanup","cancel","removeEventListener","handlerObj","addEventListener","removeAnimationEndHandler","element","add","remove"],"sources":["../../../src/handlers/animationEnd.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type {\n  AnimationEndParams,\n  TimeEffect,\n  HandlerObjectMap,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction addAnimationEndHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect,\n  __: AnimationEndParams,\n  reducedMotion: boolean = false,\n): void {\n  const animation = getAnimation(\n    target,\n    effectToAnimationOptions(effect),\n    undefined,\n    reducedMotion,\n  ) as AnimationGroup;\n\n  const handler = () => {\n    animation.play();\n  };\n  const cleanup = () => {\n    animation.cancel();\n    source.removeEventListener('animationend', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('animationend', handler);\n}\n\nfunction removeAnimationEndHandler(element: HTMLElement): void {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addAnimationEndHandler,\n  remove: removeAnimationEndHandler,\n};\n"],"mappings":"AACA,SAASA,YAAY,QAAQ,aAAa;AAM1C,SACEC,wBAAwB,EACxBC,eAAe,EACfC,2BAA2B,QACtB,aAAa;AAEpB,MAAMC,UAAU,GAAG,IAAIC,OAAO,CAAC,CAAqB;AAEpD,SAASC,sBAAsBA,CAC7BC,MAAmB,EACnBC,MAAmB,EACnBC,MAAkB,EAClBC,EAAsB,EACtBC,aAAsB,EAChB;EAAA,IADNA,aAAsB;IAAtBA,aAAsB,GAAG,KAAK;EAAA;EAE9B,MAAMC,SAAS,GAAGZ,YAAY,CAC5BQ,MAAM,EACNP,wBAAwB,CAACQ,MAAM,CAAC,EAChCI,SAAS,EACTF,aACF,CAAmB;EAEnB,MAAMG,OAAO,GAAGA,CAAA,KAAM;IACpBF,SAAS,CAACG,IAAI,CAAC,CAAC;EAClB,CAAC;EACD,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBJ,SAAS,CAACK,MAAM,CAAC,CAAC;IAClBV,MAAM,CAACW,mBAAmB,CAAC,cAAc,EAAEJ,OAAO,CAAC;EACrD,CAAC;EAED,MAAMK,UAAU,GAAG;IAAEZ,MAAM;IAAEC,MAAM;IAAEQ;EAAQ,CAAC;EAC9Cd,eAAe,CAACE,UAAU,EAAEG,MAAM,EAAEY,UAAU,CAAC;EAC/CjB,eAAe,CAACE,UAAU,EAAEI,MAAM,EAAEW,UAAU,CAAC;EAE/CZ,MAAM,CAACa,gBAAgB,CAAC,cAAc,EAAEN,OAAO,CAAC;AAClD;AAEA,SAASO,yBAAyBA,CAACC,OAAoB,EAAQ;EAC7DnB,2BAA2B,CAACC,UAAU,EAAEkB,OAAO,CAAC;AAClD;AAEA,eAAe;EACbC,GAAG,EAAEjB,sBAAsB;EAC3BkB,MAAM,EAAEH;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["getAnimation","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","handlerMap","WeakMap","addAnimationEndHandler","source","target","effect","__","globalOptions","animation","undefined","reducedMotion","selectorCondition","handler","matches","play","cleanup","cancel","removeEventListener","handlerObj","addEventListener","removeAnimationEndHandler","element","add","remove"],"sources":["../../../src/handlers/animationEnd.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getAnimation } from '@wix/motion';\nimport type {\n  AnimationEndParams,\n  TimeEffect,\n  HandlerObjectMap,\n  InteractionGlobalOptions,\n} from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction addAnimationEndHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect,\n  __: AnimationEndParams,\n  globalOptions?: InteractionGlobalOptions,\n): void {\n  const animation = getAnimation(\n    target,\n    effectToAnimationOptions(effect),\n    undefined,\n    globalOptions?.reducedMotion,\n  ) as AnimationGroup;\n  const {selectorCondition} = globalOptions || {};\n  const handler = () => {\n    if (selectorCondition && !target.matches(selectorCondition)) return;\n    animation.play();\n  };\n  const cleanup = () => {\n    animation.cancel();\n    source.removeEventListener('animationend', handler);\n  };\n\n  const handlerObj = { source, target, cleanup };\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener('animationend', handler);\n}\n\nfunction removeAnimationEndHandler(element: HTMLElement): void {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addAnimationEndHandler,\n  remove: removeAnimationEndHandler,\n};\n"],"mappings":"AACA,SAASA,YAAY,QAAQ,aAAa;AAO1C,SACEC,wBAAwB,EACxBC,eAAe,EACfC,2BAA2B,QACtB,aAAa;AAEpB,MAAMC,UAAU,GAAG,IAAIC,OAAO,CAAC,CAAqB;AAEpD,SAASC,sBAAsBA,CAC7BC,MAAmB,EACnBC,MAAmB,EACnBC,MAAkB,EAClBC,EAAsB,EACtBC,aAAwC,EAClC;EACN,MAAMC,SAAS,GAAGZ,YAAY,CAC5BQ,MAAM,EACNP,wBAAwB,CAACQ,MAAM,CAAC,EAChCI,SAAS,EACTF,aAAa,oBAAbA,aAAa,CAAEG,aACjB,CAAmB;EACnB,MAAM;IAACC;EAAiB,CAAC,GAAGJ,aAAa,IAAI,CAAC,CAAC;EAC/C,MAAMK,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAID,iBAAiB,IAAI,CAACP,MAAM,CAACS,OAAO,CAACF,iBAAiB,CAAC,EAAE;IAC7DH,SAAS,CAACM,IAAI,CAAC,CAAC;EAClB,CAAC;EACD,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBP,SAAS,CAACQ,MAAM,CAAC,CAAC;IAClBb,MAAM,CAACc,mBAAmB,CAAC,cAAc,EAAEL,OAAO,CAAC;EACrD,CAAC;EAED,MAAMM,UAAU,GAAG;IAAEf,MAAM;IAAEC,MAAM;IAAEW;EAAQ,CAAC;EAC9CjB,eAAe,CAACE,UAAU,EAAEG,MAAM,EAAEe,UAAU,CAAC;EAC/CpB,eAAe,CAACE,UAAU,EAAEI,MAAM,EAAEc,UAAU,CAAC;EAE/Cf,MAAM,CAACgB,gBAAgB,CAAC,cAAc,EAAEP,OAAO,CAAC;AAClD;AAEA,SAASQ,yBAAyBA,CAACC,OAAoB,EAAQ;EAC7DtB,2BAA2B,CAACC,UAAU,EAAEqB,OAAO,CAAC;AAClD;AAEA,eAAe;EACbC,GAAG,EAAEpB,sBAAsB;EAC3BqB,MAAM,EAAEH;AACV,CAAC","ignoreList":[]}

package/dist/esm/handlers/click.js

@@ -1,14 +1,15 @@
 import { getAnimation } from '@wix/motion';
 import { effectToAnimationOptions, addHandlerToMap, removeElementFromHandlerMap } from './utilities';
 const handlerMap = new WeakMap();
-function createTimeEffectHandler(element, effect, options, reducedMotion) {
-  if (reducedMotion === void 0) {
-    reducedMotion = false;
-  }
-  const animation = getAnimation(element, effectToAnimationOptions(effect), undefined, reducedMotion);
+function createTimeEffectHandler(element, effect, options, globalOptions) {
+  const animation = getAnimation(element, effectToAnimationOptions(effect), undefined, globalOptions == null ? void 0 : globalOptions.reducedMotion);
   let initialPlay = true;
   const type = options.type || 'alternate';
-  return __ => {
+  const {
+    selectorCondition
+  } = globalOptions || {};
+  return event => {
+    if (selectorCondition && !element.matches(selectorCondition)) return;
     if (type === 'alternate') {
       if (initialPlay) {
         initialPlay = false;
@@ -41,14 +42,15 @@ function createTimeEffectHandler(element, effect, options, reducedMotion) {
     }
   };
 }
-function createTransitionHandler(element, _ref, options) {
+function createTransitionHandler(element, _ref, options, selectorCondition) {
   let {
     effectId,
     listContainer,
     listItemSelector
   } = _ref;
   const shouldSetStateOnElement = !!listContainer;
-  return __ => {
+  return event => {
+    if (selectorCondition && !element.matches(selectorCondition)) return;
     const interactElement = element.closest('interact-element');
     if (!interactElement) {
       return;
@@ -60,23 +62,26 @@ function createTransitionHandler(element, _ref, options) {
     interactElement.toggleEffect(effectId, options.method || 'toggle', item);
   };
 }
-function addClickHandler(source, target, effect, options, reducedMotion) {
+function addClickHandler(source, target, effect, options, globalOptions) {
   if (options === void 0) {
     options = {};
   }
-  if (reducedMotion === void 0) {
-    reducedMotion = false;
-  }
   let handler;
   let once = false;
   if (effect.transition || effect.transitionProperties) {
-    handler = createTransitionHandler(target, effect, options);
+    handler = createTransitionHandler(target, effect, options, globalOptions == null ? void 0 : globalOptions.selectorCondition);
   } else {
-    handler = createTimeEffectHandler(target, effect, options, reducedMotion);
+    handler = createTimeEffectHandler(target, effect, options, {
+      reducedMotion: globalOptions == null ? void 0 : globalOptions.reducedMotion,
+      selectorCondition: globalOptions == null ? void 0 : globalOptions.selectorCondition
+    });
     once = options.type === 'once';
   }
   const cleanup = () => {
     source.removeEventListener('click', handler);
+    if (globalOptions != null && globalOptions.allowA11yTriggers) {
+      source.removeEventListener('keydown', handler);
+    }
   };
   const handlerObj = {
     source,
@@ -85,10 +90,27 @@ function addClickHandler(source, target, effect, options, reducedMotion) {
   };
   addHandlerToMap(handlerMap, source, handlerObj);
   addHandlerToMap(handlerMap, target, handlerObj);
-  source.addEventListener('click', handler, {
+  source.addEventListener('click', e => {
+    if (e.pointerType) {
+      handler(e);
+    }
+  }, {
     passive: true,
     once
   });
+  if (globalOptions != null && globalOptions.allowA11yTriggers) {
+    source.tabIndex = 0;
+    source.addEventListener('keydown', event => {
+      if (event.code === 'Space') {
+        event.preventDefault();
+        handler(event);
+      } else if (event.code === 'Enter') {
+        handler(event);
+      }
+    }, {
+      once
+    });
+  }
 }
 function removeClickHandler(element) {
   removeElementFromHandlerMap(handlerMap, element);

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","isCSS","onFinish","dataset","motionEnter","createTransitionHandler","_ref","effectId","listContainer","listItemSelector","shouldSetStateOnElement","interactElement","closest","item","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  IInteractElement,\n  PointerTriggerParams,\n  EffectBase,\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 & EffectBase,\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  {\n    effectId,\n    listContainer,\n    listItemSelector,\n  }: TransitionEffect & EffectBase & { effectId: string },\n  options: StateParams,\n) {\n  const shouldSetStateOnElement = !!listContainer;\n\n  return (__: MouseEvent) => {\n    const interactElement = element.closest(\n      'interact-element',\n    ) as IInteractElement;\n    if (!interactElement) {\n      return;\n    }\n\n    let item;\n    if (shouldSetStateOnElement) {\n      item = element.closest(\n        `${listContainer} > ${listItemSelector || ''}:has(:scope)`,\n      ) as HTMLElement | null;\n    }\n\n    interactElement.toggleEffect(effectId, options.method || 'toggle', item);\n  };\n}\n\nfunction addClickHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: (TimeEffect | TransitionEffect) & EffectBase,\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 & EffectBase & { effectId: string },\n      options as StateParams,\n    );\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect & EffectBase,\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","globalOptions","animation","undefined","reducedMotion","initialPlay","type","selectorCondition","event","matches","play","reverse","playState","pause","progress","isCSS","onFinish","dataset","motionEnter","createTransitionHandler","_ref","effectId","listContainer","listItemSelector","shouldSetStateOnElement","interactElement","closest","item","toggleEffect","method","addClickHandler","source","target","handler","once","transition","transitionProperties","cleanup","removeEventListener","allowA11yTriggers","handlerObj","addEventListener","e","pointerType","passive","tabIndex","code","preventDefault","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  IInteractElement,\n  PointerTriggerParams,\n  EffectBase,\n  InteractionGlobalOptions,\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 & EffectBase,\n  options: PointerTriggerParams,\n  globalOptions: InteractionGlobalOptions,\n) {\n  const animation = getAnimation(\n    element,\n    effectToAnimationOptions(effect),\n    undefined,\n    globalOptions?.reducedMotion,\n  ) as AnimationGroup;\n  let initialPlay = true;\n  const type = options.type || 'alternate';\n  const {selectorCondition} = globalOptions || {};\n  return (event: MouseEvent | KeyboardEvent) => {\n    if (selectorCondition && !element.matches(selectorCondition)) return;\n    \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  {\n    effectId,\n    listContainer,\n    listItemSelector,\n  }: TransitionEffect & EffectBase & { effectId: string },\n  options: StateParams,\n  selectorCondition?: string,\n) {\n  const shouldSetStateOnElement = !!listContainer;\n  \n  return (event: MouseEvent | KeyboardEvent) => {\n    if (selectorCondition && !element.matches(selectorCondition)) return;\n    const interactElement = element.closest(\n      'interact-element',\n    ) as IInteractElement;\n    if (!interactElement) {\n      return;\n    }\n\n    let item;\n    if (shouldSetStateOnElement) {\n      item = element.closest(\n        `${listContainer} > ${listItemSelector || ''}:has(:scope)`,\n      ) as HTMLElement | null;\n    }\n\n    interactElement.toggleEffect(effectId, options.method || 'toggle', item);\n  };\n}\n\nfunction addClickHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: (TimeEffect | TransitionEffect) & EffectBase,\n  options: StateParams | PointerTriggerParams = {} as StateParams,\n  globalOptions?: InteractionGlobalOptions,\n) {\n  let handler: (event: MouseEvent | KeyboardEvent) => 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 & EffectBase & { effectId: string },\n      options as StateParams,\n      globalOptions?.selectorCondition,\n    );\n  } else {\n    handler = createTimeEffectHandler(\n      target,\n      effect as TimeEffect & EffectBase,\n      options as PointerTriggerParams,\n      { reducedMotion: globalOptions?.reducedMotion, selectorCondition: globalOptions?.selectorCondition },\n    );\n    once = (options as PointerTriggerParams).type === 'once';\n  }\n\n  const cleanup = () => {\n    source.removeEventListener('click', handler);\n    if (globalOptions?.allowA11yTriggers) {\n      source.removeEventListener('keydown', handler);\n    }\n  };\n\n  const handlerObj = { source, target, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  source.addEventListener(\n    'click',\n    (e) => {\n      if ((e as PointerEvent).pointerType) {\n        handler(e);\n      }\n    },\n    { passive: true, once },\n  );\n\n  if (globalOptions?.allowA11yTriggers) {\n    source.tabIndex = 0;\n\n    source.addEventListener(\n      'keydown',\n      (event: KeyboardEvent) => {\n        if (event.code === 'Space') {\n          event.preventDefault();\n          handler(event);\n        } else if (event.code === 'Enter') {\n          handler(event);\n        }\n      },\n      { once },\n    );\n  }\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

@@ -1,15 +1,16 @@
 import { getAnimation } from '@wix/motion';
 import { effectToAnimationOptions, addHandlerToMap, removeElementFromHandlerMap } from './utilities';
 const handlerMap = new WeakMap();
-function createTimeEffectHandler(element, effect, options, reducedMotion) {
-  if (reducedMotion === void 0) {
-    reducedMotion = false;
-  }
-  const animation = getAnimation(element, effectToAnimationOptions(effect), undefined, reducedMotion);
+function createTimeEffectHandler(element, effect, options, globalOptions) {
+  const animation = getAnimation(element, effectToAnimationOptions(effect), undefined, globalOptions == null ? void 0 : globalOptions.reducedMotion);
   const type = options.type || 'alternate';
   let initialPlay = true;
+  const {
+    selectorCondition
+  } = globalOptions || {};
   return event => {
-    if (event.type === 'mouseenter') {
+    if (selectorCondition && !element.matches(selectorCondition)) return;
+    if (event.type === 'mouseenter' || event.type === 'focusin') {
       if (type === 'alternate') {
         if (initialPlay) {
           initialPlay = false;
@@ -33,7 +34,7 @@ function createTimeEffectHandler(element, effect, options, reducedMotion) {
         }
         animation.play();
       }
-    } else if (event.type === 'mouseleave') {
+    } else if (event.type === 'mouseleave' || event.type === 'focusout') {
       if (type === 'alternate') {
         animation.reverse();
       } else if (type === 'repeat') {
@@ -47,7 +48,7 @@ function createTimeEffectHandler(element, effect, options, reducedMotion) {
     }
   };
 }
-function createTransitionHandler(element, _ref, options) {
+function createTransitionHandler(element, _ref, options, selectorCondition) {
   let {
     effectId,
     listContainer,
@@ -57,6 +58,7 @@ function createTransitionHandler(element, _ref, options) {
   const isToggle = method === 'toggle';
   const shouldSetStateOnElement = !!listContainer;
   return event => {
+    if (selectorCondition && !element.matches(selectorCondition)) return;
     const interactElement = element.closest('interact-element');
     if (!interactElement) {
       return;
@@ -65,34 +67,38 @@ function createTransitionHandler(element, _ref, options) {
     if (shouldSetStateOnElement) {
       item = element.closest(`${listContainer} > ${listItemSelector || ''}:has(:scope)`);
     }
-    if (event.type === 'mouseenter') {
+    if (event.type === 'mouseenter' || event.type === 'focusin') {
       const method_ = isToggle ? 'add' : method;
       interactElement.toggleEffect(effectId, method_, item);
-    } else if (event.type === 'mouseleave' && isToggle) {
+    } else if ((event.type === 'mouseleave' || event.type === 'focusout') && isToggle) {
       interactElement.toggleEffect(effectId, 'remove', item);
     }
   };
 }
-function addHoverHandler(source, target, effect, options, reducedMotion) {
+function addHoverHandler(source, target, effect, options, globalOptions) {
   if (options === void 0) {
     options = {};
   }
-  if (reducedMotion === void 0) {
-    reducedMotion = false;
-  }
   let handler;
   let isStateTrigger = false;
   let once = false;
   if (effect.transition || effect.transitionProperties) {
-    handler = createTransitionHandler(target, effect, options);
+    handler = createTransitionHandler(target, effect, options, globalOptions == null ? void 0 : globalOptions.selectorCondition);
     isStateTrigger = true;
   } else {
-    handler = createTimeEffectHandler(target, effect, options, reducedMotion);
+    handler = createTimeEffectHandler(target, effect, options, {
+      reducedMotion: globalOptions == null ? void 0 : globalOptions.reducedMotion,
+      selectorCondition: globalOptions == null ? void 0 : globalOptions.selectorCondition
+    });
     once = options.type === 'once';
   }
   const cleanup = () => {
     source.removeEventListener('mouseenter', handler);
     source.removeEventListener('mouseleave', handler);
+    if (globalOptions != null && globalOptions.allowA11yTriggers) {
+      source.removeEventListener('focusin', handler);
+      source.removeEventListener('focusout', handler);
+    }
   };
   const handlerObj = {
     source,
@@ -101,6 +107,16 @@ function addHoverHandler(source, target, effect, options, reducedMotion) {
   };
   addHandlerToMap(handlerMap, source, handlerObj);
   addHandlerToMap(handlerMap, target, handlerObj);
+  if (globalOptions != null && globalOptions.allowA11yTriggers) {
+    source.tabIndex = 0;
+    source.addEventListener('focusin', event => {
+      if (!source.contains(event.relatedTarget)) {
+        handler(event);
+      }
+    }, {
+      once
+    });
+  }
   source.addEventListener('mouseenter', handler, {
     passive: true,
     once
@@ -110,6 +126,15 @@ function addHoverHandler(source, target, effect, options, reducedMotion) {
     source.addEventListener('mouseleave', handler, {
       passive: true
     });
+    if (globalOptions != null && globalOptions.allowA11yTriggers) {
+      source.addEventListener('focusout', event => {
+        if (!source.contains(event.relatedTarget)) {
+          handler(event);
+        }
+      }, {
+        once
+      });
+    }
   }
 }
 function removeHoverHandler(element) {