@ssgoi/core 6.3.1 → 6.5.0-beta.0

package/dist/internal.js

@@ -1,52 +1,52 @@
-var ce = Object.defineProperty;
-var ae = (e, n, t) => n in e ? ce(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var W = (e, n, t) => ae(e, typeof n != "symbol" ? n + "" : n, t);
-import { A as ue } from "./multi-animation-CnxqLEka.js";
-import { M as Ke, W as Ne } from "./multi-animation-CnxqLEka.js";
-class fe extends ue {
+var At = Object.defineProperty;
+var Ct = (t, s, e) => s in t ? At(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var B = (t, s, e) => Ct(t, typeof s != "symbol" ? s + "" : s, e);
+import { A as xt } from "./multi-animation-CnxqLEka.js";
+import { M as le, W as ce } from "./multi-animation-CnxqLEka.js";
+class Mt extends xt {
   constructor() {
     super(...arguments);
-    W(this, "child", null);
-    W(this, "_state", "idle");
-    W(this, "_settled", !1);
-    W(this, "listeners", /* @__PURE__ */ new Set());
+    B(this, "child", null);
+    B(this, "_state", "idle");
+    B(this, "_settled", !1);
+    B(this, "listeners", /* @__PURE__ */ new Set());
   }
-  attach(t) {
-    const o = this.child;
-    if (this.child = t, this._settled = !1, o) {
-      const h = o.getPose();
-      o.complete(), t.matchInto(h);
+  attach(e) {
+    const n = this.child;
+    if (this.child = e, this._settled = !1, n) {
+      const c = n.getPose();
+      n.complete(), e.matchInto(c);
     }
-    t.playbackRate = this.playbackRate;
-    const c = t.onComplete;
-    t.onComplete = () => {
-      c == null || c(), this.child === t && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
+    e.playbackRate = this.playbackRate;
+    const l = e.onComplete;
+    e.onComplete = () => {
+      l == null || l(), this.child === e && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
     };
-    const d = t.onUpdate;
-    t.onUpdate = (h) => {
-      var S;
-      d == null || d(h), (S = this.onUpdate) == null || S.call(this, h), this.notify();
-    }, this._state === "paused" ? t.pause() : this._state === "reversing" ? t.reverse() : (this._state = "playing", t.play()), this.notify();
+    const d = e.onUpdate;
+    e.onUpdate = (c) => {
+      var y;
+      d == null || d(c), (y = this.onUpdate) == null || y.call(this, c), this.notify();
+    }, this._state === "paused" ? e.pause() : this._state === "reversing" ? e.reverse() : (this._state = "playing", e.play()), this.notify();
   }
   play() {
-    var t;
-    this._state = "playing", this._settled = !1, (t = this.child) == null || t.play(), this.notify();
+    var e;
+    this._state = "playing", this._settled = !1, (e = this.child) == null || e.play(), this.notify();
   }
   reverse() {
-    var t;
-    this._state = "reversing", this._settled = !1, (t = this.child) == null || t.reverse(), this.notify();
+    var e;
+    this._state = "reversing", this._settled = !1, (e = this.child) == null || e.reverse(), this.notify();
   }
   pause() {
-    var t;
-    this._state = "paused", (t = this.child) == null || t.pause(), this.notify();
+    var e;
+    this._state = "paused", (e = this.child) == null || e.pause(), this.notify();
   }
   complete() {
-    var t;
-    (t = this.child) == null || t.complete(), this.notify();
+    var e;
+    (e = this.child) == null || e.complete(), this.notify();
   }
   get isAnimating() {
-    var t;
-    return ((t = this.child) == null ? void 0 : t.isAnimating) ?? !1;
+    var e;
+    return ((e = this.child) == null ? void 0 : e.isAnimating) ?? !1;
   }
   get isPaused() {
     return this._state === "paused";
@@ -55,459 +55,611 @@ class fe extends ue {
     return this._settled && !this.child;
   }
   get isReversing() {
-    var t;
-    return ((t = this.child) == null ? void 0 : t.isReversing) ?? this._state === "reversing";
+    var e;
+    return ((e = this.child) == null ? void 0 : e.isReversing) ?? this._state === "reversing";
   }
   get progress() {
-    var t;
-    return ((t = this.child) == null ? void 0 : t.progress) ?? 0;
+    var e;
+    return ((e = this.child) == null ? void 0 : e.progress) ?? 0;
   }
-  findTimeForProgress(t) {
-    var o;
-    return ((o = this.child) == null ? void 0 : o.findTimeForProgress(t)) ?? null;
+  findTimeForProgress(e) {
+    var n;
+    return ((n = this.child) == null ? void 0 : n.findTimeForProgress(e)) ?? null;
   }
   get playbackRate() {
     return super.playbackRate;
   }
-  set playbackRate(t) {
-    super.playbackRate = t, this.child && (this.child.playbackRate = t), this.notify();
+  set playbackRate(e) {
+    super.playbackRate = e, this.child && (this.child.playbackRate = e), this.notify();
   }
   getPose() {
-    var t;
-    return ((t = this.child) == null ? void 0 : t.getPose()) ?? [];
+    var e;
+    return ((e = this.child) == null ? void 0 : e.getPose()) ?? [];
   }
   getTimeline() {
-    var t;
-    return ((t = this.child) == null ? void 0 : t.getTimeline()) ?? [];
+    var e;
+    return ((e = this.child) == null ? void 0 : e.getTimeline()) ?? [];
   }
-  matchInto(t) {
-    var o;
-    (o = this.child) == null || o.matchInto(t);
+  matchInto(e) {
+    var n;
+    (n = this.child) == null || n.matchInto(e);
   }
   /** Currently attached child, or null when nothing is playing. */
   get activeChild() {
     return this.child;
   }
   /** Subscribe to host state changes. Returns an unsubscribe fn. */
-  subscribe(t) {
-    return this.listeners.add(t), () => {
-      this.listeners.delete(t);
+  subscribe(e) {
+    return this.listeners.add(e), () => {
+      this.listeners.delete(e);
     };
   }
   notify() {
-    for (const t of this.listeners) t();
+    for (const e of this.listeners) e();
   }
 }
-const de = (e, n) => {
-  var t;
-  e.style.position = "absolute", e.style.width = "100%", e.style.top = `${-1 * (((t = n == null ? void 0 : n.scrollOffset) == null ? void 0 : t.y) ?? 0)}px`, e.style.left = "0";
-}, J = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]), he = (e) => {
-  let n = e.parentElement;
-  for (; n && n !== document.body; ) {
-    const t = window.getComputedStyle(n);
-    if (J.has(t.overflowY) || J.has(t.overflowX))
-      return n;
-    n = n.parentElement;
+const Lt = (t, s) => {
+  var e;
+  t.style.position = "absolute", t.style.width = "100%", t.style.top = `${-1 * (((e = s == null ? void 0 : s.scrollOffset) == null ? void 0 : e.y) ?? 0)}px`, t.style.left = "0";
+}, dt = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]), Ot = (t) => {
+  let s = t.parentElement;
+  for (; s && s !== document.body; ) {
+    const e = window.getComputedStyle(s);
+    if (dt.has(e.overflowY) || dt.has(e.overflowX))
+      return s;
+    s = s.parentElement;
   }
   return document.documentElement;
-}, me = (e) => {
-  let n = e.parentElement;
-  for (; n && n !== document.body; ) {
-    const t = window.getComputedStyle(n).position;
-    if (t === "relative" || t === "absolute" || t === "fixed" || t === "sticky")
-      return n;
-    n = n.parentElement;
+}, _t = (t) => {
+  let s = t.parentElement;
+  for (; s && s !== document.body; ) {
+    const e = window.getComputedStyle(s).position;
+    if (e === "relative" || e === "absolute" || e === "fixed" || e === "sticky")
+      return s;
+    s = s.parentElement;
   }
   return document.body;
 };
-function ge(e) {
-  const n = Object.keys(e);
-  return Promise.all(n.map((t) => e[t])).then((t) => {
-    const o = {};
-    return n.forEach((c, d) => {
-      o[c] = t[d];
-    }), o;
+function kt(t) {
+  const s = Object.keys(t);
+  return Promise.all(s.map((e) => t[e])).then((e) => {
+    const n = {};
+    return s.forEach((l, d) => {
+      n[l] = e[d];
+    }), n;
   });
 }
-function ye(e) {
-  const n = e.filter((t) => t.symmetric).map((t) => ({
-    from: t.to,
-    to: t.from,
-    transition: t.transition
+function Dt(t) {
+  const s = t.filter((e) => e.symmetric).map((e) => ({
+    from: e.to,
+    to: e.from,
+    transition: e.transition
   }));
-  return [...e, ...n];
+  return [...t, ...s];
 }
-function F(e, n) {
-  if (n === "*")
+function X(t, s) {
+  if (s === "*")
     return !0;
-  if (n.endsWith("/*")) {
-    const t = n.slice(0, -1);
-    return e.startsWith(t) && e.length > t.length;
+  if (s.endsWith("/*")) {
+    const e = s.slice(0, -1);
+    return t.startsWith(e) && t.length > e.length;
   }
-  return e === n;
+  return t === s;
 }
-function pe(e, n, t) {
-  for (const o of t)
-    if (F(e, o.from) && F(n, o.to))
-      return o.transition;
-  for (const o of t)
-    if ((o.from === "*" || F(e, o.from)) && (o.to === "*" || F(n, o.to)))
-      return o.transition;
+function Ht(t, s, e) {
+  for (const n of e)
+    if (X(t, n.from) && X(s, n.to))
+      return n.transition;
+  for (const n of e)
+    if ((n.from === "*" || X(t, n.from)) && (n.to === "*" || X(s, n.to)))
+      return n.transition;
   return null;
 }
-const ve = 768, Ee = 10, we = 10;
-function Se(e = {}) {
-  const { preserveScroll: n = (i) => i } = e, t = typeof n == "function" ? n : () => n;
-  let o = null, c = !1, d = !1;
-  const h = () => {
-    const i = (o == null ? void 0 : o.clientWidth) ?? 0, l = i > 0 ? i : typeof window < "u" ? window.innerWidth : 0;
-    return l > 0 && l < ve;
-  }, S = () => (d || (c = h(), d = !0), c), y = (i) => {
-    var v;
-    const l = t(S());
-    if (l === !1)
-      return { preserves: !1, shared: !1, storageKey: `path:${i}` };
-    if (l === !0)
-      return { preserves: !0, shared: !1, storageKey: `path:${i}` };
-    const g = ((v = l.exclude) == null ? void 0 : v.some((r) => F(i, r))) ?? !1, p = !g && !!l.key;
+const Nt = 768, It = 10, Wt = 10;
+function Ft(t = {}) {
+  const { preserveScroll: s = (a) => a } = t, e = typeof s == "function" ? s : () => s;
+  let n = null, l = !1, d = !1;
+  const c = () => {
+    const a = (n == null ? void 0 : n.clientWidth) ?? 0, u = a > 0 ? a : typeof window < "u" ? window.innerWidth : 0;
+    return u > 0 && u < Nt;
+  }, y = () => (d || (l = c(), d = !0), l), E = (a) => {
+    var w;
+    const u = e(y());
+    if (u === !1)
+      return { preserves: !1, shared: !1, storageKey: `path:${a}` };
+    if (u === !0)
+      return { preserves: !0, shared: !1, storageKey: `path:${a}` };
+    const v = ((w = u.exclude) == null ? void 0 : w.some((P) => X(a, P))) ?? !1, S = !v && !!u.key;
     return {
-      preserves: !g,
-      shared: p,
-      storageKey: p ? `shared:${l.key}` : `path:${i}`
+      preserves: !v,
+      shared: S,
+      storageKey: S ? `shared:${u.key}` : `path:${a}`
     };
-  }, x = (i) => y(i).preserves;
-  let R = null;
-  const m = /* @__PURE__ */ new Map();
-  let T = null, A = !1, O = 0;
-  const I = () => {
-    o && T && !A && m.set(y(T).storageKey, {
-      x: o.scrollLeft,
-      y: o.scrollTop
+  }, O = (a) => E(a).preserves;
+  let _ = null;
+  const b = /* @__PURE__ */ new Map();
+  let M = null, k = !1, I = 0;
+  const W = () => {
+    n && M && !k && b.set(E(M).storageKey, {
+      x: n.scrollLeft,
+      y: n.scrollTop
     });
-  }, L = (i) => {
-    if (!o) return;
-    const l = y(i);
-    if (l.preserves && l.shared && !m.has(l.storageKey))
+  }, T = (a) => {
+    if (!n) return;
+    const u = E(a);
+    if (u.preserves && u.shared && !b.has(u.storageKey))
       return;
-    const g = l.preserves && m.has(l.storageKey) ? m.get(l.storageKey) : { x: 0, y: 0 };
-    let p = 0;
-    const v = () => {
-      if (!o) return;
-      o.scrollTo({
-        top: g.y,
-        left: g.x
-      }), !(Math.abs(o.scrollTop - g.y) < 1 && Math.abs(o.scrollLeft - g.x) < 1) && p < Ee && (p++, requestAnimationFrame(v));
+    const v = u.preserves && b.has(u.storageKey) ? b.get(u.storageKey) : { x: 0, y: 0 };
+    let S = 0;
+    const w = () => {
+      if (!n) return;
+      n.scrollTo({
+        top: v.y,
+        left: v.x
+      }), !(Math.abs(n.scrollTop - v.y) < 1 && Math.abs(n.scrollLeft - v.x) < 1) && S < It && (S++, requestAnimationFrame(w));
     };
-    requestAnimationFrame(v);
+    requestAnimationFrame(w);
   };
   return {
-    initializeContext: (i, l) => {
-      A = !0;
-      const g = ++O;
-      R = i, o || (o = he(i), c = h(), d = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
-        c = h();
-      }).observe(o), (o === document.documentElement ? window : o).addEventListener("scroll", I, {
+    initializeContext: (a, u) => {
+      k = !0;
+      const v = ++I;
+      _ = a, n || (n = Ot(a), l = c(), d = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
+        l = c();
+      }).observe(n), (n === document.documentElement ? window : n).addEventListener("scroll", W, {
         passive: !0
-      })), T = l, L(l);
-      let p = 0;
-      const v = () => {
-        g === O && (p++, p >= we ? A = !1 : requestAnimationFrame(v));
+      })), M = u, T(u);
+      let S = 0;
+      const w = () => {
+        v === I && (S++, S >= Wt ? k = !1 : requestAnimationFrame(w));
       };
-      requestAnimationFrame(v);
+      requestAnimationFrame(w);
     },
-    calculateScrollOffset: (i, l) => {
-      const g = i ? y(i).storageKey : null, p = g && m.has(g) ? m.get(g) : { x: 0, y: 0 }, v = l ? y(l) : null, r = v != null && v.preserves ? v.storageKey : null, s = r && m.has(r) ? m.get(r) : { x: 0, y: 0 };
+    calculateScrollOffset: (a, u) => {
+      const v = a ? E(a).storageKey : null, S = v && b.has(v) ? b.get(v) : { x: 0, y: 0 }, w = u ? E(u) : null, P = w != null && w.preserves ? w.storageKey : null, F = P && b.has(P) ? b.get(P) : { x: 0, y: 0 };
       return {
-        x: -s.x + p.x,
-        y: -s.y + p.y
+        x: -F.x + S.x,
+        y: -F.y + S.y
       };
     },
-    evictScrollPosition: (i) => {
-      m.delete(y(i).storageKey);
+    evictScrollPosition: (a) => {
+      b.delete(E(a).storageKey);
     },
-    shouldPreserve: x,
-    getScrollContainer: () => o,
-    getPositionedParentElement: () => R ? me(R) : document.body,
-    getScrollPosition: (i) => {
-      const l = i ? y(i).storageKey : null;
-      return l && m.has(l) ? m.get(l) : { x: 0, y: 0 };
+    shouldPreserve: O,
+    getScrollContainer: () => n,
+    getPositionedParentElement: () => _ ? _t(_) : document.body,
+    getScrollPosition: (a) => {
+      const u = a ? E(a).storageKey : null;
+      return u && b.has(u) ? b.get(u) : { x: 0, y: 0 };
     }
   };
 }
-const Q = 30, ee = 8, te = 1.2, ne = 30, be = 600;
-function Te() {
-  let e = null, n = !1, t = !1, o = null, c = null, d = !1;
-  const h = (a, u) => {
-    for (let f = 0; f < a.length; f++) {
-      const E = a.item(f);
-      if (E && E.identifier === u) return E;
+const ht = 30, yt = 8, pt = 1.2, mt = 30, Kt = 600;
+function Bt() {
+  let t = null, s = !1, e = !1, n = null, l = null, d = !1;
+  const c = (f, g) => {
+    for (let p = 0; p < f.length; p++) {
+      const m = f.item(p);
+      if (m && m.identifier === g) return m;
     }
     return null;
-  }, S = () => {
-    o !== null && (clearTimeout(o), o = null);
   }, y = () => {
-    c !== null && (clearTimeout(c), c = null);
-  }, x = () => {
-    n = !0, t = !0, S(), y(), o = setTimeout(() => {
-      n = !1, t = !1, o = null;
-    }, be);
-  }, R = (a) => {
-    if (a.touches.length !== 1) {
-      e = null;
+    n !== null && (clearTimeout(n), n = null);
+  }, E = () => {
+    l !== null && (clearTimeout(l), l = null);
+  }, O = () => {
+    s = !0, e = !0, y(), E(), n = setTimeout(() => {
+      s = !1, e = !1, n = null;
+    }, Kt);
+  }, _ = (f) => {
+    if (f.touches.length !== 1) {
+      t = null;
       return;
     }
-    const u = a.touches.item(0);
-    if (!u) {
-      e = null;
+    const g = f.touches.item(0);
+    if (!g) {
+      t = null;
       return;
     }
-    const f = window.innerWidth, E = u.clientX <= Q, P = u.clientX >= f - Q;
-    if (!E && !P) {
-      e = null;
+    const p = window.innerWidth, m = g.clientX <= ht, R = g.clientX >= p - ht;
+    if (!m && !R) {
+      t = null;
       return;
     }
-    e = {
-      identifier: u.identifier,
-      startX: u.clientX,
-      startY: u.clientY,
-      fromLeftEdge: E,
+    t = {
+      identifier: g.identifier,
+      startX: g.clientX,
+      startY: g.clientY,
+      fromLeftEdge: m,
       moved: !1
     };
-  }, m = (a) => {
-    if (!e) return;
-    if (a.touches.length !== 1) {
-      e = null;
+  }, b = (f) => {
+    if (!t) return;
+    if (f.touches.length !== 1) {
+      t = null;
       return;
     }
-    const u = h(a.touches, e.identifier);
-    if (!u) {
-      e = null;
+    const g = c(f.touches, t.identifier);
+    if (!g) {
+      t = null;
       return;
     }
-    const f = u.clientX - e.startX, E = u.clientY - e.startY, P = Math.abs(f), i = Math.abs(E);
-    if (i > ee && i > P * te) {
-      e = null;
+    const p = g.clientX - t.startX, m = g.clientY - t.startY, R = Math.abs(p), a = Math.abs(m);
+    if (a > yt && a > R * pt) {
+      t = null;
       return;
     }
-    const l = e.fromLeftEdge ? f > 0 : f < 0;
-    P > ee && P > i * te && l && (e.moved = !0);
-  }, T = (a) => {
-    if (!e) return;
-    const u = h(a.changedTouches, e.identifier);
-    if (!u) {
-      e = null;
+    const u = t.fromLeftEdge ? p > 0 : p < 0;
+    R > yt && R > a * pt && u && (t.moved = !0);
+  }, M = (f) => {
+    if (!t) return;
+    const g = c(f.changedTouches, t.identifier);
+    if (!g) {
+      t = null;
       return;
     }
-    const f = u.clientX - e.startX, E = e.fromLeftEdge ? f > 0 : f < 0;
-    if (e.moved && E && Math.abs(f) >= ne) {
-      x(), e = null;
+    const p = g.clientX - t.startX, m = t.fromLeftEdge ? p > 0 : p < 0;
+    if (t.moved && m && Math.abs(p) >= mt) {
+      O(), t = null;
       return;
     }
-    e.moved && Math.abs(f) >= ne && x(), e = null;
-  }, A = () => {
-    e && (e.moved && x(), e = null);
+    t.moved && Math.abs(p) >= mt && O(), t = null;
+  }, k = () => {
+    t && (t.moved && O(), t = null);
   };
   return { initialize: () => {
     if (typeof window > "u" || d) return;
     d = !0;
-    const a = { passive: !0, capture: !0 };
-    window.addEventListener("touchstart", R, a), window.addEventListener("touchmove", m, a), window.addEventListener("touchend", T, a), window.addEventListener("touchcancel", A, a);
+    const f = { passive: !0, capture: !0 };
+    window.addEventListener("touchstart", _, f), window.addEventListener("touchmove", b, f), window.addEventListener("touchend", M, f), window.addEventListener("touchcancel", k, f);
   }, destroy: () => {
     if (typeof window > "u" || !d) return;
     d = !1;
-    const a = { capture: !0 };
-    window.removeEventListener("touchstart", R, a), window.removeEventListener("touchmove", m, a), window.removeEventListener("touchend", T, a), window.removeEventListener("touchcancel", A, a), S(), y(), e = null, n = !1, t = !1;
+    const f = { capture: !0 };
+    window.removeEventListener("touchstart", _, f), window.removeEventListener("touchmove", b, f), window.removeEventListener("touchend", M, f), window.removeEventListener("touchcancel", k, f), y(), E(), t = null, s = !1, e = !1;
   }, isSwipeBack: () => {
-    const a = n || t;
-    return a && S(), a;
+    const f = s || e;
+    return f && y(), f;
   }, onPageEnter: () => {
-    n = !1, S(), y(), c = setTimeout(() => {
-      t = !1, c = null;
+    s = !1, y(), E(), l = setTimeout(() => {
+      e = !1, l = null;
     }, 0);
   } };
 }
-function Pe() {
-  let e = null;
-  function n() {
-    var o, c;
-    e && ((o = e.outResolve) == null || o.call(e, null), (c = e.inResolve) == null || c.call(e, null), e = null);
+function Xt() {
+  let t = null;
+  function s() {
+    var n, l;
+    t && ((n = t.outResolve) == null || n.call(t, null), (l = t.inResolve) == null || l.call(t, null), t = null);
   }
-  function t() {
-    if (e != null && e.from && (e != null && e.to) && (e != null && e.outResolve) && (e != null && e.inResolve)) {
-      if (e.from === e.to) {
-        n();
+  function e() {
+    if (t != null && t.from && (t != null && t.to) && (t != null && t.outResolve) && (t != null && t.inResolve)) {
+      if (t.from === t.to) {
+        s();
         return;
       }
-      const o = { from: e.from, to: e.to };
-      e.outResolve(o), e.inResolve(o), e = null;
+      const n = { from: t.from, to: t.to };
+      t.outResolve(n), t.inResolve(n), t = null;
     }
   }
   return {
-    trigger(o, c) {
-      var h;
-      c === "out" && (e == null ? void 0 : e.to) === o && !e.from && ((h = e.inResolve) == null || h.call(e, null), e = {}), e && (c === "out" && e.from && e.from !== o || c === "in" && e.to && e.to !== o) && n(), e || (e = {}), c === "out" ? e.from = o : e.to = o;
+    trigger(n, l) {
+      var c;
+      l === "out" && (t == null ? void 0 : t.to) === n && !t.from && ((c = t.inResolve) == null || c.call(t, null), t = {}), t && (l === "out" && t.from && t.from !== n || l === "in" && t.to && t.to !== n) && s(), t || (t = {}), l === "out" ? t.from = n : t.to = n;
     },
-    get(o) {
-      return new Promise((c) => {
-        e || (e = {}), o === "out" ? e.outResolve = c : e.inResolve = c, t();
+    get(n) {
+      return new Promise((l) => {
+        t || (t = {}), n === "out" ? t.outResolve = l : t.inResolve = l, e();
       });
     }
   };
 }
-const X = /* @__PURE__ */ new Map();
-let z = null, oe = !1;
-function re(e) {
-  if (e instanceof HTMLElement && X.has(e)) {
-    const n = X.get(e);
-    X.delete(e), queueMicrotask(n);
+const $ = /* @__PURE__ */ new Map();
+let Y = null, gt = !1;
+function Et(t) {
+  if (t instanceof HTMLElement && $.has(t) && !t.isConnected) {
+    const s = $.get(t);
+    $.delete(t), queueMicrotask(s);
   }
-  for (const n of Array.from(e.childNodes))
-    re(n);
+  for (const s of Array.from(t.childNodes))
+    Et(s);
 }
-function Re() {
-  if (oe || typeof document > "u") return;
-  oe = !0, z = new MutationObserver((n) => {
-    for (const t of n)
-      for (const o of Array.from(t.removedNodes))
-        re(o);
+function zt() {
+  if (gt || typeof document > "u") return;
+  gt = !0, Y = new MutationObserver((s) => {
+    for (const e of s)
+      for (const n of Array.from(e.removedNodes))
+        Et(n);
   });
-  const e = () => {
-    z == null || z.observe(document.body, { childList: !0, subtree: !0 });
+  const t = () => {
+    Y == null || Y.observe(document.body, { childList: !0, subtree: !0 });
+  };
+  document.body ? t() : document.addEventListener("DOMContentLoaded", t, { once: !0 });
+}
+function $t(t, s) {
+  return zt(), $.set(t, s), () => {
+    $.delete(t);
   };
-  document.body ? e() : document.addEventListener("DOMContentLoaded", e, { once: !0 });
 }
-function Ae(e, n) {
-  return Re(), X.set(e, n), () => {
-    X.delete(e);
+const ot = /* @__PURE__ */ new WeakMap();
+let G = null;
+const Z = "none !important";
+function z(t) {
+  const s = t.style.getPropertyValue("display");
+  return t.style.getPropertyPriority("display") ? `${s} !important` : s;
+}
+function Vt() {
+  return G || (G = new MutationObserver((t) => {
+    for (const s of t) {
+      const e = s.target, n = ot.get(e);
+      if (!n) continue;
+      const l = z(e);
+      l !== n.accounted && (n.accounted = l, l === Z ? (n.reactHidden = !0, n.onHide()) : l !== "none" && n.reactHidden && (n.reactHidden = !1, n.onShow()));
+    }
+  }), G);
+}
+function qt(t, s) {
+  const e = z(t), n = {
+    accounted: e,
+    reactHidden: e === Z,
+    onHide: s.onHide,
+    onShow: s.onShow
+  };
+  return ot.set(t, n), Vt().observe(t, {
+    attributes: !0,
+    attributeFilter: ["style"]
+  }), {
+    get isHidden() {
+      return z(t) === Z;
+    },
+    setDisplay(l, d = !1) {
+      l === null ? t.style.removeProperty("display") : t.style.setProperty(
+        "display",
+        l,
+        d ? "important" : ""
+      ), n.accounted = z(t);
+    },
+    sync() {
+      n.accounted = z(t), n.reactHidden = n.accounted === Z;
+    },
+    stop() {
+      ot.delete(t);
+    }
   };
 }
-function xe(e) {
-  return Array.isArray(e);
+function Ut(t) {
+  return Array.isArray(t);
 }
-function se(e) {
-  const n = [];
-  for (const t of e)
-    xe(t) ? n.push(...se(t)) : n.push(t);
-  return n;
+function bt(t) {
+  const s = [];
+  for (const e of t)
+    Ut(e) ? s.push(...bt(e)) : s.push(e);
+  return s;
 }
-function Ce(e, n = {}) {
+function se(t, s = {}) {
   const {
-    transitions: t = [],
-    middleware: o = (r, s) => ({ from: r, to: s }),
-    preserveScroll: c = (r) => r
-  } = e, d = n.host ?? new fe(), h = Pe(), S = ye(
-    se(t)
-  ), y = Te();
-  y.initialize();
+    transitions: e = [],
+    middleware: n = (o, i) => ({ from: o, to: i }),
+    preserveScroll: l = (o) => o
+  } = t, d = s.host ?? new Mt(), c = Xt(), y = Dt(
+    bt(e)
+  ), E = Bt();
+  E.initialize();
   const {
-    initializeContext: x,
-    calculateScrollOffset: R,
-    evictScrollPosition: m,
-    shouldPreserve: T,
-    getScrollContainer: A,
-    getPositionedParentElement: O,
-    getScrollPosition: I
-  } = Se({ preserveScroll: c });
-  let L = null, k = null;
-  const a = /* @__PURE__ */ new WeakMap(), u = (r) => {
-    a.set(r, {
-      parent: r.parentElement,
-      nextSibling: r.nextElementSibling
+    initializeContext: O,
+    calculateScrollOffset: _,
+    evictScrollPosition: b,
+    shouldPreserve: M,
+    getScrollContainer: k,
+    getPositionedParentElement: I,
+    getScrollPosition: W
+  } = Ft({ preserveScroll: l });
+  let T = null, A = null;
+  const f = /* @__PURE__ */ new WeakMap(), g = (o) => {
+    f.set(o, {
+      parent: o.parentElement,
+      nextSibling: o.nextElementSibling
     });
-  }, f = (r) => {
-    const s = a.get(r);
-    return s || {
-      parent: r.parentElement,
-      nextSibling: r.nextElementSibling
+  }, p = (o) => {
+    const i = f.get(o);
+    return i || {
+      parent: o.parentElement,
+      nextSibling: o.nextElementSibling
     };
-  }, E = (r, s, b, w, B) => {
-    const K = w.element, D = B.element, { parent: _, nextSibling: C } = w.parent ? { parent: w.parent, nextSibling: w.nextSibling } : f(K), M = K.cloneNode(!0), H = {
-      scrollOffset: R(s, b),
-      from: { scroll: I(s) },
-      to: { scroll: I(b) },
+  }, m = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
+  let a = 0;
+  const u = (o) => {
+    const i = typeof getComputedStyle < "u" ? getComputedStyle(o).display : "";
+    return i && i !== "none" ? i : "block";
+  }, v = (o, i) => {
+    i.visibleDisplay = o.style.getPropertyValue("display"), i.computedDisplay = u(o);
+  }, S = (o, i) => {
+    if (R.get(o) !== i) return;
+    R.delete(o);
+    const r = m.get(o);
+    r && (r.savedCss !== null && (o.style.cssText = r.savedCss, r.savedCss = null), r.intent === "hidden" ? r.vis.setDisplay("none", !0) : r.visibleDisplay ? (r.vis.setDisplay(r.visibleDisplay, !1), v(o, r)) : (r.vis.setDisplay(null), v(o, r)));
+  }, w = (o, i, r, h, L) => {
+    const x = h.element, D = L.element, H = (h.mode ?? "unmount") === "hidden", { parent: V, nextSibling: J } = h.parent ? { parent: h.parent, nextSibling: h.nextSibling } : p(x), q = _(i, r), Q = {
+      scrollOffset: q,
+      from: { scroll: W(i) },
+      to: { scroll: W(r) },
       get scrollingElement() {
-        return A() || document.documentElement;
+        return k() || document.documentElement;
       },
       get positionedParent() {
-        return O();
+        return I();
       }
     };
-    de(M, H), T(s) || m(s);
-    const V = Promise.resolve(M), Z = Promise.resolve(D), j = [], ie = {
-      from: V,
-      to: Z,
-      context: H,
-      createElement: ((q, Y = "div") => {
-        const N = document.createElement(Y);
-        return N.setAttribute("data-ssgoi-id", q), j.push(N), N;
+    let C;
+    if (H) {
+      C = x, C.style.top = `${-1 * ((q == null ? void 0 : q.y) ?? 0)}px`;
+      const N = m.get(D);
+      N && N.savedCss === null && (N.savedCss = D.style.cssText);
+    } else
+      C = x.cloneNode(!0), C.setAttribute("data-ssgoi-clone", ""), Lt(C, Q);
+    M(i) || b(i);
+    const U = H ? ++a : 0;
+    H && (R.set(D, U), R.set(x, U));
+    const at = Promise.resolve(C), ut = Promise.resolve(D), ft = [], Rt = {
+      from: at,
+      to: ut,
+      context: Q,
+      createElement: ((N, tt = "div") => {
+        const K = document.createElement(tt);
+        return K.setAttribute("data-ssgoi-id", N), ft.push(K), K;
       })
-    }, le = Promise.resolve(
-      r.prepare ? r.prepare(ie) : {}
+    }, Pt = Promise.resolve(
+      o.prepare ? o.prepare(Rt) : {}
     );
-    ge({
-      from: V,
-      to: Z,
-      extras: le
-    }).then(({ from: q, to: Y, extras: N }) => {
-      _ && (C && _.contains(C) ? _.insertBefore(M, C) : _.appendChild(M));
-      const $ = r.animation({
-        from: q,
-        to: Y,
-        context: H,
-        ...N
-      }), G = $.onComplete;
-      $.onComplete = () => {
-        G == null || G(), M.parentElement && M.parentElement.removeChild(M);
-        for (const U of j)
-          U.parentElement && U.parentElement.removeChild(U);
-      }, d.attach($);
+    kt({
+      from: at,
+      to: ut,
+      extras: Pt
+    }).then(({ from: N, to: tt, extras: K }) => {
+      !H && V && (J && V.contains(J) ? V.insertBefore(C, J) : V.appendChild(C));
+      const et = o.animation({
+        from: N,
+        to: tt,
+        context: Q,
+        ...K
+      }), nt = et.onComplete;
+      et.onComplete = () => {
+        nt == null || nt(), H ? (S(x, U), S(D, U)) : C.parentElement && C.parentElement.removeChild(C);
+        for (const st of ft)
+          st.parentElement && st.parentElement.removeChild(st);
+      }, d.attach(et);
     });
-  }, P = (r, s) => {
-    const b = y.isSwipeBack();
-    h.trigger(r, s), h.get(s).then((w) => {
-      if (s === "in" && y.onPageEnter(), !w) return;
-      if (b) {
-        s === "out" && w.from && !T(w.from) && m(w.from), L = null, k = null;
+  }, P = (o, i) => {
+    const r = E.isSwipeBack();
+    c.trigger(o, i), c.get(i).then((h) => {
+      if (i === "in" && E.onPageEnter(), !h) return;
+      if (r) {
+        i === "out" && h.from && !M(h.from) && b(h.from), T = null, A = null;
         return;
       }
-      if (s !== "in") return;
-      const { from: B, to: K } = o(
-        w.from,
-        w.to
-      ), D = pe(
-        B,
-        K,
-        S
-      ), _ = L, C = k;
-      L = null, k = null, !(!D || !_ || !C) && E(D, B, K, _, C);
+      if (i !== "in") return;
+      const { from: L, to: x } = n(
+        h.from,
+        h.to
+      ), D = Ht(
+        L,
+        x,
+        y
+      ), j = T, H = A;
+      T = null, A = null, !(!D || !j || !H) && w(D, L, x, j, H);
     });
-  }, i = (r, s) => {
-    const b = f(r);
-    L = {
-      element: r,
-      parent: b.parent,
-      nextSibling: b.nextSibling
+  }, F = (o, i) => {
+    const r = m.get(o);
+    if (!r) return;
+    const h = r.intent === "hidden";
+    if (r.intent = "hidden", r.savedCss === null && (r.savedCss = o.style.cssText), r.vis.setDisplay(r.computedDisplay || "block", !0), o.style.position = "absolute", o.style.width = "100%", o.style.left = "0", h) return;
+    const L = p(o);
+    T = {
+      element: o,
+      parent: L.parent,
+      nextSibling: L.nextSibling,
+      mode: "hidden"
+    };
+    const x = o.getAttribute("data-ssgoi-transition") ?? i;
+    P(x, "out");
+  }, St = (o, i) => {
+    const r = m.get(o);
+    if (!r || r.intent === "visible") return;
+    r.intent = "visible", v(o, r), r.savedCss !== null && (o.style.cssText = r.savedCss, r.visibleDisplay ? r.vis.setDisplay(r.visibleDisplay, !1) : r.vis.setDisplay(null)), O(o, i), A = {
+      element: o,
+      parent: o.parentElement,
+      nextSibling: o.nextElementSibling
     };
-    const w = r.getAttribute("data-ssgoi-transition") ?? s;
-    P(w, "out");
-  }, l = /* @__PURE__ */ new WeakSet(), g = (r, s) => {
-    l.has(s) || (l.add(s), u(s), x(s, r), k = {
-      element: s,
-      parent: s.parentElement,
-      nextSibling: s.nextElementSibling
-    }, P(r, "in"), Ae(s, () => i(s, r)));
-  }, p = /* @__PURE__ */ new Map();
-  return { register: g, refFor: (r) => {
-    let s = p.get(r);
-    return s || (s = (b) => {
-      b && g(r, b);
-    }, p.set(r, s)), s;
+    const h = o.getAttribute("data-ssgoi-transition") ?? i;
+    P(h, "in");
+  }, Tt = (o, i) => {
+    const r = m.get(o);
+    if (r && (r.vis.stop(), m.delete(o), R.delete(o), r.intent === "hidden")) {
+      (T == null ? void 0 : T.element) === o && (T = null), (A == null ? void 0 : A.element) === o && (A = null);
+      return;
+    }
+    const h = p(o);
+    T = {
+      element: o,
+      parent: h.parent,
+      nextSibling: h.nextSibling,
+      mode: "unmount"
+    };
+    const L = o.getAttribute("data-ssgoi-transition") ?? i;
+    P(L, "out");
+  }, rt = /* @__PURE__ */ new WeakSet(), lt = (o, i) => {
+    if (rt.has(i)) return;
+    rt.add(i), g(i);
+    const r = qt(i, {
+      onHide: () => F(i, o),
+      onShow: () => St(i, o)
+    }), h = {
+      vis: r,
+      savedCss: null,
+      intent: r.isHidden ? "hidden" : "visible",
+      visibleDisplay: "",
+      computedDisplay: "block"
+    };
+    m.set(i, h), r.isHidden || (v(i, h), O(i, o), A = {
+      element: i,
+      parent: i.parentElement,
+      nextSibling: i.nextElementSibling
+    }, P(o, "in")), $t(i, () => Tt(i, o));
+  }, ct = /* @__PURE__ */ new Map();
+  return { register: lt, refFor: (o) => {
+    let i = ct.get(o);
+    return i || (i = (r) => {
+      r && lt(o, r);
+    }, ct.set(o, i)), i;
   } };
 }
+const wt = "data-ssgoi-root", Yt = `[${wt}]`, it = "data-ssgoi-transition", vt = `[${it}]`, Gt = "[data-ssgoi-clone]";
+function Zt() {
+  return typeof MutationObserver < "u" && typeof HTMLElement < "u" && typeof Node < "u";
+}
+function jt(t) {
+  return t.nodeType === Node.ELEMENT_NODE;
+}
+function Jt(t) {
+  return t instanceof HTMLElement;
+}
+function oe(t, s) {
+  if (!Zt()) return () => {
+  };
+  t.setAttribute(wt, "");
+  const e = (c) => c.closest(Yt) === t, n = (c) => {
+    if (!Jt(c) || !e(c) || c.closest(Gt))
+      return;
+    const y = c.getAttribute(it);
+    y !== null && s.register(y, c);
+  }, l = (c) => {
+    if (jt(c)) {
+      c.matches(vt) && n(c);
+      for (const y of c.querySelectorAll(vt))
+        n(y);
+    }
+  }, d = new MutationObserver((c) => {
+    for (const y of c) {
+      if (y.type === "attributes") {
+        n(y.target);
+        continue;
+      }
+      for (const E of y.addedNodes)
+        l(E);
+    }
+  });
+  return d.observe(t, {
+    childList: !0,
+    subtree: !0,
+    attributes: !0,
+    attributeFilter: [it]
+  }), l(t), () => d.disconnect();
+}
 export {
-  ue as Animation,
-  fe as HostAnimation,
-  Ke as MultiAnimation,
-  Ne as WebAnimation,
-  Ce as createSggoiTransitionContext
+  xt as Animation,
+  Mt as HostAnimation,
+  le as MultiAnimation,
+  ce as WebAnimation,
+  se as createSggoiTransitionContext,
+  oe as observeSsgoiTransitions
 };