@milaboratories/uikit 2.15.43 → 2.16.1

package/dist/composition/usePollingQuery.js

@@ -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

@@ -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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"}
+{"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":";;AA6BA,SAASA,EAAQ,GAAuB;CAEtC,OADIC,aAAiB,QAAcA,IACxB,MAAM,OAAOA,KAAU,WAAWA,IAAQ,KAAK,UAAUA,CAAK,CAAC;AAC5E;AAuFA,SAAgBC,EACd,GACA,GACA,GASA;CACA,IAAMC,IAA4B;EAChC,aAAaC,EAAQ;EACrB,UAAUA,EAAQ,YAAY;EAC9B,WAAWA,EAAQ,aAAa;EAChC,iBAAiBA,EAAQ,mBAAmB;EAC5C,cAAcA,EAAQ,gBAAgB;EACtC,qBAAqB,KAAK,IAAI,GAAGA,EAAQ,uBAAuB,CAAC;EACjE,UAAU,KAAK,IAAI,GAAGA,EAAQ,YAAY,CAAC;CAC7C,GAEMC,UAA2B,KAAK,IAAI,GAAGC,EAAQH,EAAS,WAAW,CAAC,GACpEI,UAAwB;EAC5B,IAAMC,IAAML,EAAS,aAAa,KAAA,IAAY,KAAA,IAAYG,EAAQH,EAAS,QAAQ;EACnF,OAAO,KAAK,IAAI,GAAGK,KAAO,CAAC;CAC7B,GACMC,UAAeJ,EAAmB,IAAI,GAEtCK,IAAOC,EAAgC,EAAE,QAAQ,OAAO,CAAC,GACzDC,IAAYC,EAAkB,IAAI,GAClCC,IAAWD,EAAI,EAAK,GAEtBE,IAAgB,GAChBC,IAAc,GACZC,IAAgBJ,EAAI,CAAC,GACvBK,IAAW,IAEXC,IAAyD,MACzDC,IAAwD,MAExDC,IAAuB,GACvBC,IAAoB,GAElBC,oBAAc,IAAI,IAA6B,GAC/CC,oBAAe,IAAI,IAAyB,GAC5CC,IAAoB,CAAC,GAEvBC,GACAC,IAAiB,IAEfC,KAAkB,MAAgB;EAEtC,AADA,IAAcC,GACd,IAAiB;CACnB,GAEMC,UAAkB;EACtB,IAAIpB,EAAK,MAAM,WAAW,YAAYA,EAAK,MAAM,WAAW,SAAS;GACnE,IAAM,EAAE,aAAUA,EAAK;GACvB,EAAK,QAAQ;IAAE,QAAQ;IAAS;GAAM;EACxC;CACF,GAEMqB,UAAwB;EAC5B,AAAIN,EAAQ,WAAW,KAEvBA,EADuB,MACvB,CAAA,EAAQ,QAAQ;CAClB,GAEMO,IAAc,YAAY;EAC9B,AAAIf,EAAc,QAAQd,EAAS,uBACnC,MAAM,IAAI,SAAe,MAAY;GACnC,EAAQ,KAAK,EAAE,WAAQ,CAAC;EAC1B,CAAC;CACH,GAEM8B,UAAuB;EAC3B,AAAId,MAAqB,SACvB,aAAaA,CAAgB,GAC7B,IAAmB;CAEvB,GAEMe,UAAsB;EAC1B,AAAId,MAAoB,SACtB,aAAaA,CAAe,GAC5B,IAAkB;CAEtB,GAEMe,KAAY,MAAwB;EACxC,EAAY,SAAS,GAAY,MAAY;GAC3C,AAAKC,EAAW,OAAO,YACrBZ,EAAa,IAAIa,GAASC,CAAM,GAChCF,EAAW,MAAM;EAErB,CAAC;CACH,GAEMG,KAAgB,IAAiB,MAAM;EAC3C,IAAMC,IAAM,KAAK,IAAI,GACfC,IAAW,KAAK,IAAIpB,GAAsBC,CAAiB,GAC3DoB,IAAYD,IAAWD,IAAMC,IAAWD,IAAM;EACpD,OAAO,KAAK,IAAI,GAAGG,GAAgBD,CAAS;CAC9C,GAEME,KAAkB,IAAiB,GAAG,IAAA,aAAmD;EAC7F,IAAI,CAAC9B,EAAS,SAAS,CAACL,EAAO,KAAKS,GAAU;EAC9C,IAAM2B,IAAQN,EAAaI,CAAc;EAMzC,AAJIxB,MAAqB,QACvB,aAAaA,CAAgB,GAG/B,IAAmB,iBAAiB;GAElC,AADA,IAAmB,MACnB2B,EAAkBC,CAAM;EAC1B,GAAGF,CAAK;CACV,GAEMC,IAAe,OAAO,MAA2B;EACrD,IAAI,CAAChC,EAAS,SAASI,KAAY,CAACT,EAAO,GAAG;EAE9C,IAAM+B,IAAM,KAAK,IAAI,GACfC,IAAW,KAAK,IAAIpB,GAAsBC,CAAiB;EACjE,IAAIkB,IAAMC,GAAU;GAClB,EAAeA,IAAWD,GAAKO,CAAM;GACrC;EACF;EAEA,IAAI,CAACpB,GAAgB;EAErB,IAAMqB,IAAetB,GACfuB,IAAsBjC;EAI5B,IAFA,MAAMgB,EAAY,GAEd,CAAClB,EAAS,SAASI,KAAY,CAACT,EAAO,GAAG;GAC5C,EAAgB;GAChB;EACF;EAEA,IAAM2B,IAAa,IAAI,gBAAgB,GACjCC,IAAU,EAAEtB;EAGlB,AADAQ,EAAY,IAAIc,GAASD,CAAU,GACnC,EAAc,SAAS;EAEvB,IAAMc,IAAc7C,EAAmB;EAEvC,IAAuB,KAAK,IAAIgB,GADd,KAAK,IAC+B,IAAY6B,CAAW;EAE7E,IAAIC,IAAmB,IAEjBC,UAA0B;GAC9B,AAAID,MACJ,IAAmB,IACnBE,EAAM;EACR;EAEA,IAAI;GACF,IAAMC,IAAS,MAAMC,EAAQP,GAAc;IACzC,QAAQZ,EAAW;IACnB,OAAOgB;GACT,CAAC;GACD,AAAKhB,EAAW,OAAO,WACjBC,MAAYtB,KAAiBkC,MAAwBjC,MACvD,EAAU,QAAQ,MAClB,EAAK,QAAQ;IAAE,QAAQ;IAAU,OAAOsC;GAAO;EAGrD,SAASrD,GAAO;GACd,AAAImC,EAAW,OAAO,YAGhBC,MAAYtB,MACd,EAAU,QAAQf,EAAQC,CAAK,IAG7BE,EAAS,gBACXkD,EAAM;EAGZ,UAAU;GACR,IAAMG,IAAWjD,EAAgB;GAMjC,AAJA,IAAoB,KAAK,IAAIe,GADV,KAAK,IACwB,IAAakC,CAAQ,GAErEjC,EAAY,OAAOc,CAAO,GAC1B,EAAc,QAAQ,KAAK,IAAI,GAAGpB,EAAc,QAAQ,CAAC,GACzDc,EAAgB;GAEhB,IAAMO,IAASd,EAAa,IAAIa,CAAO;GAOvC,AANIC,KACFd,EAAa,OAAOa,CAAO,GAGNvB,EAAS,SAAS,CAACI,KAAYoB,MAAW,UAG/DM,EAAe;EAEnB;CACF,GAEMa,KAAoB,IAAA,eAAqD;EAC7E,AAAK3C,EAAS,SAAS,MAAaL,EAAO,KAC3CmC,EAAe,GAAGG,CAAM;CAC1B,GAEMW,UAAyB;EAK7B,IAJA,KAAe,GACf5B,EAAU,GACVK,EAAS,MAAM,GAEX,CAACrB,EAAS,SAAS,CAACL,EAAO,GAC7B;EAGF,IAAMkD,UAAiB;GACrB,EAAA,UAAwC;EAC1C;EAEA,AAAIxD,EAAS,WAAW,KACtB+B,EAAc,GACd,IAAkB,iBAAiB;GAEjC,AADA,IAAkB,MAClByB,EAAS;EACX,GAAGxD,EAAS,QAAQ,KAEpBwD,EAAS;CAEb,GAEMN,UAAc;EAClB,AAAKvC,EAAS,UACd,EAAS,QAAQ,IACjBmB,EAAe,GACfC,EAAc,GACdC,EAAS,OAAO,GAChB,IAAuB,KAAK,IAAI,GAChC,IAAoB,KAAK,IAAI;CAC/B,GAEMyB,UAAe;EAGnB,IAFI,CAACnD,EAAO,KACRK,EAAS,SACT,CAACa,GAAgB;EAErB,AADA,EAAS,QAAQ,IACjB,EAAU,QAAQ;EAElB,IAAMa,IAAM,KAAK,IAAI;EAIrB,AAHA,IAAuBA,GACvB,IAAoBA,GAEhBrC,EAAS,kBACXsD,EAAA,UAAwC,IAExCb,EAAevC,EAAmB,GAAA,UAA0B;CAEhE;CA4BA,OA1BAwD,QAAqB;EAMnB,AALA,IAAW,IACX5B,EAAe,GACfC,EAAc,GACdC,EAAS,SAAS,GAClB,EAAS,QAAQ,IACjBV,EAAQ,OAAO,GAAGA,EAAQ,MAAM,CAAC,CAAC,SAAS,EAAE,iBAAcqC,EAAQ,CAAC;CACtE,CAAC,GAEDC,EACEC,IACC,MAAU;EACT,IAAMC,IAAU,CAACtC;EAEjB,AADAC,EAAeC,CAAK,GAChB,MAGJ6B,EAAiB;CACnB,GACA;EAAE,OAAO;EAAQ,WAAW;CAAK,CACnC,GAEIvD,EAAS,aAAaM,EAAO,KAC/BmD,EAAO,GAGF;EACL,MAAMM,EAASxD,CAAI;EACnB,WAAWwD,EAAStD,CAAS;EAC7B,UAAUsD,EAASpD,CAAQ;EAC3B,eAAeoD,EAASjD,CAAa;EACrC;EACA;CACF;AACF"}

package/dist/composition/usePosition.js

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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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"}
+{"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

@@ -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