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