@wix/interact 2.0.0-rc.8 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -133,7 +133,7 @@ const Qe = (e) => e, Be = (e) => 1 - Math.cos(e * Math.PI / 2), Xe = (e) => Math
133
133
  function Et(e) {
134
134
  return e === "percentage" ? "%" : e || "px";
135
135
  }
136
- function z(e) {
136
+ function D(e) {
137
137
  return e ? me[e] || e : me.linear;
138
138
  }
139
139
  function bt(e) {
@@ -282,7 +282,7 @@ class St {
282
282
  function It(e) {
283
283
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
284
284
  }
285
- var D = { exports: {} }, pe = D.exports, ge;
285
+ var N = { exports: {} }, pe = N.exports, ge;
286
286
  function Ot() {
287
287
  return ge || (ge = 1, (function(e) {
288
288
  (function(t) {
@@ -411,7 +411,7 @@ function Ot() {
411
411
  var l = t.fastdom = t.fastdom || new r();
412
412
  e.exports = l;
413
413
  })(typeof window < "u" ? window : typeof pe < "u" ? pe : globalThis);
414
- })(D)), D.exports;
414
+ })(N)), N.exports;
415
415
  }
416
416
  var _t = Ot();
417
417
  const S = /* @__PURE__ */ It(_t), ie = {};
@@ -429,17 +429,17 @@ function T(e, t) {
429
429
  function xt(e, t) {
430
430
  return e?.matches(`[data-motion-part~="${t}"]`) ? e : e?.querySelector(`[data-motion-part~="${t}"]`);
431
431
  }
432
- function Lt(e) {
432
+ function Ct(e) {
433
433
  const t = e.alternate ? "alternate" : "";
434
434
  return e.reversed ? `${t ? `${t}-` : ""}reverse` : t || "normal";
435
435
  }
436
436
  function te(e) {
437
- return `${e.value}${Et(e.type)}`;
437
+ return `${e.value}${Et(e.unit)}`;
438
438
  }
439
439
  function ve(e, t, n) {
440
- return `${e.name || "cover"} ${n && e.offset.type !== "percentage" ? `calc(100% + ${te(e.offset)}${t ? ` + ${t}` : ""})` : t ? `calc(${te(e.offset)} + ${t})` : te(e.offset)}`;
440
+ return `${e.name || "cover"} ${n && e.offset.unit !== "percentage" ? `calc(100% + ${te(e.offset)}${t ? ` + ${t}` : ""})` : t ? `calc(${te(e.offset)} + ${t})` : te(e.offset)}`;
441
441
  }
442
- function Ct(e) {
442
+ function Lt(e) {
443
443
  return {
444
444
  start: ve(e.startOffset, e.startOffsetAdd),
445
445
  end: ve(e.endOffset, e.endOffsetAdd, !0)
@@ -451,7 +451,7 @@ function Pe(e) {
451
451
  function $e(e) {
452
452
  return (t) => S.mutate(() => t(e));
453
453
  }
454
- function Y(e) {
454
+ function K(e) {
455
455
  if (e.namedEffect) {
456
456
  const t = e.namedEffect.type;
457
457
  return typeof t == "string" ? Tt(t) : null;
@@ -472,10 +472,10 @@ function At(e, t, n) {
472
472
  return e.map((s, r) => {
473
473
  const i = {
474
474
  fill: s.fill,
475
- easing: z(s.easing),
475
+ easing: D(s.easing),
476
476
  iterations: s.iterations === 0 ? 1 / 0 : s.iterations || 1,
477
477
  composite: s.composite,
478
- direction: Lt(s)
478
+ direction: Ct(s)
479
479
  };
480
480
  return Re(t) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && t?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
481
481
  effect: s,
@@ -508,7 +508,7 @@ function ue(e, t, n, s, r) {
508
508
  ...t,
509
509
  namedEffect: { id: "", type: "CustomMouse" }
510
510
  });
511
- const g = Y(
511
+ const g = K(
512
512
  d
513
513
  ), h = ye(
514
514
  g,
@@ -519,7 +519,7 @@ function ue(e, t, n, s, r) {
519
519
  );
520
520
  return typeof h != "function" ? null : h(i);
521
521
  }
522
- const o = Y(t), a = ye(
522
+ const o = K(t), a = ye(
523
523
  o,
524
524
  t,
525
525
  i,
@@ -548,17 +548,17 @@ function ue(e, t, n, s, r) {
548
548
  if (c)
549
549
  if (l)
550
550
  S.mutate(() => {
551
- const { start: b, end: O } = Ct(d);
552
- E.rangeStart = b, E.rangeEnd = O, E.play();
551
+ const { start: b, end: I } = Lt(d);
552
+ E.rangeStart = b, E.rangeEnd = I, E.play();
553
553
  });
554
554
  else {
555
- const { startOffset: b, endOffset: O } = t;
555
+ const { startOffset: b, endOffset: I } = t;
556
556
  S.mutate(() => {
557
- const C = d.startOffset || b, J = d.endOffset || O;
557
+ const L = d.startOffset || b, J = d.endOffset || I;
558
558
  Object.assign(E, {
559
559
  start: {
560
- name: C.name,
561
- offset: C.offset?.value,
560
+ name: L.name,
561
+ offset: L.offset?.value,
562
562
  add: d.startOffsetAdd
563
563
  },
564
564
  end: {
@@ -579,7 +579,7 @@ function ue(e, t, n, s, r) {
579
579
  });
580
580
  }
581
581
  function Pt(e, t, n) {
582
- const s = Y(t), r = e instanceof HTMLElement ? e : T(e);
582
+ const s = K(t), r = e instanceof HTMLElement ? e : T(e);
583
583
  if (s && s.prepare && r) {
584
584
  const i = { measure: Pe(r), mutate: $e(r) };
585
585
  s.prepare(t, i);
@@ -587,7 +587,7 @@ function Pt(e, t, n) {
587
587
  n && S.mutate(n);
588
588
  }
589
589
  function $t(e, t) {
590
- const n = Y(t);
590
+ const n = K(t);
591
591
  if (!n)
592
592
  return null;
593
593
  if (!n.style)
@@ -684,13 +684,13 @@ function Me(e, t, n, s = {}) {
684
684
  }
685
685
  };
686
686
  }
687
- function X(e, t, n, s = !1) {
687
+ function U(e, t, n, s = !1) {
688
688
  const r = $t(e, t);
689
689
  return r ? (r.ready = new Promise((i) => {
690
690
  Pt(e, t, i);
691
691
  }), r) : ue(e, t, n, { reducedMotion: s });
692
692
  }
693
- function N(e, t) {
693
+ function V(e, t) {
694
694
  return t.includes("&") ? t.replace(/&/g, e) : `${e}${t}`;
695
695
  }
696
696
  function Mt() {
@@ -716,18 +716,18 @@ function Ft({
716
716
  h && (n.styleProperties.some(
717
717
  (y) => y.name.startsWith("--")
718
718
  ) ? o = [
719
- `all ${h}ms ${z(m || "ease")}${p ? ` ${p}ms` : ""}`,
719
+ `all ${h}ms ${D(m || "ease")}${p ? ` ${p}ms` : ""}`,
720
720
  "visibility 0s"
721
721
  ] : o = n.styleProperties.map(
722
- (y) => `${y.name} ${h}ms ${z(
722
+ (y) => `${y.name} ${h}ms ${D(
723
723
  m || "ease"
724
724
  )}${p ? ` ${p}ms` : ""}`
725
725
  )), s = n.styleProperties;
726
726
  } else
727
727
  o = s?.filter((h) => h.duration).map(
728
- (h) => `${h.name} ${h.duration}ms ${z(h.easing) || "ease"}${h.delay ? ` ${h.delay}ms` : ""}`
728
+ (h) => `${h.name} ${h.duration}ms ${D(h.easing) || "ease"}${h.delay ? ` ${h.delay}ms` : ""}`
729
729
  ) || [];
730
- const a = s?.map((h) => `${h.name}: ${h.value};`) || [], f = e.replace(/"/g, "'"), l = `:is(:state(${t}), :--${t}) ${r}`, c = `[data-interact-effect~="${t}"] ${r}`, u = i ? N(l, i) : l, d = i ? N(c, i) : c, g = [
730
+ const a = s?.map((h) => `${h.name}: ${h.value};`) || [], f = e.replace(/"/g, "'"), l = `:is(:state(${t}), :--${t}) ${r}`, c = `[data-interact-effect~="${t}"] ${r}`, u = i ? V(l, i) : l, d = i ? V(c, i) : c, g = [
731
731
  `${u},
732
732
  ${d} {
733
733
  ${a.join(`
@@ -735,35 +735,35 @@ function Ft({
735
735
  }`
736
736
  ];
737
737
  if (o.length) {
738
- const h = `[data-interact-key="${f}"] ${r}`, m = i ? N(h, i) : h;
738
+ const h = `[data-interact-key="${f}"] ${r}`, m = i ? V(h, i) : h;
739
739
  g.push(`@media (prefers-reduced-motion: no-preference) { ${m} {
740
740
  transition: ${o.join(", ")};
741
741
  } }`);
742
742
  }
743
743
  return g;
744
744
  }
745
- function U(e, t) {
745
+ function M(e, t) {
746
746
  const n = (e || []).filter((i) => t[i]?.type === "media" && t[i].predicate).map((i) => t[i].predicate).join(") and ("), s = n && `(${n})`;
747
747
  return s && window.matchMedia(s);
748
748
  }
749
- function K(e, t) {
749
+ function G(e, t) {
750
750
  for (const n of e || []) {
751
751
  const s = t[n];
752
752
  if (s?.type === "selector" && s.predicate)
753
753
  return s.predicate;
754
754
  }
755
755
  }
756
- const M = {
757
- rangeStart: { name: "cover", offset: { value: 0, type: "percentage" } },
758
- rangeEnd: { name: "cover", offset: { value: 100, type: "percentage" } }
756
+ const F = {
757
+ rangeStart: { name: "cover", offset: { value: 0, unit: "percentage" } },
758
+ rangeEnd: { name: "cover", offset: { value: 100, unit: "percentage" } }
759
759
  };
760
760
  function Ht(e, t) {
761
- const n = e?.name ?? M.rangeStart.name, s = t?.name ?? e?.name ?? M.rangeEnd.name, r = {
761
+ const n = e?.name ?? F.rangeStart.name, s = t?.name ?? e?.name ?? F.rangeEnd.name, r = {
762
762
  name: n,
763
- offset: e?.offset || M.rangeStart.offset
763
+ offset: e?.offset || F.rangeStart.offset
764
764
  }, i = {
765
765
  name: s,
766
- offset: t?.offset || M.rangeEnd.offset
766
+ offset: t?.offset || F.rangeEnd.offset
767
767
  };
768
768
  return { startOffset: r, endOffset: i };
769
769
  }
@@ -781,11 +781,11 @@ function x(e) {
781
781
  ...s
782
782
  };
783
783
  }
784
- function I(e, t, n) {
784
+ function O(e, t, n) {
785
785
  let s = e.get(t);
786
786
  s || (s = /* @__PURE__ */ new Set(), e.set(t, s)), s.add(n);
787
787
  }
788
- function L(e, t) {
788
+ function C(e, t) {
789
789
  e.get(t)?.forEach((s) => {
790
790
  const { source: r, target: i, cleanup: o } = s;
791
791
  o();
@@ -801,13 +801,13 @@ const qt = {
801
801
  root: null,
802
802
  rootMargin: "0px",
803
803
  threshold: [0]
804
- }, P = {}, G = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakSet(), W = /* @__PURE__ */ new WeakMap();
804
+ }, P = {}, Q = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakSet(), j = /* @__PURE__ */ new WeakMap();
805
805
  let Fe = {}, A = null;
806
806
  function Dt(e) {
807
807
  Fe = e;
808
808
  }
809
809
  function He(e, t) {
810
- G.get(e)?.forEach(({ source: s, handler: r }) => {
810
+ Q.get(e)?.forEach(({ source: s, handler: r }) => {
811
811
  s === e && r(t);
812
812
  });
813
813
  }
@@ -829,8 +829,8 @@ function qe(e, t = !1) {
829
829
  threshold: e.threshold
830
830
  }, r = new IntersectionObserver((i) => {
831
831
  i.forEach((o) => {
832
- const a = o.target, f = !V.has(a);
833
- if (f && (V.add(a), e.useSafeViewEnter && !o.isIntersecting)) {
832
+ const a = o.target, f = !W.has(a);
833
+ if (f && (W.add(a), e.useSafeViewEnter && !o.isIntersecting)) {
834
834
  S.measure(() => {
835
835
  const c = o.boundingClientRect.height, u = o.rootBounds?.height;
836
836
  if (!u)
@@ -839,19 +839,19 @@ function qe(e, t = !1) {
839
839
  d && c * d > u && S.mutate(() => {
840
840
  r.unobserve(a);
841
841
  const h = qe(e, !0);
842
- W.set(a, h), h.observe(a);
842
+ j.set(a, h), h.observe(a);
843
843
  });
844
844
  });
845
845
  return;
846
846
  }
847
847
  const l = e.type || "once";
848
- (o.isIntersecting || l === "alternate" && !f) && (He(a, o.isIntersecting), l === "once" && (r.unobserve(o.target), V.delete(a)));
848
+ (o.isIntersecting || l === "alternate" && !f) && (He(a, o.isIntersecting), l === "once" && (r.unobserve(o.target), W.delete(a)));
849
849
  });
850
850
  }, s);
851
851
  return P[n] = r, r;
852
852
  }
853
853
  function Nt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i } = {}) {
854
- const o = { ...Fe, ...s }, a = o.type || "once", f = X(
854
+ const o = { ...Fe, ...s }, a = o.type || "once", f = U(
855
855
  t,
856
856
  x(n),
857
857
  void 0,
@@ -876,12 +876,12 @@ function Nt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i } = {}) {
876
876
  })) : S.mutate(m);
877
877
  }) : a === "alternate" ? c && h ? (c = !1, f.play()) : c || f.reverse() : a === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : a === "state" && (h ? f.play() : f.pause()));
878
878
  }, cleanup: () => {
879
- (W.get(e) || l).unobserve(e), (a === "repeat" || a === "state") && we().unobserve(e), f.cancel(), V.delete(e), W.delete(e);
879
+ (j.get(e) || l).unobserve(e), (a === "repeat" || a === "state") && we().unobserve(e), f.cancel(), W.delete(e), j.delete(e);
880
880
  } };
881
- I(G, e, g), I(G, t, g), W.set(e, l), l.observe(e), (a === "repeat" || a === "state") && we().observe(e);
881
+ O(Q, e, g), O(Q, t, g), j.set(e, l), l.observe(e), (a === "repeat" || a === "state") && we().observe(e);
882
882
  }
883
883
  function Vt(e) {
884
- L(G, e);
884
+ C(Q, e);
885
885
  }
886
886
  function Wt() {
887
887
  A = null, Object.keys(P).forEach((e) => delete P[e]);
@@ -924,9 +924,9 @@ function be(e, t) {
924
924
  }
925
925
  function Kt(e, t) {
926
926
  const n = e.match(/^calc\s*\(\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\+\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\)\s*$/);
927
- return Q(n[1], t) + Q(n[6], t);
927
+ return B(n[1], t) + B(n[6], t);
928
928
  }
929
- function Q(e, t) {
929
+ function B(e, t) {
930
930
  return e ? /^-?\d+px$/.test(e) ? parseInt(e) : /^-?\d+[lsd]?vh$/.test(e) ? parseInt(e) * t.viewportHeight / 100 : /^-?\d+[lsd]?vw$/.test(e) ? parseInt(e) * t.viewportWidth / 100 : /^calc\s*\(\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\+\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\)\s*$/.test(e) ? Kt(e, t) : parseInt(e) || 0 : 0;
931
931
  }
932
932
  function _(e, t, n) {
@@ -971,12 +971,12 @@ function Gt(e, t, n, s, r, i) {
971
971
  } else {
972
972
  if (u || o?.name) {
973
973
  u = u || o;
974
- const h = Q(u.add, r), m = _({ ...u, offset: 0 }, n, t), p = _({ ...u, offset: 100 }, n, t), v = ne(i, m, p, n, s);
974
+ const h = B(u.add, r), m = _({ ...u, offset: 0 }, n, t), p = _({ ...u, offset: 100 }, n, t), v = ne(i, m, p, n, s);
975
975
  l = v.start + u.offset / 100 * (v.end - v.start) + h;
976
976
  }
977
977
  if (d || a?.name) {
978
978
  d = d || a;
979
- const h = Q(d.add, r), m = _({ ...d, offset: 0 }, n, t), p = _({ ...d, offset: 100 }, n, t), v = ne(i, m, p, n, s);
979
+ const h = B(d.add, r), m = _({ ...d, offset: 0 }, n, t), p = _({ ...d, offset: 100 }, n, t), v = ne(i, m, p, n, s);
980
980
  c = v.start + d.offset / 100 * (v.end - v.start) + h;
981
981
  } else typeof f == "number" && (c = l + f);
982
982
  }
@@ -1004,7 +1004,7 @@ function Zt(e, t) {
1004
1004
  const s = Xt(e, t), r = Ut(e, t), i = !isNaN(s), o = !isNaN(r);
1005
1005
  return (i || o) && (n = {}, i && (n.start = s), o && (n.end = r)), n;
1006
1006
  }
1007
- function F(e, t, n, s, r) {
1007
+ function H(e, t, n, s, r) {
1008
1008
  const i = e[0].viewSource, o = [];
1009
1009
  let a = (s ? i.offsetWidth : i.offsetHeight) || 0, f = 0, l = i;
1010
1010
  for (; l; ) {
@@ -1061,7 +1061,7 @@ function sn(e) {
1061
1061
  },
1062
1062
  {}
1063
1063
  )
1064
- ).flatMap((m) => (m.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (m = F(m, n, i, s, d), (t.observeSourcesResize || t.observeContentResize) && u.push(m)) : m.forEach((p) => {
1064
+ ).flatMap((m) => (m.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (m = H(m, n, i, s, d), (t.observeSourcesResize || t.observeContentResize) && u.push(m)) : m.forEach((p) => {
1065
1065
  p.end == null && (p.end = p.start + p.duration), p.duration == null && (p.duration = p.end - p.start);
1066
1066
  }), m)), t.scenes.forEach((m, p) => {
1067
1067
  m.index = p;
@@ -1069,18 +1069,18 @@ function sn(e) {
1069
1069
  const m = /* @__PURE__ */ new Map();
1070
1070
  window.ResizeObserver && (f = new window.ResizeObserver(function(p) {
1071
1071
  p.forEach((v) => {
1072
- const y = m.get(v.target), E = F(y, n, i, s, d);
1073
- E.forEach((b, O) => {
1074
- t.scenes[b.index] = E[O];
1072
+ const y = m.get(v.target), E = H(y, n, i, s, d);
1073
+ E.forEach((b, I) => {
1074
+ t.scenes[b.index] = E[I];
1075
1075
  }), u.splice(u.indexOf(y), 1, E);
1076
1076
  });
1077
1077
  }), u.forEach((p) => {
1078
1078
  f.observe(p[0].viewSource, { box: "border-box" }), m.set(p[0].viewSource, p);
1079
1079
  }), t.observeContentResize && t.contentRoot && new window.ResizeObserver(be(() => {
1080
1080
  const v = u.map((y) => {
1081
- const E = F(y, n, i, s, d);
1082
- return E.forEach((b, O) => {
1083
- t.scenes[b.index] = E[O];
1081
+ const E = H(y, n, i, s, d);
1082
+ return E.forEach((b, I) => {
1083
+ t.scenes[b.index] = E[I];
1084
1084
  }), E;
1085
1085
  });
1086
1086
  u.length = 0, u.push(...v), u.forEach((y) => {
@@ -1089,7 +1089,7 @@ function sn(e) {
1089
1089
  }, Se)).observe(t.contentRoot, { box: "border-box" })), t.observeViewportResize && (l = be(function() {
1090
1090
  i = Ie(n, s);
1091
1091
  const p = u.map((v) => {
1092
- const y = F(v, n, i, s, d);
1092
+ const y = H(v, n, i, s, d);
1093
1093
  return y.forEach((E, b) => {
1094
1094
  t.scenes[E.index] = y[b];
1095
1095
  }), y;
@@ -1121,8 +1121,8 @@ function sn(e) {
1121
1121
  if (m !== o) {
1122
1122
  for (let y of t.scenes)
1123
1123
  if (!y.disabled) {
1124
- const { start: E, end: b, duration: O } = y, C = tn(m, E, b, O);
1125
- y.effect(y, C, v);
1124
+ const { start: E, end: b, duration: I } = y, L = tn(m, E, b, I);
1125
+ y.effect(y, L, v);
1126
1126
  }
1127
1127
  o = m;
1128
1128
  }
@@ -1279,10 +1279,10 @@ function cn(e, t, n, s, { reducedMotion: r }) {
1279
1279
  }
1280
1280
  if (!a) return;
1281
1281
  const f = { source: e, target: t, cleanup: a };
1282
- I(re, e, f), I(re, t, f);
1282
+ O(re, e, f), O(re, t, f);
1283
1283
  }
1284
1284
  function fn(e) {
1285
- L(re, e);
1285
+ C(re, e);
1286
1286
  }
1287
1287
  const ln = {
1288
1288
  add: cn,
@@ -1290,7 +1290,7 @@ const ln = {
1290
1290
  registerOptionsGetter: an
1291
1291
  }, oe = /* @__PURE__ */ new WeakMap();
1292
1292
  function un(e, t, n, s = !1, r) {
1293
- const i = X(
1293
+ const i = U(
1294
1294
  e,
1295
1295
  x(t),
1296
1296
  void 0,
@@ -1350,17 +1350,17 @@ function hn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCo
1350
1350
  }, h = { source: e, target: t, cleanup: () => {
1351
1351
  e.removeEventListener("mouseenter", f), e.removeEventListener("mouseleave", f), a && (e.removeEventListener("focusin", u), e.removeEventListener("focusout", d));
1352
1352
  } };
1353
- I(oe, e, h), I(oe, t, h), a && (e.tabIndex = 0, e.addEventListener("focusin", u, { once: c })), e.addEventListener("mouseenter", f, { passive: !0, once: c }), (l ? (s.method || "toggle") === "toggle" : s.type !== "once") && (e.addEventListener("mouseleave", f, { passive: !0 }), a && e.addEventListener("focusout", d, { once: c }));
1353
+ O(oe, e, h), O(oe, t, h), a && (e.tabIndex = 0, e.addEventListener("focusin", u, { once: c })), e.addEventListener("mouseenter", f, { passive: !0, once: c }), (l ? (s.method || "toggle") === "toggle" : s.type !== "once") && (e.addEventListener("mouseleave", f, { passive: !0 }), a && e.addEventListener("focusout", d, { once: c }));
1354
1354
  }
1355
1355
  function mn(e) {
1356
- L(oe, e);
1356
+ C(oe, e);
1357
1357
  }
1358
1358
  const Oe = {
1359
1359
  add: hn,
1360
1360
  remove: mn
1361
1361
  }, ae = /* @__PURE__ */ new WeakMap();
1362
1362
  function pn(e, t, n, s = !1, r) {
1363
- const i = X(
1363
+ const i = U(
1364
1364
  e,
1365
1365
  x(t),
1366
1366
  void 0,
@@ -1415,10 +1415,10 @@ function vn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCo
1415
1415
  }, g = { source: e, target: t, cleanup: () => {
1416
1416
  e.removeEventListener("click", c), a && e.removeEventListener("keydown", u);
1417
1417
  } };
1418
- I(ae, e, g), I(ae, t, g), e.addEventListener("click", c, { passive: !0, once: l }), a && (e.tabIndex = 0, e.addEventListener("keydown", u, { once: l }));
1418
+ O(ae, e, g), O(ae, t, g), e.addEventListener("click", c, { passive: !0, once: l }), a && (e.tabIndex = 0, e.addEventListener("keydown", u, { once: l }));
1419
1419
  }
1420
1420
  function yn(e) {
1421
- L(ae, e);
1421
+ C(ae, e);
1422
1422
  }
1423
1423
  const _e = {
1424
1424
  add: vn,
@@ -1486,18 +1486,18 @@ function Sn(e) {
1486
1486
  e.fixRequired = t, t && (window.addEventListener("scroll", e.scrollHandler), e.scrollHandler());
1487
1487
  });
1488
1488
  }
1489
- let H = 0;
1490
- const j = /* @__PURE__ */ new Set();
1489
+ let q = 0;
1490
+ const Y = /* @__PURE__ */ new Set();
1491
1491
  function In() {
1492
1492
  const e = (n) => {
1493
1493
  for (let s of n.changedTouches)
1494
- j.add(s.identifier);
1494
+ Y.add(s.identifier);
1495
1495
  }, t = (n) => {
1496
1496
  for (let s of n.changedTouches)
1497
- j.delete(s.identifier);
1497
+ Y.delete(s.identifier);
1498
1498
  };
1499
1499
  return document.addEventListener("touchstart", e, { passive: !0 }), document.addEventListener("touchend", t, { passive: !0 }), function() {
1500
- j.clear(), document.removeEventListener("touchstart", e), document.removeEventListener("touchend", t);
1500
+ Y.clear(), document.removeEventListener("touchstart", e), document.removeEventListener("touchend", t);
1501
1501
  };
1502
1502
  }
1503
1503
  function On(e, t) {
@@ -1506,14 +1506,14 @@ function On(e, t) {
1506
1506
  e.removeEventListener("scrollend", t);
1507
1507
  };
1508
1508
  let n = 0, s;
1509
- H || (s = In()), H += 1;
1509
+ q || (s = In()), q += 1;
1510
1510
  function r(i) {
1511
1511
  clearTimeout(n), n = setTimeout(() => {
1512
- j.size ? setTimeout(r, 100) : (t(i), n = 0);
1512
+ Y.size ? setTimeout(r, 100) : (t(i), n = 0);
1513
1513
  }, 100);
1514
1514
  }
1515
1515
  return e.addEventListener("scroll", r), function() {
1516
- e.removeEventListener("scroll", r), H -= 1, H || s();
1516
+ e.removeEventListener("scroll", r), q -= 1, q || s();
1517
1517
  };
1518
1518
  }
1519
1519
  function _n(e, t, n) {
@@ -1542,7 +1542,7 @@ function xn(e) {
1542
1542
  });
1543
1543
  return t.observe(e.root, { box: "border-box" }), t;
1544
1544
  }
1545
- function Ln(e) {
1545
+ function Cn(e) {
1546
1546
  let t = !1, n = { x: e.rect.width / 2, y: e.rect.height / 2, vx: 0, vy: 0 }, s, r, i, o, a;
1547
1547
  const f = { x: 0, y: 0 };
1548
1548
  e.scenes.forEach((c) => {
@@ -1563,8 +1563,8 @@ function Ln(e) {
1563
1563
  destroy: l
1564
1564
  };
1565
1565
  }
1566
- const Cn = 1e3 / 60 * 3;
1567
- let q;
1566
+ const Ln = 1e3 / 60 * 3;
1567
+ let z;
1568
1568
  function An() {
1569
1569
  k.x = window.scrollX, k.y = window.scrollY;
1570
1570
  }
@@ -1596,8 +1596,8 @@ class Pn {
1596
1596
  }, this._pointerEnter = () => {
1597
1597
  this.progress.active = !0, this._nextTick = n();
1598
1598
  }, this.config.root) {
1599
- q = typeof q == "boolean" ? q : En();
1600
- const r = q ? window.devicePixelRatio : 1;
1599
+ z = typeof z == "boolean" ? z : En();
1600
+ const r = z ? window.devicePixelRatio : 1;
1601
1601
  typeof k.fixRequired > "u" && Sn(k), this._measure = (i) => {
1602
1602
  if (i.target !== this.config.root) {
1603
1603
  const o = new PointerEvent("pointermove", {
@@ -1641,7 +1641,7 @@ class Pn {
1641
1641
  let r = !1;
1642
1642
  const i = (o) => {
1643
1643
  const a = (o - this._startTime) / t, f = n(Math.min(1, a));
1644
- r && (this.progress.vx = 0, this.progress.vy = 0, r = !1), this.currentProgress = Object.entries(this.progress).reduce((l, [c, u]) => (c === "active" ? l[c] = u : l[c] = this.previousProgress[c] + (u - this.previousProgress[c]) * f, l), this.currentProgress || {}), a < 1 && (this._nextTransitionTick = requestAnimationFrame(i), r = o - this._startTime > Cn), this.effect.tick(this.currentProgress);
1644
+ r && (this.progress.vx = 0, this.progress.vy = 0, r = !1), this.currentProgress = Object.entries(this.progress).reduce((l, [c, u]) => (c === "active" ? l[c] = u : l[c] = this.previousProgress[c] + (u - this.previousProgress[c]) * f, l), this.currentProgress || {}), a < 1 && (this._nextTransitionTick = requestAnimationFrame(i), r = o - this._startTime > Ln), this.effect.tick(this.currentProgress);
1645
1645
  };
1646
1646
  return this._startTime ? (this._nextTransitionTick && cancelAnimationFrame(this._nextTransitionTick), Object.assign(this.previousProgress, this.currentProgress), this._startTime = s, i(s)) : this._startTime = s, this._nextTransitionTick;
1647
1647
  }
@@ -1670,7 +1670,7 @@ class Pn {
1670
1670
  * Reset registered effect.
1671
1671
  */
1672
1672
  setupEffect() {
1673
- this.removeEffect(), this.effect = Ln(this.config);
1673
+ this.removeEffect(), this.effect = Cn(this.config);
1674
1674
  }
1675
1675
  /**
1676
1676
  * Remove registered effect.
@@ -1700,7 +1700,7 @@ function Rn(e, t, n, s = {}, { reducedMotion: r }) {
1700
1700
  }), c = { source: e, target: t, cleanup: () => {
1701
1701
  f.destroy();
1702
1702
  } };
1703
- I(ce, e, c), I(ce, t, c), Promise.all(
1703
+ O(ce, e, c), O(ce, t, c), Promise.all(
1704
1704
  a.map((u) => u.ready || Promise.resolve())
1705
1705
  ).then(() => {
1706
1706
  f.start();
@@ -1708,7 +1708,7 @@ function Rn(e, t, n, s = {}, { reducedMotion: r }) {
1708
1708
  }
1709
1709
  }
1710
1710
  function Mn(e) {
1711
- L(ce, e);
1711
+ C(ce, e);
1712
1712
  }
1713
1713
  const Fn = {
1714
1714
  add: Rn,
@@ -1716,7 +1716,7 @@ const Fn = {
1716
1716
  registerOptionsGetter: $n
1717
1717
  }, fe = /* @__PURE__ */ new WeakMap();
1718
1718
  function Hn(e, t, n, s, { reducedMotion: r, selectorCondition: i }) {
1719
- const o = X(
1719
+ const o = U(
1720
1720
  t,
1721
1721
  x(n),
1722
1722
  void 0,
@@ -1729,10 +1729,10 @@ function Hn(e, t, n, s, { reducedMotion: r, selectorCondition: i }) {
1729
1729
  }, l = { source: e, target: t, cleanup: () => {
1730
1730
  o.cancel(), e.removeEventListener("animationend", a);
1731
1731
  } };
1732
- I(fe, e, l), I(fe, t, l), e.addEventListener("animationend", a);
1732
+ O(fe, e, l), O(fe, t, l), e.addEventListener("animationend", a);
1733
1733
  }
1734
1734
  function qn(e) {
1735
- L(fe, e);
1735
+ C(fe, e);
1736
1736
  }
1737
1737
  const zn = {
1738
1738
  add: Hn,
@@ -1858,7 +1858,7 @@ class w {
1858
1858
  static registerEffects = kt;
1859
1859
  }
1860
1860
  let Nn = 0;
1861
- function B(e, {
1861
+ function X(e, {
1862
1862
  asCombinator: t = !1,
1863
1863
  addItemFilter: n = !1,
1864
1864
  useFirstChild: s = !1
@@ -1888,7 +1888,7 @@ function Vn(e, t = !1) {
1888
1888
  l.reverse();
1889
1889
  const c = { ...f, effects: l };
1890
1890
  s[i].triggers.push(c), s[i].selectors.add(
1891
- B(c, { useFirstChild: t })
1891
+ X(c, { useFirstChild: t })
1892
1892
  );
1893
1893
  const u = c.listContainer;
1894
1894
  l.forEach((d) => {
@@ -1909,7 +1909,7 @@ function Vn(e, t = !1) {
1909
1909
  },
1910
1910
  interactionIds: /* @__PURE__ */ new Set(),
1911
1911
  selectors: /* @__PURE__ */ new Set()
1912
- }, s[g].effects[m].push({ ...f, effect: d }), s[g].selectors.add(B(d, { useFirstChild: t })));
1912
+ }, s[g].effects[m].push({ ...f, effect: d }), s[g].selectors.add(X(d, { useFirstChild: t })));
1913
1913
  });
1914
1914
  }), {
1915
1915
  effects: e.effects || {},
@@ -1917,7 +1917,7 @@ function Vn(e, t = !1) {
1917
1917
  interactions: s
1918
1918
  };
1919
1919
  }
1920
- function Le(e, t, n) {
1920
+ function Ce(e, t, n) {
1921
1921
  if (e.listContainer) {
1922
1922
  const s = t.querySelector(e.listContainer);
1923
1923
  return s ? e.selector ? Array.from(s.querySelectorAll(e.selector)) : Array.from(s.children) : (console.warn(`Interact: No container found for list container "${e.listContainer}"`), []);
@@ -1930,13 +1930,13 @@ function Le(e, t, n) {
1930
1930
  }
1931
1931
  return n ? t.firstElementChild : t;
1932
1932
  }
1933
- function Ce(e, t) {
1933
+ function Le(e, t) {
1934
1934
  return t.map((n) => e.selector ? n.querySelector(e.selector) : n).filter(Boolean);
1935
1935
  }
1936
1936
  function Ve(e, t, n, s, r, i, o, a) {
1937
1937
  return [
1938
- o ? Ce(e, o) : Le(e, n, s),
1939
- a ? Ce(t, a) : Le(t, r, i)
1938
+ o ? Le(e, o) : Ce(e, n, s),
1939
+ a ? Le(t, a) : Ce(t, r, i)
1940
1940
  ];
1941
1941
  }
1942
1942
  function We(e, t, n, s, r, i, o) {
@@ -1976,7 +1976,7 @@ function je(e, t, n, s, r) {
1976
1976
  }, c = l.key, u = R(a.interactionId, e);
1977
1977
  if (i[u] || n.addedInteractions[u] && !r)
1978
1978
  return;
1979
- const d = U(l.conditions || [], n.dataCache.conditions);
1979
+ const d = M(l.conditions || [], n.dataCache.conditions);
1980
1980
  if (d && n.setupMediaQueryListener(u, d, e, () => {
1981
1981
  t.update();
1982
1982
  }), !d || d.matches) {
@@ -2001,7 +2001,7 @@ function je(e, t, n, s, r) {
2001
2001
  if (!m || !p)
2002
2002
  return;
2003
2003
  n.addedInteractions[u] = !0;
2004
- const v = g || s.key, y = K(
2004
+ const v = g || s.key, y = G(
2005
2005
  l.conditions || [],
2006
2006
  n.dataCache.conditions
2007
2007
  );
@@ -2026,45 +2026,51 @@ function Ye(e, t, n, s, r) {
2026
2026
  if (n.addedInteractions[l] && !r)
2027
2027
  return;
2028
2028
  i[f].some(({ effect: u, ...d }) => {
2029
- const g = u.effectId, h = {
2030
- ...n.dataCache.effects[g] || {},
2029
+ const g = M(
2030
+ d.conditions || [],
2031
+ n.dataCache.conditions
2032
+ );
2033
+ if (g && !g.matches)
2034
+ return !1;
2035
+ const h = u.effectId, m = {
2036
+ ...n.dataCache.effects[h] || {},
2031
2037
  ...u,
2032
- effectId: g
2038
+ effectId: h
2033
2039
  };
2034
- if (s && h.listContainer !== s)
2040
+ if (s && m.listContainer !== s)
2035
2041
  return !1;
2036
- const m = U(h.conditions || [], n.dataCache.conditions);
2037
- if (m && n.setupMediaQueryListener(l, m, e, () => {
2042
+ const p = M(m.conditions || [], n.dataCache.conditions);
2043
+ if (p && n.setupMediaQueryListener(l, p, e, () => {
2038
2044
  t.update();
2039
- }), !m || m.matches) {
2040
- const p = d.key && R(d.key, e), v = w.getController(p);
2041
- if (!v)
2045
+ }), !p || p.matches) {
2046
+ const v = d.key && R(d.key, e), y = w.getController(v);
2047
+ if (!y)
2042
2048
  return !0;
2043
- h.listContainer && t.watchChildList(h.listContainer);
2044
- const [y, E] = Ve(
2049
+ m.listContainer && t.watchChildList(m.listContainer);
2050
+ const [E, b] = Ve(
2045
2051
  d,
2046
- h,
2047
- v.element,
2048
- v.useFirstChild,
2052
+ m,
2053
+ y.element,
2054
+ y.useFirstChild,
2049
2055
  t.element,
2050
2056
  t.useFirstChild,
2051
2057
  void 0,
2052
2058
  r
2053
2059
  );
2054
- if (!y || !E)
2060
+ if (!E || !b)
2055
2061
  return !0;
2056
2062
  n.addedInteractions[l] = !0;
2057
- const b = K(
2058
- h.conditions || [],
2063
+ const I = G(
2064
+ m.conditions || [],
2059
2065
  n.dataCache.conditions
2060
2066
  );
2061
2067
  return a.push([
2062
2068
  e,
2063
2069
  d,
2064
- h,
2065
- y,
2070
+ m,
2066
2071
  E,
2067
2072
  b,
2073
+ I,
2068
2074
  t.useFirstChild
2069
2075
  ]), !0;
2070
2076
  }
@@ -2082,7 +2088,7 @@ function Ae(e, t, n, s, r, i, o, a) {
2082
2088
  effectId: r.effectId,
2083
2089
  transition: r.transition,
2084
2090
  properties: r.transitionProperties,
2085
- childSelector: B(r, {
2091
+ childSelector: X(r, {
2086
2092
  asCombinator: !0,
2087
2093
  addItemFilter: !0,
2088
2094
  useFirstChild: a
@@ -2106,7 +2112,7 @@ function Wn(e) {
2106
2112
  return console.warn(`No instance found for key: ${t}`), w.setController(t, e), !1;
2107
2113
  const { triggers: s = [] } = n?.get(t) || {}, r = s.length > 0;
2108
2114
  n.setController(t, e), s.forEach((o, a) => {
2109
- const f = U(o.conditions, n.dataCache.conditions);
2115
+ const f = M(o.conditions, n.dataCache.conditions);
2110
2116
  if (f) {
2111
2117
  const l = `${t}::trigger::${a}`;
2112
2118
  n.setupMediaQueryListener(l, f, t, () => {
@@ -2125,7 +2131,7 @@ function jn(e, t, n) {
2125
2131
  i.forEach((o, a) => {
2126
2132
  if (o.listContainer !== t)
2127
2133
  return;
2128
- const f = U(o.conditions, r.dataCache.conditions);
2134
+ const f = M(o.conditions, r.dataCache.conditions);
2129
2135
  if (f) {
2130
2136
  const l = `${s}::listTrigger::${t}::${a}`;
2131
2137
  r.setupMediaQueryListener(l, f, s, () => {
@@ -2240,8 +2246,8 @@ function Jn(e) {
2240
2246
  }
2241
2247
  const Gn = (e, t, n, s) => {
2242
2248
  let i = `[data-interact-key="${e.replace(/"/g, "'")}"]`;
2243
- const o = B(t, { asCombinator: !0, useFirstChild: s });
2244
- return o && (i = `${i} ${o}`), n && (i = N(i, n)), i;
2249
+ const o = X(t, { asCombinator: !0, useFirstChild: s });
2250
+ return o && (i = `${i} ${o}`), n && (i = V(i, n)), i;
2245
2251
  };
2246
2252
  function Zn(e, t = !1) {
2247
2253
  const n = [], s = /* @__PURE__ */ new Set();
@@ -2264,13 +2270,13 @@ function Zn(e, t = !1) {
2264
2270
  selector: y,
2265
2271
  listContainer: E,
2266
2272
  listItemSelector: b,
2267
- conditions: O
2273
+ conditions: I
2268
2274
  } = p;
2269
2275
  if (!(!v || v === r) || !(!y && !i || y === i) || !(!E && !o || E === o) || !(!b && !a || b === a)) return;
2270
- const de = e.conditions || {}, he = K(
2271
- O,
2276
+ const de = e.conditions || {}, he = G(
2277
+ I,
2272
2278
  de
2273
- ), Z = K(
2279
+ ), Z = G(
2274
2280
  u,
2275
2281
  de
2276
2282
  );
@@ -2303,4 +2309,4 @@ export {
2303
2309
  Zn as g,
2304
2310
  Jn as r
2305
2311
  };
2306
- //# sourceMappingURL=index-DsvFkLS4.mjs.map
2312
+ //# sourceMappingURL=index-BnI6W-7u.mjs.map