@ssgoi/core 5.2.1 → 6.0.0

package/dist/internal.cjs

@@ -0,0 +1 @@
+"use strict";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 W=(t,n,e)=>dt(t,typeof n!="symbol"?n+"":n,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("./multi-animation-B_Hl1HEU.cjs");class it extends H.Animation{constructor(){super(...arguments);W(this,"child",null);W(this,"_state","idle");W(this,"_settled",!1);W(this,"listeners",new Set)}attach(e){const o=this.child;if(this.child=e,this._settled=!1,o){const m=o.getPose();o.complete(),e.matchInto(m)}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 f=e.onUpdate;e.onUpdate=m=>{var w;f==null||f(m),(w=this.onUpdate)==null||w.call(this,m),this.notify()},this._state==="paused"?e.pause():this._state==="reversing"?e.reverse():(this._state="playing",e.play()),this.notify()}play(){var e;this._state="playing",this._settled=!1,(e=this.child)==null||e.play(),this.notify()}reverse(){var e;this._state="reversing",this._settled=!1,(e=this.child)==null||e.reverse(),this.notify()}pause(){var e;this._state="paused",(e=this.child)==null||e.pause(),this.notify()}complete(){var e;(e=this.child)==null||e.complete(),this.notify()}get isAnimating(){var e;return((e=this.child)==null?void 0:e.isAnimating)??!1}get isPaused(){return this._state==="paused"}get isComplete(){return this._settled&&!this.child}get isReversing(){var e;return((e=this.child)==null?void 0:e.isReversing)??this._state==="reversing"}get playbackRate(){return super.playbackRate}set playbackRate(e){super.playbackRate=e,this.child&&(this.child.playbackRate=e),this.notify()}getPose(){var e;return((e=this.child)==null?void 0:e.getPose())??[]}getTimeline(){var e;return((e=this.child)==null?void 0:e.getTimeline())??[]}matchInto(e){var o;(o=this.child)==null||o.matchInto(e)}get activeChild(){return this.child}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}notify(){for(const e of this.listeners)e()}}const mt=(t,n)=>{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"},tt=new Set(["auto","scroll","overlay"]),ht=t=>{let n=t.parentElement;for(;n&&n!==document.body;){const e=window.getComputedStyle(n);if(tt.has(e.overflowY)||tt.has(e.overflowX))return n;n=n.parentElement}return document.documentElement},gt=t=>{let n=t.parentElement;for(;n&&n!==document.body;){const e=window.getComputedStyle(n).position;if(e==="relative"||e==="absolute"||e==="fixed"||e==="sticky")return n;n=n.parentElement}return document.body};function yt(t){const n=Object.keys(t);return Promise.all(n.map(e=>t[e])).then(e=>{const o={};return n.forEach((l,f)=>{o[l]=e[f]}),o})}function vt(t){const n=t.filter(e=>e.symmetric).map(e=>({from:e.to,to:e.from,transition:e.transition}));return[...t,...n]}function X(t,n){if(n==="*")return!0;if(n.endsWith("/*")){const e=n.slice(0,-1);return t.startsWith(e)&&t.length>e.length}return t===n}function pt(t,n,e){for(const o of e)if(X(t,o.from)&&X(n,o.to))return o.transition;for(const o of e)if((o.from==="*"||X(t,o.from))&&(o.to==="*"||X(n,o.to)))return o.transition;return null}const Et=768,wt=10,St=10;function bt(t={}){const{preserveScroll:n=i=>i}=t,e=typeof n=="function"?n:()=>n;let o=null,l=!1,f=!1;const m=()=>{const i=(o==null?void 0:o.clientWidth)??0,a=i>0?i:typeof window<"u"?window.innerWidth:0;return a>0&&a<Et},w=()=>(f||(l=m(),f=!0),l),E=i=>{var y;const a=e(w());if(a===!1)return{preserves:!1,shared:!1,storageKey:`path:${i}`};if(a===!0)return{preserves:!0,shared:!1,storageKey:`path:${i}`};const g=((y=a.exclude)==null?void 0:y.some(M=>X(i,M)))??!1,p=!g&&!!a.key;return{preserves:!g,shared:p,storageKey:p?`shared:${a.key}`:`path:${i}`}},R=i=>E(i).preserves;let x=null;const h=new Map;let A=null,P=!1,O=0;const D=()=>{o&&A&&!P&&h.set(E(A).storageKey,{x:o.scrollLeft,y:o.scrollTop})},I=i=>{if(!o)return;const a=E(i);if(a.preserves&&a.shared&&!h.has(a.storageKey))return;const g=a.preserves&&h.has(a.storageKey)?h.get(a.storageKey):{x:0,y:0};let p=0;const y=()=>{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<wt&&(p++,requestAnimationFrame(y))};requestAnimationFrame(y)};return{initializeContext:(i,a)=>{P=!0;const g=++O;x=i,o||(o=ht(i),l=m(),f=!0,typeof ResizeObserver<"u"&&new ResizeObserver(()=>{l=m()}).observe(o),(o===document.documentElement?window:o).addEventListener("scroll",D,{passive:!0})),A=a,I(a);let p=0;const y=()=>{g===O&&(p++,p>=St?P=!1:requestAnimationFrame(y))};requestAnimationFrame(y)},calculateScrollOffset:(i,a)=>{const g=i?E(i).storageKey:null,p=g&&h.has(g)?h.get(g):{x:0,y:0},y=a?E(a):null,M=y!=null&&y.preserves?y.storageKey:null,r=M&&h.has(M)?h.get(M):{x:0,y:0};return{x:-r.x+p.x,y:-r.y+p.y}},evictScrollPosition:i=>{h.delete(E(i).storageKey)},shouldPreserve:R,getScrollContainer:()=>o,getPositionedParentElement:()=>x?gt(x):document.body,getScrollPosition:i=>{const a=i?E(i).storageKey:null;return a&&h.has(a)?h.get(a):{x:0,y:0}}}}const et=30,nt=8,ot=1.2,rt=30,Tt=600;function Rt(){let t=null,n=!1,e=!1,o=null,l=null,f=!1;const m=(c,u)=>{for(let d=0;d<c.length;d++){const v=c.item(d);if(v&&v.identifier===u)return v}return null},w=()=>{o!==null&&(clearTimeout(o),o=null)},E=()=>{l!==null&&(clearTimeout(l),l=null)},R=()=>{n=!0,e=!0,w(),E(),o=setTimeout(()=>{n=!1,e=!1,o=null},Tt)},x=c=>{if(c.touches.length!==1){t=null;return}const u=c.touches.item(0);if(!u){t=null;return}const d=window.innerWidth,v=u.clientX<=et,L=u.clientX>=d-et;if(!v&&!L){t=null;return}t={identifier:u.identifier,startX:u.clientX,startY:u.clientY,fromLeftEdge:v,moved:!1}},h=c=>{if(!t)return;if(c.touches.length!==1){t=null;return}const u=m(c.touches,t.identifier);if(!u){t=null;return}const d=u.clientX-t.startX,v=u.clientY-t.startY,L=Math.abs(d),i=Math.abs(v);if(i>nt&&i>L*ot){t=null;return}const a=t.fromLeftEdge?d>0:d<0;L>nt&&L>i*ot&&a&&(t.moved=!0)},A=c=>{if(!t)return;const u=m(c.changedTouches,t.identifier);if(!u){t=null;return}const d=u.clientX-t.startX,v=t.fromLeftEdge?d>0:d<0;if(t.moved&&v&&Math.abs(d)>=rt){R(),t=null;return}t.moved&&Math.abs(d)>=rt&&R(),t=null},P=()=>{t&&(t.moved&&R(),t=null)};return{initialize:()=>{if(typeof window>"u"||f)return;f=!0;const c={passive:!0,capture:!0};window.addEventListener("touchstart",x,c),window.addEventListener("touchmove",h,c),window.addEventListener("touchend",A,c),window.addEventListener("touchcancel",P,c)},destroy:()=>{if(typeof window>"u"||!f)return;f=!1;const c={capture:!0};window.removeEventListener("touchstart",x,c),window.removeEventListener("touchmove",h,c),window.removeEventListener("touchend",A,c),window.removeEventListener("touchcancel",P,c),w(),E(),t=null,n=!1,e=!1},isSwipeBack:()=>{const c=n||e;return c&&w(),c},onPageEnter:()=>{n=!1,w(),E(),l=setTimeout(()=>{e=!1,l=null},0)}}}function At(){let t=null;function n(){var o,l;t&&((o=t.outResolve)==null||o.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();return}const o={from:t.from,to:t.to};t.outResolve(o),t.inResolve(o),t=null}}return{trigger(o,l){var m;l==="out"&&(t==null?void 0:t.to)===o&&!t.from&&((m=t.inResolve)==null||m.call(t,null),t={}),t&&(l==="out"&&t.from&&t.from!==o||l==="in"&&t.to&&t.to!==o)&&n(),t||(t={}),l==="out"?t.from=o:t.to=o},get(o){return new Promise(l=>{t||(t={}),o==="out"?t.outResolve=l:t.inResolve=l,e()})}}}const B=new Map;let z=null,st=!1;function lt(t){if(t instanceof HTMLElement&&B.has(t)){const n=B.get(t);B.delete(t),queueMicrotask(n)}for(const n of Array.from(t.childNodes))lt(n)}function Pt(){if(st||typeof document>"u")return;st=!0,z=new MutationObserver(n=>{for(const e of n)for(const o of Array.from(e.removedNodes))lt(o)});const t=()=>{z==null||z.observe(document.body,{childList:!0,subtree:!0})};document.body?t():document.addEventListener("DOMContentLoaded",t,{once:!0})}function xt(t,n){return Pt(),B.set(t,n),()=>{B.delete(t)}}function Lt(t){return Array.isArray(t)}function ct(t){const n=[];for(const e of t)Lt(e)?n.push(...ct(e)):n.push(e);return n}function Mt(t,n={}){const{transitions:e=[],defaultTransition:o,middleware:l=(r,s)=>({from:r,to:s}),preserveScroll:f=r=>r}=t,m=n.host??new it,w=At(),E=vt(ct(e)),R=Rt();R.initialize();const{initializeContext:x,calculateScrollOffset:h,evictScrollPosition:A,shouldPreserve:P,getScrollContainer:O,getPositionedParentElement:D,getScrollPosition:I}=bt({preserveScroll:f});let k=null,c=null;const u=new WeakMap,d=r=>{u.set(r,{parent:r.parentElement,nextSibling:r.nextElementSibling})},v=r=>{const s=u.get(r);return s||{parent:r.parentElement,nextSibling:r.nextElementSibling}},L=(r,s,b,S,F)=>{const K=S.element,j=F.element,{parent:_,nextSibling:C}=S.parent?{parent:S.parent,nextSibling:S.nextSibling}:v(K),T=K.cloneNode(!0),q={scrollOffset:h(s,b),from:{scroll:I(s)},to:{scroll:I(b)},get scrollingElement(){return O()||document.documentElement},get positionedParent(){return D()}};mt(T,q),P(s)||A(s);const Z=Promise.resolve(T),J=Promise.resolve(j),Q=[],at={from:Z,to:J,context:q,createElement:((Y,$="div")=>{const N=document.createElement($);return N.setAttribute("data-ssgoi-id",Y),Q.push(N),N})},ut=Promise.resolve(r.prepare?r.prepare(at):{});yt({from:Z,to:J,extras:ut}).then(({from:Y,to:$,extras:N})=>{_&&(C&&_.contains(C)?_.insertBefore(T,C):_.appendChild(T));const G=r.animation({from:Y,to:$,context:q,...N}),U=G.onComplete;G.onComplete=()=>{U==null||U(),T.parentElement&&T.parentElement.removeChild(T);for(const V of Q)V.parentElement&&V.parentElement.removeChild(V)},m.attach(G)})},i=(r,s)=>{const b=R.isSwipeBack();w.trigger(r,s),w.get(s).then(S=>{if(s==="in"&&R.onPageEnter(),!S)return;if(b){s==="out"&&S.from&&!P(S.from)&&A(S.from),k=null,c=null;return}if(s!=="in")return;const{from:F,to:K}=l(S.from,S.to),_=pt(F,K,E)??o,C=k,T=c;k=null,c=null,!(!_||!C||!T)&&L(_,F,K,C,T)})},a=(r,s)=>{const b=v(r);k={element:r,parent:b.parent,nextSibling:b.nextSibling},i(s,"out")},g=new WeakSet,p=(r,s)=>{g.has(s)||(g.add(s),d(s),x(s,r),c={element:s,parent:s.parentElement,nextSibling:s.nextElementSibling},i(r,"in"),xt(s,()=>a(s,r)))},y=new Map;return{register:p,refFor:r=>{let s=y.get(r);return s||(s=b=>{b&&p(r,b)},y.set(r,s)),s}}}exports.Animation=H.Animation;exports.MultiAnimation=H.MultiAnimation;exports.WebAnimation=H.WebAnimation;exports.HostAnimation=it;exports.createSggoiTransitionContext=Mt;

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,504 @@
+var ae = Object.defineProperty;
+var ue = (e, n, t) => n in e ? ae(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var W = (e, n, t) => ue(e, typeof n != "symbol" ? n + "" : n, t);
+import { A as fe } from "./multi-animation-CST6aZ8y.js";
+import { M as Ne, W as We } from "./multi-animation-CST6aZ8y.js";
+class de extends fe {
+  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 l = t.onComplete;
+    t.onComplete = () => {
+      l == null || l(), this.child === t && (this.child = null, this._state = "idle", this._settled = !0), this.notify();
+    };
+    const f = t.onUpdate;
+    t.onUpdate = (h) => {
+      var w;
+      f == null || f(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 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 he = (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 = /* @__PURE__ */ 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;
+}, ge = (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 ye(e) {
+  const n = Object.keys(e);
+  return Promise.all(n.map((t) => e[t])).then((t) => {
+    const o = {};
+    return n.forEach((l, f) => {
+      o[l] = t[f];
+    }), o;
+  });
+}
+function pe(e) {
+  const n = e.filter((t) => t.symmetric).map((t) => ({
+    from: t.to,
+    to: t.from,
+    transition: t.transition
+  }));
+  return [...e, ...n];
+}
+function X(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 ve(e, n, t) {
+  for (const o of t)
+    if (X(e, o.from) && X(n, o.to))
+      return o.transition;
+  for (const o of t)
+    if ((o.from === "*" || X(e, o.from)) && (o.to === "*" || X(n, o.to)))
+      return o.transition;
+  return null;
+}
+const Ee = 768, we = 10, Se = 10;
+function be(e = {}) {
+  const { preserveScroll: n = (i) => i } = e, t = typeof n == "function" ? n : () => n;
+  let o = null, l = !1, f = !1;
+  const h = () => {
+    const i = (o == null ? void 0 : o.clientWidth) ?? 0, a = i > 0 ? i : typeof window < "u" ? window.innerWidth : 0;
+    return a > 0 && a < Ee;
+  }, w = () => (f || (l = h(), f = !0), l), E = (i) => {
+    var y;
+    const a = t(w());
+    if (a === !1)
+      return { preserves: !1, shared: !1, storageKey: `path:${i}` };
+    if (a === !0)
+      return { preserves: !0, shared: !1, storageKey: `path:${i}` };
+    const g = ((y = a.exclude) == null ? void 0 : y.some((_) => X(i, _))) ?? !1, v = !g && !!a.key;
+    return {
+      preserves: !g,
+      shared: v,
+      storageKey: v ? `shared:${a.key}` : `path:${i}`
+    };
+  }, R = (i) => E(i).preserves;
+  let x = null;
+  const m = /* @__PURE__ */ new Map();
+  let P = null, A = !1, O = 0;
+  const D = () => {
+    o && P && !A && m.set(E(P).storageKey, {
+      x: o.scrollLeft,
+      y: o.scrollTop
+    });
+  }, I = (i) => {
+    if (!o) return;
+    const a = E(i);
+    if (a.preserves && a.shared && !m.has(a.storageKey))
+      return;
+    const g = a.preserves && m.has(a.storageKey) ? m.get(a.storageKey) : { x: 0, y: 0 };
+    let v = 0;
+    const y = () => {
+      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) && v < we && (v++, requestAnimationFrame(y));
+    };
+    requestAnimationFrame(y);
+  };
+  return {
+    initializeContext: (i, a) => {
+      A = !0;
+      const g = ++O;
+      x = i, o || (o = me(i), l = h(), f = !0, typeof ResizeObserver < "u" && new ResizeObserver(() => {
+        l = h();
+      }).observe(o), (o === document.documentElement ? window : o).addEventListener("scroll", D, {
+        passive: !0
+      })), P = a, I(a);
+      let v = 0;
+      const y = () => {
+        g === O && (v++, v >= Se ? A = !1 : requestAnimationFrame(y));
+      };
+      requestAnimationFrame(y);
+    },
+    calculateScrollOffset: (i, a) => {
+      const g = i ? E(i).storageKey : null, v = g && m.has(g) ? m.get(g) : { x: 0, y: 0 }, y = a ? E(a) : null, _ = y != null && y.preserves ? y.storageKey : null, r = _ && m.has(_) ? m.get(_) : { x: 0, y: 0 };
+      return {
+        x: -r.x + v.x,
+        y: -r.y + v.y
+      };
+    },
+    evictScrollPosition: (i) => {
+      m.delete(E(i).storageKey);
+    },
+    shouldPreserve: R,
+    getScrollContainer: () => o,
+    getPositionedParentElement: () => x ? ge(x) : document.body,
+    getScrollPosition: (i) => {
+      const a = i ? E(i).storageKey : null;
+      return a && m.has(a) ? m.get(a) : { x: 0, y: 0 };
+    }
+  };
+}
+const ee = 30, te = 8, ne = 1.2, oe = 30, Te = 600;
+function Re() {
+  let e = null, n = !1, t = !1, o = null, l = null, f = !1;
+  const h = (c, u) => {
+    for (let d = 0; d < c.length; d++) {
+      const p = c.item(d);
+      if (p && p.identifier === u) return p;
+    }
+    return null;
+  }, w = () => {
+    o !== null && (clearTimeout(o), o = null);
+  }, E = () => {
+    l !== null && (clearTimeout(l), l = null);
+  }, R = () => {
+    n = !0, t = !0, w(), E(), o = setTimeout(() => {
+      n = !1, t = !1, o = null;
+    }, Te);
+  }, x = (c) => {
+    if (c.touches.length !== 1) {
+      e = null;
+      return;
+    }
+    const u = c.touches.item(0);
+    if (!u) {
+      e = null;
+      return;
+    }
+    const d = window.innerWidth, p = u.clientX <= ee, L = u.clientX >= d - ee;
+    if (!p && !L) {
+      e = null;
+      return;
+    }
+    e = {
+      identifier: u.identifier,
+      startX: u.clientX,
+      startY: u.clientY,
+      fromLeftEdge: p,
+      moved: !1
+    };
+  }, m = (c) => {
+    if (!e) return;
+    if (c.touches.length !== 1) {
+      e = null;
+      return;
+    }
+    const u = h(c.touches, e.identifier);
+    if (!u) {
+      e = null;
+      return;
+    }
+    const d = u.clientX - e.startX, p = u.clientY - e.startY, L = Math.abs(d), i = Math.abs(p);
+    if (i > te && i > L * ne) {
+      e = null;
+      return;
+    }
+    const a = e.fromLeftEdge ? d > 0 : d < 0;
+    L > te && L > i * ne && a && (e.moved = !0);
+  }, P = (c) => {
+    if (!e) return;
+    const u = h(c.changedTouches, e.identifier);
+    if (!u) {
+      e = null;
+      return;
+    }
+    const d = u.clientX - e.startX, p = e.fromLeftEdge ? d > 0 : d < 0;
+    if (e.moved && p && Math.abs(d) >= oe) {
+      R(), e = null;
+      return;
+    }
+    e.moved && Math.abs(d) >= oe && R(), e = null;
+  }, A = () => {
+    e && (e.moved && R(), e = null);
+  };
+  return { initialize: () => {
+    if (typeof window > "u" || f) return;
+    f = !0;
+    const c = { passive: !0, capture: !0 };
+    window.addEventListener("touchstart", x, c), window.addEventListener("touchmove", m, c), window.addEventListener("touchend", P, c), window.addEventListener("touchcancel", A, c);
+  }, destroy: () => {
+    if (typeof window > "u" || !f) return;
+    f = !1;
+    const c = { capture: !0 };
+    window.removeEventListener("touchstart", x, c), window.removeEventListener("touchmove", m, c), window.removeEventListener("touchend", P, c), window.removeEventListener("touchcancel", A, c), w(), E(), e = null, n = !1, t = !1;
+  }, isSwipeBack: () => {
+    const c = n || t;
+    return c && w(), c;
+  }, onPageEnter: () => {
+    n = !1, w(), E(), l = setTimeout(() => {
+      t = !1, l = null;
+    }, 0);
+  } };
+}
+function Pe() {
+  let e = null;
+  function n() {
+    var o, l;
+    e && ((o = e.outResolve) == null || o.call(e, null), (l = e.inResolve) == null || l.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, l) {
+      var h;
+      l === "out" && (e == null ? void 0 : e.to) === o && !e.from && ((h = e.inResolve) == null || h.call(e, null), e = {}), e && (l === "out" && e.from && e.from !== o || l === "in" && e.to && e.to !== o) && n(), e || (e = {}), l === "out" ? e.from = o : e.to = o;
+    },
+    get(o) {
+      return new Promise((l) => {
+        e || (e = {}), o === "out" ? e.outResolve = l : e.inResolve = l, t();
+      });
+    }
+  };
+}
+const B = /* @__PURE__ */ new Map();
+let z = null, re = !1;
+function se(e) {
+  if (e instanceof HTMLElement && B.has(e)) {
+    const n = B.get(e);
+    B.delete(e), queueMicrotask(n);
+  }
+  for (const n of Array.from(e.childNodes))
+    se(n);
+}
+function Ae() {
+  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))
+        se(o);
+  });
+  const e = () => {
+    z == null || z.observe(document.body, { childList: !0, subtree: !0 });
+  };
+  document.body ? e() : document.addEventListener("DOMContentLoaded", e, { once: !0 });
+}
+function xe(e, n) {
+  return Ae(), B.set(e, n), () => {
+    B.delete(e);
+  };
+}
+function Le(e) {
+  return Array.isArray(e);
+}
+function ie(e) {
+  const n = [];
+  for (const t of e)
+    Le(t) ? n.push(...ie(t)) : n.push(t);
+  return n;
+}
+function Oe(e, n = {}) {
+  const {
+    transitions: t = [],
+    defaultTransition: o,
+    middleware: l = (r, s) => ({ from: r, to: s }),
+    preserveScroll: f = (r) => r
+  } = e, h = n.host ?? new de(), w = Pe(), E = pe(
+    ie(t)
+  ), R = Re();
+  R.initialize();
+  const {
+    initializeContext: x,
+    calculateScrollOffset: m,
+    evictScrollPosition: P,
+    shouldPreserve: A,
+    getScrollContainer: O,
+    getPositionedParentElement: D,
+    getScrollPosition: I
+  } = be({ preserveScroll: f });
+  let k = null, c = null;
+  const u = /* @__PURE__ */ new WeakMap(), d = (r) => {
+    u.set(r, {
+      parent: r.parentElement,
+      nextSibling: r.nextElementSibling
+    });
+  }, p = (r) => {
+    const s = u.get(r);
+    return s || {
+      parent: r.parentElement,
+      nextSibling: r.nextElementSibling
+    };
+  }, L = (r, s, b, S, F) => {
+    const K = S.element, V = F.element, { parent: M, nextSibling: C } = S.parent ? { parent: S.parent, nextSibling: S.nextSibling } : p(K), T = K.cloneNode(!0), H = {
+      scrollOffset: m(s, b),
+      from: { scroll: I(s) },
+      to: { scroll: I(b) },
+      get scrollingElement() {
+        return O() || document.documentElement;
+      },
+      get positionedParent() {
+        return D();
+      }
+    };
+    he(T, H), A(s) || P(s);
+    const Z = Promise.resolve(T), j = Promise.resolve(V), J = [], le = {
+      from: Z,
+      to: j,
+      context: H,
+      createElement: ((q, Y = "div") => {
+        const N = document.createElement(Y);
+        return N.setAttribute("data-ssgoi-id", q), J.push(N), N;
+      })
+    }, ce = Promise.resolve(
+      r.prepare ? r.prepare(le) : {}
+    );
+    ye({
+      from: Z,
+      to: j,
+      extras: ce
+    }).then(({ from: q, to: Y, extras: N }) => {
+      M && (C && M.contains(C) ? M.insertBefore(T, C) : M.appendChild(T));
+      const $ = r.animation({
+        from: q,
+        to: Y,
+        context: H,
+        ...N
+      }), G = $.onComplete;
+      $.onComplete = () => {
+        G == null || G(), T.parentElement && T.parentElement.removeChild(T);
+        for (const U of J)
+          U.parentElement && U.parentElement.removeChild(U);
+      }, h.attach($);
+    });
+  }, i = (r, s) => {
+    const b = R.isSwipeBack();
+    w.trigger(r, s), w.get(s).then((S) => {
+      if (s === "in" && R.onPageEnter(), !S) return;
+      if (b) {
+        s === "out" && S.from && !A(S.from) && P(S.from), k = null, c = null;
+        return;
+      }
+      if (s !== "in") return;
+      const { from: F, to: K } = l(
+        S.from,
+        S.to
+      ), M = ve(
+        F,
+        K,
+        E
+      ) ?? o, C = k, T = c;
+      k = null, c = null, !(!M || !C || !T) && L(M, F, K, C, T);
+    });
+  }, a = (r, s) => {
+    const b = p(r);
+    k = {
+      element: r,
+      parent: b.parent,
+      nextSibling: b.nextSibling
+    }, i(s, "out");
+  }, g = /* @__PURE__ */ new WeakSet(), v = (r, s) => {
+    g.has(s) || (g.add(s), d(s), x(s, r), c = {
+      element: s,
+      parent: s.parentElement,
+      nextSibling: s.nextElementSibling
+    }, i(r, "in"), xe(s, () => a(s, r)));
+  }, y = /* @__PURE__ */ new Map();
+  return { register: v, refFor: (r) => {
+    let s = y.get(r);
+    return s || (s = (b) => {
+      b && v(r, b);
+    }, y.set(r, s)), s;
+  } };
+}
+export {
+  fe as Animation,
+  de as HostAnimation,
+  Ne as MultiAnimation,
+  We as WebAnimation,
+  Oe as createSggoiTransitionContext
+};

package/dist/multi-animation-B_Hl1HEU.cjs

@@ -0,0 +1 @@
+"use strict";var f=Object.defineProperty;var y=(r,l,e)=>l in r?f(r,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[l]=e;var s=(r,l,e)=>y(r,typeof l!="symbol"?l+"":l,e);class p{constructor(){s(this,"_playbackRate",1);s(this,"onUpdate");s(this,"onComplete")}get playbackRate(){return this._playbackRate}set playbackRate(l){this._playbackRate=l}}const g=.01,v=.01,m=.05,c=1e3/60;class R extends p{constructor(e){super();s(this,"element");s(this,"integrator");s(this,"styleFn");s(this,"lowerBound");s(this,"upperBound");s(this,"currentValue");s(this,"currentVelocity",0);s(this,"frames",[]);s(this,"waapi",null);s(this,"startTime",0);s(this,"running",!1);s(this,"paused",!1);s(this,"settled",!1);s(this,"reversing",!1);this.element=e.element,this.integrator=e.integrator,this.styleFn=e.style,this.lowerBound=e.lowerBound??0,this.upperBound=e.upperBound??1,this.currentValue=this.lowerBound,this.onUpdate=e.onUpdate,this.onComplete=e.onComplete}play(){if(this.reversing=!1,this.paused&&this.waapi){this.paused=!1,this.running=!0,this.waapi.play();return}this.runToward(this.upperBound)}reverse(){this.reversing=!0,this.runToward(this.lowerBound)}pause(){var e;this.running&&(this.captureLiveState(),(e=this.waapi)==null||e.pause(),this.running=!1,this.paused=!0)}complete(){var e;this.clearWaapi(),this.running=!1,this.paused=!1,this.currentValue=this.upperBound,this.currentVelocity=0,this.applyStyleAt(this.currentValue),this.settled=!0,(e=this.onComplete)==null||e.call(this)}get isAnimating(){return this.running}get isPaused(){return this.paused}get isComplete(){return this.settled}get isReversing(){return this.reversing}get playbackRate(){return super.playbackRate}set playbackRate(e){super.playbackRate=e,this.waapi&&(this.waapi.playbackRate=e)}getPose(){return this.running&&this.captureLiveState(),[{element:this.element,value:this.currentValue,velocity:this.currentVelocity}]}getTimeline(){const e=this.frames.map(t=>{const i=t.position,n=this.lowerBound+this.upperBound-i;return{time:t.time,value:t.position,velocity:t.velocity,style:this.styleFn(i,n)}});return[{element:this.element,frames:e}]}matchInto(e){const t=e.find(i=>i.element===this.element);t&&(this.currentValue=t.value,this.currentVelocity=t.velocity)}runToward(e){var h;if(this.running&&this.captureLiveState(),this.clearWaapi(),this.running=!1,this.paused=!1,this.settled=!1,this.frames=w(this.integrator,this.currentValue,e,this.currentVelocity),this.frames.length===0){this.currentValue=e,this.currentVelocity=0,this.applyStyleAt(e),this.settled=!0,(h=this.onComplete)==null||h.call(this);return}const t=this.frames.map(o=>{const u=o.position,d=this.lowerBound+this.upperBound-u;return this.styleFn(u,d)}),i=t[0];if(i)for(const o of Object.keys(i))this.element.style[o]="";const n=this.frames[this.frames.length-1],a=n.time;this.waapi=this.element.animate(t,{duration:a,fill:"forwards",easing:"linear",composite:"replace"}),this.waapi.playbackRate=this.playbackRate,this.startTime=performance.now(),this.running=!0,this.waapi.onfinish=()=>{var o;this.running&&(this.running=!1,this.settled=!0,this.currentValue=n.position,this.currentVelocity=0,(o=this.onComplete)==null||o.call(this))}}clearWaapi(){var e;(e=this.waapi)==null||e.cancel(),this.waapi=null}captureLiveState(){if(this.frames.length===0)return;const e=performance.now()-this.startTime,{position:t,velocity:i}=C(this.frames,e);this.currentValue=t,this.currentVelocity=i}applyStyleAt(e){const t=this.lowerBound+this.upperBound-e,i=this.styleFn(e,t);for(const[n,a]of Object.entries(i))this.element.style[n]=typeof a=="number"?String(a):a}}function w(r,l,e,t){if(l===e&&t===0)return[];const i=600;let n={position:l,velocity:t},a=0;const h=[];for(let o=0;o<i;o++){const u=o*c;if(h.push({time:u,position:n.position,velocity:n.velocity}),n=r.step(n,e,c/1e3),r.isSettled(n,e)){if(a+=c/1e3,a>=m){h.push({time:(o+1)*c,position:e,velocity:0});break}}else a=0}return h}function C(r,l){if(r.length===0)return{position:0,velocity:0};const e=r[0],t=r[r.length-1];if(l<=0)return{position:e.position,velocity:e.velocity};if(l>=t.time)return{position:t.position,velocity:t.velocity};let i=0,n=r.length-1;for(;i<n-1;){const u=i+n>>1;r[u].time<=l?i=u:n=u}const a=r[i],h=r[n],o=(l-a.time)/(h.time-a.time);return{position:a.position+(h.position-a.position)*o,velocity:a.velocity+(h.velocity-a.velocity)*o}}class T extends p{constructor(e,t={}){super();s(this,"children");s(this,"mode");s(this,"pendingComplete",0);s(this,"running",!1);this.children=e,this.mode=t.mode??"parallel"}play(){this.running&&this.pause(),this.running=!0,this.mode==="parallel"?this.startParallel("play"):this.startSequence("play",0)}reverse(){this.running&&this.pause(),this.running=!0,this.mode==="parallel"?this.startParallel("reverse"):this.startSequence("reverse",0)}pause(){this.running=!1;for(const e of this.children)e.pause()}complete(){var e;this.running=!1;for(const t of this.children)t.complete();(e=this.onComplete)==null||e.call(this)}getPose(){return this.children.flatMap(e=>e.getPose())}getTimeline(){return this.children.flatMap(e=>e.getTimeline())}matchInto(e){}get isAnimating(){return this.children.some(e=>e.isAnimating)}get isPaused(){return this.children.some(e=>e.isPaused)&&this.children.every(e=>e.isPaused||e.isComplete)}get isComplete(){return this.children.every(e=>e.isComplete)}get isReversing(){return this.children.some(e=>e.isReversing)}get playbackRate(){return super.playbackRate}set playbackRate(e){super.playbackRate=e;for(const t of this.children)t.playbackRate=e}startParallel(e){if(this.pendingComplete=this.children.length,this.pendingComplete===0){this.handleFinished();return}for(const t of this.children){const i=t.onComplete;t.onComplete=()=>{i==null||i(),this.handleChildComplete()},t[e]()}}startSequence(e,t){if(!this.running)return;if(t>=this.children.length){this.handleFinished();return}const i=this.children[t],n=i.onComplete;i.onComplete=()=>{n==null||n(),this.startSequence(e,t+1)},i[e]()}handleChildComplete(){this.pendingComplete--,this.pendingComplete<=0&&this.handleFinished()}handleFinished(){var e;this.running=!1,(e=this.onComplete)==null||e.call(this)}}exports.Animation=p;exports.MultiAnimation=T;exports.POSITION_THRESHOLD=g;exports.SETTLE_THRESHOLD=m;exports.VELOCITY_THRESHOLD=v;exports.WebAnimation=R;