@flemo/core 1.4.0 → 1.5.0

package/dist/index.mjs

@@ -212,8 +212,95 @@ function i(t = [], n = -1) {
 	}));
 }
 //#endregion
+//#region src/utils/getMatchedPathPattern.ts
+function a(e, t) {
+	return Array.isArray(e) ? e.find((e) => n(e).regexp.test(t)) ?? "" : n(e).regexp.test(t) ? e : "";
+}
+//#endregion
+//#region src/utils/getParams.ts
+function o(e, n, r) {
+	let i = t(a(e, n))(n), o = new URLSearchParams(r), s = Object.fromEntries(o.entries());
+	return i ? {
+		...i.params,
+		...s
+	} : {};
+}
+//#endregion
+//#region src/history/seedInitialHistory.ts
+function s(e, t, n, r) {
+	return {
+		id: "root",
+		pathname: t,
+		params: o(e, t, n),
+		transitionName: r,
+		layoutId: null
+	};
+}
+//#endregion
+//#region src/utils/isServer.ts
+function c() {
+	return typeof document > "u";
+}
+//#endregion
+//#region src/history/ensureWindowHistoryState.ts
+function l(e) {
+	c() || window.history.state?.index || window.history.replaceState({
+		id: "root",
+		index: 0,
+		status: "IDLE",
+		params: {},
+		transitionName: e,
+		layoutId: null
+	}, "", window.location.href);
+}
+//#endregion
+//#region src/navigate/selfPopGuard.ts
+var u = 0;
+function d() {
+	u += 1;
+}
+function f() {
+	return u > 0 ? (--u, !0) : !1;
+}
+//#endregion
+//#region src/history/createHistorySync.ts
+function p(e) {
+	let { stores: t } = e, n = async (e) => {
+		if (f()) return;
+		let n = e.state?.id, i = r.generateTaskId();
+		(await r.addTask(async (r) => {
+			let a = e.state?.index, o = e.state?.status, s = e.state?.params, c = e.state?.transitionName, l = e.state?.layoutId, { setStatus: u, setTransitionTaskId: d } = t.navigate.getState(), { index: f, addHistory: p, popHistory: m } = t.history.getState(), h = a < f, g = o === "PUSHING" && a > f, _ = o === "REPLACING" && a > f, v = window.location.pathname;
+			if (!h && !g && !_) {
+				r.abort();
+				return;
+			}
+			return d(i), h ? u("POPPING") : g ? (u("PUSHING"), p({
+				id: n,
+				pathname: v,
+				params: s,
+				transitionName: c,
+				layoutId: l
+			})) : (u("REPLACING"), p({
+				id: n,
+				pathname: v,
+				params: s,
+				transitionName: c,
+				layoutId: l
+			})), async () => {
+				h && m(a + 1), u("COMPLETED");
+			};
+		}, {
+			id: i,
+			control: { manual: !0 }
+		})).result?.();
+	};
+	return window.addEventListener("popstate", n), () => {
+		window.removeEventListener("popstate", n);
+	};
+}
+//#endregion
 //#region src/navigate/store.ts
-function a() {
+function m() {
 	return e((e) => ({
 		status: "IDLE",
 		transitionTaskId: null,
@@ -222,17 +309,204 @@ function a() {
 	}));
 }
 //#endregion
-//#region src/navigate/selfPopGuard.ts
-var o = 0;
-function s() {
-	o += 1;
+//#region src/navigate/createNavigationController.ts
+var h = (e, t, r) => {
+	let { regexp: i } = n(e);
+	for (let e = t - 1; e >= 0; e--) if (i.test(r[e].pathname)) return t - e;
+	return -1;
+}, g = (e, t) => typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t, _ = async (e, t) => {
+	let n, r = new Promise((e) => {
+		n = () => e(!0), window.addEventListener("popstate", n, { once: !0 });
+	}), i = new Promise((e) => setTimeout(() => e(!1), 200));
+	if (d(), window.history.go(-e), !await Promise.race([r, i])) {
+		window.removeEventListener("popstate", n);
+		return;
+	}
+	t();
+};
+function v(e) {
+	let { stores: t, buildPathname: n } = e, i = async (e, i, a) => {
+		let { status: o } = t.navigate.getState();
+		if (o !== "COMPLETED" && o !== "IDLE") return;
+		let s = t.transition.getState().defaultTransitionName, { transitionName: c = s, layoutId: l = null } = a ?? {}, u = r.generateTaskId();
+		(await r.addTask(async () => {
+			let { index: r, histories: o, addHistory: s, popHistories: d } = t.history.getState(), f = (() => {
+				if (a?.until != null) {
+					let e = h(a.until, r, o);
+					return e < 0 ? 0 : e;
+				}
+				return Math.min(g(a?.skip, 0), Math.max(0, r));
+			})(), { setStatus: p, setTransitionTaskId: m } = t.navigate.getState();
+			p("PUSHING"), m(u);
+			let { pathname: v, toPathname: y } = n(e, i ?? {}), b = {
+				id: u,
+				pathname: y,
+				params: i ?? {},
+				transitionName: c,
+				layoutId: l
+			};
+			return f === 0 ? (window.history.pushState({
+				id: u,
+				index: r + 1,
+				status: "PUSHING",
+				params: i,
+				transitionName: c,
+				layoutId: l
+			}, "", v), s(b), () => {
+				p("COMPLETED");
+			}) : (s(b), await _(f, () => {
+				window.history.pushState({
+					id: u,
+					index: t.history.getState().index - f,
+					status: "PUSHING",
+					params: i,
+					transitionName: c,
+					layoutId: l
+				}, "", v);
+			}), async () => {
+				d(f), p("COMPLETED");
+			});
+		}, {
+			id: u,
+			control: { manual: !0 }
+		})).result?.();
+	}, a = async (e, i, a) => {
+		let { status: o } = t.navigate.getState();
+		if (o !== "COMPLETED" && o !== "IDLE") return;
+		let s = t.transition.getState().defaultTransitionName, { transitionName: c = s, layoutId: l = null } = a ?? {}, u = r.generateTaskId();
+		(await r.addTask(async (r) => {
+			let { index: o, histories: s, addHistory: d, replaceHistory: f, popHistories: p } = t.history.getState(), m = (() => {
+				if (a?.until != null) {
+					let e = h(a.until, o, s);
+					return e < 0 ? 0 : e + 1;
+				}
+				return Math.min(g(a?.skip, 0) + 1, o + 1);
+			})();
+			if (m <= 0) {
+				r.abort();
+				return;
+			}
+			let { setStatus: v, setTransitionTaskId: y } = t.navigate.getState();
+			v("REPLACING"), y(u);
+			let { pathname: b, toPathname: x } = n(e, i ?? {}), S = {
+				id: u,
+				pathname: x,
+				params: i ?? {},
+				transitionName: c,
+				layoutId: l
+			};
+			return m === 1 ? (window.history.replaceState({
+				id: u,
+				index: o,
+				status: "REPLACING",
+				params: i,
+				transitionName: c,
+				layoutId: l
+			}, "", b), d(S), async () => {
+				f(o), v("COMPLETED");
+			}) : (p(m - 1), d(S), m <= o ? await _(m, () => {
+				window.history.pushState({
+					id: u,
+					index: t.history.getState().index - 1,
+					status: "REPLACING",
+					params: i,
+					transitionName: c,
+					layoutId: l
+				}, "", b);
+			}) : await _(o, () => {
+				window.history.replaceState({
+					id: u,
+					index: 0,
+					status: "REPLACING",
+					params: i,
+					transitionName: c,
+					layoutId: l
+				}, "", b);
+			}), async () => {
+				f(t.history.getState().index - 1), v("COMPLETED");
+			});
+		}, {
+			id: u,
+			control: { manual: !0 }
+		})).result?.();
+	}, o = async (e, n) => {
+		let i = r.generateTaskId();
+		(await r.addTask(async (r) => {
+			let { index: a, histories: o, popHistory: s, popHistories: c, setTransitionName: l } = t.history.getState();
+			if (a <= 0) {
+				r.abort();
+				return;
+			}
+			let u = Math.min(e(a, o), a);
+			if (u <= 0) {
+				r.abort();
+				return;
+			}
+			let { setStatus: f, setTransitionTaskId: p } = t.navigate.getState();
+			return n && l(a, n), f("POPPING"), p(i), c(u - 1), d(), u === 1 ? window.history.back() : window.history.go(-u), async () => {
+				s(t.history.getState().index), f("COMPLETED");
+			};
+		}, {
+			id: i,
+			control: { manual: !0 }
+		})).result?.();
+	};
+	return {
+		push: i,
+		replace: a,
+		pop: async (e) => {
+			await o((t, n) => {
+				if (e?.until != null) {
+					let r = h(e.until, t, n);
+					return r < 0 ? 0 : r;
+				}
+				let r = g(e?.skip, 1);
+				return r <= 0 ? 0 : Math.min(r, t);
+			}, e?.transitionName);
+		}
+	};
 }
-function c() {
-	return o > 0 ? (--o, !0) : !1;
+//#endregion
+//#region src/screen/store.ts
+function y() {
+	return e((e) => ({
+		dragStatus: "IDLE",
+		replaceTransitionStatus: "IDLE",
+		sharedBars: {},
+		setDragStatus: (t) => e({ dragStatus: t }),
+		setReplaceTransitionStatus: (t) => e({ replaceTransitionStatus: t }),
+		registerSharedBars: (t, n) => e((e) => ({ sharedBars: {
+			...e.sharedBars,
+			[t]: n
+		} })),
+		unregisterSharedBars: (t) => e((e) => {
+			let n = { ...e.sharedBars };
+			return delete n[t], { sharedBars: n };
+		})
+	}));
+}
+//#endregion
+//#region src/screen/createScreenSelector.ts
+function b(e, t) {
+	return e.map((n, r) => ({
+		...n,
+		isActive: r === t,
+		isRoot: r === 0,
+		isPrev: r < t - 1,
+		zIndex: r,
+		transitionName: e[t].transitionName,
+		prevTransitionName: e[t - 1]?.transitionName
+	}));
+}
+//#endregion
+//#region src/screen/computeScreenFreeze.ts
+function x(e) {
+	let t = e.status === "COMPLETED" && e.dragStatus === "IDLE";
+	return !e.isActive && t || e.isPrev && e.index - 2 <= e.zIndex && e.replaceTransitionStatus === "IDLE" || e.isPrev && e.index - 2 > e.zIndex;
 }
 //#endregion
 //#region src/transition/createTransition.ts
-function l({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
+function S({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exitBack: o, options: s }) {
 	return {
 		name: e,
 		initial: t,
@@ -253,7 +527,7 @@ function l({ name: e, initial: t, idle: n, enter: r, enterBack: i, exit: a, exit
 }
 //#endregion
 //#region src/transition/createRawTransition.ts
-function u({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnExit: l, completedOnEnter: u, options: d }) {
+function C({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnExit: l, completedOnEnter: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -274,10 +548,10 @@ function u({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replac
 }
 //#endregion
 //#region src/transition/cupertino.ts
-var d = (e, t, n) => {
+var w = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, f = l({
+}, T = S({
 	name: "cupertino",
 	initial: { x: "100%" },
 	idle: {
@@ -337,7 +611,7 @@ var d = (e, t, n) => {
 		swipeDirection: "x",
 		onSwipeStart: async () => !0,
 		onSwipe: (e, t, { animate: n, currentScreen: r, prevScreen: i, onProgress: a }) => {
-			let { offset: o } = t, s = o.x, c = d(s, [0, window.innerWidth], [0, 100]);
+			let { offset: o } = t, s = o.x, c = w(s, [0, window.innerWidth], [0, 100]);
 			return a?.(!0, c), n(r, { x: Math.max(0, s) }, { duration: 0 }), n(i, { x: `${-30 + c * .3}%` }, { duration: 0 }), c;
 		},
 		onSwipeEnd: async (e, t, { animate: n, currentScreen: r, prevScreen: i, onStart: a }) => {
@@ -361,10 +635,10 @@ var d = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), p = (e, t, n) => {
+}), ee = (e, t, n) => {
 	let [r, i] = t, [a, o] = n;
 	return i === r ? a : a + (e - r) / (i - r) * (o - a);
-}, m = l({
+}, te = S({
 	name: "layout",
 	initial: { opacity: .97 },
 	idle: {
@@ -392,11 +666,11 @@ var d = (e, t, n) => {
 		swipeDirection: "y",
 		onSwipeStart: async () => !0,
 		onSwipe: (e, t, { animate: n, currentScreen: r, onProgress: i }) => {
-			let { offset: a } = t, o = a.y, s = Math.max(0, Math.min(56, o)), c = p(s, [0, 56], [1, .96]), l = Math.max(0, o - 56), u = Math.min(1, l / 160), d = Math.sqrt(u) * 12, f = Math.max(0, s + d), m = Math.min(56, f);
+			let { offset: a } = t, o = a.y, s = Math.max(0, Math.min(56, o)), c = ee(s, [0, 56], [1, .96]), l = Math.max(0, o - 56), u = Math.min(1, l / 160), d = Math.sqrt(u) * 12, f = Math.max(0, s + d), p = Math.min(56, f);
 			return i?.(!0, 100), n(r, {
 				y: f,
 				opacity: c
-			}, { duration: 0 }), m;
+			}, { duration: 0 }), p;
 		},
 		onSwipeEnd: async (e, t, { animate: n, currentScreen: r, prevScreen: i, onStart: a }) => {
 			let { offset: o, velocity: s } = t, c = o.y > 56 || s.y > 20;
@@ -409,7 +683,7 @@ var d = (e, t, n) => {
 			}, { duration: .3 })]), c;
 		}
 	}
-}), h = l({
+}), ne = S({
 	name: "material",
 	initial: { y: "100%" },
 	idle: {
@@ -517,7 +791,7 @@ var d = (e, t, n) => {
 			})]), c;
 		}
 	}
-}), g = l({
+}), E = S({
 	name: "none",
 	initial: {},
 	idle: {
@@ -540,15 +814,15 @@ var d = (e, t, n) => {
 		value: {},
 		options: { duration: 0 }
 	}
-}), _ = new Map([
-	["none", g],
-	["cupertino", f],
-	["material", h],
-	["layout", m]
+}), D = new Map([
+	["none", E],
+	["cupertino", T],
+	["material", ne],
+	["layout", te]
 ]);
 //#endregion
 //#region src/transition/store.ts
-function v(t = "cupertino") {
+function re(t = "cupertino") {
 	return e((e) => ({
 		defaultTransitionName: t,
 		setDefaultTransitionName: (t) => e({ defaultTransitionName: t })
@@ -556,7 +830,7 @@ function v(t = "cupertino") {
 }
 //#endregion
 //#region src/transition/decorator/createDecorator.ts
-function y({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+function ie({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 	return {
 		name: e,
 		initial: t,
@@ -577,7 +851,7 @@ function y({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
 }
 //#endregion
 //#region src/transition/decorator/createRawDecorator.ts
-function ee({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
+function ae({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
 	return {
 		name: e,
 		initial: t,
@@ -598,30 +872,30 @@ function ee({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, repla
 }
 //#endregion
 //#region src/transition/decorator/overlay.ts
-var b = "rgba(0, 0, 0, 0.3)", x = y({
+var O = "rgba(0, 0, 0, 0.3)", oe = ie({
 	name: "overlay",
 	initial: {
 		opacity: 0,
-		backgroundColor: b
+		backgroundColor: O
 	},
 	idle: {
 		value: {
 			opacity: 0,
-			backgroundColor: b
+			backgroundColor: O
 		},
 		options: { duration: 0 }
 	},
 	enter: {
 		value: {
 			opacity: 1,
-			backgroundColor: b
+			backgroundColor: O
 		},
 		options: { duration: .7 }
 	},
 	exit: {
 		value: {
 			opacity: 0,
-			backgroundColor: b
+			backgroundColor: O
 		},
 		options: { duration: .6 }
 	},
@@ -630,7 +904,52 @@ var b = "rgba(0, 0, 0, 0.3)", x = y({
 		onSwipe: (e, t, { animate: n, prevDecorator: r }) => n(r, { opacity: Math.max(0, 1 - t / 100) }, { duration: 0 }),
 		onSwipeEnd: (e, { animate: t, prevDecorator: n }) => t(n, { opacity: +!e }, { duration: .3 })
 	}
-}), te = new Map([["overlay", x]]), S = {
+}), se = new Map([["overlay", oe]]);
+//#endregion
+//#region src/transition/partTransition/createPartTransition.ts
+function ce({ name: e, initial: t, idle: n, enter: r, exit: i, options: a }) {
+	return {
+		name: e,
+		initial: t,
+		variants: {
+			"IDLE-true": n,
+			"IDLE-false": n,
+			"PUSHING-true": n,
+			"PUSHING-false": r,
+			"REPLACING-true": n,
+			"REPLACING-false": r,
+			"POPPING-true": n,
+			"POPPING-false": i,
+			"COMPLETED-true": n,
+			"COMPLETED-false": r
+		},
+		...a
+	};
+}
+//#endregion
+//#region src/transition/partTransition/createRawPartTransition.ts
+function le({ name: e, initial: t, idle: n, pushOnEnter: r, pushOnExit: i, replaceOnEnter: a, replaceOnExit: o, popOnEnter: s, popOnExit: c, completedOnEnter: l, completedOnExit: u, options: d }) {
+	return {
+		name: e,
+		initial: t,
+		variants: {
+			"IDLE-true": n,
+			"IDLE-false": n,
+			"PUSHING-false": i,
+			"PUSHING-true": r,
+			"REPLACING-false": o,
+			"REPLACING-true": a,
+			"POPPING-false": c,
+			"POPPING-true": s,
+			"COMPLETED-false": u,
+			"COMPLETED-true": l
+		},
+		...d
+	};
+}
+//#endregion
+//#region src/transition/partTransition/partTransition.ts
+var k = /* @__PURE__ */ new Map(), A = {
 	"IDLE-true": "self",
 	"IDLE-false": "self",
 	"PUSHING-true": "initial",
@@ -641,7 +960,7 @@ var b = "rgba(0, 0, 0, 0.3)", x = y({
 	"POPPING-false": "PUSHING-false",
 	"COMPLETED-true": "self",
 	"COMPLETED-false": "self"
-}, C = Object.keys(S), w = C, ne = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), T = (e) => typeof e == "object" && !!e && !Array.isArray(e), E = new Set(/* @__PURE__ */ "opacity.scale.scaleX.scaleY.scaleZ.aspectRatio.columnCount.columns.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineHeight.lineClamp.order.orphans.tabSize.widows.zIndex.zoom.fillOpacity.floodOpacity.stopOpacity.strokeOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeWidth".split(".")), D = (e, t) => t.startsWith("--") || E.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, O = (e, t) => typeof t == "number" ? D(t, e) : typeof t == "string" ? t : "", k = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), A = new Set([
+}, ue = Object.keys(A), de = ue, fe = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "_"), j = (e) => typeof e == "object" && !!e && !Array.isArray(e), pe = new Set(/* @__PURE__ */ "opacity.scale.scaleX.scaleY.scaleZ.aspectRatio.columnCount.columns.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineHeight.lineClamp.order.orphans.tabSize.widows.zIndex.zoom.fillOpacity.floodOpacity.stopOpacity.strokeOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeWidth".split(".")), me = (e, t) => t.startsWith("--") || pe.has(t) ? `${e}` : t === "rotate" || t === "rotateX" || t === "rotateY" || t === "rotateZ" ? `${e}deg` : `${e}px`, M = (e, t) => typeof t == "number" ? me(t, e) : typeof t == "string" ? t : "", N = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), P = new Set([
 	"x",
 	"y",
 	"z",
@@ -652,7 +971,7 @@ var b = "rgba(0, 0, 0, 0.3)", x = y({
 	"rotateX",
 	"rotateY",
 	"rotateZ"
-]), j = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, M = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, N = /^1(\.0+)?$/, P = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? N.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? M.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? j.test(t.trim()) : !1, F = (e, t) => {
+]), he = /^-?0(\.0+)?(px|%|em|rem|vh|vw|vmin|vmax)?$/, ge = /^-?0(\.0+)?(deg|rad|grad|turn)?$/, _e = /^1(\.0+)?$/, ve = (e, t) => e === "scale" || e === "scaleX" || e === "scaleY" ? t === 1 ? !0 : typeof t == "string" ? _e.test(t.trim()) : !1 : e === "rotate" || e === "rotateX" || e === "rotateY" || e === "rotateZ" ? t === 0 ? !0 : typeof t == "string" ? ge.test(t.trim()) : !1 : t === 0 ? !0 : typeof t == "string" ? he.test(t.trim()) : !1, ye = (e, t) => {
 	switch (e) {
 		case "x": return `translateX(${t})`;
 		case "y": return `translateY(${t})`;
@@ -666,23 +985,23 @@ var b = "rgba(0, 0, 0, 0.3)", x = y({
 		case "rotateY": return `rotateY(${t})`;
 		default: return "";
 	}
-}, I = (e) => {
+}, F = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = !1, r = (e) => {
-		if (T(e)) for (let r of Object.keys(e)) {
+		if (j(e)) for (let r of Object.keys(e)) {
 			let i = e[r];
-			O(r, i) !== "" && (A.has(r) ? n = !0 : t.add(k(r)));
+			M(r, i) !== "" && (P.has(r) ? n = !0 : t.add(N(r)));
 		}
 	};
 	r(e.initial);
 	for (let t of Object.values(e.variants)) r(t.value);
 	return n && t.add("transform"), Array.from(t);
-}, L = (e) => {
-	if (!T(e)) return [];
+}, I = (e) => {
+	if (!j(e)) return [];
 	let t = [], n = !0, r = [];
 	for (let i of Object.keys(e)) {
-		let a = e[i], o = O(i, a);
-		o !== "" && (A.has(i) ? (t.push(F(i, o)), P(i, a) || (n = !1)) : r.push({
-			property: k(i),
+		let a = e[i], o = M(i, a);
+		o !== "" && (P.has(i) ? (t.push(ye(i, o)), ve(i, a) || (n = !1)) : r.push({
+			property: N(i),
 			value: o
 		}));
 	}
@@ -690,7 +1009,7 @@ var b = "rgba(0, 0, 0, 0.3)", x = y({
 		property: "transform",
 		value: n ? "none" : t.join(" ")
 	}), r;
-}, R = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), z = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
+}, L = (e) => e.map((e) => `  ${e.property}: ${e.value};`).join("\n"), R = (e) => Array.isArray(e) ? e.length === 4 && e.every((e) => typeof e == "number") ? `cubic-bezier(${e.join(", ")})` : "linear" : typeof e == "string" ? {
 	linear: "linear",
 	easeIn: "ease-in",
 	easeOut: "ease-out",
@@ -700,30 +1019,33 @@ var b = "rgba(0, 0, 0, 0.3)", x = y({
 	backIn: "cubic-bezier(0.31, 0.01, 0.66, -0.59)",
 	backOut: "cubic-bezier(0.33, 1.53, 0.69, 0.99)",
 	anticipate: "cubic-bezier(0.36, 0, 0.66, -0.56)"
-}[e] ?? "ease" : "ease", B = (e) => {
+}[e] ?? "ease" : "ease", z = (e) => {
 	if (!e) return 0;
 	let t = e.duration;
 	return typeof t == "number" && t >= 0 ? t : 0;
-}, V = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, H = (e, t) => {
+}, B = (e) => e && typeof e.delay == "number" && e.delay > 0 ? e.delay : 0, be = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-screen][data-flemo-transition="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, U = (e, t) => {
+}, xe = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-decorator][data-flemo-decorator-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
-}, W = (e, t) => {
+}, Se = (e, t) => {
 	let [n, r] = t.split("-");
 	return `[data-flemo-bar][data-flemo-bar-transition="${e}"][data-flemo-bar-status="${n}"][data-flemo-bar-active="${r}"][data-flemo-bar-riding="true"]`;
-}, G = (e, t, n) => `flemo-${e}-${ne(t)}-${n}`, K = (e, t, n, r, i, a) => {
-	let o = L(r), s = L(i.value), c = B(i.options), l = V(i.options), u = z(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${W(t, n)}` : d;
+}, Ce = (e, t) => {
+	let [n, r] = t.split("-");
+	return `[data-flemo-part-name="${e}"][data-flemo-status="${n}"][data-flemo-active="${r}"]`;
+}, V = (e, t, n) => `flemo-${e}-${fe(t)}-${n}`, H = (e, t, n, r, i, a) => {
+	let o = I(r), s = I(i.value), c = z(i.options), l = B(i.options), u = R(i.options?.ease), d = a(t, n), f = e === "screen" ? `${d},\n${Se(t, n)}` : d;
 	if (s.length === 0 && o.length === 0) return "";
-	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${R(s)}\n  animation: none;\n}`;
-	let p = G(e, t, n), m = [
+	if (c <= 0 && l <= 0) return s.length === 0 ? "" : `${f} {\n${L(s)}\n  animation: none;\n}`;
+	let p = V(e, t, n), m = [
 		`@keyframes ${p} {`,
 		"  from {",
-		R(o).replace(/^/gm, "  "),
+		L(o).replace(/^/gm, "  "),
 		"  }",
 		"  to {",
-		R(s).replace(/^/gm, "  "),
+		L(s).replace(/^/gm, "  "),
 		"  }",
 		"}"
 	].join("\n"), h = [
@@ -734,79 +1056,144 @@ var b = "rgba(0, 0, 0, 0.3)", x = y({
 		"both"
 	].filter(Boolean).join(" "), g = Array.from(new Set([...o.map((e) => e.property), ...s.map((e) => e.property)])), _ = g.length > 0 ? `  will-change: ${g.join(", ")};\n` : "", v = n.split("-")[0];
 	return `${m}\n${`${f} {\n  animation: ${h};\n${_}${v === "PUSHING" || v === "REPLACING" ? "  contain: layout;\n  pointer-events: none;\n" : ""}}`}`;
-}, q = (e, t, n, r) => {
-	let i = L(r.value);
-	return i.length === 0 ? "" : `${e(t, n)} {\n${R(i)}\n}`;
-}, J = (e, t) => {
-	let n = [];
+}, U = (e, t, n, r) => {
+	let i = I(r.value);
+	return i.length === 0 ? "" : `${e(t, n)} {\n${L(i)}\n}`;
+}, we = (e, t, n = []) => {
+	let r = [];
 	for (let t of e) {
 		let e = t.name;
-		for (let r of C) {
-			let i = t.variants[r], a = S[r];
+		for (let n of ue) {
+			let i = t.variants[n], a = A[n];
 			if (a === "self") {
-				n.push(q(H, e, r, i));
+				r.push(U(be, e, n, i));
 				continue;
 			}
 			let o = a === "initial" ? t.initial : t.variants[a].value;
-			n.push(K("screen", e, r, o, i, H));
+			r.push(H("screen", e, n, o, i, be));
 		}
 	}
 	for (let e of t) {
 		let t = e.name;
-		for (let r of w) {
-			let i = e.variants[r], a = S[r];
+		for (let n of de) {
+			let i = e.variants[n], a = A[n];
 			if (a === "self") {
-				n.push(q(U, t, r, i));
+				r.push(U(xe, t, n, i));
 				continue;
 			}
 			let o = a === "initial" ? e.initial : e.variants[a].value;
-			n.push(K("decorator", t, r, o, i, U));
+			r.push(H("decorator", t, n, o, i, xe));
 		}
 	}
-	return n.filter((e) => e.length > 0).join("\n\n");
-}, Y = (e, t) => {
-	let n = S[t];
+	for (let e of n) {
+		let t = e.name;
+		for (let n of de) {
+			let i = e.variants[n], a = A[n];
+			if (a === "self") {
+				r.push(U(Ce, t, n, i));
+				continue;
+			}
+			let o = a === "initial" ? e.initial : e.variants[a].value;
+			r.push(H("part", t, n, o, i, Ce));
+		}
+	}
+	return r.filter((e) => e.length > 0).join("\n\n");
+}, Te = (e, t) => {
+	let n = A[t];
 	if (n === "self") return !1;
-	let r = e.variants[t], i = B(r.options), a = V(r.options);
+	let r = e.variants[t], i = z(r.options), a = B(r.options);
 	if (i <= 0 && a <= 0) return !1;
-	let o = L(n === "initial" ? e.initial : e.variants[n].value), s = L(r.value);
+	let o = I(n === "initial" ? e.initial : e.variants[n].value), s = I(r.value);
 	return o.length > 0 || s.length > 0;
-};
-//#endregion
-//#region src/utils/isServer.ts
-function X() {
-	return typeof document > "u";
+}, Ee = "data-flemo";
+function De() {
+	if (c()) return;
+	let e = we(D.values(), se.values(), k.values()), t = document.head.querySelector(`style[${Ee}]`);
+	t || (t = document.createElement("style"), t.setAttribute(Ee, ""), document.head.appendChild(t)), t.textContent !== e && (t.textContent = e);
 }
 //#endregion
-//#region src/utils/getMatchedPathPattern.ts
-function Z(e, t) {
-	return Array.isArray(e) ? e.find((e) => n(e).regexp.test(t)) ?? "" : n(e).regexp.test(t) ? e : "";
-}
-//#endregion
-//#region src/utils/getParams.ts
-function re(e, n, r) {
-	let i = t(Z(e, n))(n), a = new URLSearchParams(r), o = Object.fromEntries(a.entries());
-	return i ? {
-		...i.params,
-		...o
-	} : {};
+//#region src/transition/animateInline.ts
+var Oe = (e) => typeof HTMLElement < "u" && e instanceof HTMLElement, W = /* @__PURE__ */ new WeakMap(), ke = (e, t) => {
+	let n = W.get(e);
+	n || (n = /* @__PURE__ */ new Set(), W.set(e, n)), n.add(t);
+}, G = (e, t) => {
+	if (e.style.transition = "", t) {
+		let n = W.get(e);
+		for (let r of t) e.style.removeProperty(r), n?.delete(r);
+		return;
+	}
+	let n = W.get(e);
+	if (n && n.size > 0) {
+		for (let t of n) e.style.removeProperty(t);
+		n.clear();
+		return;
+	}
+	e.style.removeProperty("transform"), e.style.removeProperty("opacity");
+}, K = (e, t, n = {}) => {
+	if (!Oe(e)) return Promise.resolve();
+	let r = e, i = I(t);
+	if (i.length === 0) return Promise.resolve();
+	let a = typeof n.duration == "number" ? n.duration : 0, o = typeof n.delay == "number" && n.delay > 0 ? n.delay : 0, s = R(n.ease);
+	if (a <= 0 && o <= 0) {
+		r.style.transition = "none";
+		for (let e of i) r.style.setProperty(e.property, e.value), ke(r, e.property);
+		return Promise.resolve();
+	}
+	let c = i.map((e) => `${e.property} ${a}s ${s} ${o}s`).join(", ");
+	r.style.transition = c, r.offsetWidth;
+	for (let e of i) r.style.setProperty(e.property, e.value), ke(r, e.property);
+	return new Promise((e) => {
+		let t = !1, n = () => {
+			t || (t = !0, r.removeEventListener("transitionend", i), e());
+		}, i = (e) => {
+			e.target === r && n();
+		};
+		r.addEventListener("transitionend", i), setTimeout(n, (a + o) * 1e3 + 60);
+	});
+}, q = "data-flemo-skip-animation", J = () => {};
+function Ae(e) {
+	return { driveScreenLifecycle: (t) => {
+		let { getElements: n, transitionName: i, prevTransitionName: a, status: o, isActive: s } = t;
+		if (!s) return o === "REPLACING" && a !== i && e.setReplaceTransitionStatus("PENDING"), J;
+		if (o === "COMPLETED") {
+			e.setDragStatus("IDLE"), e.setReplaceTransitionStatus("IDLE");
+			let { scope: t, decorator: r, bars: i } = n();
+			t && (G(t), t.removeAttribute(q)), r && (G(r), r.removeAttribute(q));
+			for (let e of i ?? []) e && (G(e), e.style.removeProperty("will-change"));
+			return J;
+		}
+		if (o === "IDLE") return J;
+		let { scope: c } = n();
+		if (!c) return J;
+		let l = () => {
+			let t = e.getTransitionTaskId();
+			t && r.resolveTask(t);
+		}, u = D.get(i) ?? D.get("none"), d = `${o}-true`;
+		if (!(c.getAttribute("data-flemo-skip-animation") !== "true" && Te(u, d))) return queueMicrotask(l), J;
+		let f = V("screen", i, d), p = (e) => {
+			e.target === c && e.animationName === f && (c.removeEventListener("animationend", p), l());
+		};
+		return c.addEventListener("animationend", p), () => {
+			c.removeEventListener("animationend", p);
+		};
+	} };
 }
 //#endregion
 //#region src/utils/findScrollable.ts
-function ie(e, t) {
-	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = ae(e);
+function Y(e, t) {
+	let { direction: n = "x", markerSelector: r = "[data-swipe-at-edge]", depthLimit: i = 24, verifyByScroll: a = !1 } = t ?? {}, o = je(e);
 	if (!o) return {
 		element: null,
 		hasMarker: !1
 	};
 	let s = o.closest?.(r);
-	if (s instanceof HTMLElement && Q(s, n) && (!a || $(s, n))) return {
+	if (s instanceof HTMLElement && X(s, n) && (!a || Z(s, n))) return {
 		element: s,
 		hasMarker: !0
 	};
 	let c = o, l = 0;
 	for (; c && l < i;) {
-		if (Q(c, n) && (!a || $(c, n))) return {
+		if (X(c, n) && (!a || Z(c, n))) return {
 			element: c,
 			hasMarker: !1
 		};
@@ -817,7 +1204,7 @@ function ie(e, t) {
 		hasMarker: !1
 	};
 }
-function ae(e) {
+function je(e) {
 	if (!e) return null;
 	let t = e, n = typeof t.composedPath == "function" ? t.composedPath() : void 0;
 	if (n && n.length) {
@@ -825,13 +1212,246 @@ function ae(e) {
 	}
 	return e instanceof HTMLElement ? e : null;
 }
-function Q(e, t) {
+function X(e, t) {
 	return t === "y" ? e.scrollHeight - e.clientHeight > 1 : e.scrollWidth - e.clientWidth > 1;
 }
-function $(e, t) {
-	if (!Q(e, t) || typeof window > "u") return !1;
+function Z(e, t) {
+	if (!X(e, t) || typeof window > "u") return !1;
 	let n = window.getComputedStyle(e), r = t === "y" ? n.overflowY : n.overflowX;
 	return r === "auto" || r === "scroll" || r === "overlay";
 }
 //#endregion
-export { r as TaskManger, G as animationName, $ as canProgrammaticallyScroll, I as collectAnimatedProperties, J as compileTransitionStyles, c as consumeSelfInducedPop, y as createDecorator, i as createHistoryStore, a as createNavigateStore, ee as createRawDecorator, u as createRawTransition, l as createTransition, v as createTransitionStore, f as cupertino, te as decoratorMap, z as easingToCss, ie as findScrollable, Z as getMatchedPathPattern, re as getParams, X as isServer, m as layout, s as markSelfInducedPop, h as material, g as none, Q as overflowsAxis, x as overlay, L as targetToDecls, _ as transitionMap, Y as variantHasAnimation };
+//#region src/core/engine/createSwipeController.ts
+var Q = "data-flemo-skip-animation";
+function Me(e) {
+	let t = null, n = null, r = {
+		current: [],
+		prev: []
+	}, i = {
+		current: [],
+		prev: []
+	}, a = !1, o = !1, s = !1, c = {
+		x: 0,
+		y: 0
+	}, l = {
+		x: 0,
+		y: 0
+	}, u = 0, d = {
+		x: 0,
+		y: 0
+	}, f = {
+		element: null,
+		hasMarker: !1
+	}, p = {
+		element: null,
+		hasMarker: !1
+	}, m = 0, h = 0, g = (e) => ({
+		point: {
+			x: e.clientX,
+			y: e.clientY
+		},
+		offset: {
+			x: e.clientX - c.x,
+			y: e.clientY - c.y
+		},
+		delta: {
+			x: e.clientX - l.x,
+			y: e.clientY - l.y
+		},
+		velocity: d
+	}), _ = (e) => {
+		let t = e.timeStamp, n = Math.max(1, t - u);
+		d = {
+			x: (e.clientX - l.x) / n * 1e3,
+			y: (e.clientY - l.y) / n * 1e3
+		}, l = {
+			x: e.clientX,
+			y: e.clientY
+		}, u = t;
+	}, v = (n, i, a) => {
+		let o = K(n, i, a);
+		if (n === e.getElements().scope) for (let e of r.current) K(e, i, a);
+		else if (n === t) for (let e of r.prev) K(e, i, a);
+		return o;
+	}, y = (t) => {
+		let n = e.getPartnerBars(), i = [], { sharedAppBar: a, sharedNavigationBar: o } = e.getElements();
+		a && e.hasSharedAppBar() && !n?.appBar && i.push(a), o && e.hasSharedNavigationBar() && !n?.navigationBar && i.push(o);
+		let s = [];
+		if (t) {
+			let n = t.querySelector("[data-flemo-bar=\"app\"]"), r = t.querySelector("[data-flemo-bar=\"nav\"]");
+			n && !e.hasSharedAppBar() && s.push(n), r && !e.hasSharedNavigationBar() && s.push(r);
+		}
+		r = {
+			current: i,
+			prev: s
+		};
+		let c = F(e.getTransition()).join(", ");
+		for (let e of i) e.style.willChange = c;
+		for (let e of s) e.style.willChange = c;
+	}, b = () => {
+		for (let e of r.current) G(e), e.style.removeProperty("will-change");
+		for (let e of r.prev) G(e), e.style.removeProperty("will-change");
+		r = {
+			current: [],
+			prev: []
+		};
+	}, x = (t) => {
+		let { screenContainer: n } = e.getElements(), r = (e) => Array.from(e.querySelectorAll("[data-flemo-part-name]"));
+		i = {
+			current: r(n),
+			prev: r(t)
+		};
+	}, S = (e, t, n) => {
+		let r = (r, i) => {
+			let a = k.get(r.getAttribute("data-flemo-part-name"));
+			if (!a) return;
+			let o = {
+				animate: K,
+				element: r,
+				active: i
+			};
+			e === "swipe" ? a.onSwipe?.(t, n, o) : e === "start" ? a.onSwipeStart?.(t, o) : a.onSwipeEnd?.(t, o);
+		};
+		for (let e of i.current) r(e, !0);
+		for (let e of i.prev) r(e, !1);
+	}, C = () => {
+		for (let e of [...i.current, ...i.prev]) G(e);
+		i = {
+			current: [],
+			prev: []
+		};
+	}, w = async (r) => {
+		let i = e.getTransition();
+		if (!i.swipeDirection || e.getViewportScrollHeight() > 10) return;
+		let { scope: a, screenContainer: o, decorator: f } = e.getElements();
+		if (!a) return;
+		let p = o?.parentElement?.previousElementSibling ?? null;
+		if (t = p?.querySelector("[data-flemo-screen]") ?? null, n = p?.querySelector("[data-flemo-decorator]") ?? null, !t) return;
+		s = !0, c = {
+			x: r.clientX,
+			y: r.clientY
+		}, l = {
+			x: r.clientX,
+			y: r.clientY
+		}, u = r.timeStamp, d = {
+			x: 0,
+			y: 0
+		}, a.setPointerCapture(r.pointerId), y(p), x(p);
+		let m = e.getDecorator();
+		await i.onSwipeStart(r, g(r), {
+			animate: v,
+			currentScreen: a,
+			prevScreen: t,
+			onStart: (e) => {
+				m?.onSwipeStart?.(e, {
+					animate: K,
+					currentDecorator: f,
+					prevDecorator: n
+				}), S("start", e, 0);
+			}
+		}) ? e.setDragStatus("PENDING") : (e.setDragStatus("IDLE"), s = !1, b());
+	}, T = (r) => {
+		let i = e.getTransition();
+		if (!i.swipeDirection || !s || e.getViewportScrollHeight() > 10) return;
+		_(r);
+		let { scope: a, decorator: o } = e.getElements(), c = e.getDecorator();
+		i.onSwipe(r, g(r), {
+			animate: v,
+			currentScreen: a,
+			prevScreen: t,
+			onProgress: (e, t) => {
+				c?.onSwipe?.(e, t, {
+					animate: K,
+					currentDecorator: o,
+					prevDecorator: n
+				}), S("swipe", e, t);
+			}
+		});
+	}, ee = async (a) => {
+		let o = e.getTransition();
+		if (!o.swipeDirection || !s) return;
+		s = !1;
+		let { scope: c, decorator: l } = e.getElements();
+		c && c.hasPointerCapture(a.pointerId) && c.releasePointerCapture(a.pointerId);
+		let u = e.getDecorator();
+		if (await o.onSwipeEnd(a, g(a), {
+			animate: v,
+			currentScreen: c,
+			prevScreen: t,
+			onStart: (e) => {
+				u?.onSwipeEnd?.(e, {
+					animate: K,
+					currentDecorator: l,
+					prevDecorator: n
+				}), S("end", e, 0);
+			}
+		})) {
+			c?.setAttribute(Q, "true"), l?.setAttribute(Q, "true");
+			for (let e of r.current) e.style.removeProperty("will-change");
+			for (let e of r.prev) G(e), e.style.removeProperty("will-change");
+			r = {
+				current: [],
+				prev: []
+			};
+			for (let e of i.prev) G(e);
+			i = {
+				current: [],
+				prev: []
+			}, e.back();
+		} else c && G(c), t && G(t), l && G(l), n && G(n), b(), C(), e.setDragStatus("IDLE");
+	};
+	return {
+		pointerDown: (t) => {
+			e.isReadyForDrag() && (f = Y(t.target, {
+				direction: "x",
+				verifyByScroll: !0
+			}), p = Y(t.target, {
+				direction: "y",
+				verifyByScroll: !0
+			}), m = t.clientX, h = t.clientY, (!f.element && !p.element || f.element || p.element) && (a = !0));
+		},
+		pointerMove: (t) => {
+			if (e.getViewportScrollHeight() > 10) return;
+			if (s) {
+				T(t);
+				return;
+			}
+			let n = e.getTransition().swipeDirection, r = !f.element && !p.element;
+			if (a && r) {
+				a = !1, o = !0;
+				let e = t.clientY - h, r = t.clientX - m;
+				(n === "y" && e > 0 || n === "x" && r > 0) && w(t);
+			} else if (a && !r) {
+				let e = t.clientX - m, r = t.clientY - h, i = p.element && p.element.scrollTop <= 0, s = f.element && f.element.scrollLeft <= 0 && f.hasMarker;
+				(n === "y" && (i || f.element) && r > 0 && Math.abs(e) < 2 || n === "x" && (s || p.element) && e > 0 && Math.abs(r) < 2) && (a = !1, o = !0, w(t));
+			}
+		},
+		pointerUp: (e) => {
+			a = !1, o = !1, s && ee(e);
+		},
+		shouldPreventTouch: () => o
+	};
+}
+//#endregion
+//#region src/core/engine/barRiding.ts
+var $ = "data-flemo-bar-riding";
+function Ne(e) {
+	let { appBar: t, navBar: n } = e;
+	if (!t && !n) return () => {};
+	let r = () => {
+		let r = e.getStatus();
+		if (!(r === "PUSHING" || r === "POPPING" || r === "REPLACING") || !e.isTopOrTopPrev) {
+			t?.removeAttribute($), n?.removeAttribute($);
+			return;
+		}
+		let i = e.getHistories(), a = e.isActive ? i[e.index - 1]?.id : i[e.index]?.id, o = a ? e.getSharedBars()[a] : void 0, s = e.hasAppBar && !o?.appBar, c = e.hasNavBar && !o?.navigationBar;
+		t && t.setAttribute($, s ? "true" : "false"), n && n.setAttribute($, c ? "true" : "false");
+	};
+	r();
+	let i = e.subscribeStatus(r), a = e.subscribeSharedBars(r);
+	return () => {
+		i(), a(), t?.removeAttribute($), n?.removeAttribute($);
+	};
+}
+//#endregion
+export { q as SKIP_ANIMATION_ATTR, r as TaskManger, K as animateInline, V as animationName, De as applyTransitionStyles, Z as canProgrammaticallyScroll, G as clearInlineAnimation, F as collectAnimatedProperties, we as compileTransitionStyles, x as computeScreenFreeze, f as consumeSelfInducedPop, ie as createDecorator, i as createHistoryStore, p as createHistorySync, m as createNavigateStore, v as createNavigationController, ce as createPartTransition, ae as createRawDecorator, le as createRawPartTransition, C as createRawTransition, b as createScreenSelector, y as createScreenStore, Me as createSwipeController, S as createTransition, Ae as createTransitionEngine, re as createTransitionStore, T as cupertino, se as decoratorMap, Ne as driveBarRiding, R as easingToCss, l as ensureWindowHistoryState, Y as findScrollable, a as getMatchedPathPattern, o as getParams, c as isServer, te as layout, d as markSelfInducedPop, ne as material, E as none, X as overflowsAxis, oe as overlay, k as partTransitionMap, s as seedInitialHistory, I as targetToDecls, D as transitionMap, Te as variantHasAnimation };