@ssgoi/core 5.2.2 → 6.1.0

package/dist/internal.cjs

@@ -0,0 +1 @@
+"use strict";var ue=Object.defineProperty;var fe=(e,n,t)=>n in e?ue(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var W=(e,n,t)=>fe(e,typeof n!="symbol"?n+"":n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("./multi-animation-Dw2JTJI2.cjs");class se extends H.Animation{constructor(){super(...arguments);W(this,"child",null);W(this,"_state","idle");W(this,"_settled",!1);W(this,"listeners",new Set)}attach(t){const o=this.child;if(this.child=t,this._settled=!1,o){const m=o.getPose();o.complete(),t.matchInto(m)}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()};const d=t.onUpdate;t.onUpdate=m=>{var w;d==null||d(m),(w=this.onUpdate)==null||w.call(this,m),this.notify()},this._state==="paused"?t.pause():this._state==="reversing"?t.reverse():(this._state="playing",t.play()),this.notify()}play(){var t;this._state="playing",this._settled=!1,(t=this.child)==null||t.play(),this.notify()}reverse(){var t;this._state="reversing",this._settled=!1,(t=this.child)==null||t.reverse(),this.notify()}pause(){var t;this._state="paused",(t=this.child)==null||t.pause(),this.notify()}complete(){var t;(t=this.child)==null||t.complete(),this.notify()}get isAnimating(){var t;return((t=this.child)==null?void 0:t.isAnimating)??!1}get isPaused(){return this._state==="paused"}get isComplete(){return this._settled&&!this.child}get isReversing(){var t;return((t=this.child)==null?void 0:t.isReversing)??this._state==="reversing"}get progress(){var t;return((t=this.child)==null?void 0:t.progress)??0}findTimeForProgress(t){var o;return((o=this.child)==null?void 0:o.findTimeForProgress(t))??null}get playbackRate(){return super.playbackRate}set playbackRate(t){super.playbackRate=t,this.child&&(this.child.playbackRate=t),this.notify()}getPose(){var t;return((t=this.child)==null?void 0:t.getPose())??[]}getTimeline(){var t;return((t=this.child)==null?void 0:t.getTimeline())??[]}matchInto(t){var o;(o=this.child)==null||o.matchInto(t)}get activeChild(){return this.child}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}notify(){for(const t of this.listeners)t()}}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"},Q=new Set(["auto","scroll","overlay"]),me=e=>{let n=e.parentElement;for(;n&&n!==document.body;){const t=window.getComputedStyle(n);if(Q.has(t.overflowY)||Q.has(t.overflowX))return n;n=n.parentElement}return document.documentElement},he=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}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 ye(e){const n=e.filter(t=>t.symmetric).map(t=>({from:t.to,to:t.from,transition:t.transition}));return[...e,...n]}function F(e,n){if(n==="*")return!0;if(n.endsWith("/*")){const t=n.slice(0,-1);return e.startsWith(t)&&e.length>t.length}return e===n}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;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 m=()=>{const i=(o==null?void 0:o.clientWidth)??0,l=i>0?i:typeof window<"u"?window.innerWidth:0;return l>0&&l<ve},w=()=>(d||(c=m(),d=!0),c),y=i=>{var v;const l=t(w());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;return{preserves:!g,shared:p,storageKey:p?`shared:${l.key}`:`path:${i}`}},x=i=>y(i).preserves;let R=null;const h=new Map;let T=null,A=!1,O=0;const I=()=>{o&&T&&!A&&h.set(y(T).storageKey,{x:o.scrollLeft,y:o.scrollTop})},L=i=>{if(!o)return;const l=y(i);if(l.preserves&&l.shared&&!h.has(l.storageKey))return;const g=l.preserves&&h.has(l.storageKey)?h.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))};requestAnimationFrame(v)};return{initializeContext:(i,l)=>{A=!0;const g=++O;R=i,o||(o=me(i),c=m(),d=!0,typeof ResizeObserver<"u"&&new ResizeObserver(()=>{c=m()}).observe(o),(o===document.documentElement?window:o).addEventListener("scroll",I,{passive:!0})),T=l,L(l);let p=0;const v=()=>{g===O&&(p++,p>=we?A=!1:requestAnimationFrame(v))};requestAnimationFrame(v)},calculateScrollOffset:(i,l)=>{const g=i?y(i).storageKey:null,p=g&&h.has(g)?h.get(g):{x:0,y:0},v=l?y(l):null,r=v!=null&&v.preserves?v.storageKey:null,s=r&&h.has(r)?h.get(r):{x:0,y:0};return{x:-s.x+p.x,y:-s.y+p.y}},evictScrollPosition:i=>{h.delete(y(i).storageKey)},shouldPreserve:x,getScrollContainer:()=>o,getPositionedParentElement:()=>R?he(R):document.body,getScrollPosition:i=>{const l=i?y(i).storageKey:null;return l&&h.has(l)?h.get(l):{x:0,y:0}}}}const ee=30,te=8,ne=1.2,oe=30,be=600;function Te(){let e=null,n=!1,t=!1,o=null,c=null,d=!1;const m=(a,u)=>{for(let f=0;f<a.length;f++){const E=a.item(f);if(E&&E.identifier===u)return E}return null},w=()=>{o!==null&&(clearTimeout(o),o=null)},y=()=>{c!==null&&(clearTimeout(c),c=null)},x=()=>{n=!0,t=!0,w(),y(),o=setTimeout(()=>{n=!1,t=!1,o=null},be)},R=a=>{if(a.touches.length!==1){e=null;return}const u=a.touches.item(0);if(!u){e=null;return}const f=window.innerWidth,E=u.clientX<=ee,P=u.clientX>=f-ee;if(!E&&!P){e=null;return}e={identifier:u.identifier,startX:u.clientX,startY:u.clientY,fromLeftEdge:E,moved:!1}},h=a=>{if(!e)return;if(a.touches.length!==1){e=null;return}const u=m(a.touches,e.identifier);if(!u){e=null;return}const f=u.clientX-e.startX,E=u.clientY-e.startY,P=Math.abs(f),i=Math.abs(E);if(i>te&&i>P*ne){e=null;return}const l=e.fromLeftEdge?f>0:f<0;P>te&&P>i*ne&&l&&(e.moved=!0)},T=a=>{if(!e)return;const u=m(a.changedTouches,e.identifier);if(!u){e=null;return}const f=u.clientX-e.startX,E=e.fromLeftEdge?f>0:f<0;if(e.moved&&E&&Math.abs(f)>=oe){x(),e=null;return}e.moved&&Math.abs(f)>=oe&&x(),e=null},A=()=>{e&&(e.moved&&x(),e=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",h,a),window.addEventListener("touchend",T,a),window.addEventListener("touchcancel",A,a)},destroy:()=>{if(typeof window>"u"||!d)return;d=!1;const a={capture:!0};window.removeEventListener("touchstart",R,a),window.removeEventListener("touchmove",h,a),window.removeEventListener("touchend",T,a),window.removeEventListener("touchcancel",A,a),w(),y(),e=null,n=!1,t=!1},isSwipeBack:()=>{const a=n||t;return a&&w(),a},onPageEnter:()=>{n=!1,w(),y(),c=setTimeout(()=>{t=!1,c=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 t(){if(e!=null&&e.from&&(e!=null&&e.to)&&(e!=null&&e.outResolve)&&(e!=null&&e.inResolve)){if(e.from===e.to){n();return}const o={from:e.from,to:e.to};e.outResolve(o),e.inResolve(o),e=null}}return{trigger(o,c){var m;c==="out"&&(e==null?void 0:e.to)===o&&!e.from&&((m=e.inResolve)==null||m.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},get(o){return new Promise(c=>{e||(e={}),o==="out"?e.outResolve=c:e.inResolve=c,t()})}}}const X=new Map;let z=null,re=!1;function ie(e){if(e instanceof HTMLElement&&X.has(e)){const n=X.get(e);X.delete(e),queueMicrotask(n)}for(const n of Array.from(e.childNodes))ie(n)}function Re(){if(re||typeof document>"u")return;re=!0,z=new MutationObserver(n=>{for(const t of n)for(const o of Array.from(t.removedNodes))ie(o)});const e=()=>{z==null||z.observe(document.body,{childList:!0,subtree:!0})};document.body?e():document.addEventListener("DOMContentLoaded",e,{once:!0})}function Ae(e,n){return Re(),X.set(e,n),()=>{X.delete(e)}}function xe(e){return Array.isArray(e)}function le(e){const n=[];for(const t of e)xe(t)?n.push(...le(t)):n.push(t);return n}function Le(e,n={}){const{transitions:t=[],middleware:o=(r,s)=>({from:r,to:s}),preserveScroll:c=r=>r}=e,d=n.host??new se,m=Pe(),w=ye(le(t)),y=Te();y.initialize();const{initializeContext:x,calculateScrollOffset:R,evictScrollPosition:h,shouldPreserve:T,getScrollContainer:A,getPositionedParentElement:O,getScrollPosition:I}=Se({preserveScroll:c});let L=null,k=null;const a=new WeakMap,u=r=>{a.set(r,{parent:r.parentElement,nextSibling:r.nextElementSibling})},f=r=>{const s=a.get(r);return s||{parent:r.parentElement,nextSibling:r.nextElementSibling}},E=(r,s,b,S,B)=>{const K=S.element,D=B.element,{parent:M,nextSibling:C}=S.parent?{parent:S.parent,nextSibling:S.nextSibling}:f(K),_=K.cloneNode(!0),q={scrollOffset:R(s,b),from:{scroll:I(s)},to:{scroll:I(b)},get scrollingElement(){return A()||document.documentElement},get positionedParent(){return O()}};de(_,q),T(s)||h(s);const j=Promise.resolve(_),Z=Promise.resolve(D),J=[],ce={from:j,to:Z,context:q,createElement:((Y,$="div")=>{const N=document.createElement($);return N.setAttribute("data-ssgoi-id",Y),J.push(N),N})},ae=Promise.resolve(r.prepare?r.prepare(ce):{});ge({from:j,to:Z,extras:ae}).then(({from:Y,to:$,extras:N})=>{M&&(C&&M.contains(C)?M.insertBefore(_,C):M.appendChild(_));const G=r.animation({from:Y,to:$,context:q,...N}),U=G.onComplete;G.onComplete=()=>{U==null||U(),_.parentElement&&_.parentElement.removeChild(_);for(const V of J)V.parentElement&&V.parentElement.removeChild(V)},d.attach(G)})},P=(r,s)=>{const b=y.isSwipeBack();m.trigger(r,s),m.get(s).then(S=>{if(s==="in"&&y.onPageEnter(),!S)return;if(b){s==="out"&&S.from&&!T(S.from)&&h(S.from),L=null,k=null;return}if(s!=="in")return;const{from:B,to:K}=o(S.from,S.to),D=pe(B,K,w),M=L,C=k;L=null,k=null,!(!D||!M||!C)&&E(D,B,K,M,C)})},i=(r,s)=>{const b=f(r);L={element:r,parent:b.parent,nextSibling:b.nextSibling},P(s,"out")},l=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=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}}}exports.Animation=H.Animation;exports.MultiAnimation=H.MultiAnimation;exports.WebAnimation=H.WebAnimation;exports.HostAnimation=se;exports.createSggoiTransitionContext=Le;

package/dist/internal.d.ts

@@ -0,0 +1,4 @@
+export { createSggoiTransitionContext } from './ssgoi-transition/create-ssgoi-transition-context';
+export { Animation, WebAnimation, MultiAnimation, HostAnimation, } from './animation';
+export type { SsgoiConfig, SsgoiContext, SsgoiPathTransition, SsgoiPathTransitionInput, TransitionConfig, PrepareArgs, AnimationFactoryArgs, CreateElement, SsgoiTransitionContext, Pose, Timeline, } from './types/index.ts';
+//# sourceMappingURL=internal.d.ts.map

package/dist/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../src/lib/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAClG,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,aAAa,GACd,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,sBAAsB,EACtB,IAAI,EACJ,QAAQ,GACT,MAAM,QAAQ,CAAC"}

package/dist/internal.js

@@ -0,0 +1,511 @@
+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 {
+  constructor() {
+    super(...arguments);
+    W(this, "child", null);
+    W(this, "_state", "idle");
+    W(this, "_settled", !1);
+    W(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);
+    }
+    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();
+    };
+    const d = t.onUpdate;
+    t.onUpdate = (h) => {
+      var w;
+      d == null || d(h), (w = this.onUpdate) == null || w.call(this, h), this.notify();
+    }, this._state === "paused" ? t.pause() : this._state === "reversing" ? t.reverse() : (this._state = "playing", t.play()), this.notify();
+  }
+  play() {
+    var t;
+    this._state = "playing", this._settled = !1, (t = this.child) == null || t.play(), this.notify();
+  }
+  reverse() {
+    var t;
+    this._state = "reversing", this._settled = !1, (t = this.child) == null || t.reverse(), this.notify();
+  }
+  pause() {
+    var t;
+    this._state = "paused", (t = this.child) == null || t.pause(), this.notify();
+  }
+  complete() {
+    var t;
+    (t = this.child) == null || t.complete(), this.notify();
+  }
+  get isAnimating() {
+    var t;
+    return ((t = this.child) == null ? void 0 : t.isAnimating) ?? !1;
+  }
+  get isPaused() {
+    return this._state === "paused";
+  }
+  get isComplete() {
+    return this._settled && !this.child;
+  }
+  get isReversing() {
+    var t;
+    return ((t = this.child) == null ? void 0 : t.isReversing) ?? this._state === "reversing";
+  }
+  get progress() {
+    var t;
+    return ((t = this.child) == null ? void 0 : t.progress) ?? 0;
+  }
+  findTimeForProgress(t) {
+    var o;
+    return ((o = this.child) == null ? void 0 : o.findTimeForProgress(t)) ?? null;
+  }
+  get playbackRate() {
+    return super.playbackRate;
+  }
+  set playbackRate(t) {
+    super.playbackRate = t, this.child && (this.child.playbackRate = t), this.notify();
+  }
+  getPose() {
+    var t;
+    return ((t = this.child) == null ? void 0 : t.getPose()) ?? [];
+  }
+  getTimeline() {
+    var t;
+    return ((t = this.child) == null ? void 0 : t.getTimeline()) ?? [];
+  }
+  matchInto(t) {
+    var o;
+    (o = this.child) == null || o.matchInto(t);
+  }
+  /** 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);
+    };
+  }
+  notify() {
+    for (const t of this.listeners) t();
+  }
+}
+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;
+  }
+  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;
+  }
+  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 ye(e) {
+  const n = e.filter((t) => t.symmetric).map((t) => ({
+    from: t.to,
+    to: t.from,
+    transition: t.transition
+  }));
+  return [...e, ...n];
+}
+function F(e, n) {
+  if (n === "*")
+    return !0;
+  if (n.endsWith("/*")) {
+    const t = n.slice(0, -1);
+    return e.startsWith(t) && e.length > t.length;
+  }
+  return e === n;
+}
+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;
+  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;
+  }, w = () => (d || (c = h(), d = !0), c), y = (i) => {
+    var v;
+    const l = t(w());
+    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;
+    return {
+      preserves: !g,
+      shared: p,
+      storageKey: p ? `shared:${l.key}` : `path:${i}`
+    };
+  }, x = (i) => y(i).preserves;
+  let P = 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
+    });
+  }, L = (i) => {
+    if (!o) return;
+    const l = y(i);
+    if (l.preserves && l.shared && !m.has(l.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));
+    };
+    requestAnimationFrame(v);
+  };
+  return {
+    initializeContext: (i, l) => {
+      A = !0;
+      const g = ++O;
+      P = 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, {
+        passive: !0
+      })), T = l, L(l);
+      let p = 0;
+      const v = () => {
+        g === O && (p++, p >= we ? A = !1 : requestAnimationFrame(v));
+      };
+      requestAnimationFrame(v);
+    },
+    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 };
+      return {
+        x: -s.x + p.x,
+        y: -s.y + p.y
+      };
+    },
+    evictScrollPosition: (i) => {
+      m.delete(y(i).storageKey);
+    },
+    shouldPreserve: x,
+    getScrollContainer: () => o,
+    getPositionedParentElement: () => P ? me(P) : document.body,
+    getScrollPosition: (i) => {
+      const l = i ? y(i).storageKey : null;
+      return l && m.has(l) ? m.get(l) : { 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;
+    }
+    return null;
+  }, w = () => {
+    o !== null && (clearTimeout(o), o = null);
+  }, y = () => {
+    c !== null && (clearTimeout(c), c = null);
+  }, x = () => {
+    n = !0, t = !0, w(), y(), o = setTimeout(() => {
+      n = !1, t = !1, o = null;
+    }, be);
+  }, P = (a) => {
+    if (a.touches.length !== 1) {
+      e = null;
+      return;
+    }
+    const u = a.touches.item(0);
+    if (!u) {
+      e = null;
+      return;
+    }
+    const f = window.innerWidth, E = u.clientX <= Q, R = u.clientX >= f - Q;
+    if (!E && !R) {
+      e = null;
+      return;
+    }
+    e = {
+      identifier: u.identifier,
+      startX: u.clientX,
+      startY: u.clientY,
+      fromLeftEdge: E,
+      moved: !1
+    };
+  }, m = (a) => {
+    if (!e) return;
+    if (a.touches.length !== 1) {
+      e = null;
+      return;
+    }
+    const u = h(a.touches, e.identifier);
+    if (!u) {
+      e = null;
+      return;
+    }
+    const f = u.clientX - e.startX, E = u.clientY - e.startY, R = Math.abs(f), i = Math.abs(E);
+    if (i > ee && i > R * te) {
+      e = null;
+      return;
+    }
+    const l = e.fromLeftEdge ? f > 0 : f < 0;
+    R > ee && R > i * te && l && (e.moved = !0);
+  }, T = (a) => {
+    if (!e) return;
+    const u = h(a.changedTouches, e.identifier);
+    if (!u) {
+      e = 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;
+      return;
+    }
+    e.moved && Math.abs(f) >= ne && x(), e = null;
+  }, A = () => {
+    e && (e.moved && x(), e = null);
+  };
+  return { initialize: () => {
+    if (typeof window > "u" || d) return;
+    d = !0;
+    const a = { passive: !0, capture: !0 };
+    window.addEventListener("touchstart", P, a), window.addEventListener("touchmove", m, a), window.addEventListener("touchend", T, a), window.addEventListener("touchcancel", A, a);
+  }, destroy: () => {
+    if (typeof window > "u" || !d) return;
+    d = !1;
+    const a = { capture: !0 };
+    window.removeEventListener("touchstart", P, a), window.removeEventListener("touchmove", m, a), window.removeEventListener("touchend", T, a), window.removeEventListener("touchcancel", A, a), w(), y(), e = null, n = !1, t = !1;
+  }, isSwipeBack: () => {
+    const a = n || t;
+    return a && w(), a;
+  }, onPageEnter: () => {
+    n = !1, w(), y(), c = setTimeout(() => {
+      t = !1, c = null;
+    }, 0);
+  } };
+}
+function Re() {
+  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 t() {
+    if (e != null && e.from && (e != null && e.to) && (e != null && e.outResolve) && (e != null && e.inResolve)) {
+      if (e.from === e.to) {
+        n();
+        return;
+      }
+      const o = { from: e.from, to: e.to };
+      e.outResolve(o), e.inResolve(o), e = 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;
+    },
+    get(o) {
+      return new Promise((c) => {
+        e || (e = {}), o === "out" ? e.outResolve = c : e.inResolve = c, t();
+      });
+    }
+  };
+}
+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);
+  }
+  for (const n of Array.from(e.childNodes))
+    re(n);
+}
+function Pe() {
+  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);
+  });
+  const e = () => {
+    z == null || z.observe(document.body, { childList: !0, subtree: !0 });
+  };
+  document.body ? e() : document.addEventListener("DOMContentLoaded", e, { once: !0 });
+}
+function Ae(e, n) {
+  return Pe(), X.set(e, n), () => {
+    X.delete(e);
+  };
+}
+function xe(e) {
+  return Array.isArray(e);
+}
+function se(e) {
+  const n = [];
+  for (const t of e)
+    xe(t) ? n.push(...se(t)) : n.push(t);
+  return n;
+}
+function Ce(e, n = {}) {
+  const {
+    transitions: t = [],
+    middleware: o = (r, s) => ({ from: r, to: s }),
+    preserveScroll: c = (r) => r
+  } = e, d = n.host ?? new fe(), h = Re(), w = ye(
+    se(t)
+  ), y = Te();
+  y.initialize();
+  const {
+    initializeContext: x,
+    calculateScrollOffset: P,
+    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
+    });
+  }, f = (r) => {
+    const s = a.get(r);
+    return s || {
+      parent: r.parentElement,
+      nextSibling: r.nextElementSibling
+    };
+  }, E = (r, s, b, S, B) => {
+    const K = S.element, D = B.element, { parent: _, nextSibling: C } = S.parent ? { parent: S.parent, nextSibling: S.nextSibling } : f(K), M = K.cloneNode(!0), H = {
+      scrollOffset: P(s, b),
+      from: { scroll: I(s) },
+      to: { scroll: I(b) },
+      get scrollingElement() {
+        return A() || document.documentElement;
+      },
+      get positionedParent() {
+        return O();
+      }
+    };
+    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;
+      })
+    }, le = Promise.resolve(
+      r.prepare ? r.prepare(ie) : {}
+    );
+    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($);
+    });
+  }, R = (r, s) => {
+    const b = y.isSwipeBack();
+    h.trigger(r, s), h.get(s).then((S) => {
+      if (s === "in" && y.onPageEnter(), !S) return;
+      if (b) {
+        s === "out" && S.from && !T(S.from) && m(S.from), L = null, k = null;
+        return;
+      }
+      if (s !== "in") return;
+      const { from: B, to: K } = o(
+        S.from,
+        S.to
+      ), D = pe(
+        B,
+        K,
+        w
+      ), _ = L, C = k;
+      L = null, k = null, !(!D || !_ || !C) && E(D, B, K, _, C);
+    });
+  }, i = (r, s) => {
+    const b = f(r);
+    L = {
+      element: r,
+      parent: b.parent,
+      nextSibling: b.nextSibling
+    }, R(s, "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
+    }, R(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;
+  } };
+}
+export {
+  ue as Animation,
+  fe as HostAnimation,
+  Ke as MultiAnimation,
+  Ne as WebAnimation,
+  Ce as createSggoiTransitionContext
+};