@wix/interact 2.2.1 → 2.2.2

package/dist/{index-CJl_iRUI.mjs → index-HeFaJMEX.mjs}

@@ -9,7 +9,7 @@ function C(t, e) {
     return r !== void 0 ? `[${r}]` : "[]";
   }) : t;
 }
-class N {
+class G {
   animations;
   options;
   ready;
@@ -253,7 +253,7 @@ function He(t) {
   const e = we[t];
   return e || (qt(t) ?? xt(t) ?? we.linear);
 }
-class Mt extends N {
+class Mt extends G {
   animationGroups;
   delay;
   offset;
@@ -636,7 +636,7 @@ function L(t, e) {
 function zt(t, e) {
   return t?.matches(`[data-motion-part~="${e}"]`) ? t : t?.querySelector(`[data-motion-part~="${e}"]`);
 }
-function Dt(t) {
+function Nt(t) {
   const e = t.alternate ? "alternate" : "";
   return t.reversed ? `${e ? `${e}-` : ""}reverse` : e || "normal";
 }
@@ -646,7 +646,7 @@ function re(t) {
 function Ie(t, e, n) {
   return `${t.name || "cover"} ${n && t.offset.unit !== "percentage" ? `calc(100% + ${re(t.offset)}${e ? ` + ${e}` : ""})` : e ? `calc(${re(t.offset)} + ${e})` : re(t.offset)}`;
 }
-function Gt(t) {
+function Dt(t) {
   return {
     start: Ie(t.startOffset, t.startOffsetAdd),
     end: Ie(t.endOffset, t.endOffsetAdd, !0)
@@ -655,7 +655,7 @@ function Gt(t) {
 function ze(t) {
   return (e) => I.measure(() => e(t));
 }
-function De(t) {
+function Ne(t) {
   return (e) => I.mutate(() => e(t));
 }
 function Z(t) {
@@ -675,16 +675,16 @@ function Z(t) {
     return (e) => [{ ...e, keyframes: [] }];
   return null;
 }
-function Nt(t, e, n) {
+function Gt(t, e, n) {
   return t.map((s, r) => {
     const i = {
       fill: s.fill,
       easing: Q(s.easing),
       iterations: s.iterations === 0 ? 1 / 0 : s.iterations || 1,
       composite: s.composite,
-      direction: Dt(s)
+      direction: Nt(s)
     };
-    return Ge(e) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && e?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
+    return De(e) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && e?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
       effect: s,
       options: i,
       id: n && `${n}-${r + 1}`,
@@ -692,18 +692,18 @@ function Nt(t, e, n) {
     };
   });
 }
-function Ge(t) {
+function De(t) {
   return !t || t.trigger !== "pointer-move" && t.trigger !== "view-progress";
 }
 function Oe(t, e, n, s, r) {
   if (t) {
-    if (Ge(s) && (e.duration = e.duration || 1, r?.reducedMotion))
+    if (De(s) && (e.duration = e.duration || 1, r?.reducedMotion))
       if (e.iterations === 1 || e.iterations == null)
         e = { ...e, duration: 1 };
       else
         return [];
     let i;
-    return n instanceof HTMLElement && (i = { measure: ze(n), mutate: De(n) }), t.web ? t.web(e, i, r) : t(e, i, r);
+    return n instanceof HTMLElement && (i = { measure: ze(n), mutate: Ne(n) }), t.web ? t.web(e, i, r) : t(e, i, r);
   }
   return [];
 }
@@ -735,7 +735,7 @@ function ve(t, e, n, s, r) {
   );
   if (!c || c.length === 0)
     return null;
-  const l = Nt(c, n, e.effectId);
+  const l = Gt(c, n, e.effectId);
   let f;
   const a = n?.trigger === "view-progress";
   a && window.ViewTimeline && (f = new ViewTimeline({
@@ -755,7 +755,7 @@ function ve(t, e, n, s, r) {
     if (a)
       if (f)
         I.mutate(() => {
-          const { start: b, end: S } = Gt(h);
+          const { start: b, end: S } = Dt(h);
           w.rangeStart = b, w.rangeEnd = S, w.play();
         });
       else {
@@ -778,7 +778,7 @@ function ve(t, e, n, s, r) {
       }
     return d && (w.id = d), w;
   });
-  return new N(u, {
+  return new G(u, {
     ...e,
     trigger: { ...n || {} },
     // make sure the group is ready after all animation targets are measured and mutated
@@ -788,7 +788,7 @@ function ve(t, e, n, s, r) {
 function Wt(t, e, n) {
   const s = Z(e), r = t instanceof HTMLElement ? t : L(t);
   if (s && s.prepare && r) {
-    const i = { measure: ze(r), mutate: De(r) };
+    const i = { measure: ze(r), mutate: Ne(r) };
     s.prepare(e, i);
   }
   n && I.mutate(n);
@@ -804,16 +804,16 @@ function Vt(t, e) {
     o.includes(l) && c.push(
       i?.find((f) => f.animationName === l)
     );
-  }), c?.length ? new N(c) : null;
+  }), c?.length ? new G(c) : null;
 }
 function jt(t, e) {
   const s = (typeof t == "string" ? L(t) : t)?.getAnimations().filter((r) => {
     const i = r.id || r.animationName;
     return i ? i.startsWith(e) : !0;
   });
-  return s?.length ? new N(s) : null;
+  return s?.length ? new G(s) : null;
 }
-function Ne(t, e, n, s = {}) {
+function Ge(t, e, n, s = {}) {
   const { disabled: r, allowActiveEvent: i, ...o } = s, c = ve(t, e, n, o);
   if (!c)
     return null;
@@ -911,7 +911,7 @@ function We(t, e) {
         void 0,
         e?.reducedMotion
       );
-      c instanceof N && n.push(c);
+      c instanceof G && n.push(c);
     }
   }
   return n;
@@ -1036,7 +1036,7 @@ function Zt(t) {
   const e = t.trim().split(/\s+/), n = e[0], s = e.length > 1 ? e[1] : e[0], r = (i) => i.startsWith("-") ? i.slice(1) : parseFloat(i) ? `-${i}` : i;
   return `${r(n)} 0px ${r(s)}`;
 }
-const D = {}, k = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakSet(), R = /* @__PURE__ */ new WeakMap();
+const N = {}, k = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakSet(), R = /* @__PURE__ */ new WeakMap();
 let Ve = {}, H = null;
 function en(t) {
   Ve = t;
@@ -1056,8 +1056,8 @@ function Ce() {
 }
 function Ye(t, e = !1) {
   const n = JSON.stringify({ ...t, isSafeMode: e });
-  if (D[n])
-    return D[n];
+  if (N[n])
+    return N[n];
   const s = t.threshold ?? Jt, r = e ? Xt : {
     root: null,
     rootMargin: t.inset ? Zt(t.inset) : "0px",
@@ -1082,7 +1082,7 @@ function Ye(t, e = !1) {
       (c.isIntersecting || !f) && je(l, c.isIntersecting);
     });
   }, r);
-  return D[n] = i, i;
+  return N[n] = i, i;
 }
 function tn(t, e, n, s = {}, { reducedMotion: r, selectorCondition: i, animation: o } = {}) {
   const c = { ...Ve, ...s }, l = n.triggerType || "once", f = o || ne(
@@ -1129,7 +1129,7 @@ function nn(t) {
   W(k, t);
 }
 function sn() {
-  H = null, Object.keys(D).forEach((t) => delete D[t]);
+  H = null, Object.keys(N).forEach((t) => delete N[t]);
 }
 const Ae = {
   add: tn,
@@ -1502,7 +1502,7 @@ function Sn(t, e, n, s, { reducedMotion: r }) {
       });
     });
   } else {
-    const f = Ne(e, o, i);
+    const f = Ge(e, o, i);
     if (f) {
       const a = Array.isArray(f) ? f : [f], u = new wn({
         viewSource: t,
@@ -1794,14 +1794,14 @@ let Qe = () => ({});
 function zn(t) {
   Qe = t;
 }
-function Dn(t, e, n, s = {}, { reducedMotion: r }) {
+function Nn(t, e, n, s = {}, { reducedMotion: r }) {
   if (r)
     return;
   const i = {
     trigger: "pointer-move",
     element: t,
     axis: s.axis ?? "y"
-  }, o = Ne(e, P(n), i);
+  }, o = Ge(e, P(n), i);
   if (o) {
     const c = Array.isArray(o) ? o : [o], l = new Hn({
       root: s.hitArea === "self" ? t : void 0,
@@ -1817,12 +1817,12 @@ function Dn(t, e, n, s = {}, { reducedMotion: r }) {
     });
   }
 }
-function Gn(t) {
+function Dn(t) {
   W(ue, t);
 }
-const Nn = {
-  add: Dn,
-  remove: Gn,
+const Gn = {
+  add: Nn,
+  remove: Dn,
   registerOptionsGetter: zn
 }, de = /* @__PURE__ */ new WeakMap();
 function Wn(t, e, n, s, { reducedMotion: r, selectorCondition: i, animation: o }) {
@@ -2034,7 +2034,7 @@ const _ = {
   pageVisible: Ae,
   animationEnd: jn,
   viewProgress: In,
-  pointerMove: Nn,
+  pointerMove: Gn,
   activate: {
     add: K("activate"),
     remove: z.remove
@@ -2187,7 +2187,7 @@ class E {
   }
 }
 let rs = 0;
-function G(t, {
+function D(t, {
   asCombinator: e = !1,
   addItemFilter: n = !1,
   useFirstChild: s = !1
@@ -2235,7 +2235,7 @@ function os(t, e = !1) {
       sequences: u
     };
     s[i].triggers.push(h), s[i].selectors.add(
-      G(h, { useFirstChild: e })
+      D(h, { useFirstChild: e })
     );
     const g = h.listContainer;
     a.forEach((d) => {
@@ -2252,7 +2252,7 @@ function os(t, e = !1) {
       if (d.interactionId = y, s[i].interactionIds.add(y), m === i)
         return;
       const v = ce(s, m);
-      v.effects[y] || (v.effects[y] = [], v.interactionIds.add(y)), v.effects[y].push({ ...f, effect: d }), v.selectors.add(G(d, { useFirstChild: e }));
+      v.effects[y] || (v.effects[y] = [], v.interactionIds.add(y)), v.effects[y].push({ ...f, effect: d }), v.selectors.add(D(d, { useFirstChild: e }));
     }), u?.forEach((d) => {
       if (!d || Pe(d)) return;
       const m = d, p = m.sequenceId || x(), y = m.effects;
@@ -2260,15 +2260,17 @@ function os(t, e = !1) {
         v.effectId || (v.effectId = x());
         let w = v.key;
         if (!w && v.effectId) {
-          const b = t.effects[v.effectId];
-          b && (w = b.key);
+          const S = t.effects[v.effectId];
+          S && (w = S.key);
         }
-        if (w = w || i, w !== i) {
-          const b = ce(s, w), S = `${w}::seq::${p}::${o}`;
-          b.sequences[S] || (b.sequences[S] = [], b.interactionIds.add(S)), b.sequences[S].push({
+        w = w || i;
+        const b = D(v, { useFirstChild: e });
+        if (b && s[i].selectors.add(b), w !== i) {
+          const S = ce(s, w), T = `${w}::seq::${p}::${o}`;
+          S.sequences[T] || (S.sequences[T] = [], S.interactionIds.add(T)), S.sequences[T].push({
             ...f,
             sequence: m
-          }), b.selectors.add(G(v, { useFirstChild: e }));
+          }), S.selectors.add(b);
         }
       }
     });
@@ -2614,7 +2616,7 @@ function Fe(t, e, n, s, r, i, o, c) {
       effectId: r.effectId,
       transition: r.transition,
       properties: r.transitionProperties,
-      childSelector: G(r, {
+      childSelector: D(r, {
         asCombinator: !0,
         addItemFilter: !0,
         useFirstChild: c
@@ -2708,8 +2710,10 @@ class hs {
   }
   disconnect({ removeFromCache: e = !1 } = {}) {
     if ((this.key || this.element.dataset.interactKey) && ds(this, e), this.sheet) {
-      const s = document.adoptedStyleSheets.indexOf(this.sheet);
-      document.adoptedStyleSheets.splice(s, 1);
+      const s = this.element?.getRootNode(), r = s.host ? s : document;
+      r.adoptedStyleSheets.indexOf(this.sheet) !== -1 && (r.adoptedStyleSheets = r.adoptedStyleSheets.filter(
+        (o) => o !== this.sheet
+      ));
     }
     this._observers = /* @__PURE__ */ new WeakMap(), this.sheet = null, this.connected = !1;
   }
@@ -2717,16 +2721,17 @@ class hs {
     this.disconnect(), this.connect();
   }
   renderStyle(e) {
+    const n = this.element?.getRootNode(), s = n.host ? n : document;
     if (!this.sheet)
       this.sheet = new CSSStyleSheet(), this.sheet.replaceSync(e.join(`
-`)), document.adoptedStyleSheets.push(this.sheet);
+`)), s.adoptedStyleSheets = [...s.adoptedStyleSheets || [], this.sheet];
     else {
-      let n = this.sheet.cssRules.length;
-      for (const s of e)
+      let r = this.sheet.cssRules.length;
+      for (const i of e)
         try {
-          this.sheet.insertRule(s, n), n++;
-        } catch (r) {
-          console.error(r);
+          this.sheet.insertRule(i, r), r++;
+        } catch (o) {
+          console.error(o);
         }
     }
   }
@@ -2773,7 +2778,7 @@ function vs(t) {
 }
 const ms = (t, e, n, s) => {
   let i = `[data-interact-key="${t.replace(/"/g, "'")}"]`;
-  const o = G(e, { asCombinator: !0, useFirstChild: s });
+  const o = D(e, { asCombinator: !0, useFirstChild: s });
   return o && (i = `${i} ${o}`), n && (i = U(i, n)), i;
 };
 function ys(t, e = !1) {
@@ -2831,4 +2836,4 @@ export {
   ys as g,
   vs as r
 };
-//# sourceMappingURL=index-CJl_iRUI.mjs.map
+//# sourceMappingURL=index-HeFaJMEX.mjs.map