@wix/interact 1.75.0 → 1.77.0

package/dist/cjs/core/add.js

@@ -29,8 +29,13 @@ function _getElementsFromData(data, root) {
   }
   return root.firstElementChild;
 }
+function _queryItemElement(data, elements) {
+  return elements.map(element => {
+    return !data.selector || element.matches(data.selector) ? element : element.querySelector(data.selector);
+  }).filter(Boolean);
+}
 function _getInteractionElements(interaction, effect, source, target, sourceElements, targetElements) {
-  return [sourceElements || _getElementsFromData(interaction, source), targetElements || _getElementsFromData(effect, target)];
+  return [sourceElements ? _queryItemElement(interaction, sourceElements) : _getElementsFromData(interaction, source), targetElements ? _queryItemElement(effect, targetElements) : _getElementsFromData(effect, target)];
 }
 function _applyInteraction(key, interaction, effect, sourceElements, targetElements, listContainer) {
   const isSourceArray = Array.isArray(sourceElements);

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

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_Interact","_handlers","_interopRequireDefault","_getElementsFromData","data","root","listContainer","container","querySelector","console","warn","selector","Array","from","querySelectorAll","children","element","firstElementChild","_getInteractionElements","interaction","effect","source","target","sourceElements","targetElements","_applyInteraction","key","isSourceArray","isArray","isTargetArray","forEach","sourceEl","index","targetEl","addInteraction","trigger","params","targets","_addInteraction","instance","sourceRoot","elements","interactionVariations","effects","effectId","interactionId","effectOptions","dataCache","addedInteractions","mql","getMediaQuery","conditions","matches","targetElement","Interact","getElement","watchChildList","addEffectsForTarget","_instance$dataCache$i","interactions","interactionIds","Object","keys","effectVariations","some","sourceElement","undefined","length","options","_TRIGGER_TO_HANDLER_M","transition","transitionProperties","args","properties","childSelector","getSelector","closest","renderStyle","createTransitionCSS","TRIGGER_TO_HANDLER_MODULE_MAP","add","forceReducedMotion","getInstance","triggers","hasTriggers","setElement","hasEffects","addListItems"],"sources":["../../../src/core/add.ts"],"sourcesContent":["import type {\n  Effect,\n  TriggerType,\n  EffectRef,\n  InteractionParamsTypes,\n  TransitionEffect,\n  IWixInteractElement,\n  Interaction,\n  InteractionTrigger,\n  CreateTransitionCSSParams,\n} from '../types';\nimport { createTransitionCSS, getMediaQuery } from '../utils';\nimport { Interact, getSelector } from './Interact';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction _getElementsFromData(\n  data: Interaction | Effect,\n  root: IWixInteractElement,\n): HTMLElement | HTMLElement[] | null {\n  if (data.listContainer) {\n    const container = root.querySelector(data.listContainer);\n\n    if (!container) {\n      console.warn(\n        `WixInteract: 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        `WixInteract: No element found for selector \"${data.selector}\"`,\n      );\n    }\n  }\n\n  return root.firstElementChild as HTMLElement | null;\n}\n\nfunction _getInteractionElements(\n  interaction: InteractionTrigger,\n  effect: Effect,\n  source: IWixInteractElement,\n  target: IWixInteractElement,\n  sourceElements?: HTMLElement[],\n  targetElements?: HTMLElement[],\n): [HTMLElement | HTMLElement[] | null, HTMLElement | HTMLElement[] | null] {\n  return [\n    sourceElements || _getElementsFromData(interaction, source),\n    targetElements || _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  listContainer: string | undefined,\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          listContainer,\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        listContainer,\n      );\n    });\n  }\n}\n\nfunction _addInteraction(\n  instance: Interact,\n  interaction: Interaction,\n  sourceRoot: IWixInteractElement,\n  elements?: HTMLElement[],\n) {\n  const interactionVariations: Record<string, boolean> = {};\n\n  interaction.effects.forEach((effect) => {\n    const effectId = (effect as EffectRef).effectId;\n    const interactionId = effect.interactionId;\n\n    if (interactionVariations[interactionId!]) {\n      // Skip this effect if it has already been added\n      return;\n    }\n\n    const effectOptions = {\n      ...(instance.dataCache.effects[effectId] || {}),\n      ...effect,\n      effectId,\n    };\n\n    if (instance.addedInteractions[effectOptions.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[effect.interactionId!] = true;\n\n      const target = effectOptions.key;\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[effectOptions.interactionId!] = true;\n\n      const key = target || interaction.key;\n\n      _applyInteraction(\n        key,\n        interaction,\n        effectOptions,\n        sourceElements,\n        targetElements,\n        effectOptions.listContainer || '',\n      );\n    }\n  });\n}\n\nfunction addEffectsForTarget(\n  key: string,\n  element: IWixInteractElement,\n  instance: Interact,\n  listContainer?: string,\n  elements?: HTMLElement[],\n) {\n  const effects = instance.dataCache.interactions[key]?.effects || {};\n  const interactionIds = Object.keys(effects);\n\n  interactionIds.forEach((interactionId) => {\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 sourceElement = Interact.getElement(interaction.key);\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          key,\n          interaction,\n          effectOptions as Effect,\n          sourceElements,\n          targetElements,\n          effectOptions.listContainer || '',\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  listContainer: string | undefined,\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: string }).effectId!,\n      transition: (effect as TransitionEffect).transition,\n      properties: (effect as TransitionEffect).transitionProperties,\n      childSelector: getSelector(effect, true),\n    };\n\n    const root = target.closest('wix-interact-element') as IWixInteractElement;\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: IWixInteractElement, key: string): boolean {\n  const instance = Interact.getInstance(key);\n\n  const { triggers = [] } = instance?.dataCache.interactions[key] || {};\n  const hasTriggers = triggers.length > 0;\n\n  // even if we don't find a matching instance, we still want to cache the element\n  Interact.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(instance!, interaction, element);\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: IWixInteractElement,\n  key: string,\n  listContainer: string,\n  elements: HTMLElement[],\n) {\n  const instance = Interact.getInstance(key);\n\n  if (instance) {\n    const { triggers = [] } = instance?.dataCache.interactions[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(instance!, interaction, root, elements);\n      }\n    });\n\n    addEffectsForTarget(key, root, instance, listContainer, elements);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_utils","require","_Interact","_handlers","_interopRequireDefault","_getElementsFromData","data","root","listContainer","container","querySelector","console","warn","selector","Array","from","querySelectorAll","children","element","firstElementChild","_queryItemElement","elements","map","matches","filter","Boolean","_getInteractionElements","interaction","effect","source","target","sourceElements","targetElements","_applyInteraction","key","isSourceArray","isArray","isTargetArray","forEach","sourceEl","index","targetEl","addInteraction","trigger","params","targets","_addInteraction","instance","sourceRoot","interactionVariations","effects","effectId","interactionId","effectOptions","dataCache","addedInteractions","mql","getMediaQuery","conditions","targetElement","Interact","getElement","watchChildList","addEffectsForTarget","_instance$dataCache$i","interactions","interactionIds","Object","keys","effectVariations","some","sourceElement","undefined","length","options","_TRIGGER_TO_HANDLER_M","transition","transitionProperties","args","properties","childSelector","getSelector","closest","renderStyle","createTransitionCSS","TRIGGER_TO_HANDLER_MODULE_MAP","add","forceReducedMotion","getInstance","triggers","hasTriggers","setElement","hasEffects","addListItems"],"sources":["../../../src/core/add.ts"],"sourcesContent":["import type {\n  Effect,\n  TriggerType,\n  EffectRef,\n  InteractionParamsTypes,\n  TransitionEffect,\n  IWixInteractElement,\n  Interaction,\n  InteractionTrigger,\n  CreateTransitionCSSParams,\n} from '../types';\nimport { createTransitionCSS, getMediaQuery } from '../utils';\nimport { Interact, getSelector } from './Interact';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction _getElementsFromData(\n  data: Interaction | Effect,\n  root: IWixInteractElement,\n): HTMLElement | HTMLElement[] | null {\n  if (data.listContainer) {\n    const container = root.querySelector(data.listContainer);\n\n    if (!container) {\n      console.warn(\n        `WixInteract: 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        `WixInteract: 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.matches(data.selector)\n        ? element\n        : element.querySelector(data.selector);\n    })\n    .filter(Boolean) as HTMLElement[];\n}\n\nfunction _getInteractionElements(\n  interaction: InteractionTrigger,\n  effect: Effect,\n  source: IWixInteractElement,\n  target: IWixInteractElement,\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  listContainer: string | undefined,\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          listContainer,\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        listContainer,\n      );\n    });\n  }\n}\n\nfunction _addInteraction(\n  instance: Interact,\n  interaction: Interaction,\n  sourceRoot: IWixInteractElement,\n  elements?: HTMLElement[],\n) {\n  const interactionVariations: Record<string, boolean> = {};\n\n  interaction.effects.forEach((effect) => {\n    const effectId = (effect as EffectRef).effectId;\n    const interactionId = effect.interactionId;\n\n    if (interactionVariations[interactionId!]) {\n      // Skip this effect if it has already been added\n      return;\n    }\n\n    const effectOptions = {\n      ...(instance.dataCache.effects[effectId] || {}),\n      ...effect,\n      effectId,\n    };\n\n    if (instance.addedInteractions[effectOptions.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[effect.interactionId!] = true;\n\n      const target = effectOptions.key;\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[effectOptions.interactionId!] = true;\n\n      const key = target || interaction.key;\n\n      _applyInteraction(\n        key,\n        interaction,\n        effectOptions,\n        sourceElements,\n        targetElements,\n        effectOptions.listContainer || '',\n      );\n    }\n  });\n}\n\nfunction addEffectsForTarget(\n  key: string,\n  element: IWixInteractElement,\n  instance: Interact,\n  listContainer?: string,\n  elements?: HTMLElement[],\n) {\n  const effects = instance.dataCache.interactions[key]?.effects || {};\n  const interactionIds = Object.keys(effects);\n\n  interactionIds.forEach((interactionId) => {\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 sourceElement = Interact.getElement(interaction.key);\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          key,\n          interaction,\n          effectOptions as Effect,\n          sourceElements,\n          targetElements,\n          effectOptions.listContainer || '',\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  listContainer: string | undefined,\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: string }).effectId!,\n      transition: (effect as TransitionEffect).transition,\n      properties: (effect as TransitionEffect).transitionProperties,\n      childSelector: getSelector(effect, true),\n    };\n\n    const root = target.closest('wix-interact-element') as IWixInteractElement;\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: IWixInteractElement, key: string): boolean {\n  const instance = Interact.getInstance(key);\n\n  const { triggers = [] } = instance?.dataCache.interactions[key] || {};\n  const hasTriggers = triggers.length > 0;\n\n  // even if we don't find a matching instance, we still want to cache the element\n  Interact.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(instance!, interaction, element);\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: IWixInteractElement,\n  key: string,\n  listContainer: string,\n  elements: HTMLElement[],\n) {\n  const instance = Interact.getInstance(key);\n\n  if (instance) {\n    const { triggers = [] } = instance?.dataCache.interactions[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(instance!, interaction, root, elements);\n      }\n    });\n\n    addEffectsForTarget(key, root, instance, listContainer, elements);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/core/add.js

@@ -23,8 +23,13 @@ function _getElementsFromData(data, root) {
   }
   return root.firstElementChild;
 }
+function _queryItemElement(data, elements) {
+  return elements.map(element => {
+    return !data.selector || element.matches(data.selector) ? element : element.querySelector(data.selector);
+  }).filter(Boolean);
+}
 function _getInteractionElements(interaction, effect, source, target, sourceElements, targetElements) {
-  return [sourceElements || _getElementsFromData(interaction, source), targetElements || _getElementsFromData(effect, target)];
+  return [sourceElements ? _queryItemElement(interaction, sourceElements) : _getElementsFromData(interaction, source), targetElements ? _queryItemElement(effect, targetElements) : _getElementsFromData(effect, target)];
 }
 function _applyInteraction(key, interaction, effect, sourceElements, targetElements, listContainer) {
   const isSourceArray = Array.isArray(sourceElements);

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

@@ -1 +1 @@
-{"version":3,"names":["createTransitionCSS","getMediaQuery","Interact","getSelector","TRIGGER_TO_HANDLER_MODULE_MAP","_getElementsFromData","data","root","listContainer","container","querySelector","console","warn","selector","Array","from","querySelectorAll","children","element","firstElementChild","_getInteractionElements","interaction","effect","source","target","sourceElements","targetElements","_applyInteraction","key","isSourceArray","isArray","isTargetArray","forEach","sourceEl","index","targetEl","addInteraction","trigger","params","targets","_addInteraction","instance","sourceRoot","elements","interactionVariations","effects","effectId","interactionId","effectOptions","dataCache","addedInteractions","mql","conditions","matches","targetElement","getElement","watchChildList","addEffectsForTarget","_instance$dataCache$i","interactions","interactionIds","Object","keys","effectVariations","some","_ref","sourceElement","undefined","length","options","_TRIGGER_TO_HANDLER_M","transition","transitionProperties","args","properties","childSelector","closest","renderStyle","add","forceReducedMotion","getInstance","triggers","hasTriggers","setElement","hasEffects","addListItems"],"sources":["../../../src/core/add.ts"],"sourcesContent":["import type {\n  Effect,\n  TriggerType,\n  EffectRef,\n  InteractionParamsTypes,\n  TransitionEffect,\n  IWixInteractElement,\n  Interaction,\n  InteractionTrigger,\n  CreateTransitionCSSParams,\n} from '../types';\nimport { createTransitionCSS, getMediaQuery } from '../utils';\nimport { Interact, getSelector } from './Interact';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction _getElementsFromData(\n  data: Interaction | Effect,\n  root: IWixInteractElement,\n): HTMLElement | HTMLElement[] | null {\n  if (data.listContainer) {\n    const container = root.querySelector(data.listContainer);\n\n    if (!container) {\n      console.warn(\n        `WixInteract: 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        `WixInteract: No element found for selector \"${data.selector}\"`,\n      );\n    }\n  }\n\n  return root.firstElementChild as HTMLElement | null;\n}\n\nfunction _getInteractionElements(\n  interaction: InteractionTrigger,\n  effect: Effect,\n  source: IWixInteractElement,\n  target: IWixInteractElement,\n  sourceElements?: HTMLElement[],\n  targetElements?: HTMLElement[],\n): [HTMLElement | HTMLElement[] | null, HTMLElement | HTMLElement[] | null] {\n  return [\n    sourceElements || _getElementsFromData(interaction, source),\n    targetElements || _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  listContainer: string | undefined,\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          listContainer,\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        listContainer,\n      );\n    });\n  }\n}\n\nfunction _addInteraction(\n  instance: Interact,\n  interaction: Interaction,\n  sourceRoot: IWixInteractElement,\n  elements?: HTMLElement[],\n) {\n  const interactionVariations: Record<string, boolean> = {};\n\n  interaction.effects.forEach((effect) => {\n    const effectId = (effect as EffectRef).effectId;\n    const interactionId = effect.interactionId;\n\n    if (interactionVariations[interactionId!]) {\n      // Skip this effect if it has already been added\n      return;\n    }\n\n    const effectOptions = {\n      ...(instance.dataCache.effects[effectId] || {}),\n      ...effect,\n      effectId,\n    };\n\n    if (instance.addedInteractions[effectOptions.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[effect.interactionId!] = true;\n\n      const target = effectOptions.key;\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[effectOptions.interactionId!] = true;\n\n      const key = target || interaction.key;\n\n      _applyInteraction(\n        key,\n        interaction,\n        effectOptions,\n        sourceElements,\n        targetElements,\n        effectOptions.listContainer || '',\n      );\n    }\n  });\n}\n\nfunction addEffectsForTarget(\n  key: string,\n  element: IWixInteractElement,\n  instance: Interact,\n  listContainer?: string,\n  elements?: HTMLElement[],\n) {\n  const effects = instance.dataCache.interactions[key]?.effects || {};\n  const interactionIds = Object.keys(effects);\n\n  interactionIds.forEach((interactionId) => {\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 sourceElement = Interact.getElement(interaction.key);\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          key,\n          interaction,\n          effectOptions as Effect,\n          sourceElements,\n          targetElements,\n          effectOptions.listContainer || '',\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  listContainer: string | undefined,\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: string }).effectId!,\n      transition: (effect as TransitionEffect).transition,\n      properties: (effect as TransitionEffect).transitionProperties,\n      childSelector: getSelector(effect, true),\n    };\n\n    const root = target.closest('wix-interact-element') as IWixInteractElement;\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: IWixInteractElement, key: string): boolean {\n  const instance = Interact.getInstance(key);\n\n  const { triggers = [] } = instance?.dataCache.interactions[key] || {};\n  const hasTriggers = triggers.length > 0;\n\n  // even if we don't find a matching instance, we still want to cache the element\n  Interact.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(instance!, interaction, element);\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: IWixInteractElement,\n  key: string,\n  listContainer: string,\n  elements: HTMLElement[],\n) {\n  const instance = Interact.getInstance(key);\n\n  if (instance) {\n    const { triggers = [] } = instance?.dataCache.interactions[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(instance!, interaction, root, 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","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","matches","filter","Boolean","_getInteractionElements","interaction","effect","source","target","sourceElements","targetElements","_applyInteraction","key","isSourceArray","isArray","isTargetArray","forEach","sourceEl","index","targetEl","addInteraction","trigger","params","targets","_addInteraction","instance","sourceRoot","interactionVariations","effects","effectId","interactionId","effectOptions","dataCache","addedInteractions","mql","conditions","targetElement","getElement","watchChildList","addEffectsForTarget","_instance$dataCache$i","interactions","interactionIds","Object","keys","effectVariations","some","_ref","sourceElement","undefined","length","options","_TRIGGER_TO_HANDLER_M","transition","transitionProperties","args","properties","childSelector","closest","renderStyle","add","forceReducedMotion","getInstance","triggers","hasTriggers","setElement","hasEffects","addListItems"],"sources":["../../../src/core/add.ts"],"sourcesContent":["import type {\n  Effect,\n  TriggerType,\n  EffectRef,\n  InteractionParamsTypes,\n  TransitionEffect,\n  IWixInteractElement,\n  Interaction,\n  InteractionTrigger,\n  CreateTransitionCSSParams,\n} from '../types';\nimport { createTransitionCSS, getMediaQuery } from '../utils';\nimport { Interact, getSelector } from './Interact';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from '../handlers';\n\nfunction _getElementsFromData(\n  data: Interaction | Effect,\n  root: IWixInteractElement,\n): HTMLElement | HTMLElement[] | null {\n  if (data.listContainer) {\n    const container = root.querySelector(data.listContainer);\n\n    if (!container) {\n      console.warn(\n        `WixInteract: 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        `WixInteract: 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.matches(data.selector)\n        ? element\n        : element.querySelector(data.selector);\n    })\n    .filter(Boolean) as HTMLElement[];\n}\n\nfunction _getInteractionElements(\n  interaction: InteractionTrigger,\n  effect: Effect,\n  source: IWixInteractElement,\n  target: IWixInteractElement,\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  listContainer: string | undefined,\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          listContainer,\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        listContainer,\n      );\n    });\n  }\n}\n\nfunction _addInteraction(\n  instance: Interact,\n  interaction: Interaction,\n  sourceRoot: IWixInteractElement,\n  elements?: HTMLElement[],\n) {\n  const interactionVariations: Record<string, boolean> = {};\n\n  interaction.effects.forEach((effect) => {\n    const effectId = (effect as EffectRef).effectId;\n    const interactionId = effect.interactionId;\n\n    if (interactionVariations[interactionId!]) {\n      // Skip this effect if it has already been added\n      return;\n    }\n\n    const effectOptions = {\n      ...(instance.dataCache.effects[effectId] || {}),\n      ...effect,\n      effectId,\n    };\n\n    if (instance.addedInteractions[effectOptions.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[effect.interactionId!] = true;\n\n      const target = effectOptions.key;\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[effectOptions.interactionId!] = true;\n\n      const key = target || interaction.key;\n\n      _applyInteraction(\n        key,\n        interaction,\n        effectOptions,\n        sourceElements,\n        targetElements,\n        effectOptions.listContainer || '',\n      );\n    }\n  });\n}\n\nfunction addEffectsForTarget(\n  key: string,\n  element: IWixInteractElement,\n  instance: Interact,\n  listContainer?: string,\n  elements?: HTMLElement[],\n) {\n  const effects = instance.dataCache.interactions[key]?.effects || {};\n  const interactionIds = Object.keys(effects);\n\n  interactionIds.forEach((interactionId) => {\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 sourceElement = Interact.getElement(interaction.key);\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          key,\n          interaction,\n          effectOptions as Effect,\n          sourceElements,\n          targetElements,\n          effectOptions.listContainer || '',\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  listContainer: string | undefined,\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: string }).effectId!,\n      transition: (effect as TransitionEffect).transition,\n      properties: (effect as TransitionEffect).transitionProperties,\n      childSelector: getSelector(effect, true),\n    };\n\n    const root = target.closest('wix-interact-element') as IWixInteractElement;\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: IWixInteractElement, key: string): boolean {\n  const instance = Interact.getInstance(key);\n\n  const { triggers = [] } = instance?.dataCache.interactions[key] || {};\n  const hasTriggers = triggers.length > 0;\n\n  // even if we don't find a matching instance, we still want to cache the element\n  Interact.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(instance!, interaction, element);\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: IWixInteractElement,\n  key: string,\n  listContainer: string,\n  elements: HTMLElement[],\n) {\n  const instance = Interact.getInstance(key);\n\n  if (instance) {\n    const { triggers = [] } = instance?.dataCache.interactions[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(instance!, interaction, root, elements);\n      }\n    });\n\n    addEffectsForTarget(key, root, instance, listContainer, elements);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/interact",
-  "version": "1.75.0",
+  "version": "1.77.0",
   "author": {
     "name": "wow!Team",
     "email": "wow-dev@wix.com"
@@ -32,16 +32,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@wix/motion": "1.611.0",
+    "@wix/motion": "1.620.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.159.0",
-    "@wix/jest-yoshi-preset": "^6.159.0",
-    "@wix/yoshi-flow-library": "^6.159.0",
+    "@wix/eslint-config-yoshi": "^6.160.0",
+    "@wix/jest-yoshi-preset": "^6.160.0",
+    "@wix/yoshi-flow-library": "^6.160.0",
     "ts-jest": "^29.2.5",
     "typescript": "~4.9.5"
   },
@@ -68,5 +68,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "0a485a8570deca0b33749f5b6f0ab0ea5f4885566cffba3fefd83ee5"
+  "falconPackageHash": "92812856116f547f7768b56b5189d17158e8484b15376b71a597b284"
 }