@feugene/granularity 0.49.0 → 0.50.0

package/dist/chunks/hotkeySequence-BTHIM_5A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotkeySequence-BTHIM_5A.js","names":[],"sources":["../../src/internal/hotkeySequence.ts"],"sourcesContent":["import type { ParsedHotkeyCombo } from './keyboard'\nimport { matchesHotkeyCombo } from './keyboard'\n\n/**\n * Сопоставление последовательностей клавиш («G, затем I»).\n *\n * Хранится буфер недавних нажатий, а хвост буфера сверяется с шагами хоткея.\n * Буфер, а не автомат на каждый хоткей: цепочки с общим началом (`g i` и `g p`)\n * буфер разводит сам, тогда как набор автоматов пришлось бы синхронизировать\n * между собой — и первый же сброс одного из них ронял бы второй.\n */\n\n/** Пауза, после которой набранное забывается. */\nexport const HOTKEY_SEQUENCE_TIMEOUT_MS = 1000\n\nconst MODIFIER_KEYS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'AltGraph', 'CapsLock'])\n\nexport interface HotkeySequenceTracker {\n  /**\n   * Принять нажатие. Возвращает `false`, если событие в буфер не пошло —\n   * потребителю это говорит, что состояние не изменилось.\n   */\n  push: (event: KeyboardEvent, now: number) => boolean\n  /** Совпадает ли хвост буфера со всеми шагами. */\n  matches: (steps: readonly ParsedHotkeyCombo[], apple?: boolean) => boolean\n  reset: () => void\n}\n\nexport function createHotkeySequenceTracker(\n  timeoutMs: number = HOTKEY_SEQUENCE_TIMEOUT_MS,\n): HotkeySequenceTracker {\n  let buffer: KeyboardEvent[] = []\n  let lastAt = 0\n\n  function push(event: KeyboardEvent, now: number): boolean {\n    /*\n     * Нажатия одних модификаторов в буфер не идут: `Shift` перед `I` — часть\n     * самого `I`, а не отдельный шаг, и попав в буфер он рвал бы цепочку.\n     */\n    if (MODIFIER_KEYS.has(event.key))\n      return false\n\n    // Пауза стирает буфер целиком, а не по одному событию: «полшага назад» —\n    // состояние, которого пользователь не видит и предсказать не может.\n    if (buffer.length > 0 && now - lastAt > timeoutMs)\n      buffer = []\n\n    buffer.push(event)\n    lastAt = now\n\n    // Длиннее самой длинной мыслимой цепочки буфер держать незачем.\n    if (buffer.length > 8)\n      buffer = buffer.slice(-8)\n\n    return true\n  }\n\n  function matches(steps: readonly ParsedHotkeyCombo[], apple?: boolean): boolean {\n    if (steps.length === 0 || buffer.length < steps.length)\n      return false\n\n    const tail = buffer.slice(-steps.length)\n\n    return tail.every((event, index) => matchesHotkeyCombo(event, steps[index], apple))\n  }\n\n  return {\n    push,\n    matches,\n    reset: () => {\n      buffer = []\n      lastAt = 0\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;AAaA,IAAa,6BAA6B;AAE1C,IAAM,gCAAgB,IAAI,IAAI;CAAC;CAAS;CAAW;CAAO;CAAQ;CAAY;AAAU,CAAC;AAazF,SAAgB,4BACd,YAAoB,4BACG;CACvB,IAAI,SAA0B,CAAC;CAC/B,IAAI,SAAS;CAEb,SAAS,KAAK,OAAsB,KAAsB;EAKxD,IAAI,cAAc,IAAI,MAAM,GAAG,GAC7B,OAAO;EAIT,IAAI,OAAO,SAAS,KAAK,MAAM,SAAS,WACtC,SAAS,CAAC;EAEZ,OAAO,KAAK,KAAK;EACjB,SAAS;EAGT,IAAI,OAAO,SAAS,GAClB,SAAS,OAAO,MAAM,EAAE;EAE1B,OAAO;CACT;CAEA,SAAS,QAAQ,OAAqC,OAA0B;EAC9E,IAAI,MAAM,WAAW,KAAK,OAAO,SAAS,MAAM,QAC9C,OAAO;EAIT,OAFa,OAAO,MAAM,CAAC,MAAM,MAE1B,CAAA,CAAK,OAAO,OAAO,UAAU,mBAAmB,OAAO,MAAM,QAAQ,KAAK,CAAC;CACpF;CAEA,OAAO;EACL;EACA;EACA,aAAa;GACX,SAAS,CAAC;GACV,SAAS;EACX;CACF;AACF"}

package/dist/chunks/{keyboard-DE2yhz_b.js → keyboard-BiFSgWLt.js}

@@ -66,5 +66,74 @@ function shiftSatisfied(event, expectedKey, expectShift) {
 	if (!event.shiftKey) return true;
 	return expectedKey.length === 1 && !/\p{L}/u.test(expectedKey) && event.key === expectedKey;
 }
+/**
+* Имя клавиши в том виде, в каком его даёт `KeyboardEvent.key`.
+*
+* Регистр многобуквенных имён сохраняется (`ArrowUp`, `F6`): их сравнивают
+* посимвольно. Одиночные символы приводятся к нижнему регистру — верхний у них
+* означает Shift, а он объявляется отдельным токеном.
+*/
+function normalizeHotkeyToken(token) {
+	const t = token.trim().toLowerCase();
+	if (t === "esc" || t === "escape") return "Escape";
+	if (t === "space") return " ";
+	if (t.length === 1) return t;
+	return token.trim();
+}
+function parseHotkeyCombo(combo) {
+	const parts = combo.split("+").map((part) => part.trim()).filter(Boolean);
+	const keyToken = parts.at(-1);
+	if (!keyToken) return null;
+	const parsed = {
+		key: normalizeHotkeyToken(keyToken),
+		ctrl: false,
+		meta: false,
+		alt: false,
+		shift: false,
+		mod: false
+	};
+	for (const part of parts.slice(0, -1)) {
+		const token = part.toLowerCase();
+		if (token === "mod") parsed.mod = true;
+		else if (token === "ctrl" || token === "control") parsed.ctrl = true;
+		else if (token === "meta" || token === "cmd" || token === "command" || token === "⌘") parsed.meta = true;
+		else if (token === "alt" || token === "option") parsed.alt = true;
+		else if (token === "shift") parsed.shift = true;
+	}
+	return parsed;
+}
+/**
+* Последовательность шагов: `'g i'` — «G, затем I», `'mod+k p'` — «⌘K, затем P».
+*
+* Шаги делятся пробелом, аккорд внутри шага — плюсом. Аккорд оказывается
+* частным случаем из одного шага, поэтому отдельного пути для него нет: `'mod+k'`
+* разбирается тем же вызовом и даёт массив длины один.
+*
+* Сам пробел как клавиша пишется словом `space` и с разделителем не спорит.
+*/
+function parseHotkeySequence(value) {
+	const steps = [];
+	for (const part of value.split(/\s+/)) {
+		const combo = parseHotkeyCombo(part);
+		if (combo) steps.push(combo);
+	}
+	return steps;
+}
+/**
+* Совпадает ли событие с шагом сочетания.
+*
+* Проверки IME-композиции здесь намеренно нет: у потребителей разный момент,
+* когда её задавать. Директива спрашивает один раз на событие, до перебора всех
+* своих хоткеев, — зашитая внутрь проверка повторялась бы на каждом.
+*/
+function matchesHotkeyCombo(event, combo, apple = isAppleDevice()) {
+	const expectMeta = combo.meta || combo.mod && apple;
+	const expectCtrl = combo.ctrl || combo.mod && !apple;
+	if (event.metaKey !== expectMeta) return false;
+	if (event.ctrlKey !== expectCtrl) return false;
+	if (event.altKey !== combo.alt) return false;
+	if (!shiftSatisfied(event, combo.key, combo.shift)) return false;
+	return eventMatchesKey(event, combo.key, { codeFallback: expectMeta || expectCtrl || combo.alt });
+}
 //#endregion
-export { shiftSatisfied as a, isEditableTarget as i, isAppleDevice as n, isComposingEvent as r, eventMatchesKey as t };
+export { parseHotkeySequence as a, matchesHotkeyCombo as i, isComposingEvent as n, isEditableTarget as r, isAppleDevice as t };

package/dist/chunks/keyboard-BiFSgWLt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-BiFSgWLt.js","names":[],"sources":["../../src/internal/keyboard.ts"],"sourcesContent":["/**\n * Общие примитивы разбора клавиатурных событий: IME-композиция и матчинг\n * клавиш, не зависящий от раскладки.\n *\n * Живут в `internal/`, а не рядом с потребителем: одно и то же нужно стеку\n * оверлеев (`composables/internal/overlayStack.ts`), директиве `v-hotkey` и\n * матчеру палитры (`components/shared/hotkey.ts`) — три слоя, у которых нет\n * общего предка ближе этого модуля.\n */\n\n/**\n * Событие пришло во время IME-композиции — обрабатывать его как команду нельзя:\n * Esc здесь отменяет композицию, Enter — коммитит её, стрелки ходят по\n * кандидатам. `keyCode === 229` — страховка для движков, которые не выставляют\n * `isComposing` (исторически WebKit/старый Chromium).\n */\nexport function isComposingEvent(event: KeyboardEvent): boolean {\n  return event.isComposing || event.keyCode === 229\n}\n\n/**\n * Фокус на контроле, который сам распоряжается печатными клавишами.\n *\n * Нужен всем, кто вешает клавиатурные команды на контейнер: горячая клавиша и\n * typeahead меню обязаны молчать, пока пользователь печатает в поле внутри них.\n */\nexport function isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement))\n    return false\n  if (target.isContentEditable)\n    return true\n\n  const tag = target.tagName\n  return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT'\n}\n\n/**\n * macOS определяем по платформе: от неё зависит, чем является токен `mod` —\n * Cmd или Ctrl. Живёт здесь, а не рядом с одним потребителем: то же нужно\n * `GrKbd` (что показать), палитре (что слушать) и директиве `v-hotkey`.\n */\nexport function isAppleDevice(): boolean {\n  if (typeof navigator === 'undefined')\n    return false\n  return /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent)\n}\n\n/** Физический код клавиши для латинской буквы или цифры; иначе `null`. */\nexport function codeForChar(ch: string): string | null {\n  if (/^[a-z]$/i.test(ch))\n    return `Key${ch.toUpperCase()}`\n  if (/^\\d$/.test(ch))\n    return `Digit${ch}`\n  return null\n}\n\nexport interface EventMatchesKeyOptions {\n  /**\n   * Дополнительно матчить по физическому коду (`event.code`), когда `event.key`\n   * не совпал. Нужен комбинациям с модификаторами: на нелатинской раскладке\n   * Ctrl/Cmd+K приходит как `key: 'л'`, и без кода сочетание мертво. Для\n   * одиночных клавиш без модификаторов фолбэк не включается — там семантика\n   * печатная, а не позиционная.\n   */\n  codeFallback?: boolean\n}\n\n/** Совпадает ли нажатая клавиша с ожидаемой (`'k'`, `'Escape'`, `' '`). */\nexport function eventMatchesKey(\n  event: KeyboardEvent,\n  expected: string,\n  options: EventMatchesKeyOptions = {},\n): boolean {\n  if (expected === ' ')\n    return event.key === ' ' || event.key === 'Spacebar'\n\n  if (expected.length === 1) {\n    if (event.key.toLowerCase() === expected.toLowerCase())\n      return true\n    return Boolean(options.codeFallback) && codeForChar(expected) === event.code\n  }\n\n  return event.key === expected\n}\n\n/**\n * Удовлетворяет ли состояние Shift ожиданиям комбинации.\n *\n * Объявленный `shift` требует нажатого Shift. Необъявленный — запрещает его\n * с одним исключением: символ, который без Shift не набрать (`?`, `+`, `:`),\n * легален вместе с ним, когда `event.key` уже равен ожидаемому символу.\n * Буквы под исключение не попадают: `'a'` и Shift+A — разные намерения.\n */\nexport function shiftSatisfied(event: KeyboardEvent, expectedKey: string, expectShift: boolean): boolean {\n  if (expectShift)\n    return event.shiftKey\n  if (!event.shiftKey)\n    return true\n\n  return expectedKey.length === 1 && !/\\p{L}/u.test(expectedKey) && event.key === expectedKey\n}\n\n/**\n * Разбор строки сочетания — один на пакет.\n *\n * Синтаксис `mod+shift+k` читают и директива `v-hotkey`, и `GrCommandPalette`\n * со своим слушателем на `window`. Разборов было два, почти одинаковых, и они\n * молча разошлись: `esc` и `space` директива приводила к `Escape` и пробелу, а\n * палитра оставляла как есть — то есть сравнивала `event.key === 'esc'`, что не\n * бывает истиной никогда, и такой хоткей не срабатывал вовсе.\n */\nexport interface ParsedHotkeyCombo {\n  key: string\n  ctrl: boolean\n  meta: boolean\n  alt: boolean\n  shift: boolean\n  /** `mod` — Cmd на macOS, Ctrl на остальных платформах. */\n  mod: boolean\n}\n\n/**\n * Имя клавиши в том виде, в каком его даёт `KeyboardEvent.key`.\n *\n * Регистр многобуквенных имён сохраняется (`ArrowUp`, `F6`): их сравнивают\n * посимвольно. Одиночные символы приводятся к нижнему регистру — верхний у них\n * означает Shift, а он объявляется отдельным токеном.\n */\nexport function normalizeHotkeyToken(token: string): string {\n  const t = token.trim().toLowerCase()\n\n  if (t === 'esc' || t === 'escape')\n    return 'Escape'\n  if (t === 'space')\n    return ' '\n  if (t.length === 1)\n    return t\n\n  return token.trim()\n}\n\nexport function parseHotkeyCombo(combo: string): ParsedHotkeyCombo | null {\n  const parts = combo.split('+').map(part => part.trim()).filter(Boolean)\n\n  const keyToken = parts.at(-1)\n  if (!keyToken)\n    return null\n\n  const parsed: ParsedHotkeyCombo = {\n    key: normalizeHotkeyToken(keyToken),\n    ctrl: false,\n    meta: false,\n    alt: false,\n    shift: false,\n    mod: false,\n  }\n\n  for (const part of parts.slice(0, -1)) {\n    const token = part.toLowerCase()\n\n    if (token === 'mod')\n      parsed.mod = true\n    else if (token === 'ctrl' || token === 'control')\n      parsed.ctrl = true\n    else if (token === 'meta' || token === 'cmd' || token === 'command' || token === '⌘')\n      parsed.meta = true\n    else if (token === 'alt' || token === 'option')\n      parsed.alt = true\n    else if (token === 'shift')\n      parsed.shift = true\n  }\n\n  return parsed\n}\n\n/**\n * Последовательность шагов: `'g i'` — «G, затем I», `'mod+k p'` — «⌘K, затем P».\n *\n * Шаги делятся пробелом, аккорд внутри шага — плюсом. Аккорд оказывается\n * частным случаем из одного шага, поэтому отдельного пути для него нет: `'mod+k'`\n * разбирается тем же вызовом и даёт массив длины один.\n *\n * Сам пробел как клавиша пишется словом `space` и с разделителем не спорит.\n */\nexport function parseHotkeySequence(value: string): ParsedHotkeyCombo[] {\n  const steps: ParsedHotkeyCombo[] = []\n\n  for (const part of value.split(/\\s+/)) {\n    const combo = parseHotkeyCombo(part)\n    if (combo)\n      steps.push(combo)\n  }\n\n  return steps\n}\n\n/**\n * Совпадает ли событие с шагом сочетания.\n *\n * Проверки IME-композиции здесь намеренно нет: у потребителей разный момент,\n * когда её задавать. Директива спрашивает один раз на событие, до перебора всех\n * своих хоткеев, — зашитая внутрь проверка повторялась бы на каждом.\n */\nexport function matchesHotkeyCombo(\n  event: KeyboardEvent,\n  combo: ParsedHotkeyCombo,\n  apple = isAppleDevice(),\n): boolean {\n  const expectMeta = combo.meta || (combo.mod && apple)\n  const expectCtrl = combo.ctrl || (combo.mod && !apple)\n\n  if (event.metaKey !== expectMeta)\n    return false\n  if (event.ctrlKey !== expectCtrl)\n    return false\n  if (event.altKey !== combo.alt)\n    return false\n  if (!shiftSatisfied(event, combo.key, combo.shift))\n    return false\n\n  /*\n   * Комбинация с модификаторами матчится и по физическому коду: на нелатинской\n   * раскладке `mod+K` приходит как `key: 'л'`, и без кода сочетание мертво.\n   * Одиночная клавиша — печатная, её раскладка и определяет.\n   */\n  return eventMatchesKey(event, combo.key, {\n    codeFallback: expectMeta || expectCtrl || combo.alt,\n  })\n}\n"],"mappings":"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"}

package/dist/chunks/optionPanel-DvY7Tv_4.js

@@ -0,0 +1,182 @@
+import { useVirtualList } from "../composables/useVirtualList.js";
+import { computed } from "vue";
+//#region src/components/shared/optionPanel.ts
+/**
+* Плоский набор → строки для рендера: заголовок группы не сосед опций, а их
+* контейнер.
+*
+* Прямыми потомками `role="listbox"` обязаны быть только опции, иначе диктор
+* считает заголовок таким же элементом выбора. Имя группе даёт `aria-labelledby`
+* на её заголовке.
+*
+* `windowed` описывает срез: при виртуализации окно может начаться серединой
+* группы, и такая группа открывается **без** видимого заголовка — иначе её
+* опции оказались бы прямыми детьми listbox'а и потеряли имя набора.
+*/
+function buildOptionPanelRows(items, options = {}) {
+	const offset = options.offset ?? 0;
+	const rows = [];
+	let currentGroup;
+	items.forEach((item, position) => {
+		const index = position + offset;
+		if (item.kind === "group") {
+			currentGroup = {
+				kind: "group",
+				label: item.label,
+				key: item.key,
+				options: [],
+				...options.windowed ? {
+					labelVisible: true,
+					labelIndex: index
+				} : {}
+			};
+			rows.push(currentGroup);
+			return;
+		}
+		const row = {
+			option: item.option,
+			key: item.key,
+			index
+		};
+		if (item.groupKey) {
+			if (!currentGroup || currentGroup.key !== item.groupKey) {
+				if (!options.windowed) {
+					currentGroup = void 0;
+					rows.push({
+						kind: "option",
+						...row
+					});
+					return;
+				}
+				currentGroup = {
+					kind: "group",
+					label: options.groupLabels?.get(item.groupKey) ?? "",
+					key: item.groupKey,
+					options: [],
+					labelVisible: false
+				};
+				rows.push(currentGroup);
+			}
+			currentGroup.options.push(row);
+			return;
+		}
+		currentGroup = void 0;
+		rows.push({
+			kind: "option",
+			...row
+		});
+	});
+	return rows;
+}
+/** Оценки высоты строк: опция крупнее заголовка группы. Уточняются замером. */
+var OPTION_SIZE_ESTIMATE = 36;
+var GROUP_LABEL_SIZE_ESTIMATE = 28;
+/**
+* Виртуализация панели с группами.
+*
+* Набор — `[ведущая строка?] + panelItems`, то есть заголовки групп идут в нём
+* наравне с опциями: на экране они занимают такую же строку. Вложенную
+* структуру групп рендер пересобирает уже из окна.
+*/
+function useOptionPanelVirtualization(options) {
+	const virtualEnabled = computed(() => options.enabled());
+	const addOffset = computed(() => options.hasLeadingRow.value ? 1 : 0);
+	const virtualCount = computed(() => options.panelItems.value.length + addOffset.value);
+	const virtualizer = useVirtualList({
+		container: options.listboxEl,
+		count: () => virtualEnabled.value ? virtualCount.value : 0,
+		source: () => options.panelItems.value,
+		itemSize: (index) => {
+			return options.panelItems.value[index - addOffset.value]?.kind === "group" ? GROUP_LABEL_SIZE_ESTIMATE : OPTION_SIZE_ESTIMATE;
+		},
+		viewportSize: () => options.maxHeight()
+	});
+	/**
+	* Позиция и размер набора для каждой опции.
+	*
+	* Набор — не весь список: опция внутри `role="group"` принадлежит набору своей
+	* группы, и `aria-posinset` отсчитывается от неё. Опции вне групп вместе с
+	* ведущей строкой образуют набор уровня listbox'а.
+	*/
+	const optionSets = computed(() => {
+		const sizes = /* @__PURE__ */ new Map();
+		const positions = /* @__PURE__ */ new Map();
+		const ROOT = "__root__";
+		let rootCount = options.hasLeadingRow.value ? 1 : 0;
+		options.panelItems.value.forEach((item, index) => {
+			if (item.kind === "group") return;
+			const setKey = item.groupKey ?? ROOT;
+			const next = (sizes.get(setKey) ?? (setKey === ROOT ? rootCount : 0)) + 1;
+			sizes.set(setKey, next);
+			positions.set(index, {
+				setKey,
+				posInSet: next
+			});
+			if (setKey === ROOT) rootCount = next;
+		});
+		if (options.hasLeadingRow.value && !sizes.has(ROOT)) sizes.set(ROOT, rootCount);
+		return {
+			sizes,
+			positions,
+			ROOT
+		};
+	});
+	/** ARIA набора: объявляем только при виртуализации — иначе набор виден по DOM. */
+	function optionSetProps(index) {
+		if (!virtualEnabled.value) return void 0;
+		const position = optionSets.value.positions.get(index);
+		if (!position) return void 0;
+		return {
+			"aria-setsize": optionSets.value.sizes.get(position.setKey) ?? 1,
+			"aria-posinset": position.posInSet
+		};
+	}
+	/** ARIA ведущей строки: она первая в наборе уровня listbox'а. */
+	const leadingRowSetProps = computed(() => {
+		if (!virtualEnabled.value) return void 0;
+		return {
+			"aria-setsize": optionSets.value.sizes.get(optionSets.value.ROOT) ?? 1,
+			"aria-posinset": 1
+		};
+	});
+	/** Метка группы по её ключу: окно может начаться ниже заголовка. */
+	const groupLabels = computed(() => {
+		const labels = /* @__PURE__ */ new Map();
+		for (const item of options.panelItems.value) if (item.kind === "group") labels.set(item.key, item.label);
+		return labels;
+	});
+	return {
+		virtualEnabled,
+		addOffset,
+		scrollToIndex: (index) => virtualizer.scrollToIndex(index),
+		measure: (index, el) => virtualizer.measure(index, el),
+		optionSetProps,
+		leadingRowSetProps,
+		showLeadingRow: computed(() => {
+			if (!options.hasLeadingRow.value) return false;
+			return !virtualEnabled.value || virtualizer.range.value.start === 0;
+		}),
+		renderedPanelRows: computed(() => {
+			if (!virtualEnabled.value) return options.panelRows.value;
+			const items = options.panelItems.value;
+			const { start, end } = virtualizer.range.value;
+			const from = Math.max(0, start - addOffset.value);
+			const to = Math.min(items.length, Math.max(0, end - addOffset.value));
+			return buildOptionPanelRows(items.slice(from, to), {
+				offset: from,
+				windowed: true,
+				groupLabels: groupLabels.value
+			});
+		}),
+		listboxStyle: computed(() => {
+			const base = { maxHeight: `${options.maxHeight()}px` };
+			if (!virtualEnabled.value) return base;
+			return {
+				...base,
+				...virtualizer.spacerStyle.value
+			};
+		})
+	};
+}
+//#endregion
+export { useOptionPanelVirtualization as n, buildOptionPanelRows as t };

package/dist/chunks/optionPanel-DvY7Tv_4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"optionPanel-DvY7Tv_4.js","names":[],"sources":["../../src/components/shared/optionPanel.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue'\nimport { computed } from 'vue'\n\nimport { useVirtualList } from '../../composables/useVirtualList'\n\n/**\n * Панель списка опций с группами — общая машинерия `GrSelect` и `GrAutocomplete`.\n *\n * Модуль ничего не знает об опции: ему нужны только её место в наборе и\n * принадлежность группе. Поэтому он обобщён по типу опции, а не по типу\n * значения — иначе у двух компонентов с разными шкалами значений получилось бы\n * две копии одного алгоритма, и разошлись бы они молча.\n *\n * Разделение ответственности: **что показывать** решает компонент (у каждого\n * своя фильтрация — локальный матчер, серверный ответ, «добавить своё»), а\n * **как это разложить** — здесь.\n */\n\n/** Элемент панели: заголовок группы либо опция. Плоский, в порядке отрисовки. */\nexport type OptionPanelItem<TOption>\n  = | { kind: 'group', label: string, key: string }\n  /** `groupKey` связывает опцию с заголовком её группы для скринридера. */\n    | { kind: 'option', option: TOption, key: string, groupKey?: string }\n\nexport type OptionPanelOptionRow<TOption> = {\n  option: TOption\n  key: string\n  /** Позиция в плоском наборе: из неё строится `id`, поэтому она не от значения. */\n  index: number\n}\n\nexport type OptionPanelGroupRow<TOption> = {\n  kind: 'group'\n  label: string\n  key: string\n  options: OptionPanelOptionRow<TOption>[]\n  /**\n   * Есть ли в этой отрисовке видимый заголовок. При виртуализации окно может\n   * начаться серединой группы: обёртка нужна всё равно, а заголовка нет —\n   * имя тогда идёт в `aria-label`.\n   */\n  labelVisible?: boolean\n  /** Позиция заголовка в наборе — по ней его замеряет виртуализатор. */\n  labelIndex?: number\n}\n\nexport type OptionPanelRow<TOption>\n  = | OptionPanelGroupRow<TOption>\n    | ({ kind: 'option' } & OptionPanelOptionRow<TOption>)\n\n/**\n * Плоский набор → строки для рендера: заголовок группы не сосед опций, а их\n * контейнер.\n *\n * Прямыми потомками `role=\"listbox\"` обязаны быть только опции, иначе диктор\n * считает заголовок таким же элементом выбора. Имя группе даёт `aria-labelledby`\n * на её заголовке.\n *\n * `windowed` описывает срез: при виртуализации окно может начаться серединой\n * группы, и такая группа открывается **без** видимого заголовка — иначе её\n * опции оказались бы прямыми детьми listbox'а и потеряли имя набора.\n */\nexport function buildOptionPanelRows<TOption>(\n  items: OptionPanelItem<TOption>[],\n  options: {\n    /** Смещение индексов, если срез начат не с нуля. */\n    offset?: number\n    windowed?: boolean\n    /** Метки групп по ключу — нужны группе, чей заголовок остался выше окна. */\n    groupLabels?: Map<string, string>\n  } = {},\n): OptionPanelRow<TOption>[] {\n  const offset = options.offset ?? 0\n  const rows: OptionPanelRow<TOption>[] = []\n  let currentGroup: OptionPanelGroupRow<TOption> | undefined\n\n  items.forEach((item, position) => {\n    const index = position + offset\n\n    if (item.kind === 'group') {\n      currentGroup = {\n        kind: 'group',\n        label: item.label,\n        key: item.key,\n        options: [],\n        ...(options.windowed ? { labelVisible: true, labelIndex: index } : {}),\n      }\n      rows.push(currentGroup)\n      return\n    }\n\n    const row: OptionPanelOptionRow<TOption> = { option: item.option, key: item.key, index }\n\n    if (item.groupKey) {\n      if (!currentGroup || currentGroup.key !== item.groupKey) {\n        // Заголовок остался выше окна: группу всё равно открываем, имя берём из\n        // словаря и объявляем через `aria-label`.\n        if (!options.windowed) {\n          currentGroup = undefined\n          rows.push({ kind: 'option', ...row })\n          return\n        }\n\n        currentGroup = {\n          kind: 'group',\n          label: options.groupLabels?.get(item.groupKey) ?? '',\n          key: item.groupKey,\n          options: [],\n          labelVisible: false,\n        }\n        rows.push(currentGroup)\n      }\n\n      currentGroup.options.push(row)\n      return\n    }\n\n    currentGroup = undefined\n    rows.push({ kind: 'option', ...row })\n  })\n\n  return rows\n}\n\n/** Оценки высоты строк: опция крупнее заголовка группы. Уточняются замером. */\nconst OPTION_SIZE_ESTIMATE = 36\nconst GROUP_LABEL_SIZE_ESTIMATE = 28\n\nexport interface UseOptionPanelVirtualizationOptions<TOption> {\n  panelItems: ComputedRef<OptionPanelItem<TOption>[]>\n  panelRows: ComputedRef<OptionPanelRow<TOption>[]>\n  /** Есть ли перед опциями строка «добавить своё»: она сдвигает весь набор. */\n  hasLeadingRow: ComputedRef<boolean>\n  /** Контейнер списка: по нему считается окно и замеряются строки. */\n  listboxEl: Ref<HTMLElement | null>\n  enabled: () => boolean\n  maxHeight: () => number\n}\n\nexport interface OptionPanelVirtualization<TOption> {\n  virtualEnabled: ComputedRef<boolean>\n  /** Сдвиг набора: ведущая строка стоит перед опциями. */\n  addOffset: ComputedRef<number>\n  scrollToIndex: (index: number) => void\n  /** Замер строки: оценка высоты уточняется по реальному узлу. */\n  measure: (index: number, el: Element | null) => void\n  /** ARIA набора для опции; вне виртуализации набор виден по DOM. */\n  optionSetProps: (index: number) => Record<string, number> | undefined\n  leadingRowSetProps: ComputedRef<Record<string, number> | undefined>\n  showLeadingRow: ComputedRef<boolean>\n  renderedPanelRows: ComputedRef<OptionPanelRow<TOption>[]>\n  listboxStyle: ComputedRef<Record<string, string>>\n}\n\n/**\n * Виртуализация панели с группами.\n *\n * Набор — `[ведущая строка?] + panelItems`, то есть заголовки групп идут в нём\n * наравне с опциями: на экране они занимают такую же строку. Вложенную\n * структуру групп рендер пересобирает уже из окна.\n */\nexport function useOptionPanelVirtualization<TOption>(\n  options: UseOptionPanelVirtualizationOptions<TOption>,\n): OptionPanelVirtualization<TOption> {\n  const virtualEnabled = computed(() => options.enabled())\n  const addOffset = computed(() => (options.hasLeadingRow.value ? 1 : 0))\n  const virtualCount = computed(() => options.panelItems.value.length + addOffset.value)\n\n  const virtualizer = useVirtualList({\n    container: options.listboxEl,\n    count: () => (virtualEnabled.value ? virtualCount.value : 0),\n    // Фильтрация пересобирает набор строк — замеры прошлого набора невалидны.\n    source: () => options.panelItems.value,\n    itemSize: (index) => {\n      const item = options.panelItems.value[index - addOffset.value]\n      return item?.kind === 'group' ? GROUP_LABEL_SIZE_ESTIMATE : OPTION_SIZE_ESTIMATE\n    },\n    // Панель закрыта — контейнера в раскладке нет, `clientHeight` нулевой.\n    viewportSize: () => options.maxHeight(),\n  })\n\n  /**\n   * Позиция и размер набора для каждой опции.\n   *\n   * Набор — не весь список: опция внутри `role=\"group\"` принадлежит набору своей\n   * группы, и `aria-posinset` отсчитывается от неё. Опции вне групп вместе с\n   * ведущей строкой образуют набор уровня listbox'а.\n   */\n  const optionSets = computed(() => {\n    const sizes = new Map<string, number>()\n    const positions = new Map<number, { setKey: string, posInSet: number }>()\n    const ROOT = '__root__'\n\n    let rootCount = options.hasLeadingRow.value ? 1 : 0\n\n    options.panelItems.value.forEach((item, index) => {\n      if (item.kind === 'group')\n        return\n\n      const setKey = item.groupKey ?? ROOT\n      const next = (sizes.get(setKey) ?? (setKey === ROOT ? rootCount : 0)) + 1\n      sizes.set(setKey, next)\n      positions.set(index, { setKey, posInSet: next })\n      if (setKey === ROOT)\n        rootCount = next\n    })\n\n    if (options.hasLeadingRow.value && !sizes.has(ROOT))\n      sizes.set(ROOT, rootCount)\n\n    return { sizes, positions, ROOT }\n  })\n\n  /** ARIA набора: объявляем только при виртуализации — иначе набор виден по DOM. */\n  function optionSetProps(index: number): Record<string, number> | undefined {\n    if (!virtualEnabled.value)\n      return undefined\n\n    const position = optionSets.value.positions.get(index)\n    if (!position)\n      return undefined\n\n    return {\n      'aria-setsize': optionSets.value.sizes.get(position.setKey) ?? 1,\n      'aria-posinset': position.posInSet,\n    }\n  }\n\n  /** ARIA ведущей строки: она первая в наборе уровня listbox'а. */\n  const leadingRowSetProps = computed<Record<string, number> | undefined>(() => {\n    if (!virtualEnabled.value)\n      return undefined\n    return {\n      'aria-setsize': optionSets.value.sizes.get(optionSets.value.ROOT) ?? 1,\n      'aria-posinset': 1,\n    }\n  })\n\n  /** Метка группы по её ключу: окно может начаться ниже заголовка. */\n  const groupLabels = computed(() => {\n    const labels = new Map<string, string>()\n    for (const item of options.panelItems.value) {\n      if (item.kind === 'group')\n        labels.set(item.key, item.label)\n    }\n    return labels\n  })\n\n  /** Видна ли ведущая строка: вне окна её рисовать нельзя — она элемент набора. */\n  const showLeadingRow = computed(() => {\n    if (!options.hasLeadingRow.value)\n      return false\n    return !virtualEnabled.value || virtualizer.range.value.start === 0\n  })\n\n  const renderedPanelRows = computed<OptionPanelRow<TOption>[]>(() => {\n    if (!virtualEnabled.value)\n      return options.panelRows.value\n\n    const items = options.panelItems.value\n    const { start, end } = virtualizer.range.value\n    const from = Math.max(0, start - addOffset.value)\n    const to = Math.min(items.length, Math.max(0, end - addOffset.value))\n\n    return buildOptionPanelRows(items.slice(from, to), {\n      offset: from,\n      windowed: true,\n      groupLabels: groupLabels.value,\n    })\n  })\n\n  const listboxStyle = computed(() => {\n    const base: Record<string, string> = { maxHeight: `${options.maxHeight()}px` }\n    if (!virtualEnabled.value)\n      return base\n\n    return { ...base, ...virtualizer.spacerStyle.value }\n  })\n\n  return {\n    virtualEnabled,\n    addOffset,\n    scrollToIndex: index => virtualizer.scrollToIndex(index),\n    measure: (index, el) => virtualizer.measure(index, el),\n    optionSetProps,\n    leadingRowSetProps,\n    showLeadingRow,\n    renderedPanelRows,\n    listboxStyle,\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/overlayListPanel-D91jBCHU.js

@@ -0,0 +1,21 @@
+//#region src/components/shared/overlayListPanel.ts
+/**
+* Панель списка, ужимающаяся до места, оставшегося до края вьюпорта.
+*
+* Слой позиционирования публикует замер в `--gr-floating-available-height`
+* (`composables/useFloating.ts`), и панель берёт его потолком: собственный
+* `dropdownMaxHeight` на коротком экране больше доступного места, а сжать
+* панель не умеют ни `flip`, ни `shift` — низ списка просто уходит за край.
+*
+* Колонка обязательна вместе с потолком. Панель держит не только список, но и
+* поле поиска, строку «добавить своё» и строки состояний; без `flex-col` и
+* `min-h-0` у списка ужимался бы не он, а панель целиком — то есть вместо
+* одного скролла вышло бы два.
+*
+* Модуль отдельный от `overlayPanelSurface` намеренно: ту поверхность берёт и
+* `GrPopover` со своим потолком, а класс из общего модуля обязан объявить в
+* safelist **каждый** импортёр, даже не пользующийся им.
+*/
+var overlayListPanelClass = "flex flex-col max-h-[var(--gr-floating-available-height,100vh)]";
+//#endregion
+export { overlayListPanelClass as t };

package/dist/chunks/overlayListPanel-D91jBCHU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayListPanel-D91jBCHU.js","names":[],"sources":["../../src/components/shared/overlayListPanel.ts"],"sourcesContent":["/**\n * Панель списка, ужимающаяся до места, оставшегося до края вьюпорта.\n *\n * Слой позиционирования публикует замер в `--gr-floating-available-height`\n * (`composables/useFloating.ts`), и панель берёт его потолком: собственный\n * `dropdownMaxHeight` на коротком экране больше доступного места, а сжать\n * панель не умеют ни `flip`, ни `shift` — низ списка просто уходит за край.\n *\n * Колонка обязательна вместе с потолком. Панель держит не только список, но и\n * поле поиска, строку «добавить своё» и строки состояний; без `flex-col` и\n * `min-h-0` у списка ужимался бы не он, а панель целиком — то есть вместо\n * одного скролла вышло бы два.\n *\n * Модуль отдельный от `overlayPanelSurface` намеренно: ту поверхность берёт и\n * `GrPopover` со своим потолком, а класс из общего модуля обязан объявить в\n * safelist **каждый** импортёр, даже не пользующийся им.\n */\nexport const overlayListPanelClass = 'flex flex-col max-h-[var(--gr-floating-available-height,100vh)]'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,IAAa,wBAAwB"}

package/dist/chunks/{overlayStack-DH4Z7am1.js → overlayStack-DCkCgXZP.js}

@@ -1,4 +1,4 @@
-import { r as isComposingEvent } from "./keyboard-DE2yhz_b.js";
+import { n as isComposingEvent } from "./keyboard-BiFSgWLt.js";
 import { n as provideGrDevLayers, t as emitGrDevEvent } from "./devHook-CiqijpNM.js";
 //#region src/composables/internal/overlayStack.ts
 var stack = [];

package/dist/chunks/{overlayStack-DH4Z7am1.js.map → overlayStack-DCkCgXZP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"overlayStack-DH4Z7am1.js","names":[],"sources":["../../src/composables/internal/overlayStack.ts"],"sourcesContent":["/**\n * Единый стек слоёв оверлеев: модалки, drawer'ы, просмотрщик, панели селектов,\n * дропдауны, подсказки — всё, что открывается поверх страницы.\n *\n * Список один, и порядок регистрации совпадает с порядком открытия, но из него\n * выводятся **две разные вершины**:\n *\n *  - **Esc** → последний слой любого рода. Дропдаун, открытый внутри модалки,\n *    обязан закрыться первым — пользователь видит верхним именно его.\n *  - **`inert`** → ставится на модальные слои ниже последнего **модального**.\n *    Немодальный слой сверху модалку не понижает: иначе окно ушло бы в `inert`\n *    вместе со своим же открытым дропдауном и перестало отвечать.\n *  - **высота** → `openModalCount()` поднимает floating-панель над окном, из\n *    которого её открыли: телепортированная панель лежит рядом с корнем окна,\n *    и статический `z-index` дропдауна оставлял её под ним.\n *\n * Вести эти две вершины в двух независимых реестрах нельзя: реестры описывают\n * один и тот же порядок и расходятся молча — достаточно оверлея, который\n * зарегистрировался в одном и забыл про другой.\n *\n * Ловушку фокуса стек не реализует сам, но питает её (`useFocusTrap`): он\n * видит слои из **разных деревьев рендера** (диалоги `useDialogService`\n * монтируются отдельным `render()` в `body`) и знает их корни.\n */\n\nimport type { GrLayerFocus, GrOverlaySnapshot } from '../../internal/devHook'\nimport { emitGrDevEvent, provideGrDevLayers } from '../../internal/devHook'\nimport { isComposingEvent } from '../../internal/keyboard'\n\nexport interface OverlayLayer {\n  /** Уникальный id зарегистрированного слоя. */\n  id: number\n  /**\n   * Модальный слой: блокирует страницу и участвует в вычислении `inert`.\n   * Немодальные (поповеры, меню, подсказки) — только в очереди Esc.\n   */\n  modal: boolean\n  /** Закрывать ли слой по Esc (реактивный геттер: `closeOnEsc` и подобные). */\n  shouldClose: () => boolean\n  /** Закрыть слой. */\n  close: () => void\n  /** Уведомление «этот модальный слой сейчас верхний». Только для `modal`. */\n  setTopmost?: (isTopmost: boolean) => void\n  /**\n   * Позиция слоя среди модальных, от нуля. Только для `modal`.\n   *\n   * От неё считается высота: у всех модальных слоёв один токен\n   * (`--gr-z-modal`), и без этой прибавки порядок отрисовки решал бы порядок\n   * узлов в портале, а он задаётся **созданием** телепорта, а не открытием\n   * слоя. Диалог, объявленный в шаблоне статически, вставал бы под окном,\n   * открытым позже, — и получал бы `inert` от стека, оставаясь видимым.\n   */\n  setDepth?: (depth: number) => void\n  /**\n   * Корень слоя. Ловушка фокуса нижнего слоя обязана считать его своим:\n   * панель селекта, открытого внутри модалки, телепортирована в `body` и лежит\n   * вне DOM-поддерева окна, но для пользователя это тот же слой.\n   */\n  root?: () => HTMLElement | null\n  /**\n   * Компонент, открывший слой. Только для наблюдателя: стеку он не нужен, но\n   * без него слой в панели — безымянный номер.\n   */\n  owner?: string | null\n  /**\n   * Картина фокуса глазами самого слоя. Геттер, а не значение: она меняется от\n   * каждого клика, а спрашивают её только в момент снимка.\n   */\n  describeFocus?: () => GrLayerFocus | null\n}\n\nconst stack: OverlayLayer[] = []\nlet listening = false\nlet nextId = 1\n\n/**\n * Пересчитывает состояние модальных слоёв: кто верхний и на какой высоте.\n *\n * Обе величины выводятся из одного порядка, поэтому и считаются в одном месте:\n * разъедься они — «верхний» для `inert` и «верхний» для отрисовки перестали бы\n * совпадать, а это ровно тот дефект, из-за которого высота и заведена.\n */\nfunction syncModalLayers(): void {\n  const modals = stack.filter(layer => layer.modal)\n  const top = modals[modals.length - 1]\n\n  modals.forEach((layer, index) => {\n    layer.setTopmost?.(layer === top)\n    layer.setDepth?.(index)\n  })\n\n  if (__GR_DEV__)\n    emitGrDevEvent({ type: 'overlay:sync', layers: snapshotLayers() })\n}\n\n/**\n * Снимок стека для dev-канала.\n *\n * Считается здесь же, где `syncModalLayers` раздаёт то же самое слоям, и по тем\n * же выражениям: разъедься они — наблюдатель показывал бы картину, которой в\n * пакете нет, и отладка по ней уводила бы в сторону.\n */\nfunction snapshotLayers(): GrOverlaySnapshot[] {\n  const modals = stack.filter(layer => layer.modal)\n  const topModal = modals[modals.length - 1]\n  const top = stack[stack.length - 1]\n\n  return stack.map(layer => ({\n    id: layer.id,\n    owner: layer.owner ?? null,\n    focus: layer.describeFocus?.() ?? null,\n    modal: layer.modal,\n    topmostForEscape: layer === top,\n    inert: layer.modal && layer !== topModal,\n    depth: layer.modal ? modals.indexOf(layer) : null,\n    closesOnEscape: layer.shouldClose(),\n  }))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key !== 'Escape')\n    return\n  // Esc во время IME-композиции отменяет её, а не закрывает слой.\n  if (isComposingEvent(event))\n    return\n  if (stack.length === 0)\n    return\n\n  const top = stack[stack.length - 1]\n\n  // Гасим всегда, даже если верхний слой не закрывается по Esc: иначе нажатие\n  // «провалится» на слой ниже и закроет не то, что видит пользователь.\n  event.preventDefault()\n  event.stopPropagation()\n  if (typeof event.stopImmediatePropagation === 'function')\n    event.stopImmediatePropagation()\n\n  const closes = top.shouldClose()\n\n  if (__GR_DEV__)\n    emitGrDevEvent({ type: 'overlay:escape', id: top.id, closed: closes })\n\n  if (closes)\n    top.close()\n}\n\nfunction startListening(): void {\n  if (listening)\n    return\n  if (typeof window === 'undefined')\n    return\n  // Capture-фаза опережает любые локальные обработчики: Esc обязан достаться\n  // верхнему слою, а не тому, кто первым подписался.\n  window.addEventListener('keydown', handleKeydown, true)\n  listening = true\n}\n\nfunction stopListening(): void {\n  if (!listening)\n    return\n  if (typeof window === 'undefined')\n    return\n  window.removeEventListener('keydown', handleKeydown, true)\n  listening = false\n}\n\n/** Регистрирует слой как верхний и возвращает его id. */\nexport function pushOverlayLayer(layer: Omit<OverlayLayer, 'id'>): number {\n  const id = nextId++\n  stack.push({ ...layer, id })\n  startListening()\n\n  if (__GR_DEV__)\n    emitGrDevEvent({ type: 'overlay:push', id, modal: layer.modal, owner: layer.owner ?? null })\n\n  syncModalLayers()\n  return id\n}\n\n/** Снимает слой со стека (при закрытии или размонтировании). */\nexport function removeOverlayLayer(id: number): void {\n  const index = stack.findIndex(item => item.id === id)\n  if (index >= 0)\n    stack.splice(index, 1)\n  if (stack.length === 0)\n    stopListening()\n\n  if (__GR_DEV__ && index >= 0)\n    emitGrDevEvent({ type: 'overlay:remove', id })\n\n  syncModalLayers()\n}\n\n/**\n * Корни слоёв, открытых **поверх** данного.\n *\n * Ими ловушка фокуса дополняет свой контейнер: всё, что открыто изнутри слоя\n * (панель селекта, меню, подсказка), лежит в `body` отдельным поддеревом, и\n * без этого списка ловушка утаскивала бы из него фокус обратно в окно.\n */\nexport function layerRootsAbove(id: number): HTMLElement[] {\n  const index = stack.findIndex(layer => layer.id === id)\n  if (index < 0)\n    return []\n\n  return stack\n    .slice(index + 1)\n    .map(layer => layer.root?.() ?? null)\n    .filter((root): root is HTMLElement => root !== null)\n}\n\n/** Корни всех зарегистрированных слоёв. */\nexport function allLayerRoots(): HTMLElement[] {\n  return stack\n    .map(layer => layer.root?.() ?? null)\n    .filter((root): root is HTMLElement => root !== null)\n}\n\n/** Сколько слоёв открыто. Для тестов и диагностики. */\nexport function overlayStackSize(): number {\n  return stack.length\n}\n\n/**\n * Сколько **модальных** слоёв открыто прямо сейчас.\n *\n * Читает `useFloating`, когда считает высоту панели: панель телепортирована в\n * общий портал и лежит рядом с корнем окна, а не внутри него, поэтому свой\n * стек-контекст её не спасает — высоту приходится брать из порядка слоёв.\n */\nexport function openModalCount(): number {\n  return stack.reduce((count, layer) => count + (layer.modal ? 1 : 0), 0)\n}\n\n/**\n * Высота слоя, лежащего внутри открытого окна.\n *\n * Панель телепортирована в общий портал и становится **соседом** корня окна, а\n * не его потомком: собственный stacking-контекст окна её не накрывает, и\n * статический `--gr-z-dropdown` (1000) оставлял её под окном (1100). Слагаемое —\n * число модальных слоёв, поэтому панель встаёт над самым верхним из них, а\n * полноэкранная загрузка (1150) и тосты (1200) остаются сверху.\n *\n * Обратный случай — «поповер снаружи не должен перекрывать окно» — не страдает:\n * пока окно открыто, страница под ним в `inert`, и открыть там поповер нечем.\n */\nexport function floatingLayerZIndex(zIndexVar: string): string {\n  const modals = openModalCount()\n\n  return modals > 0 ? `calc(var(--gr-z-modal) + ${modals})` : `var(${zIndexVar})`\n}\n\n/**\n * Высота самого модального слоя: базовый токен плюс его позиция в стеке.\n *\n * Нулевая глубина оставляет чистый `var(...)` — у единственного окна на экране\n * в стилях не появляется лишней арифметики.\n */\nexport function modalLayerZIndex(depth: number, zIndexVar = '--gr-z-modal'): string {\n  return depth > 0 ? `calc(var(${zIndexVar}) + ${depth})` : `var(${zIndexVar})`\n}\n\n// Читалка регистрируется на загрузке модуля: наблюдатель может подключиться\n// раньше первого открытого слоя, и тогда спросить ему было бы нечего.\nif (__GR_DEV__)\n  provideGrDevLayers(snapshotLayers)\n\n/** Тестовая/служебная очистка стека. */\nexport function resetOverlayStack(): void {\n  stack.splice(0, stack.length)\n  stopListening()\n\n  if (__GR_DEV__)\n    emitGrDevEvent({ type: 'overlay:sync', layers: [] })\n}\n"],"mappings":"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"}
+{"version":3,"file":"overlayStack-DCkCgXZP.js","names":[],"sources":["../../src/composables/internal/overlayStack.ts"],"sourcesContent":["/**\n * Единый стек слоёв оверлеев: модалки, drawer'ы, просмотрщик, панели селектов,\n * дропдауны, подсказки — всё, что открывается поверх страницы.\n *\n * Список один, и порядок регистрации совпадает с порядком открытия, но из него\n * выводятся **две разные вершины**:\n *\n *  - **Esc** → последний слой любого рода. Дропдаун, открытый внутри модалки,\n *    обязан закрыться первым — пользователь видит верхним именно его.\n *  - **`inert`** → ставится на модальные слои ниже последнего **модального**.\n *    Немодальный слой сверху модалку не понижает: иначе окно ушло бы в `inert`\n *    вместе со своим же открытым дропдауном и перестало отвечать.\n *  - **высота** → `openModalCount()` поднимает floating-панель над окном, из\n *    которого её открыли: телепортированная панель лежит рядом с корнем окна,\n *    и статический `z-index` дропдауна оставлял её под ним.\n *\n * Вести эти две вершины в двух независимых реестрах нельзя: реестры описывают\n * один и тот же порядок и расходятся молча — достаточно оверлея, который\n * зарегистрировался в одном и забыл про другой.\n *\n * Ловушку фокуса стек не реализует сам, но питает её (`useFocusTrap`): он\n * видит слои из **разных деревьев рендера** (диалоги `useDialogService`\n * монтируются отдельным `render()` в `body`) и знает их корни.\n */\n\nimport type { GrLayerFocus, GrOverlaySnapshot } from '../../internal/devHook'\nimport { emitGrDevEvent, provideGrDevLayers } from '../../internal/devHook'\nimport { isComposingEvent } from '../../internal/keyboard'\n\nexport interface OverlayLayer {\n  /** Уникальный id зарегистрированного слоя. */\n  id: number\n  /**\n   * Модальный слой: блокирует страницу и участвует в вычислении `inert`.\n   * Немодальные (поповеры, меню, подсказки) — только в очереди Esc.\n   */\n  modal: boolean\n  /** Закрывать ли слой по Esc (реактивный геттер: `closeOnEsc` и подобные). */\n  shouldClose: () => boolean\n  /** Закрыть слой. */\n  close: () => void\n  /** Уведомление «этот модальный слой сейчас верхний». Только для `modal`. */\n  setTopmost?: (isTopmost: boolean) => void\n  /**\n   * Позиция слоя среди модальных, от нуля. Только для `modal`.\n   *\n   * От неё считается высота: у всех модальных слоёв один токен\n   * (`--gr-z-modal`), и без этой прибавки порядок отрисовки решал бы порядок\n   * узлов в портале, а он задаётся **созданием** телепорта, а не открытием\n   * слоя. Диалог, объявленный в шаблоне статически, вставал бы под окном,\n   * открытым позже, — и получал бы `inert` от стека, оставаясь видимым.\n   */\n  setDepth?: (depth: number) => void\n  /**\n   * Корень слоя. Ловушка фокуса нижнего слоя обязана считать его своим:\n   * панель селекта, открытого внутри модалки, телепортирована в `body` и лежит\n   * вне DOM-поддерева окна, но для пользователя это тот же слой.\n   */\n  root?: () => HTMLElement | null\n  /**\n   * Компонент, открывший слой. Только для наблюдателя: стеку он не нужен, но\n   * без него слой в панели — безымянный номер.\n   */\n  owner?: string | null\n  /**\n   * Картина фокуса глазами самого слоя. Геттер, а не значение: она меняется от\n   * каждого клика, а спрашивают её только в момент снимка.\n   */\n  describeFocus?: () => GrLayerFocus | null\n}\n\nconst stack: OverlayLayer[] = []\nlet listening = false\nlet nextId = 1\n\n/**\n * Пересчитывает состояние модальных слоёв: кто верхний и на какой высоте.\n *\n * Обе величины выводятся из одного порядка, поэтому и считаются в одном месте:\n * разъедься они — «верхний» для `inert` и «верхний» для отрисовки перестали бы\n * совпадать, а это ровно тот дефект, из-за которого высота и заведена.\n */\nfunction syncModalLayers(): void {\n  const modals = stack.filter(layer => layer.modal)\n  const top = modals[modals.length - 1]\n\n  modals.forEach((layer, index) => {\n    layer.setTopmost?.(layer === top)\n    layer.setDepth?.(index)\n  })\n\n  if (__GR_DEV__)\n    emitGrDevEvent({ type: 'overlay:sync', layers: snapshotLayers() })\n}\n\n/**\n * Снимок стека для dev-канала.\n *\n * Считается здесь же, где `syncModalLayers` раздаёт то же самое слоям, и по тем\n * же выражениям: разъедься они — наблюдатель показывал бы картину, которой в\n * пакете нет, и отладка по ней уводила бы в сторону.\n */\nfunction snapshotLayers(): GrOverlaySnapshot[] {\n  const modals = stack.filter(layer => layer.modal)\n  const topModal = modals[modals.length - 1]\n  const top = stack[stack.length - 1]\n\n  return stack.map(layer => ({\n    id: layer.id,\n    owner: layer.owner ?? null,\n    focus: layer.describeFocus?.() ?? null,\n    modal: layer.modal,\n    topmostForEscape: layer === top,\n    inert: layer.modal && layer !== topModal,\n    depth: layer.modal ? modals.indexOf(layer) : null,\n    closesOnEscape: layer.shouldClose(),\n  }))\n}\n\nfunction handleKeydown(event: KeyboardEvent): void {\n  if (event.key !== 'Escape')\n    return\n  // Esc во время IME-композиции отменяет её, а не закрывает слой.\n  if (isComposingEvent(event))\n    return\n  if (stack.length === 0)\n    return\n\n  const top = stack[stack.length - 1]\n\n  // Гасим всегда, даже если верхний слой не закрывается по Esc: иначе нажатие\n  // «провалится» на слой ниже и закроет не то, что видит пользователь.\n  event.preventDefault()\n  event.stopPropagation()\n  if (typeof event.stopImmediatePropagation === 'function')\n    event.stopImmediatePropagation()\n\n  const closes = top.shouldClose()\n\n  if (__GR_DEV__)\n    emitGrDevEvent({ type: 'overlay:escape', id: top.id, closed: closes })\n\n  if (closes)\n    top.close()\n}\n\nfunction startListening(): void {\n  if (listening)\n    return\n  if (typeof window === 'undefined')\n    return\n  // Capture-фаза опережает любые локальные обработчики: Esc обязан достаться\n  // верхнему слою, а не тому, кто первым подписался.\n  window.addEventListener('keydown', handleKeydown, true)\n  listening = true\n}\n\nfunction stopListening(): void {\n  if (!listening)\n    return\n  if (typeof window === 'undefined')\n    return\n  window.removeEventListener('keydown', handleKeydown, true)\n  listening = false\n}\n\n/** Регистрирует слой как верхний и возвращает его id. */\nexport function pushOverlayLayer(layer: Omit<OverlayLayer, 'id'>): number {\n  const id = nextId++\n  stack.push({ ...layer, id })\n  startListening()\n\n  if (__GR_DEV__)\n    emitGrDevEvent({ type: 'overlay:push', id, modal: layer.modal, owner: layer.owner ?? null })\n\n  syncModalLayers()\n  return id\n}\n\n/** Снимает слой со стека (при закрытии или размонтировании). */\nexport function removeOverlayLayer(id: number): void {\n  const index = stack.findIndex(item => item.id === id)\n  if (index >= 0)\n    stack.splice(index, 1)\n  if (stack.length === 0)\n    stopListening()\n\n  if (__GR_DEV__ && index >= 0)\n    emitGrDevEvent({ type: 'overlay:remove', id })\n\n  syncModalLayers()\n}\n\n/**\n * Корни слоёв, открытых **поверх** данного.\n *\n * Ими ловушка фокуса дополняет свой контейнер: всё, что открыто изнутри слоя\n * (панель селекта, меню, подсказка), лежит в `body` отдельным поддеревом, и\n * без этого списка ловушка утаскивала бы из него фокус обратно в окно.\n */\nexport function layerRootsAbove(id: number): HTMLElement[] {\n  const index = stack.findIndex(layer => layer.id === id)\n  if (index < 0)\n    return []\n\n  return stack\n    .slice(index + 1)\n    .map(layer => layer.root?.() ?? null)\n    .filter((root): root is HTMLElement => root !== null)\n}\n\n/** Корни всех зарегистрированных слоёв. */\nexport function allLayerRoots(): HTMLElement[] {\n  return stack\n    .map(layer => layer.root?.() ?? null)\n    .filter((root): root is HTMLElement => root !== null)\n}\n\n/** Сколько слоёв открыто. Для тестов и диагностики. */\nexport function overlayStackSize(): number {\n  return stack.length\n}\n\n/**\n * Сколько **модальных** слоёв открыто прямо сейчас.\n *\n * Читает `useFloating`, когда считает высоту панели: панель телепортирована в\n * общий портал и лежит рядом с корнем окна, а не внутри него, поэтому свой\n * стек-контекст её не спасает — высоту приходится брать из порядка слоёв.\n */\nexport function openModalCount(): number {\n  return stack.reduce((count, layer) => count + (layer.modal ? 1 : 0), 0)\n}\n\n/**\n * Высота слоя, лежащего внутри открытого окна.\n *\n * Панель телепортирована в общий портал и становится **соседом** корня окна, а\n * не его потомком: собственный stacking-контекст окна её не накрывает, и\n * статический `--gr-z-dropdown` (1000) оставлял её под окном (1100). Слагаемое —\n * число модальных слоёв, поэтому панель встаёт над самым верхним из них, а\n * полноэкранная загрузка (1150) и тосты (1200) остаются сверху.\n *\n * Обратный случай — «поповер снаружи не должен перекрывать окно» — не страдает:\n * пока окно открыто, страница под ним в `inert`, и открыть там поповер нечем.\n */\nexport function floatingLayerZIndex(zIndexVar: string): string {\n  const modals = openModalCount()\n\n  return modals > 0 ? `calc(var(--gr-z-modal) + ${modals})` : `var(${zIndexVar})`\n}\n\n/**\n * Высота самого модального слоя: базовый токен плюс его позиция в стеке.\n *\n * Нулевая глубина оставляет чистый `var(...)` — у единственного окна на экране\n * в стилях не появляется лишней арифметики.\n */\nexport function modalLayerZIndex(depth: number, zIndexVar = '--gr-z-modal'): string {\n  return depth > 0 ? `calc(var(${zIndexVar}) + ${depth})` : `var(${zIndexVar})`\n}\n\n// Читалка регистрируется на загрузке модуля: наблюдатель может подключиться\n// раньше первого открытого слоя, и тогда спросить ему было бы нечего.\nif (__GR_DEV__)\n  provideGrDevLayers(snapshotLayers)\n\n/** Тестовая/служебная очистка стека. */\nexport function resetOverlayStack(): void {\n  stack.splice(0, stack.length)\n  stopListening()\n\n  if (__GR_DEV__)\n    emitGrDevEvent({ type: 'overlay:sync', layers: [] })\n}\n"],"mappings":"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"}

package/dist/chunks/{overlayPanelSurface-BKeMhRx4.js → overlayTransition-C0FDMx7Q.js}

@@ -1,3 +1,26 @@
+//#region src/components/shared/overlayPanelSurface.ts
+/**
+* Общая поверхность всплывающей панели: радиус, рамка, фон, тень.
+*
+* До выноса шесть этих утилит были скопированы пять раз — у поповера,
+* выпадающего меню и трёх списков выбора. Расходились бы молча: разница в одном
+* токене видна только рядом с эталоном, а эталоны у компонентов свои.
+*
+* Фон — `--gr-popover`, и это не выбор из двух равных. Описание токена в
+* `tokens/themes/*.json` — «Фон popover-, dropdown- и overlay-поверхностей», то
+* есть он заведён ровно под этот случай; `--gr-card` — фон карточки. Четверо из
+* пяти брали карточный, и значения совпадали, поэтому расхождение не
+* проявлялось. Проявилось бы у первого, кто перекрасит `--gr-popover`, чтобы
+* отличать всплывающие поверхности от карточек.
+*
+* Всё, что специфично для компонента, — поле, потолок ширины, `overflow` — он
+* дописывает сам: это уже не поверхность, а его собственная раскладка.
+*
+* Модуль безадресный: в `dist` он уезжает в общий чанк, который пресет не
+* сканирует, поэтому каждый потребитель объявляет эти классы в своём `safelist.ts`.
+*/
+var overlayPanelSurfaceClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)]";
+//#endregion
 //#region src/components/shared/overlayTransition.ts
 /**
 * Набор перехода всплывающей панели.
@@ -33,27 +56,4 @@ var panelPopTransition = {
 	leaveTo: "transform opacity-0 scale-95"
 };
 //#endregion
-//#region src/components/shared/overlayPanelSurface.ts
-/**
-* Общая поверхность всплывающей панели: радиус, рамка, фон, тень.
-*
-* До выноса шесть этих утилит были скопированы пять раз — у поповера,
-* выпадающего меню и трёх списков выбора. Расходились бы молча: разница в одном
-* токене видна только рядом с эталоном, а эталоны у компонентов свои.
-*
-* Фон — `--gr-popover`, и это не выбор из двух равных. Описание токена в
-* `tokens/themes/*.json` — «Фон popover-, dropdown- и overlay-поверхностей», то
-* есть он заведён ровно под этот случай; `--gr-card` — фон карточки. Четверо из
-* пяти брали карточный, и значения совпадали, поэтому расхождение не
-* проявлялось. Проявилось бы у первого, кто перекрасит `--gr-popover`, чтобы
-* отличать всплывающие поверхности от карточек.
-*
-* Всё, что специфично для компонента, — поле, потолок ширины, `overflow` — он
-* дописывает сам: это уже не поверхность, а его собственная раскладка.
-*
-* Модуль безадресный: в `dist` он уезжает в общий чанк, который пресет не
-* сканирует, поэтому каждый потребитель объявляет эти классы в своём `safelist.ts`.
-*/
-var overlayPanelSurfaceClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)]";
-//#endregion
-export { panelPopTransition as n, overlayPanelSurfaceClass as t };
+export { overlayPanelSurfaceClass as n, panelPopTransition as t };

package/dist/chunks/overlayTransition-C0FDMx7Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayTransition-C0FDMx7Q.js","names":[],"sources":["../../src/components/shared/overlayPanelSurface.ts","../../src/components/shared/overlayTransition.ts"],"sourcesContent":["/**\n * Общая поверхность всплывающей панели: радиус, рамка, фон, тень.\n *\n * До выноса шесть этих утилит были скопированы пять раз — у поповера,\n * выпадающего меню и трёх списков выбора. Расходились бы молча: разница в одном\n * токене видна только рядом с эталоном, а эталоны у компонентов свои.\n *\n * Фон — `--gr-popover`, и это не выбор из двух равных. Описание токена в\n * `tokens/themes/*.json` — «Фон popover-, dropdown- и overlay-поверхностей», то\n * есть он заведён ровно под этот случай; `--gr-card` — фон карточки. Четверо из\n * пяти брали карточный, и значения совпадали, поэтому расхождение не\n * проявлялось. Проявилось бы у первого, кто перекрасит `--gr-popover`, чтобы\n * отличать всплывающие поверхности от карточек.\n *\n * Всё, что специфично для компонента, — поле, потолок ширины, `overflow` — он\n * дописывает сам: это уже не поверхность, а его собственная раскладка.\n *\n * Модуль безадресный: в `dist` он уезжает в общий чанк, который пресет не\n * сканирует, поэтому каждый потребитель объявляет эти классы в своём `safelist.ts`.\n */\nexport const overlayPanelSurfaceClass = 'rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)]'\n","/**\n * Набор перехода всплывающей панели.\n *\n * Пять панелей — выпадающее меню, поповер, списки выбора — появляются\n * одинаково, и до выноса держали этот набор литералами в своих шаблонах:\n * шесть строк, повторённых дословно пять раз. Разъезжались они молча, потому\n * что визуально расхождение в одной фазе заметно только рядом с эталоном.\n *\n * Форма — объект по фазам, как `overlayTransition`/`panelTransition` у\n * `GrModal`: так набор биндится в `<transition>` по одному имени на фазу и\n * разворачивается в safelist одним вызовом, не превращаясь в «мешок токенов».\n *\n * Два правила, оба следуют из того, что модуль безадресный (в `dist` он лежит\n * в общем чанке, который пресет не сканирует):\n *\n * 1. **Каждый потребитель обязан объявить эти классы в своём `safelist.ts`** —\n *    через `flattenTransitionTokens`. Гейт `src/__tests__/safelist.test.ts`\n *    проверяет это обходом импортов; забывшего он назовёт поимённо.\n * 2. **Один пресет — один файл.** Второй набор, положенный сюда же, обложил бы\n *    налогом потребителей первого: safelist считается по модулю целиком, и\n *    `GrDropdown` понёс бы классы, которых не рендерит.\n *\n * Набор с единственным потребителем сюда не переезжает вовсе — литералы в его\n * `.vue` находит скан, и это дешевле. Поэтому здесь нет фейда `GrTooltip`.\n */\nexport const panelPopTransition = {\n  enter: 'transition ease-[var(--gr-ease-out)] duration-[var(--gr-duration-fast)]',\n  enterFrom: 'transform opacity-0 scale-95',\n  enterTo: 'transform opacity-100 scale-100',\n  leave: 'transition ease-[var(--gr-ease-in)] duration-[var(--gr-duration-fast)]',\n  leaveFrom: 'transform opacity-100 scale-100',\n  leaveTo: 'transform opacity-0 scale-95',\n} as const\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,IAAa,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACKxC,IAAa,qBAAqB;CAChC,OAAO;CACP,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,SAAS;AACX"}

package/dist/chunks/{ru-88i1WG0b.js → ru-CQKDR-kD.js}

@@ -15,7 +15,8 @@ var transfer = {
 	"moved": "{count} перенесено в «{list}»",
 	"reordered": "Позиция {position} из {count}",
 	"reorderFiltered": "Пока включён поиск, порядок не меняется",
-	"cancelled": "Перенос отменён"
+	"cancelled": "Перенос отменён",
+	"loading": "Ищем…"
 };
 var carousel = {
 	"roledescription": "карусель",
@@ -51,7 +52,8 @@ var steps = {
 var treeSelect = {
 	"filterPlaceholder": "Поиск…",
 	"empty": "Нет данных",
-	"loading": "Загрузка…"
+	"loading": "Загрузка…",
+	"removeTag": "Удалить {label}"
 };
 var badgeWrap = { "count": "{count} новых" };
 var avatar = {
@@ -98,7 +100,14 @@ var dataTable = {
 	"detailRetry": "Повторить",
 	"detailExpanded": "Подробности строки раскрыты",
 	"detailCollapsed": "Подробности строки свёрнуты",
-	"detailReady": "Подробности строки загружены"
+	"detailReady": "Подробности строки загружены",
+	"columnMenu": "Действия с колонкой {label}",
+	"pinLeft": "Закрепить слева",
+	"pinRight": "Закрепить справа",
+	"unpin": "Открепить",
+	"columnPinnedLeft": "Колонка {label} закреплена слева",
+	"columnPinnedRight": "Колонка {label} закреплена справа",
+	"columnUnpinned": "Колонка {label} откреплена"
 };
 var breadcrumbs = {
 	"label": "Навигационная цепочка",
@@ -211,7 +220,9 @@ var inputTag = {
 	"addedMany": "Добавлено тегов: {count}",
 	"removed": "Удалён тег: {tag}",
 	"cleared": "Все теги удалены",
-	"limitReached": "Достигнут предел тегов"
+	"limitReached": "Достигнут предел тегов",
+	"editTag": "Правка тега {tag}",
+	"edited": "Тег изменён: {tag}"
 };
 var fileUpload = {
 	"placeholder": "Перетащите файлы сюда или нажмите для выбора",
@@ -329,7 +340,9 @@ var colorPicker = {
 	"opacity": "Непрозрачность",
 	"hexLabel": "Значение hex",
 	"presetsLabel": "Палитра",
-	"swatchLabel": "Цвет {color}"
+	"swatchLabel": "Цвет {color}",
+	"area": "Насыщенность и светлота",
+	"eyedropper": "Взять цвет с экрана"
 };
 var collapse = { "empty": "Пока пусто" };
 var list = { "empty": "Пока пусто" };
@@ -344,7 +357,10 @@ var bottomNav = {
 	"label": "Нижняя навигация",
 	"badge": "{count} новых"
 };
-var emptyState = { "title": "Пока пусто" };
+var emptyState = {
+	"title": "Пока пусто",
+	"searchTitle": "Ничего не найдено"
+};
 var sortable = {
 	"label": "Сортируемый список",
 	"handle": "Переставить",