@ssgoi/core 6.4.0 → 6.5.0-beta.1

package/dist/internal.js

@@ -1,31 +1,31 @@
-var ft = Object.defineProperty;
-var dt = (t, n, e) => n in t ? ft(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
-var F = (t, n, e) => dt(t, typeof n != "symbol" ? n + "" : n, e);
-import { A as ht } from "./multi-animation-CnxqLEka.js";
-import { M as $t, W as qt } from "./multi-animation-CnxqLEka.js";
-class mt extends ht {
+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);
-    F(this, "child", null);
-    F(this, "_state", "idle");
-    F(this, "_settled", !1);
-    F(this, "listeners", /* @__PURE__ */ new Set());
+    B(this, "child", null);
+    B(this, "_state", "idle");
+    B(this, "_settled", !1);
+    B(this, "listeners", /* @__PURE__ */ new Set());
   }
   attach(e) {
-    const o = this.child;
-    if (this.child = e, this._settled = !1, o) {
-      const l = o.getPose();
-      o.complete(), e.matchInto(l);
+    const n = this.child;
+    if (this.child = e, this._settled = !1, n) {
+      const c = n.getPose();
+      n.complete(), e.matchInto(c);
     }
     e.playbackRate = this.playbackRate;
-    const i = e.onComplete;
+    const l = e.onComplete;
     e.onComplete = () => {
-      i == null || i(), this.child === e && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
+      l == null || l(), this.child === e && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
     };
-    const f = e.onUpdate;
-    e.onUpdate = (l) => {
-      var d;
-      f == null || f(l), (d = this.onUpdate) == null || d.call(this, l), 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() {
@@ -63,8 +63,8 @@ class mt extends ht {
     return ((e = this.child) == null ? void 0 : e.progress) ?? 0;
   }
   findTimeForProgress(e) {
-    var o;
-    return ((o = this.child) == null ? void 0 : o.findTimeForProgress(e)) ?? null;
+    var n;
+    return ((n = this.child) == null ? void 0 : n.findTimeForProgress(e)) ?? null;
   }
   get playbackRate() {
     return super.playbackRate;
@@ -81,8 +81,8 @@ class mt extends ht {
     return ((e = this.child) == null ? void 0 : e.getTimeline()) ?? [];
   }
   matchInto(e) {
-    var o;
-    (o = this.child) == null || o.matchInto(e);
+    var n;
+    (n = this.child) == null || n.matchInto(e);
   }
   /** Currently attached child, or null when nothing is playing. */
   get activeChild() {
@@ -98,461 +98,568 @@ class mt extends ht {
     for (const e of this.listeners) e();
   }
 }
-const gt = (t, n) => {
+const Lt = (t, s) => {
   var e;
-  t.style.position = "absolute", t.style.width = "100%", t.style.top = `${-1 * (((e = n == null ? void 0 : n.scrollOffset) == null ? void 0 : e.y) ?? 0)}px`, t.style.left = "0";
-}, Q = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]), yt = (t) => {
-  let n = t.parentElement;
-  for (; n && n !== document.body; ) {
-    const e = window.getComputedStyle(n);
-    if (Q.has(e.overflowY) || Q.has(e.overflowX))
-      return n;
-    n = n.parentElement;
+  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;
-}, pt = (t) => {
-  let n = t.parentElement;
-  for (; n && n !== document.body; ) {
-    const e = window.getComputedStyle(n).position;
+}, _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 n;
-    n = n.parentElement;
+      return s;
+    s = s.parentElement;
   }
   return document.body;
 };
-function Et(t) {
-  const n = Object.keys(t);
-  return Promise.all(n.map((e) => t[e])).then((e) => {
-    const o = {};
-    return n.forEach((i, f) => {
-      o[i] = e[f];
-    }), 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 vt(t) {
-  const n = t.filter((e) => e.symmetric).map((e) => ({
+function Dt(t) {
+  const s = t.filter((e) => e.symmetric).map((e) => ({
     from: e.to,
     to: e.from,
     transition: e.transition
   }));
-  return [...t, ...n];
+  return [...t, ...s];
 }
-function W(t, n) {
-  if (n === "*")
+function X(t, s) {
+  if (s === "*")
     return !0;
-  if (n.endsWith("/*")) {
-    const e = n.slice(0, -1);
+  if (s.endsWith("/*")) {
+    const e = s.slice(0, -1);
     return t.startsWith(e) && t.length > e.length;
   }
-  return t === n;
+  return t === s;
 }
-function Tt(t, n, e) {
-  for (const o of e)
-    if (W(t, o.from) && W(n, o.to))
-      return o.transition;
-  for (const o of e)
-    if ((o.from === "*" || W(t, o.from)) && (o.to === "*" || W(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 bt = 768, wt = 10, St = 10;
-function Rt(t = {}) {
-  const { preserveScroll: n = (c) => c } = t, e = typeof n == "function" ? n : () => n;
-  let o = null, i = !1, f = !1;
-  const l = () => {
-    const c = (o == null ? void 0 : o.clientWidth) ?? 0, a = c > 0 ? c : typeof window < "u" ? window.innerWidth : 0;
-    return a > 0 && a < bt;
-  }, d = () => (f || (i = l(), f = !0), i), g = (c) => {
-    var v;
-    const a = e(d());
-    if (a === !1)
-      return { preserves: !1, shared: !1, storageKey: `path:${c}` };
-    if (a === !0)
-      return { preserves: !0, shared: !1, storageKey: `path:${c}` };
-    const p = ((v = a.exclude) == null ? void 0 : v.some((r) => W(c, r))) ?? !1, E = !p && !!a.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: !p,
-      shared: E,
-      storageKey: E ? `shared:${a.key}` : `path:${c}`
+      preserves: !v,
+      shared: S,
+      storageKey: S ? `shared:${u.key}` : `path:${a}`
     };
-  }, L = (c) => g(c).preserves;
-  let A = null;
-  const y = /* @__PURE__ */ new Map();
-  let S = null, O = !1, k = 0;
-  const I = () => {
-    o && S && !O && y.set(g(S).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
     });
-  }, _ = (c) => {
-    if (!o) return;
-    const a = g(c);
-    if (a.preserves && a.shared && !y.has(a.storageKey))
+  }, T = (a) => {
+    if (!n) return;
+    const u = E(a);
+    if (u.preserves && u.shared && !b.has(u.storageKey))
       return;
-    const p = a.preserves && y.has(a.storageKey) ? y.get(a.storageKey) : { x: 0, y: 0 };
-    let E = 0;
-    const v = () => {
-      if (!o) return;
-      o.scrollTo({
-        top: p.y,
-        left: p.x
-      }), !(Math.abs(o.scrollTop - p.y) < 1 && Math.abs(o.scrollLeft - p.x) < 1) && E < wt && (E++, 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: (c, a) => {
-      O = !0;
-      const p = ++k;
-      A = c, o || (o = yt(c), i = l(), f = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
-        i = l();
-      }).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
-      })), S = a, _(a);
-      let E = 0;
-      const v = () => {
-        p === k && (E++, E >= St ? O = !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: (c, a) => {
-      const p = c ? g(c).storageKey : null, E = p && y.has(p) ? y.get(p) : { x: 0, y: 0 }, v = a ? g(a) : null, r = v != null && v.preserves ? v.storageKey : null, s = r && y.has(r) ? y.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 + E.x,
-        y: -s.y + E.y
+        x: -F.x + S.x,
+        y: -F.y + S.y
       };
     },
-    evictScrollPosition: (c) => {
-      y.delete(g(c).storageKey);
+    evictScrollPosition: (a) => {
+      b.delete(E(a).storageKey);
     },
-    shouldPreserve: L,
-    getScrollContainer: () => o,
-    getPositionedParentElement: () => A ? pt(A) : document.body,
-    getScrollPosition: (c) => {
-      const a = c ? g(c).storageKey : null;
-      return a && y.has(a) ? y.get(a) : { 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 tt = 30, et = 8, nt = 1.2, ot = 30, At = 600;
-function Ot() {
-  let t = null, n = !1, e = !1, o = null, i = null, f = !1;
-  const l = (u, h) => {
-    for (let m = 0; m < u.length; m++) {
-      const T = u.item(m);
-      if (T && T.identifier === h) return T;
+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;
-  }, d = () => {
-    o !== null && (clearTimeout(o), o = null);
-  }, g = () => {
-    i !== null && (clearTimeout(i), i = null);
-  }, L = () => {
-    n = !0, e = !0, d(), g(), o = setTimeout(() => {
-      n = !1, e = !1, o = null;
-    }, At);
-  }, A = (u) => {
-    if (u.touches.length !== 1) {
+  }, y = () => {
+    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 h = u.touches.item(0);
-    if (!h) {
+    const g = f.touches.item(0);
+    if (!g) {
       t = null;
       return;
     }
-    const m = window.innerWidth, T = h.clientX <= tt, R = h.clientX >= m - tt;
-    if (!T && !R) {
+    const p = window.innerWidth, m = g.clientX <= ht, R = g.clientX >= p - ht;
+    if (!m && !R) {
       t = null;
       return;
     }
     t = {
-      identifier: h.identifier,
-      startX: h.clientX,
-      startY: h.clientY,
-      fromLeftEdge: T,
+      identifier: g.identifier,
+      startX: g.clientX,
+      startY: g.clientY,
+      fromLeftEdge: m,
       moved: !1
     };
-  }, y = (u) => {
+  }, b = (f) => {
     if (!t) return;
-    if (u.touches.length !== 1) {
+    if (f.touches.length !== 1) {
       t = null;
       return;
     }
-    const h = l(u.touches, t.identifier);
-    if (!h) {
+    const g = c(f.touches, t.identifier);
+    if (!g) {
       t = null;
       return;
     }
-    const m = h.clientX - t.startX, T = h.clientY - t.startY, R = Math.abs(m), c = Math.abs(T);
-    if (c > et && c > R * nt) {
+    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 a = t.fromLeftEdge ? m > 0 : m < 0;
-    R > et && R > c * nt && a && (t.moved = !0);
-  }, S = (u) => {
+    const u = t.fromLeftEdge ? p > 0 : p < 0;
+    R > yt && R > a * pt && u && (t.moved = !0);
+  }, M = (f) => {
     if (!t) return;
-    const h = l(u.changedTouches, t.identifier);
-    if (!h) {
+    const g = c(f.changedTouches, t.identifier);
+    if (!g) {
       t = null;
       return;
     }
-    const m = h.clientX - t.startX, T = t.fromLeftEdge ? m > 0 : m < 0;
-    if (t.moved && T && Math.abs(m) >= ot) {
-      L(), t = 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;
     }
-    t.moved && Math.abs(m) >= ot && L(), t = null;
-  }, O = () => {
-    t && (t.moved && L(), t = null);
+    t.moved && Math.abs(p) >= mt && O(), t = null;
+  }, k = () => {
+    t && (t.moved && O(), t = null);
   };
   return { initialize: () => {
-    if (typeof window > "u" || f) return;
-    f = !0;
-    const u = { passive: !0, capture: !0 };
-    window.addEventListener("touchstart", A, u), window.addEventListener("touchmove", y, u), window.addEventListener("touchend", S, u), window.addEventListener("touchcancel", O, u);
+    if (typeof window > "u" || d) return;
+    d = !0;
+    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" || !f) return;
-    f = !1;
-    const u = { capture: !0 };
-    window.removeEventListener("touchstart", A, u), window.removeEventListener("touchmove", y, u), window.removeEventListener("touchend", S, u), window.removeEventListener("touchcancel", O, u), d(), g(), t = null, n = !1, e = !1;
+    if (typeof window > "u" || !d) return;
+    d = !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 u = n || e;
-    return u && d(), u;
+    const f = s || e;
+    return f && y(), f;
   }, onPageEnter: () => {
-    n = !1, d(), g(), i = setTimeout(() => {
-      e = !1, i = null;
+    s = !1, y(), E(), l = setTimeout(() => {
+      e = !1, l = null;
     }, 0);
   } };
 }
-function Pt() {
+function Xt() {
   let t = null;
-  function n() {
-    var o, i;
-    t && ((o = t.outResolve) == null || o.call(t, null), (i = t.inResolve) == null || i.call(t, null), 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 e() {
     if (t != null && t.from && (t != null && t.to) && (t != null && t.outResolve) && (t != null && t.inResolve)) {
       if (t.from === t.to) {
-        n();
+        s();
         return;
       }
-      const o = { from: t.from, to: t.to };
-      t.outResolve(o), t.inResolve(o), t = null;
+      const n = { from: t.from, to: t.to };
+      t.outResolve(n), t.inResolve(n), t = null;
     }
   }
   return {
-    trigger(o, i) {
-      var l;
-      i === "out" && (t == null ? void 0 : t.to) === o && !t.from && ((l = t.inResolve) == null || l.call(t, null), t = {}), t && (i === "out" && t.from && t.from !== o || i === "in" && t.to && t.to !== o) && n(), t || (t = {}), i === "out" ? t.from = o : t.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((i) => {
-        t || (t = {}), o === "out" ? t.outResolve = i : t.inResolve = i, e();
+    get(n) {
+      return new Promise((l) => {
+        t || (t = {}), n === "out" ? t.outResolve = l : t.inResolve = l, e();
       });
     }
   };
 }
-const B = /* @__PURE__ */ new Map();
-let H = null, rt = !1;
-function it(t) {
-  if (t instanceof HTMLElement && B.has(t)) {
-    const n = B.get(t);
-    B.delete(t), 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(t.childNodes))
-    it(n);
+  for (const s of Array.from(t.childNodes))
+    Et(s);
 }
-function Lt() {
-  if (rt || typeof document > "u") return;
-  rt = !0, H = new MutationObserver((n) => {
-    for (const e of n)
-      for (const o of Array.from(e.removedNodes))
-        it(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 t = () => {
-    H == null || H.observe(document.body, { childList: !0, subtree: !0 });
+    Y == null || Y.observe(document.body, { childList: !0, subtree: !0 });
   };
   document.body ? t() : document.addEventListener("DOMContentLoaded", t, { once: !0 });
 }
-function _t(t, n) {
-  return Lt(), B.set(t, n), () => {
-    B.delete(t);
+function $t(t, s) {
+  return zt(), $.set(t, s), () => {
+    $.delete(t);
+  };
+}
+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 Mt(t) {
+function Ut(t) {
   return Array.isArray(t);
 }
-function lt(t) {
-  const n = [];
+function bt(t) {
+  const s = [];
   for (const e of t)
-    Mt(e) ? n.push(...lt(e)) : n.push(e);
-  return n;
+    Ut(e) ? s.push(...bt(e)) : s.push(e);
+  return s;
 }
-function Dt(t, n = {}) {
+function se(t, s = {}) {
   const {
     transitions: e = [],
-    middleware: o = (r, s) => ({ from: r, to: s }),
-    preserveScroll: i = (r) => r
-  } = t, f = n.host ?? new mt(), l = Pt(), d = vt(
-    lt(e)
-  ), g = Ot();
-  g.initialize();
+    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: L,
-    calculateScrollOffset: A,
-    evictScrollPosition: y,
-    shouldPreserve: S,
-    getScrollContainer: O,
-    getPositionedParentElement: k,
-    getScrollPosition: I
-  } = Rt({ preserveScroll: i });
-  let _ = null, x = null;
-  const u = /* @__PURE__ */ new WeakMap(), h = (r) => {
-    u.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
     });
-  }, m = (r) => {
-    const s = u.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
     };
-  }, T = (r, s, w, b, D) => {
-    const N = b.element, X = D.element, { parent: M, nextSibling: C } = b.parent ? { parent: b.parent, nextSibling: b.nextSibling } : m(N), P = N.cloneNode(!0);
-    P.setAttribute("data-ssgoi-clone", "");
-    const z = {
-      scrollOffset: A(s, w),
-      from: { scroll: I(s) },
-      to: { scroll: I(w) },
+  }, 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 O() || document.documentElement;
+        return k() || document.documentElement;
       },
       get positionedParent() {
-        return k();
+        return I();
       }
     };
-    gt(P, z), S(s) || y(s);
-    const Z = Promise.resolve(P), j = Promise.resolve(X), J = [], at = {
-      from: Z,
-      to: j,
-      context: z,
-      createElement: (($, q = "div") => {
-        const K = document.createElement(q);
-        return K.setAttribute("data-ssgoi-id", $), J.push(K), K;
+    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;
       })
-    }, ut = Promise.resolve(
-      r.prepare ? r.prepare(at) : {}
+    }, Pt = Promise.resolve(
+      o.prepare ? o.prepare(Rt) : {}
     );
-    Et({
-      from: Z,
-      to: j,
-      extras: ut
-    }).then(({ from: $, to: q, extras: K }) => {
-      M && (C && M.contains(C) ? M.insertBefore(P, C) : M.appendChild(P));
-      const U = r.animation({
-        from: $,
-        to: q,
-        context: z,
+    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
-      }), Y = U.onComplete;
-      U.onComplete = () => {
-        Y == null || Y(), P.parentElement && P.parentElement.removeChild(P);
-        for (const G of J)
-          G.parentElement && G.parentElement.removeChild(G);
-      }, f.attach(U);
+      }), 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);
     });
-  }, R = (r, s) => {
-    const w = g.isSwipeBack();
-    l.trigger(r, s), l.get(s).then((b) => {
-      if (s === "in" && g.onPageEnter(), !b) return;
-      if (w) {
-        s === "out" && b.from && !S(b.from) && y(b.from), _ = null, x = 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: D, to: N } = o(
-        b.from,
-        b.to
-      ), X = Tt(
-        D,
-        N,
-        d
-      ), M = _, C = x;
-      _ = null, x = null, !(!X || !M || !C) && T(X, D, N, M, 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);
     });
-  }, c = (r, s) => {
-    const w = m(r);
-    _ = {
-      element: r,
-      parent: w.parent,
-      nextSibling: w.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 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"
     };
-    const b = r.getAttribute("data-ssgoi-transition") ?? s;
-    R(b, "out");
-  }, a = /* @__PURE__ */ new WeakSet(), p = (r, s) => {
-    a.has(s) || (a.add(s), h(s), L(s, r), x = {
-      element: s,
-      parent: s.parentElement,
-      nextSibling: s.nextElementSibling
-    }, R(r, "in"), _t(s, () => c(s, r)));
-  }, E = /* @__PURE__ */ new Map();
-  return { register: p, refFor: (r) => {
-    let s = E.get(r);
-    return s || (s = (w) => {
-      w && p(r, w);
-    }, E.set(r, s)), s;
+    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 ct = "data-ssgoi-root", xt = `[${ct}]`, V = "data-ssgoi-transition", st = `[${V}]`, Ct = "[data-ssgoi-clone]";
-function kt() {
+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 It(t) {
+function jt(t) {
   return t.nodeType === Node.ELEMENT_NODE;
 }
-function Nt(t) {
+function Jt(t) {
   return t instanceof HTMLElement;
 }
-function Xt(t, n) {
-  if (!kt()) return () => {
+function oe(t, s) {
+  if (!Zt()) return () => {
   };
-  t.setAttribute(ct, "");
-  const e = (l) => l.closest(xt) === t, o = (l) => {
-    if (!Nt(l) || !e(l) || l.closest(Ct))
+  t.setAttribute(wt, "");
+  const e = (c) => c.closest(Yt) === t, n = (c) => {
+    if (!Jt(c) || !e(c) || c.closest(Gt))
       return;
-    const d = l.getAttribute(V);
-    d !== null && n.register(d, l);
-  }, i = (l) => {
-    if (It(l)) {
-      l.matches(st) && o(l);
-      for (const d of l.querySelectorAll(st))
-        o(d);
+    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);
     }
-  }, f = new MutationObserver((l) => {
-    for (const d of l) {
-      if (d.type === "attributes") {
-        o(d.target);
+  }, d = new MutationObserver((c) => {
+    for (const y of c) {
+      if (y.type === "attributes") {
+        n(y.target);
         continue;
       }
-      for (const g of d.addedNodes)
-        i(g);
+      for (const E of y.addedNodes)
+        l(E);
     }
   });
-  return f.observe(t, {
+  return d.observe(t, {
     childList: !0,
     subtree: !0,
     attributes: !0,
-    attributeFilter: [V]
-  }), i(t), () => f.disconnect();
+    attributeFilter: [it]
+  }), l(t), () => d.disconnect();
 }
 export {
-  ht as Animation,
-  mt as HostAnimation,
-  $t as MultiAnimation,
-  qt as WebAnimation,
-  Dt as createSggoiTransitionContext,
-  Xt as observeSsgoiTransitions
+  xt as Animation,
+  Mt as HostAnimation,
+  le as MultiAnimation,
+  ce as WebAnimation,
+  se as createSggoiTransitionContext,
+  oe as observeSsgoiTransitions
 };