@wix/interact 1.66.0

package/dist/cjs/handlers/viewEnter.js

@@ -0,0 +1,69 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _motion = require("@wix/motion");
+var _utilities = require("./utilities");
+const observers = {};
+const handlerMap = new WeakMap();
+function getObserver(options) {
+  const key = JSON.stringify(options);
+  if (observers[key]) {
+    return observers[key];
+  }
+  const observer = new IntersectionObserver(entries => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        const handlers = handlerMap.get(entry.target);
+        handlers == null || handlers.forEach(({
+          source,
+          handler
+        }) => {
+          if (source === entry.target) {
+            handler();
+          }
+        });
+        if (options.type === 'once') {
+          observer.unobserve(entry.target);
+        }
+      }
+    });
+  }, {
+    root: null,
+    rootMargin: options.inset ? `${options.inset} 0px ${options.inset}` : '0px',
+    threshold: options.threshold
+  });
+  observers[key] = observer;
+  return observer;
+}
+function addViewEnterHandler(source, target, effect, options = {}) {
+  const observer = getObserver(options);
+  const animation = (0, _motion.getWebAnimation)(target, (0, _utilities.effectToAnimationOptions)(effect));
+  const handler = () => {
+    animation.play(() => {
+      // hack this here until we solve initial state properly
+      target.dataset.motionEnter = 'done';
+    });
+  };
+  const cleanup = () => {
+    observer.unobserve(source);
+    animation.cancel();
+  };
+  const handlerObj = {
+    source,
+    target,
+    handler,
+    cleanup
+  };
+  (0, _utilities.addHandlerToMap)(handlerMap, source, handlerObj);
+  (0, _utilities.addHandlerToMap)(handlerMap, target, handlerObj);
+  observer.observe(source);
+}
+function removeViewEnterHandler(element) {
+  (0, _utilities.removeElementFromHandlerMap)(handlerMap, element);
+}
+var _default = exports.default = {
+  add: addViewEnterHandler,
+  remove: removeViewEnterHandler
+};
+//# sourceMappingURL=viewEnter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_motion","require","_utilities","observers","handlerMap","WeakMap","getObserver","options","key","JSON","stringify","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","handlers","get","target","source","handler","type","unobserve","root","rootMargin","inset","threshold","addViewEnterHandler","effect","animation","getWebAnimation","effectToAnimationOptions","play","dataset","motionEnter","cleanup","cancel","handlerObj","addHandlerToMap","observe","removeViewEnterHandler","element","removeElementFromHandlerMap","_default","exports","default","add","remove"],"sources":["../../../src/handlers/viewEnter.ts"],"sourcesContent":["import type { AnimationGroup } from '@wix/motion';\nimport { 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,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAMA,MAAME,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,CAAC,CAAC;UAAEM,MAAM;UAAEC;QAAQ,CAAC,KAAK;UACzC,IAAID,MAAM,KAAKL,KAAK,CAACI,MAAM,EAAE;YAC3BE,OAAO,CAAE,CAAC;UACZ;QACF,CAAC,CAAC;QAEF,IAAId,OAAO,CAACe,IAAI,KAAK,MAAM,EAAE;UAC3BX,QAAQ,CAACY,SAAS,CAACR,KAAK,CAACI,MAAM,CAAC;QAClC;MACF;IACF,CAAC,CAAC;EACJ,CAAC,EACD;IACEK,IAAI,EAAE,IAAI;IACVC,UAAU,EAAElB,OAAO,CAACmB,KAAK,GACrB,GAAGnB,OAAO,CAACmB,KAAK,QAAQnB,OAAO,CAACmB,KAAK,EAAE,GACvC,KAAK;IACTC,SAAS,EAAEpB,OAAO,CAACoB;EACrB,CACF,CAAC;EAEDxB,SAAS,CAACK,GAAG,CAAC,GAAGG,QAAQ;EAEzB,OAAOA,QAAQ;AACjB;AAEA,SAASiB,mBAAmBA,CAC1BR,MAAmB,EACnBD,MAAmB,EACnBU,MAAkB,EAClBtB,OAAwB,GAAG,CAAC,CAAC,EAC7B;EACA,MAAMI,QAAQ,GAAGL,WAAW,CAACC,OAAO,CAAC;EACrC,MAAMuB,SAAS,GAAG,IAAAC,uBAAe,EAC/BZ,MAAM,EACN,IAAAa,mCAAwB,EAACH,MAAM,CACjC,CAAmB;EAEnB,MAAMR,OAAO,GAAGA,CAAA,KAAM;IACpBS,SAAS,CAACG,IAAI,CAAC,MAAM;MACnB;MACAd,MAAM,CAACe,OAAO,CAACC,WAAW,GAAG,MAAM;IACrC,CAAC,CAAC;EACJ,CAAC;EACD,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBzB,QAAQ,CAACY,SAAS,CAACH,MAAM,CAAC;IAC1BU,SAAS,CAACO,MAAM,CAAC,CAAC;EACpB,CAAC;EACD,MAAMC,UAAU,GAAG;IAAElB,MAAM;IAAED,MAAM;IAAEE,OAAO;IAAEe;EAAQ,CAAC;EAEvD,IAAAG,0BAAe,EAACnC,UAAU,EAAEgB,MAAM,EAAEkB,UAAU,CAAC;EAC/C,IAAAC,0BAAe,EAACnC,UAAU,EAAEe,MAAM,EAAEmB,UAAU,CAAC;EAE/C3B,QAAQ,CAAC6B,OAAO,CAACpB,MAAM,CAAC;AAC1B;AAEA,SAASqB,sBAAsBA,CAACC,OAAoB,EAAE;EACpD,IAAAC,sCAA2B,EAACvC,UAAU,EAAEsC,OAAO,CAAC;AAClD;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc;EACbC,GAAG,EAAEnB,mBAAmB;EACxBoB,MAAM,EAAEP;AACV,CAAC","ignoreList":[]}

package/dist/cjs/handlers/viewProgress.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_motion","require","_fizban","_utilities","scrollManagerMap","WeakMap","addViewProgressHandler","source","target","effect","__","triggerParams","trigger","element","effectOptions","effectToAnimationOptions","window","animationGroup","getWebAnimation","play","scene","getScrubScene","scenes","Array","isArray","scroll","Scroll","viewSource","observeViewportEntry","observeViewportResize","observeSourcesResize","root","document","documentElement","cleanup","destroy","handlerObj","addHandlerToMap","Promise","all","map","s","ready","resolve","then","start","removeViewProgressHandler","removeElementFromHandlerMap","_default","exports","default","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,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAMA,MAAMG,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,GAAG,IAAAC,mCAAwB,EAACN,MAAM,CAAC;EAEtD,IAAI,cAAc,IAAIO,MAAM,EAAE;IAC5B;IACA,MAAMC,cAAc,GAAG,IAAAC,uBAAe,EACpCV,MAAM,EACNM,aAAa,EACbH,aACF,CAAC;IAED,IAAIM,cAAc,EAAE;MACjBA,cAAc,CAASE,IAAI,CAAC,CAAC;IAChC;EACF,CAAC,MAAM;IACL,MAAMC,KAAK,GAAG,IAAAC,qBAAa,EAACb,MAAM,EAAEM,aAAa,EAAEH,aAAa,CAAC;IAEjE,IAAIS,KAAK,EAAE;MACT,MAAME,MAAM,GAAGC,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,GAAGA,KAAK,GAAG,CAACA,KAAK,CAAC;MACrD,MAAMK,MAAM,GAAG,IAAIC,cAAM,CAAC;QACxBC,UAAU,EAAEpB,MAAM;QAClBe,MAAM;QACNM,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;QACpBT,MAAM,CAACU,OAAO,CAAC,CAAC;MAClB,CAAC;MAED,MAAMC,UAAU,GAAG;QAAE7B,MAAM;QAAEC,MAAM;QAAE0B;MAAQ,CAAC;MAE9C,IAAAG,0BAAe,EAACjC,gBAAgB,EAAEG,MAAM,EAAE6B,UAAU,CAAC;MACrD,IAAAC,0BAAe,EAACjC,gBAAgB,EAAEI,MAAM,EAAE4B,UAAU,CAAC;MAErDE,OAAO,CAACC,GAAG,CACRjB,MAAM,CAAwBkB,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,KAAK,IAAIJ,OAAO,CAACK,OAAO,CAAC,CAAC,CACxE,CAAC,CAACC,IAAI,CAAC,MAAM;QACXnB,MAAM,CAACoB,KAAK,CAAC,CAAC;MAChB,CAAC,CAAC;IACJ;EACF;AACF;AAEA,SAASC,yBAAyBA,CAACjC,OAAoB,EAAQ;EAC7D,IAAAkC,sCAA2B,EAAC3C,gBAAgB,EAAES,OAAO,CAAC;AACxD;AAAC,IAAAmC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc;EACbC,GAAG,EAAE7C,sBAAsB;EAC3B8C,MAAM,EAAEN;AACV,CAAC","ignoreList":[]}

package/dist/cjs/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+var _exportNames = {
+  Interact: true,
+  add: true,
+  remove: true
+};
+exports.remove = exports.add = exports.Interact = void 0;
+var _interact = require("./interact");
+exports.Interact = _interact.Interact;
+exports.add = _interact.add;
+exports.remove = _interact.remove;
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_interact","require","exports","Interact","add","remove","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../src/index.ts"],"sourcesContent":["export { Interact, add, remove } from './interact';\n\nexport * from './types';\n"],"mappings":";;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAmDC,OAAA,CAAAC,QAAA,GAAAH,SAAA,CAAAG,QAAA;AAAAD,OAAA,CAAAE,GAAA,GAAAJ,SAAA,CAAAI,GAAA;AAAAF,OAAA,CAAAG,MAAA,GAAAL,SAAA,CAAAK,MAAA;AAEnD,IAAAC,MAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAR,OAAA,IAAAA,OAAA,CAAAQ,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAR,OAAA,CAAAQ,GAAA,IAAAJ,MAAA,CAAAI,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/interact.js

@@ -0,0 +1,310 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Interact = void 0;
+exports.add = add;
+exports.remove = remove;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _WixInteractElement = require("./WixInteractElement");
+var _utils = require("./utils");
+var _handlers = _interopRequireDefault(require("./handlers"));
+var _Interact;
+function registerWixInteractElement() {
+  if (!customElements.get('wix-interact-element')) {
+    const wixInteractElement = (0, _WixInteractElement.getWixInteractElement)();
+    customElements.define('wix-interact-element', wixInteractElement);
+    return true;
+  }
+  return false;
+}
+class Interact {
+  constructor() {
+    (0, _defineProperty2.default)(this, "dataCache", void 0);
+    (0, _defineProperty2.default)(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);
+  }
+}
+exports.Interact = Interact;
+_Interact = Interact;
+(0, _defineProperty2.default)(Interact, "instances", []);
+(0, _defineProperty2.default)(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 = (0, _utils.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 = (0, _utils.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
+ */
+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 = (0, _utils.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(({
+      effect,
+      ...options
+    }) => {
+      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 = (0, _utils.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((0, _utils.createTransitionCSS)(args));
+  }
+  (_TRIGGER_TO_HANDLER_M = _handlers.default[trigger]) == null || _TRIGGER_TO_HANDLER_M.add(source, target, effect, options);
+}
+
+/**
+ * Removes all events and effects from an element based on config
+ */
+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(_handlers.default).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/cjs/interact.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_WixInteractElement","require","_utils","_handlers","_interopRequireDefault","_Interact","registerWixInteractElement","customElements","get","wixInteractElement","getWixInteractElement","define","Interact","constructor","_defineProperty2","default","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","exports","Map","interactionIdCounter","_config$interactions","interaction","_interaction$effects","_interaction$effects2","source","interactionIdx","console","error","triggers","Set","reverse","effect","target","effectId","referencedEffect","generateId","add","rest","_addInteraction","sourceElement","interactionVariations","effectOptions","log","mql","getMediaQuery","matches","_instance$dataCache$e","_Interact$getElement","targetElement","firstElementChild","addInteraction","trigger","params","hasTriggers","length","triggerSourceElement","hasEffects","addEffectsForTarget","_instance$dataCache$i","Object","keys","effectVariations","some","options","_Interact$getElement2","_TRIGGER_TO_HANDLER_M","transition","transitionProperties","args","properties","id","childSelector","parentElement","renderStyle","createTransitionCSS","TRIGGER_TO_HANDLER_MODULE_MAP","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/cjs/test-types.d.js

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

package/dist/cjs/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/cjs/types.js

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

package/dist/cjs/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/cjs/utils.js

@@ -0,0 +1,66 @@
+"use strict";
+
+exports.__esModule = true;
+exports.createTransitionCSS = createTransitionCSS;
+exports.generateId = generateId;
+exports.getMediaQuery = getMediaQuery;
+var _motion = require("@wix/motion");
+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"
+  );
+}
+function createTransitionCSS({
+  path,
+  effectId,
+  transition,
+  properties,
+  childSelector = ':first-child'
+}) {
+  var _properties2;
+  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 ${(0, _motion.getEasing)(easing || 'ease')}${delay ? ` ${delay}ms` : ''}`, 'visibility 0s'];
+      } else {
+        transitions = transition.styleProperties.map(styleProperty => `${styleProperty.name} ${duration}ms ${(0, _motion.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 ${(0, _motion.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(`
+      `)}
+    }`;
+}
+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/cjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_motion","require","generateId","replace","c","String","fromCharCode","crypto","getRandomValues","Uint8Array","createTransitionCSS","path","effectId","transition","properties","childSelector","_properties2","transitions","styleProperties","duration","easing","delay","hasCustomPropertiesTransition","some","styleProperty","name","startsWith","getEasing","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":"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","ignoreList":[]}