@wix/interact 1.66.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["getWebAnimation","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","observers","handlerMap","WeakMap","getObserver","options","key","JSON","stringify","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","handlers","get","target","_ref","source","handler","type","unobserve","root","rootMargin","inset","threshold","addViewEnterHandler","effect","animation","play","dataset","motionEnter","cleanup","cancel","handlerObj","observe","removeViewEnterHandler","element","add","remove"],"sources":["../../../src/handlers/viewEnter.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { getWebAnimation } from '@wix/motion';\nimport type { TimeEffect, HandlerObjectMap, ViewEnterParams } from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst observers: Record<string, IntersectionObserver> = {};\nconst handlerMap = new WeakMap() as HandlerObjectMap;\n\nfunction getObserver(options: ViewEnterParams) {\n  const key = JSON.stringify(options);\n\n  if (observers[key]) {\n    return observers[key];\n  }\n\n  const observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          const handlers = handlerMap.get(entry.target as HTMLElement);\n\n          handlers?.forEach(({ source, handler }) => {\n            if (source === entry.target) {\n              handler!();\n            }\n          });\n\n          if (options.type === 'once') {\n            observer.unobserve(entry.target);\n          }\n        }\n      });\n    },\n    {\n      root: null,\n      rootMargin: options.inset\n        ? `${options.inset} 0px ${options.inset}`\n        : '0px',\n      threshold: options.threshold,\n    },\n  );\n\n  observers[key] = observer;\n\n  return observer;\n}\n\nfunction addViewEnterHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: TimeEffect,\n  options: ViewEnterParams = {},\n) {\n  const observer = getObserver(options);\n  const animation = getWebAnimation(\n    target,\n    effectToAnimationOptions(effect),\n  ) as AnimationGroup;\n\n  const handler = () => {\n    animation.play(() => {\n      // hack this here until we solve initial state properly\n      target.dataset.motionEnter = 'done';\n    });\n  };\n  const cleanup = () => {\n    observer.unobserve(source);\n    animation.cancel();\n  };\n  const handlerObj = { source, target, handler, cleanup };\n\n  addHandlerToMap(handlerMap, source, handlerObj);\n  addHandlerToMap(handlerMap, target, handlerObj);\n\n  observer.observe(source);\n}\n\nfunction removeViewEnterHandler(element: HTMLElement) {\n  removeElementFromHandlerMap(handlerMap, element);\n}\n\nexport default {\n  add: addViewEnterHandler,\n  remove: removeViewEnterHandler,\n};\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,aAAa;AAE7C,SACEC,wBAAwB,EACxBC,eAAe,EACfC,2BAA2B,QACtB,aAAa;AAEpB,MAAMC,SAA+C,GAAG,CAAC,CAAC;AAC1D,MAAMC,UAAU,GAAG,IAAIC,OAAO,CAAC,CAAqB;AAEpD,SAASC,WAAWA,CAACC,OAAwB,EAAE;EAC7C,MAAMC,GAAG,GAAGC,IAAI,CAACC,SAAS,CAACH,OAAO,CAAC;EAEnC,IAAIJ,SAAS,CAACK,GAAG,CAAC,EAAE;IAClB,OAAOL,SAAS,CAACK,GAAG,CAAC;EACvB;EAEA,MAAMG,QAAQ,GAAG,IAAIC,oBAAoB,CACtCC,OAAO,IAAK;IACXA,OAAO,CAACC,OAAO,CAAEC,KAAK,IAAK;MACzB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxB,MAAMC,QAAQ,GAAGb,UAAU,CAACc,GAAG,CAACH,KAAK,CAACI,MAAqB,CAAC;QAE5DF,QAAQ,YAARA,QAAQ,CAAEH,OAAO,CAACM,IAAA,IAAyB;UAAA,IAAxB;YAAEC,MAAM;YAAEC;UAAQ,CAAC,GAAAF,IAAA;UACpC,IAAIC,MAAM,KAAKN,KAAK,CAACI,MAAM,EAAE;YAC3BG,OAAO,CAAE,CAAC;UACZ;QACF,CAAC,CAAC;QAEF,IAAIf,OAAO,CAACgB,IAAI,KAAK,MAAM,EAAE;UAC3BZ,QAAQ,CAACa,SAAS,CAACT,KAAK,CAACI,MAAM,CAAC;QAClC;MACF;IACF,CAAC,CAAC;EACJ,CAAC,EACD;IACEM,IAAI,EAAE,IAAI;IACVC,UAAU,EAAEnB,OAAO,CAACoB,KAAK,GACrB,GAAGpB,OAAO,CAACoB,KAAK,QAAQpB,OAAO,CAACoB,KAAK,EAAE,GACvC,KAAK;IACTC,SAAS,EAAErB,OAAO,CAACqB;EACrB,CACF,CAAC;EAEDzB,SAAS,CAACK,GAAG,CAAC,GAAGG,QAAQ;EAEzB,OAAOA,QAAQ;AACjB;AAEA,SAASkB,mBAAmBA,CAC1BR,MAAmB,EACnBF,MAAmB,EACnBW,MAAkB,EAClBvB,OAAwB,EACxB;EAAA,IADAA,OAAwB;IAAxBA,OAAwB,GAAG,CAAC,CAAC;EAAA;EAE7B,MAAMI,QAAQ,GAAGL,WAAW,CAACC,OAAO,CAAC;EACrC,MAAMwB,SAAS,GAAGhC,eAAe,CAC/BoB,MAAM,EACNnB,wBAAwB,CAAC8B,MAAM,CACjC,CAAmB;EAEnB,MAAMR,OAAO,GAAGA,CAAA,KAAM;IACpBS,SAAS,CAACC,IAAI,CAAC,MAAM;MACnB;MACAb,MAAM,CAACc,OAAO,CAACC,WAAW,GAAG,MAAM;IACrC,CAAC,CAAC;EACJ,CAAC;EACD,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBxB,QAAQ,CAACa,SAAS,CAACH,MAAM,CAAC;IAC1BU,SAAS,CAACK,MAAM,CAAC,CAAC;EACpB,CAAC;EACD,MAAMC,UAAU,GAAG;IAAEhB,MAAM;IAAEF,MAAM;IAAEG,OAAO;IAAEa;EAAQ,CAAC;EAEvDlC,eAAe,CAACG,UAAU,EAAEiB,MAAM,EAAEgB,UAAU,CAAC;EAC/CpC,eAAe,CAACG,UAAU,EAAEe,MAAM,EAAEkB,UAAU,CAAC;EAE/C1B,QAAQ,CAAC2B,OAAO,CAACjB,MAAM,CAAC;AAC1B;AAEA,SAASkB,sBAAsBA,CAACC,OAAoB,EAAE;EACpDtC,2BAA2B,CAACE,UAAU,EAAEoC,OAAO,CAAC;AAClD;AAEA,eAAe;EACbC,GAAG,EAAEZ,mBAAmB;EACxBa,MAAM,EAAEH;AACV,CAAC","ignoreList":[]}

package/dist/esm/handlers/viewProgress.js

@@ -0,0 +1,52 @@
+import { getWebAnimation, getScrubScene } from '@wix/motion';
+import { Scroll } from 'fizban';
+import { effectToAnimationOptions, addHandlerToMap, removeElementFromHandlerMap } from './utilities';
+const scrollManagerMap = new WeakMap();
+function addViewProgressHandler(source, target, effect, __) {
+  const triggerParams = {
+    trigger: 'view-progress',
+    element: source
+  };
+  const effectOptions = effectToAnimationOptions(effect);
+  if ('ViewTimeline' in window) {
+    // Use ViewTimeline for modern browsers
+    const animationGroup = getWebAnimation(target, effectOptions, triggerParams);
+    if (animationGroup) {
+      animationGroup.play();
+    }
+  } else {
+    const scene = getScrubScene(target, effectOptions, triggerParams);
+    if (scene) {
+      const scenes = Array.isArray(scene) ? scene : [scene];
+      const scroll = new Scroll({
+        viewSource: source,
+        scenes,
+        observeViewportEntry: false,
+        observeViewportResize: false,
+        observeSourcesResize: false,
+        root: document.documentElement
+      });
+      const cleanup = () => {
+        scroll.destroy();
+      };
+      const handlerObj = {
+        source,
+        target,
+        cleanup
+      };
+      addHandlerToMap(scrollManagerMap, source, handlerObj);
+      addHandlerToMap(scrollManagerMap, target, handlerObj);
+      Promise.all(scenes.map(s => s.ready || Promise.resolve())).then(() => {
+        scroll.start();
+      });
+    }
+  }
+}
+function removeViewProgressHandler(element) {
+  removeElementFromHandlerMap(scrollManagerMap, element);
+}
+export default {
+  add: addViewProgressHandler,
+  remove: removeViewProgressHandler
+};
+//# sourceMappingURL=viewProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getWebAnimation","getScrubScene","Scroll","effectToAnimationOptions","addHandlerToMap","removeElementFromHandlerMap","scrollManagerMap","WeakMap","addViewProgressHandler","source","target","effect","__","triggerParams","trigger","element","effectOptions","window","animationGroup","play","scene","scenes","Array","isArray","scroll","viewSource","observeViewportEntry","observeViewportResize","observeSourcesResize","root","document","documentElement","cleanup","destroy","handlerObj","Promise","all","map","s","ready","resolve","then","start","removeViewProgressHandler","add","remove"],"sources":["../../../src/handlers/viewProgress.ts"],"sourcesContent":["import type { ScrubScrollScene } from '@wix/motion';\nimport { getWebAnimation, getScrubScene } from '@wix/motion';\nimport { Scroll } from 'fizban';\nimport type { ViewEnterParams, ScrubEffect, HandlerObjectMap } from '../types';\nimport {\n  effectToAnimationOptions,\n  addHandlerToMap,\n  removeElementFromHandlerMap,\n} from './utilities';\n\nconst scrollManagerMap = new WeakMap() as HandlerObjectMap;\n\nfunction addViewProgressHandler(\n  source: HTMLElement,\n  target: HTMLElement,\n  effect: ScrubEffect,\n  __: ViewEnterParams,\n): void {\n  const triggerParams = {\n    trigger: 'view-progress' as const,\n    element: source,\n  };\n\n  const effectOptions = effectToAnimationOptions(effect);\n\n  if ('ViewTimeline' in window) {\n    // Use ViewTimeline for modern browsers\n    const animationGroup = getWebAnimation(\n      target,\n      effectOptions,\n      triggerParams,\n    );\n\n    if (animationGroup) {\n      (animationGroup as any).play();\n    }\n  } else {\n    const scene = getScrubScene(target, effectOptions, triggerParams);\n\n    if (scene) {\n      const scenes = Array.isArray(scene) ? scene : [scene];\n      const scroll = new Scroll({\n        viewSource: source,\n        scenes,\n        observeViewportEntry: false,\n        observeViewportResize: false,\n        observeSourcesResize: false,\n        root: document.documentElement,\n      });\n\n      const cleanup = () => {\n        scroll.destroy();\n      };\n\n      const handlerObj = { source, target, cleanup };\n\n      addHandlerToMap(scrollManagerMap, source, handlerObj);\n      addHandlerToMap(scrollManagerMap, target, handlerObj);\n\n      Promise.all(\n        (scenes as ScrubScrollScene[]).map((s) => s.ready || Promise.resolve()),\n      ).then(() => {\n        scroll.start();\n      });\n    }\n  }\n}\n\nfunction removeViewProgressHandler(element: HTMLElement): void {\n  removeElementFromHandlerMap(scrollManagerMap, element);\n}\n\nexport default {\n  add: addViewProgressHandler,\n  remove: removeViewProgressHandler,\n};\n"],"mappings":"AACA,SAASA,eAAe,EAAEC,aAAa,QAAQ,aAAa;AAC5D,SAASC,MAAM,QAAQ,QAAQ;AAE/B,SACEC,wBAAwB,EACxBC,eAAe,EACfC,2BAA2B,QACtB,aAAa;AAEpB,MAAMC,gBAAgB,GAAG,IAAIC,OAAO,CAAC,CAAqB;AAE1D,SAASC,sBAAsBA,CAC7BC,MAAmB,EACnBC,MAAmB,EACnBC,MAAmB,EACnBC,EAAmB,EACb;EACN,MAAMC,aAAa,GAAG;IACpBC,OAAO,EAAE,eAAwB;IACjCC,OAAO,EAAEN;EACX,CAAC;EAED,MAAMO,aAAa,GAAGb,wBAAwB,CAACQ,MAAM,CAAC;EAEtD,IAAI,cAAc,IAAIM,MAAM,EAAE;IAC5B;IACA,MAAMC,cAAc,GAAGlB,eAAe,CACpCU,MAAM,EACNM,aAAa,EACbH,aACF,CAAC;IAED,IAAIK,cAAc,EAAE;MACjBA,cAAc,CAASC,IAAI,CAAC,CAAC;IAChC;EACF,CAAC,MAAM;IACL,MAAMC,KAAK,GAAGnB,aAAa,CAACS,MAAM,EAAEM,aAAa,EAAEH,aAAa,CAAC;IAEjE,IAAIO,KAAK,EAAE;MACT,MAAMC,MAAM,GAAGC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,GAAG,CAACA,KAAK,CAAC;MACrD,MAAMI,MAAM,GAAG,IAAItB,MAAM,CAAC;QACxBuB,UAAU,EAAEhB,MAAM;QAClBY,MAAM;QACNK,oBAAoB,EAAE,KAAK;QAC3BC,qBAAqB,EAAE,KAAK;QAC5BC,oBAAoB,EAAE,KAAK;QAC3BC,IAAI,EAAEC,QAAQ,CAACC;MACjB,CAAC,CAAC;MAEF,MAAMC,OAAO,GAAGA,CAAA,KAAM;QACpBR,MAAM,CAACS,OAAO,CAAC,CAAC;MAClB,CAAC;MAED,MAAMC,UAAU,GAAG;QAAEzB,MAAM;QAAEC,MAAM;QAAEsB;MAAQ,CAAC;MAE9C5B,eAAe,CAACE,gBAAgB,EAAEG,MAAM,EAAEyB,UAAU,CAAC;MACrD9B,eAAe,CAACE,gBAAgB,EAAEI,MAAM,EAAEwB,UAAU,CAAC;MAErDC,OAAO,CAACC,GAAG,CACRf,MAAM,CAAwBgB,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,KAAK,IAAIJ,OAAO,CAACK,OAAO,CAAC,CAAC,CACxE,CAAC,CAACC,IAAI,CAAC,MAAM;QACXjB,MAAM,CAACkB,KAAK,CAAC,CAAC;MAChB,CAAC,CAAC;IACJ;EACF;AACF;AAEA,SAASC,yBAAyBA,CAAC5B,OAAoB,EAAQ;EAC7DV,2BAA2B,CAACC,gBAAgB,EAAES,OAAO,CAAC;AACxD;AAEA,eAAe;EACb6B,GAAG,EAAEpC,sBAAsB;EAC3BqC,MAAM,EAAEF;AACV,CAAC","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export { Interact, add, remove } from './interact';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Interact","add","remove"],"sources":["../../src/index.ts"],"sourcesContent":["export { Interact, add, remove } from './interact';\n\nexport * from './types';\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,GAAG,EAAEC,MAAM,QAAQ,YAAY;AAElD,cAAc,SAAS","ignoreList":[]}

package/dist/esm/interact.js

@@ -0,0 +1,303 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _Interact;
+import { getWixInteractElement } from './WixInteractElement';
+import { generateId, createTransitionCSS, getMediaQuery } from './utils';
+import TRIGGER_TO_HANDLER_MODULE_MAP from './handlers';
+function registerWixInteractElement() {
+  if (!customElements.get('wix-interact-element')) {
+    const wixInteractElement = getWixInteractElement();
+    customElements.define('wix-interact-element', wixInteractElement);
+    return true;
+  }
+  return false;
+}
+export class Interact {
+  constructor() {
+    _defineProperty(this, "dataCache", void 0);
+    _defineProperty(this, "addedInteractions", void 0);
+    this.dataCache = {
+      effects: {},
+      conditions: {},
+      interactions: {}
+    };
+    this.addedInteractions = {};
+  }
+  init(config) {
+    if (typeof window === 'undefined' || !window.customElements) {
+      return;
+    }
+    this.dataCache = parseConfig(config);
+    const didRegister = registerWixInteractElement();
+    if (!didRegister) {
+      Interact.elementCache.forEach((element, path) => element.connect(path));
+    }
+  }
+  has(path) {
+    return !!this.dataCache.interactions[path];
+  }
+  clearInteractionStateForPath(path) {
+    var _this$dataCache$inter;
+    const interactionIds = ((_this$dataCache$inter = this.dataCache.interactions[path]) == null ? void 0 : _this$dataCache$inter.interactionIds) || [];
+    interactionIds.forEach(interactionId => {
+      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+      delete this.addedInteractions[interactionId];
+    });
+  }
+  static create(config) {
+    const instance = new Interact();
+    Interact.instances.push(instance);
+    instance.init(config);
+    return instance;
+  }
+  static getInstance(path) {
+    return Interact.instances.find(instance => instance.has(path));
+  }
+  static getElement(path) {
+    return Interact.elementCache.get(path);
+  }
+  static setElement(path, element) {
+    Interact.elementCache.set(path, element);
+  }
+}
+_Interact = Interact;
+_defineProperty(Interact, "instances", []);
+_defineProperty(Interact, "elementCache", new Map());
+let interactionIdCounter = 0;
+
+/**
+ * Parses the config object and caches interactions, effects, and conditions
+ */
+function parseConfig(config) {
+  var _config$interactions;
+  const conditions = config.conditions || {};
+  const interactions = {};
+  (_config$interactions = config.interactions) == null || _config$interactions.forEach(interaction => {
+    var _interaction$effects, _interaction$effects2;
+    const source = interaction.source;
+    const interactionIdx = ++interactionIdCounter;
+    if (!source) {
+      console.error(`Interaction ${interactionIdx} is missing a source element.`);
+      return;
+    }
+    if (!interactions[source]) {
+      interactions[source] = {
+        triggers: [],
+        effects: {},
+        interactionIds: new Set()
+      };
+    }
+
+    /*
+     * Cache interaction trigger by source element
+     */
+    (_interaction$effects = interaction.effects) == null || _interaction$effects.reverse(); // reverse to ensure the first effect is the one that will be applied first
+
+    interactions[source].triggers.push(interaction);
+    (_interaction$effects2 = interaction.effects) == null || _interaction$effects2.forEach(effect => {
+      /*
+       * Target cascade order is the first of:
+       *  -> Config.interactions.effects.effect.target
+       *  -> Config.effects.effect.target
+       *  -> Config.interactions.interaction.source
+       */
+      let target = effect.target;
+      if (!target && effect.effectId) {
+        const referencedEffect = config.effects[effect.effectId];
+        if (referencedEffect) {
+          target = referencedEffect.target;
+        }
+      }
+      if (!effect.effectId) {
+        effect.effectId = generateId();
+      }
+
+      // if no target is specified, use the source element as the target
+      target = target || source;
+      effect.target = target;
+      const effectId = effect.effectId;
+      const interactionId = `${target}::${effectId}::${interactionIdx}`;
+      effect.interactionId = interactionId;
+      interactions[source].interactionIds.add(interactionId);
+      if (target === source) {
+        // if target is the source element, no need to add an interaction to `effects`
+        return;
+      }
+
+      /*
+       * Cache interaction effect by target element
+       */
+      if (!interactions[target]) {
+        interactions[target] = {
+          triggers: [],
+          effects: {
+            [interactionId]: []
+          },
+          interactionIds: new Set()
+        };
+      } else if (!interactions[target].effects[interactionId]) {
+        interactions[target].effects[interactionId] = [];
+        interactions[target].interactionIds.add(interactionId);
+      }
+      const {
+        effects,
+        ...rest
+      } = interaction;
+      interactions[target].effects[interactionId].push({
+        ...rest,
+        effect
+      });
+    });
+  });
+  return {
+    effects: config.effects || {},
+    conditions,
+    interactions
+  };
+}
+function _addInteraction(instance, interaction, sourceElement) {
+  const interactionVariations = {};
+  interaction.effects.forEach(effect => {
+    const effectId = effect.effectId;
+    const interactionId = effect.interactionId;
+    if (interactionVariations[interactionId]) {
+      // Skip this effect if it has already been added
+      return;
+    }
+    const effectOptions = {
+      ...(instance.dataCache.effects[effectId] || {}),
+      ...effect,
+      effectId
+    };
+    if (effectId === 'logo-arc-in') {
+      console.log(effect);
+    }
+    if (instance.addedInteractions[effectOptions.interactionId]) {
+      // Skip this interaction if it has already been added
+      return;
+    }
+
+    // TODO: implement watching for condition `change` events and add/remove interactions accordingly
+    const mql = getMediaQuery(effectOptions.conditions || [], instance.dataCache.conditions);
+    if (!mql || mql.matches) {
+      var _instance$dataCache$e, _Interact$getElement;
+      interactionVariations[effect.interactionId] = true;
+      const target = effect.target || effectId && ((_instance$dataCache$e = instance.dataCache.effects[effect.effectId]) == null ? void 0 : _instance$dataCache$e.target) || interaction.source;
+      const targetElement = (_Interact$getElement = Interact.getElement(target)) == null ? void 0 : _Interact$getElement.firstElementChild;
+      if (!targetElement) {
+        // Bail out :: no target element in cache
+        return;
+      }
+      instance.addedInteractions[effectOptions.interactionId] = true;
+      addInteraction(target, sourceElement, interaction.trigger, targetElement, effectOptions, interaction.params);
+    }
+  });
+}
+
+/**
+ * Adds all events and effects to an element based on config
+ */
+export function add(element, path) {
+  const instance = Interact.getInstance(path);
+  const {
+    triggers = []
+  } = (instance == null ? void 0 : instance.dataCache.interactions[path]) || {};
+  const hasTriggers = triggers.length > 0;
+
+  // even if we don't find a matching instance, we still want to cache the element
+  Interact.setElement(path, element);
+  const triggerSourceElement = element.firstElementChild;
+  triggers.forEach(interaction => {
+    const mql = getMediaQuery(interaction.conditions, instance.dataCache.conditions);
+
+    // TODO: implement watching for condition `change` events and add/remove interactions accordingly
+    if (!mql || mql.matches) {
+      _addInteraction(instance, interaction, triggerSourceElement);
+    }
+  });
+  let hasEffects = false;
+  if (instance) {
+    hasEffects = addEffectsForTarget(path, element, instance);
+  }
+  return hasTriggers || hasEffects;
+}
+function addEffectsForTarget(path, element, instance) {
+  var _instance$dataCache$i;
+  const effects = ((_instance$dataCache$i = instance.dataCache.interactions[path]) == null ? void 0 : _instance$dataCache$i.effects) || {};
+  const interactionIds = Object.keys(effects);
+  interactionIds.forEach(interactionId => {
+    if (instance.addedInteractions[interactionId]) {
+      // Skip this interaction if it has already been added
+      return;
+    }
+    const effectVariations = effects[interactionId];
+
+    // use `some` to short-circuit after the first effect that matches the conditions
+    // eslint-disable-next-line array-callback-return
+    effectVariations.some(_ref => {
+      let {
+        effect,
+        ...options
+      } = _ref;
+      const effectId = effect.effectId;
+      const effectOptions = {
+        ...(instance.dataCache.effects[effectId] || {}),
+        ...effect,
+        effectId
+      };
+
+      // TODO: implement watching for condition `change` events and add/remove interactions accordingly
+      const mql = getMediaQuery(effectOptions.conditions || [], instance.dataCache.conditions);
+      if (!mql || mql.matches) {
+        var _Interact$getElement2;
+        const targetElement = element.firstElementChild;
+        const sourceElement = (_Interact$getElement2 = Interact.getElement(options.source)) == null ? void 0 : _Interact$getElement2.firstElementChild;
+        if (!sourceElement) {
+          // Bail out :: no source or target elements in cache
+          return true;
+        }
+        instance.addedInteractions[interactionId] = true;
+        addInteraction(path, sourceElement, options.trigger, targetElement, effectOptions, options.params);
+
+        // short-circuit the loop since we have a match
+        return true;
+      }
+    });
+  });
+  return interactionIds.length > 0;
+}
+
+/**
+ * Registers a handler to an event on a given element.
+ */
+function addInteraction(path, source, trigger, target, effect, options) {
+  var _TRIGGER_TO_HANDLER_M;
+  if (effect.transition || effect.transitionProperties) {
+    const args = {
+      path,
+      effectId: effect.effectId,
+      transition: effect.transition,
+      properties: effect.transitionProperties
+    };
+    if (target.id) {
+      // temporarily allow using the target's id as the element selector to override default styles in cases ids are used
+      args.childSelector = `#${target.id}`;
+    }
+    target.parentElement.renderStyle(createTransitionCSS(args));
+  }
+  (_TRIGGER_TO_HANDLER_M = TRIGGER_TO_HANDLER_MODULE_MAP[trigger]) == null || _TRIGGER_TO_HANDLER_M.add(source, target, effect, options);
+}
+
+/**
+ * Removes all events and effects from an element based on config
+ */
+export function remove(path) {
+  var _Interact$getElement3, _Interact$getInstance;
+  const element = (_Interact$getElement3 = Interact.getElement(path)) == null ? void 0 : _Interact$getElement3.firstElementChild;
+  if (!element) {
+    return;
+  }
+  Object.values(TRIGGER_TO_HANDLER_MODULE_MAP).forEach(module => module.remove(element));
+  (_Interact$getInstance = Interact.getInstance(path)) == null || _Interact$getInstance.clearInteractionStateForPath(path);
+  Interact.elementCache.delete(path);
+}
+//# sourceMappingURL=interact.js.map

package/dist/esm/interact.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getWixInteractElement","generateId","createTransitionCSS","getMediaQuery","TRIGGER_TO_HANDLER_MODULE_MAP","registerWixInteractElement","customElements","get","wixInteractElement","define","Interact","constructor","_defineProperty","dataCache","effects","conditions","interactions","addedInteractions","init","config","window","parseConfig","didRegister","elementCache","forEach","element","path","connect","has","clearInteractionStateForPath","_this$dataCache$inter","interactionIds","interactionId","create","instance","instances","push","getInstance","find","getElement","setElement","set","_Interact","Map","interactionIdCounter","_config$interactions","interaction","_interaction$effects","_interaction$effects2","source","interactionIdx","console","error","triggers","Set","reverse","effect","target","effectId","referencedEffect","add","rest","_addInteraction","sourceElement","interactionVariations","effectOptions","log","mql","matches","_instance$dataCache$e","_Interact$getElement","targetElement","firstElementChild","addInteraction","trigger","params","hasTriggers","length","triggerSourceElement","hasEffects","addEffectsForTarget","_instance$dataCache$i","Object","keys","effectVariations","some","_ref","options","_Interact$getElement2","_TRIGGER_TO_HANDLER_M","transition","transitionProperties","args","properties","id","childSelector","parentElement","renderStyle","remove","_Interact$getElement3","_Interact$getInstance","values","module","delete"],"sources":["../../src/interact.ts"],"sourcesContent":["import type {\n  InteractConfig,\n  Effect,\n  TriggerType,\n  InteractCache,\n  EffectRef,\n  InteractionParamsTypes,\n  TransitionEffect,\n  IWixInteractElement,\n  Interaction,\n  CreateTransitionCSSParams,\n} from './types';\nimport { getWixInteractElement } from './WixInteractElement';\nimport { generateId, createTransitionCSS, getMediaQuery } from './utils';\nimport TRIGGER_TO_HANDLER_MODULE_MAP from './handlers';\n\nfunction registerWixInteractElement() {\n  if (!customElements.get('wix-interact-element')) {\n    const wixInteractElement = getWixInteractElement();\n    customElements.define('wix-interact-element', wixInteractElement);\n\n    return true;\n  }\n\n  return false;\n}\n\nexport class Interact {\n  dataCache: InteractCache;\n  addedInteractions: { [interactionId: string]: boolean };\n  static instances: Interact[] = [];\n  static elementCache = new Map<string, IWixInteractElement>();\n\n  constructor() {\n    this.dataCache = { effects: {}, conditions: {}, interactions: {} };\n    this.addedInteractions = {};\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 = registerWixInteractElement();\n\n    if (!didRegister) {\n      Interact.elementCache.forEach((element: IWixInteractElement, path) =>\n        element.connect(path),\n      );\n    }\n  }\n\n  has(path: string): boolean {\n    return !!this.dataCache.interactions[path];\n  }\n\n  clearInteractionStateForPath(path: string): void {\n    const interactionIds =\n      this.dataCache.interactions[path]?.interactionIds || [];\n\n    interactionIds.forEach((interactionId) => {\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 getInstance(path: string): Interact | undefined {\n    return Interact.instances.find((instance) => instance.has(path));\n  }\n\n  static getElement(path: string): IWixInteractElement | undefined {\n    return Interact.elementCache.get(path);\n  }\n\n  static setElement(path: string, element: IWixInteractElement): void {\n    Interact.elementCache.set(path, element);\n  }\n}\n\nlet interactionIdCounter = 0;\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.source;\n    const interactionIdx = ++interactionIdCounter;\n\n    if (!source) {\n      console.error(\n        `Interaction ${interactionIdx} is missing a source element.`,\n      );\n      return;\n    }\n\n    if (!interactions[source]) {\n      interactions[source] = {\n        triggers: [],\n        effects: {},\n        interactionIds: new Set(),\n      };\n    }\n\n    /*\n     * Cache interaction trigger by source element\n     */\n    interaction.effects?.reverse(); // reverse to ensure the first effect is the one that will be applied first\n\n    interactions[source].triggers.push(interaction);\n\n    interaction.effects?.forEach((effect) => {\n      /*\n       * Target cascade order is the first of:\n       *  -> Config.interactions.effects.effect.target\n       *  -> Config.effects.effect.target\n       *  -> Config.interactions.interaction.source\n       */\n      let target = effect.target;\n\n      if (!target && (effect as EffectRef).effectId) {\n        const referencedEffect = config.effects[(effect as EffectRef).effectId];\n\n        if (referencedEffect) {\n          target = referencedEffect.target;\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.target = target;\n      const effectId = (effect as EffectRef).effectId;\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        };\n      } else if (!interactions[target].effects[interactionId]) {\n        interactions[target].effects[interactionId] = [];\n        interactions[target].interactionIds.add(interactionId);\n      }\n\n      const { effects, ...rest } = interaction;\n\n      interactions[target].effects[interactionId].push({ ...rest, effect });\n    });\n  });\n\n  return {\n    effects: config.effects || {},\n    conditions,\n    interactions,\n  };\n}\n\nfunction _addInteraction(\n  instance: Interact,\n  interaction: Interaction,\n  sourceElement: 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    if (effectId === 'logo-arc-in') {\n      console.log(effect);\n    }\n\n    if (instance.addedInteractions[effectOptions.interactionId!]) {\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 =\n        effect.target ||\n        (effectId &&\n          instance.dataCache.effects[(effect as EffectRef).effectId]?.target) ||\n        interaction.source;\n\n      const targetElement = Interact.getElement(target)\n        ?.firstElementChild as HTMLElement;\n\n      if (!targetElement) {\n        // Bail out :: no target element in cache\n        return;\n      }\n\n      instance.addedInteractions[effectOptions.interactionId!] = true;\n\n      addInteraction(\n        target,\n        sourceElement,\n        interaction.trigger,\n        targetElement,\n        effectOptions as Effect,\n        interaction.params!,\n      );\n    }\n  });\n}\n\n/**\n * Adds all events and effects to an element based on config\n */\nexport function add(element: IWixInteractElement, path: string): boolean {\n  const instance = Interact.getInstance(path);\n\n  const { triggers = [] } = instance?.dataCache.interactions[path] || {};\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(path, element);\n\n  const triggerSourceElement = element.firstElementChild as HTMLElement;\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      _addInteraction(instance!, interaction, triggerSourceElement);\n    }\n  });\n\n  let hasEffects = false;\n  if (instance) {\n    hasEffects = addEffectsForTarget(path, element, instance);\n  }\n\n  return hasTriggers || hasEffects;\n}\n\nfunction addEffectsForTarget(\n  path: string,\n  element: IWixInteractElement,\n  instance: Interact,\n) {\n  const effects = instance.dataCache.interactions[path]?.effects || {};\n  const interactionIds = Object.keys(effects);\n\n  interactionIds.forEach((interactionId) => {\n    if (instance.addedInteractions[interactionId]) {\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, ...options }) => {\n      const effectId = (effect as EffectRef).effectId;\n\n      const effectOptions = {\n        ...(instance!.dataCache.effects[effectId] || {}),\n        ...effect,\n        effectId,\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 targetElement = element.firstElementChild as HTMLElement;\n        const sourceElement = Interact.getElement(options.source)\n          ?.firstElementChild as HTMLElement;\n\n        if (!sourceElement) {\n          // Bail out :: no source or target elements in cache\n          return true;\n        }\n\n        instance!.addedInteractions[interactionId] = true;\n\n        addInteraction(\n          path,\n          sourceElement,\n          options.trigger,\n          targetElement,\n          effectOptions as Effect,\n          options.params!,\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  path: 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      path,\n      effectId: (effect as Effect & { effectId: string }).effectId!,\n      transition: (effect as TransitionEffect).transition,\n      properties: (effect as TransitionEffect).transitionProperties,\n    };\n\n    if (target.id) {\n      // temporarily allow using the target's id as the element selector to override default styles in cases ids are used\n      args.childSelector = `#${target.id}`;\n    }\n\n    (target.parentElement as IWixInteractElement).renderStyle(\n      createTransitionCSS(args),\n    );\n  }\n\n  TRIGGER_TO_HANDLER_MODULE_MAP[trigger]?.add(source, target, effect, options);\n}\n\n/**\n * Removes all events and effects from an element based on config\n */\nexport function remove(path: string): void {\n  const element = Interact.getElement(path)?.firstElementChild as HTMLElement;\n\n  if (!element) {\n    return;\n  }\n\n  Object.values(TRIGGER_TO_HANDLER_MODULE_MAP).forEach((module) =>\n    module.remove(element),\n  );\n\n  Interact.getInstance(path)?.clearInteractionStateForPath(path);\n  Interact.elementCache.delete(path);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/test-types.d.js

@@ -0,0 +1,2 @@
+/// <reference types="@wix/jest-yoshi-preset/types" />
+//# sourceMappingURL=test-types.d.js.map

package/dist/esm/test-types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/test-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/jest-yoshi-preset/types\" />\n"],"mappings":"AAAA","ignoreList":[]}

package/dist/esm/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/types.ts"],"sourcesContent":["import type {\n  NamedEffect,\n  MotionKeyframeEffect,\n  CustomEffect,\n  RangeOffset,\n  ScrubTransitionEasing,\n  MotionAnimationOptions,\n} from '@wix/motion';\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'wix-interact-element': React.DetailedHTMLProps<\n        React.HTMLAttributes<HTMLElement>,\n        HTMLElement\n      > & {\n        'data-wix-path'?: string;\n      };\n    }\n  }\n}\n\nexport type TriggerType =\n  | 'hover'\n  | 'click'\n  | 'viewEnter'\n  | 'pageVisible'\n  | 'animationEnd'\n  | 'viewProgress'\n  | 'pointerMove';\n\nexport type ViewEnterType = 'once' | 'repeat' | 'alternate';\n\nexport type TransitionMethod = 'add' | 'remove' | 'toggle' | 'clear';\n\nexport type StateParams = {\n  method: TransitionMethod;\n};\n\nexport type PointerTriggerParams = {\n  type?: ViewEnterType | 'state';\n};\n\nexport type ViewEnterParams = {\n  type?: ViewEnterType;\n  threshold?: number;\n  inset?: string;\n};\n\nexport type PointerMoveParams = {\n  hitArea?: 'root' | 'self';\n};\n\nexport type AnimationEndParams = {\n  effectId: string;\n};\n\nexport type TriggerParams =\n  | StateParams\n  | PointerTriggerParams\n  | ViewEnterParams\n  | PointerMoveParams\n  | AnimationEndParams;\n\ntype Fill = 'none' | 'forwards' | 'backwards' | 'both';\n\ntype EffectEffectProperty =\n  | {\n      keyframeEffect: MotionKeyframeEffect;\n    }\n  | {\n      namedEffect: NamedEffect;\n    }\n  | {\n      customEffect: CustomEffect;\n    };\n\nexport type TimeEffect = {\n  target?: string;\n  duration: number;\n  easing?: string;\n  iterations?: number;\n  alternate?: boolean;\n  fill?: Fill;\n  reversed?: boolean;\n  delay?: number;\n  effectId?: string;\n} & EffectEffectProperty;\n\nexport type ScrubEffect = {\n  target?: string;\n  easing?: string;\n  iterations?: number;\n  alternate?: boolean;\n  fill?: Fill;\n  reversed?: boolean;\n  rangeStart?: RangeOffset;\n  rangeEnd?: RangeOffset;\n  centeredToTarget?: boolean;\n  transitionDuration?: number;\n  transitionDelay?: number;\n  transitionEasing?: ScrubTransitionEasing;\n} & EffectEffectProperty;\n\nexport type TransitionOptions = {\n  duration?: number;\n  delay?: number;\n  easing?: string;\n};\n\nexport type StyleProperty = {\n  name: string;\n  value: string;\n};\n\nexport type TransitionProperty = StyleProperty & TransitionOptions;\n\nexport type TransitionEffect = {\n  target?: string;\n  effectId?: string;\n} & {\n  transition?: TransitionOptions & {\n    styleProperties: StyleProperty[];\n  };\n  transitionProperties?: TransitionProperty[];\n};\n\nexport type EffectRef = {\n  target?: string;\n  effectId: string;\n  conditions?: string[];\n};\n\nexport type Effect = (TimeEffect | ScrubEffect | TransitionEffect) & {\n  conditions?: string[];\n};\n\nexport type Condition = {\n  type: 'media' | 'container';\n  predicate?: string;\n};\n\ntype InteractionTrigger = {\n  source: string;\n  trigger: TriggerType;\n  params?: TriggerParams;\n  conditions?: string[];\n};\n\nexport type Interaction = InteractionTrigger & {\n  effects: ((Effect | EffectRef) & { interactionId?: string })[];\n};\n\nexport type InteractConfig = {\n  effects: Record<string, Effect>;\n  conditions?: Record<string, Condition>;\n  interactions: Interaction[];\n};\n\nexport type AnimationOptions<T extends 'time' | 'scrub'> =\n  MotionAnimationOptions<T> & EffectEffectProperty;\n\n/// ////////////////////////////////////////////////////////\n/// ////////////////////////////////////////////////////////\n/// ////////////////////////////////////////////////////////\n\nexport interface IWixInteractElement extends HTMLElement {\n  _internals: (ElementInternals & { states: Set<string> }) | null;\n  connected: boolean;\n  sheet: CSSStyleSheet | null;\n  connectedCallback(): void;\n  disconnectedCallback(): void;\n  connect(path?: string): void;\n  renderStyle(cssText: string): void;\n  toggleEffect(effectId: string, method: StateParams['method']): void;\n}\n\nexport type InteractionParamsTypes = {\n  hover: StateParams | PointerTriggerParams;\n  click: StateParams | PointerTriggerParams;\n  viewEnter: ViewEnterParams;\n  pageVisible: ViewEnterParams;\n  animationEnd: AnimationEndParams;\n  viewProgress: ViewEnterParams;\n  pointerMove: PointerMoveParams;\n};\n\nexport type InteractionHandlerModule<T extends TriggerType> = {\n  add: (\n    source: HTMLElement,\n    target: HTMLElement,\n    effect: Effect,\n    options: InteractionParamsTypes[T],\n  ) => void;\n  remove: (element: HTMLElement) => void;\n};\n\nexport type TriggerHandlerMap<T extends TriggerType> = {\n  [K in T]: InteractionHandlerModule<K>;\n};\n\nexport type HandlerObject = {\n  source: HTMLElement;\n  target: HTMLElement;\n  cleanup: () => void;\n  handler?: () => void;\n};\n\nexport type HandlerObjectMap = WeakMap<HTMLElement, Set<HandlerObject>>;\n\nexport type InteractCache = {\n  effects: {\n    [effectId: string]: Effect;\n  };\n  conditions: {\n    [conditionId: string]: Condition;\n  };\n  interactions: {\n    [path: string]: {\n      triggers: Interaction[];\n      effects: Record<\n        string,\n        (InteractionTrigger & { effect: Effect | EffectRef })[]\n      >;\n      interactionIds: Set<string>;\n    };\n  };\n};\n\nexport type CreateTransitionCSSParams = {\n  path: string;\n  effectId: string;\n  transition?: TransitionEffect['transition'];\n  properties?: TransitionProperty[];\n  childSelector?: string;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/esm/utils.js

@@ -0,0 +1,61 @@
+import { getEasing } from '@wix/motion';
+export function generateId() {
+  return 'wi-12343210'.replace(/\d/g, c => String.fromCharCode((+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4) + 97) // 97 for "a"
+  );
+}
+export function createTransitionCSS(_ref) {
+  var _properties2;
+  let {
+    path,
+    effectId,
+    transition,
+    properties,
+    childSelector = ':first-child'
+  } = _ref;
+  let transitions = [];
+  if (transition != null && transition.styleProperties) {
+    const {
+      duration,
+      easing,
+      delay
+    } = transition;
+    if (duration) {
+      const hasCustomPropertiesTransition = transition.styleProperties.some(styleProperty => styleProperty.name.startsWith('--'));
+      if (hasCustomPropertiesTransition) {
+        // If there are custom properties in the transition, we need to fall back to Viewer's legacy implementation
+        transitions = [`all ${duration}ms ${getEasing(easing || 'ease')}${delay ? ` ${delay}ms` : ''}`, 'visibility 0s'];
+      } else {
+        transitions = transition.styleProperties.map(styleProperty => `${styleProperty.name} ${duration}ms ${getEasing(easing || 'ease')}${delay ? ` ${delay}ms` : ''}`);
+      }
+    }
+    properties = transition.styleProperties;
+  } else {
+    var _properties;
+    transitions = ((_properties = properties) == null ? void 0 : _properties.filter(property => property.duration).map(property => `${property.name} ${property.duration}ms ${getEasing(property.easing) || 'ease'}${property.delay ? ` ${property.delay}ms` : ''}`)) || [];
+  }
+  const styleProperties = ((_properties2 = properties) == null ? void 0 : _properties2.map(property => `${property.name}: ${property.value};`)) || [];
+  const escapedPath = path.replace(/"/g, "'");
+  return `
+    ${transitions.length ? `[data-wix-path="${escapedPath}"] > ${childSelector} {
+      transition: ${transitions.join(', ')};
+    }` : ''}
+    :is(:state(${effectId}), :--${effectId}) > ${childSelector},
+    [data-wix-interact-effect~="${effectId}"] > ${childSelector} {
+      ${styleProperties.join(`
+      `)}
+    }`;
+}
+export function getMediaQuery(conditionNames, conditions) {
+  const conditionContent = (conditionNames || []).filter(conditionName => {
+    var _conditions$condition;
+    return ((_conditions$condition = conditions[conditionName]) == null ? void 0 : _conditions$condition.type) === 'media' && conditions[conditionName].predicate;
+  }).map(conditionName => {
+    return conditions[conditionName].predicate;
+  }).join(') and (');
+  const condition = conditionContent && `(${conditionContent})`;
+  const mql = condition && window.matchMedia(condition);
+  if (mql) {
+    return mql;
+  }
+}
+//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getEasing","generateId","replace","c","String","fromCharCode","crypto","getRandomValues","Uint8Array","createTransitionCSS","_ref","_properties2","path","effectId","transition","properties","childSelector","transitions","styleProperties","duration","easing","delay","hasCustomPropertiesTransition","some","styleProperty","name","startsWith","map","_properties","filter","property","value","escapedPath","length","join","getMediaQuery","conditionNames","conditions","conditionContent","conditionName","_conditions$condition","type","predicate","condition","mql","window","matchMedia"],"sources":["../../src/utils.ts"],"sourcesContent":["import { getEasing } from '@wix/motion';\nimport type { Condition, CreateTransitionCSSParams } from './types';\n\nexport function generateId() {\n  return 'wi-12343210'.replace(\n    /\\d/g,\n    (c) =>\n      String.fromCharCode(\n        (+c ^\n          (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))) +\n          97,\n      ), // 97 for \"a\"\n  );\n}\n\nexport function createTransitionCSS({\n  path,\n  effectId,\n  transition,\n  properties,\n  childSelector = ':first-child',\n}: CreateTransitionCSSParams): string {\n  let transitions: string[] = [];\n\n  if (transition?.styleProperties) {\n    const { duration, easing, delay } = transition;\n\n    if (duration) {\n      const hasCustomPropertiesTransition = transition.styleProperties.some(\n        (styleProperty) => styleProperty.name.startsWith('--'),\n      );\n\n      if (hasCustomPropertiesTransition) {\n        // If there are custom properties in the transition, we need to fall back to Viewer's legacy implementation\n        transitions = [\n          `all ${duration}ms ${getEasing(easing || 'ease')}${\n            delay ? ` ${delay}ms` : ''\n          }`,\n          'visibility 0s',\n        ];\n      } else {\n        transitions = transition.styleProperties.map(\n          (styleProperty) =>\n            `${styleProperty.name} ${duration}ms ${getEasing(\n              easing || 'ease',\n            )}${delay ? ` ${delay}ms` : ''}`,\n        );\n      }\n    }\n\n    properties = transition.styleProperties;\n  } else {\n    transitions =\n      properties\n        ?.filter((property) => property.duration)\n        .map(\n          (property) =>\n            `${property.name} ${property.duration}ms ${\n              getEasing(property.easing) || 'ease'\n            }${property.delay ? ` ${property.delay}ms` : ''}`,\n        ) || [];\n  }\n\n  const styleProperties =\n    properties?.map((property) => `${property.name}: ${property.value};`) || [];\n  const escapedPath = path.replace(/\"/g, \"'\");\n\n  return `\n    ${\n      transitions.length\n        ? `[data-wix-path=\"${escapedPath}\"] > ${childSelector} {\n      transition: ${transitions.join(', ')};\n    }`\n        : ''\n    }\n    :is(:state(${effectId}), :--${effectId}) > ${childSelector},\n    [data-wix-interact-effect~=\"${effectId}\"] > ${childSelector} {\n      ${styleProperties.join(`\n      `)}\n    }`;\n}\n\nexport function getMediaQuery(\n  conditionNames: string[] | undefined,\n  conditions: Record<string, Condition>,\n) {\n  const conditionContent = (conditionNames || [])\n    .filter((conditionName) => {\n      return (\n        conditions[conditionName]?.type === 'media' &&\n        conditions[conditionName].predicate\n      );\n    })\n    .map((conditionName) => {\n      return conditions[conditionName].predicate;\n    })\n    .join(') and (');\n\n  const condition = conditionContent && `(${conditionContent})`;\n  const mql = condition && window.matchMedia(condition);\n\n  if (mql) {\n    return mql;\n  }\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,aAAa;AAGvC,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,OAAO,aAAa,CAACC,OAAO,CAC1B,KAAK,EACJC,CAAC,IACAC,MAAM,CAACC,YAAY,CACjB,CAAC,CAACF,CAAC,GACAG,MAAM,CAACC,eAAe,CAAC,IAAIC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAI,EAAE,IAAK,CAACL,CAAC,GAAG,CAAI,IACjE,EACJ,CAAC,CAAE;EACP,CAAC;AACH;AAEA,OAAO,SAASM,mBAAmBA,CAAAC,IAAA,EAMG;EAAA,IAAAC,YAAA;EAAA,IANF;IAClCC,IAAI;IACJC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVC,aAAa,GAAG;EACS,CAAC,GAAAN,IAAA;EAC1B,IAAIO,WAAqB,GAAG,EAAE;EAE9B,IAAIH,UAAU,YAAVA,UAAU,CAAEI,eAAe,EAAE;IAC/B,MAAM;MAAEC,QAAQ;MAAEC,MAAM;MAAEC;IAAM,CAAC,GAAGP,UAAU;IAE9C,IAAIK,QAAQ,EAAE;MACZ,MAAMG,6BAA6B,GAAGR,UAAU,CAACI,eAAe,CAACK,IAAI,CAClEC,aAAa,IAAKA,aAAa,CAACC,IAAI,CAACC,UAAU,CAAC,IAAI,CACvD,CAAC;MAED,IAAIJ,6BAA6B,EAAE;QACjC;QACAL,WAAW,GAAG,CACZ,OAAOE,QAAQ,MAAMnB,SAAS,CAACoB,MAAM,IAAI,MAAM,CAAC,GAC9CC,KAAK,GAAG,IAAIA,KAAK,IAAI,GAAG,EAAE,EAC1B,EACF,eAAe,CAChB;MACH,CAAC,MAAM;QACLJ,WAAW,GAAGH,UAAU,CAACI,eAAe,CAACS,GAAG,CACzCH,aAAa,IACZ,GAAGA,aAAa,CAACC,IAAI,IAAIN,QAAQ,MAAMnB,SAAS,CAC9CoB,MAAM,IAAI,MACZ,CAAC,GAAGC,KAAK,GAAG,IAAIA,KAAK,IAAI,GAAG,EAAE,EAClC,CAAC;MACH;IACF;IAEAN,UAAU,GAAGD,UAAU,CAACI,eAAe;EACzC,CAAC,MAAM;IAAA,IAAAU,WAAA;IACLX,WAAW,GACT,EAAAW,WAAA,GAAAb,UAAU,qBAAVa,WAAA,CACIC,MAAM,CAAEC,QAAQ,IAAKA,QAAQ,CAACX,QAAQ,CAAC,CACxCQ,GAAG,CACDG,QAAQ,IACP,GAAGA,QAAQ,CAACL,IAAI,IAAIK,QAAQ,CAACX,QAAQ,MACnCnB,SAAS,CAAC8B,QAAQ,CAACV,MAAM,CAAC,IAAI,MAAM,GACnCU,QAAQ,CAACT,KAAK,GAAG,IAAIS,QAAQ,CAACT,KAAK,IAAI,GAAG,EAAE,EACnD,CAAC,KAAI,EAAE;EACb;EAEA,MAAMH,eAAe,GACnB,EAAAP,YAAA,GAAAI,UAAU,qBAAVJ,YAAA,CAAYgB,GAAG,CAAEG,QAAQ,IAAK,GAAGA,QAAQ,CAACL,IAAI,KAAKK,QAAQ,CAACC,KAAK,GAAG,CAAC,KAAI,EAAE;EAC7E,MAAMC,WAAW,GAAGpB,IAAI,CAACV,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;EAE3C,OAAO;AACT,MACMe,WAAW,CAACgB,MAAM,GACd,mBAAmBD,WAAW,QAAQhB,aAAa;AAC7D,oBAAoBC,WAAW,CAACiB,IAAI,CAAC,IAAI,CAAC;AAC1C,MAAM,GACI,EAAE;AACZ,iBACiBrB,QAAQ,SAASA,QAAQ,OAAOG,aAAa;AAC9D,kCAAkCH,QAAQ,QAAQG,aAAa;AAC/D,QAAQE,eAAe,CAACgB,IAAI,CAAC;AAC7B,OAAO,CAAC;AACR,MAAM;AACN;AAEA,OAAO,SAASC,aAAaA,CAC3BC,cAAoC,EACpCC,UAAqC,EACrC;EACA,MAAMC,gBAAgB,GAAG,CAACF,cAAc,IAAI,EAAE,EAC3CP,MAAM,CAAEU,aAAa,IAAK;IAAA,IAAAC,qBAAA;IACzB,OACE,EAAAA,qBAAA,GAAAH,UAAU,CAACE,aAAa,CAAC,qBAAzBC,qBAAA,CAA2BC,IAAI,MAAK,OAAO,IAC3CJ,UAAU,CAACE,aAAa,CAAC,CAACG,SAAS;EAEvC,CAAC,CAAC,CACDf,GAAG,CAAEY,aAAa,IAAK;IACtB,OAAOF,UAAU,CAACE,aAAa,CAAC,CAACG,SAAS;EAC5C,CAAC,CAAC,CACDR,IAAI,CAAC,SAAS,CAAC;EAElB,MAAMS,SAAS,GAAGL,gBAAgB,IAAI,IAAIA,gBAAgB,GAAG;EAC7D,MAAMM,GAAG,GAAGD,SAAS,IAAIE,MAAM,CAACC,UAAU,CAACH,SAAS,CAAC;EAErD,IAAIC,GAAG,EAAE;IACP,OAAOA,GAAG;EACZ;AACF","ignoreList":[]}