@feugene/granularity 0.13.0 → 0.18.0

package/dist/chunks/useControlledOpen-DV3SqLTP.js

@@ -0,0 +1,27 @@
+import { computed, ref } from "vue";
+//#region src/composables/internal/useControlledOpen.ts
+/**
+* Контролируемое состояние открытия оверлея — единый контракт `v-model:open`
+* панельных компонентов (Popover, Select, TreeSelect, Autocomplete, Dropdown).
+*
+* Uncontrolled-состояние; в controlled-режиме перекрывается пропом `open`.
+* Без пропа `v-model` был бы обязателен, а поповер без модели — самый частый
+* случай использования. Гарды компонента (disabled/readonly) остаются на его
+* стороне — примитив ведёт только состояние и эмит.
+*/
+function useControlledOpen(controlled, onChange) {
+	const internalOpen = ref(false);
+	const isControlled = computed(() => controlled() !== void 0);
+	const open = computed(() => controlled() ?? internalOpen.value);
+	function setOpen(next) {
+		if (next === open.value) return;
+		if (!isControlled.value) internalOpen.value = next;
+		onChange(next);
+	}
+	return {
+		open,
+		setOpen
+	};
+}
+//#endregion
+export { useControlledOpen as t };

package/dist/chunks/useControlledOpen-DV3SqLTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledOpen-DV3SqLTP.js","names":[],"sources":["../../src/composables/internal/useControlledOpen.ts"],"sourcesContent":["import type { ComputedRef } from 'vue'\nimport { computed, ref } from 'vue'\n\n/**\n * Контролируемое состояние открытия оверлея — единый контракт `v-model:open`\n * панельных компонентов (Popover, Select, TreeSelect, Autocomplete, Dropdown).\n *\n * Uncontrolled-состояние; в controlled-режиме перекрывается пропом `open`.\n * Без пропа `v-model` был бы обязателен, а поповер без модели — самый частый\n * случай использования. Гарды компонента (disabled/readonly) остаются на его\n * стороне — примитив ведёт только состояние и эмит.\n */\nexport function useControlledOpen(\n  controlled: () => boolean | undefined,\n  onChange: (value: boolean) => void,\n): { open: ComputedRef<boolean>, setOpen: (next: boolean) => void } {\n  const internalOpen = ref(false)\n  const isControlled = computed(() => controlled() !== undefined)\n  const open = computed(() => controlled() ?? internalOpen.value)\n\n  function setOpen(next: boolean): void {\n    // Сравнение — ДО мутации: в uncontrolled-режиме запись в `internalOpen`\n    // немедленно меняет `open`, и проверка после неё всегда была бы ложной,\n    // то есть `onChange` не вызывался бы никогда.\n    if (next === open.value) return\n\n    if (!isControlled.value) internalOpen.value = next\n\n    onChange(next)\n  }\n\n  return { open, setOpen }\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,kBACd,YACA,UACkE;CAClE,MAAM,eAAe,IAAI,KAAK;CAC9B,MAAM,eAAe,eAAe,WAAW,MAAM,KAAA,CAAS;CAC9D,MAAM,OAAO,eAAe,WAAW,KAAK,aAAa,KAAK;CAE9D,SAAS,QAAQ,MAAqB;EAIpC,IAAI,SAAS,KAAK,OAAO;EAEzB,IAAI,CAAC,aAAa,OAAO,aAAa,QAAQ;EAE9C,SAAS,IAAI;CACf;CAEA,OAAO;EAAE;EAAM;CAAQ;AACzB"}

package/dist/chunks/useDragSort-0l47h4yb.js

@@ -0,0 +1,265 @@
+import { useDragGesture } from "../composables/useDragGesture.js";
+import { computed, onScopeDispose, shallowRef } from "vue";
+//#region src/composables/internal/dragSortGeometry.ts
+/**
+* Какой элемент под указателем и в каком месте его.
+*
+* Промах не отбрасывается: между строками есть зазоры, а курсор уезжает за
+* край списка — и в обоих случаях перенос обязан продолжать показывать
+* ближайшую цель, иначе индикатор мигает на каждом пикселе между строками.
+*
+* Вырожденный отрезок (нулевая высота строки) даёт `fraction: 0` — цель
+* остаётся детерминированной, а не зависящей от направления подхода.
+*/
+function hitTest(spans, position) {
+	if (spans.length === 0) return null;
+	let nearestIndex = 0;
+	let nearestDistance = Number.POSITIVE_INFINITY;
+	for (let index = 0; index < spans.length; index += 1) {
+		const span = spans[index];
+		if (position >= span.start && position <= span.end) return {
+			index,
+			fraction: fractionIn(span, position)
+		};
+		const distance = position < span.start ? span.start - position : position - span.end;
+		if (distance < nearestDistance) {
+			nearestDistance = distance;
+			nearestIndex = index;
+		}
+	}
+	const nearest = spans[nearestIndex];
+	return {
+		index: nearestIndex,
+		fraction: fractionIn(nearest, position)
+	};
+}
+function fractionIn(span, position) {
+	const size = span.end - span.start;
+	if (size <= 0) return 0;
+	return clamp((position - span.start) / size, 0, 1);
+}
+/**
+* Куда встанет элемент, если отпустить сейчас.
+*
+* Верхняя половина строки — «до неё», нижняя — «после». Индекс возвращается
+* **в терминах итогового массива**, то есть уже с поправкой на то, что
+* перетаскиваемый элемент из него временно вынут: без поправки перенос вниз
+* на одну позицию не двигал бы ничего.
+*/
+function insertionIndex(hit, from, count) {
+	if (count <= 0) return 0;
+	const base = hit.fraction < .5 ? hit.index : hit.index + 1;
+	return clamp(from < base ? base - 1 : base, 0, count - 1);
+}
+/**
+* На сколько прокрутить контейнер за кадр: отрицательное — к началу.
+*
+* Скорость растёт линейно по мере приближения к краю, а не включается
+* ступенькой: ступенька на длинном списке ощущается как рывок и промахивается
+* мимо цели.
+*/
+function autoScrollDelta(viewport, position, options = {}) {
+	const zone = options.zone ?? 32;
+	const speed = options.speed ?? 12;
+	if (zone <= 0 || speed <= 0) return 0;
+	if (viewport.end - viewport.start <= zone * 2) return 0;
+	if (position < viewport.start || position > viewport.end) return 0;
+	const fromStart = position - viewport.start;
+	if (fromStart < zone) return -Math.ceil((zone - fromStart) / zone * speed);
+	const fromEnd = viewport.end - position;
+	if (fromEnd < zone) return Math.ceil((zone - fromEnd) / zone * speed);
+	return 0;
+}
+/**
+* Перестановка без мутации входа: массив потребителя остаётся нетронутым,
+* наружу уходит новый. `v-model` с мутацией исходного набора ломает и
+* сравнение «было — стало», и историю в сторе потребителя.
+*/
+function moveItem(items, from, to) {
+	const next = items.slice();
+	if (from === to || from < 0 || from >= items.length) return next;
+	const [moved] = next.splice(from, 1);
+	next.splice(clamp(to, 0, next.length), 0, moved);
+	return next;
+}
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+//#endregion
+//#region src/composables/useDragSort.ts
+function useDragSort(options) {
+	const source = shallowRef(null);
+	const target = shallowRef(null);
+	const mode = shallowRef(null);
+	const isActive = computed(() => mode.value !== null);
+	let pendingKey = null;
+	let originX = 0;
+	let originY = 0;
+	let lastPoint = null;
+	let scrollFrame = null;
+	const gesture = useDragGesture({
+		disabled: () => options.disabled?.() ?? false,
+		onStart: (event) => {
+			if (pendingKey === null) return false;
+			if (options.canDrag?.(pendingKey) === false) return false;
+			originX = event.clientX;
+			originY = event.clientY;
+			return true;
+		},
+		onMove: (event) => {
+			if (mode.value === null) {
+				if (Math.hypot(event.clientX - originX, event.clientY - originY) < (options.threshold?.() ?? 4)) return;
+				source.value = pendingKey;
+				mode.value = "pointer";
+				window.addEventListener("keydown", onWindowKeydown, true);
+				startScrolling();
+				notify();
+			}
+			event.preventDefault();
+			lastPoint = {
+				x: event.clientX,
+				y: event.clientY
+			};
+			updateTarget(lastPoint);
+		},
+		onEnd: () => {
+			if (mode.value === "pointer") commit();
+			else reset();
+		},
+		onCancel: reset
+	});
+	function isVertical() {
+		return (options.orientation?.() ?? "vertical") === "vertical";
+	}
+	function spanOf(rect) {
+		return isVertical() ? {
+			start: rect.top,
+			end: rect.bottom
+		} : {
+			start: rect.left,
+			end: rect.right
+		};
+	}
+	function notify() {
+		options.onUpdate?.(source.value, target.value, mode.value);
+	}
+	function updateTarget(point) {
+		const current = source.value;
+		if (current === null) return;
+		const rendered = [];
+		options.items().forEach((key, index) => {
+			const el = options.elementFor(key);
+			if (el) rendered.push({
+				key,
+				index,
+				span: spanOf(el.getBoundingClientRect())
+			});
+		});
+		const hit = hitTest(rendered.map((entry) => entry.span), isVertical() ? point.y : point.x);
+		const entry = hit === null ? null : rendered[hit.index];
+		const next = entry === null || hit === null ? null : options.resolveTarget({
+			key: entry.key,
+			index: entry.index,
+			fraction: hit.fraction
+		}, current, target.value);
+		if (next === target.value) return;
+		target.value = next;
+		notify();
+	}
+	/**
+	* Автопрокрутка живёт в своём кадре, а не в обработчике движения: у края
+	* указатель обычно стоит неподвижно, событий больше нет — а список должен
+	* продолжать ехать.
+	*/
+	function tickScroll() {
+		scrollFrame = null;
+		const scroller = options.scroller?.();
+		const point = lastPoint;
+		if (!scroller || !point || mode.value !== "pointer") return;
+		const delta = autoScrollDelta(spanOf(scroller.getBoundingClientRect()), isVertical() ? point.y : point.x);
+		if (delta !== 0) {
+			if (isVertical()) scroller.scrollTop += delta;
+			else scroller.scrollLeft += delta;
+			updateTarget(point);
+		}
+		scrollFrame = requestAnimationFrame(tickScroll);
+	}
+	function startScrolling() {
+		if (scrollFrame !== null || !options.scroller?.()) return;
+		scrollFrame = requestAnimationFrame(tickScroll);
+	}
+	function stopScrolling() {
+		if (scrollFrame === null) return;
+		cancelAnimationFrame(scrollFrame);
+		scrollFrame = null;
+	}
+	function onWindowKeydown(event) {
+		if (event.key !== "Escape") return;
+		event.preventDefault();
+		gesture.stop(false);
+	}
+	function reset() {
+		stopScrolling();
+		window.removeEventListener("keydown", onWindowKeydown, true);
+		pendingKey = null;
+		lastPoint = null;
+		source.value = null;
+		target.value = null;
+		mode.value = null;
+		notify();
+	}
+	function commit() {
+		const from = source.value;
+		const to = target.value;
+		if (from !== null && to !== null) options.onDrop(from, to);
+		reset();
+	}
+	function startFrom(key) {
+		return (event) => {
+			if (mode.value === "keyboard") return;
+			pendingKey = key;
+			gesture.start(event);
+		};
+	}
+	function grab(key) {
+		if (options.disabled?.() || options.canDrag?.(key) === false) return;
+		if (mode.value !== null) return;
+		source.value = key;
+		target.value = null;
+		mode.value = "keyboard";
+		notify();
+	}
+	function setTarget(next) {
+		if (mode.value !== "keyboard") return;
+		target.value = next;
+		notify();
+	}
+	function drop() {
+		if (mode.value !== "keyboard") return;
+		commit();
+	}
+	function cancel() {
+		if (mode.value === "pointer") {
+			gesture.stop(false);
+			return;
+		}
+		if (mode.value === "keyboard") reset();
+	}
+	onScopeDispose(() => {
+		stopScrolling();
+		window.removeEventListener("keydown", onWindowKeydown, true);
+	});
+	return {
+		source,
+		target,
+		mode,
+		isActive,
+		startFrom,
+		grab,
+		setTarget,
+		drop,
+		cancel
+	};
+}
+//#endregion
+export { insertionIndex as n, moveItem as r, useDragSort as t };

package/dist/chunks/useDragSort-0l47h4yb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragSort-0l47h4yb.js","names":[],"sources":["../../src/composables/internal/dragSortGeometry.ts","../../src/composables/useDragSort.ts"],"sourcesContent":["/**\n * Геометрия перестановки: чистая арифметика без DOM и без реактивности.\n *\n * Вынесена отдельно, потому что ошибка здесь проявляется не исключением, а\n * «элемент встал не туда» — поймать это можно только тестом на числах.\n * Композабл `useDragSort` сводит `DOMRect` к отрезкам вдоль оси и зовёт эти\n * функции; какой смысл у попадания, решает уже компонент.\n */\n\n/** Отрезок, занимаемый элементом вдоль оси переноса. */\nexport interface DragSortSpan {\n  start: number\n  end: number\n}\n\nexport interface DragSortHitResult {\n  /** Индекс элемента в переданном наборе. */\n  index: number\n  /** Доля вдоль элемента: 0 — его начало, 1 — конец. */\n  fraction: number\n}\n\n/**\n * Какой элемент под указателем и в каком месте его.\n *\n * Промах не отбрасывается: между строками есть зазоры, а курсор уезжает за\n * край списка — и в обоих случаях перенос обязан продолжать показывать\n * ближайшую цель, иначе индикатор мигает на каждом пикселе между строками.\n *\n * Вырожденный отрезок (нулевая высота строки) даёт `fraction: 0` — цель\n * остаётся детерминированной, а не зависящей от направления подхода.\n */\nexport function hitTest(spans: readonly DragSortSpan[], position: number): DragSortHitResult | null {\n  if (spans.length === 0) return null\n\n  let nearestIndex = 0\n  let nearestDistance = Number.POSITIVE_INFINITY\n\n  for (let index = 0; index < spans.length; index += 1) {\n    const span = spans[index]\n\n    if (position >= span.start && position <= span.end)\n      return { index, fraction: fractionIn(span, position) }\n\n    const distance = position < span.start ? span.start - position : position - span.end\n    if (distance < nearestDistance) {\n      nearestDistance = distance\n      nearestIndex = index\n    }\n  }\n\n  const nearest = spans[nearestIndex]\n\n  return { index: nearestIndex, fraction: fractionIn(nearest, position) }\n}\n\nfunction fractionIn(span: DragSortSpan, position: number): number {\n  const size = span.end - span.start\n  if (size <= 0) return 0\n\n  return clamp((position - span.start) / size, 0, 1)\n}\n\n/**\n * Куда встанет элемент, если отпустить сейчас.\n *\n * Верхняя половина строки — «до неё», нижняя — «после». Индекс возвращается\n * **в терминах итогового массива**, то есть уже с поправкой на то, что\n * перетаскиваемый элемент из него временно вынут: без поправки перенос вниз\n * на одну позицию не двигал бы ничего.\n */\nexport function insertionIndex(hit: DragSortHitResult, from: number, count: number): number {\n  if (count <= 0) return 0\n\n  const base = hit.fraction < 0.5 ? hit.index : hit.index + 1\n  const adjusted = from < base ? base - 1 : base\n\n  return clamp(adjusted, 0, count - 1)\n}\n\nexport interface AutoScrollOptions {\n  /** Ширина чувствительной полосы у каждого края, px. По умолчанию 32. */\n  zone?: number\n  /** Скорость на самом краю, px за кадр. По умолчанию 12. */\n  speed?: number\n}\n\n/**\n * На сколько прокрутить контейнер за кадр: отрицательное — к началу.\n *\n * Скорость растёт линейно по мере приближения к краю, а не включается\n * ступенькой: ступенька на длинном списке ощущается как рывок и промахивается\n * мимо цели.\n */\nexport function autoScrollDelta(viewport: DragSortSpan, position: number, options: AutoScrollOptions = {}): number {\n  const zone = options.zone ?? 32\n  const speed = options.speed ?? 12\n\n  if (zone <= 0 || speed <= 0) return 0\n  // Вьюпорт короче двух зон: полосы наложились бы и тянули список в обе стороны.\n  if (viewport.end - viewport.start <= zone * 2) return 0\n\n  if (position < viewport.start || position > viewport.end) return 0\n\n  const fromStart = position - viewport.start\n  if (fromStart < zone)\n    return -Math.ceil(((zone - fromStart) / zone) * speed)\n\n  const fromEnd = viewport.end - position\n  if (fromEnd < zone)\n    return Math.ceil(((zone - fromEnd) / zone) * speed)\n\n  return 0\n}\n\n/**\n * Перестановка без мутации входа: массив потребителя остаётся нетронутым,\n * наружу уходит новый. `v-model` с мутацией исходного набора ломает и\n * сравнение «было — стало», и историю в сторе потребителя.\n */\nexport function moveItem<T>(items: readonly T[], from: number, to: number): T[] {\n  const next = items.slice()\n  if (from === to || from < 0 || from >= items.length) return next\n\n  const [moved] = next.splice(from, 1)\n  next.splice(clamp(to, 0, next.length), 0, moved)\n\n  return next\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value))\n}\n","import type { Ref } from 'vue'\nimport { computed, onScopeDispose, shallowRef } from 'vue'\n\nimport type { DragSortSpan } from './internal/dragSortGeometry'\nimport { autoScrollDelta, hitTest } from './internal/dragSortGeometry'\nimport { useDragGesture } from './useDragGesture'\n\n/**\n * Модель перестановки: перенос элемента указателем и с клавиатуры.\n *\n * Композабл владеет **механикой** — сессией жеста поверх `useDragGesture`,\n * порогом начала, попаданием в элемент, автопрокруткой у краёв и состоянием\n * переноса. **Смысл** остаётся у компонента: что считать целью (индекс вставки\n * у списка, «до / внутрь / после» у дерева), какими клавишами это делается и\n * что сказать в живой регион.\n *\n * Граница проведена так не из вкуса: у списка цель переноса — число, у дерева —\n * пара «узел и зона», а `Space` в дереве уже занят чекбоксом. Общая у них\n * механика, а не семантика; обобщать семантику значило бы завести опцию на\n * каждое расхождение.\n *\n * Данные композабл не меняет: он сообщает «источник и цель», перестановку\n * делает потребитель (`moveItem` из `internal/dragSortGeometry` — если она\n * обычная).\n *\n * ```ts\n * const sort = useDragSort<string, number>({\n *   items: () => keys.value,\n *   elementFor: key => rowEls.get(key),\n *   scroller: () => scrollerEl.value,\n *   resolveTarget: (hit, source) => insertionIndex(hit, indexOf(source), keys.value.length),\n *   onDrop: (source, to) => emit('move', indexOf(source), to),\n * })\n * ```\n */\n\nexport type DragSortOrientation = 'vertical' | 'horizontal'\n\n/** Чем ведётся перенос: указателем или с клавиатуры. */\nexport type DragSortMode = 'pointer' | 'keyboard'\n\nexport interface DragSortHit<TKey> {\n  key: TKey\n  index: number\n  /** Доля вдоль элемента: 0 — начало, 1 — конец. Зоны нарезает компонент. */\n  fraction: number\n}\n\nexport interface UseDragSortOptions<TKey, TTarget> {\n  items: () => readonly TKey[]\n  elementFor: (key: TKey) => HTMLElement | null | undefined\n  /** По умолчанию `vertical`. */\n  orientation?: () => DragSortOrientation\n  /** Скроллер для автопрокрутки у краёв. Не задан — автопрокрутки нет. */\n  scroller?: () => HTMLElement | null | undefined\n  disabled?: () => boolean\n  canDrag?: (key: TKey) => boolean\n  /** Сдвиг, после которого нажатие становится переносом. По умолчанию 4px. */\n  threshold?: () => number\n  /**\n   * Попадание указателя → цель переноса. `null` — сюда положить нельзя.\n   *\n   * Третьим аргументом приходит прежняя цель: цели сравниваются по ссылке, и\n   * объектной цели (как «узел плюс зона» у дерева) стоит вернуть **ту же**\n   * ссылку, пока смысл не изменился, — иначе подсветка и объявления будут\n   * дёргаться на каждом движении указателя.\n   */\n  resolveTarget: (hit: DragSortHit<TKey>, source: TKey, previous: TTarget | null) => TTarget | null\n  /** Перенос состоялся. */\n  onDrop: (source: TKey, target: TTarget) => void\n  /** Состояние изменилось: подсветка строк и объявления — на этом. */\n  onUpdate?: (source: TKey | null, target: TTarget | null, mode: DragSortMode | null) => void\n}\n\nexport interface UseDragSortReturn<TKey, TTarget> {\n  source: Ref<TKey | null>\n  target: Ref<TTarget | null>\n  mode: Ref<DragSortMode | null>\n  isActive: Ref<boolean>\n  /** Вешается на `@pointerdown` ручки или строки. */\n  startFrom: (key: TKey) => (event: PointerEvent) => void\n  /** Клавиатурный перенос: взять элемент. */\n  grab: (key: TKey) => void\n  /** Клавиатурный перенос: назначить цель (двигать ведёт компонент). */\n  setTarget: (target: TTarget | null) => void\n  /** Положить: если цель есть — состоится `onDrop`. */\n  drop: () => void\n  /** Отменить: ничего не переносится. */\n  cancel: () => void\n}\n\nexport function useDragSort<TKey, TTarget>(\n  options: UseDragSortOptions<TKey, TTarget>,\n): UseDragSortReturn<TKey, TTarget> {\n  const source = shallowRef<TKey | null>(null)\n  const target = shallowRef<TTarget | null>(null)\n  const mode = shallowRef<DragSortMode | null>(null)\n  const isActive = computed(() => mode.value !== null)\n\n  // Нажатая, но ещё не потянутая строка: между `pointerdown` и порогом это\n  // остаётся обычным кликом, и объявлять перенос рано.\n  let pendingKey: TKey | null = null\n  let originX = 0\n  let originY = 0\n  let lastPoint: { x: number, y: number } | null = null\n  let scrollFrame: number | null = null\n\n  const gesture = useDragGesture({\n    disabled: () => options.disabled?.() ?? false,\n    onStart: (event) => {\n      if (pendingKey === null) return false\n      if (options.canDrag?.(pendingKey) === false) return false\n\n      originX = event.clientX\n      originY = event.clientY\n\n      return true\n    },\n    onMove: (event) => {\n      if (mode.value === null) {\n        const moved = Math.hypot(event.clientX - originX, event.clientY - originY)\n        if (moved < (options.threshold?.() ?? 4)) return\n\n        source.value = pendingKey\n        mode.value = 'pointer'\n        // Esc отменяет перенос, но `pointercancel` браузер при этом не шлёт —\n        // клавишу приходится слушать самим, в capture, до слоёв приложения.\n        window.addEventListener('keydown', onWindowKeydown, true)\n        startScrolling()\n        notify()\n      }\n\n      // Против выделения текста под курсором во время переноса.\n      event.preventDefault()\n\n      lastPoint = { x: event.clientX, y: event.clientY }\n      updateTarget(lastPoint)\n    },\n    onEnd: () => {\n      if (mode.value === 'pointer') commit()\n      else reset()\n    },\n    onCancel: reset,\n  })\n\n  function isVertical(): boolean {\n    return (options.orientation?.() ?? 'vertical') === 'vertical'\n  }\n\n  function spanOf(rect: DOMRect): DragSortSpan {\n    return isVertical() ? { start: rect.top, end: rect.bottom } : { start: rect.left, end: rect.right }\n  }\n\n  function notify(): void {\n    options.onUpdate?.(source.value, target.value, mode.value)\n  }\n\n  function updateTarget(point: { x: number, y: number }): void {\n    const current = source.value\n    if (current === null) return\n\n    // Отрисованы не все: список может быть под окном отсечения, ветка дерева —\n    // свёрнута. Попадание считается по тому, что на экране есть.\n    const rendered: { key: TKey, index: number, span: DragSortSpan }[] = []\n\n    options.items().forEach((key, index) => {\n      const el = options.elementFor(key)\n      if (el) rendered.push({ key, index, span: spanOf(el.getBoundingClientRect()) })\n    })\n\n    const hit = hitTest(rendered.map(entry => entry.span), isVertical() ? point.y : point.x)\n    const entry = hit === null ? null : rendered[hit.index]\n    const next = entry === null || hit === null\n      ? null\n      : options.resolveTarget({ key: entry.key, index: entry.index, fraction: hit.fraction }, current, target.value)\n\n    if (next === target.value) return\n\n    target.value = next\n    notify()\n  }\n\n  /**\n   * Автопрокрутка живёт в своём кадре, а не в обработчике движения: у края\n   * указатель обычно стоит неподвижно, событий больше нет — а список должен\n   * продолжать ехать.\n   */\n  function tickScroll(): void {\n    scrollFrame = null\n\n    const scroller = options.scroller?.()\n    const point = lastPoint\n    if (!scroller || !point || mode.value !== 'pointer') return\n\n    const delta = autoScrollDelta(spanOf(scroller.getBoundingClientRect()), isVertical() ? point.y : point.x)\n\n    if (delta !== 0) {\n      if (isVertical()) scroller.scrollTop += delta\n      else scroller.scrollLeft += delta\n\n      updateTarget(point)\n    }\n\n    scrollFrame = requestAnimationFrame(tickScroll)\n  }\n\n  function startScrolling(): void {\n    if (scrollFrame !== null || !options.scroller?.()) return\n\n    scrollFrame = requestAnimationFrame(tickScroll)\n  }\n\n  function stopScrolling(): void {\n    if (scrollFrame === null) return\n\n    cancelAnimationFrame(scrollFrame)\n    scrollFrame = null\n  }\n\n  function onWindowKeydown(event: KeyboardEvent): void {\n    if (event.key !== 'Escape') return\n\n    event.preventDefault()\n    gesture.stop(false)\n  }\n\n  function reset(): void {\n    stopScrolling()\n    window.removeEventListener('keydown', onWindowKeydown, true)\n\n    pendingKey = null\n    lastPoint = null\n    source.value = null\n    target.value = null\n    mode.value = null\n    notify()\n  }\n\n  function commit(): void {\n    const from = source.value\n    const to = target.value\n\n    if (from !== null && to !== null) options.onDrop(from, to)\n\n    reset()\n  }\n\n  function startFrom(key: TKey) {\n    return (event: PointerEvent): void => {\n      // Клавиатурный перенос идёт своим чередом: указатель его не перебивает.\n      if (mode.value === 'keyboard') return\n\n      pendingKey = key\n      gesture.start(event)\n    }\n  }\n\n  function grab(key: TKey): void {\n    if (options.disabled?.() || options.canDrag?.(key) === false) return\n    if (mode.value !== null) return\n\n    source.value = key\n    target.value = null\n    mode.value = 'keyboard'\n    notify()\n  }\n\n  function setTarget(next: TTarget | null): void {\n    if (mode.value !== 'keyboard') return\n\n    target.value = next\n    notify()\n  }\n\n  function drop(): void {\n    if (mode.value !== 'keyboard') return\n\n    commit()\n  }\n\n  function cancel(): void {\n    if (mode.value === 'pointer') {\n      gesture.stop(false)\n      return\n    }\n\n    if (mode.value === 'keyboard') reset()\n  }\n\n  onScopeDispose(() => {\n    stopScrolling()\n    window.removeEventListener('keydown', onWindowKeydown, true)\n  })\n\n  return { source, target, mode, isActive, startFrom, grab, setTarget, drop, cancel }\n}\n"],"mappings":"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"}

package/dist/chunks/useFilePreviews-DnwgdyBs.js

@@ -0,0 +1,53 @@
+//#region src/composables/internal/useFilePreviews.ts
+/**
+* Ключи списка и миниатюры превью. Общий на файловые компоненты пакета:
+* `GrFileUpload` (отправка) и `GrFormFile` (поле формы) показывают один и тот
+* же набор одинаково, и правила «что считать картинкой» у них обязаны совпадать.
+*
+* Ключ считается от самого файла, а не от имени: два одноимённых файла из
+* разных папок делили бы один `<li>`, и кнопка удаления в строке снимала бы
+* не тот файл.
+*
+* `object URL` живёт ровно столько, сколько файл в наборе: без отзыва blob
+* висит в памяти вкладки до перезагрузки — утечка тем заметнее, чем чаще
+* пользователь перевыбирает файлы.
+*/
+function useFilePreviews(options) {
+	const keys = /* @__PURE__ */ new WeakMap();
+	const urls = /* @__PURE__ */ new Map();
+	let counter = 0;
+	function fileKey(file) {
+		const existing = keys.get(file);
+		if (existing !== void 0) return existing;
+		counter += 1;
+		const key = `gr-file-${counter}`;
+		keys.set(file, key);
+		return key;
+	}
+	function previewUrl(file) {
+		if (!options.enabled() || !file.type.startsWith("image/")) return void 0;
+		const existing = urls.get(file);
+		if (existing) return existing;
+		if (typeof URL === "undefined" || typeof URL.createObjectURL !== "function") return void 0;
+		const url = URL.createObjectURL(file);
+		urls.set(file, url);
+		return url;
+	}
+	function revokePreview(file) {
+		const url = urls.get(file);
+		if (!url) return;
+		URL.revokeObjectURL(url);
+		urls.delete(file);
+	}
+	function revokeAllPreviews() {
+		for (const file of [...urls.keys()]) revokePreview(file);
+	}
+	return {
+		fileKey,
+		previewUrl,
+		revokePreview,
+		revokeAllPreviews
+	};
+}
+//#endregion
+export { useFilePreviews as t };

package/dist/chunks/useFilePreviews-DnwgdyBs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilePreviews-DnwgdyBs.js","names":[],"sources":["../../src/composables/internal/useFilePreviews.ts"],"sourcesContent":["export interface UseFilePreviewsOptions {\n  /** Включены ли миниатюры. Геттер — проп реактивен. */\n  enabled: () => boolean\n}\n\nexport interface UseFilePreviewsReturn {\n  /** Стабильный ключ файла для `v-for`. */\n  fileKey: (file: File) => string\n  /** `object URL` миниатюры или `undefined`, если файл не картинка. */\n  previewUrl: (file: File) => string | undefined\n  revokePreview: (file: File) => void\n  revokeAllPreviews: () => void\n}\n\n/**\n * Ключи списка и миниатюры превью. Общий на файловые компоненты пакета:\n * `GrFileUpload` (отправка) и `GrFormFile` (поле формы) показывают один и тот\n * же набор одинаково, и правила «что считать картинкой» у них обязаны совпадать.\n *\n * Ключ считается от самого файла, а не от имени: два одноимённых файла из\n * разных папок делили бы один `<li>`, и кнопка удаления в строке снимала бы\n * не тот файл.\n *\n * `object URL` живёт ровно столько, сколько файл в наборе: без отзыва blob\n * висит в памяти вкладки до перезагрузки — утечка тем заметнее, чем чаще\n * пользователь перевыбирает файлы.\n */\nexport function useFilePreviews(options: UseFilePreviewsOptions): UseFilePreviewsReturn {\n  const keys = new WeakMap<File, string>()\n  const urls = new Map<File, string>()\n  let counter = 0\n\n  function fileKey(file: File): string {\n    const existing = keys.get(file)\n    if (existing !== undefined) return existing\n\n    counter += 1\n    const key = `gr-file-${counter}`\n    keys.set(file, key)\n    return key\n  }\n\n  function previewUrl(file: File): string | undefined {\n    if (!options.enabled() || !file.type.startsWith('image/')) return undefined\n\n    const existing = urls.get(file)\n    if (existing) return existing\n\n    if (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') return undefined\n\n    const url = URL.createObjectURL(file)\n    urls.set(file, url)\n    return url\n  }\n\n  function revokePreview(file: File): void {\n    const url = urls.get(file)\n    if (!url) return\n\n    URL.revokeObjectURL(url)\n    urls.delete(file)\n  }\n\n  function revokeAllPreviews(): void {\n    for (const file of [...urls.keys()]) revokePreview(file)\n  }\n\n  return { fileKey, previewUrl, revokePreview, revokeAllPreviews }\n}\n"],"mappings":";;;;;;;;;;;;;;AA2BA,SAAgB,gBAAgB,SAAwD;CACtF,MAAM,uBAAO,IAAI,QAAsB;CACvC,MAAM,uBAAO,IAAI,IAAkB;CACnC,IAAI,UAAU;CAEd,SAAS,QAAQ,MAAoB;EACnC,MAAM,WAAW,KAAK,IAAI,IAAI;EAC9B,IAAI,aAAa,KAAA,GAAW,OAAO;EAEnC,WAAW;EACX,MAAM,MAAM,WAAW;EACvB,KAAK,IAAI,MAAM,GAAG;EAClB,OAAO;CACT;CAEA,SAAS,WAAW,MAAgC;EAClD,IAAI,CAAC,QAAQ,QAAQ,KAAK,CAAC,KAAK,KAAK,WAAW,QAAQ,GAAG,OAAO,KAAA;EAElE,MAAM,WAAW,KAAK,IAAI,IAAI;EAC9B,IAAI,UAAU,OAAO;EAErB,IAAI,OAAO,QAAQ,eAAe,OAAO,IAAI,oBAAoB,YAAY,OAAO,KAAA;EAEpF,MAAM,MAAM,IAAI,gBAAgB,IAAI;EACpC,KAAK,IAAI,MAAM,GAAG;EAClB,OAAO;CACT;CAEA,SAAS,cAAc,MAAkB;EACvC,MAAM,MAAM,KAAK,IAAI,IAAI;EACzB,IAAI,CAAC,KAAK;EAEV,IAAI,gBAAgB,GAAG;EACvB,KAAK,OAAO,IAAI;CAClB;CAEA,SAAS,oBAA0B;EACjC,KAAK,MAAM,QAAQ,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,cAAc,IAAI;CACzD;CAEA,OAAO;EAAE;EAAS;EAAY;EAAe;CAAkB;AACjE"}

package/dist/chunks/useFocusWithin-BwHE0rzm.js

@@ -0,0 +1,33 @@
+//#region src/composables/internal/useFocusWithin.ts
+/**
+* Граница фокуса составного контрола.
+*
+* Нативные `focus`/`blur` не всплывают, поэтому у группы (радиогруппа,
+* сегменты, набор чекбоксов) их не поймать на корне вовсе — всплывают только
+* `focusin`/`focusout`. Но всплывают они и когда фокус переезжает **внутри**
+* группы: между её пунктами, с поля на его же кнопку очистки. Для потребителя
+* это не уход и не приход — контрол всё это время в фокусе, — а необработанный
+* переход дал бы `blur` + `focus` на каждую стрелку клавиатуры.
+*
+* Поэтому событие считается состоявшимся, только если `relatedTarget` лежит вне
+* корня. `relatedTarget: null` (клик по body, уход из окна, программный фокус)
+* — тоже пересечение границы.
+*/
+function useFocusWithin(root, options) {
+	function crossedBoundary(event) {
+		const other = event.relatedTarget;
+		if (!other) return true;
+		if (root.value?.contains(other)) return false;
+		return !options.containers?.().some((node) => node?.contains(other));
+	}
+	return {
+		onFocusIn(event) {
+			if (crossedBoundary(event)) options.enter?.(event);
+		},
+		onFocusOut(event) {
+			if (crossedBoundary(event)) options.leave?.(event);
+		}
+	};
+}
+//#endregion
+export { useFocusWithin as t };

package/dist/chunks/useFocusWithin-BwHE0rzm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithin-BwHE0rzm.js","names":[],"sources":["../../src/composables/internal/useFocusWithin.ts"],"sourcesContent":["import type { Ref } from 'vue'\n\nexport interface UseFocusWithinOptions {\n  /** Фокус пришёл снаружи внутрь. */\n  enter?: (event: FocusEvent) => void\n  /** Фокус ушёл изнутри наружу. */\n  leave?: (event: FocusEvent) => void\n  /**\n   * Узлы, которые считаются частью контрола, хотя лежат вне корня. Нужны там,\n   * где панель телепортирована в `body`, а фокус в неё уходит по-настоящему:\n   * без них переход в поле фильтра открытой панели выглядел бы уходом наружу.\n   */\n  containers?: () => (HTMLElement | null | undefined)[]\n}\n\nexport interface UseFocusWithinHandlers {\n  onFocusIn: (event: FocusEvent) => void\n  onFocusOut: (event: FocusEvent) => void\n}\n\n/**\n * Граница фокуса составного контрола.\n *\n * Нативные `focus`/`blur` не всплывают, поэтому у группы (радиогруппа,\n * сегменты, набор чекбоксов) их не поймать на корне вовсе — всплывают только\n * `focusin`/`focusout`. Но всплывают они и когда фокус переезжает **внутри**\n * группы: между её пунктами, с поля на его же кнопку очистки. Для потребителя\n * это не уход и не приход — контрол всё это время в фокусе, — а необработанный\n * переход дал бы `blur` + `focus` на каждую стрелку клавиатуры.\n *\n * Поэтому событие считается состоявшимся, только если `relatedTarget` лежит вне\n * корня. `relatedTarget: null` (клик по body, уход из окна, программный фокус)\n * — тоже пересечение границы.\n */\nexport function useFocusWithin(\n  root: Ref<HTMLElement | null>,\n  options: UseFocusWithinOptions,\n): UseFocusWithinHandlers {\n  function crossedBoundary(event: FocusEvent): boolean {\n    const other = event.relatedTarget as Node | null\n    if (!other) return true\n\n    if (root.value?.contains(other)) return false\n\n    return !options.containers?.().some(node => node?.contains(other))\n  }\n\n  return {\n    onFocusIn(event) {\n      if (crossedBoundary(event)) options.enter?.(event)\n    },\n    onFocusOut(event) {\n      if (crossedBoundary(event)) options.leave?.(event)\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,SAAgB,eACd,MACA,SACwB;CACxB,SAAS,gBAAgB,OAA4B;EACnD,MAAM,QAAQ,MAAM;EACpB,IAAI,CAAC,OAAO,OAAO;EAEnB,IAAI,KAAK,OAAO,SAAS,KAAK,GAAG,OAAO;EAExC,OAAO,CAAC,QAAQ,aAAa,CAAC,CAAC,MAAK,SAAQ,MAAM,SAAS,KAAK,CAAC;CACnE;CAEA,OAAO;EACL,UAAU,OAAO;GACf,IAAI,gBAAgB,KAAK,GAAG,QAAQ,QAAQ,KAAK;EACnD;EACA,WAAW,OAAO;GAChB,IAAI,gBAAgB,KAAK,GAAG,QAAQ,QAAQ,KAAK;EACnD;CACF;AACF"}

package/dist/chunks/useModalOverlay-BTq-0ImG.js

@@ -0,0 +1,212 @@
+import { c as useGrThemeAttrs } from "./context-BSYR7RZs.js";
+import { t as usePortalTarget } from "./usePortalTarget-RyzEgNTb.js";
+import { n as markInert, t as inertableOutside } from "./inert-DIHCCn_1.js";
+import { useOverlayLayer } from "../composables/useOverlayLayer.js";
+import { useFocusTrap } from "../composables/useFocusTrap.js";
+import { computed, onBeforeUnmount, onScopeDispose, ref, watch } from "vue";
+//#region src/composables/internal/useInertOthers.ts
+/**
+* Пока слой активен, всё вне его ветки помечено `inert`: от корня оверлея вверх
+* до `<body>`, на каждом уровне — соседи.
+*
+* Это вторая половина модальности: `z-index` перекрывает страницу глазами,
+* `inert` — клавиатурой и скринридером.
+*/
+function useInertOthers(root, active) {
+	let release;
+	function apply() {
+		release?.();
+		release = markInert(inertableOutside(root.value));
+	}
+	function clear() {
+		release?.();
+		release = void 0;
+	}
+	watch(() => Boolean(active()) && Boolean(root.value), (isActive) => {
+		if (isActive) apply();
+		else clear();
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	onScopeDispose(clear);
+}
+//#endregion
+//#region src/composables/internal/useOverlayPresence.ts
+/**
+* Присутствие оверлея в DOM отдельно от его видимости.
+*
+* Штатный `<Transition>` анимирует свой элемент, но не координирует соседей:
+* убери обёртку по `v-if` — и подложка с панелью исчезнут мгновенно, без
+* leave-анимации. Поэтому присутствие поддерева и видимость слоя — два разных
+* флага: первый снимается только по концу leave-анимации панели.
+*
+* Видимость включается **в том же такте**, что и монтирование: содержимое окна
+* обязано появляться в DOM сразу после открытия — на этом стоит и код
+* потребителя, и внутренние компоненты, которые ищут в панели свои элементы.
+* Enter-анимацию это не отменяет: `<Transition appear>` проигрывает её и на
+* первом рендере ребёнка.
+*/
+function useOverlayPresence(open) {
+	const mounted = ref(open.value);
+	const visible = ref(open.value);
+	watch(open, (isOpen) => {
+		if (isOpen) mounted.value = true;
+		visible.value = isOpen;
+	});
+	function onPanelAfterLeave() {
+		if (!open.value) mounted.value = false;
+	}
+	return {
+		mounted,
+		visible,
+		onPanelAfterLeave
+	};
+}
+//#endregion
+//#region src/composables/internal/useScrollLock.ts
+var lockCount = 0;
+var saved = null;
+var savedScrollY = 0;
+var releaseTouchGuard = null;
+/**
+* iOS определяем по платформе, а не по ширине экрана: лечение специфично для
+* движка, а не для размера. `maxTouchPoints` отличает iPadOS, который со времён
+* 13-й версии представляется десктопным Mac.
+*/
+function isIOS() {
+	if (typeof navigator === "undefined") return false;
+	return /iP(?:hone|ad|od)/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+}
+/** Прокручиваемая область оверлея — единственное, чему `touchmove` разрешён. */
+function isScrollableOverlayArea(target) {
+	if (!(target instanceof Element)) return false;
+	for (let node = target; node; node = node.parentElement) {
+		if (!(node instanceof HTMLElement)) continue;
+		if (node.hasAttribute("data-gr-overlay-root")) return true;
+	}
+	return false;
+}
+function applyTouchGuard() {
+	if (!isIOS()) return;
+	const onTouchMove = (event) => {
+		if (isScrollableOverlayArea(event.target)) return;
+		if (event.cancelable) event.preventDefault();
+	};
+	document.addEventListener("touchmove", onTouchMove, { passive: false });
+	releaseTouchGuard = () => document.removeEventListener("touchmove", onTouchMove);
+}
+function getScrollbarWidth() {
+	return window.innerWidth - document.documentElement.clientWidth;
+}
+function applyLock() {
+	const body = document.body;
+	saved = {
+		overflow: body.style.overflow,
+		paddingRight: body.style.paddingRight,
+		overscrollBehavior: body.style.overscrollBehavior
+	};
+	savedScrollY = window.scrollY;
+	const scrollbarWidth = getScrollbarWidth();
+	body.style.overflow = "hidden";
+	body.style.overscrollBehavior = "contain";
+	if (scrollbarWidth > 0) {
+		const currentPadding = Number.parseFloat(getComputedStyle(body).paddingRight) || 0;
+		body.style.paddingRight = `${currentPadding + scrollbarWidth}px`;
+	}
+	applyTouchGuard();
+}
+function releaseLock() {
+	releaseTouchGuard?.();
+	releaseTouchGuard = null;
+	if (!saved) return;
+	document.body.style.overflow = saved.overflow;
+	document.body.style.paddingRight = saved.paddingRight;
+	document.body.style.overscrollBehavior = saved.overscrollBehavior;
+	saved = null;
+	if (isIOS() && window.scrollY !== savedScrollY) window.scrollTo(0, savedScrollY);
+}
+/**
+* Возвращает пару `lock`/`unlock`, идемпотентную **в пределах одного инстанса**
+* (повторный `lock()` без `unlock()` не увеличивает глобальный счётчик дважды).
+* Глобальный счётчик разделяется всеми оверлеями.
+*/
+function useScrollLock() {
+	const isClient = typeof window !== "undefined";
+	let held = false;
+	function lock() {
+		if (!isClient || held) return;
+		held = true;
+		lockCount += 1;
+		if (lockCount === 1) applyLock();
+	}
+	function unlock() {
+		if (!isClient || !held) return;
+		held = false;
+		lockCount = Math.max(0, lockCount - 1);
+		if (lockCount === 0) releaseLock();
+	}
+	return {
+		lock,
+		unlock
+	};
+}
+//#endregion
+//#region src/composables/internal/useModalOverlay.ts
+function useModalOverlay(open, onDismiss, options) {
+	const isModal = () => typeof options.modal === "function" ? options.modal() : options.modal ?? true;
+	const rootEl = options.root ?? ref(null);
+	const isTopmost = ref(true);
+	const inertAttr = computed(() => open.value && isModal() && !isTopmost.value ? true : void 0);
+	const { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(options.teleportTo);
+	const themeAttrs = useGrThemeAttrs();
+	const { mounted: isMounted, visible: isVisible, onPanelAfterLeave } = useOverlayPresence(open);
+	const layer = useOverlayLayer(open, onDismiss, {
+		modal: isModal,
+		closeOnEscape: options.closeOnEscape,
+		onTopmostChange: (value) => {
+			isTopmost.value = value;
+		},
+		root: rootEl
+	});
+	useFocusTrap(options.panel, {
+		active: () => open.value && isModal() && isTopmost.value,
+		initialFocus: options.initialFocus,
+		fallbackFocus: () => options.panel.value,
+		containers: layer.rootsAbove,
+		restoreFocus: false
+	});
+	useInertOthers(rootEl, () => open.value && isModal() && isTopmost.value);
+	const { lock, unlock } = useScrollLock();
+	watch(() => options.lockScroll?.() ?? (open.value && isModal()), (locked) => {
+		if (locked) lock();
+		else unlock();
+	}, { immediate: true });
+	onBeforeUnmount(unlock);
+	let pointerDownOnBackdrop = false;
+	return {
+		rootEl,
+		isMounted,
+		isVisible,
+		isTopmost,
+		inertAttr,
+		portalTarget,
+		teleportEnabled,
+		themeAttrs,
+		onPanelAfterLeave,
+		backdrop: {
+			mousedown(event) {
+				pointerDownOnBackdrop = event.target === event.currentTarget;
+			},
+			click(event) {
+				const startedHere = pointerDownOnBackdrop;
+				pointerDownOnBackdrop = false;
+				if (!startedHere || event.target !== event.currentTarget) return;
+				if (options.closeOnBackdrop?.() === false) return;
+				onDismiss();
+			}
+		}
+	};
+}
+//#endregion
+export { useModalOverlay as t };