npm - @milaboratories/uikit - Versions diffs - 2.16.0 → 2.16.1 - Mend

@milaboratories/uikit 2.16.0 → 2.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1369) hide show

package/dist/composition/usePollingQuery.js CHANGED Viewed

@@ -1,129 +1,125 @@
 import { onScopeDispose as e, readonly as t, ref as n, shallowRef as r, toValue as i, watch as a } from "vue";
-//#region src/composition/usePollingQuery.ts
-var o = /* @__PURE__ */ function(e) {
-	return e.Normal = "normal", e.External = "external", e;
-}(o || {});
-function s(e) {
+// src/composition/usePollingQuery.ts
+function o(e) {
 	return e instanceof Error ? e : Error(typeof e == "string" ? e : JSON.stringify(e));
 }
-function c(c, l, u) {
-	let d = {
-		minInterval: u.minInterval,
-		minDelay: u.minDelay ?? 0,
-		autoStart: u.autoStart ?? !0,
-		triggerOnResume: u.triggerOnResume ?? !1,
-		pauseOnError: u.pauseOnError ?? !1,
-		maxInFlightRequests: Math.max(1, u.maxInFlightRequests ?? 1),
-		debounce: Math.max(0, u.debounce ?? 0)
-	}, f = () => Math.max(0, i(d.minInterval)), p = () => {
-		let e = d.minDelay === void 0 ? void 0 : i(d.minDelay);
+function s(s, c, l) {
+	let u = {
+		minInterval: l.minInterval,
+		minDelay: l.minDelay ?? 0,
+		autoStart: l.autoStart ?? !0,
+		triggerOnResume: l.triggerOnResume ?? !1,
+		pauseOnError: l.pauseOnError ?? !1,
+		maxInFlightRequests: Math.max(1, l.maxInFlightRequests ?? 1),
+		debounce: Math.max(0, l.debounce ?? 0)
+	}, d = () => Math.max(0, i(u.minInterval)), f = () => {
+		let e = u.minDelay === void 0 ? void 0 : i(u.minDelay);
 		return Math.max(0, e ?? 0);
-	}, m = () => f() > 0, h = r({ status: "idle" }), g = n(null), _ = n(!1), v = 0, y = 0, b = n(0), x = !1, S = null, C = null, w = 0, T = 0, E = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), O = [], k, A = !1, j = (e) => {
-		k = e, A = !0;
-	}, M = () => {
-		if (h.value.status === "synced" || h.value.status === "stale") {
-			let { value: e } = h.value;
-			h.value = {
+	}, p = () => d() > 0, m = r({ status: "idle" }), h = n(null), g = n(!1), _ = 0, v = 0, y = n(0), b = !1, x = null, S = null, C = 0, w = 0, T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), D = [], O, k = !1, A = (e) => {
+		O = e, k = !0;
+	}, j = () => {
+		if (m.value.status === "synced" || m.value.status === "stale") {
+			let { value: e } = m.value;
+			m.value = {
 				status: "stale",
 				value: e
 			};
 		}
-	}, N = () => {
-		O.length !== 0 && O.shift()?.resolve();
-	}, P = async () => {
-		b.value < d.maxInFlightRequests || await new Promise((e) => {
-			O.push({ resolve: e });
+	}, M = () => {
+		D.length !== 0 && D.shift()?.resolve();
+	}, N = async () => {
+		y.value < u.maxInFlightRequests || await new Promise((e) => {
+			D.push({ resolve: e });
 		});
+	}, P = () => {
+		x !== null && (clearTimeout(x), x = null);
 	}, F = () => {
 		S !== null && (clearTimeout(S), S = null);
-	}, I = () => {
-		C !== null && (clearTimeout(C), C = null);
-	}, L = (e) => {
-		E.forEach((t, n) => {
-			t.signal.aborted || (D.set(n, e), t.abort());
+	}, I = (e) => {
+		T.forEach((t, n) => {
+			t.signal.aborted || (E.set(n, e), t.abort());
 		});
-	}, R = (e = 0) => {
-		let t = Date.now(), n = Math.max(w, T), r = n > t ? n - t : 0;
+	}, L = (e = 0) => {
+		let t = Date.now(), n = Math.max(C, w), r = n > t ? n - t : 0;
 		return Math.max(0, e, r);
-	}, z = (e = 0, t = o.Normal) => {
-		if (!_.value || !m() || x) return;
-		let n = R(e);
-		S !== null && clearTimeout(S), S = setTimeout(() => {
-			S = null, B(t);
+	}, R = (e = 0, t = "normal") => {
+		if (!g.value || !p() || b) return;
+		let n = L(e);
+		x !== null && clearTimeout(x), x = setTimeout(() => {
+			x = null, z(t);
 		}, n);
-	}, B = async (e) => {
-		if (!_.value || x || !m()) return;
-		let t = Date.now(), n = Math.max(w, T);
+	}, z = async (e) => {
+		if (!g.value || b || !p()) return;
+		let t = Date.now(), n = Math.max(C, w);
 		if (t < n) {
-			z(n - t, e);
+			R(n - t, e);
 			return;
 		}
-		if (!A) return;
-		let r = k, i = y;
-		if (await P(), !_.value || x || !m()) {
-			N();
+		if (!k) return;
+		let r = O, i = v;
+		if (await N(), !g.value || b || !p()) {
+			M();
 			return;
 		}
-		let a = new AbortController(), o = ++v;
-		E.set(o, a), b.value += 1;
-		let c = f();
-		w = Math.max(w, Date.now() + c);
-		let u = !1, S = () => {
-			u || (u = !0, U());
+		let a = new AbortController(), s = ++_;
+		T.set(s, a), y.value += 1;
+		let l = d();
+		C = Math.max(C, Date.now() + l);
+		let x = !1, S = () => {
+			x || (x = !0, H());
 		};
 		try {
-			let e = await l(r, {
+			let e = await c(r, {
 				signal: a.signal,
 				pause: S
 			});
-			a.signal.aborted || o === v && i === y && (g.value = null, h.value = {
+			a.signal.aborted || s === _ && i === v && (h.value = null, m.value = {
 				status: "synced",
 				value: e
 			});
 		} catch (e) {
-			a.signal.aborted || (o === v && (g.value = s(e)), d.pauseOnError && U());
+			a.signal.aborted || (s === _ && (h.value = o(e)), u.pauseOnError && H());
 		} finally {
-			let e = p();
-			T = Math.max(T, Date.now() + e), E.delete(o), b.value = Math.max(0, b.value - 1), N();
-			let t = D.get(o);
-			t && D.delete(o), _.value && !x && t !== "args" && z();
+			let e = f();
+			w = Math.max(w, Date.now() + e), T.delete(s), y.value = Math.max(0, y.value - 1), M();
+			let t = E.get(s);
+			t && E.delete(s), g.value && !b && t !== "args" && R();
 		}
-	}, V = (e = o.External) => {
-		!_.value || x || !m() || z(0, e);
-	}, H = () => {
-		if (y += 1, M(), L("args"), !_.value || !m()) return;
+	}, B = (e = "external") => {
+		g.value && !b && p() && R(0, e);
+	}, V = () => {
+		if (v += 1, j(), I("args"), !g.value || !p()) return;
 		let e = () => {
-			V(o.External);
+			B("external");
 		};
-		d.debounce > 0 ? (I(), C = setTimeout(() => {
-			C = null, e();
-		}, d.debounce)) : e();
+		u.debounce > 0 ? (F(), S = setTimeout(() => {
+			S = null, e();
+		}, u.debounce)) : e();
+	}, H = () => {
+		g.value && (g.value = !1, P(), F(), I("pause"), C = Date.now(), w = Date.now());
 	}, U = () => {
-		_.value && (_.value = !1, F(), I(), L("pause"), w = Date.now(), T = Date.now());
-	}, W = () => {
-		if (!m() || _.value || !A) return;
-		_.value = !0, g.value = null;
+		if (!p() || g.value || !k) return;
+		g.value = !0, h.value = null;
 		let e = Date.now();
-		w = e, T = e, d.triggerOnResume ? V(o.External) : z(f(), o.External);
+		C = e, w = e, u.triggerOnResume ? B("external") : R(d(), "external");
 	};
 	return e(() => {
-		x = !0, F(), I(), L("dispose"), _.value = !1, O.splice(0, O.length).forEach(({ resolve: e }) => e());
-	}), a(c, (e) => {
-		let t = !A;
-		j(e), !t && H();
+		b = !0, P(), F(), I("dispose"), g.value = !1, D.splice(0, D.length).forEach(({ resolve: e }) => e());
+	}), a(s, (e) => {
+		let t = !k;
+		A(e), !t && V();
 	}, {
 		flush: "sync",
 		immediate: !0
-	}), d.autoStart && m() && W(), {
-		data: t(h),
-		lastError: t(g),
-		isActive: t(_),
-		inFlightCount: t(b),
-		pause: U,
-		resume: W
+	}), u.autoStart && p() && U(), {
+		data: t(m),
+		lastError: t(h),
+		isActive: t(g),
+		inFlightCount: t(y),
+		pause: H,
+		resume: U
 	};
 }
-//#endregion
-export { c as usePollingQuery };
+export { s as usePollingQuery };
 //# sourceMappingURL=usePollingQuery.js.map

package/dist/composition/usePollingQuery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePollingQuery.js","names":[],"sources":["../../src/composition/usePollingQuery.ts"],"sourcesContent":["import type { MaybeRef, WatchSource } from \"vue\";\nimport { onScopeDispose, readonly, ref, shallowRef, toValue, watch } from \"vue\";\n\ntype AbortReason = \"args\" \| \"pause\" \| \"dispose\";\n\ntype PollingData<Result> =\n \| { status: \"idle\" }\n \| { status: \"synced\"; value: Result }\n \| { status: \"stale\"; value: Result };\n\ninterface InternalOptions {\n minInterval: MaybeRef<number>;\n minDelay: MaybeRef<number \| undefined>;\n autoStart: boolean;\n triggerOnResume: boolean;\n pauseOnError: boolean;\n maxInFlightRequests: number;\n debounce: number;\n}\n\ninterface Waiter {\n resolve: () => void;\n}\n\nconst enum ScheduleSource {\n Normal = \"normal\",\n External = \"external\",\n}\n\nfunction toError(error: unknown): Error {\n if (error instanceof Error) return error;\n return new Error(typeof error === \"string\" ? error : JSON.stringify(error));\n}\n\n/*\n Repeatedly executes an asynchronous query while tracking arguments, state transitions,\n * and result freshness.\n \n @remarks\n \n ### Typical usage\n \n ```ts\n * const args = ref({ id: 'item-1' });\n * const { data, pause, resume, lastError } = usePollingQuery(args, fetchItem, {\n * minInterval: 5_000,\n * minDelay: 250,\n * });\n * ```\n \n The composable polls `fetchItem` while `resume()`d. Whenever the `args` ref changes the current\n * request is aborted, the status becomes `'stale'`, and a new poll is scheduled after the optional\n * debounce period and the configured timing constraints. Results from older requests are ignored\n * through version tracking, ensuring consumers only observe the freshest payload.\n \n ### Timing behaviour\n \n - `minInterval` defines the minimum duration between the start times of consecutive polls.\n * - `minDelay` (optional) enforces a minimum wait time between a poll finishing and the next poll starting.\n * - After each poll completes, the next poll is scheduled `max(minInterval - elapsed, minDelay)` ms later.\n * - When arguments change, the next poll still respects both constraints while also honouring the debounce.\n \n ### Abort handling\n \n Each poll receives a dedicated `AbortSignal`. The signal is aborted when pausing, disposing\n * the scope, or when the arguments ref changes. Queries should surface aborts by listening to\n * the signal. Aborted requests may settle later; outdated results are discarded via version checks.\n \n ### Pause, resume, and callback control\n \n - `pause()` stops future polls, clears pending timeouts, and aborts in-flight requests.\n * - `resume()` is idempotent; it reactivates polling only when currently inactive.\n * - The callback receives a bound `pause()` helper for conditional pausing.\n \n ### Error handling\n \n Errors bubble into `lastError`; they reset on the next successful poll or when `resume()`\n * transitions from inactive to active. With `pauseOnError: true` the composable pauses automatically.\n \n ### Argument tracking\n \n - Initial state is `{ status: 'idle' }`.\n * - Argument changes mark the status `'stale'` when a prior result exists; otherwise it stays `'idle'`.\n * - A successful poll for the latest arguments marks the status `'synced'` and updates `value`.\n \n ### Request versioning and concurrency\n \n Each poll increments an internal version counter. Only the latest version updates shared state,\n * preventing stale results from overwriting fresh data. `maxInFlightRequests` limits concurrent\n * polls; values > 1 allow the next poll to begin even if aborted requests are still settling, while\n * still capping total concurrency to protect upstream services.\n \n ### Debouncing\n \n Use `debounce` to accumulate rapid argument changes. The status still transitions to `'stale'`\n * immediately, all running polls are aborted, and the new poll waits for the debounce window\n * (and the timing constraints) before executing.\n \n ### Options\n \n - `minInterval` — required; must be positive. Zero or negative disables polling (`resume()` no-op). Accepts refs.\n * - `minDelay` — optional delay after completion before the next poll may start. Accepts refs.\n * - `autoStart` — start in active mode (default `true`).\n * - `triggerOnResume` — run the callback immediately on `resume()` (default `false`).\n * - `pauseOnError` — automatically pauses when the callback throws (default `false`).\n * - `maxInFlightRequests` — maximum concurrent polls (default `1`).\n * - `debounce` — debounce window for argument changes in milliseconds (default `0`).\n \n ### Returns\n \n - `data` — readonly ref of `{ status, value }`.\n * - `lastError` — readonly ref of the latest error (or `null`).\n * - `isActive` — readonly ref indicating active polling.\n * - `inFlightCount` — readonly ref with the number of active requests.\n * - `pause()` and `resume()` controls.\n \n @typeParam Args - Arguments shape passed to the polling callback.\n * @typeParam Result - Result type produced by the polling callback.\n */\nexport function usePollingQuery<Args, Result>(\n args: WatchSource<Args>,\n queryFn: (args: Args, options: { signal: AbortSignal; pause: () => void }) => Promise<Result>,\n options: {\n minInterval: MaybeRef<number>;\n minDelay?: MaybeRef<number \| undefined>;\n autoStart?: boolean;\n triggerOnResume?: boolean;\n pauseOnError?: boolean;\n maxInFlightRequests?: number;\n debounce?: number;\n },\n) {\n const internal: InternalOptions = {\n minInterval: options.minInterval,\n minDelay: options.minDelay ?? 0,\n autoStart: options.autoStart ?? true,\n triggerOnResume: options.triggerOnResume ?? false,\n pauseOnError: options.pauseOnError ?? false,\n maxInFlightRequests: Math.max(1, options.maxInFlightRequests ?? 1),\n debounce: Math.max(0, options.debounce ?? 0),\n };\n\n const resolveMinInterval = () => Math.max(0, toValue(internal.minInterval));\n const resolveMinDelay = () => {\n const raw = internal.minDelay === undefined ? undefined : toValue(internal.minDelay);\n return Math.max(0, raw ?? 0);\n };\n const canRun = () => resolveMinInterval() > 0;\n\n const data = shallowRef<PollingData<Result>>({ status: \"idle\" });\n const lastError = ref<Error \| null>(null);\n const isActive = ref(false);\n\n let latestVersion = 0;\n let argsVersion = 0;\n const inFlightCount = ref(0);\n let disposed = false;\n\n let scheduledTimeout: ReturnType<typeof setTimeout> \| null = null;\n let debounceTimeout: ReturnType<typeof setTimeout> \| null = null;\n\n let nextMinIntervalStart = 0;\n let nextMinDelayStart = 0;\n\n const controllers = new Map<number, AbortController>();\n const abortReasons = new Map<number, AbortReason>();\n const waiters: Waiter[] = [];\n\n let currentArgs: Args;\n let hasCurrentArgs = false;\n\n const setCurrentArgs = (value: Args) => {\n currentArgs = value;\n hasCurrentArgs = true;\n };\n\n const markStale = () => {\n if (data.value.status === \"synced\" \|\| data.value.status === \"stale\") {\n const { value } = data.value;\n data.value = { status: \"stale\", value };\n }\n };\n\n const scheduleWaiters = () => {\n if (waiters.length === 0) return;\n const waiter = waiters.shift();\n waiter?.resolve();\n };\n\n const waitForSlot = async () => {\n if (inFlightCount.value < internal.maxInFlightRequests) return;\n await new Promise<void>((resolve) => {\n waiters.push({ resolve });\n });\n };\n\n const clearScheduled = () => {\n if (scheduledTimeout !== null) {\n clearTimeout(scheduledTimeout);\n scheduledTimeout = null;\n }\n };\n\n const clearDebounce = () => {\n if (debounceTimeout !== null) {\n clearTimeout(debounceTimeout);\n debounceTimeout = null;\n }\n };\n\n const abortAll = (reason: AbortReason) => {\n controllers.forEach((controller, version) => {\n if (!controller.signal.aborted) {\n abortReasons.set(version, reason);\n controller.abort();\n }\n });\n };\n\n const computeDelay = (requestedDelay = 0) => {\n const now = Date.now();\n const earliest = Math.max(nextMinIntervalStart, nextMinDelayStart);\n const baseDelay = earliest > now ? earliest - now : 0;\n return Math.max(0, requestedDelay, baseDelay);\n };\n\n const queueExecution = (requestedDelay = 0, source: ScheduleSource = ScheduleSource.Normal) => {\n if (!isActive.value \|\| !canRun() \|\| disposed) return;\n const delay = computeDelay(requestedDelay);\n\n if (scheduledTimeout !== null) {\n clearTimeout(scheduledTimeout);\n }\n\n scheduledTimeout = setTimeout(() => {\n scheduledTimeout = null;\n void runExecution(source);\n }, delay);\n };\n\n const runExecution = async (source: ScheduleSource) => {\n if (!isActive.value \|\| disposed \|\| !canRun()) return;\n\n const now = Date.now();\n const earliest = Math.max(nextMinIntervalStart, nextMinDelayStart);\n if (now < earliest) {\n queueExecution(earliest - now, source);\n return;\n }\n\n if (!hasCurrentArgs) return;\n\n const argsSnapshot = currentArgs;\n const assignedArgsVersion = argsVersion;\n\n await waitForSlot();\n\n if (!isActive.value \|\| disposed \|\| !canRun()) {\n scheduleWaiters();\n return;\n }\n\n const controller = new AbortController();\n const version = ++latestVersion;\n\n controllers.set(version, controller);\n inFlightCount.value += 1;\n\n const minInterval = resolveMinInterval();\n const startTime = Date.now();\n nextMinIntervalStart = Math.max(nextMinIntervalStart, startTime + minInterval);\n\n let pausedByCallback = false;\n\n const pauseFromCallback = () => {\n if (pausedByCallback) return;\n pausedByCallback = true;\n pause();\n };\n\n try {\n const result = await queryFn(argsSnapshot, {\n signal: controller.signal,\n pause: pauseFromCallback,\n });\n if (!controller.signal.aborted) {\n if (version === latestVersion && assignedArgsVersion === argsVersion) {\n lastError.value = null;\n data.value = { status: \"synced\", value: result };\n }\n }\n } catch (error) {\n if (controller.signal.aborted) {\n // ignore abort errors\n } else {\n if (version === latestVersion) {\n lastError.value = toError(error);\n }\n\n if (internal.pauseOnError) {\n pause();\n }\n }\n } finally {\n const minDelay = resolveMinDelay();\n const finishTime = Date.now();\n nextMinDelayStart = Math.max(nextMinDelayStart, finishTime + minDelay);\n\n controllers.delete(version);\n inFlightCount.value = Math.max(0, inFlightCount.value - 1);\n scheduleWaiters();\n\n const reason = abortReasons.get(version);\n if (reason) {\n abortReasons.delete(version);\n }\n\n const shouldSchedule = isActive.value && !disposed && reason !== \"args\";\n\n if (shouldSchedule) {\n queueExecution();\n }\n }\n };\n\n const triggerExecution = (source: ScheduleSource = ScheduleSource.External) => {\n if (!isActive.value \|\| disposed \|\| !canRun()) return;\n queueExecution(0, source);\n };\n\n const handleArgsChange = () => {\n argsVersion += 1;\n markStale();\n abortAll(\"args\");\n\n if (!isActive.value \|\| !canRun()) {\n return;\n }\n\n const schedule = () => {\n triggerExecution(ScheduleSource.External);\n };\n\n if (internal.debounce > 0) {\n clearDebounce();\n debounceTimeout = setTimeout(() => {\n debounceTimeout = null;\n schedule();\n }, internal.debounce);\n } else {\n schedule();\n }\n };\n\n const pause = () => {\n if (!isActive.value) return;\n isActive.value = false;\n clearScheduled();\n clearDebounce();\n abortAll(\"pause\");\n nextMinIntervalStart = Date.now();\n nextMinDelayStart = Date.now();\n };\n\n const resume = () => {\n if (!canRun()) return;\n if (isActive.value) return;\n if (!hasCurrentArgs) return;\n isActive.value = true;\n lastError.value = null;\n\n const now = Date.now();\n nextMinIntervalStart = now;\n nextMinDelayStart = now;\n\n if (internal.triggerOnResume) {\n triggerExecution(ScheduleSource.External);\n } else {\n queueExecution(resolveMinInterval(), ScheduleSource.External);\n }\n };\n\n onScopeDispose(() => {\n disposed = true;\n clearScheduled();\n clearDebounce();\n abortAll(\"dispose\");\n isActive.value = false;\n waiters.splice(0, waiters.length).forEach(({ resolve }) => resolve());\n });\n\n watch(\n args,\n (value) => {\n const initial = !hasCurrentArgs;\n setCurrentArgs(value);\n if (initial) {\n return;\n }\n handleArgsChange();\n },\n { flush: \"sync\", immediate: true },\n );\n\n if (internal.autoStart && canRun()) {\n resume();\n }\n\n return {\n data: readonly(data),\n lastError: readonly(lastError),\n isActive: readonly(isActive),\n inFlightCount: readonly(inFlightCount),\n pause,\n resume,\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"usePollingQuery.js","names":["toError","error","usePollingQuery","internal","options","resolveMinInterval","toValue","resolveMinDelay","raw","canRun","data","shallowRef","lastError","ref","isActive","latestVersion","argsVersion","inFlightCount","disposed","scheduledTimeout","debounceTimeout","nextMinIntervalStart","nextMinDelayStart","controllers","abortReasons","waiters","currentArgs","hasCurrentArgs","setCurrentArgs","value","markStale","scheduleWaiters","waitForSlot","clearScheduled","clearDebounce","abortAll","controller","version","reason","computeDelay","now","earliest","baseDelay","requestedDelay","queueExecution","delay","runExecution","source","argsSnapshot","assignedArgsVersion","minInterval","pausedByCallback","pauseFromCallback","pause","result","queryFn","minDelay","triggerExecution","handleArgsChange","schedule","resume","onScopeDispose","resolve","watch","args","initial","readonly"],"sources":["../../src/composition/usePollingQuery.ts"],"sourcesContent":["import type { MaybeRef, WatchSource } from \"vue\";\nimport { onScopeDispose, readonly, ref, shallowRef, toValue, watch } from \"vue\";\n\ntype AbortReason = \"args\" \| \"pause\" \| \"dispose\";\n\ntype PollingData<Result> =\n \| { status: \"idle\" }\n \| { status: \"synced\"; value: Result }\n \| { status: \"stale\"; value: Result };\n\ninterface InternalOptions {\n minInterval: MaybeRef<number>;\n minDelay: MaybeRef<number \| undefined>;\n autoStart: boolean;\n triggerOnResume: boolean;\n pauseOnError: boolean;\n maxInFlightRequests: number;\n debounce: number;\n}\n\ninterface Waiter {\n resolve: () => void;\n}\n\nconst enum ScheduleSource {\n Normal = \"normal\",\n External = \"external\",\n}\n\nfunction toError(error: unknown): Error {\n if (error instanceof Error) return error;\n return new Error(typeof error === \"string\" ? error : JSON.stringify(error));\n}\n\n/*\n Repeatedly executes an asynchronous query while tracking arguments, state transitions,\n * and result freshness.\n \n @remarks\n \n ### Typical usage\n \n ```ts\n * const args = ref({ id: 'item-1' });\n * const { data, pause, resume, lastError } = usePollingQuery(args, fetchItem, {\n * minInterval: 5_000,\n * minDelay: 250,\n * });\n * ```\n \n The composable polls `fetchItem` while `resume()`d. Whenever the `args` ref changes the current\n * request is aborted, the status becomes `'stale'`, and a new poll is scheduled after the optional\n * debounce period and the configured timing constraints. Results from older requests are ignored\n * through version tracking, ensuring consumers only observe the freshest payload.\n \n ### Timing behaviour\n \n - `minInterval` defines the minimum duration between the start times of consecutive polls.\n * - `minDelay` (optional) enforces a minimum wait time between a poll finishing and the next poll starting.\n * - After each poll completes, the next poll is scheduled `max(minInterval - elapsed, minDelay)` ms later.\n * - When arguments change, the next poll still respects both constraints while also honouring the debounce.\n \n ### Abort handling\n \n Each poll receives a dedicated `AbortSignal`. The signal is aborted when pausing, disposing\n * the scope, or when the arguments ref changes. Queries should surface aborts by listening to\n * the signal. Aborted requests may settle later; outdated results are discarded via version checks.\n \n ### Pause, resume, and callback control\n \n - `pause()` stops future polls, clears pending timeouts, and aborts in-flight requests.\n * - `resume()` is idempotent; it reactivates polling only when currently inactive.\n * - The callback receives a bound `pause()` helper for conditional pausing.\n \n ### Error handling\n \n Errors bubble into `lastError`; they reset on the next successful poll or when `resume()`\n * transitions from inactive to active. With `pauseOnError: true` the composable pauses automatically.\n \n ### Argument tracking\n \n - Initial state is `{ status: 'idle' }`.\n * - Argument changes mark the status `'stale'` when a prior result exists; otherwise it stays `'idle'`.\n * - A successful poll for the latest arguments marks the status `'synced'` and updates `value`.\n \n ### Request versioning and concurrency\n \n Each poll increments an internal version counter. Only the latest version updates shared state,\n * preventing stale results from overwriting fresh data. `maxInFlightRequests` limits concurrent\n * polls; values > 1 allow the next poll to begin even if aborted requests are still settling, while\n * still capping total concurrency to protect upstream services.\n \n ### Debouncing\n \n Use `debounce` to accumulate rapid argument changes. The status still transitions to `'stale'`\n * immediately, all running polls are aborted, and the new poll waits for the debounce window\n * (and the timing constraints) before executing.\n \n ### Options\n \n - `minInterval` — required; must be positive. Zero or negative disables polling (`resume()` no-op). Accepts refs.\n * - `minDelay` — optional delay after completion before the next poll may start. Accepts refs.\n * - `autoStart` — start in active mode (default `true`).\n * - `triggerOnResume` — run the callback immediately on `resume()` (default `false`).\n * - `pauseOnError` — automatically pauses when the callback throws (default `false`).\n * - `maxInFlightRequests` — maximum concurrent polls (default `1`).\n * - `debounce` — debounce window for argument changes in milliseconds (default `0`).\n \n ### Returns\n \n - `data` — readonly ref of `{ status, value }`.\n * - `lastError` — readonly ref of the latest error (or `null`).\n * - `isActive` — readonly ref indicating active polling.\n * - `inFlightCount` — readonly ref with the number of active requests.\n * - `pause()` and `resume()` controls.\n \n @typeParam Args - Arguments shape passed to the polling callback.\n * @typeParam Result - Result type produced by the polling callback.\n */\nexport function usePollingQuery<Args, Result>(\n args: WatchSource<Args>,\n queryFn: (args: Args, options: { signal: AbortSignal; pause: () => void }) => Promise<Result>,\n options: {\n minInterval: MaybeRef<number>;\n minDelay?: MaybeRef<number \| undefined>;\n autoStart?: boolean;\n triggerOnResume?: boolean;\n pauseOnError?: boolean;\n maxInFlightRequests?: number;\n debounce?: number;\n },\n) {\n const internal: InternalOptions = {\n minInterval: options.minInterval,\n minDelay: options.minDelay ?? 0,\n autoStart: options.autoStart ?? true,\n triggerOnResume: options.triggerOnResume ?? false,\n pauseOnError: options.pauseOnError ?? false,\n maxInFlightRequests: Math.max(1, options.maxInFlightRequests ?? 1),\n debounce: Math.max(0, options.debounce ?? 0),\n };\n\n const resolveMinInterval = () => Math.max(0, toValue(internal.minInterval));\n const resolveMinDelay = () => {\n const raw = internal.minDelay === undefined ? undefined : toValue(internal.minDelay);\n return Math.max(0, raw ?? 0);\n };\n const canRun = () => resolveMinInterval() > 0;\n\n const data = shallowRef<PollingData<Result>>({ status: \"idle\" });\n const lastError = ref<Error \| null>(null);\n const isActive = ref(false);\n\n let latestVersion = 0;\n let argsVersion = 0;\n const inFlightCount = ref(0);\n let disposed = false;\n\n let scheduledTimeout: ReturnType<typeof setTimeout> \| null = null;\n let debounceTimeout: ReturnType<typeof setTimeout> \| null = null;\n\n let nextMinIntervalStart = 0;\n let nextMinDelayStart = 0;\n\n const controllers = new Map<number, AbortController>();\n const abortReasons = new Map<number, AbortReason>();\n const waiters: Waiter[] = [];\n\n let currentArgs: Args;\n let hasCurrentArgs = false;\n\n const setCurrentArgs = (value: Args) => {\n currentArgs = value;\n hasCurrentArgs = true;\n };\n\n const markStale = () => {\n if (data.value.status === \"synced\" \|\| data.value.status === \"stale\") {\n const { value } = data.value;\n data.value = { status: \"stale\", value };\n }\n };\n\n const scheduleWaiters = () => {\n if (waiters.length === 0) return;\n const waiter = waiters.shift();\n waiter?.resolve();\n };\n\n const waitForSlot = async () => {\n if (inFlightCount.value < internal.maxInFlightRequests) return;\n await new Promise<void>((resolve) => {\n waiters.push({ resolve });\n });\n };\n\n const clearScheduled = () => {\n if (scheduledTimeout !== null) {\n clearTimeout(scheduledTimeout);\n scheduledTimeout = null;\n }\n };\n\n const clearDebounce = () => {\n if (debounceTimeout !== null) {\n clearTimeout(debounceTimeout);\n debounceTimeout = null;\n }\n };\n\n const abortAll = (reason: AbortReason) => {\n controllers.forEach((controller, version) => {\n if (!controller.signal.aborted) {\n abortReasons.set(version, reason);\n controller.abort();\n }\n });\n };\n\n const computeDelay = (requestedDelay = 0) => {\n const now = Date.now();\n const earliest = Math.max(nextMinIntervalStart, nextMinDelayStart);\n const baseDelay = earliest > now ? earliest - now : 0;\n return Math.max(0, requestedDelay, baseDelay);\n };\n\n const queueExecution = (requestedDelay = 0, source: ScheduleSource = ScheduleSource.Normal) => {\n if (!isActive.value \|\| !canRun() \|\| disposed) return;\n const delay = computeDelay(requestedDelay);\n\n if (scheduledTimeout !== null) {\n clearTimeout(scheduledTimeout);\n }\n\n scheduledTimeout = setTimeout(() => {\n scheduledTimeout = null;\n void runExecution(source);\n }, delay);\n };\n\n const runExecution = async (source: ScheduleSource) => {\n if (!isActive.value \|\| disposed \|\| !canRun()) return;\n\n const now = Date.now();\n const earliest = Math.max(nextMinIntervalStart, nextMinDelayStart);\n if (now < earliest) {\n queueExecution(earliest - now, source);\n return;\n }\n\n if (!hasCurrentArgs) return;\n\n const argsSnapshot = currentArgs;\n const assignedArgsVersion = argsVersion;\n\n await waitForSlot();\n\n if (!isActive.value \|\| disposed \|\| !canRun()) {\n scheduleWaiters();\n return;\n }\n\n const controller = new AbortController();\n const version = ++latestVersion;\n\n controllers.set(version, controller);\n inFlightCount.value += 1;\n\n const minInterval = resolveMinInterval();\n const startTime = Date.now();\n nextMinIntervalStart = Math.max(nextMinIntervalStart, startTime + minInterval);\n\n let pausedByCallback = false;\n\n const pauseFromCallback = () => {\n if (pausedByCallback) return;\n pausedByCallback = true;\n pause();\n };\n\n try {\n const result = await queryFn(argsSnapshot, {\n signal: controller.signal,\n pause: pauseFromCallback,\n });\n if (!controller.signal.aborted) {\n if (version === latestVersion && assignedArgsVersion === argsVersion) {\n lastError.value = null;\n data.value = { status: \"synced\", value: result };\n }\n }\n } catch (error) {\n if (controller.signal.aborted) {\n // ignore abort errors\n } else {\n if (version === latestVersion) {\n lastError.value = toError(error);\n }\n\n if (internal.pauseOnError) {\n pause();\n }\n }\n } finally {\n const minDelay = resolveMinDelay();\n const finishTime = Date.now();\n nextMinDelayStart = Math.max(nextMinDelayStart, finishTime + minDelay);\n\n controllers.delete(version);\n inFlightCount.value = Math.max(0, inFlightCount.value - 1);\n scheduleWaiters();\n\n const reason = abortReasons.get(version);\n if (reason) {\n abortReasons.delete(version);\n }\n\n const shouldSchedule = isActive.value && !disposed && reason !== \"args\";\n\n if (shouldSchedule) {\n queueExecution();\n }\n }\n };\n\n const triggerExecution = (source: ScheduleSource = ScheduleSource.External) => {\n if (!isActive.value \|\| disposed \|\| !canRun()) return;\n queueExecution(0, source);\n };\n\n const handleArgsChange = () => {\n argsVersion += 1;\n markStale();\n abortAll(\"args\");\n\n if (!isActive.value \|\| !canRun()) {\n return;\n }\n\n const schedule = () => {\n triggerExecution(ScheduleSource.External);\n };\n\n if (internal.debounce > 0) {\n clearDebounce();\n debounceTimeout = setTimeout(() => {\n debounceTimeout = null;\n schedule();\n }, internal.debounce);\n } else {\n schedule();\n }\n };\n\n const pause = () => {\n if (!isActive.value) return;\n isActive.value = false;\n clearScheduled();\n clearDebounce();\n abortAll(\"pause\");\n nextMinIntervalStart = Date.now();\n nextMinDelayStart = Date.now();\n };\n\n const resume = () => {\n if (!canRun()) return;\n if (isActive.value) return;\n if (!hasCurrentArgs) return;\n isActive.value = true;\n lastError.value = null;\n\n const now = Date.now();\n nextMinIntervalStart = now;\n nextMinDelayStart = now;\n\n if (internal.triggerOnResume) {\n triggerExecution(ScheduleSource.External);\n } else {\n queueExecution(resolveMinInterval(), ScheduleSource.External);\n }\n };\n\n onScopeDispose(() => {\n disposed = true;\n clearScheduled();\n clearDebounce();\n abortAll(\"dispose\");\n isActive.value = false;\n waiters.splice(0, waiters.length).forEach(({ resolve }) => resolve());\n });\n\n watch(\n args,\n (value) => {\n const initial = !hasCurrentArgs;\n setCurrentArgs(value);\n if (initial) {\n return;\n }\n handleArgsChange();\n },\n { flush: \"sync\", immediate: true },\n );\n\n if (internal.autoStart && canRun()) {\n resume();\n }\n\n return {\n data: readonly(data),\n lastError: readonly(lastError),\n isActive: readonly(isActive),\n inFlightCount: readonly(inFlightCount),\n pause,\n resume,\n };\n}\n"],"mappings":"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"}

package/dist/composition/usePosition.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useEventListener as e } from "./useEventListener.js";
 import { requestTick as t } from "../helpers/utils.js";
 import { onMounted as n } from "vue";
-//#region src/composition/usePosition.ts
+// src/composition/usePosition.ts
 function r(r, i) {
 	let a = t(() => {
 		if (r.value) {
@@ -31,7 +31,6 @@ function r(r, i) {
 		passive: !0
 	}), e(window, "resize", a, { passive: !0 }), e(window, "adjust", a, !0);
 }
-//#endregion
 export { r as useElementPosition };
 //# sourceMappingURL=usePosition.js.map

package/dist/composition/usePosition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePosition.js","names":[],"sources":["../../src/composition/usePosition.ts"],"sourcesContent":["import { type Ref, onMounted } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\nimport { requestTick } from \"../helpers/utils\";\nimport type { ElementPosition } from \"../types\";\n\nexport function useElementPosition(\n el: Ref<HTMLElement \| undefined>,\n cb: (pos: ElementPosition) => void,\n) {\n const update = () => {\n if (el.value) {\n const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } =\n document.documentElement;\n const rect = el.value.getBoundingClientRect();\n cb({\n scrollTop,\n scrollLeft,\n scrollHeight,\n scrollWidth,\n clientHeight,\n clientWidth,\n offsetY: scrollTop + rect.y,\n offsetX: scrollLeft + rect.x,\n top: rect.top,\n right: rect.right,\n bottom: rect.bottom,\n left: rect.left,\n width: rect.width,\n height: rect.height,\n x: rect.x,\n y: rect.y,\n });\n }\n };\n\n const handle = requestTick(update);\n\n onMounted(handle);\n\n useEventListener(window, \"scroll\", handle, { capture: true, passive: true });\n\n useEventListener(window, \"resize\", handle, { passive: true });\n\n useEventListener(window, \"adjust\", handle, true);\n}\n"],"mappings":";;;;AAKA,~~SAAgB~~,EACd,GACA,GACA;CA2BA,~~IAAM~~,~~IAAS~~,QA1BM;~~AACnB~~,~~MAAI~~,EAAG,OAAO;GACZ,IAAM,EAAE,cAAW,eAAY,iBAAc,gBAAa,iBAAc,mBACtE,SAAS,~~iBACL~~,~~IAAO~~,EAAG,MAAM,~~uBAAuB~~;~~AAC7C~~,~~KAAG~~;IACD;IACA;IACA;IACA;IACA;IACA;IACA,~~SAAS~~,~~IAAY~~,EAAK;IAC1B,~~SAAS~~,~~IAAa~~,EAAK;IAC3B,~~KAAK~~,EAAK;IACV,~~OAAO~~,EAAK;IACZ,~~QAAQ~~,EAAK;IACb,~~MAAM~~,EAAK;IACX,~~OAAO~~,EAAK;IACZ,~~QAAQ~~,EAAK;IACb,~~GAAG~~,EAAK;IACR,~~GAAG~~,EAAK;~~IACT~~,CAAC~~;;GAI4B~~;~~AAQlC~~,~~CANA~~,~~EAAU~~,~~EAAO~~,~~EAEjB~~,EAAiB,QAAQ,~~UAAU~~,GAAQ;EAAE,SAAS;EAAM,SAAS;~~EAAM~~,CAAC,~~EAE5E~~,EAAiB,QAAQ,~~UAAU~~,GAAQ,EAAE,SAAS,~~IAAM~~,CAAC,~~EAE7D~~,EAAiB,QAAQ,~~UAAU~~,GAAQ,~~GAAK~~"}
1	+ {"version":3,"file":"usePosition.js","names":["useElementPosition","handle","requestTick","el","rect","scrollTop","scrollLeft","onMounted","useEventListener"],"sources":["../../src/composition/usePosition.ts"],"sourcesContent":["import { type Ref, onMounted } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\nimport { requestTick } from \"../helpers/utils\";\nimport type { ElementPosition } from \"../types\";\n\nexport function useElementPosition(\n el: Ref<HTMLElement \| undefined>,\n cb: (pos: ElementPosition) => void,\n) {\n const update = () => {\n if (el.value) {\n const { scrollTop, scrollLeft, scrollHeight, scrollWidth, clientHeight, clientWidth } =\n document.documentElement;\n const rect = el.value.getBoundingClientRect();\n cb({\n scrollTop,\n scrollLeft,\n scrollHeight,\n scrollWidth,\n clientHeight,\n clientWidth,\n offsetY: scrollTop + rect.y,\n offsetX: scrollLeft + rect.x,\n top: rect.top,\n right: rect.right,\n bottom: rect.bottom,\n left: rect.left,\n width: rect.width,\n height: rect.height,\n x: rect.x,\n y: rect.y,\n });\n }\n };\n\n const handle = requestTick(update);\n\n onMounted(handle);\n\n useEventListener(window, \"scroll\", handle, { capture: true, passive: true });\n\n useEventListener(window, \"resize\", handle, { passive: true });\n\n useEventListener(window, \"adjust\", handle, true);\n}\n"],"mappings":";;;;AAKA,SAAgBA,EACd,GACA,GACA;CA2BA,IAAMC,IAASC,QA1BM;EACnB,IAAIC,EAAG,OAAO;GACZ,IAAM,EAAE,cAAW,eAAY,iBAAc,gBAAa,iBAAc,mBACtE,SAAS,iBACLC,IAAOD,EAAG,MAAM,sBAAsB;GAC5C,EAAG;IACD;IACA;IACA;IACA;IACA;IACA;IACA,SAASE,IAAYD,EAAK;IAC1B,SAASE,IAAaF,EAAK;IAC3B,KAAKA,EAAK;IACV,OAAOA,EAAK;IACZ,QAAQA,EAAK;IACb,MAAMA,EAAK;IACX,OAAOA,EAAK;IACZ,QAAQA,EAAK;IACb,GAAGA,EAAK;IACR,GAAGA,EAAK;GACV,CAAC;EACH;CACF,CAEiC;CAQjC,AANAG,EAAUN,CAAM,GAEhBO,EAAiB,QAAQ,UAAUP,GAAQ;EAAE,SAAS;EAAM,SAAS;CAAK,CAAC,GAE3EO,EAAiB,QAAQ,UAAUP,GAAQ,EAAE,SAAS,GAAK,CAAC,GAE5DO,EAAiB,QAAQ,UAAUP,GAAQ,EAAI;AACjD"}

package/dist/composition/useQuery.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { reactive as e } from "vue";
 import { debounce as t } from "@milaboratories/helpers";
-//#region src/composition/useQuery.ts
+// src/composition/useQuery.ts
 function n(n) {
 	let r = e({
 		isLoading: !1,
@@ -25,7 +25,6 @@ function n(n) {
 	});
 	return r.run = r.run.bind(r), r;
 }
-//#endregion
 export { n as useQuery };
 //# sourceMappingURL=useQuery.js.map

package/dist/composition/useQuery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useQuery.js","names":[],"sources":["../../src/composition/useQuery.ts"],"sourcesContent":["import { reactive } from \"vue\";\nimport { debounce } from \"@milaboratories/helpers\";\n\nexport function useQuery<P extends unknown[], R>(fn: (...args: P) => Promise<R>) {\n const self = reactive({\n isLoading: false,\n result: undefined as R \| undefined,\n error: undefined as unknown,\n async run(...args: P) {\n this.isLoading = true;\n this.error = undefined;\n try {\n this.result = await fn(...args);\n } catch (err: unknown) {\n this.error = err;\n } finally {\n this.isLoading = false;\n }\n },\n debounce(cb: () => P, dt = 1000) {\n return debounce(() => {\n const args = cb();\n this.run(...args).catch(console.error);\n }, dt);\n },\n });\n\n self.run = self.run.bind(self);\n\n return self;\n}\n"],"mappings":";;;AAGA,~~SAAgB~~,EAAiC,GAAgC;CAC/E,~~IAAM~~,~~IAAO~~,EAAS;EACpB,WAAW;EACX,QAAQ,KAAA;EACR,OAAO,KAAA;EACP,MAAM,IAAI,~~GAAG~~,GAAS;~~AAEpB~~,~~GADA~~,KAAK,YAAY,IACjB,KAAK,QAAQ,KAAA;~~AACb~~,~~OAAI~~;~~AACF~~,~~SAAK~~,SAAS,~~MAAM~~,EAAG,~~GAAG~~,~~EAAK~~;~~YACxB~~,GAAc;~~AACrB~~,~~SAAK~~,~~QAAQ~~;~~aACL~~;~~AACR~~,~~SAAK~~,YAAY~~;;;EAGrB~~,SAAS,GAAa,IAAK,KAAM;~~AAC~~/B,~~UAAO~~,QAAe;IACpB,~~IAAM~~,~~IAAO~~,~~GAAI~~;~~AACjB~~,~~SAAK~~,IAAI,~~GAAG~~,~~EAAK~~,CAAC,MAAM,QAAQ,~~MAAM~~;~~MACrC~~,~~EAAG;;EAET~~,CAAC;~~AAIF~~,~~QAFA~~,EAAK,~~MAAM~~,EAAK,IAAI,~~KAAK~~,~~EAAK~~,~~EAEvB~~"}
1	+ {"version":3,"file":"useQuery.js","names":["useQuery","self","reactive","args","fn","err","debounce","cb","dt"],"sources":["../../src/composition/useQuery.ts"],"sourcesContent":["import { reactive } from \"vue\";\nimport { debounce } from \"@milaboratories/helpers\";\n\nexport function useQuery<P extends unknown[], R>(fn: (...args: P) => Promise<R>) {\n const self = reactive({\n isLoading: false,\n result: undefined as R \| undefined,\n error: undefined as unknown,\n async run(...args: P) {\n this.isLoading = true;\n this.error = undefined;\n try {\n this.result = await fn(...args);\n } catch (err: unknown) {\n this.error = err;\n } finally {\n this.isLoading = false;\n }\n },\n debounce(cb: () => P, dt = 1000) {\n return debounce(() => {\n const args = cb();\n this.run(...args).catch(console.error);\n }, dt);\n },\n });\n\n self.run = self.run.bind(self);\n\n return self;\n}\n"],"mappings":";;;AAGA,SAAgBA,EAAiC,GAAgC;CAC/E,IAAMC,IAAOC,EAAS;EACpB,WAAW;EACX,QAAQ,KAAA;EACR,OAAO,KAAA;EACP,MAAM,IAAI,GAAGC,GAAS;GAEpB,AADA,KAAK,YAAY,IACjB,KAAK,QAAQ,KAAA;GACb,IAAI;IACF,KAAK,SAAS,MAAMC,EAAG,GAAGD,CAAI;GAChC,SAASE,GAAc;IACrB,KAAK,QAAQA;GACf,UAAU;IACR,KAAK,YAAY;GACnB;EACF;EACA,SAAS,GAAa,IAAK,KAAM;GAC/B,OAAOC,QAAe;IACpB,IAAMH,IAAOI,EAAG;IAChB,KAAK,IAAI,GAAGJ,CAAI,CAAC,CAAC,MAAM,QAAQ,KAAK;GACvC,GAAGK,CAAE;EACP;CACF,CAAC;CAID,OAFA,EAAK,MAAMP,EAAK,IAAI,KAAKA,CAAI,GAEtBA;AACT"}

package/dist/composition/useResizeObserver.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { tapIf as e } from "../helpers/functions.js";
 import { onChanged as t } from "./utils.js";
 import { startResizeObserving as n, stopResizeObserving as r } from "../global/resizeObserver.js";
 import { onUnmounted as i, unref as a } from "vue";
-//#region src/composition/useResizeObserver.ts
+// src/composition/useResizeObserver.ts
 function o(o, s) {
 	t(() => {
 		e(a(o), (e) => {
@@ -14,7 +14,6 @@ function o(o, s) {
 		});
 	});
 }
-//#endregion
 export { o as useResizeObserver };
 //# sourceMappingURL=useResizeObserver.js.map

package/dist/composition/useResizeObserver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResizeObserver.js","names":[],"sources":["../../src/composition/useResizeObserver.ts"],"sourcesContent":["import { onUnmounted, unref } from \"vue\";\nimport { tapIf } from \"../helpers/functions\";\nimport { onChanged } from \"./utils\";\nimport { startResizeObserving, stopResizeObserving } from \"../global/resizeObserver\";\nimport type { MaybeRef } from \"../types\";\n\nexport function useResizeObserver<T extends HTMLElement>(\n target: MaybeRef<T \| undefined>,\n cb: (el?: T \| undefined) => void,\n) {\n onChanged(() => {\n tapIf(unref(target), (el) => {\n startResizeObserving(el, () => cb(el));\n });\n });\n\n onUnmounted(() => {\n tapIf(unref(target), (el) => {\n stopResizeObserving(el);\n });\n });\n}\n"],"mappings":";;;;;AAMA,~~SAAgB~~,EACd,GACA,GACA;~~AAOA~~,~~CANA~~,QAAgB;~~AACd~~,~~IAAM~~,~~EAAM~~,~~EAAO~~,~~GAAG~~,MAAO;~~AAC3B~~,~~KAAqB~~,~~SAAU~~,~~EAAG~~,~~EAAG~~,CAAC;~~IACtC~~;~~GACF~~,~~EAEF~~,QAAkB;~~AAChB~~,~~IAAM~~,~~EAAM~~,~~EAAO~~,~~GAAG~~,MAAO;~~AAC3B~~,~~KAAoB~~,~~EAAG~~;~~IACvB~~;~~GACF~~"}
1	+ {"version":3,"file":"useResizeObserver.js","names":["useResizeObserver","onChanged","unref","target","el","cb","onUnmounted"],"sources":["../../src/composition/useResizeObserver.ts"],"sourcesContent":["import { onUnmounted, unref } from \"vue\";\nimport { tapIf } from \"../helpers/functions\";\nimport { onChanged } from \"./utils\";\nimport { startResizeObserving, stopResizeObserving } from \"../global/resizeObserver\";\nimport type { MaybeRef } from \"../types\";\n\nexport function useResizeObserver<T extends HTMLElement>(\n target: MaybeRef<T \| undefined>,\n cb: (el?: T \| undefined) => void,\n) {\n onChanged(() => {\n tapIf(unref(target), (el) => {\n startResizeObserving(el, () => cb(el));\n });\n });\n\n onUnmounted(() => {\n tapIf(unref(target), (el) => {\n stopResizeObserving(el);\n });\n });\n}\n"],"mappings":";;;;;AAMA,SAAgBA,EACd,GACA,GACA;CAOA,AANAC,QAAgB;EACd,EAAMC,EAAMC,CAAM,IAAI,MAAO;GAC3B,EAAqBC,SAAUC,EAAGD,CAAE,CAAC;EACvC,CAAC;CACH,CAAC,GAEDE,QAAkB;EAChB,EAAMJ,EAAMC,CAAM,IAAI,MAAO;GAC3B,EAAoBC,CAAE;EACxB,CAAC;CACH,CAAC;AACH"}

package/dist/composition/useRipple.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { onMounted as e } from "vue";
-//#region src/composition/useRipple.ts
+// src/composition/useRipple.ts
 function t(t) {
 	function n(e) {
 		let t = e.currentTarget, n = document.createElement("span"), r = Math.max(t.clientWidth, t.clientHeight), i = r / 2;
@@ -11,7 +11,6 @@ function t(t) {
 		t.value?.addEventListener("click", n);
 	});
 }
-//#endregion
 export { t as useRipple };
 //# sourceMappingURL=useRipple.js.map

package/dist/composition/useRipple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useRipple.js","names":[],"sources":["../../src/composition/useRipple.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { onMounted } from \"vue\";\n\nexport function useRipple(el: Ref<HTMLElement \| undefined>) {\n function createRipple(event: MouseEvent) {\n const button = event.currentTarget as HTMLButtonElement;\n\n const circle = document.createElement(\"span\");\n const diameter = Math.max(button.clientWidth, button.clientHeight);\n const radius = diameter / 2;\n\n circle.style.width = circle.style.height = `${diameter}px`;\n circle.style.left = `${event.clientX - button.offsetLeft - radius}px`;\n circle.style.top = `${event.clientY - button.offsetTop - radius}px`;\n circle.classList.add(\"ripple\");\n\n const ripple = button.getElementsByClassName(\"ripple\")[0];\n\n if (ripple) {\n ripple.remove();\n }\n\n button.appendChild(circle);\n }\n\n onMounted(() => {\n el.value?.addEventListener(\"click\", createRipple);\n });\n}\n"],"mappings":";;AAGA,~~SAAgB~~,EAAU,GAAkC;CAC1D,~~SAAS~~,EAAa,GAAmB;EACvC,~~IAAM~~,~~IAAS~~,EAAM,~~eAEf~~,IAAS,SAAS,cAAc,~~OAAO~~,~~EACvC~~,IAAW,KAAK,~~IAAI~~,EAAO,~~aAAa~~,EAAO,~~aAAa~~,~~EAC5D~~,~~IAAS~~,IAAW;~~AAK1B~~,~~EAHA~~,EAAO,MAAM,QAAQ,EAAO,MAAM,SAAS,~~GAAG~~,EAAS,KACvD,EAAO,MAAM,OAAO,~~GAAG~~,EAAM,~~UAAU~~,EAAO,~~aAAa~~,EAAO,KAClE,EAAO,MAAM,MAAM,~~GAAG~~,EAAM,~~UAAU~~,EAAO,~~YAAY~~,EAAO,~~KAChE~~,EAAO,UAAU,IAAI,~~SAAS~~;~~EAE9B~~,~~IAAM~~,~~IAAS~~,EAAO,uBAAuB,~~SAAS~~,CAAC;~~AAMvD~~,~~EAJI~~,~~KACF~~,EAAO,~~QAAQ~~,~~EAGjB~~,EAAO,~~YAAY~~,~~EAAO;;AAG5B~~,~~SAAgB~~;~~AACd~~,~~IAAG~~,OAAO,iBAAiB,~~SAAS~~,~~EAAa~~;~~GACjD~~"}
1	+ {"version":3,"file":"useRipple.js","names":["useRipple","createRipple","button","event","circle","diameter","radius","ripple"],"sources":["../../src/composition/useRipple.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { onMounted } from \"vue\";\n\nexport function useRipple(el: Ref<HTMLElement \| undefined>) {\n function createRipple(event: MouseEvent) {\n const button = event.currentTarget as HTMLButtonElement;\n\n const circle = document.createElement(\"span\");\n const diameter = Math.max(button.clientWidth, button.clientHeight);\n const radius = diameter / 2;\n\n circle.style.width = circle.style.height = `${diameter}px`;\n circle.style.left = `${event.clientX - button.offsetLeft - radius}px`;\n circle.style.top = `${event.clientY - button.offsetTop - radius}px`;\n circle.classList.add(\"ripple\");\n\n const ripple = button.getElementsByClassName(\"ripple\")[0];\n\n if (ripple) {\n ripple.remove();\n }\n\n button.appendChild(circle);\n }\n\n onMounted(() => {\n el.value?.addEventListener(\"click\", createRipple);\n });\n}\n"],"mappings":";;AAGA,SAAgBA,EAAU,GAAkC;CAC1D,SAASC,EAAa,GAAmB;EACvC,IAAMC,IAASC,EAAM,eAEfC,IAAS,SAAS,cAAc,MAAM,GACtCC,IAAW,KAAK,IAAIH,EAAO,aAAaA,EAAO,YAAY,GAC3DI,IAASD,IAAW;EAK1B,AAHA,EAAO,MAAM,QAAQ,EAAO,MAAM,SAAS,GAAGA,EAAS,KACvD,EAAO,MAAM,OAAO,GAAGF,EAAM,UAAUD,EAAO,aAAaI,EAAO,KAClE,EAAO,MAAM,MAAM,GAAGH,EAAM,UAAUD,EAAO,YAAYI,EAAO,KAChEF,EAAO,UAAU,IAAI,QAAQ;EAE7B,IAAMG,IAASL,EAAO,uBAAuB,QAAQ,CAAC,CAAC;EAMvD,AAJIK,KACFA,EAAO,OAAO,GAGhBL,EAAO,YAAYE,CAAM;CAC3B;CAEA,QAAgB;EACd,EAAG,OAAO,iBAAiB,SAASH,CAAY;CAClD,CAAC;AACH"}

package/dist/composition/useScroll.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useEventListener as e } from "./useEventListener.js";
 import { requestTick as t } from "../helpers/utils.js";
 import { onMounted as n } from "vue";
-//#region src/composition/useScroll.ts
+// src/composition/useScroll.ts
 function r(r, i = null, a = null) {
 	function o(e) {
 		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e;
@@ -36,7 +36,6 @@ function r(r, i = null, a = null) {
 	let l = t(c);
 	n(c), e(window, "scroll", l, !0), e(window, "resize", l, !0);
 }
-//#endregion
 export { r as useScroll };
 //# sourceMappingURL=useScroll.js.map

package/dist/composition/useScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useScroll.js","names":[],"sources":["../../src/composition/useScroll.ts"],"sourcesContent":["import { type Ref, onMounted } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\nimport { requestTick } from \"../helpers/utils\";\n\nexport function useScroll(\n $el: Ref<HTMLElement \| undefined>,\n fadeHeight: number \| null = null,\n fadeWidth: number \| null = null,\n) {\n function getYMask(el: HTMLElement) {\n const { scrollTop, scrollHeight, clientHeight } = el;\n\n const hasScroll = scrollHeight > clientHeight;\n\n if (!hasScroll \|\| !fadeHeight) {\n return null;\n }\n\n const scrollBottom = scrollHeight - scrollTop - clientHeight;\n const offsetTop = scrollTop > fadeHeight ? fadeHeight : 0;\n const offsetBottom =\n scrollBottom > fadeHeight ? clientHeight - fadeHeight - offsetTop : clientHeight;\n\n return `linear-gradient(\n to bottom,\n transparent,\n black ${offsetTop}px,\n black ${offsetBottom}px,\n transparent 100%\n )`;\n }\n\n function getXMask(el: HTMLElement) {\n const { scrollLeft, scrollWidth, clientWidth } = el;\n\n const hasScroll = scrollWidth > clientWidth;\n\n if (!hasScroll \|\| !fadeWidth) {\n return null;\n }\n\n const scrollRight = scrollWidth - scrollLeft - clientWidth;\n const offsetLeft = scrollLeft > fadeWidth ? fadeWidth : 0;\n const offsetRight =\n scrollRight > fadeWidth ? clientWidth - fadeWidth - offsetLeft : clientWidth;\n\n return `linear-gradient(\n to right,\n transparent,\n black ${offsetLeft}px,\n black ${offsetRight}px,\n transparent 100%\n )`;\n }\n\n function update() {\n const el = $el.value;\n\n if (!el) {\n return;\n }\n\n const masks = [getYMask(el), getXMask(el)].filter((m) => m !== null);\n el.style.setProperty(\"-webkit-mask-image\", masks.join(\",\"));\n el.style.setProperty(\"mask-image\", masks.join(\",\"));\n if (masks.length > 1) {\n el.style.setProperty(\"-webkit-mask-composite\", \"source-in\");\n el.style.setProperty(\"mask-composite\", \"source-in\");\n }\n }\n\n const handle = requestTick(update);\n\n onMounted(update);\n useEventListener(window, \"scroll\", handle, true);\n useEventListener(window, \"resize\", handle, true);\n}\n"],"mappings":";;;;AAIA,~~SAAgB~~,EACd,GACA,IAA4B,MAC5B,IAA2B,MAC3B;CACA,~~SAAS~~,EAAS,GAAiB;EACjC,IAAM,EAAE,cAAW,iBAAc,~~oBAAiB~~;~~AAIlD~~,~~MAAI~~,~~EAFc~~,~~IAAe~~,MAEf,~~CAAC~~,~~EACjB~~,~~QAAO~~;EAGT,~~IAAM~~,~~IAAe~~,~~IAAe~~,~~IAAY~~,~~GAC1C~~,~~IAAY~~,~~IAAY~~,~~IAAa~~,IAAa;~~AAIxD~~,~~SAAO~~;;;~~gBAGK~~,EAAU;~~gBALpB~~,~~IAAe~~,~~IAAa~~,~~IAAe~~,~~IAAa~~,~~IAAY~~,EAM7C~~;;;;CAK3B~~,~~SAAS~~,EAAS,GAAiB;EACjC,IAAM,EAAE,eAAY,gBAAa,~~mBAAgB~~;~~AAIjD~~,~~MAAI~~,~~EAFc~~,~~IAAc~~,MAEd,~~CAAC~~,~~EACjB~~,~~QAAO~~;EAGT,~~IAAM~~,~~IAAc~~,~~IAAc~~,~~IAAa~~,~~GACzC~~,~~IAAa~~,~~IAAa~~,~~IAAY~~,IAAY;~~AAIxD~~,~~SAAO~~;;;~~gBAGK~~,EAAW;~~gBALrB~~,~~IAAc~~,~~IAAY~~,~~IAAc~~,~~IAAY~~,~~IAAa~~,EAM3C~~;;;;CAK1B~~,~~SAAS~~,IAAS;EAChB,~~IAAM~~,~~IAAK~~,EAAI;~~AAEf~~,~~MAAI~~,~~CAAC~~,~~EACH~~;EAGF,~~IAAM~~,IAAQ,~~CAAC~~,~~EAAS~~,~~EAAG~~,~~EAAE~~,~~EAAS~~,~~EAAG~~,CAAC,CAAC,QAAQ,~~MAAM~~,MAAM,~~KAAK~~;~~AAGpE~~,~~EAFA~~,EAAG,MAAM,YAAY,~~sBAAsB~~,EAAM,KAAK,~~IAAI~~,CAAC,~~EAC3D~~,EAAG,MAAM,YAAY,~~cAAc~~,EAAM,KAAK,~~IAAI~~,CAAC,~~EAC/C~~,EAAM,SAAS,~~MACjB~~,EAAG,MAAM,YAAY,0BAA0B,~~YAAY~~,~~EAC3D~~,EAAG,MAAM,YAAY,kBAAkB,~~YAAY;;CAIvD~~,~~IAAM~~,~~IAAS~~,~~EAAY~~,~~EAAO~~;~~AAIlC~~,~~CAFA~~,~~EAAU~~,~~EAAO~~,~~EACjB~~,EAAiB,QAAQ,~~UAAU~~,GAAQ,~~GAAK~~,~~EAChD~~,EAAiB,QAAQ,~~UAAU~~,GAAQ,~~GAAK~~"}
1	+ {"version":3,"file":"useScroll.js","names":["useScroll","getYMask","el","scrollHeight","clientHeight","fadeHeight","scrollBottom","scrollTop","offsetTop","getXMask","scrollWidth","clientWidth","fadeWidth","scrollRight","scrollLeft","offsetLeft","update","$el","masks","m","handle","requestTick","onMounted","useEventListener"],"sources":["../../src/composition/useScroll.ts"],"sourcesContent":["import { type Ref, onMounted } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\nimport { requestTick } from \"../helpers/utils\";\n\nexport function useScroll(\n $el: Ref<HTMLElement \| undefined>,\n fadeHeight: number \| null = null,\n fadeWidth: number \| null = null,\n) {\n function getYMask(el: HTMLElement) {\n const { scrollTop, scrollHeight, clientHeight } = el;\n\n const hasScroll = scrollHeight > clientHeight;\n\n if (!hasScroll \|\| !fadeHeight) {\n return null;\n }\n\n const scrollBottom = scrollHeight - scrollTop - clientHeight;\n const offsetTop = scrollTop > fadeHeight ? fadeHeight : 0;\n const offsetBottom =\n scrollBottom > fadeHeight ? clientHeight - fadeHeight - offsetTop : clientHeight;\n\n return `linear-gradient(\n to bottom,\n transparent,\n black ${offsetTop}px,\n black ${offsetBottom}px,\n transparent 100%\n )`;\n }\n\n function getXMask(el: HTMLElement) {\n const { scrollLeft, scrollWidth, clientWidth } = el;\n\n const hasScroll = scrollWidth > clientWidth;\n\n if (!hasScroll \|\| !fadeWidth) {\n return null;\n }\n\n const scrollRight = scrollWidth - scrollLeft - clientWidth;\n const offsetLeft = scrollLeft > fadeWidth ? fadeWidth : 0;\n const offsetRight =\n scrollRight > fadeWidth ? clientWidth - fadeWidth - offsetLeft : clientWidth;\n\n return `linear-gradient(\n to right,\n transparent,\n black ${offsetLeft}px,\n black ${offsetRight}px,\n transparent 100%\n )`;\n }\n\n function update() {\n const el = $el.value;\n\n if (!el) {\n return;\n }\n\n const masks = [getYMask(el), getXMask(el)].filter((m) => m !== null);\n el.style.setProperty(\"-webkit-mask-image\", masks.join(\",\"));\n el.style.setProperty(\"mask-image\", masks.join(\",\"));\n if (masks.length > 1) {\n el.style.setProperty(\"-webkit-mask-composite\", \"source-in\");\n el.style.setProperty(\"mask-composite\", \"source-in\");\n }\n }\n\n const handle = requestTick(update);\n\n onMounted(update);\n useEventListener(window, \"scroll\", handle, true);\n useEventListener(window, \"resize\", handle, true);\n}\n"],"mappings":";;;;AAIA,SAAgBA,EACd,GACA,IAA4B,MAC5B,IAA2B,MAC3B;CACA,SAASC,EAAS,GAAiB;EACjC,IAAM,EAAE,cAAW,iBAAc,oBAAiBC;EAIlD,IAAI,EAFcC,IAAeC,MAEf,CAACC,GACjB,OAAO;EAGT,IAAMC,IAAeH,IAAeI,IAAYH,GAC1CI,IAAYD,IAAYF,IAAaA,IAAa;EAIxD,OAAO;;;gBAGKG,EAAU;gBALpBF,IAAeD,IAAaD,IAAeC,IAAaG,IAAYJ,EAM7C;;;CAG3B;CAEA,SAASK,EAAS,GAAiB;EACjC,IAAM,EAAE,eAAY,gBAAa,mBAAgBP;EAIjD,IAAI,EAFcQ,IAAcC,MAEd,CAACC,GACjB,OAAO;EAGT,IAAMC,IAAcH,IAAcI,IAAaH,GACzCI,IAAaD,IAAaF,IAAYA,IAAY;EAIxD,OAAO;;;gBAGKG,EAAW;gBALrBF,IAAcD,IAAYD,IAAcC,IAAYG,IAAaJ,EAM3C;;;CAG1B;CAEA,SAASK,IAAS;EAChB,IAAMd,IAAKe,EAAI;EAEf,IAAI,CAACf,GACH;EAGF,IAAMgB,IAAQ,CAACjB,EAASC,CAAE,GAAGO,EAASP,CAAE,CAAC,CAAC,CAAC,QAAQ,MAAMiB,MAAM,IAAI;EAGnE,AAFAjB,EAAG,MAAM,YAAY,sBAAsBgB,EAAM,KAAK,GAAG,CAAC,GAC1DhB,EAAG,MAAM,YAAY,cAAcgB,EAAM,KAAK,GAAG,CAAC,GAC9CA,EAAM,SAAS,MACjBhB,EAAG,MAAM,YAAY,0BAA0B,WAAW,GAC1DA,EAAG,MAAM,YAAY,kBAAkB,WAAW;CAEtD;CAEA,IAAMkB,IAASC,EAAYL,CAAM;CAIjC,AAFAM,EAAUN,CAAM,GAChBO,EAAiB,QAAQ,UAAUH,GAAQ,EAAI,GAC/CG,EAAiB,QAAQ,UAAUH,GAAQ,EAAI;AACjD"}

package/dist/composition/useSliderBreakpoints.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { clamp as e } from "../helpers/math.js";
 import { computed as t } from "vue";
-//#region src/composition/useSliderBreakpoints.ts
+// src/composition/useSliderBreakpoints.ts
 var n = (n) => t(() => {
 	let t = [100], { min: r, max: i, step: a } = n.value, o = r;
 	for (; o < i;) {
@@ -10,7 +10,6 @@ var n = (n) => t(() => {
 	}
 	return t;
 });
-//#endregion
 export { n as useSliderBreakpoints };
 //# sourceMappingURL=useSliderBreakpoints.js.map

package/dist/composition/useSliderBreakpoints.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSliderBreakpoints.js","names":[],"sources":["../../src/composition/useSliderBreakpoints.ts"],"sourcesContent":["import { clamp } from \"../helpers/math\";\nimport type { ComputedRef } from \"vue\";\nimport { computed } from \"vue\";\nexport const useSliderBreakpoints = (\n props: ComputedRef<{ min: number; max: number; step: number }>,\n) => {\n return computed(() => {\n const result: number[] = [100];\n const { min, max, step } = props.value;\n let start = min;\n while (start < max) {\n start += step;\n const posValue = (clamp(start, min, max) - min) / (max - min);\n const percent = (1 - posValue) * 100;\n result.push(percent);\n }\n return result;\n });\n};\n"],"mappings":";;;AAGA,~~IAAa~~,KACX,~~MAEO~~,QAAe;CACpB,~~IAAM~~,IAAmB,CAAC,~~IAAI~~,~~EACxB~~,EAAE,QAAK,QAAK,~~YAAS~~,EAAM,~~OAC7B~~,~~IAAQ~~;~~AACZ~~,~~QAAO~~,~~IAAQ~~,IAAK;~~AAClB~~,~~OAAS~~;EAET,~~IAAM~~,KAAW,~~KADC~~,~~EAAM~~,~~GAAO~~,~~GAAK~~,~~EAAI~~,~~GAAG~~,~~MAAQ~~,~~IAAM~~,MACxB;~~AACjC~~,~~IAAO~~,~~KAAK~~,~~EAAQ;;AAEtB~~,~~QAAO~~;~~EACP~~"}
1	+ {"version":3,"file":"useSliderBreakpoints.js","names":["useSliderBreakpoints","computed","result","props","start","min","max","step","percent","clamp"],"sources":["../../src/composition/useSliderBreakpoints.ts"],"sourcesContent":["import { clamp } from \"../helpers/math\";\nimport type { ComputedRef } from \"vue\";\nimport { computed } from \"vue\";\nexport const useSliderBreakpoints = (\n props: ComputedRef<{ min: number; max: number; step: number }>,\n) => {\n return computed(() => {\n const result: number[] = [100];\n const { min, max, step } = props.value;\n let start = min;\n while (start < max) {\n start += step;\n const posValue = (clamp(start, min, max) - min) / (max - min);\n const percent = (1 - posValue) * 100;\n result.push(percent);\n }\n return result;\n });\n};\n"],"mappings":";;;AAGA,IAAaA,KACX,MAEOC,QAAe;CACpB,IAAMC,IAAmB,CAAC,GAAG,GACvB,EAAE,QAAK,QAAK,YAASC,EAAM,OAC7BC,IAAQC;CACZ,OAAOD,IAAQE,IAAK;EAClB,KAASC;EAET,IAAMC,KAAW,KADCC,EAAML,GAAOC,GAAKC,CAAG,IAAID,MAAQC,IAAMD,MACxB;EACjC,EAAO,KAAKG,CAAO;CACrB;CACA,OAAON;AACT,CAAC"}

package/dist/composition/useSortable.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useEventListener as e } from "./useEventListener.js";
 import { computed as t, watchEffect as n } from "vue";
-//#region src/composition/useSortable.ts
+// src/composition/useSortable.ts
 var r = {
 	item: "sortable__item",
 	animate: "sortable__animate"
@@ -20,12 +20,12 @@ function s(s, c) {
 	}, u = t(() => l.options()), d = c.shakeBuffer ?? 10, f = c.reorderDelay ?? 100;
 	function p(e) {
 		let t = c.handle ? this.querySelector(c.handle) : null;
-		t && (t && !t.contains(e.target) || (this.classList.remove(r.animate), this.classList.add(r.item), l.item = {
+		t && (!t || t.contains(e.target)) && (this.classList.remove(r.animate), this.classList.add(r.item), l.item = {
 			el: this,
 			y: e.y,
 			dy: 0,
 			orderChanged: !1
-		}));
+		});
 	}
 	function m(e) {
 		let t = l.options();
@@ -105,7 +105,6 @@ function s(s, c) {
 		});
 	});
 }
-//#endregion
 export { s as useSortable };
 //# sourceMappingURL=useSortable.js.map

package/dist/composition/useSortable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSortable.js","names":[],"sources":["../../src/composition/useSortable.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { computed, watchEffect } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\n\ntype SortableItem = {\n el: HTMLElement;\n y: number;\n dy: number;\n orderChanged: boolean;\n};\n\nexport type SortableSettings = {\n onChange: (indices: number[]) => void;\n handle?: string;\n shakeBuffer?: number;\n reorderDelay?: number;\n transitionDelay?: string;\n};\n\nconst classes = {\n item: \"sortable__item\",\n animate: \"sortable__animate\",\n};\n\nconst getOffset = (el: HTMLElement) => {\n return el.getBoundingClientRect().y;\n};\n\nconst getMiddle = (el: HTMLElement) => {\n const { y, height } = el.getBoundingClientRect();\n return y + Math.ceil(height / 2);\n};\n\nconst getBottom = (el: HTMLElement) => {\n const { y, height } = el.getBoundingClientRect();\n return y + height;\n};\n\nexport function useSortable(listRef: Ref<HTMLElement \| undefined>, settings: SortableSettings) {\n const state = {\n item: undefined as SortableItem \| undefined,\n options() {\n return [...(listRef.value?.children ?? [])] as HTMLElement[];\n },\n };\n\n const optionsRef = computed(() => {\n return state.options();\n });\n\n const shakeBuffer = settings.shakeBuffer ?? 10;\n\n const reorderDelay = settings.reorderDelay ?? 100;\n\n function mouseDown(this: HTMLElement, e: { y: number; target: EventTarget \| null }) {\n const handle = settings.handle ? this.querySelector(settings.handle) : null;\n\n if (!handle) {\n return;\n }\n\n if (handle && !handle.contains(e.target as HTMLElement)) {\n return;\n }\n\n this.classList.remove(classes.animate);\n this.classList.add(classes.item);\n\n state.item = {\n el: this,\n y: e.y,\n dy: 0,\n orderChanged: false,\n };\n }\n\n function elementsBefore(el: HTMLElement) {\n const options = state.options();\n return options.slice(0, options.indexOf(el));\n }\n\n function elementsAfter(el: HTMLElement) {\n const children = state.options();\n return children.slice(children.indexOf(el) + 1);\n }\n\n function insertBefore(before: HTMLElement, el: HTMLElement) {\n const children = state.options().filter((e) => e !== el);\n const index = children.indexOf(before);\n children.splice(index, 0, el);\n return children;\n }\n\n function insertAfter(after: HTMLElement, el: HTMLElement) {\n const children = state.options().filter((e) => e !== el);\n const index = children.indexOf(after);\n children.splice(index + 1, 0, el);\n return children;\n }\n\n function updatePosition(item: SortableItem, y: number) {\n item.dy = y - item.y;\n item.el.style.setProperty(\"transform\", `translateY(${item.dy}px)`);\n }\n\n function changeOrder(reordered: HTMLElement[]) {\n if (!state.item) {\n return;\n }\n\n const { el } = state.item;\n\n if (!el.isConnected) {\n state.item = undefined;\n return;\n }\n\n const oldPositions = reordered.map((e) => getOffset(e));\n\n const y1 = getOffset(el);\n listRef.value?.replaceChildren(...reordered);\n const y2 = getOffset(el);\n\n const newPositions = reordered.map((e) => getOffset(e));\n\n const toAnimate: HTMLElement[] = [];\n\n for (let i = 0; i < newPositions.length; i++) {\n const option = reordered[i];\n\n if (option === state.item.el) {\n continue;\n }\n\n const newY = newPositions[i];\n\n const oldY = oldPositions[i];\n\n const invert = oldY - newY;\n\n option.style.transform = `translateY(${invert}px)`;\n\n toAnimate.push(option);\n }\n\n const dy = y2 - y1;\n\n state.item.y = state.item.y + dy;\n state.item.dy = state.item.dy - dy;\n state.item.orderChanged = true;\n state.item.el.style.setProperty(\"transform\", `translateY(${state.item.dy}px)`);\n\n toAnimate.forEach((o) => o.classList.remove(classes.animate));\n\n requestAnimationFrame(function () {\n toAnimate.forEach((option) => {\n option.classList.add(classes.animate);\n option.style.transform = \"\";\n option.addEventListener(\"transitionend\", () => {\n option.classList.remove(classes.animate);\n });\n });\n });\n }\n\n useEventListener(window, \"mousemove\", (e: { y: number }) => {\n if (!state.item) {\n return;\n }\n\n const { el } = state.item;\n\n updatePosition(state.item, e.y);\n\n const upper = getOffset(state.item.el);\n const bottom = getBottom(state.item.el);\n\n const before = elementsBefore(el);\n const after = elementsAfter(el);\n\n before.forEach((e) => {\n const y = getMiddle(e);\n\n if (upper + shakeBuffer < y) {\n changeOrder(insertBefore(e, el));\n }\n });\n\n after.forEach((e) => {\n const y = getMiddle(e);\n\n if (bottom - shakeBuffer > y) {\n changeOrder(insertAfter(e, el));\n }\n });\n });\n\n useEventListener(window, \"mouseup\", () => {\n if (!state.item) {\n return;\n }\n\n const { el, orderChanged } = state.item;\n\n el.classList.add(classes.animate);\n el.style.removeProperty(\"transform\");\n\n el.addEventListener(\"transitionend\", () => {\n el.classList.remove(classes.animate, classes.item);\n });\n\n setTimeout(() => {\n if (!orderChanged) {\n return;\n }\n\n const newIndices = state.options().map((o) => Number(o.getAttribute(\"data-index\")));\n\n const list = listRef.value;\n\n if (list) {\n for (const child of state.options()) {\n list.removeChild(child);\n }\n\n optionsRef.value.forEach((child) => {\n list.appendChild(child);\n });\n }\n\n settings.onChange(newIndices);\n }, reorderDelay);\n\n state.item = undefined;\n });\n\n watchEffect(() => {\n optionsRef.value.forEach((child, i) => {\n child.removeEventListener(\"mousedown\", mouseDown);\n child.addEventListener(\"mousedown\", mouseDown);\n child.setAttribute(\"data-index\", String(i));\n });\n });\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"useSortable.js","names":["classes","getOffset","el","getMiddle","y","height","getBottom","useSortable","state","listRef","optionsRef","computed","shakeBuffer","settings","reorderDelay","mouseDown","handle","elementsBefore","options","elementsAfter","children","insertBefore","index","before","insertAfter","after","updatePosition","item","changeOrder","oldPositions","reordered","y1","y2","newPositions","toAnimate","i","option","newY","invert","dy","o","useEventListener","upper","bottom","orderChanged","newIndices","list","child","watchEffect"],"sources":["../../src/composition/useSortable.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { computed, watchEffect } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\n\ntype SortableItem = {\n el: HTMLElement;\n y: number;\n dy: number;\n orderChanged: boolean;\n};\n\nexport type SortableSettings = {\n onChange: (indices: number[]) => void;\n handle?: string;\n shakeBuffer?: number;\n reorderDelay?: number;\n transitionDelay?: string;\n};\n\nconst classes = {\n item: \"sortable__item\",\n animate: \"sortable__animate\",\n};\n\nconst getOffset = (el: HTMLElement) => {\n return el.getBoundingClientRect().y;\n};\n\nconst getMiddle = (el: HTMLElement) => {\n const { y, height } = el.getBoundingClientRect();\n return y + Math.ceil(height / 2);\n};\n\nconst getBottom = (el: HTMLElement) => {\n const { y, height } = el.getBoundingClientRect();\n return y + height;\n};\n\nexport function useSortable(listRef: Ref<HTMLElement \| undefined>, settings: SortableSettings) {\n const state = {\n item: undefined as SortableItem \| undefined,\n options() {\n return [...(listRef.value?.children ?? [])] as HTMLElement[];\n },\n };\n\n const optionsRef = computed(() => {\n return state.options();\n });\n\n const shakeBuffer = settings.shakeBuffer ?? 10;\n\n const reorderDelay = settings.reorderDelay ?? 100;\n\n function mouseDown(this: HTMLElement, e: { y: number; target: EventTarget \| null }) {\n const handle = settings.handle ? this.querySelector(settings.handle) : null;\n\n if (!handle) {\n return;\n }\n\n if (handle && !handle.contains(e.target as HTMLElement)) {\n return;\n }\n\n this.classList.remove(classes.animate);\n this.classList.add(classes.item);\n\n state.item = {\n el: this,\n y: e.y,\n dy: 0,\n orderChanged: false,\n };\n }\n\n function elementsBefore(el: HTMLElement) {\n const options = state.options();\n return options.slice(0, options.indexOf(el));\n }\n\n function elementsAfter(el: HTMLElement) {\n const children = state.options();\n return children.slice(children.indexOf(el) + 1);\n }\n\n function insertBefore(before: HTMLElement, el: HTMLElement) {\n const children = state.options().filter((e) => e !== el);\n const index = children.indexOf(before);\n children.splice(index, 0, el);\n return children;\n }\n\n function insertAfter(after: HTMLElement, el: HTMLElement) {\n const children = state.options().filter((e) => e !== el);\n const index = children.indexOf(after);\n children.splice(index + 1, 0, el);\n return children;\n }\n\n function updatePosition(item: SortableItem, y: number) {\n item.dy = y - item.y;\n item.el.style.setProperty(\"transform\", `translateY(${item.dy}px)`);\n }\n\n function changeOrder(reordered: HTMLElement[]) {\n if (!state.item) {\n return;\n }\n\n const { el } = state.item;\n\n if (!el.isConnected) {\n state.item = undefined;\n return;\n }\n\n const oldPositions = reordered.map((e) => getOffset(e));\n\n const y1 = getOffset(el);\n listRef.value?.replaceChildren(...reordered);\n const y2 = getOffset(el);\n\n const newPositions = reordered.map((e) => getOffset(e));\n\n const toAnimate: HTMLElement[] = [];\n\n for (let i = 0; i < newPositions.length; i++) {\n const option = reordered[i];\n\n if (option === state.item.el) {\n continue;\n }\n\n const newY = newPositions[i];\n\n const oldY = oldPositions[i];\n\n const invert = oldY - newY;\n\n option.style.transform = `translateY(${invert}px)`;\n\n toAnimate.push(option);\n }\n\n const dy = y2 - y1;\n\n state.item.y = state.item.y + dy;\n state.item.dy = state.item.dy - dy;\n state.item.orderChanged = true;\n state.item.el.style.setProperty(\"transform\", `translateY(${state.item.dy}px)`);\n\n toAnimate.forEach((o) => o.classList.remove(classes.animate));\n\n requestAnimationFrame(function () {\n toAnimate.forEach((option) => {\n option.classList.add(classes.animate);\n option.style.transform = \"\";\n option.addEventListener(\"transitionend\", () => {\n option.classList.remove(classes.animate);\n });\n });\n });\n }\n\n useEventListener(window, \"mousemove\", (e: { y: number }) => {\n if (!state.item) {\n return;\n }\n\n const { el } = state.item;\n\n updatePosition(state.item, e.y);\n\n const upper = getOffset(state.item.el);\n const bottom = getBottom(state.item.el);\n\n const before = elementsBefore(el);\n const after = elementsAfter(el);\n\n before.forEach((e) => {\n const y = getMiddle(e);\n\n if (upper + shakeBuffer < y) {\n changeOrder(insertBefore(e, el));\n }\n });\n\n after.forEach((e) => {\n const y = getMiddle(e);\n\n if (bottom - shakeBuffer > y) {\n changeOrder(insertAfter(e, el));\n }\n });\n });\n\n useEventListener(window, \"mouseup\", () => {\n if (!state.item) {\n return;\n }\n\n const { el, orderChanged } = state.item;\n\n el.classList.add(classes.animate);\n el.style.removeProperty(\"transform\");\n\n el.addEventListener(\"transitionend\", () => {\n el.classList.remove(classes.animate, classes.item);\n });\n\n setTimeout(() => {\n if (!orderChanged) {\n return;\n }\n\n const newIndices = state.options().map((o) => Number(o.getAttribute(\"data-index\")));\n\n const list = listRef.value;\n\n if (list) {\n for (const child of state.options()) {\n list.removeChild(child);\n }\n\n optionsRef.value.forEach((child) => {\n list.appendChild(child);\n });\n }\n\n settings.onChange(newIndices);\n }, reorderDelay);\n\n state.item = undefined;\n });\n\n watchEffect(() => {\n optionsRef.value.forEach((child, i) => {\n child.removeEventListener(\"mousedown\", mouseDown);\n child.addEventListener(\"mousedown\", mouseDown);\n child.setAttribute(\"data-index\", String(i));\n });\n });\n}\n"],"mappings":"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"}

package/dist/composition/useSortable2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useEventListener as e } from "./useEventListener.js";
 import { computed as t, watch as n, watchEffect as r } from "vue";
-//#region src/composition/useSortable2.ts
+// src/composition/useSortable2.ts
 var i = {
 	item: "sortable__item",
 	animate: "sortable__animate"
@@ -26,13 +26,13 @@ function c(c, l) {
 	let f = t(() => u.options()), p = l.shakeBuffer ?? 10, m = l.reorderDelay ?? 100;
 	function h(e) {
 		let t = l.handle ? this.querySelector(l.handle) : null;
-		t && (t && !t.contains(e.target) || (this.classList.remove(i.animate), this.classList.add(i.item), u.item = {
+		t && (!t || t.contains(e.target)) && (this.classList.remove(i.animate), this.classList.add(i.item), u.item = {
 			el: this,
 			y: e.y,
 			dy: 0,
 			initialScrollTop: c.value?.scrollTop || 0,
 			orderChanged: !1
-		}));
+		});
 	}
 	function g(e) {
 		let t = u.options();
@@ -119,7 +119,6 @@ function c(c, l) {
 		});
 	});
 }
-//#endregion
 export { c as useSortable2 };
 //# sourceMappingURL=useSortable2.js.map