@milaboratories/uikit 2.11.6 → 2.11.7

package/dist/composition/useMouseCapture.js

@@ -1,5 +1,6 @@
 import { useEventListener as e } from "./useEventListener.js";
 import { unref as t } from "vue";
+//#region src/composition/useMouseCapture.ts
 function n(n, r) {
 	let i = {
 		el: void 0,
@@ -22,6 +23,7 @@ function n(n, r) {
 		i.el && r(a(e), i);
 	});
 }
+//#endregion
 export { n as useMouseCapture };
 
 //# sourceMappingURL=useMouseCapture.js.map

package/dist/composition/useMouseCapture.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMouseCapture.js","names":[],"sources":["../../src/composition/useMouseCapture.ts"],"sourcesContent":["import type { MaybeRef } from \"../types\";\nimport { unref } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\n\ntype CustomEvent = {\n  x: number;\n  y: number;\n  dx: number;\n  dy: number;\n  stop?: boolean;\n};\n\ntype CaptureState = {\n  el: HTMLElement | undefined;\n  x: number;\n  y: number;\n};\n\nexport function useMouseCapture<T extends HTMLElement>(\n  elRef: MaybeRef<T | undefined>,\n  cb: (ev: CustomEvent, state: CaptureState) => void,\n) {\n  const state: CaptureState = {\n    el: undefined as HTMLElement | undefined,\n    x: 0,\n    y: 0,\n  };\n\n  const createCustom = (ev: MouseEvent) => ({\n    x: ev.x,\n    y: ev.y,\n    dx: ev.x - state.x,\n    dy: ev.y - state.y,\n  });\n\n  useEventListener(document, \"mousedown\", (ev) => {\n    if (ev.target === unref(elRef)) {\n      // disable selection when moving\n      if (ev.stopPropagation) ev.stopPropagation();\n      if (ev.preventDefault) ev.preventDefault();\n      state.el = unref(elRef);\n      state.x = ev.x;\n      state.y = ev.y;\n    }\n  });\n\n  useEventListener(document, \"mouseup\", (ev) => {\n    if (!state.el) {\n      return;\n    }\n\n    state.el = undefined;\n\n    cb(\n      {\n        ...createCustom(ev),\n        stop: true,\n      },\n      state,\n    );\n  });\n\n  useEventListener(document, \"mousemove\", (ev) => {\n    if (state.el) {\n      cb(createCustom(ev), state);\n    }\n  });\n}\n"],"mappings":";;AAkBA,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAsB;EAC1B,IAAI,KAAA;EACJ,GAAG;EACH,GAAG;EACJ,EAEK,KAAgB,OAAoB;EACxC,GAAG,EAAG;EACN,GAAG,EAAG;EACN,IAAI,EAAG,IAAI,EAAM;EACjB,IAAI,EAAG,IAAI,EAAM;EAClB;AA6BD,CA3BA,EAAiB,UAAU,cAAc,MAAO;AAC9C,EAAI,EAAG,WAAW,EAAM,EAAM,KAExB,EAAG,mBAAiB,EAAG,iBAAiB,EACxC,EAAG,kBAAgB,EAAG,gBAAgB,EAC1C,EAAM,KAAK,EAAM,EAAM,EACvB,EAAM,IAAI,EAAG,GACb,EAAM,IAAI,EAAG;GAEf,EAEF,EAAiB,UAAU,YAAY,MAAO;AACvC,IAAM,OAIX,EAAM,KAAK,KAAA,GAEX,EACE;GACE,GAAG,EAAa,EAAG;GACnB,MAAM;GACP,EACD,EACD;GACD,EAEF,EAAiB,UAAU,cAAc,MAAO;AAC9C,EAAI,EAAM,MACR,EAAG,EAAa,EAAG,EAAE,EAAM;GAE7B"}
+{"version":3,"file":"useMouseCapture.js","names":[],"sources":["../../src/composition/useMouseCapture.ts"],"sourcesContent":["import type { MaybeRef } from \"../types\";\nimport { unref } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\n\ntype CustomEvent = {\n  x: number;\n  y: number;\n  dx: number;\n  dy: number;\n  stop?: boolean;\n};\n\ntype CaptureState = {\n  el: HTMLElement | undefined;\n  x: number;\n  y: number;\n};\n\nexport function useMouseCapture<T extends HTMLElement>(\n  elRef: MaybeRef<T | undefined>,\n  cb: (ev: CustomEvent, state: CaptureState) => void,\n) {\n  const state: CaptureState = {\n    el: undefined as HTMLElement | undefined,\n    x: 0,\n    y: 0,\n  };\n\n  const createCustom = (ev: MouseEvent) => ({\n    x: ev.x,\n    y: ev.y,\n    dx: ev.x - state.x,\n    dy: ev.y - state.y,\n  });\n\n  useEventListener(document, \"mousedown\", (ev) => {\n    if (ev.target === unref(elRef)) {\n      // disable selection when moving\n      if (ev.stopPropagation) ev.stopPropagation();\n      if (ev.preventDefault) ev.preventDefault();\n      state.el = unref(elRef);\n      state.x = ev.x;\n      state.y = ev.y;\n    }\n  });\n\n  useEventListener(document, \"mouseup\", (ev) => {\n    if (!state.el) {\n      return;\n    }\n\n    state.el = undefined;\n\n    cb(\n      {\n        ...createCustom(ev),\n        stop: true,\n      },\n      state,\n    );\n  });\n\n  useEventListener(document, \"mousemove\", (ev) => {\n    if (state.el) {\n      cb(createCustom(ev), state);\n    }\n  });\n}\n"],"mappings":";;;AAkBA,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAsB;EAC1B,IAAI,KAAA;EACJ,GAAG;EACH,GAAG;EACJ,EAEK,KAAgB,OAAoB;EACxC,GAAG,EAAG;EACN,GAAG,EAAG;EACN,IAAI,EAAG,IAAI,EAAM;EACjB,IAAI,EAAG,IAAI,EAAM;EAClB;AA6BD,CA3BA,EAAiB,UAAU,cAAc,MAAO;AAC9C,EAAI,EAAG,WAAW,EAAM,EAAM,KAExB,EAAG,mBAAiB,EAAG,iBAAiB,EACxC,EAAG,kBAAgB,EAAG,gBAAgB,EAC1C,EAAM,KAAK,EAAM,EAAM,EACvB,EAAM,IAAI,EAAG,GACb,EAAM,IAAI,EAAG;GAEf,EAEF,EAAiB,UAAU,YAAY,MAAO;AACvC,IAAM,OAIX,EAAM,KAAK,KAAA,GAEX,EACE;GACE,GAAG,EAAa,EAAG;GACnB,MAAM;GACP,EACD,EACD;GACD,EAEF,EAAiB,UAAU,cAAc,MAAO;AAC9C,EAAI,EAAM,MACR,EAAG,EAAa,EAAG,EAAE,EAAM;GAE7B"}

package/dist/composition/usePollingQuery.js

@@ -1,95 +1,11 @@
 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) {
 	return e instanceof Error ? e : Error(typeof e == "string" ? e : JSON.stringify(e));
 }
-/**
-* Repeatedly executes an asynchronous query while tracking arguments, state transitions,
-* and result freshness.
-*
-* @remarks
-*
-* ### Typical usage
-*
-* ```ts
-* const args = ref({ id: 'item-1' });
-* const { data, pause, resume, lastError } = usePollingQuery(args, fetchItem, {
-*   minInterval: 5_000,
-*   minDelay: 250,
-* });
-* ```
-*
-* The composable polls `fetchItem` while `resume()`d. Whenever the `args` ref changes the current
-* request is aborted, the status becomes `'stale'`, and a new poll is scheduled after the optional
-* debounce period and the configured timing constraints. Results from older requests are ignored
-* through version tracking, ensuring consumers only observe the freshest payload.
-*
-* ### Timing behaviour
-*
-* - `minInterval` defines the minimum duration between the start times of consecutive polls.
-* - `minDelay` (optional) enforces a minimum wait time between a poll finishing and the next poll starting.
-* - After each poll completes, the next poll is scheduled `max(minInterval - elapsed, minDelay)` ms later.
-* - When arguments change, the next poll still respects both constraints while also honouring the debounce.
-*
-* ### Abort handling
-*
-* Each poll receives a dedicated `AbortSignal`. The signal is aborted when pausing, disposing
-* the scope, or when the arguments ref changes. Queries should surface aborts by listening to
-* the signal. Aborted requests may settle later; outdated results are discarded via version checks.
-*
-* ### Pause, resume, and callback control
-*
-* - `pause()` stops future polls, clears pending timeouts, and aborts in-flight requests.
-* - `resume()` is idempotent; it reactivates polling only when currently inactive.
-* - The callback receives a bound `pause()` helper for conditional pausing.
-*
-* ### Error handling
-*
-* Errors bubble into `lastError`; they reset on the next successful poll or when `resume()`
-* transitions from inactive to active. With `pauseOnError: true` the composable pauses automatically.
-*
-* ### Argument tracking
-*
-* - Initial state is `{ status: 'idle' }`.
-* - Argument changes mark the status `'stale'` when a prior result exists; otherwise it stays `'idle'`.
-* - A successful poll for the latest arguments marks the status `'synced'` and updates `value`.
-*
-* ### Request versioning and concurrency
-*
-* Each poll increments an internal version counter. Only the latest version updates shared state,
-* preventing stale results from overwriting fresh data. `maxInFlightRequests` limits concurrent
-* polls; values > 1 allow the next poll to begin even if aborted requests are still settling, while
-* still capping total concurrency to protect upstream services.
-*
-* ### Debouncing
-*
-* Use `debounce` to accumulate rapid argument changes. The status still transitions to `'stale'`
-* immediately, all running polls are aborted, and the new poll waits for the debounce window
-* (and the timing constraints) before executing.
-*
-* ### Options
-*
-* - `minInterval` — required; must be positive. Zero or negative disables polling (`resume()` no-op). Accepts refs.
-* - `minDelay` — optional delay after completion before the next poll may start. Accepts refs.
-* - `autoStart` — start in active mode (default `true`).
-* - `triggerOnResume` — run the callback immediately on `resume()` (default `false`).
-* - `pauseOnError` — automatically pauses when the callback throws (default `false`).
-* - `maxInFlightRequests` — maximum concurrent polls (default `1`).
-* - `debounce` — debounce window for argument changes in milliseconds (default `0`).
-*
-* ### Returns
-*
-* - `data` — readonly ref of `{ status, value }`.
-* - `lastError` — readonly ref of the latest error (or `null`).
-* - `isActive` — readonly ref indicating active polling.
-* - `inFlightCount` — readonly ref with the number of active requests.
-* - `pause()` and `resume()` controls.
-*
-* @typeParam Args - Arguments shape passed to the polling callback.
-* @typeParam Result - Result type produced by the polling callback.
-*/
 function c(c, l, u) {
 	let d = {
 		minInterval: u.minInterval,
@@ -150,15 +66,15 @@ function c(c, l, u) {
 		}
 		let a = new AbortController(), o = ++v;
 		E.set(o, a), b.value += 1;
-		let c = f(), u = Date.now();
-		w = Math.max(w, u + c);
-		let S = !1, C = () => {
-			S || (S = !0, U());
+		let c = f();
+		w = Math.max(w, Date.now() + c);
+		let u = !1, S = () => {
+			u || (u = !0, U());
 		};
 		try {
 			let e = await l(r, {
 				signal: a.signal,
-				pause: C
+				pause: S
 			});
 			a.signal.aborted || o === v && i === y && (g.value = null, h.value = {
 				status: "synced",
@@ -167,10 +83,10 @@ function c(c, l, u) {
 		} catch (e) {
 			a.signal.aborted || (o === v && (g.value = s(e)), d.pauseOnError && U());
 		} finally {
-			let e = p(), t = Date.now();
-			T = Math.max(T, t + e), E.delete(o), b.value = Math.max(0, b.value - 1), N();
-			let n = D.get(o);
-			n && D.delete(o), _.value && !x && n !== "args" && z();
+			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();
 		}
 	}, V = (e = o.External) => {
 		!_.value || x || !m() || z(0, e);
@@ -207,6 +123,7 @@ function c(c, l, u) {
 		resume: W
 	};
 }
+//#endregion
 export { c 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":[],"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

@@ -1,6 +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
 function r(r, i) {
 	let a = t(() => {
 		if (r.value) {
@@ -30,6 +31,7 @@ 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":[],"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"}

package/dist/composition/useQuery.js

@@ -1,5 +1,6 @@
 import { reactive as e } from "vue";
 import { debounce as t } from "@milaboratories/helpers";
+//#region src/composition/useQuery.ts
 function n(n) {
 	let r = e({
 		isLoading: !1,
@@ -24,6 +25,7 @@ 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":[],"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"}

package/dist/composition/useResizeObserver.js

@@ -2,6 +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
 function o(o, s) {
 	t(() => {
 		e(a(o), (e) => {
@@ -13,6 +14,7 @@ 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":[],"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"}

package/dist/composition/useRipple.js

@@ -1,4 +1,5 @@
 import { onMounted as e } from "vue";
+//#region 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;
@@ -10,6 +11,7 @@ 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":[],"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"}

package/dist/composition/useScroll.js

@@ -1,6 +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
 function r(r, i = null, a = null) {
 	function o(e) {
 		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e;
@@ -35,6 +36,7 @@ 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":[],"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"}

package/dist/composition/useSliderBreakpoints.js

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

package/dist/composition/useSortable.js

@@ -1,5 +1,6 @@
 import { useEventListener as e } from "./useEventListener.js";
 import { computed as t, watchEffect as n } from "vue";
+//#region src/composition/useSortable.ts
 var r = {
 	item: "sortable__item",
 	animate: "sortable__animate"
@@ -104,6 +105,7 @@ 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":[],"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,5 +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
 var i = {
 	item: "sortable__item",
 	animate: "sortable__animate"
@@ -10,15 +11,6 @@ var i = {
 	let { y: t, height: n } = e.getBoundingClientRect();
 	return t + n;
 };
-/**
-* Description: Scroll support has been added to the container where sorting takes place.
-* Some functionality duplicates the behavior of useScrollable.
-*
-* Purpose: To enable automatic scrolling when dragging items beyond the visible area of the container.
-* Future Plan:
-* - Verify the behavior of the new scrolling functionality within blocks and text elements.
-* - Merge the current implementation with useScrollable to eliminate code duplication and create a unified scrolling solution.
-*/
 function c(c, l) {
 	let u = {
 		item: void 0,
@@ -127,6 +119,7 @@ function c(c, l) {
 		});
 	});
 }
+//#endregion
 export { c as useSortable2 };
 
 //# sourceMappingURL=useSortable2.js.map

package/dist/composition/useSortable2.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSortable2.js","names":[],"sources":["../../src/composition/useSortable2.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { computed, watch, watchEffect } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\n\ntype SortableItem = {\n  el: HTMLElement;\n  y: number;\n  dy: number;\n  orderChanged: boolean;\n  initialScrollTop: number;\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\n/**\n * Description: Scroll support has been added to the container where sorting takes place.\n * Some functionality duplicates the behavior of useScrollable.\n *\n * Purpose: To enable automatic scrolling when dragging items beyond the visible area of the container.\n * Future Plan:\n * - Verify the behavior of the new scrolling functionality within blocks and text elements.\n * - Merge the current implementation with useScrollable to eliminate code duplication and create a unified scrolling solution.\n */\nexport function useSortable2(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  let oldScrollTop = 0;\n\n  watch(\n    () => listRef.value,\n    () => {\n      setTimeout(() => {\n        if (listRef.value) {\n          listRef.value.scrollTop = oldScrollTop;\n        }\n      }, 0);\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      initialScrollTop: listRef.value?.scrollTop || 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    const currentScrollTop = listRef.value?.scrollTop || 0;\n    const scrollDiff = currentScrollTop - (item.initialScrollTop || 0);\n    item.dy = y - item.y + scrollDiff;\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    if (listRef.value) {\n      const rect = listRef.value.getBoundingClientRect();\n\n      const deltaUp = rect.top + el.getBoundingClientRect().height / 2;\n      if ((e as MouseEvent).clientY < deltaUp) {\n        listRef.value.scrollTop += (e as MouseEvent).clientY - deltaUp;\n      }\n\n      const deltaDown = rect.bottom - el.getBoundingClientRect().height / 2;\n      if ((e as MouseEvent).clientY > deltaDown) {\n        listRef.value.scrollTop += (e as MouseEvent).clientY - deltaDown;\n      }\n    }\n  });\n\n  useEventListener(window, \"mouseup\", () => {\n    if (!state.item) {\n      return;\n    }\n\n    oldScrollTop = listRef.value?.scrollTop || 0;\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":"useSortable2.js","names":[],"sources":["../../src/composition/useSortable2.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { computed, watch, watchEffect } from \"vue\";\nimport { useEventListener } from \"./useEventListener\";\n\ntype SortableItem = {\n  el: HTMLElement;\n  y: number;\n  dy: number;\n  orderChanged: boolean;\n  initialScrollTop: number;\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\n/**\n * Description: Scroll support has been added to the container where sorting takes place.\n * Some functionality duplicates the behavior of useScrollable.\n *\n * Purpose: To enable automatic scrolling when dragging items beyond the visible area of the container.\n * Future Plan:\n * - Verify the behavior of the new scrolling functionality within blocks and text elements.\n * - Merge the current implementation with useScrollable to eliminate code duplication and create a unified scrolling solution.\n */\nexport function useSortable2(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  let oldScrollTop = 0;\n\n  watch(\n    () => listRef.value,\n    () => {\n      setTimeout(() => {\n        if (listRef.value) {\n          listRef.value.scrollTop = oldScrollTop;\n        }\n      }, 0);\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      initialScrollTop: listRef.value?.scrollTop || 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    const currentScrollTop = listRef.value?.scrollTop || 0;\n    const scrollDiff = currentScrollTop - (item.initialScrollTop || 0);\n    item.dy = y - item.y + scrollDiff;\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    if (listRef.value) {\n      const rect = listRef.value.getBoundingClientRect();\n\n      const deltaUp = rect.top + el.getBoundingClientRect().height / 2;\n      if ((e as MouseEvent).clientY < deltaUp) {\n        listRef.value.scrollTop += (e as MouseEvent).clientY - deltaUp;\n      }\n\n      const deltaDown = rect.bottom - el.getBoundingClientRect().height / 2;\n      if ((e as MouseEvent).clientY > deltaDown) {\n        listRef.value.scrollTop += (e as MouseEvent).clientY - deltaDown;\n      }\n    }\n  });\n\n  useEventListener(window, \"mouseup\", () => {\n    if (!state.item) {\n      return;\n    }\n\n    oldScrollTop = listRef.value?.scrollTop || 0;\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/useTheme.js

@@ -1,6 +1,7 @@
 import { mapIterable as e, toList as t } from "../helpers/iterators.js";
 import { useLocalStorage as n } from "./useLocalStorage.js";
 import { computed as r, onMounted as i, onUnmounted as a, ref as o, unref as s, watch as c } from "vue";
+//#region src/composition/useTheme.ts
 var l = /* @__PURE__ */ new Set();
 window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (n) => {
 	t(e(l.values(), (e) => e(n.matches ? "dark" : "light")));
@@ -21,6 +22,7 @@ function f(e) {
 		l.delete(n);
 	}), [t, o];
 }
+//#endregion
 export { f as useTheme };
 
 //# sourceMappingURL=useTheme.js.map

package/dist/composition/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composition/useTheme.ts"],"sourcesContent":["import { computed, onMounted, onUnmounted, ref, unref, watch } from \"vue\";\nimport { mapIterable, toList } from \"../helpers/iterators\";\nimport { useLocalStorage } from \"./useLocalStorage\";\n\ntype Theme = \"light\" | \"dark\";\n\ntype Callback = (mode: Theme) => void;\n\nconst cm = new Set<Callback>();\n\nif (window.matchMedia) {\n  window.matchMedia(\"(prefers-color-scheme: dark)\").addEventListener(\"change\", (e) => {\n    toList(mapIterable(cm.values(), (cb) => cb(e.matches ? \"dark\" : \"light\")));\n  });\n}\n\nconst init =\n  window.matchMedia && window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n\nconst browserTheme = ref<Theme>(init);\nconst savedTheme = useLocalStorage<Theme>(\"theme\");\n\nexport function useTheme(_cb?: Callback) {\n  const theme = computed<Theme>(() => {\n    return savedTheme.value ? savedTheme.value : browserTheme.value;\n  });\n\n  const cb = (theme: Theme) => {\n    browserTheme.value = theme;\n    _cb?.(theme);\n  };\n\n  function toggleTheme() {\n    savedTheme.value =\n      theme.value === \"light\" ? \"dark\" : theme.value === \"dark\" ? \"light\" : \"light\";\n  }\n\n  watch(theme, (v) => {\n    _cb?.(unref(v));\n  });\n\n  onMounted(() => {\n    cm.add(cb);\n  });\n\n  onUnmounted(() => {\n    cm.delete(cb);\n  });\n\n  return [theme, toggleTheme] as const;\n}\n"],"mappings":";;;AAQA,IAAM,oBAAK,IAAI,KAAe;AAE1B,OAAO,cACT,OAAO,WAAW,+BAA+B,CAAC,iBAAiB,WAAW,MAAM;AAClF,GAAO,EAAY,EAAG,QAAQ,GAAG,MAAO,EAAG,EAAE,UAAU,SAAS,QAAQ,CAAC,CAAC;EAC1E;AAMJ,IAAM,IAAe,EAFnB,OAAO,cAAc,OAAO,WAAW,+BAA+B,CAAC,UAAU,SAAS,QAEvD,EAC/B,IAAa,EAAuB,QAAQ;AAElD,SAAgB,EAAS,GAAgB;CACvC,IAAM,IAAQ,QACL,EAAW,QAAQ,EAAW,QAAQ,EAAa,MAC1D,EAEI,KAAM,MAAiB;AAE3B,EADA,EAAa,QAAQ,GACrB,IAAM,EAAM;;CAGd,SAAS,IAAc;AACrB,IAAW,QACT,EAAM,UAAU,UAAU,UAAS,EAAM,OAAmB;;AAehE,QAZA,EAAM,IAAQ,MAAM;AAClB,MAAM,EAAM,EAAE,CAAC;GACf,EAEF,QAAgB;AACd,IAAG,IAAI,EAAG;GACV,EAEF,QAAkB;AAChB,IAAG,OAAO,EAAG;GACb,EAEK,CAAC,GAAO,EAAY"}
+{"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composition/useTheme.ts"],"sourcesContent":["import { computed, onMounted, onUnmounted, ref, unref, watch } from \"vue\";\nimport { mapIterable, toList } from \"../helpers/iterators\";\nimport { useLocalStorage } from \"./useLocalStorage\";\n\ntype Theme = \"light\" | \"dark\";\n\ntype Callback = (mode: Theme) => void;\n\nconst cm = new Set<Callback>();\n\nif (window.matchMedia) {\n  window.matchMedia(\"(prefers-color-scheme: dark)\").addEventListener(\"change\", (e) => {\n    toList(mapIterable(cm.values(), (cb) => cb(e.matches ? \"dark\" : \"light\")));\n  });\n}\n\nconst init =\n  window.matchMedia && window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n\nconst browserTheme = ref<Theme>(init);\nconst savedTheme = useLocalStorage<Theme>(\"theme\");\n\nexport function useTheme(_cb?: Callback) {\n  const theme = computed<Theme>(() => {\n    return savedTheme.value ? savedTheme.value : browserTheme.value;\n  });\n\n  const cb = (theme: Theme) => {\n    browserTheme.value = theme;\n    _cb?.(theme);\n  };\n\n  function toggleTheme() {\n    savedTheme.value =\n      theme.value === \"light\" ? \"dark\" : theme.value === \"dark\" ? \"light\" : \"light\";\n  }\n\n  watch(theme, (v) => {\n    _cb?.(unref(v));\n  });\n\n  onMounted(() => {\n    cm.add(cb);\n  });\n\n  onUnmounted(() => {\n    cm.delete(cb);\n  });\n\n  return [theme, toggleTheme] as const;\n}\n"],"mappings":";;;;AAQA,IAAM,oBAAK,IAAI,KAAe;AAE1B,OAAO,cACT,OAAO,WAAW,+BAA+B,CAAC,iBAAiB,WAAW,MAAM;AAClF,GAAO,EAAY,EAAG,QAAQ,GAAG,MAAO,EAAG,EAAE,UAAU,SAAS,QAAQ,CAAC,CAAC;EAC1E;AAMJ,IAAM,IAAe,EAFnB,OAAO,cAAc,OAAO,WAAW,+BAA+B,CAAC,UAAU,SAAS,QAEvD,EAC/B,IAAa,EAAuB,QAAQ;AAElD,SAAgB,EAAS,GAAgB;CACvC,IAAM,IAAQ,QACL,EAAW,QAAQ,EAAW,QAAQ,EAAa,MAC1D,EAEI,KAAM,MAAiB;AAE3B,EADA,EAAa,QAAQ,GACrB,IAAM,EAAM;;CAGd,SAAS,IAAc;AACrB,IAAW,QACT,EAAM,UAAU,UAAU,UAAS,EAAM,OAAmB;;AAehE,QAZA,EAAM,IAAQ,MAAM;AAClB,MAAM,EAAM,EAAE,CAAC;GACf,EAEF,QAAgB;AACd,IAAG,IAAI,EAAG;GACV,EAEF,QAAkB;AAChB,IAAG,OAAO,EAAG;GACb,EAEK,CAAC,GAAO,EAAY"}