@feugene/granularity 0.13.0 → 0.18.0

package/dist/composables/useVirtualList.js

@@ -0,0 +1,244 @@
+import { computed, onScopeDispose, ref, watch } from "vue";
+//#region src/composables/useVirtualList.ts
+var DEFAULT_OVERSCAN = 4;
+/** Порог, ниже которого разницу замеров считаем шумом округления. */
+var SIZE_EPSILON = .5;
+function readSize(el) {
+	const box = el.getBoundingClientRect().height;
+	if (box > 0) return box;
+	return el.offsetHeight ?? 0;
+}
+function useVirtualList(options) {
+	const overscan = Math.max(0, Math.trunc(options.overscan ?? DEFAULT_OVERSCAN));
+	const gap = Math.max(0, options.gap ?? 0);
+	const estimateOf = typeof options.itemSize === "function" ? options.itemSize : () => options.itemSize;
+	const scrollTop = ref(0);
+	const measuredViewport = ref(0);
+	const measured = /* @__PURE__ */ new Map();
+	const observedIndex = /* @__PURE__ */ new WeakMap();
+	const hasResizeObserver = typeof ResizeObserver !== "undefined";
+	const sizeObserver = hasResizeObserver ? new ResizeObserver((entries) => {
+		for (const entry of entries) {
+			const index = observedIndex.get(entry.target);
+			if (index !== void 0) applySize(index, readSize(entry.target));
+		}
+	}) : null;
+	const viewportObserver = hasResizeObserver ? new ResizeObserver(() => syncViewport()) : null;
+	let attachedTo = null;
+	let offsets = [0];
+	/** До какого индекса префикс-суммы актуальны. */
+	let builtTo = 0;
+	/** Шаг раскладки: коробка элемента плюс зазор до следующего. */
+	function sizeAt(index) {
+		return (measured.get(index) ?? estimateOf(index)) + gap;
+	}
+	/**
+	* Достраивает префикс-суммы до нужного индекса.
+	*
+	* Замер инвалидирует хвост от своего индекса, а не весь массив: иначе каждая
+	* отрисованная строка стоила бы полного пересчёта по всему списку.
+	*/
+	function buildTo(index) {
+		const limit = Math.min(index, options.count());
+		while (builtTo < limit) {
+			offsets[builtTo + 1] = offsets[builtTo] + sizeAt(builtTo);
+			builtTo += 1;
+		}
+	}
+	function offsetAt(index) {
+		buildTo(index);
+		return offsets[Math.min(Math.max(index, 0), builtTo)] ?? 0;
+	}
+	function invalidateFrom(index) {
+		if (index < builtTo) builtTo = Math.max(0, index);
+	}
+	/** Последний индекс, чьё начало не ниже `px`. */
+	function indexAt(px) {
+		const count = options.count();
+		if (count === 0) return 0;
+		buildTo(count);
+		let low = 0;
+		let high = builtTo;
+		while (low < high) {
+			const mid = low + high + 1 >> 1;
+			if ((offsets[mid] ?? 0) <= px) low = mid;
+			else high = mid - 1;
+		}
+		return Math.min(low, count - 1);
+	}
+	function viewportSize() {
+		return measuredViewport.value || options.viewportSize?.() || 0;
+	}
+	/**
+	* Геометрия окна одним снимком.
+	*
+	* Считается явно, а не `computed`'ом поверх смещений: массив префикс-сумм
+	* мутируется на месте (иначе каждый замер пересоздавал бы десять тысяч чисел),
+	* и вывести из него реактивную зависимость нечем — трекер увидел бы только те
+	* индексы, которые пересчитывались в последний проход.
+	*/
+	const geometry = ref({
+		start: 0,
+		end: 0,
+		offset: 0,
+		offsetEnd: 0,
+		total: 0
+	});
+	function recompute() {
+		const count = options.count();
+		if (count === 0) {
+			geometry.value = {
+				start: 0,
+				end: 0,
+				offset: 0,
+				offsetEnd: 0,
+				total: 0
+			};
+			return;
+		}
+		const totalSize = offsetAt(count);
+		const height = viewportSize();
+		if (height <= 0) {
+			geometry.value = {
+				start: 0,
+				end: count,
+				offset: 0,
+				offsetEnd: 0,
+				total: totalSize
+			};
+			return;
+		}
+		const start = Math.max(0, indexAt(scrollTop.value) - overscan);
+		const end = Math.min(count, indexAt(scrollTop.value + height) + 1 + overscan);
+		geometry.value = {
+			start,
+			end,
+			offset: offsetAt(start),
+			offsetEnd: Math.max(0, totalSize - offsetAt(end)),
+			total: totalSize
+		};
+	}
+	const range = computed(() => ({
+		start: geometry.value.start,
+		end: geometry.value.end
+	}));
+	const total = computed(() => geometry.value.total);
+	const offset = computed(() => geometry.value.offset);
+	const offsetEnd = computed(() => geometry.value.offsetEnd);
+	const spacerStyle = computed(() => ({
+		"overflow-anchor": "none",
+		"--gr-virtual-before": `${geometry.value.offset}px`,
+		"--gr-virtual-after": `${geometry.value.offsetEnd}px`
+	}));
+	function syncScrollTop() {
+		const el = options.container.value;
+		if (!el) return;
+		scrollTop.value = el.scrollTop;
+		recompute();
+	}
+	function syncViewport() {
+		const el = options.container.value;
+		if (!el) return;
+		measuredViewport.value = el.clientHeight;
+		recompute();
+	}
+	function measure(index, el) {
+		if (!el) return;
+		observedIndex.set(el, index);
+		sizeObserver?.observe(el);
+		applySize(index, readSize(el));
+	}
+	function applySize(index, size) {
+		if (size <= 0) return;
+		const previous = measured.get(index);
+		if (previous !== void 0 && Math.abs(previous - size) < SIZE_EPSILON) return;
+		const start = offsetAt(index);
+		const delta = size - (previous ?? estimateOf(index));
+		measured.set(index, size);
+		invalidateFrom(index);
+		const el = options.container.value;
+		if (delta !== 0 && start < scrollTop.value && el) {
+			el.scrollTop += delta;
+			scrollTop.value = el.scrollTop;
+		}
+		recompute();
+	}
+	function scrollToIndex(index, align = "auto") {
+		const el = options.container.value;
+		const count = options.count();
+		if (!el || count === 0) return;
+		const clamped = Math.min(Math.max(index, 0), count - 1);
+		const start = offsetAt(clamped);
+		const size = sizeAt(clamped);
+		const height = el.clientHeight || viewportSize();
+		const end = start + size;
+		let next;
+		switch (align) {
+			case "start":
+				next = start;
+				break;
+			case "end":
+				next = end - height;
+				break;
+			case "center":
+				next = start + size / 2 - height / 2;
+				break;
+			case "auto":
+				if (start < el.scrollTop) next = start;
+				else if (end > el.scrollTop + height) next = end - height;
+				else return;
+				break;
+		}
+		el.scrollTop = Math.max(0, Math.min(next, offsetAt(count) - height));
+		scrollTop.value = el.scrollTop;
+		recompute();
+	}
+	function detach() {
+		if (!attachedTo) return;
+		attachedTo.removeEventListener("scroll", syncScrollTop);
+		viewportObserver?.unobserve(attachedTo);
+		attachedTo = null;
+	}
+	recompute();
+	watch(options.container, (el) => {
+		detach();
+		if (!el) return;
+		attachedTo = el;
+		el.addEventListener("scroll", syncScrollTop, { passive: true });
+		viewportObserver?.observe(el);
+		syncViewport();
+		syncScrollTop();
+	}, { immediate: true });
+	watch(() => options.count(), (count) => {
+		if (count < builtTo) truncate(count);
+		recompute();
+	});
+	function invalidate(from = 0) {
+		for (const index of [...measured.keys()]) if (index >= from) measured.delete(index);
+		invalidateFrom(from);
+		recompute();
+	}
+	if (options.source) watch(options.source, () => invalidate());
+	function truncate(count) {
+		builtTo = count;
+		offsets = offsets.slice(0, count + 1);
+		for (const index of [...measured.keys()]) if (index >= count) measured.delete(index);
+	}
+	onScopeDispose(() => {
+		detach();
+		sizeObserver?.disconnect();
+		viewportObserver?.disconnect();
+	});
+	return {
+		range,
+		totalSize: total,
+		offset,
+		offsetEnd,
+		spacerStyle,
+		measure,
+		scrollToIndex,
+		invalidate
+	};
+}
+//#endregion
+export { useVirtualList };

package/dist/composables/useVirtualList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualList.js","names":[],"sources":["../../src/composables/useVirtualList.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue'\nimport { computed, onScopeDispose, ref, watch } from 'vue'\n\n/**\n * Виртуализация длинного списка: в DOM живёт только окно вокруг вьюпорта.\n *\n * Композабл считает геометрию и отдаёт три числа — какой срез рисовать\n * (`range`), какой высоты держать распорку (`totalSize`) и на сколько сдвинуть\n * отрисованное (`offset`). Разметку строит потребитель: примитив ничего не\n * рендерит и ничего не знает про роли и клавиатуру своего списка.\n *\n * Скролл-протяжённость держат псевдоэлементы контейнера: `spacerStyle` отдаёт\n * их высоты переменными, а правило живёт в `<style>` компонента. Так\n * отрисованные строки остаются **прямыми детьми** контейнера, и роль вроде\n * `tree` или `listbox` не теряет обязательных потомков.\n *\n * ```vue\n * const container = useTemplateRef('scroller')\n * const { range, spacerStyle, measure } = useVirtualList({\n *   container,\n *   count: () => rows.value.length,\n *   itemSize: 28,\n *   viewportSize: () => props.maxHeight,\n * })\n *\n * <div\n *   ref=\"scroller\"\n *   role=\"tree\"\n *   data-gr-virtual\n *   :style=\"{ overflow: 'auto', maxHeight: '280px', ...spacerStyle }\"\n * >\n *   <Row v-for=\"i in window\" :key=\"…\" :ref=\"el => measure(i, el)\" />\n * </div>\n *\n * <style scoped>\n * [data-gr-virtual]::before,\n * [data-gr-virtual]::after { content: ''; display: block; flex: none; }\n * [data-gr-virtual]::before { height: var(--gr-virtual-before, 0px); }\n * [data-gr-virtual]::after { height: var(--gr-virtual-after, 0px); }\n * </style>\n * ```\n *\n * Почему правило повторяется в каждом компоненте, а не лежит в одном файле:\n * единственный глобальный стиль пакета (`styles/base.css`) потребитель вправе\n * не подключать, и уехавшее туда правило молча ломало бы прокрутку. Сверяет\n * копии гейт `src/__tests__/virtualSpacer.test.ts`.\n */\n\n/** Куда поставить элемент относительно вьюпорта при прокрутке к нему. */\nexport type GrVirtualAlign = 'auto' | 'start' | 'center' | 'end'\n\nexport interface UseVirtualListOptions {\n  /** Скроллящийся контейнер. До монтирования — `null`. */\n  container: Ref<HTMLElement | null>\n  /** Сколько элементов в списке. */\n  count: () => number\n  /**\n   * Оценка высоты элемента. Фактическая берётся из замера, как только элемент\n   * отрисован, — строки пакета заданы через `min-height`, и точного числа тут\n   * знать неоткуда.\n   */\n  itemSize: number | ((index: number) => number)\n  /**\n   * Высота вьюпорта до первого замера контейнера. Нужна, чтобы **первый рендер\n   * был детерминированным**: на сервере контейнера нет вовсе, а на клиенте он\n   * ещё не измерен. Без неё сервер и клиент нарисовали бы разные окна и\n   * гидрация разъехалась бы; с ней оба считают окно от одного числа.\n   */\n  viewportSize?: () => number | undefined\n  /**\n   * Идентити-токен данных списка — обычно сам массив. Смена идентичности\n   * сбрасывает все замеры (`invalidate()`): они привязаны к индексам, и после\n   * сортировки или замены массива хранили бы высоты чужих строк.\n   *\n   * Правило потребителя: **мутация массива на месте сохраняет замеры, замена\n   * массива сбрасывает**. Append в тот же реактивный массив (инфинити-скролл)\n   * идентичность не меняет — префикс замеров остаётся валидным.\n   */\n  source?: () => unknown\n  /**\n   * Зазор между элементами в пикселях (`gap` у flex/grid-контейнера).\n   *\n   * Замер элемента его не видит — `getBoundingClientRect` меряет коробку, а не\n   * шаг раскладки. Без этого числа список считался бы короче, чем он есть,\n   * и окно уползало бы тем сильнее, чем дальше прокрутка.\n   */\n  gap?: number\n  /** Сколько элементов рисовать за пределами вьюпорта. По умолчанию `4`. */\n  overscan?: number\n}\n\nexport interface UseVirtualListReturn {\n  /** Полуинтервал индексов к отрисовке: `[start, end)`. */\n  range: ComputedRef<{ start: number, end: number }>\n  /** Полная высота содержимого: распорка, которая держит скроллбар. */\n  totalSize: ComputedRef<number>\n  /** Отступ сверху: высота срезанного до окна. */\n  offset: ComputedRef<number>\n  /** Отступ снизу: высота срезанного после окна. */\n  offsetEnd: ComputedRef<number>\n  /**\n   * Стиль контейнера: высоты распорок и выключенный scroll anchoring.\n   *\n   * Имена переменных приезжают готовыми, поэтому написать их руками — и\n   * разойтись с правилом в `<style>` — нельзя. Опечатка в имени давала бы\n   * список без прокрутки, и увидеть это можно было бы только глазами.\n   */\n  spacerStyle: ComputedRef<Record<string, string>>\n  /** Регистрация отрисованного элемента: замер и подписка на изменение высоты. */\n  measure: (index: number, el: Element | null) => void\n  /** Прокрутка к элементу. Без выравнивания — минимальным движением. */\n  scrollToIndex: (index: number, align?: GrVirtualAlign) => void\n  /**\n   * Сбрасывает замеры с индекса `from` (по умолчанию — все) к оценкам.\n   * Видимые строки перемеряются первым же рендером; для смены данных обычно\n   * достаточно опции `source` — ручной вызов нужен, когда высоты строк\n   * изменились без замены массива (смена плотности, ресайз колонок).\n   */\n  invalidate: (from?: number) => void\n}\n\nconst DEFAULT_OVERSCAN = 4\n\n/** Порог, ниже которого разницу замеров считаем шумом округления. */\nconst SIZE_EPSILON = 0.5\n\nfunction readSize(el: Element): number {\n  const box = el.getBoundingClientRect().height\n  if (box > 0) return box\n\n  // jsdom не считает layout: `getBoundingClientRect` там всегда нулевой, а\n  // `offsetHeight` тест может задать сам.\n  return (el as HTMLElement).offsetHeight ?? 0\n}\n\nexport function useVirtualList(options: UseVirtualListOptions): UseVirtualListReturn {\n  const overscan = Math.max(0, Math.trunc(options.overscan ?? DEFAULT_OVERSCAN))\n  const gap = Math.max(0, options.gap ?? 0)\n  const estimateOf = typeof options.itemSize === 'function'\n    ? options.itemSize\n    : () => options.itemSize as number\n\n  const scrollTop = ref(0)\n  const measuredViewport = ref(0)\n\n  const measured = new Map<number, number>()\n  const observedIndex = new WeakMap<Element, number>()\n\n  // `ResizeObserver` нет ни на сервере, ни в jsdom. Без него композабл работает\n  // на оценках и явных замерах из `measure()` — это рабочий режим, а не отказ.\n  const hasResizeObserver = typeof ResizeObserver !== 'undefined'\n  const sizeObserver = hasResizeObserver\n    ? new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const index = observedIndex.get(entry.target)\n          if (index !== undefined) applySize(index, readSize(entry.target))\n        }\n      })\n    : null\n  const viewportObserver = hasResizeObserver ? new ResizeObserver(() => syncViewport()) : null\n  let attachedTo: HTMLElement | null = null\n  let offsets: number[] = [0]\n  /** До какого индекса префикс-суммы актуальны. */\n  let builtTo = 0\n\n  /** Шаг раскладки: коробка элемента плюс зазор до следующего. */\n  function sizeAt(index: number): number {\n    return (measured.get(index) ?? estimateOf(index)) + gap\n  }\n\n  /**\n   * Достраивает префикс-суммы до нужного индекса.\n   *\n   * Замер инвалидирует хвост от своего индекса, а не весь массив: иначе каждая\n   * отрисованная строка стоила бы полного пересчёта по всему списку.\n   */\n  function buildTo(index: number): void {\n    const limit = Math.min(index, options.count())\n    while (builtTo < limit) {\n      offsets[builtTo + 1] = offsets[builtTo] + sizeAt(builtTo)\n      builtTo += 1\n    }\n  }\n\n  function offsetAt(index: number): number {\n    buildTo(index)\n    return offsets[Math.min(Math.max(index, 0), builtTo)] ?? 0\n  }\n\n  function invalidateFrom(index: number): void {\n    if (index < builtTo) builtTo = Math.max(0, index)\n  }\n\n  /** Последний индекс, чьё начало не ниже `px`. */\n  function indexAt(px: number): number {\n    const count = options.count()\n    if (count === 0) return 0\n\n    buildTo(count)\n\n    let low = 0\n    let high = builtTo\n    while (low < high) {\n      const mid = (low + high + 1) >> 1\n      if ((offsets[mid] ?? 0) <= px) low = mid\n      else high = mid - 1\n    }\n\n    return Math.min(low, count - 1)\n  }\n\n  function viewportSize(): number {\n    return measuredViewport.value || options.viewportSize?.() || 0\n  }\n\n  /**\n   * Геометрия окна одним снимком.\n   *\n   * Считается явно, а не `computed`'ом поверх смещений: массив префикс-сумм\n   * мутируется на месте (иначе каждый замер пересоздавал бы десять тысяч чисел),\n   * и вывести из него реактивную зависимость нечем — трекер увидел бы только те\n   * индексы, которые пересчитывались в последний проход.\n   */\n  const geometry = ref({ start: 0, end: 0, offset: 0, offsetEnd: 0, total: 0 })\n\n  function recompute(): void {\n    const count = options.count()\n    if (count === 0) {\n      geometry.value = { start: 0, end: 0, offset: 0, offsetEnd: 0, total: 0 }\n      return\n    }\n\n    const totalSize = offsetAt(count)\n    const height = viewportSize()\n\n    // Высота неизвестна (контейнера нет и оценки не дали) — рисуем всё: меньше\n    // «списка целиком» отрисовать нечего без риска, что до замера так и не\n    // дойдёт ни одна строка.\n    if (height <= 0) {\n      geometry.value = { start: 0, end: count, offset: 0, offsetEnd: 0, total: totalSize }\n      return\n    }\n\n    const start = Math.max(0, indexAt(scrollTop.value) - overscan)\n    const end = Math.min(count, indexAt(scrollTop.value + height) + 1 + overscan)\n\n    geometry.value = {\n      start,\n      end,\n      offset: offsetAt(start),\n      offsetEnd: Math.max(0, totalSize - offsetAt(end)),\n      total: totalSize,\n    }\n  }\n\n  const range = computed(() => ({ start: geometry.value.start, end: geometry.value.end }))\n  const total = computed(() => geometry.value.total)\n  const offset = computed(() => geometry.value.offset)\n  const offsetEnd = computed(() => geometry.value.offsetEnd)\n\n  const spacerStyle = computed(() => ({\n    // Браузерный scroll anchoring обязан быть выключен. Он удерживает видимый\n    // узел на месте, подправляя `scrollTop`, когда меняется высота содержимого\n    // выше него, — а окно меняет её на каждом кадре прокрутки. Дальше пересчёт\n    // окна и якорь начинают двигать список навстречу друг другу, и прокрутка\n    // уезжает тем сильнее, чем дальше оценка строки от фактической высоты.\n    'overflow-anchor': 'none',\n    '--gr-virtual-before': `${geometry.value.offset}px`,\n    '--gr-virtual-after': `${geometry.value.offsetEnd}px`,\n  }))\n\n  function syncScrollTop(): void {\n    const el = options.container.value\n    if (!el) return\n\n    scrollTop.value = el.scrollTop\n    recompute()\n  }\n\n  function syncViewport(): void {\n    const el = options.container.value\n    if (!el) return\n\n    measuredViewport.value = el.clientHeight\n    recompute()\n  }\n\n  function measure(index: number, el: Element | null): void {\n    if (!el) return\n\n    observedIndex.set(el, index)\n    sizeObserver?.observe(el)\n\n    applySize(index, readSize(el))\n  }\n\n  function applySize(index: number, size: number): void {\n    if (size <= 0) return\n\n    const previous = measured.get(index)\n    if (previous !== undefined && Math.abs(previous - size) < SIZE_EPSILON) return\n\n    // Считаем смещение ДО правки: строка ниже вьюпорта позицию не двигает, а\n    // строка выше — двигает всё содержимое под курсором.\n    const start = offsetAt(index)\n    const delta = size - (previous ?? estimateOf(index))\n\n    measured.set(index, size)\n    invalidateFrom(index)\n\n    const el = options.container.value\n    // Компенсация: без неё уточнение высоты уже прокрученных строк выглядит как\n    // рывок списка вверх или вниз ровно в момент замера.\n    if (delta !== 0 && start < scrollTop.value && el) {\n      el.scrollTop += delta\n      scrollTop.value = el.scrollTop\n    }\n\n    recompute()\n  }\n\n  function scrollToIndex(index: number, align: GrVirtualAlign = 'auto'): void {\n    const el = options.container.value\n    const count = options.count()\n    if (!el || count === 0) return\n\n    const clamped = Math.min(Math.max(index, 0), count - 1)\n    const start = offsetAt(clamped)\n    const size = sizeAt(clamped)\n    const height = el.clientHeight || viewportSize()\n    const end = start + size\n\n    let next: number\n    switch (align) {\n      case 'start':\n        next = start\n        break\n      case 'end':\n        next = end - height\n        break\n      case 'center':\n        next = start + size / 2 - height / 2\n        break\n      case 'auto':\n        if (start < el.scrollTop) next = start\n        else if (end > el.scrollTop + height) next = end - height\n        else return\n        break\n    }\n\n    el.scrollTop = Math.max(0, Math.min(next, offsetAt(count) - height))\n    scrollTop.value = el.scrollTop\n    recompute()\n  }\n\n  function detach(): void {\n    if (!attachedTo) return\n    attachedTo.removeEventListener('scroll', syncScrollTop)\n    viewportObserver?.unobserve(attachedTo)\n    attachedTo = null\n  }\n\n  // Первый снимок до всякого монтирования: на сервере и на первом клиентском\n  // рендере контейнера ещё нет, а окно уже должно быть посчитано — и одинаково.\n  recompute()\n\n  watch(options.container, (el) => {\n    detach()\n    if (!el) return\n\n    attachedTo = el\n    el.addEventListener('scroll', syncScrollTop, { passive: true })\n    viewportObserver?.observe(el)\n    syncViewport()\n    syncScrollTop()\n  }, { immediate: true })\n\n  // Длина списка изменилась. Сокращение дополнительно чистит хвост смещений и\n  // замеров: он относится к строкам, которых больше нет.\n  watch(() => options.count(), (count) => {\n    if (count < builtTo) truncate(count)\n    recompute()\n  })\n\n  function invalidate(from = 0): void {\n    for (const index of [...measured.keys()]) {\n      if (index >= from) measured.delete(index)\n    }\n    invalidateFrom(from)\n    recompute()\n  }\n\n  if (options.source) {\n    // Идентичность данных сменилась — замеры принадлежат прошлому набору.\n    watch(options.source, () => invalidate())\n  }\n\n  function truncate(count: number): void {\n    builtTo = count\n    offsets = offsets.slice(0, count + 1)\n    for (const index of [...measured.keys()]) {\n      if (index >= count) measured.delete(index)\n    }\n  }\n\n  onScopeDispose(() => {\n    detach()\n    sizeObserver?.disconnect()\n    viewportObserver?.disconnect()\n  })\n\n  return { range, totalSize: total, offset, offsetEnd, spacerStyle, measure, scrollToIndex, invalidate }\n}\n"],"mappings":"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"}

package/dist/directives/dropzone.js

@@ -1,4 +1,4 @@
-import { l as runFileValidators, u as FileValidationError } from "../chunks/fileValidation-C3WFaWU2.js";
+import { f as runFileValidators, p as FileValidationError } from "../chunks/fileValidation-D5TFBhbv.js";
 //#region src/directives/dropzone.ts
 function normalize(value) {
 	if (typeof value === "function") return {

package/dist/directives/hotkey.js

@@ -1,11 +1,6 @@
+import { a as shiftSatisfied, i as isEditableTarget, n as isAppleDevice, r as isComposingEvent, t as eventMatchesKey } from "../chunks/keyboard-DE2yhz_b.js";
 //#region src/directives/hotkey.ts
 var states = /* @__PURE__ */ new WeakMap();
-function isEditableTarget(target) {
-	if (!(target instanceof HTMLElement)) return false;
-	if (target.isContentEditable) return true;
-	const tag = target.tagName;
-	return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
-}
 function normalizeBinding(value) {
 	if (!value) return {
 		enabled: false,
@@ -41,13 +36,15 @@ function parseHotkeys(map) {
 		if (!parts.length) continue;
 		let ctrl = false;
 		let meta = false;
+		let mod = false;
 		let alt = false;
 		let shift = false;
 		const keyToken = parts.at(-1);
 		if (!keyToken) continue;
 		for (const p of parts.slice(0, -1)) {
 			const t = p.toLowerCase();
-			if (t === "ctrl" || t === "control") ctrl = true;
+			if (t === "mod") mod = true;
+			else if (t === "ctrl" || t === "control") ctrl = true;
 			else if (t === "meta" || t === "cmd" || t === "command" || t === "⌘") meta = true;
 			else if (t === "alt" || t === "option") alt = true;
 			else if (t === "shift") shift = true;
@@ -58,6 +55,7 @@ function parseHotkeys(map) {
 			key,
 			ctrl,
 			meta,
+			mod,
 			alt,
 			shift,
 			entry
@@ -65,10 +63,15 @@ function parseHotkeys(map) {
 	}
 	return parsed;
 }
-function matchKey(expected, eventKey) {
-	if (expected === " ") return eventKey === " " || eventKey === "Spacebar";
-	if (expected.length === 1) return expected.toLowerCase() === eventKey.toLowerCase();
-	return expected === eventKey;
+function matchesHotkey(event, hk) {
+	const apple = hk.mod ? isAppleDevice() : false;
+	const expectMeta = hk.meta || hk.mod && apple;
+	const expectCtrl = hk.ctrl || hk.mod && !apple;
+	if (expectCtrl !== event.ctrlKey) return false;
+	if (expectMeta !== event.metaKey) return false;
+	if (hk.alt !== event.altKey) return false;
+	if (!shiftSatisfied(event, hk.key, hk.shift)) return false;
+	return eventMatchesKey(event, hk.key, { codeFallback: expectCtrl || expectMeta || hk.alt });
 }
 function resolveEntry(entry) {
 	if (typeof entry === "function") return {
@@ -110,17 +113,14 @@ var vHotkey = {
 				const current = states.get(el);
 				if (!current?.enabled) return;
 				if (!el.isConnected) return;
+				if (isComposingEvent(event)) return;
 				const editable = isEditableTarget(event.target);
 				for (const hk of current.hotkeys) {
-					if (hk.ctrl !== event.ctrlKey) continue;
-					if (hk.meta !== event.metaKey) continue;
-					if (hk.alt !== event.altKey) continue;
-					if (hk.shift !== event.shiftKey) continue;
-					if (!matchKey(hk.key, event.key)) continue;
+					if (!matchesHotkey(event, hk)) continue;
 					const entry = resolveEntry(hk.entry);
-					const hasModifier = hk.ctrl || hk.meta || hk.alt || hk.shift;
+					const hasModifier = hk.ctrl || hk.meta || hk.mod || hk.alt || hk.shift;
 					if (editable && !entry.allowInEditable && !hasModifier && hk.key !== "Escape") continue;
-					if (entry.preventDefault ?? (hk.ctrl || hk.meta || hk.alt)) event.preventDefault();
+					if (entry.preventDefault ?? (hk.ctrl || hk.meta || hk.mod || hk.alt)) event.preventDefault();
 					if (entry.stopPropagation) event.stopPropagation();
 					entry.handler(event);
 					return;

package/dist/directives/hotkey.js.map

@@ -1 +1 @@
-{"version":3,"file":"hotkey.js","names":[],"sources":["../../src/directives/hotkey.ts"],"sourcesContent":["import type { Directive } from 'vue'\n\nexport type HotkeyHandler = (event: KeyboardEvent) => void\n\nexport type HotkeyEntry =\n  | HotkeyHandler\n  | {\n      handler: HotkeyHandler\n      /** По умолчанию: `true` для комбинаций с Ctrl/Meta/Alt, иначе `false`. */\n      preventDefault?: boolean\n      /** По умолчанию `false`. */\n      stopPropagation?: boolean\n      /** Разрешить срабатывать, когда фокус в `input/textarea/[contenteditable]`. */\n      allowInEditable?: boolean\n    }\n\nexport type HotkeyMap = Record<string, HotkeyEntry>\n\n/**\n * Где слушать клавиатуру:\n * - `'global'` (по умолчанию) — слушатель на `window`; хоткеи работают из любого места страницы.\n * - `'element'` — слушатель на самом элементе; хоткеи срабатывают только когда фокус внутри\n *   элемента (событие всплывает до него). Элемент должен быть фокусируемым (`tabindex`).\n */\nexport type HotkeyScope = 'global' | 'element'\n\nexport type HotkeyBindingValue =\n  | HotkeyMap\n  | {\n      handlers: HotkeyMap\n      enabled?: boolean\n      scope?: HotkeyScope\n    }\n\ntype ParsedHotkey = {\n  original: string\n  key: string\n  ctrl: boolean\n  meta: boolean\n  alt: boolean\n  shift: boolean\n  entry: HotkeyEntry\n}\n\ntype InternalState = {\n  enabled: boolean\n  hotkeys: ParsedHotkey[]\n  listener: (event: KeyboardEvent) => void\n  /** Цель, на которой висит слушатель (`window` для 'global', сам `el` для 'element'). */\n  target: Window | HTMLElement\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false\n  if (target.isContentEditable) return true\n\n  const tag = target.tagName\n  return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT'\n}\n\nfunction normalizeBinding(value: HotkeyBindingValue | undefined) {\n  if (!value) return { enabled: false, handlers: {} as HotkeyMap, scope: 'global' as HotkeyScope }\n  if ('handlers' in (value as any)) {\n    const v = value as { handlers: HotkeyMap; enabled?: boolean; scope?: HotkeyScope }\n    return { enabled: v.enabled ?? true, handlers: v.handlers ?? {}, scope: v.scope ?? 'global' }\n  }\n  return { enabled: true, handlers: value as HotkeyMap, scope: 'global' as HotkeyScope }\n}\n\nfunction normalizeKeyToken(token: string): string {\n  const t = token.trim().toLowerCase()\n  if (t === 'esc') return 'Escape'\n  if (t === 'escape') return 'Escape'\n  if (t === 'space') return ' '\n  if (t.length === 1) return t\n  return token.trim()\n}\n\nfunction parseHotkeys(map: HotkeyMap): ParsedHotkey[] {\n  const parsed: ParsedHotkey[] = []\n\n  for (const [combo, entry] of Object.entries(map)) {\n    const parts = combo\n      .split('+')\n      .map(p => p.trim())\n      .filter(Boolean)\n\n    if (!parts.length) continue\n\n    let ctrl = false\n    let meta = false\n    let alt = false\n    let shift = false\n\n    const keyToken = parts.at(-1)\n    if (!keyToken) continue\n    for (const p of parts.slice(0, -1)) {\n      const t = p.toLowerCase()\n      if (t === 'ctrl' || t === 'control') ctrl = true\n      else if (t === 'meta' || t === 'cmd' || t === 'command' || t === '⌘') meta = true\n      else if (t === 'alt' || t === 'option') alt = true\n      else if (t === 'shift') shift = true\n    }\n\n    const key = normalizeKeyToken(keyToken)\n    parsed.push({ original: combo, key, ctrl, meta, alt, shift, entry })\n  }\n\n  return parsed\n}\n\nfunction matchKey(expected: string, eventKey: string): boolean {\n  if (expected === ' ') return eventKey === ' ' || eventKey === 'Spacebar'\n  if (expected.length === 1) return expected.toLowerCase() === eventKey.toLowerCase()\n  return expected === eventKey\n}\n\nfunction resolveEntry(entry: HotkeyEntry) {\n  if (typeof entry === 'function') {\n    return {\n      handler: entry,\n      preventDefault: undefined as boolean | undefined,\n      stopPropagation: false,\n      allowInEditable: false,\n    }\n  }\n\n  return {\n    handler: entry.handler,\n    preventDefault: entry.preventDefault,\n    stopPropagation: entry.stopPropagation ?? false,\n    allowInEditable: entry.allowInEditable ?? false,\n  }\n}\n\n/**\n * `v-hotkey` — горячие клавиши на компонент/страницу.\n *\n * Пример:\n * ```vue\n * <div v-hotkey=\"{ 'Escape': close, 'Ctrl+K': openSearch }\" />\n * ```\n *\n * По умолчанию слушатель глобальный (`window`). Чтобы хоткеи срабатывали только\n * когда фокус внутри элемента, используйте `scope: 'element'`:\n * ```vue\n * <div tabindex=\"0\" v-hotkey=\"{ handlers: { 'j': next }, scope: 'element' }\" />\n * ```\n */\nexport const vHotkey: Directive<HTMLElement, HotkeyBindingValue> = {\n  mounted(el, binding) {\n    if (typeof window === 'undefined') return\n\n    const { enabled, handlers, scope } = normalizeBinding(binding.value)\n    const target: Window | HTMLElement = scope === 'element' ? el : window\n\n    const state: InternalState = {\n      enabled,\n      hotkeys: parseHotkeys(handlers),\n      listener: (event: KeyboardEvent) => {\n        const current = states.get(el)\n        if (!current?.enabled) return\n        if (!el.isConnected) return\n\n        const editable = isEditableTarget(event.target)\n\n        for (const hk of current.hotkeys) {\n          if (hk.ctrl !== event.ctrlKey) continue\n          if (hk.meta !== event.metaKey) continue\n          if (hk.alt !== event.altKey) continue\n          if (hk.shift !== event.shiftKey) continue\n          if (!matchKey(hk.key, event.key)) continue\n\n          const entry = resolveEntry(hk.entry)\n\n          // По умолчанию не перехватываем \"простые\" клавиши во время ввода.\n          const hasModifier = hk.ctrl || hk.meta || hk.alt || hk.shift\n          if (editable && !entry.allowInEditable && !hasModifier && hk.key !== 'Escape') {\n            continue\n          }\n\n          const preventDefault = entry.preventDefault ?? (hk.ctrl || hk.meta || hk.alt)\n          if (preventDefault) event.preventDefault()\n          if (entry.stopPropagation) event.stopPropagation()\n\n          entry.handler(event)\n          return\n        }\n      },\n      target,\n    }\n\n    states.set(el, state)\n    target.addEventListener('keydown', state.listener as EventListener)\n  },\n  updated(el, binding) {\n    const state = states.get(el)\n    if (!state) return\n\n    const next = normalizeBinding(binding.value)\n    state.enabled = next.enabled\n    state.hotkeys = parseHotkeys(next.handlers)\n\n    // Смена scope на лету — переносим слушатель на новую цель.\n    const nextTarget: Window | HTMLElement = next.scope === 'element' ? el : window\n    if (nextTarget !== state.target) {\n      state.target.removeEventListener('keydown', state.listener as EventListener)\n      state.target = nextTarget\n      nextTarget.addEventListener('keydown', state.listener as EventListener)\n    }\n  },\n  unmounted(el) {\n    const state = states.get(el)\n    if (!state) return\n    state.target.removeEventListener('keydown', state.listener as EventListener)\n    states.delete(el)\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"hotkey.js","names":[],"sources":["../../src/directives/hotkey.ts"],"sourcesContent":["import type { Directive } from 'vue'\n\nimport { eventMatchesKey, isAppleDevice, isComposingEvent, isEditableTarget, shiftSatisfied } from '../internal/keyboard'\n\nexport type HotkeyHandler = (event: KeyboardEvent) => void\n\nexport type HotkeyEntry =\n  | HotkeyHandler\n  | {\n      handler: HotkeyHandler\n      /** По умолчанию: `true` для комбинаций с Ctrl/Meta/Alt, иначе `false`. */\n      preventDefault?: boolean\n      /** По умолчанию `false`. */\n      stopPropagation?: boolean\n      /** Разрешить срабатывать, когда фокус в `input/textarea/[contenteditable]`. */\n      allowInEditable?: boolean\n    }\n\nexport type HotkeyMap = Record<string, HotkeyEntry>\n\n/**\n * Где слушать клавиатуру:\n * - `'global'` (по умолчанию) — слушатель на `window`; хоткеи работают из любого места страницы.\n * - `'element'` — слушатель на самом элементе; хоткеи срабатывают только когда фокус внутри\n *   элемента (событие всплывает до него). Элемент должен быть фокусируемым (`tabindex`).\n */\nexport type HotkeyScope = 'global' | 'element'\n\nexport type HotkeyBindingValue =\n  | HotkeyMap\n  | {\n      handlers: HotkeyMap\n      enabled?: boolean\n      scope?: HotkeyScope\n    }\n\ntype ParsedHotkey = {\n  original: string\n  key: string\n  ctrl: boolean\n  meta: boolean\n  /** `mod` — Cmd на macOS, Ctrl на прочих: подсказка и привязка пишутся одинаково. */\n  mod: boolean\n  alt: boolean\n  shift: boolean\n  entry: HotkeyEntry\n}\n\ntype InternalState = {\n  enabled: boolean\n  hotkeys: ParsedHotkey[]\n  listener: (event: KeyboardEvent) => void\n  /** Цель, на которой висит слушатель (`window` для 'global', сам `el` для 'element'). */\n  target: Window | HTMLElement\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction normalizeBinding(value: HotkeyBindingValue | undefined) {\n  if (!value) return { enabled: false, handlers: {} as HotkeyMap, scope: 'global' as HotkeyScope }\n  if ('handlers' in (value as any)) {\n    const v = value as { handlers: HotkeyMap; enabled?: boolean; scope?: HotkeyScope }\n    return { enabled: v.enabled ?? true, handlers: v.handlers ?? {}, scope: v.scope ?? 'global' }\n  }\n  return { enabled: true, handlers: value as HotkeyMap, scope: 'global' as HotkeyScope }\n}\n\nfunction normalizeKeyToken(token: string): string {\n  const t = token.trim().toLowerCase()\n  if (t === 'esc') return 'Escape'\n  if (t === 'escape') return 'Escape'\n  if (t === 'space') return ' '\n  if (t.length === 1) return t\n  return token.trim()\n}\n\nfunction parseHotkeys(map: HotkeyMap): ParsedHotkey[] {\n  const parsed: ParsedHotkey[] = []\n\n  for (const [combo, entry] of Object.entries(map)) {\n    const parts = combo\n      .split('+')\n      .map(p => p.trim())\n      .filter(Boolean)\n\n    if (!parts.length) continue\n\n    let ctrl = false\n    let meta = false\n    let mod = false\n    let alt = false\n    let shift = false\n\n    const keyToken = parts.at(-1)\n    if (!keyToken) continue\n    for (const p of parts.slice(0, -1)) {\n      const t = p.toLowerCase()\n      if (t === 'mod') mod = true\n      else if (t === 'ctrl' || t === 'control') ctrl = true\n      else if (t === 'meta' || t === 'cmd' || t === 'command' || t === '⌘') meta = true\n      else if (t === 'alt' || t === 'option') alt = true\n      else if (t === 'shift') shift = true\n    }\n\n    const key = normalizeKeyToken(keyToken)\n    parsed.push({ original: combo, key, ctrl, meta, mod, alt, shift, entry })\n  }\n\n  return parsed\n}\n\nfunction matchesHotkey(event: KeyboardEvent, hk: ParsedHotkey): boolean {\n  // Платформа читается в момент события: `navigator` в теле модуля на сервере\n  // либо отсутствует, либо отвечает не за ту машину.\n  const apple = hk.mod ? isAppleDevice() : false\n  const expectMeta = hk.meta || (hk.mod && apple)\n  const expectCtrl = hk.ctrl || (hk.mod && !apple)\n\n  if (expectCtrl !== event.ctrlKey) return false\n  if (expectMeta !== event.metaKey) return false\n  if (hk.alt !== event.altKey) return false\n  if (!shiftSatisfied(event, hk.key, hk.shift)) return false\n\n  // По физическому коду матчатся только комбинации с модификаторами: там\n  // клавиша — позиция на клавиатуре, и `Ctrl+K` обязан работать на любой\n  // раскладке. Одиночная клавиша — печатная, её раскладка и определяет.\n  return eventMatchesKey(event, hk.key, { codeFallback: expectCtrl || expectMeta || hk.alt })\n}\n\nfunction resolveEntry(entry: HotkeyEntry) {\n  if (typeof entry === 'function') {\n    return {\n      handler: entry,\n      preventDefault: undefined as boolean | undefined,\n      stopPropagation: false,\n      allowInEditable: false,\n    }\n  }\n\n  return {\n    handler: entry.handler,\n    preventDefault: entry.preventDefault,\n    stopPropagation: entry.stopPropagation ?? false,\n    allowInEditable: entry.allowInEditable ?? false,\n  }\n}\n\n/**\n * `v-hotkey` — горячие клавиши на компонент/страницу.\n *\n * Пример:\n * ```vue\n * <div v-hotkey=\"{ 'Escape': close, 'Ctrl+K': openSearch }\" />\n * ```\n *\n * По умолчанию слушатель глобальный (`window`). Чтобы хоткеи срабатывали только\n * когда фокус внутри элемента, используйте `scope: 'element'`:\n * ```vue\n * <div tabindex=\"0\" v-hotkey=\"{ handlers: { 'j': next }, scope: 'element' }\" />\n * ```\n */\nexport const vHotkey: Directive<HTMLElement, HotkeyBindingValue> = {\n  mounted(el, binding) {\n    if (typeof window === 'undefined') return\n\n    const { enabled, handlers, scope } = normalizeBinding(binding.value)\n    const target: Window | HTMLElement = scope === 'element' ? el : window\n\n    const state: InternalState = {\n      enabled,\n      hotkeys: parseHotkeys(handlers),\n      listener: (event: KeyboardEvent) => {\n        const current = states.get(el)\n        if (!current?.enabled) return\n        if (!el.isConnected) return\n        // Клавиша во время IME-композиции принадлежит композиции, а не хоткею.\n        if (isComposingEvent(event)) return\n\n        const editable = isEditableTarget(event.target)\n\n        for (const hk of current.hotkeys) {\n          if (!matchesHotkey(event, hk)) continue\n\n          const entry = resolveEntry(hk.entry)\n\n          // По умолчанию не перехватываем \"простые\" клавиши во время ввода.\n          const hasModifier = hk.ctrl || hk.meta || hk.mod || hk.alt || hk.shift\n          if (editable && !entry.allowInEditable && !hasModifier && hk.key !== 'Escape') {\n            continue\n          }\n\n          const preventDefault = entry.preventDefault ?? (hk.ctrl || hk.meta || hk.mod || hk.alt)\n          if (preventDefault) event.preventDefault()\n          if (entry.stopPropagation) event.stopPropagation()\n\n          entry.handler(event)\n          return\n        }\n      },\n      target,\n    }\n\n    states.set(el, state)\n    target.addEventListener('keydown', state.listener as EventListener)\n  },\n  updated(el, binding) {\n    const state = states.get(el)\n    if (!state) return\n\n    const next = normalizeBinding(binding.value)\n    state.enabled = next.enabled\n    state.hotkeys = parseHotkeys(next.handlers)\n\n    // Смена scope на лету — переносим слушатель на новую цель.\n    const nextTarget: Window | HTMLElement = next.scope === 'element' ? el : window\n    if (nextTarget !== state.target) {\n      state.target.removeEventListener('keydown', state.listener as EventListener)\n      state.target = nextTarget\n      nextTarget.addEventListener('keydown', state.listener as EventListener)\n    }\n  },\n  unmounted(el) {\n    const state = states.get(el)\n    if (!state) return\n    state.target.removeEventListener('keydown', state.listener as EventListener)\n    states.delete(el)\n  },\n}\n"],"mappings":"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"}

package/dist/directives/loading.js

@@ -1,4 +1,6 @@
-import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-fRDtVfi7.js";
+import { t as ensurePortalRoot } from "../chunks/portalRoot-CWD4zHBm.js";
+import { n as markInert, t as inertableOutside } from "../chunks/inert-DIHCCn_1.js";
+import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-CH95CFzS.js";
 import { createVNode, render } from "vue";
 //#region src/directives/loading.ts
 function isHTMLElement(value) {
@@ -45,6 +47,32 @@ function ensureClippedContainer(target, fullscreen) {
 		target.style.overflow = prevInline;
 	};
 }
+/**
+* Блокирует контент под оверлеем.
+*
+* Оверлей перекрывает контейнер визуально, но не для клавиатуры и не для
+* скринридера: таб уходит в форму, которую пользователь уже не видит, а диктор
+* читает её как обычную. `inert` снимает поддерево целиком — и фокус, и
+* события указателя, и дерево доступности.
+*
+* Возвращает снятие блокировки. Чужой `inert` (элемент был инертен и до нас)
+* не трогается: снять его — значит вернуть в таб-порядок то, что скрыл кто-то
+* другой.
+*/
+function blockContent(target, overlayHost, fullscreen) {
+	const previouslyFocused = document.activeElement;
+	const busyElement = fullscreen ? document.body : target;
+	busyElement.setAttribute("aria-busy", "true");
+	const blocked = fullscreen ? inertableOutside(overlayHost) : Array.from(target.children).filter((child) => child !== overlayHost && isHTMLElement(child));
+	const release = markInert(blocked);
+	if (isHTMLElement(previouslyFocused) && blocked.some((child) => child.contains(previouslyFocused))) previouslyFocused.blur();
+	return () => {
+		busyElement.removeAttribute("aria-busy");
+		release();
+		const active = document.activeElement;
+		if ((!active || active === document.body) && isHTMLElement(previouslyFocused) && previouslyFocused.isConnected) previouslyFocused.focus();
+	};
+}
 function parseBinding(value) {
 	if (value === true || value === false) return {
 		loading: value,
@@ -69,28 +97,35 @@ function getState(el) {
 function createLoading(options = {}, fallbackTarget) {
 	const initialTarget = resolveTarget(options.target, fallbackTarget ?? document.body);
 	const fullscreen = resolveFullscreen(options, initialTarget);
-	const target = fullscreen ? document.body : initialTarget;
+	const target = fullscreen ? ensurePortalRoot() ?? document.body : initialTarget;
 	const appContext = options.appContext;
 	const restorePosition = ensurePositionedContainer(target, fullscreen);
 	const restoreOverflow = ensureClippedContainer(target, fullscreen);
 	const mountEl = document.createElement("div");
 	mountEl.setAttribute("data-gr-loading-host", "");
+	mountEl.setAttribute("data-gr-overlay-root", "");
 	if (!fullscreen) mountEl.style.borderRadius = "inherit";
 	target.appendChild(mountEl);
-	target.setAttribute("aria-busy", "true");
 	let current = { ...options };
 	let disposed = false;
+	let unblockContent;
 	function doRender() {
 		if (disposed) return;
 		const vnode = createVNode(GrLoading_default, {
 			text: current.text,
 			spinner: current.spinner,
 			spinnerClass: current.spinnerClass,
+			spinnerSize: current.spinnerSize,
+			spinnerTone: current.spinnerTone,
 			animated: current.animated,
 			background: current.background,
 			customClass: current.customClass,
-			zIndex: current.zIndex,
-			fullscreen
+			zIndexVar: current.zIndexVar,
+			delay: current.delay,
+			fullscreen,
+			onShow: () => {
+				unblockContent ??= blockContent(target, mountEl, fullscreen);
+			}
 		});
 		if (appContext) vnode.appContext = appContext;
 		render(vnode, mountEl);
@@ -102,7 +137,8 @@ function createLoading(options = {}, fallbackTarget) {
 		mountEl.remove();
 		restoreOverflow();
 		restorePosition();
-		target.removeAttribute("aria-busy");
+		unblockContent?.();
+		unblockContent = void 0;
 	}
 	function setOptions(next) {
 		current = {
@@ -136,7 +172,7 @@ function sync(el, value, appContext) {
 	}
 	const target = resolveTarget(options.target, el);
 	const fullscreen = resolveFullscreen(options, target);
-	const normalizedTarget = fullscreen ? document.body : target;
+	const normalizedTarget = fullscreen ? ensurePortalRoot() ?? document.body : target;
 	if (!state.controller || state.target !== normalizedTarget || state.fullscreen !== fullscreen) {
 		state.controller?.close();
 		state.controller = createLoading({

package/dist/directives/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","names":[],"sources":["../../src/directives/loading.ts"],"sourcesContent":["import type { AppContext, Component, Directive } from 'vue'\nimport { createVNode, render } from 'vue'\n\nimport GrLoading from '../components/GrLoading/GrLoading.vue'\n\nexport type LoadingTarget = string | HTMLElement\n\nexport type LoadingOptions = {\n  /**\n   * Контейнер, куда будет вставлен оверлей.\n   * - если не задано, то для директивы используется сам `el`\n   * - для ручного вызова (`createLoading`) по умолчанию используется `document.body`\n   */\n  target?: LoadingTarget\n\n  /**\n   * Полноэкранный лоадер (рендерится в `document.body`).\n   * По умолчанию включается, если `target` = `document.body`.\n   */\n  fullscreen?: boolean\n\n  text?: string\n  spinner?: Component\n  spinnerClass?: string\n  animated?: boolean\n  background?: string\n  zIndex?: number\n  customClass?: string\n\n  /**\n   * Внутренний контекст Vue-приложения.\n   * Нужен, чтобы кастомный `spinner` мог использовать `inject()` даже при ручном `render()`.\n   */\n  appContext?: AppContext\n}\n\nexport type LoadingController = {\n  close: () => void\n  setText: (text?: string) => void\n  setOptions: (next: Partial<LoadingOptions>) => void\n  readonly target: HTMLElement\n}\n\nexport type LoadingBindingValue =\n  | boolean\n  | (Omit<LoadingOptions, 'appContext'> & {\n      loading?: boolean\n    })\n\nfunction isHTMLElement(value: unknown): value is HTMLElement {\n  return typeof value === 'object' && value !== null && (value as any).nodeType === 1\n}\n\nfunction resolveTarget(input: LoadingTarget | undefined, fallback: HTMLElement): HTMLElement {\n  if (!input) return fallback\n\n  if (typeof input === 'string') {\n    // Prefer searching within the same root (document / document fragment / shadow root)\n    // to support components that are not attached to `document` yet (e.g. in unit tests).\n    const root = fallback.getRootNode?.() ?? document\n    const foundInRoot =\n      typeof (root as any).querySelector === 'function' ? ((root as any).querySelector(input) as Element | null) : null\n    if (isHTMLElement(foundInRoot)) return foundInRoot\n\n    const foundInDocument = document.querySelector(input)\n    if (isHTMLElement(foundInDocument)) return foundInDocument\n\n    return fallback\n  }\n\n  if (isHTMLElement(input)) {\n    return input\n  }\n\n  return fallback\n}\n\nfunction resolveFullscreen(options: LoadingOptions, target: HTMLElement): boolean {\n  if (options.fullscreen != null) return options.fullscreen\n  return target === document.body\n}\n\nfunction ensurePositionedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n  if (fullscreen) return () => {}\n\n  const prevInline = target.style.position\n  const computed = window.getComputedStyle(target)\n  const isStatic = computed.position === 'static' || !computed.position\n\n  if (isStatic) {\n    target.style.position = 'relative'\n    return () => {\n      target.style.position = prevInline\n    }\n  }\n\n  return () => {}\n}\n\nfunction ensureClippedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n  if (fullscreen) return () => {}\n\n  const computed = window.getComputedStyle(target)\n  // If the target has rounded corners, we must clip its content so the overlay\n  // (and its blurred backdrop) never bleeds outside the visible rounded shape.\n  const hasRadius = !!computed.borderRadius && computed.borderRadius !== '0px'\n  if (!hasRadius) return () => {}\n\n  const overflow = computed.overflow\n  if (overflow && overflow !== 'visible') return () => {}\n\n  const prevInline = target.style.overflow\n  target.style.overflow = 'hidden'\n  return () => {\n    target.style.overflow = prevInline\n  }\n}\n\nfunction parseBinding(value: LoadingBindingValue | undefined): { loading: boolean; options: LoadingOptions } {\n  if (value === true || value === false) {\n    return { loading: value, options: {} }\n  }\n\n  if (value && typeof value === 'object') {\n    const { loading, ...rest } = value as any\n    return { loading: loading ?? true, options: rest }\n  }\n\n  return { loading: false, options: {} }\n}\n\ntype InternalLoadingState = {\n  controller?: LoadingController\n  target?: HTMLElement\n  fullscreen?: boolean\n}\n\nconst STATE_KEY: unique symbol = Symbol('grLoadingState')\n\nfunction getState(el: HTMLElement): InternalLoadingState {\n  return ((el as any)[STATE_KEY] ??= {}) as InternalLoadingState\n}\n\nexport function createLoading(options: LoadingOptions = {}, fallbackTarget?: HTMLElement): LoadingController {\n  const initialTarget = resolveTarget(options.target, fallbackTarget ?? document.body)\n  const fullscreen = resolveFullscreen(options, initialTarget)\n  const target = fullscreen ? document.body : initialTarget\n\n  const appContext = options.appContext\n\n  const restorePosition = ensurePositionedContainer(target, fullscreen)\n  const restoreOverflow = ensureClippedContainer(target, fullscreen)\n  const mountEl = document.createElement('div')\n  mountEl.setAttribute('data-gr-loading-host', '')\n  if (!fullscreen) {\n    // Host wraps the overlay; make sure rounded corners of the target cascade\n    // down to the overlay via `border-radius: inherit`.\n    mountEl.style.borderRadius = 'inherit'\n  }\n  target.appendChild(mountEl)\n  target.setAttribute('aria-busy', 'true')\n\n  let current: LoadingOptions = { ...options }\n  let disposed = false\n\n  function doRender(): void {\n    if (disposed) return\n\n    const vnode = createVNode(GrLoading as any, {\n      text: current.text,\n      spinner: current.spinner,\n      spinnerClass: current.spinnerClass,\n      animated: current.animated,\n      background: current.background,\n      customClass: current.customClass,\n      zIndex: current.zIndex,\n      fullscreen,\n    })\n\n    if (appContext) {\n      ;(vnode as any).appContext = appContext\n    }\n\n    render(vnode, mountEl)\n  }\n\n  function close(): void {\n    if (disposed) return\n    disposed = true\n\n    render(null, mountEl)\n    mountEl.remove()\n    restoreOverflow()\n    restorePosition()\n    target.removeAttribute('aria-busy')\n  }\n\n  function setOptions(next: Partial<LoadingOptions>): void {\n    current = {\n      ...current,\n      ...next,\n    }\n    doRender()\n  }\n\n  function setText(text?: string): void {\n    setOptions({ text })\n  }\n\n  doRender()\n\n  return {\n    close,\n    setOptions,\n    setText,\n    get target() {\n      return target\n    },\n  }\n}\n\nfunction sync(el: HTMLElement, value: LoadingBindingValue | undefined, appContext?: AppContext): void {\n  const { loading, options } = parseBinding(value)\n  const state = getState(el)\n\n  if (!loading) {\n    state.controller?.close()\n    state.controller = undefined\n    state.target = undefined\n    state.fullscreen = undefined\n    return\n  }\n\n  const target = resolveTarget(options.target, el)\n  const fullscreen = resolveFullscreen(options, target)\n  const normalizedTarget = fullscreen ? document.body : target\n\n  const shouldRecreate =\n    !state.controller\n    || state.target !== normalizedTarget\n    || state.fullscreen !== fullscreen\n\n  if (shouldRecreate) {\n    state.controller?.close()\n    state.controller = createLoading({ ...options, fullscreen, target: normalizedTarget, appContext }, el)\n    state.target = normalizedTarget\n    state.fullscreen = fullscreen\n    return\n  }\n\n  const controller = state.controller\n  if (!controller) return\n  controller.setOptions({ ...options, fullscreen, target: normalizedTarget })\n}\n\nexport const vLoading: Directive<HTMLElement, LoadingBindingValue> = {\n  mounted(el, binding) {\n    const appContext = (binding.instance as any)?.$?.appContext as AppContext | undefined\n    sync(el, binding.value, appContext)\n  },\n  updated(el, binding) {\n    const appContext = (binding.instance as any)?.$?.appContext as AppContext | undefined\n    sync(el, binding.value, appContext)\n  },\n  unmounted(el) {\n    const state = getState(el)\n    state.controller?.close()\n    state.controller = undefined\n    state.target = undefined\n    state.fullscreen = undefined\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"loading.js","names":[],"sources":["../../src/directives/loading.ts"],"sourcesContent":["import type { AppContext, Component, Directive } from 'vue'\nimport { createVNode, render } from 'vue'\n\nimport { inertableOutside, markInert } from '../composables/internal/inert'\nimport { ensurePortalRoot } from '../composables/internal/portalRoot'\nimport GrLoading from '../components/GrLoading/GrLoading.vue'\nimport type { GrIconSize, GrIconTone } from '../components/GrIcon/grIconStyles'\n\nexport type LoadingTarget = string | HTMLElement\n\nexport type LoadingOptions = {\n  /**\n   * Контейнер, куда будет вставлен оверлей.\n   * - если не задано, то для директивы используется сам `el`\n   * - для ручного вызова (`createLoading`) по умолчанию используется `document.body`\n   */\n  target?: LoadingTarget\n\n  /**\n   * Полноэкранный лоадер (рендерится в `document.body`).\n   * По умолчанию включается, если `target` = `document.body`.\n   */\n  fullscreen?: boolean\n\n  text?: string\n  spinner?: Component\n  spinnerClass?: string\n  spinnerSize?: GrIconSize | number\n  spinnerTone?: GrIconTone\n  animated?: boolean\n  background?: string\n  /** Имя CSS-переменной слоя — escape-hatch мимо `--gr-z-loading`. */\n  zIndexVar?: string\n  /** Задержка показа в миллисекундах: короткая загрузка не мигает оверлеем. */\n  delay?: number\n  customClass?: string\n\n  /**\n   * Внутренний контекст Vue-приложения.\n   * Нужен, чтобы кастомный `spinner` мог использовать `inject()` даже при ручном `render()`.\n   */\n  appContext?: AppContext\n}\n\nexport type LoadingController = {\n  close: () => void\n  setText: (text?: string) => void\n  setOptions: (next: Partial<LoadingOptions>) => void\n  readonly target: HTMLElement\n}\n\nexport type LoadingBindingValue =\n  | boolean\n  | (Omit<LoadingOptions, 'appContext'> & {\n      loading?: boolean\n    })\n\nfunction isHTMLElement(value: unknown): value is HTMLElement {\n  return typeof value === 'object' && value !== null && (value as any).nodeType === 1\n}\n\nfunction resolveTarget(input: LoadingTarget | undefined, fallback: HTMLElement): HTMLElement {\n  if (!input) return fallback\n\n  if (typeof input === 'string') {\n    // Prefer searching within the same root (document / document fragment / shadow root)\n    // to support components that are not attached to `document` yet (e.g. in unit tests).\n    const root = fallback.getRootNode?.() ?? document\n    const foundInRoot =\n      typeof (root as any).querySelector === 'function' ? ((root as any).querySelector(input) as Element | null) : null\n    if (isHTMLElement(foundInRoot)) return foundInRoot\n\n    const foundInDocument = document.querySelector(input)\n    if (isHTMLElement(foundInDocument)) return foundInDocument\n\n    return fallback\n  }\n\n  if (isHTMLElement(input)) {\n    return input\n  }\n\n  return fallback\n}\n\nfunction resolveFullscreen(options: LoadingOptions, target: HTMLElement): boolean {\n  if (options.fullscreen != null) return options.fullscreen\n  return target === document.body\n}\n\nfunction ensurePositionedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n  if (fullscreen) return () => {}\n\n  const prevInline = target.style.position\n  const computed = window.getComputedStyle(target)\n  const isStatic = computed.position === 'static' || !computed.position\n\n  if (isStatic) {\n    target.style.position = 'relative'\n    return () => {\n      target.style.position = prevInline\n    }\n  }\n\n  return () => {}\n}\n\nfunction ensureClippedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n  if (fullscreen) return () => {}\n\n  const computed = window.getComputedStyle(target)\n  // If the target has rounded corners, we must clip its content so the overlay\n  // (and its blurred backdrop) never bleeds outside the visible rounded shape.\n  const hasRadius = !!computed.borderRadius && computed.borderRadius !== '0px'\n  if (!hasRadius) return () => {}\n\n  const overflow = computed.overflow\n  if (overflow && overflow !== 'visible') return () => {}\n\n  const prevInline = target.style.overflow\n  target.style.overflow = 'hidden'\n  return () => {\n    target.style.overflow = prevInline\n  }\n}\n\n/**\n * Блокирует контент под оверлеем.\n *\n * Оверлей перекрывает контейнер визуально, но не для клавиатуры и не для\n * скринридера: таб уходит в форму, которую пользователь уже не видит, а диктор\n * читает её как обычную. `inert` снимает поддерево целиком — и фокус, и\n * события указателя, и дерево доступности.\n *\n * Возвращает снятие блокировки. Чужой `inert` (элемент был инертен и до нас)\n * не трогается: снять его — значит вернуть в таб-порядок то, что скрыл кто-то\n * другой.\n */\nfunction blockContent(target: HTMLElement, overlayHost: HTMLElement, fullscreen: boolean): () => void {\n  const previouslyFocused = document.activeElement\n\n  // Занятость объявляет тот, чьё содержимое закрыто: у инлайнового лоадера это\n  // его контейнер, у полноэкранного — вся страница. Сам оверлей при этом живёт\n  // в портале, то есть в другой ветке.\n  const busyElement = fullscreen ? document.body : target\n  busyElement.setAttribute('aria-busy', 'true')\n\n  const blocked = fullscreen\n    ? inertableOutside(overlayHost)\n    : Array.from(target.children).filter((child): child is HTMLElement =>\n        child !== overlayHost && isHTMLElement(child),\n      )\n\n  const release = markInert(blocked)\n\n  // Уже стоящий фокус браузер сам не забирает: Chrome оставляет его внутри\n  // ставшего инертным поддерева, и пользователь продолжает печатать в поле под\n  // оверлеем. Уводим фокус руками — вернём его при закрытии.\n  if (isHTMLElement(previouslyFocused) && blocked.some(child => child.contains(previouslyFocused)))\n    previouslyFocused.blur()\n\n  return () => {\n    busyElement.removeAttribute('aria-busy')\n    release()\n\n    // `inert` сбрасывает фокус на `body`. Возвращаем его туда, где он был, но\n    // только если пользователь не увёл его сам, пока шла загрузка.\n    const active = document.activeElement\n    const focusLost = !active || active === document.body\n    if (focusLost && isHTMLElement(previouslyFocused) && previouslyFocused.isConnected)\n      previouslyFocused.focus()\n  }\n}\n\nfunction parseBinding(value: LoadingBindingValue | undefined): { loading: boolean; options: LoadingOptions } {\n  if (value === true || value === false) {\n    return { loading: value, options: {} }\n  }\n\n  if (value && typeof value === 'object') {\n    const { loading, ...rest } = value as any\n    return { loading: loading ?? true, options: rest }\n  }\n\n  return { loading: false, options: {} }\n}\n\ntype InternalLoadingState = {\n  controller?: LoadingController\n  target?: HTMLElement\n  fullscreen?: boolean\n}\n\nconst STATE_KEY: unique symbol = Symbol('grLoadingState')\n\nfunction getState(el: HTMLElement): InternalLoadingState {\n  return ((el as any)[STATE_KEY] ??= {}) as InternalLoadingState\n}\n\nexport function createLoading(options: LoadingOptions = {}, fallbackTarget?: HTMLElement): LoadingController {\n  const initialTarget = resolveTarget(options.target, fallbackTarget ?? document.body)\n  const fullscreen = resolveFullscreen(options, initialTarget)\n  // Полноэкранный лоадер — оверлей, значит живёт в общей ветке портала: только\n  // так правило `inert` не пометит его вместе со страницей.\n  const target = fullscreen ? (ensurePortalRoot() ?? document.body) : initialTarget\n\n  const appContext = options.appContext\n\n  const restorePosition = ensurePositionedContainer(target, fullscreen)\n  const restoreOverflow = ensureClippedContainer(target, fullscreen)\n  const mountEl = document.createElement('div')\n  mountEl.setAttribute('data-gr-loading-host', '')\n  // Маркер оверлея: чужой модальный слой не должен гасить лоадер `inert`.\n  mountEl.setAttribute('data-gr-overlay-root', '')\n  if (!fullscreen) {\n    // Host wraps the overlay; make sure rounded corners of the target cascade\n    // down to the overlay via `border-radius: inherit`.\n    mountEl.style.borderRadius = 'inherit'\n  }\n  target.appendChild(mountEl)\n\n  let current: LoadingOptions = { ...options }\n  let disposed = false\n  let unblockContent: (() => void) | undefined\n\n  function doRender(): void {\n    if (disposed) return\n\n    const vnode = createVNode(GrLoading as any, {\n      text: current.text,\n      spinner: current.spinner,\n      spinnerClass: current.spinnerClass,\n      spinnerSize: current.spinnerSize,\n      spinnerTone: current.spinnerTone,\n      animated: current.animated,\n      background: current.background,\n      customClass: current.customClass,\n      zIndexVar: current.zIndexVar,\n      delay: current.delay,\n      fullscreen,\n      // Блокируем контент ровно тогда, когда оверлей стал видимым: с `delay`\n      // это происходит позже монтирования, а до показа блокировать нечего.\n      onShow: () => {\n        unblockContent ??= blockContent(target, mountEl, fullscreen)\n      },\n    })\n\n    if (appContext) {\n      ;(vnode as any).appContext = appContext\n    }\n\n    render(vnode, mountEl)\n  }\n\n  function close(): void {\n    if (disposed) return\n    disposed = true\n\n    render(null, mountEl)\n    mountEl.remove()\n    restoreOverflow()\n    restorePosition()\n    unblockContent?.()\n    unblockContent = undefined\n  }\n\n  function setOptions(next: Partial<LoadingOptions>): void {\n    current = {\n      ...current,\n      ...next,\n    }\n    doRender()\n  }\n\n  function setText(text?: string): void {\n    setOptions({ text })\n  }\n\n  doRender()\n\n  return {\n    close,\n    setOptions,\n    setText,\n    get target() {\n      return target\n    },\n  }\n}\n\nfunction sync(el: HTMLElement, value: LoadingBindingValue | undefined, appContext?: AppContext): void {\n  const { loading, options } = parseBinding(value)\n  const state = getState(el)\n\n  if (!loading) {\n    state.controller?.close()\n    state.controller = undefined\n    state.target = undefined\n    state.fullscreen = undefined\n    return\n  }\n\n  const target = resolveTarget(options.target, el)\n  const fullscreen = resolveFullscreen(options, target)\n  const normalizedTarget = fullscreen ? (ensurePortalRoot() ?? document.body) : target\n\n  const shouldRecreate =\n    !state.controller\n    || state.target !== normalizedTarget\n    || state.fullscreen !== fullscreen\n\n  if (shouldRecreate) {\n    state.controller?.close()\n    state.controller = createLoading({ ...options, fullscreen, target: normalizedTarget, appContext }, el)\n    state.target = normalizedTarget\n    state.fullscreen = fullscreen\n    return\n  }\n\n  const controller = state.controller\n  if (!controller) return\n  controller.setOptions({ ...options, fullscreen, target: normalizedTarget })\n}\n\nexport const vLoading: Directive<HTMLElement, LoadingBindingValue> = {\n  mounted(el, binding) {\n    const appContext = (binding.instance as any)?.$?.appContext as AppContext | undefined\n    sync(el, binding.value, appContext)\n  },\n  updated(el, binding) {\n    const appContext = (binding.instance as any)?.$?.appContext as AppContext | undefined\n    sync(el, binding.value, appContext)\n  },\n  unmounted(el) {\n    const state = getState(el)\n    state.controller?.close()\n    state.controller = undefined\n    state.target = undefined\n    state.fullscreen = undefined\n  },\n}\n"],"mappings":"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"}

package/dist/fileValidation/index.js

@@ -1,2 +1,2 @@
-import { a as allowedExtensionsValidator, c as normalizeFiles, i as allowedMimeTypesValidator, l as runFileValidators, n as maxSizeMbValidator, o as acceptValidator, r as maxFileSizeBytesValidator, s as matchAccept, t as maxTotalSizeBytesValidator, u as FileValidationError } from "../chunks/fileValidation-C3WFaWU2.js";
-export { FileValidationError, acceptValidator, allowedExtensionsValidator, allowedMimeTypesValidator, matchAccept, maxFileSizeBytesValidator, maxSizeMbValidator, maxTotalSizeBytesValidator, normalizeFiles, runFileValidators };
+import { a as allowedExtensionsValidator, c as fileValidationI18nKey, d as normalizeFiles, f as runFileValidators, i as allowedMimeTypesValidator, l as resolveFileValidationMessage, n as maxFileSize, o as acceptValidator, p as FileValidationError, r as maxCountValidator, s as FILE_VALIDATION_I18N_NAMESPACE, t as maxTotalSizeBytesValidator, u as matchAccept } from "../chunks/fileValidation-D5TFBhbv.js";
+export { FILE_VALIDATION_I18N_NAMESPACE, FileValidationError, acceptValidator, allowedExtensionsValidator, allowedMimeTypesValidator, fileValidationI18nKey, matchAccept, maxCountValidator, maxFileSize, maxTotalSizeBytesValidator, normalizeFiles, resolveFileValidationMessage, runFileValidators };