@ssgoi/core 4.3.1 → 4.3.2

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.
package/dist/index.js CHANGED
@@ -1,38 +1,38 @@
1
- var tt = Object.defineProperty;
2
- var et = (e, n, t) => n in e ? tt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
3
- var m = (e, n, t) => et(e, typeof n != "symbol" ? n + "" : n, t);
4
- import { normalizeToMultiAnimation as M, normalizeSchedule as X } from "./types.js";
5
- import { isCssAnimation as Nt, isMultiAnimation as Ut, isSingleAnimation as Ht, isTickAnimation as Xt } from "./types.js";
6
- import { S as $, I as it, a as nt } from "./provider-Cu4NSF1Q.js";
7
- class rt {
1
+ var et = Object.defineProperty;
2
+ var it = (e, n, t) => n in e ? et(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
3
+ var d = (e, n, t) => it(e, typeof n != "symbol" ? n + "" : n, t);
4
+ import { normalizeToMultiAnimation as M, normalizeSchedule as H } from "./types.js";
5
+ import { isCssAnimation as Ut, isMultiAnimation as Xt, isSingleAnimation as Yt, isTickAnimation as Ht } from "./types.js";
6
+ import { S as K, I as nt, a as rt } from "./provider-Cu4NSF1Q.js";
7
+ class ot {
8
8
  constructor() {
9
- m(this, "listeners", /* @__PURE__ */ new Set());
10
- m(this, "rafId", null);
11
- m(this, "isRunning", !1);
9
+ d(this, "listeners", /* @__PURE__ */ new Set());
10
+ d(this, "rafId", null);
11
+ d(this, "isRunning", !1);
12
12
  // Timing
13
- m(this, "startTime", Date.now());
14
- m(this, "lastUpdate", this.startTime);
15
- m(this, "elapsed", 0);
13
+ d(this, "startTime", Date.now());
14
+ d(this, "lastUpdate", this.startTime);
15
+ d(this, "elapsed", 0);
16
16
  // Lag smoothing (mobile optimization)
17
- m(this, "lagThreshold", 500);
17
+ d(this, "lagThreshold", 500);
18
18
  // ms - detect tab switches, backgrounding
19
- m(this, "adjustedLag", 33);
19
+ d(this, "adjustedLag", 33);
20
20
  // ms - max time jump to prevent animation skip
21
- m(this, "maxDeltaTime", 33);
21
+ d(this, "maxDeltaTime", 33);
22
22
  // ms - clamp for physics stability (30fps minimum)
23
23
  // FPS throttling
24
- m(this, "gap", 1e3 / 240);
24
+ d(this, "gap", 1e3 / 240);
25
25
  // max 240fps
26
- m(this, "nextTime", this.gap);
27
- m(this, "tick", () => {
26
+ d(this, "nextTime", this.gap);
27
+ d(this, "tick", () => {
28
28
  const n = Date.now();
29
29
  let i = n - this.lastUpdate;
30
30
  i > this.lagThreshold || i < 0 ? (this.startTime += i - this.adjustedLag, i = this.adjustedLag) : i > this.maxDeltaTime && (i = this.maxDeltaTime), this.lastUpdate = n;
31
31
  const r = n - this.startTime, o = r - this.nextTime;
32
32
  if (o > 0) {
33
33
  const l = i / 1e3;
34
- this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((c) => {
35
- c(l, this.elapsed);
34
+ this.elapsed = r / 1e3, this.nextTime += o + (o >= this.gap ? 4 : this.gap - o), this.listeners.forEach((f) => {
35
+ f(l, this.elapsed);
36
36
  });
37
37
  }
38
38
  this.listeners.size > 0 ? this.rafId = requestAnimationFrame(this.tick) : (this.isRunning = !1, this.rafId = null);
@@ -68,8 +68,8 @@ class rt {
68
68
  return this.elapsed;
69
69
  }
70
70
  }
71
- const _ = new rt();
72
- function ot(e) {
71
+ const N = new ot();
72
+ function st(e) {
73
73
  const {
74
74
  integrator: n,
75
75
  from: t,
@@ -77,44 +77,44 @@ function ot(e) {
77
77
  velocity: r = 0,
78
78
  onUpdate: o,
79
79
  onComplete: l,
80
- onStart: c
80
+ onStart: f
81
81
  } = e;
82
- let s = { position: t, velocity: r }, f = !0, h = 0, p = !1;
83
- const w = (v) => {
84
- if (f) {
85
- if (p || (p = !0, c == null || c()), s = n.step(s, i, v), n.isSettled(s, i)) {
86
- if (h += Math.min(v, 0.033), h >= $) {
87
- s = { position: i, velocity: 0 }, f = !1, o(s.position), _.unsubscribe(w), l();
82
+ let a = { position: t, velocity: r }, m = !0, y = 0, S = !1;
83
+ const C = (A) => {
84
+ if (m) {
85
+ if (S || (S = !0, f == null || f()), a = n.step(a, i, A), n.isSettled(a, i)) {
86
+ if (y += Math.min(A, 0.033), y >= K) {
87
+ a = { position: i, velocity: 0 }, m = !1, o(a.position), N.unsubscribe(C), l();
88
88
  return;
89
89
  }
90
90
  } else
91
- h = 0;
92
- o(s.position);
91
+ y = 0;
92
+ o(a.position);
93
93
  }
94
94
  };
95
- return _.subscribe(w), {
95
+ return N.subscribe(C), {
96
96
  stop: () => {
97
- f && (f = !1, _.unsubscribe(w));
97
+ m && (m = !1, N.unsubscribe(C));
98
98
  },
99
- getPosition: () => s.position,
100
- getVelocity: () => s.velocity,
101
- isRunning: () => f
99
+ getPosition: () => a.position,
100
+ getVelocity: () => a.velocity,
101
+ isRunning: () => m
102
102
  };
103
103
  }
104
- const x = 1e3 / 60;
105
- function st(e, n, t, i = 0) {
104
+ const O = 1e3 / 60;
105
+ function at(e, n, t, i = 0) {
106
106
  let o = { position: n, velocity: i }, l = 0;
107
- const c = [];
108
- for (let s = 0; s < 600; s++) {
109
- const f = s * x;
110
- if (c.push({
111
- time: f,
107
+ const f = [];
108
+ for (let a = 0; a < 600; a++) {
109
+ const m = a * O;
110
+ if (f.push({
111
+ time: m,
112
112
  position: o.position,
113
113
  velocity: o.velocity
114
- }), o = e.step(o, t, x / 1e3), e.isSettled(o, t)) {
115
- if (l += x / 1e3, l >= $) {
116
- c.push({
117
- time: (s + 1) * x,
114
+ }), o = e.step(o, t, O / 1e3), e.isSettled(o, t)) {
115
+ if (l += O / 1e3, l >= K) {
116
+ f.push({
117
+ time: (a + 1) * O,
118
118
  position: t,
119
119
  velocity: 0
120
120
  });
@@ -123,9 +123,9 @@ function st(e, n, t, i = 0) {
123
123
  } else
124
124
  l = 0;
125
125
  }
126
- return c;
126
+ return f;
127
127
  }
128
- function Y(e, n) {
128
+ function j(e, n) {
129
129
  if (e.length === 0)
130
130
  return { position: 0, velocity: 0 };
131
131
  const t = e[0], i = e[e.length - 1];
@@ -135,19 +135,19 @@ function Y(e, n) {
135
135
  return { position: i.position, velocity: i.velocity };
136
136
  let r = 0, o = e.length - 1;
137
137
  for (; r < o - 1; ) {
138
- const f = Math.floor((r + o) / 2);
139
- e[f].time <= n ? r = f : o = f;
138
+ const m = Math.floor((r + o) / 2);
139
+ e[m].time <= n ? r = m : o = m;
140
140
  }
141
- const l = e[r], c = e[o], s = (n - l.time) / (c.time - l.time);
141
+ const l = e[r], f = e[o], a = (n - l.time) / (f.time - l.time);
142
142
  return {
143
- position: l.position + (c.position - l.position) * s,
144
- velocity: l.velocity + (c.velocity - l.velocity) * s
143
+ position: l.position + (f.position - l.position) * a,
144
+ velocity: l.velocity + (f.velocity - l.velocity) * a
145
145
  };
146
146
  }
147
- function at(e, n) {
147
+ function ct(e, n) {
148
148
  return e.map((t) => n(t.position));
149
149
  }
150
- function ct(e) {
150
+ function lt(e) {
151
151
  const {
152
152
  integrator: n,
153
153
  element: t,
@@ -155,51 +155,51 @@ function ct(e) {
155
155
  to: r,
156
156
  velocity: o = 0,
157
157
  style: l,
158
- onComplete: c,
159
- onStart: s
160
- } = e, f = st(n, i, r, o);
161
- if (f.length === 0)
162
- return s == null || s(), c(), {
158
+ onComplete: f,
159
+ onStart: a
160
+ } = e, m = at(n, i, r, o);
161
+ if (m.length === 0)
162
+ return a == null || a(), f(), {
163
163
  stop: () => {
164
164
  },
165
165
  getPosition: () => r,
166
166
  getVelocity: () => 0,
167
167
  isRunning: () => !1
168
168
  };
169
- const h = at(f, l), p = f[f.length - 1], w = p.time, v = h[0];
170
- if (v)
171
- for (const y of Object.keys(v))
172
- t.style[y] = "";
173
- const d = t.animate(h, {
174
- duration: w,
169
+ const y = ct(m, l), S = m[m.length - 1], C = S.time, A = y[0];
170
+ if (A)
171
+ for (const h of Object.keys(A))
172
+ t.style[h] = "";
173
+ const c = t.animate(y, {
174
+ duration: C,
175
175
  fill: "forwards",
176
176
  easing: "linear",
177
177
  composite: "replace"
178
178
  });
179
- let u = !0;
180
- const C = performance.now();
181
- return s == null || s(), d.onfinish = () => {
182
- u && (u = !1, c());
179
+ let s = !0;
180
+ const g = performance.now();
181
+ return a == null || a(), c.onfinish = () => {
182
+ s && (s = !1, f());
183
183
  }, {
184
184
  stop: () => {
185
- u && (u = !1, d.cancel());
185
+ s && (s = !1, c.cancel());
186
186
  },
187
187
  getPosition: () => {
188
- if (!u)
189
- return p.position;
190
- const y = performance.now() - C;
191
- return Y(f, y).position;
188
+ if (!s)
189
+ return S.position;
190
+ const h = performance.now() - g;
191
+ return j(m, h).position;
192
192
  },
193
193
  getVelocity: () => {
194
- if (!u)
194
+ if (!s)
195
195
  return 0;
196
- const y = performance.now() - C;
197
- return Y(f, y).velocity;
196
+ const h = performance.now() - g;
197
+ return j(m, h).velocity;
198
198
  },
199
- isRunning: () => u
199
+ isRunning: () => s
200
200
  };
201
201
  }
202
- function lt(e) {
202
+ function ut(e) {
203
203
  const { to: n, onStart: t, onComplete: i } = e;
204
204
  return t == null || t(), i(), {
205
205
  stop: () => {
@@ -209,7 +209,7 @@ function lt(e) {
209
209
  isRunning: () => !1
210
210
  };
211
211
  }
212
- class ut {
212
+ class ft {
213
213
  /**
214
214
  * Get bound runner based on animation mode
215
215
  *
@@ -221,29 +221,29 @@ class ut {
221
221
  const { tick: t, css: i } = n;
222
222
  if (t && i)
223
223
  throw new Error("Cannot use both 'tick' and 'css' options together");
224
- return i ? (r) => ct({
224
+ return i ? (r) => lt({
225
225
  ...r,
226
226
  element: i.element,
227
227
  style: i.style
228
- }) : t ? (r) => ot({
228
+ }) : t ? (r) => st({
229
229
  ...r,
230
230
  onUpdate: t
231
- }) : lt;
231
+ }) : ut;
232
232
  }
233
233
  }
234
- class K {
234
+ class B {
235
235
  }
236
- const ft = { stiffness: 300, damping: 30 };
237
- class j extends K {
236
+ const mt = { stiffness: 300, damping: 30 };
237
+ class W extends B {
238
238
  constructor(t) {
239
239
  super();
240
- m(this, "options");
241
- m(this, "runner");
242
- m(this, "controls", null);
243
- m(this, "isAnimating", !1);
244
- m(this, "currentValue");
245
- m(this, "currentVelocity", 0);
246
- m(this, "updateFn");
240
+ d(this, "options");
241
+ d(this, "runner");
242
+ d(this, "controls", null);
243
+ d(this, "isAnimating", !1);
244
+ d(this, "currentValue");
245
+ d(this, "currentVelocity", 0);
246
+ d(this, "updateFn");
247
247
  if (this.options = {
248
248
  from: t.from ?? 0,
249
249
  to: t.to ?? 1,
@@ -260,13 +260,13 @@ class j extends K {
260
260
  const { element: i, style: r } = t.css;
261
261
  this.updateFn = (o) => {
262
262
  const l = r(o);
263
- for (const [c, s] of Object.entries(l))
264
- i.style[c] = typeof s == "number" ? String(s) : s;
263
+ for (const [f, a] of Object.entries(l))
264
+ i.style[f] = typeof a == "number" ? String(a) : a;
265
265
  };
266
266
  } else
267
267
  this.updateFn = () => {
268
268
  };
269
- this.runner = ut.from({
269
+ this.runner = ft.from({
270
270
  tick: t.tick,
271
271
  css: t.css
272
272
  });
@@ -285,10 +285,10 @@ class j extends K {
285
285
  */
286
286
  createIntegrator() {
287
287
  const t = this.options.physics;
288
- return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? it.from({
288
+ return t != null && t.integrator ? t.integrator() : t != null && t.spring || t != null && t.inertia ? nt.from({
289
289
  spring: t.spring,
290
290
  inertia: t.inertia
291
- }) : new nt(ft);
291
+ }) : new rt(mt);
292
292
  }
293
293
  runAnimation(t) {
294
294
  this.isAnimating = !0, this.controls = this.runner({
@@ -344,20 +344,20 @@ class j extends K {
344
344
  this.options = { ...this.options, ...t };
345
345
  }
346
346
  }
347
- class D extends K {
347
+ class z extends B {
348
348
  constructor(t) {
349
349
  super();
350
- m(this, "config");
351
- m(this, "animators", /* @__PURE__ */ new Map());
352
- m(this, "itemOrder", []);
353
- m(this, "completedCount", 0);
354
- m(this, "completedAnimators", /* @__PURE__ */ new Set());
355
- m(this, "direction", "forward");
356
- m(this, "idCounter", 0);
357
- m(this, "rafId", null);
358
- m(this, "from");
359
- m(this, "to");
360
- m(this, "initialState");
350
+ d(this, "config");
351
+ d(this, "animators", /* @__PURE__ */ new Map());
352
+ d(this, "itemOrder", []);
353
+ d(this, "completedCount", 0);
354
+ d(this, "completedAnimators", /* @__PURE__ */ new Set());
355
+ d(this, "direction", "forward");
356
+ d(this, "idCounter", 0);
357
+ d(this, "rafId", null);
358
+ d(this, "from");
359
+ d(this, "to");
360
+ d(this, "initialState");
361
361
  this.config = t.config, this.from = t.from, this.to = t.to, this.initialState = t.state ?? {
362
362
  position: t.from,
363
363
  velocity: 0
@@ -368,7 +368,7 @@ class D extends K {
368
368
  }
369
369
  initializeAnimators() {
370
370
  this.config.items.forEach((t, i) => {
371
- const r = this.generateId(), o = new j({
371
+ const r = this.generateId(), o = new W({
372
372
  from: this.from,
373
373
  to: this.to,
374
374
  physics: t.physics,
@@ -402,9 +402,9 @@ class D extends K {
402
402
  return this.direction === "forward" ? this.itemOrder : [...this.itemOrder].reverse();
403
403
  }
404
404
  onAnimatorComplete(t) {
405
- var r, o, l, c, s, f;
405
+ var r, o, l, f, a, m;
406
406
  const i = this.animators.get(t);
407
- !i || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = i.item).onComplete) == null || o.call(r), (c = (l = this.config).onProgress) == null || c.call(l, this.completedCount, this.config.items.length), this.completedCount === this.config.items.length && (this.stopScheduler(), (f = (s = this.config).onEnd) == null || f.call(s)));
407
+ !i || this.completedAnimators.has(t) || (this.completedAnimators.add(t), this.completedCount++, (o = (r = i.item).onComplete) == null || o.call(r), (f = (l = this.config).onProgress) == null || f.call(l, this.completedCount, this.config.items.length), this.completedCount === this.config.items.length && (this.stopScheduler(), (m = (a = this.config).onEnd) == null || m.call(a)));
408
408
  }
409
409
  /**
410
410
  * Check and start springs based on previous spring's progress
@@ -419,10 +419,10 @@ class D extends K {
419
419
  this.startAnimator(r);
420
420
  continue;
421
421
  }
422
- const l = t[i - 1], c = this.animators.get(l);
423
- if (!c || !c.started) continue;
424
- const s = this.getAnimatorProgress(c), f = o.item.normalizedOffset;
425
- s >= f && this.startAnimator(r);
422
+ const l = t[i - 1], f = this.animators.get(l);
423
+ if (!f || !f.started) continue;
424
+ const a = this.getAnimatorProgress(f), m = o.item.normalizedOffset;
425
+ a >= m && this.startAnimator(r);
426
426
  }
427
427
  }
428
428
  startAnimator(t) {
@@ -470,7 +470,7 @@ class D extends K {
470
470
  return;
471
471
  const i = t.animator.getCurrentState();
472
472
  if (i.position === i.to) {
473
- const o = new j({
473
+ const o = new W({
474
474
  from: this.to,
475
475
  to: this.from,
476
476
  physics: t.item.physics,
@@ -537,10 +537,10 @@ class D extends K {
537
537
  * Uses first animator's state for initialization
538
538
  */
539
539
  static fromState(t, i) {
540
- return new D({ ...i, state: t });
540
+ return new z({ ...i, state: t });
541
541
  }
542
542
  }
543
- const B = Symbol.for("TRANSITION_STRATEGY"), mt = (e) => ({
543
+ const J = Symbol.for("TRANSITION_STRATEGY"), dt = (e) => ({
544
544
  runIn: async (n) => {
545
545
  const { currentAnimation: t } = e;
546
546
  if (t && t.direction === "out") {
@@ -607,7 +607,7 @@ const B = Symbol.for("TRANSITION_STRATEGY"), mt = (e) => ({
607
607
  direction: "forward"
608
608
  };
609
609
  }
610
- }), dt = () => ({
610
+ }), ht = () => ({
611
611
  runIn: async (e) => e.in ? {
612
612
  config: await e.in,
613
613
  state: {
@@ -644,25 +644,25 @@ const B = Symbol.for("TRANSITION_STRATEGY"), mt = (e) => ({
644
644
  to: 0,
645
645
  direction: "forward"
646
646
  }
647
- }), J = "data-ssgoi-scope", Q = "data-ssgoi-scope-ready";
648
- function Ft() {
647
+ }), Q = "data-ssgoi-scope", Z = "data-ssgoi-scope-ready";
648
+ function xt() {
649
649
  return (e) => {
650
650
  if (e)
651
- return e.setAttribute(J, ""), queueMicrotask(() => {
651
+ return e.setAttribute(Q, ""), queueMicrotask(() => {
652
652
  queueMicrotask(() => {
653
- e.setAttribute(Q, "true");
653
+ e.setAttribute(Z, "true");
654
654
  });
655
655
  }), () => {
656
656
  };
657
657
  };
658
658
  }
659
- function ht(e) {
660
- return e.hasAttribute(Q);
661
- }
662
659
  function gt(e) {
663
- return e.closest(`[${J}]`);
660
+ return e.hasAttribute(Z);
664
661
  }
665
- const pt = (e) => {
662
+ function pt(e) {
663
+ return e.closest(`[${Q}]`);
664
+ }
665
+ const wt = (e) => {
666
666
  let n = e.parentElement;
667
667
  for (; n && n !== document.body; ) {
668
668
  const t = window.getComputedStyle(n), i = t.overflow + t.overflowY + t.overflowX;
@@ -671,7 +671,7 @@ const pt = (e) => {
671
671
  n = n.parentElement;
672
672
  }
673
673
  return document.documentElement;
674
- }, wt = (e) => {
674
+ }, yt = (e) => {
675
675
  let n = e.parentElement;
676
676
  for (; n && n !== document.body; ) {
677
677
  const t = window.getComputedStyle(n).position;
@@ -681,7 +681,7 @@ const pt = (e) => {
681
681
  }
682
682
  return document.body;
683
683
  };
684
- function W(e) {
684
+ function G(e) {
685
685
  return new Promise((n) => {
686
686
  requestAnimationFrame(() => {
687
687
  requestAnimationFrame(() => {
@@ -690,104 +690,104 @@ function W(e) {
690
690
  });
691
691
  });
692
692
  }
693
- function yt(e, n) {
694
- var v;
693
+ function vt(e, n) {
694
+ var A;
695
695
  let t = null, i = null, r = null, o = null;
696
696
  const l = {
697
697
  get currentAnimation() {
698
698
  return t;
699
699
  }
700
- }, c = ((v = n == null ? void 0 : n.strategy) == null ? void 0 : v.call(n, l)) || mt(l), s = async (d) => {
700
+ }, f = ((A = n == null ? void 0 : n.strategy) == null ? void 0 : A.call(n, l)) || dt(l), a = async (c) => {
701
701
  var R, P;
702
702
  i && (i.remove(), i = null);
703
- const u = e(), C = u.in && u.in(d), y = !(n != null && n.strategy) && u.out ? u.out(d) : void 0;
704
- if (!C)
703
+ const s = e(), g = s.in && s.in(c), h = !(n != null && n.strategy) && s.out ? s.out(c) : void 0;
704
+ if (!g)
705
705
  return;
706
- const V = {
707
- in: M(C),
708
- out: y ? M(y) : void 0
709
- }, g = await c.runIn(V);
710
- if (!g.config) {
706
+ const T = {
707
+ in: M(g),
708
+ out: h ? M(h) : void 0
709
+ }, p = await f.runIn(T);
710
+ if (!p.config) {
711
711
  t && (t.direction = "in");
712
712
  return;
713
713
  }
714
- const a = g.config;
715
- (R = a.prepare) == null || R.call(a);
716
- const S = X(
714
+ const u = p.config;
715
+ (R = u.prepare) == null || R.call(u);
716
+ const v = H(
717
717
  {
718
- ...a,
718
+ ...u,
719
719
  onEnd: () => {
720
- var E;
721
- t = null, (E = a.onEnd) == null || E.call(a);
720
+ var k;
721
+ t = null, (k = u.onEnd) == null || k.call(u);
722
722
  }
723
723
  },
724
- d
724
+ c
725
725
  );
726
- a.wait && await a.wait();
727
- const A = D.fromState(g.state, {
728
- config: S,
729
- from: g.from,
730
- to: g.to
726
+ u.wait && await u.wait();
727
+ const w = z.fromState(p.state, {
728
+ config: v,
729
+ from: p.from,
730
+ to: p.to
731
731
  });
732
- t = { controller: A, direction: "in" }, (P = a.onReady) == null || P.call(a), await W(), g.direction === "forward" ? A.forward() : A.backward();
733
- }, f = async (d) => {
734
- var P, E;
735
- i = d;
736
- const u = e(), C = !(n != null && n.strategy) && u.in ? u.in(d) : void 0, y = u.out && u.out(d);
737
- if (!y)
732
+ t = { controller: w, direction: "in" }, (P = u.onReady) == null || P.call(u), await G(), p.direction === "forward" ? w.forward() : w.backward();
733
+ }, m = async (c) => {
734
+ var P, k;
735
+ i = c;
736
+ const s = e(), g = !(n != null && n.strategy) && s.in ? s.in(c) : void 0, h = s.out && s.out(c);
737
+ if (!h)
738
738
  return;
739
- const V = {
740
- in: C ? M(C) : void 0,
741
- out: M(y)
742
- }, g = await c.runOut(V);
743
- if (!g.config) {
739
+ const T = {
740
+ in: g ? M(g) : void 0,
741
+ out: M(h)
742
+ }, p = await f.runOut(T);
743
+ if (!p.config) {
744
744
  t && (t.direction = "out"), i && (i.remove(), i = null);
745
745
  return;
746
746
  }
747
- const a = g.config;
748
- R(), (P = a.prepare) == null || P.call(a);
749
- const S = X(
747
+ const u = p.config;
748
+ R(), (P = u.prepare) == null || P.call(u);
749
+ const v = H(
750
750
  {
751
- ...a,
751
+ ...u,
752
752
  onEnd: () => {
753
- var I, k;
754
- (I = a.onEnd) == null || I.call(a), i && (i.remove(), i = null), t = null, (k = n == null ? void 0 : n.onCleanupEnd) == null || k.call(n);
753
+ var V, F;
754
+ (V = u.onEnd) == null || V.call(u), i && (i.remove(), i = null), t = null, (F = n == null ? void 0 : n.onCleanupEnd) == null || F.call(n);
755
755
  }
756
756
  },
757
- d
757
+ c
758
758
  );
759
- a.wait && await a.wait();
760
- const A = D.fromState(g.state, {
761
- config: S,
762
- from: g.from,
763
- to: g.to
759
+ u.wait && await u.wait();
760
+ const w = z.fromState(p.state, {
761
+ config: v,
762
+ from: p.from,
763
+ to: p.to
764
764
  });
765
- t = { controller: A, direction: "out" }, (E = a.onReady) == null || E.call(a), await W(), g.direction === "forward" ? A.forward() : A.backward();
765
+ t = { controller: w, direction: "out" }, (k = u.onReady) == null || k.call(u), await G(), p.direction === "forward" ? w.forward() : w.backward();
766
766
  function R() {
767
767
  !r || !i || (o && r.contains(o) ? r.insertBefore(i, o) : r.appendChild(i));
768
768
  }
769
769
  };
770
- let h = null, p = !1;
771
- const w = (d) => () => {
772
- if (p) return;
773
- p = !0;
774
- const u = d.cloneNode(!0);
775
- h ? queueMicrotask(() => {
776
- document.contains(h) && f(u);
777
- }) : f(u);
770
+ let y = null, S = !1;
771
+ const C = (c) => () => {
772
+ if (S) return;
773
+ S = !0;
774
+ const s = c.cloneNode(!0);
775
+ y ? queueMicrotask(() => {
776
+ document.contains(y) && m(s);
777
+ }) : m(s);
778
778
  };
779
- return (d) => {
780
- if (d)
779
+ return (c) => {
780
+ if (c)
781
781
  return requestAnimationFrame(() => {
782
- r = d.parentElement, o = d.nextElementSibling;
783
- }), p = !1, (n == null ? void 0 : n.scope) === "local" ? queueMicrotask(() => {
784
- h = gt(d), !(h && !ht(h)) && s(d);
785
- }) : s(d), w(d);
782
+ r = c.parentElement, o = c.nextElementSibling;
783
+ }), S = !1, (n == null ? void 0 : n.scope) === "local" ? queueMicrotask(() => {
784
+ y = pt(c), !(y && !gt(y)) && a(c);
785
+ }) : a(c), C(c);
786
786
  };
787
787
  }
788
788
  const b = /* @__PURE__ */ new Map();
789
- let T = null, N = !1;
790
- function Z(e) {
789
+ let E = null, U = !1;
790
+ function tt(e) {
791
791
  if (e instanceof HTMLElement && b.has(e)) {
792
792
  const t = b.get(e);
793
793
  b.delete(e), queueMicrotask(() => {
@@ -797,25 +797,25 @@ function Z(e) {
797
797
  const n = e.childNodes;
798
798
  for (let t = 0; t < n.length; t++) {
799
799
  const i = n[t];
800
- i && Z(i);
800
+ i && tt(i);
801
801
  }
802
802
  }
803
- function vt() {
804
- N || typeof document > "u" || (N = !0, T = new MutationObserver((e) => {
803
+ function St() {
804
+ U || typeof document > "u" || (U = !0, E = new MutationObserver((e) => {
805
805
  for (const n of e) {
806
806
  const t = n.removedNodes;
807
807
  for (let i = 0; i < t.length; i++) {
808
808
  const r = t[i];
809
- r && Z(r);
809
+ r && tt(r);
810
810
  }
811
811
  }
812
- }), document.body ? T.observe(document.body, {
812
+ }), document.body ? E.observe(document.body, {
813
813
  childList: !0,
814
814
  subtree: !0
815
815
  }) : document.addEventListener(
816
816
  "DOMContentLoaded",
817
817
  () => {
818
- T == null || T.observe(document.body, {
818
+ E == null || E.observe(document.body, {
819
819
  childList: !0,
820
820
  subtree: !0
821
821
  });
@@ -823,67 +823,67 @@ function vt() {
823
823
  { once: !0 }
824
824
  ));
825
825
  }
826
- function St(e, n) {
827
- vt(), b.set(e, n);
826
+ function Ct(e, n) {
827
+ St(), b.set(e, n);
828
828
  }
829
829
  function Mt(e) {
830
830
  return b.has(e);
831
831
  }
832
- function xt() {
832
+ function Ot() {
833
833
  return b.size;
834
834
  }
835
- function Ot(e) {
835
+ function Lt(e) {
836
836
  const n = b.get(e);
837
837
  return n ? (b.delete(e), n(), !0) : !1;
838
838
  }
839
- function Lt() {
840
- b.clear(), T == null || T.disconnect(), T = null, N = !1;
839
+ function Dt() {
840
+ b.clear(), E == null || E.disconnect(), E = null, U = !1;
841
841
  }
842
- const L = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map();
843
- function Ct(e, n, t) {
844
- L.set(e, n);
845
- let i = U.get(e);
842
+ const D = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map();
843
+ function At(e, n, t) {
844
+ D.set(e, n);
845
+ let i = X.get(e);
846
846
  if (i)
847
847
  return i;
848
848
  const r = n;
849
- return i = yt(
849
+ return i = vt(
850
850
  () => {
851
- const o = L.get(e);
851
+ const o = D.get(e);
852
852
  return o || (console.warn(`Transition "${String(e)}" not found`), {});
853
853
  },
854
854
  {
855
855
  strategy: t == null ? void 0 : t.strategy,
856
856
  scope: t == null ? void 0 : t.scope,
857
857
  onCleanupEnd: () => {
858
- L.get(e) === r && At(e);
858
+ D.get(e) === r && Tt(e);
859
859
  }
860
860
  }
861
- ), U.set(e, i), i;
861
+ ), X.set(e, i), i;
862
862
  }
863
- function At(e) {
864
- L.delete(e), U.delete(e), H.delete(e);
863
+ function Tt(e) {
864
+ D.delete(e), X.delete(e), Y.delete(e);
865
865
  }
866
- function Dt(e, n = "manual") {
867
- const t = Ct(
866
+ function zt(e, n = "manual") {
867
+ const t = At(
868
868
  e.key,
869
869
  {
870
870
  in: e.in,
871
871
  out: e.out
872
872
  },
873
873
  {
874
- strategy: e[B],
874
+ strategy: e[J],
875
875
  scope: e.scope
876
876
  }
877
877
  );
878
878
  if (n === "manual")
879
879
  return t;
880
- let i = H.get(e.key);
880
+ let i = Y.get(e.key);
881
881
  return i || (i = (r) => {
882
882
  if (r) {
883
883
  const o = t(r);
884
- o && St(r, o);
884
+ o && Ct(r, o);
885
885
  }
886
- }, H.set(e.key, i), i);
886
+ }, Y.set(e.key, i), i);
887
887
  }
888
888
  function Et(e) {
889
889
  const n = e.filter((t) => t.symmetric).map((t) => ({
@@ -893,66 +893,89 @@ function Et(e) {
893
893
  }));
894
894
  return [...e, ...n];
895
895
  }
896
- function Tt(e) {
896
+ function bt(e) {
897
897
  let n = !1, t = 0, i = 0, r = !1;
898
- const o = 50, l = (d) => {
898
+ const o = 50, l = (c) => {
899
899
  if (!e) return;
900
- const u = d.touches[0];
901
- u && (r = u.clientX < o, r && (t = u.clientX, i = u.clientY));
902
- }, c = (d) => {
900
+ const s = c.touches[0];
901
+ s && (r = s.clientX < o, r && (t = s.clientX, i = s.clientY));
902
+ }, f = (c) => {
903
903
  if (!e || !r) return;
904
- const u = d.touches[0];
905
- if (!u) return;
906
- const C = u.clientX - t, y = u.clientY - i;
907
- C > window.outerWidth / 2 - 5 && Math.abs(C) > Math.abs(y) ? n = !0 : n = !1;
908
- }, s = () => {
904
+ const s = c.touches[0];
905
+ if (!s) return;
906
+ const g = s.clientX - t, h = s.clientY - i;
907
+ g > window.outerWidth / 2 - 5 && Math.abs(g) > Math.abs(h) ? n = !0 : n = !1;
908
+ }, a = () => {
909
909
  e && (r = !1, t = 0, i = 0);
910
- }, f = () => n, h = () => {
911
- typeof window > "u" || e && (window.addEventListener("touchstart", l, { passive: !0 }), window.addEventListener("touchmove", c, { passive: !0 }), window.addEventListener("touchend", s, { passive: !0 }));
912
- }, p = () => {
913
- typeof window > "u" || (window.removeEventListener("touchstart", l), window.removeEventListener("touchmove", c), window.removeEventListener("touchend", s));
910
+ }, m = () => n, y = () => {
911
+ typeof window > "u" || e && (window.addEventListener("touchstart", l, { passive: !0 }), window.addEventListener("touchmove", f, { passive: !0 }), window.addEventListener("touchend", a, { passive: !0 }));
912
+ }, S = () => {
913
+ typeof window > "u" || (window.removeEventListener("touchstart", l), window.removeEventListener("touchmove", f), window.removeEventListener("touchend", a));
914
914
  };
915
- let w = 0;
915
+ let C = 0;
916
916
  return {
917
- initialize: h,
918
- cleanup: p,
919
- isSwipePending: f,
917
+ initialize: y,
918
+ cleanup: S,
919
+ isSwipePending: m,
920
920
  resetSwipeDetection: () => {
921
921
  requestAnimationFrame(() => {
922
- w++, w > 1 && (w = 0, n = !1);
922
+ C++, C > 1 && (C = 0, n = !1);
923
923
  });
924
924
  }
925
925
  };
926
926
  }
927
- function bt() {
928
- let e = null, n = null;
929
- const t = /* @__PURE__ */ new Map();
930
- let i = null;
931
- const r = () => {
932
- e && i && t.set(i, {
933
- x: e.scrollLeft,
934
- y: e.scrollTop
927
+ function Rt(e = {}) {
928
+ const { preserveScroll: n = !1 } = e;
929
+ let t = null, i = null;
930
+ const r = /* @__PURE__ */ new Map();
931
+ let o = null, l = !1;
932
+ const f = () => {
933
+ t && o && !l && r.set(o, {
934
+ x: t.scrollLeft,
935
+ y: t.scrollTop
935
936
  });
937
+ }, a = (c) => {
938
+ if (!t || !n) return;
939
+ const s = r.get(c);
940
+ if (!s) return;
941
+ const g = 10;
942
+ let h = 0;
943
+ const T = () => {
944
+ if (!t) return;
945
+ t.scrollTo({
946
+ top: s.y,
947
+ left: s.x
948
+ });
949
+ const p = t.scrollTop, u = t.scrollLeft;
950
+ !(Math.abs(p - s.y) < 1 && Math.abs(u - s.x) < 1) && h < g && (h++, requestAnimationFrame(T));
951
+ };
952
+ requestAnimationFrame(T);
936
953
  };
937
954
  return {
938
- initializeContext: (h, p) => {
939
- n = h, e || (e = pt(h), (e === document.documentElement ? window : e).addEventListener("scroll", r, {
955
+ initializeContext: (c, s) => {
956
+ l = !0, i = c, t || (t = wt(c), (t === document.documentElement ? window : t).addEventListener("scroll", f, {
940
957
  passive: !0
941
- })), i = p;
958
+ })), o = s, n && t && (r.get(s) ? a(s) : t.scrollTo({ top: 0, left: 0 }));
959
+ const g = 10;
960
+ let h = 0;
961
+ const T = () => {
962
+ h++, h >= g ? l = !1 : requestAnimationFrame(T);
963
+ };
964
+ requestAnimationFrame(T);
942
965
  },
943
- calculateScrollOffset: (h, p) => {
944
- const w = h && t.has(h) ? t.get(h) : { x: 0, y: 0 }, v = p && t.has(p) ? t.get(p) : { x: 0, y: 0 };
966
+ calculateScrollOffset: (c, s) => {
967
+ const g = c && r.has(c) ? r.get(c) : { x: 0, y: 0 }, h = s && r.has(s) ? r.get(s) : { x: 0, y: 0 };
945
968
  return {
946
- x: -v.x + w.x,
947
- y: -v.y + w.y
969
+ x: -h.x + g.x,
970
+ y: -h.y + g.y
948
971
  };
949
972
  },
950
- getScrollContainer: () => e,
951
- getPositionedParentElement: () => n ? wt(n) : document.body,
952
- getScrollPosition: (h) => h && t.has(h) ? t.get(h) : { x: 0, y: 0 }
973
+ getScrollContainer: () => t,
974
+ getPositionedParentElement: () => i ? yt(i) : document.body,
975
+ getScrollPosition: (c) => c && r.has(c) ? r.get(c) : { x: 0, y: 0 }
953
976
  };
954
977
  }
955
- function O(e, n) {
978
+ function L(e, n) {
956
979
  if (n === "*")
957
980
  return !0;
958
981
  if (n.endsWith("/*")) {
@@ -961,16 +984,16 @@ function O(e, n) {
961
984
  }
962
985
  return e === n;
963
986
  }
964
- function G(e, n, t) {
987
+ function $(e, n, t) {
965
988
  for (const i of t)
966
- if (O(e, i.from) && O(n, i.to))
989
+ if (L(e, i.from) && L(n, i.to))
967
990
  return i.transition;
968
991
  for (const i of t)
969
- if ((i.from === "*" || O(e, i.from)) && (i.to === "*" || O(n, i.to)))
992
+ if ((i.from === "*" || L(e, i.from)) && (i.to === "*" || L(n, i.to)))
970
993
  return i.transition;
971
994
  return null;
972
995
  }
973
- function kt() {
996
+ function Pt() {
974
997
  let e = null;
975
998
  function n() {
976
999
  if (e != null && e.from && (e != null && e.to) && (e != null && e.outResolve) && (e != null && e.inResolve)) {
@@ -989,7 +1012,7 @@ function kt() {
989
1012
  }
990
1013
  };
991
1014
  }
992
- function Rt() {
1015
+ function kt() {
993
1016
  let e = null;
994
1017
  function n() {
995
1018
  var i, r;
@@ -1012,117 +1035,119 @@ function Rt() {
1012
1035
  }
1013
1036
  };
1014
1037
  }
1015
- function zt(e, n) {
1038
+ function qt(e, n) {
1016
1039
  const {
1017
1040
  transitions: t = [],
1018
1041
  defaultTransition: i,
1019
- middleware: r = (g, a) => ({ from: g, to: a }),
1042
+ middleware: r = (u, v) => ({ from: u, to: v }),
1020
1043
  // Identity function as default
1021
- skipOnIosSwipe: o = !0
1044
+ skipOnIosSwipe: o = !0,
1022
1045
  // Default to true - skip animations on iOS swipe
1023
- } = e, { outFirst: l = !0, createNavigationDetector: c } = n || {}, s = (c == null ? void 0 : c()) ?? (l ? kt() : Rt()), f = Et(t), {
1024
- initializeContext: h,
1025
- calculateScrollOffset: p,
1026
- getScrollContainer: w,
1027
- getPositionedParentElement: v,
1028
- getScrollPosition: d
1029
- } = bt(), u = Tt(o);
1030
- u.initialize();
1031
- const C = async (g, a) => {
1032
- if (u.isSwipePending())
1033
- return u.resetSwipeDetection(), a === "in" ? async (k) => ({
1046
+ experimentalPreserveScroll: l = !1
1047
+ // Default to false - manual scroll management
1048
+ } = e, { outFirst: f = !0, createNavigationDetector: a } = n || {}, m = (a == null ? void 0 : a()) ?? (f ? Pt() : kt()), y = Et(t), {
1049
+ initializeContext: S,
1050
+ calculateScrollOffset: C,
1051
+ getScrollContainer: A,
1052
+ getPositionedParentElement: c,
1053
+ getScrollPosition: s
1054
+ } = Rt({ preserveScroll: l }), g = bt(o);
1055
+ g.initialize();
1056
+ const h = async (u, v) => {
1057
+ if (g.isSwipePending())
1058
+ return g.resetSwipeDetection(), v === "in" ? async (I) => ({
1034
1059
  onReady: () => {
1035
- k.style.visibility = "visible";
1060
+ I.style.visibility = "visible";
1036
1061
  }
1037
1062
  }) : () => ({});
1038
- s.trigger(g, a);
1039
- const S = await s.get(a);
1040
- if (!S) return () => ({});
1041
- const { from: A, to: R } = r(
1042
- S.from,
1043
- S.to
1044
- ), E = G(
1045
- A,
1063
+ m.trigger(u, v);
1064
+ const w = await m.get(v);
1065
+ if (!w) return () => ({});
1066
+ const { from: R, to: P } = r(
1067
+ w.from,
1068
+ w.to
1069
+ ), V = $(
1046
1070
  R,
1047
- f
1071
+ P,
1072
+ y
1048
1073
  ) || i;
1049
- if (!E) return () => ({});
1050
- const I = p(S.from, S.to);
1051
- if (a === "out") {
1052
- const k = {
1053
- scrollOffset: I,
1054
- scroll: d(S.from),
1074
+ if (!V) return () => ({});
1075
+ const F = C(w.from, w.to);
1076
+ if (v === "out") {
1077
+ const I = {
1078
+ scrollOffset: F,
1079
+ scroll: s(w.from),
1055
1080
  get scrollingElement() {
1056
- return w() || document.documentElement;
1081
+ return A() || document.documentElement;
1057
1082
  },
1058
1083
  get positionedParent() {
1059
- return v();
1084
+ return c();
1060
1085
  }
1061
1086
  };
1062
- return (F) => E.out(F, k);
1087
+ return (x) => V.out(x, I);
1063
1088
  } else {
1064
- const k = {
1065
- scrollOffset: I,
1089
+ const I = {
1090
+ scrollOffset: F,
1066
1091
  get scroll() {
1067
- return d(S.to);
1092
+ return s(w.to);
1068
1093
  },
1069
1094
  get scrollingElement() {
1070
- return w() || document.documentElement;
1095
+ return A() || document.documentElement;
1071
1096
  },
1072
1097
  get positionedParent() {
1073
- return v();
1098
+ return c();
1074
1099
  }
1075
1100
  };
1076
- return async (F) => {
1077
- const z = await Promise.resolve(E.in(F, k)), q = z.onReady;
1078
- return z.onReady = () => {
1079
- F.style.visibility = "visible", q == null || q();
1080
- }, z;
1101
+ return async (x) => {
1102
+ const q = await Promise.resolve(V.in(x, I)), _ = q.onReady;
1103
+ return q.onReady = () => {
1104
+ x.style.visibility = "visible", _ == null || _();
1105
+ }, q;
1081
1106
  };
1082
1107
  }
1083
- }, y = (g) => ({
1084
- key: g,
1085
- in: async (a) => (h(a, g), (await C(g, "in"))(a)),
1086
- out: async (a) => (await C(g, "out"))(a),
1108
+ }, T = (u) => ({
1109
+ key: u,
1110
+ in: async (v) => (S(v, u), (await h(u, "in"))(v)),
1111
+ out: async (v) => (await h(u, "out"))(v),
1087
1112
  // Add page transition strategy for page-level transitions
1088
- [B]: dt
1089
- }), V = (g, a) => {
1090
- if (u.isSwipePending())
1113
+ [J]: ht
1114
+ }), p = (u, v) => {
1115
+ if (g.isSwipePending())
1091
1116
  return !1;
1092
- const { from: S, to: A } = r(g, a);
1093
- return !!(G(
1094
- S,
1095
- A,
1096
- f
1117
+ const { from: w, to: R } = r(u, v);
1118
+ return !!($(
1119
+ w,
1120
+ R,
1121
+ y
1097
1122
  ) || i);
1098
1123
  };
1099
- return c ? {
1100
- getTransition: y,
1101
- hasMatchingTransition: V
1102
- } : y;
1124
+ return a ? {
1125
+ getTransition: T,
1126
+ hasMatchingTransition: p
1127
+ } : T;
1103
1128
  }
1104
1129
  export {
1105
- J as SCOPE_ATTR,
1106
- Q as SCOPE_READY_ATTR,
1107
- B as TRANSITION_STRATEGY,
1108
- Rt as createAnyOrderDetector,
1109
- mt as createDefaultStrategy,
1110
- kt as createOutFirstDetector,
1111
- dt as createPageTransitionStrategy,
1112
- zt as createSggoiTransitionContext,
1113
- Ft as createTransitionScope,
1114
- gt as findScope,
1115
- xt as getWatchedCount,
1116
- Nt as isCssAnimation,
1117
- Ut as isMultiAnimation,
1118
- ht as isScopeReady,
1119
- Ht as isSingleAnimation,
1120
- Xt as isTickAnimation,
1130
+ Q as SCOPE_ATTR,
1131
+ Z as SCOPE_READY_ATTR,
1132
+ J as TRANSITION_STRATEGY,
1133
+ kt as createAnyOrderDetector,
1134
+ dt as createDefaultStrategy,
1135
+ Pt as createOutFirstDetector,
1136
+ ht as createPageTransitionStrategy,
1137
+ qt as createSggoiTransitionContext,
1138
+ xt as createTransitionScope,
1139
+ pt as findScope,
1140
+ Ot as getWatchedCount,
1141
+ Ut as isCssAnimation,
1142
+ Xt as isMultiAnimation,
1143
+ gt as isScopeReady,
1144
+ Yt as isSingleAnimation,
1145
+ Ht as isTickAnimation,
1121
1146
  Mt as isWatched,
1122
- X as normalizeSchedule,
1147
+ H as normalizeSchedule,
1123
1148
  M as normalizeToMultiAnimation,
1124
- Lt as resetObserver,
1125
- Dt as transition,
1126
- Ot as triggerUnmount,
1127
- St as watchUnmount
1149
+ Dt as resetObserver,
1150
+ zt as transition,
1151
+ Lt as triggerUnmount,
1152
+ Ct as watchUnmount
1128
1153
  };