@feugene/granularity 0.49.0 → 0.50.0

package/dist/chunks/ru-CQKDR-kD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru-CQKDR-kD.js","names":[],"sources":["../../src/i18n/locales/ru.json"],"sourcesContent":["{\n  \"transfer\": {\n    \"sourceTitle\": \"Доступны\",\n    \"targetTitle\": \"Выбраны\",\n    \"search\": \"Поиск\",\n    \"toTarget\": \"Перенести к выбранным\",\n    \"toSource\": \"Вернуть к доступным\",\n    \"selectAll\": \"Выбрать всё показанное\",\n    \"moveUp\": \"Раньше\",\n    \"moveDown\": \"Позже\",\n    \"selected\": \"{count} из {total}\",\n    \"shown\": \"Показано {shown} из {total}\",\n    \"empty\": \"Здесь пока пусто\",\n    \"emptyFiltered\": \"Ничего не найдено\",\n    \"moved\": \"{count} перенесено в «{list}»\",\n    \"reordered\": \"Позиция {position} из {count}\",\n    \"reorderFiltered\": \"Пока включён поиск, порядок не меняется\",\n    \"cancelled\": \"Перенос отменён\",\n    \"loading\": \"Ищем…\"\n  },\n  \"carousel\": {\n    \"roledescription\": \"карусель\",\n    \"slideRoledescription\": \"слайд\",\n    \"slidePosition\": \"{index} из {total}\",\n    \"previous\": \"Предыдущий слайд\",\n    \"next\": \"Следующий слайд\",\n    \"play\": \"Запустить автопоказ\",\n    \"pause\": \"Остановить автопоказ\",\n    \"indicators\": \"Слайды\",\n    \"autoplayStopped\": \"Автопоказ остановлен\"\n  },\n  \"chip\": {\n    \"remove\": \"Убрать\",\n    \"removeNamed\": \"Убрать {label}\"\n  },\n  \"common\": {\n    \"confirm\": \"Подтвердить\",\n    \"cancel\": \"Отмена\",\n    \"add\": \"Добавить\",\n    \"clear\": \"Очистить\",\n    \"close\": \"Закрыть\",\n    \"stateSuccess\": \"Корректно\",\n    \"stateWarning\": \"Предупреждение\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Загрузка...\"\n  },\n  \"steps\": {\n    \"label\": \"Ход выполнения\",\n    \"status\": \"Шаг {step} из {count}\",\n    \"completed\": \"выполнен\",\n    \"error\": \"есть ошибки\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Поиск…\",\n    \"empty\": \"Нет данных\",\n    \"loading\": \"Загрузка…\",\n    \"removeTag\": \"Удалить {label}\"\n  },\n  \"badgeWrap\": {\n    \"count\": \"{count} новых\"\n  },\n  \"avatar\": {\n    \"group\": \"Участники\",\n    \"groupOverflow\": \"и ещё {count}\",\n    \"status\": {\n      \"online\": \"в сети\",\n      \"offline\": \"не в сети\",\n      \"busy\": \"занят\",\n      \"away\": \"отошёл\"\n    }\n  },\n  \"tree\": {\n    \"drag\": \"Перетащить\",\n    \"expand\": \"Развернуть\",\n    \"collapse\": \"Свернуть\",\n    \"moved\": \"{label} перемещён\"\n  },\n  \"select\": {\n    \"customValuePlaceholder\": \"Добавить значение…\",\n    \"addOption\": \"Добавить «{value}»\",\n    \"clearOption\": \"Не выбрано\",\n    \"searchPlaceholder\": \"Поиск…\",\n    \"loading\": \"Загрузка…\",\n    \"noResults\": \"Ничего не найдено\",\n    \"removeTag\": \"Удалить {label}\"\n  },\n  \"dataTable\": {\n    \"loading\": \"Загрузка…\",\n    \"empty\": \"Нет данных\",\n    \"selectAll\": \"Выбрать все строки\",\n    \"selectRow\": \"Выбрать строку\",\n    \"sortAsc\": \"Нажмите для сортировки по возрастанию\",\n    \"sortDesc\": \"Нажмите для сортировки по убыванию\",\n    \"sortNone\": \"Нажмите, чтобы снять сортировку\",\n    \"moveColumn\": \"Переставить колонку {label}\",\n    \"columnMoved\": \"Колонка {label} перемещена на позицию {position} из {count}\",\n    \"resizeColumn\": \"Ширина колонки {label}\",\n    \"columnResized\": \"Ширина колонки {label} — {width} пикселей\",\n    \"expandRow\": \"Показать подробности\",\n    \"collapseRow\": \"Скрыть подробности\",\n    \"detailLoading\": \"Загружаем подробности…\",\n    \"detailError\": \"Не удалось загрузить подробности\",\n    \"detailRetry\": \"Повторить\",\n    \"detailExpanded\": \"Подробности строки раскрыты\",\n    \"detailCollapsed\": \"Подробности строки свёрнуты\",\n    \"detailReady\": \"Подробности строки загружены\",\n    \"columnMenu\": \"Действия с колонкой {label}\",\n    \"pinLeft\": \"Закрепить слева\",\n    \"pinRight\": \"Закрепить справа\",\n    \"unpin\": \"Открепить\",\n    \"columnPinnedLeft\": \"Колонка {label} закреплена слева\",\n    \"columnPinnedRight\": \"Колонка {label} закреплена справа\",\n    \"columnUnpinned\": \"Колонка {label} откреплена\"\n  },\n  \"breadcrumbs\": {\n    \"label\": \"Навигационная цепочка\",\n    \"expand\": \"Показать скрытые уровни\"\n  },\n  \"autocomplete\": {\n    \"loading\": \"Загрузка…\",\n    \"noResults\": \"Ничего не найдено\",\n    \"addOption\": \"Добавить «{value}»\",\n    \"removeValue\": \"Убрать {label}\",\n    \"typeMore\": {\n      \"one\": \"Введите минимум {n} символ\",\n      \"few\": \"Введите минимум {n} символа\",\n      \"many\": \"Введите минимум {n} символов\",\n      \"other\": \"Введите минимум {n} символа\"\n    }\n  },\n  \"form\": {\n    \"required\": \"Обязательное поле\",\n    \"min\": \"Минимум {min}\",\n    \"max\": \"Максимум {max}\",\n    \"len\": \"Длина должна быть {len}\",\n    \"pattern\": \"Неверный формат\",\n    \"email\": \"Введите корректный e-mail\",\n    \"url\": \"Введите корректный URL\",\n    \"file\": \"Некорректный файл\",\n    \"invalid\": \"Некорректное значение\",\n    \"readonly\": \"Только для чтения\",\n    \"validating\": \"Проверяем…\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Подтверждение\"\n    },\n    \"prompt\": {\n      \"title\": \"Введите значение\",\n      \"label\": \"Значение\",\n      \"required\": \"Введите значение.\"\n    },\n    \"ok\": \"ОК\"\n  },\n  \"switch\": {\n    \"loading\": \"Сохраняем…\",\n    \"on\": \"ДА\",\n    \"off\": \"НЕТ\"\n  },\n  \"slider\": {\n    \"min\": \"минимум\",\n    \"max\": \"максимум\"\n  },\n  \"sidebar\": {\n    \"expand\": \"Развернуть панель\",\n    \"collapse\": \"Свернуть панель\"\n  },\n  \"splitter\": {\n    \"label\": \"Изменить размер панелей\"\n  },\n  \"statistic\": {\n    \"trendUp\": \"Рост\",\n    \"trendDown\": \"Падение\",\n    \"trendFlat\": \"Без изменений\"\n  },\n  \"pagination\": {\n    \"label\": \"Пагинация\",\n    \"pageSize\": \"Размер страницы\",\n    \"prev\": \"Назад\",\n    \"next\": \"Вперёд\",\n    \"page\": \"Страница {n}\",\n    \"first\": \"Первая страница\",\n    \"last\": \"Последняя страница\",\n    \"jumpTo\": \"Перейти к\",\n    \"total\": \"{from}–{to} из {total}\",\n    \"status\": \"Страница {page} из {count}\"\n  },\n  \"navbar\": {\n    \"openMenu\": \"Открыть меню\"\n  },\n  \"scrollSpy\": {\n    \"label\": \"На этой странице\"\n  },\n  \"responseError\": {\n    \"networkTitle\": \"Нет связи с сервером\",\n    \"networkMessage\": \"Проверьте подключение к интернету и попробуйте ещё раз.\",\n    \"abortedTitle\": \"Запрос отменён\",\n    \"abortedMessage\": \"Запрос был отменён.\",\n    \"validationTitle\": \"Проверьте данные\",\n    \"validationMessage\": \"Сервер вернул ошибку валидации. Исправьте поля и попробуйте снова.\",\n    \"clientTitle\": \"Ошибка запроса\",\n    \"clientMessage\": \"Сервер отклонил запрос.\",\n    \"serverTitle\": \"Ошибка сервера\",\n    \"serverMessage\": \"Произошла ошибка на сервере. Попробуйте ещё раз.\",\n    \"unknownTitle\": \"Что-то пошло не так\",\n    \"unknownMessage\": \"Не удалось выполнить операцию. Попробуйте ещё раз.\",\n    \"statusLabel\": \"HTTP {status}\",\n    \"retryLabel\": \"Повторить\",\n    \"dismissLabel\": \"Скрыть\"\n  },\n  \"colors\": {\n    \"neutral\": \"Нейтральный\",\n    \"success\": \"Успех\",\n    \"warning\": \"Предупреждение\",\n    \"danger\": \"Опасность\",\n    \"info\": \"Инфо\",\n    \"primary\": \"Primary\",\n    \"slate\": \"Сланцевый\",\n    \"azure\": \"Лазурный\"\n  },\n  \"drawer\": {\n    \"title\": \"Панель\"\n  },\n  \"modal\": {\n    \"title\": \"Диалог\"\n  },\n  \"numberInput\": {\n    \"increase\": \"Увеличить\",\n    \"decrease\": \"Уменьшить\"\n  },\n  \"toaster\": {\n    \"dismiss\": \"Закрыть\",\n    \"region\": \"Уведомления\"\n  },\n  \"inputTag\": {\n    \"removeTag\": \"Удалить тег\",\n    \"removeTagNamed\": \"Удалить тег {tag}\",\n    \"clearAll\": \"Удалить все теги\",\n    \"added\": \"Добавлен тег: {tag}\",\n    \"addedMany\": \"Добавлено тегов: {count}\",\n    \"removed\": \"Удалён тег: {tag}\",\n    \"cleared\": \"Все теги удалены\",\n    \"limitReached\": \"Достигнут предел тегов\",\n    \"editTag\": \"Правка тега {tag}\",\n    \"edited\": \"Тег изменён: {tag}\"\n  },\n  \"fileUpload\": {\n    \"placeholder\": \"Перетащите файлы сюда или нажмите для выбора\",\n    \"progress\": \"Прогресс загрузки\",\n    \"uploading\": \"Загрузка…\",\n    \"success\": \"Загрузка завершена\",\n    \"error\": \"Не удалось загрузить\",\n    \"remove\": \"Убрать {fileName}\",\n    \"retry\": \"Повторить загрузку\",\n    \"retryFile\": \"Повторить {fileName}\",\n    \"abortFile\": \"Отменить загрузку {fileName}\",\n    \"statusPending\": \"В очереди\",\n    \"statusUploading\": \"Загружается\",\n    \"statusSuccess\": \"Загружен\",\n    \"statusError\": \"Ошибка\"\n  },\n  \"formFile\": {\n    \"upload\": \"Загрузить файл\",\n    \"change\": \"Заменить файл\",\n    \"remove\": \"Удалить\",\n    \"clearAll\": \"Очистить всё\",\n    \"placeholder\": \"Файлы не выбраны\",\n    \"validateError\": \"Не удалось проверить перетащенные файлы\",\n    \"removeFile\": \"Убрать {fileName}\"\n  },\n  \"imageViewer\": {\n    \"close\": \"Закрыть просмотрщик\",\n    \"prev\": \"Предыдущее изображение\",\n    \"next\": \"Следующее изображение\",\n    \"zoomIn\": \"Увеличить\",\n    \"zoomOut\": \"Уменьшить\",\n    \"resetZoom\": \"Сбросить масштаб\",\n    \"zoomToNatural\": \"Натуральный размер (1:1)\",\n    \"rotateLeft\": \"Повернуть влево\",\n    \"rotateRight\": \"Повернуть вправо\",\n    \"download\": \"Скачать изображение\",\n    \"empty\": \"Нет изображения\",\n    \"label\": \"Просмотр изображений\",\n    \"position\": \"Изображение {index} из {total}\"\n  },\n  \"formErrorBanner\": {\n    \"validationTitle\": \"Проверьте поля формы\",\n    \"validationMessage\": \"Сервер отклонил данные. Исправьте выделенные поля и попробуйте снова.\",\n    \"clientTitle\": \"Не удалось сохранить\",\n    \"serverTitle\": \"Ошибка сохранения\",\n    \"serverMessage\": \"Не удалось сохранить данные. Попробуйте позже.\"\n  },\n  \"uploadErrorBanner\": {\n    \"networkTitle\": \"Не удалось загрузить файлы\",\n    \"networkMessage\": \"Проверьте подключение и попробуйте снова.\",\n    \"validationTitle\": \"Файлы не прошли проверку\",\n    \"validationMessage\": \"Некоторые файлы не соответствуют требованиям.\",\n    \"serverTitle\": \"Ошибка загрузки на сервере\",\n    \"serverMessage\": \"Сервер не смог обработать загрузку. Попробуйте снова.\"\n  },\n  \"input\": {\n    \"clear\": \"Очистить\",\n    \"showPassword\": \"Показать пароль\",\n    \"hidePassword\": \"Скрыть пароль\",\n    \"limitReached\": \"Достигнут предел символов\"\n  },\n  \"textarea\": {\n    \"lines\": {\n      \"one\": \"{n} строка\",\n      \"few\": \"{n} строки\",\n      \"many\": \"{n} строк\",\n      \"other\": \"{n} строки\"\n    }\n  },\n  \"rating\": {\n    \"label\": \"Оценка\",\n    \"valueText\": \"{value} из {max}\",\n    \"valueTextWithLabel\": \"{value} из {max}, {label}\"\n  },\n  \"commandPalette\": {\n    \"label\": \"Палитра команд\",\n    \"placeholder\": \"Введите команду или запрос…\",\n    \"empty\": \"Ничего не найдено\",\n    \"recent\": \"Недавние\",\n    \"loading\": \"Загрузка…\"\n  },\n  \"delta\": {\n    \"increase\": \"рост\"\n  },\n  \"filePreview\": {\n    \"label\": \"Файл\"\n  },\n  \"fileValidation\": {\n    \"accept\": \"Файл «{fileName}» не подходит под accept=\\\"{accept}\\\"\",\n    \"extension\": \"У файла «{fileName}» недопустимое расширение «.{extension}»\",\n    \"mimeType\": \"У файла «{fileName}» недопустимый тип «{mimeType}»\",\n    \"mimeTypeFallback\": \"У файла «{fileName}» неопределённый тип «{mimeType}»\",\n    \"maxFileSize\": \"Файл «{fileName}» слишком большой ({size} байт), максимум {maxBytes}\",\n    \"maxCount\": \"Выбрано слишком много файлов ({count}), максимум — {maxCount}\",\n    \"maxTotalSize\": \"Суммарный размер файлов слишком большой ({total} байт), максимум {maxBytes}\"\n  },\n  \"kbd\": {\n    \"command\": \"Command\",\n    \"option\": \"Option\",\n    \"shift\": \"Shift\",\n    \"control\": \"Control\",\n    \"enter\": \"Enter\",\n    \"escape\": \"Escape\",\n    \"tab\": \"Tab\",\n    \"backspace\": \"Backspace\",\n    \"delete\": \"Delete\",\n    \"pageUp\": \"Page Up\",\n    \"pageDown\": \"Page Down\",\n    \"arrowUp\": \"стрелка вверх\",\n    \"arrowDown\": \"стрелка вниз\",\n    \"arrowLeft\": \"стрелка влево\",\n    \"arrowRight\": \"стрелка вправо\",\n    \"then\": \"затем\"\n  },\n  \"link\": {\n    \"opensInNewTab\": \"откроется в новой вкладке\"\n  },\n  \"colorPicker\": {\n    \"panelLabel\": \"Выбор цвета\",\n    \"hue\": \"Оттенок\",\n    \"saturation\": \"Насыщенность\",\n    \"lightness\": \"Светлота\",\n    \"opacity\": \"Непрозрачность\",\n    \"hexLabel\": \"Значение hex\",\n    \"presetsLabel\": \"Палитра\",\n    \"swatchLabel\": \"Цвет {color}\",\n    \"area\": \"Насыщенность и светлота\",\n    \"eyedropper\": \"Взять цвет с экрана\"\n  },\n  \"collapse\": {\n    \"empty\": \"Пока пусто\"\n  },\n  \"list\": {\n    \"empty\": \"Пока пусто\"\n  },\n  \"button\": {\n    \"loading\": \"Загрузка…\"\n  },\n  \"table\": {\n    \"empty\": \"Пока пусто\"\n  },\n  \"timeline\": {\n    \"empty\": \"Пока пусто\"\n  },\n  \"tabs\": {\n    \"empty\": \"Пока пусто\",\n    \"close\": \"Закрыть вкладку\"\n  },\n  \"bottomNav\": {\n    \"label\": \"Нижняя навигация\",\n    \"badge\": \"{count} новых\"\n  },\n  \"emptyState\": {\n    \"title\": \"Пока пусто\",\n    \"searchTitle\": \"Ничего не найдено\"\n  },\n  \"sortable\": {\n    \"label\": \"Сортируемый список\",\n    \"handle\": \"Переставить\",\n    \"empty\": \"Пока нечего сортировать\",\n    \"grabbed\": \"Взято. Позиция {position} из {count}\",\n    \"moved\": \"Позиция {position} из {count}\",\n    \"dropped\": \"Отпущено на позиции {position} из {count}\",\n    \"cancelled\": \"Перенос отменён\"\n  },\n  \"jsonViewer\": {\n    \"search\": \"Поиск по ключу или значению\",\n    \"expandAll\": \"Раскрыть всё\",\n    \"collapseAll\": \"Свернуть всё\",\n    \"copy\": \"Скопировать значение\",\n    \"copied\": \"Значение скопировано\",\n    \"copyFailed\": \"Не удалось скопировать значение\",\n    \"moreItems\": \"ещё\"\n  },\n  \"contextMenu\": {\n    \"label\": \"Контекстное меню\"\n  }\n}\n"],"mappings":""}

package/dist/chunks/{useMenuItemsFocus-B7Bl_aFA.js → useMenuItemsFocus-C031blYS.js}

@@ -1,4 +1,4 @@
-import { i as isEditableTarget } from "./keyboard-DE2yhz_b.js";
+import { r as isEditableTarget } from "./keyboard-BiFSgWLt.js";
 import { n as getFocusableElements } from "./useFocusTrap-D9bIPNF6.js";
 import { t as useTypeahead } from "./useTypeahead-mxPtPBf2.js";
 //#region src/composables/internal/useMenuItemsFocus.ts

package/dist/chunks/{useMenuItemsFocus-B7Bl_aFA.js.map → useMenuItemsFocus-C031blYS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useMenuItemsFocus-B7Bl_aFA.js","names":[],"sources":["../../src/composables/internal/useMenuItemsFocus.ts"],"sourcesContent":["import { isEditableTarget } from '../../internal/keyboard'\n\nimport { getFocusableElements } from './focusables'\nimport { useTypeahead } from './useTypeahead'\n\nexport interface UseMenuItemsFocusOptions {\n  /** Корень, внутри которого живут пункты. */\n  container: () => HTMLElement | null\n  /** Закрыть меню — `Tab` уводит фокус наружу, панель при этом закрывается. */\n  close: () => void\n}\n\nexport interface UseMenuItemsFocusReturn {\n  /** Пункты в порядке документа. */\n  items: () => HTMLElement[]\n  /** Сфокусировать по индексу; отрицательный и превышающий заворачиваются. */\n  focusAt: (index: number) => void\n  /** Стрелки, `Home`/`End`, `Tab`, typeahead. `true` — клавиша обработана. */\n  onKeydown: (event: KeyboardEvent) => boolean\n  reset: () => void\n}\n\n/**\n * Клавиатура панели-меню: кольцо фокуса плюс поиск по первым буквам.\n *\n * Пункты ищутся в DOM, а не в модели, и это осознанно: у панели бывает\n * произвольное содержимое из слота, в котором ключей нет вовсе. По той же\n * причине здесь не `useRovingFocus` — он адресуется ключами и ведёт\n * `tabindex=\"0\"` на активном элементе, а пункты меню обязаны быть `-1`.\n */\nexport function useMenuItemsFocus(options: UseMenuItemsFocusOptions): UseMenuItemsFocusReturn {\n  /**\n   * `tabbableOnly: false` — не оплошность: пункты меню намеренно `tabindex=\"-1\"`,\n   * и список участников таб-порядка был бы пуст.\n   */\n  function items(): HTMLElement[] {\n    return getFocusableElements(options.container(), { tabbableOnly: false })\n  }\n\n  function focusAt(index: number): void {\n    const list = items()\n    if (list.length === 0)\n      return\n\n    // `preventScroll` обязателен: панель уже приведена во вьюпорт позиционером,\n    // поэтому прокрутка ради фокуса внутри неё паразитная. У контекстного меню\n    // она к тому же порождала `scroll`, по которому меню закрывало само себя.\n    list[(index + list.length) % list.length]?.focus({ preventScroll: true })\n  }\n\n  const typeahead = useTypeahead<HTMLElement>({\n    items,\n    textOf: element => element.textContent ?? '',\n    currentIndex: list => list.indexOf(document.activeElement as HTMLElement),\n    onMatch: element => element.focus({ preventScroll: true }),\n  })\n\n  function onKeydown(event: KeyboardEvent): boolean {\n    const list = items()\n    const currentIndex = list.indexOf(document.activeElement as HTMLElement)\n\n    // Панель бывает не только меню из кнопок: с `closeOnContentClick={false}` в\n    // ней живут поля и чекбоксы. Клавиши, которые сфокусированный контрол умеет\n    // сам, остаются ему — иначе в поле не напечатать, а чекбокс не переключить.\n    const editable = isEditableTarget(event.target)\n\n    switch (event.key) {\n      // Стрелки — исключение: они за меню даже в поле. `Tab` панель закрывает, и\n      // без них из поля внутри панели не было бы выхода вовсе.\n      case 'ArrowDown':\n        event.preventDefault()\n        focusAt(currentIndex + 1)\n        return true\n      case 'ArrowUp':\n        event.preventDefault()\n        focusAt(currentIndex - 1)\n        return true\n      case 'Home':\n        if (editable)\n          return false\n        event.preventDefault()\n        focusAt(0)\n        return true\n      case 'End':\n        if (editable)\n          return false\n        event.preventDefault()\n        focusAt(-1)\n        return true\n      case 'Tab':\n        options.close()\n        return true\n    }\n\n    if (editable)\n      return false\n\n    // Пробел при пустом буфере — активация сфокусированного пункта, а не поиск:\n    // пункты меню это кнопки, и пробел для них родная клавиша. В буфер он входит,\n    // только когда поиск уже идёт (правило typeahead из WAI-ARIA APG).\n    if (event.key === ' ' && typeahead.isEmpty())\n      return false\n\n    // Печатный символ без модификаторов — поиск по пунктам, а не команда.\n    if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {\n      event.preventDefault()\n      typeahead.type(event.key)\n      return true\n    }\n\n    return false\n  }\n\n  return { items, focusAt, onKeydown, reset: typeahead.reset }\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,SAAgB,kBAAkB,SAA4D;;;;;CAK5F,SAAS,QAAuB;EAC9B,OAAO,qBAAqB,QAAQ,UAAU,GAAG,EAAE,cAAc,MAAM,CAAC;CAC1E;CAEA,SAAS,QAAQ,OAAqB;EACpC,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,WAAW,GAClB;EAKF,MAAM,QAAQ,KAAK,UAAU,KAAK,OAAO,EAAE,MAAM,EAAE,eAAe,KAAK,CAAC;CAC1E;CAEA,MAAM,YAAY,aAA0B;EAC1C;EACA,SAAQ,YAAW,QAAQ,eAAe;EAC1C,eAAc,SAAQ,KAAK,QAAQ,SAAS,aAA4B;EACxE,UAAS,YAAW,QAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;CAC3D,CAAC;CAED,SAAS,UAAU,OAA+B;EAEhD,MAAM,eADO,MACQ,CAAA,CAAK,QAAQ,SAAS,aAA4B;EAKvE,MAAM,WAAW,iBAAiB,MAAM,MAAM;EAE9C,QAAQ,MAAM,KAAd;GAGE,KAAK;IACH,MAAM,eAAe;IACrB,QAAQ,eAAe,CAAC;IACxB,OAAO;GACT,KAAK;IACH,MAAM,eAAe;IACrB,QAAQ,eAAe,CAAC;IACxB,OAAO;GACT,KAAK;IACH,IAAI,UACF,OAAO;IACT,MAAM,eAAe;IACrB,QAAQ,CAAC;IACT,OAAO;GACT,KAAK;IACH,IAAI,UACF,OAAO;IACT,MAAM,eAAe;IACrB,QAAQ,EAAE;IACV,OAAO;GACT,KAAK;IACH,QAAQ,MAAM;IACd,OAAO;EACX;EAEA,IAAI,UACF,OAAO;EAKT,IAAI,MAAM,QAAQ,OAAO,UAAU,QAAQ,GACzC,OAAO;EAGT,IAAI,MAAM,IAAI,WAAW,KAAK,CAAC,MAAM,WAAW,CAAC,MAAM,WAAW,CAAC,MAAM,QAAQ;GAC/E,MAAM,eAAe;GACrB,UAAU,KAAK,MAAM,GAAG;GACxB,OAAO;EACT;EAEA,OAAO;CACT;CAEA,OAAO;EAAE;EAAO;EAAS;EAAW,OAAO,UAAU;CAAM;AAC7D"}
+{"version":3,"file":"useMenuItemsFocus-C031blYS.js","names":[],"sources":["../../src/composables/internal/useMenuItemsFocus.ts"],"sourcesContent":["import { isEditableTarget } from '../../internal/keyboard'\n\nimport { getFocusableElements } from './focusables'\nimport { useTypeahead } from './useTypeahead'\n\nexport interface UseMenuItemsFocusOptions {\n  /** Корень, внутри которого живут пункты. */\n  container: () => HTMLElement | null\n  /** Закрыть меню — `Tab` уводит фокус наружу, панель при этом закрывается. */\n  close: () => void\n}\n\nexport interface UseMenuItemsFocusReturn {\n  /** Пункты в порядке документа. */\n  items: () => HTMLElement[]\n  /** Сфокусировать по индексу; отрицательный и превышающий заворачиваются. */\n  focusAt: (index: number) => void\n  /** Стрелки, `Home`/`End`, `Tab`, typeahead. `true` — клавиша обработана. */\n  onKeydown: (event: KeyboardEvent) => boolean\n  reset: () => void\n}\n\n/**\n * Клавиатура панели-меню: кольцо фокуса плюс поиск по первым буквам.\n *\n * Пункты ищутся в DOM, а не в модели, и это осознанно: у панели бывает\n * произвольное содержимое из слота, в котором ключей нет вовсе. По той же\n * причине здесь не `useRovingFocus` — он адресуется ключами и ведёт\n * `tabindex=\"0\"` на активном элементе, а пункты меню обязаны быть `-1`.\n */\nexport function useMenuItemsFocus(options: UseMenuItemsFocusOptions): UseMenuItemsFocusReturn {\n  /**\n   * `tabbableOnly: false` — не оплошность: пункты меню намеренно `tabindex=\"-1\"`,\n   * и список участников таб-порядка был бы пуст.\n   */\n  function items(): HTMLElement[] {\n    return getFocusableElements(options.container(), { tabbableOnly: false })\n  }\n\n  function focusAt(index: number): void {\n    const list = items()\n    if (list.length === 0)\n      return\n\n    // `preventScroll` обязателен: панель уже приведена во вьюпорт позиционером,\n    // поэтому прокрутка ради фокуса внутри неё паразитная. У контекстного меню\n    // она к тому же порождала `scroll`, по которому меню закрывало само себя.\n    list[(index + list.length) % list.length]?.focus({ preventScroll: true })\n  }\n\n  const typeahead = useTypeahead<HTMLElement>({\n    items,\n    textOf: element => element.textContent ?? '',\n    currentIndex: list => list.indexOf(document.activeElement as HTMLElement),\n    onMatch: element => element.focus({ preventScroll: true }),\n  })\n\n  function onKeydown(event: KeyboardEvent): boolean {\n    const list = items()\n    const currentIndex = list.indexOf(document.activeElement as HTMLElement)\n\n    // Панель бывает не только меню из кнопок: с `closeOnContentClick={false}` в\n    // ней живут поля и чекбоксы. Клавиши, которые сфокусированный контрол умеет\n    // сам, остаются ему — иначе в поле не напечатать, а чекбокс не переключить.\n    const editable = isEditableTarget(event.target)\n\n    switch (event.key) {\n      // Стрелки — исключение: они за меню даже в поле. `Tab` панель закрывает, и\n      // без них из поля внутри панели не было бы выхода вовсе.\n      case 'ArrowDown':\n        event.preventDefault()\n        focusAt(currentIndex + 1)\n        return true\n      case 'ArrowUp':\n        event.preventDefault()\n        focusAt(currentIndex - 1)\n        return true\n      case 'Home':\n        if (editable)\n          return false\n        event.preventDefault()\n        focusAt(0)\n        return true\n      case 'End':\n        if (editable)\n          return false\n        event.preventDefault()\n        focusAt(-1)\n        return true\n      case 'Tab':\n        options.close()\n        return true\n    }\n\n    if (editable)\n      return false\n\n    // Пробел при пустом буфере — активация сфокусированного пункта, а не поиск:\n    // пункты меню это кнопки, и пробел для них родная клавиша. В буфер он входит,\n    // только когда поиск уже идёт (правило typeahead из WAI-ARIA APG).\n    if (event.key === ' ' && typeahead.isEmpty())\n      return false\n\n    // Печатный символ без модификаторов — поиск по пунктам, а не команда.\n    if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {\n      event.preventDefault()\n      typeahead.type(event.key)\n      return true\n    }\n\n    return false\n  }\n\n  return { items, focusAt, onKeydown, reset: typeahead.reset }\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,SAAgB,kBAAkB,SAA4D;;;;;CAK5F,SAAS,QAAuB;EAC9B,OAAO,qBAAqB,QAAQ,UAAU,GAAG,EAAE,cAAc,MAAM,CAAC;CAC1E;CAEA,SAAS,QAAQ,OAAqB;EACpC,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,WAAW,GAClB;EAKF,MAAM,QAAQ,KAAK,UAAU,KAAK,OAAO,EAAE,MAAM,EAAE,eAAe,KAAK,CAAC;CAC1E;CAEA,MAAM,YAAY,aAA0B;EAC1C;EACA,SAAQ,YAAW,QAAQ,eAAe;EAC1C,eAAc,SAAQ,KAAK,QAAQ,SAAS,aAA4B;EACxE,UAAS,YAAW,QAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;CAC3D,CAAC;CAED,SAAS,UAAU,OAA+B;EAEhD,MAAM,eADO,MACQ,CAAA,CAAK,QAAQ,SAAS,aAA4B;EAKvE,MAAM,WAAW,iBAAiB,MAAM,MAAM;EAE9C,QAAQ,MAAM,KAAd;GAGE,KAAK;IACH,MAAM,eAAe;IACrB,QAAQ,eAAe,CAAC;IACxB,OAAO;GACT,KAAK;IACH,MAAM,eAAe;IACrB,QAAQ,eAAe,CAAC;IACxB,OAAO;GACT,KAAK;IACH,IAAI,UACF,OAAO;IACT,MAAM,eAAe;IACrB,QAAQ,CAAC;IACT,OAAO;GACT,KAAK;IACH,IAAI,UACF,OAAO;IACT,MAAM,eAAe;IACrB,QAAQ,EAAE;IACV,OAAO;GACT,KAAK;IACH,QAAQ,MAAM;IACd,OAAO;EACX;EAEA,IAAI,UACF,OAAO;EAKT,IAAI,MAAM,QAAQ,OAAO,UAAU,QAAQ,GACzC,OAAO;EAGT,IAAI,MAAM,IAAI,WAAW,KAAK,CAAC,MAAM,WAAW,CAAC,MAAM,WAAW,CAAC,MAAM,QAAQ;GAC/E,MAAM,eAAe;GACrB,UAAU,KAAK,MAAM,GAAG;GACxB,OAAO;EACT;EAEA,OAAO;CACT;CAEA,OAAO;EAAE;EAAO;EAAS;EAAW,OAAO,UAAU;CAAM;AAC7D"}

package/dist/chunks/{useModalOverlay-ACRkflzx.js → useModalOverlay-CKCQkGdB.js}

@@ -1,7 +1,7 @@
 import { s as useGrThemeAttrs } from "./context-CPMRfwVr.js";
 import { t as usePortalTarget } from "./usePortalTarget-BhrRgdqW.js";
 import { n as markInert, t as inertableOutside } from "./inert-DIHCCn_1.js";
-import { r as modalLayerZIndex } from "./overlayStack-DH4Z7am1.js";
+import { r as modalLayerZIndex } from "./overlayStack-DCkCgXZP.js";
 import { useOverlayLayer } from "../composables/useOverlayLayer.js";
 import { t as useFocusTrap } from "./useFocusTrap-D9bIPNF6.js";
 import { computed, onBeforeUnmount, onScopeDispose, ref, watch } from "vue";

package/dist/chunks/{useModalOverlay-ACRkflzx.js.map → useModalOverlay-CKCQkGdB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useModalOverlay-ACRkflzx.js","names":[],"sources":["../../src/composables/internal/useInertOthers.ts","../../src/composables/internal/useOverlayPresence.ts","../../src/composables/internal/useScrollLock.ts","../../src/composables/internal/useModalOverlay.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { onScopeDispose, watch } from 'vue'\n\nimport { inertableOutside, markInert } from './inert'\n\n/**\n * Пока слой активен, всё вне его ветки помечено `inert`: от корня оверлея вверх\n * до `<body>`, на каждом уровне — соседи.\n *\n * Это вторая половина модальности: `z-index` перекрывает страницу глазами,\n * `inert` — клавиатурой и скринридером.\n */\nexport function useInertOthers(root: Ref<HTMLElement | null>, active: () => boolean): void {\n  let release: (() => void) | undefined\n\n  function apply(): void {\n    release?.()\n    release = markInert(inertableOutside(root.value))\n  }\n\n  function clear(): void {\n    release?.()\n    release = undefined\n  }\n\n  watch(\n    () => Boolean(active()) && Boolean(root.value),\n    (isActive) => {\n      if (isActive)\n        apply()\n      else clear()\n    },\n    { immediate: true, flush: 'post' },\n  )\n\n  onScopeDispose(clear)\n}\n","import type { Ref } from 'vue'\nimport { ref, watch } from 'vue'\n\nexport interface OverlayPresence {\n  /** Смонтировано ли поддерево слоя: держится до конца leave-анимации. */\n  mounted: Ref<boolean>\n  /** Показан ли слой: этим переключаются `<Transition>` внутри. */\n  visible: Ref<boolean>\n  /** Вызывается из `@after-leave` панели. */\n  onPanelAfterLeave: () => void\n}\n\n/**\n * Присутствие оверлея в DOM отдельно от его видимости.\n *\n * Штатный `<Transition>` анимирует свой элемент, но не координирует соседей:\n * убери обёртку по `v-if` — и подложка с панелью исчезнут мгновенно, без\n * leave-анимации. Поэтому присутствие поддерева и видимость слоя — два разных\n * флага: первый снимается только по концу leave-анимации панели.\n *\n * Видимость включается **в том же такте**, что и монтирование: содержимое окна\n * обязано появляться в DOM сразу после открытия — на этом стоит и код\n * потребителя, и внутренние компоненты, которые ищут в панели свои элементы.\n * Enter-анимацию это не отменяет: `<Transition appear>` проигрывает её и на\n * первом рендере ребёнка.\n */\nexport function useOverlayPresence(open: Ref<boolean>): OverlayPresence {\n  const mounted = ref(open.value)\n  const visible = ref(open.value)\n\n  watch(open, (isOpen) => {\n    if (isOpen)\n      mounted.value = true\n    visible.value = isOpen\n  })\n\n  function onPanelAfterLeave(): void {\n    // Пока панель уезжала, слой могли открыть заново — тогда размонтировать\n    // нечего и незачем.\n    if (!open.value)\n      mounted.value = false\n  }\n\n  return { mounted, visible, onPanelAfterLeave }\n}\n","/**\n * useScrollLock — общий **reference-counted** lock скролла `<body>` для оверлеев\n * (GrModal, GrDrawer, GrImageViewer).\n *\n * Зачем счётчик: состояние `<body>` принадлежит не оверлею, а их совокупности.\n * Держи каждый свой `savedBodyOverflow`, и закрытие A при ещё открытой B вернуло\n * бы странице прокрутку под открытым окном — закрывают не всегда в порядке\n * открытия. Поэтому состояние сохраняется один раз (переход счётчика 0→1) и\n * восстанавливается только когда закрыт последний оверлей (1→0).\n *\n * Плюс компенсация ширины скроллбара: при `overflow: hidden` скроллбар исчезает и\n * контент дёргается вправо — добавляем `padding-right` на его ширину.\n *\n * Отдельная ветка — iOS Safari: там `overflow: hidden` фон не держит, страница\n * продолжает «резинить» под открытым окном. Лечится тем же, чем лечил\n * HeadlessUI (`handleIOSLocking`): гасим `touchmove` вне скроллящихся областей\n * оверлея и возвращаем позицию прокрутки после снятия лока.\n */\n\ninterface SavedBodyStyle {\n  overflow: string\n  paddingRight: string\n  overscrollBehavior: string\n}\n\nlet lockCount = 0\nlet saved: SavedBodyStyle | null = null\nlet savedScrollY = 0\nlet releaseTouchGuard: (() => void) | null = null\n\n/**\n * iOS определяем по платформе, а не по ширине экрана: лечение специфично для\n * движка, а не для размера. `maxTouchPoints` отличает iPadOS, который со времён\n * 13-й версии представляется десктопным Mac.\n */\nfunction isIOS(): boolean {\n  if (typeof navigator === 'undefined')\n    return false\n  return /iP(?:hone|ad|od)/.test(navigator.platform)\n    || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)\n}\n\n/** Прокручиваемая область оверлея — единственное, чему `touchmove` разрешён. */\nfunction isScrollableOverlayArea(target: EventTarget | null): boolean {\n  if (!(target instanceof Element))\n    return false\n\n  for (let node: Element | null = target; node; node = node.parentElement) {\n    if (!(node instanceof HTMLElement))\n      continue\n    if (node.hasAttribute('data-gr-overlay-root'))\n      return true\n  }\n\n  return false\n}\n\nfunction applyTouchGuard(): void {\n  if (!isIOS())\n    return\n\n  const onTouchMove = (event: TouchEvent): void => {\n    // Внутри оверлея скролл законен (длинное окно, лента изображений), а всё\n    // остальное — это и есть фон, который лок обязан держать.\n    if (isScrollableOverlayArea(event.target))\n      return\n    if (event.cancelable)\n      event.preventDefault()\n  }\n\n  document.addEventListener('touchmove', onTouchMove, { passive: false })\n  releaseTouchGuard = () => document.removeEventListener('touchmove', onTouchMove)\n}\n\nfunction getScrollbarWidth(): number {\n  return window.innerWidth - document.documentElement.clientWidth\n}\n\nfunction applyLock(): void {\n  const body = document.body\n  saved = {\n    overflow: body.style.overflow,\n    paddingRight: body.style.paddingRight,\n    overscrollBehavior: body.style.overscrollBehavior,\n  }\n  savedScrollY = window.scrollY\n\n  // Ширину скроллбара считаем ДО `overflow: hidden` (после — `clientWidth` меняется).\n  const scrollbarWidth = getScrollbarWidth()\n\n  body.style.overflow = 'hidden'\n  // Прокрутка, «доехавшая» до края внутри окна, не должна продолжаться фоном.\n  body.style.overscrollBehavior = 'contain'\n  if (scrollbarWidth > 0) {\n    const currentPadding = Number.parseFloat(getComputedStyle(body).paddingRight) || 0\n    body.style.paddingRight = `${currentPadding + scrollbarWidth}px`\n  }\n\n  applyTouchGuard()\n}\n\nfunction releaseLock(): void {\n  releaseTouchGuard?.()\n  releaseTouchGuard = null\n\n  if (!saved)\n    return\n  document.body.style.overflow = saved.overflow\n  document.body.style.paddingRight = saved.paddingRight\n  document.body.style.overscrollBehavior = saved.overscrollBehavior\n  saved = null\n\n  // iOS сдвигает страницу, пока фон заблокирован; возвращаем её на место.\n  if (isIOS() && window.scrollY !== savedScrollY)\n    window.scrollTo(0, savedScrollY)\n}\n\n/**\n * Возвращает пару `lock`/`unlock`, идемпотентную **в пределах одного инстанса**\n * (повторный `lock()` без `unlock()` не увеличивает глобальный счётчик дважды).\n * Глобальный счётчик разделяется всеми оверлеями.\n */\nexport function useScrollLock() {\n  const isClient = typeof window !== 'undefined'\n  let held = false\n\n  function lock(): void {\n    if (!isClient || held)\n      return\n    held = true\n    lockCount += 1\n    if (lockCount === 1)\n      applyLock()\n  }\n\n  function unlock(): void {\n    if (!isClient || !held)\n      return\n    held = false\n    lockCount = Math.max(0, lockCount - 1)\n    if (lockCount === 0)\n      releaseLock()\n  }\n\n  return { lock, unlock }\n}\n\n/** Тестовая/служебная очистка глобального состояния. */\nexport function resetScrollLock(): void {\n  lockCount = 0\n  if (typeof document !== 'undefined')\n    releaseLock()\n  saved = null\n}\n","import type { ComputedRef, Ref } from 'vue'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { useGrThemeAttrs } from '../../components/GrConfigProvider/context'\nimport { modalLayerZIndex } from './overlayStack'\nimport { useFocusTrap } from '../useFocusTrap'\nimport { useOverlayLayer } from '../useOverlayLayer'\nimport { usePortalTarget } from '../usePortalTarget'\nimport { useInertOthers } from './useInertOthers'\nimport { useOverlayPresence } from './useOverlayPresence'\nimport { useScrollLock } from './useScrollLock'\n\n/**\n * Модальный слой целиком: одна сборка на весь пакет.\n *\n * Модальность собиралась вручную в трёх компонентах (`GrModal`, `GrDrawer`,\n * `GrImageViewer`) из шести примитивов, и сборка повторялась дословно. Дело не\n * в объёме: в этой проводке сидят инварианты, каждый из которых при пропуске\n * даёт тихий баг доступности, а не заметную поломку. Здесь они собраны в одном\n * месте — забыть часть модального слоя больше нельзя.\n *\n * Что именно неочевидно:\n *\n *  - **`restoreFocus: false` у ловушки.** Возврат фокуса принадлежит стеку\n *    слоёв: у него правило строже — вернуть, только если на момент закрытия\n *    фокус ещё был внутри слоя. Две системы возврата подрались бы за фокус.\n *  - **`containers: layer.rootsAbove`.** Панель селекта, открытого ВНУТРИ окна,\n *    телепортирована в `body` и лежит вне поддерева панели. Без этого списка\n *    ловушка считала бы её «снаружи» и отбирала фокус.\n *  - **Ловушка и `inert` работают, только пока слой верхний.** Иначе нижнее\n *    окно ворует фокус у открытого поверх него, а `inert` гасит собственную\n *    панель вместе со страницей.\n *  - **Клик по подложке считается только тот, что на ней и начался.** Иначе\n *    выделение текста мышью или перетаскивание, отпущенное за пределами панели,\n *    закрывает слой.\n *\n * Чего композабл НЕ делает: не рисует разметку. Корневой `div`, подложка и\n * панель у трёх компонентов различаются по существу (обёртки скролла у окна,\n * сквозные клики у немодальной панели, слои хрома у просмотрщика), а классами\n * общий модуль владеть не вправе — пресет гранулярности подмешивает safelist\n * только по директориям выбранных компонентов.\n */\nexport interface UseModalOverlayOptions {\n  /**\n   * Модальный ли слой: блокирует страницу, держит фокус, гасит нижние окна.\n   * Геттером — там, где модальность включается пропом (`GrDrawer`).\n   */\n  modal?: boolean | (() => boolean)\n  /** Закрывать ли по Esc. Геттер — проп компонента реактивен. */\n  closeOnEscape?: () => boolean\n  /** Закрывать ли по клику в подложку; читается обработчиками `backdrop`. */\n  closeOnBackdrop?: () => boolean\n  /** Панель слоя: контейнер ловушки фокуса и её запасной приёмник. */\n  panel: Ref<HTMLElement | null>\n  /**\n   * Свой корень слоя. У якорного оверлея (`GrPopover`) корень и панель — один\n   * элемент: в портал уезжает сама панель, отдельной обёртки нет. Не задан —\n   * композабл заводит корень сам, как у центрированных окон.\n   */\n  root?: Ref<HTMLElement | null>\n  /**\n   * Имя CSS-переменной слоя. Escape-hatch мимо `--gr-z-modal` — им пользуется\n   * просмотрщик. Глубина слоя прибавляется и к подменённой переменной.\n   */\n  zIndexVar?: () => string | undefined\n  /**\n   * Точечное переопределение точки монтирования (проп `teleportTo`). По\n   * умолчанию — общий портал оверлеев.\n   */\n  teleportTo?: () => string | HTMLElement | undefined\n  /**\n   * Кому отдать фокус при открытии. Не задан — первому фокусируемому внутри\n   * панели (правило `useFocusTrap`): просмотрщику нужна именно кнопка тулбара,\n   * а окну — сама панель, и оно передаёт её явно.\n   */\n  initialFocus?: () => HTMLElement | null | undefined\n  /**\n   * Блокировать ли скролл страницы. По умолчанию — пока слой открыт и модален:\n   * немодальная панель существует ровно ради работы со страницей под ней.\n   */\n  lockScroll?: () => boolean\n}\n\nexport interface ModalOverlay {\n  /** Корень слоя: цель `ref` в шаблоне, хозяин `inert` и корень для стека слоёв. */\n  rootEl: Ref<HTMLElement | null>\n  /** Смонтировано ли поддерево: держится до конца leave-анимации панели. */\n  isMounted: Ref<boolean>\n  /** Показан ли слой: этим переключаются `<Transition>` внутри. */\n  isVisible: Ref<boolean>\n  /** Верхний ли это слой сейчас. */\n  isTopmost: Ref<boolean>\n  /** Значение атрибута `inert` для корня: слой перестал быть верхним. */\n  inertAttr: ComputedRef<true | undefined>\n  /**\n   * Высота слоя: базовый токен плюс позиция в стеке.\n   *\n   * Один токен на все модальные слои означал бы, что порядок отрисовки решает\n   * порядок узлов в портале, а он задан **созданием** телепорта, а не\n   * открытием: статически объявленный диалог вставал бы под окном, открытым\n   * позже, и оказывался невидимым — при том что стек считает верхним его.\n   */\n  layerZIndex: ComputedRef<string>\n  portalTarget: ComputedRef<string | HTMLElement>\n  teleportEnabled: ComputedRef<boolean>\n  /** `data-theme` на телепортированный корень: в DOM он вне обёртки провайдера. */\n  themeAttrs: ComputedRef<{ 'data-theme'?: string }>\n  /** Для `@after-leave` панели. Компонент оборачивает, если ему нужен эмит `closed`. */\n  onPanelAfterLeave: () => void\n  /**\n   * Обработчики подложки вместе с guard'ом «клик начался на ней». Имена — под\n   * `v-on=\"backdrop\"`: объектный синтаксис ждёт имена событий, а не пропов.\n   */\n  backdrop: {\n    mousedown: (event: MouseEvent) => void\n    click: (event: MouseEvent) => void\n  }\n}\n\nexport function useModalOverlay(\n  open: Ref<boolean>,\n  onDismiss: () => void,\n  options: UseModalOverlayOptions,\n): ModalOverlay {\n  const isModal = (): boolean =>\n    typeof options.modal === 'function' ? options.modal() : options.modal ?? true\n\n  const rootEl = options.root ?? ref<HTMLElement | null>(null)\n  const isTopmost = ref(true)\n\n  const inertAttr = computed(() => (open.value && isModal() && !isTopmost.value ? true : undefined))\n\n  // Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n  // рендер не совпадёт с серверным и сломается гидрация.\n  const { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(options.teleportTo)\n\n  // Панель уезжает в `body`, то есть вне обёртки провайдера, и `data-theme` с\n  // неё не наследуется. В дереве компонентов слой остаётся внутри — `inject`\n  // доходит, и тему он ставит себе сам.\n  const themeAttrs = useGrThemeAttrs()\n\n  const { mounted: isMounted, visible: isVisible, onPanelAfterLeave } = useOverlayPresence(open)\n\n  const layer = useOverlayLayer(open, onDismiss, {\n    modal: isModal,\n    closeOnEscape: options.closeOnEscape,\n    onTopmostChange: (value) => { isTopmost.value = value },\n    root: rootEl,\n  })\n\n  const layerZIndex = computed(() => modalLayerZIndex(\n    layer.depth.value,\n    options.zIndexVar?.() ?? '--gr-z-modal',\n  ))\n\n  useFocusTrap(options.panel, {\n    active: () => open.value && isModal() && isTopmost.value,\n    initialFocus: options.initialFocus,\n    fallbackFocus: () => options.panel.value,\n    containers: layer.rootsAbove,\n    restoreFocus: false,\n  })\n\n  useInertOthers(rootEl, () => open.value && isModal() && isTopmost.value)\n\n  // Общий reference-counted lock: несколько открытых оверлеев снимают блокировку\n  // независимо от порядка закрытия, ширина скроллбара компенсируется.\n  const { lock, unlock } = useScrollLock()\n\n  watch(\n    () => options.lockScroll?.() ?? (open.value && isModal()),\n    (locked) => {\n      if (locked)\n        lock()\n      else unlock()\n    },\n    { immediate: true },\n  )\n\n  onBeforeUnmount(unlock)\n\n  let pointerDownOnBackdrop = false\n\n  return {\n    rootEl,\n    isMounted,\n    isVisible,\n    isTopmost,\n    inertAttr,\n    layerZIndex,\n    portalTarget,\n    teleportEnabled,\n    themeAttrs,\n    onPanelAfterLeave,\n    backdrop: {\n      mousedown(event: MouseEvent): void {\n        pointerDownOnBackdrop = event.target === event.currentTarget\n      },\n      click(event: MouseEvent): void {\n        const startedHere = pointerDownOnBackdrop\n        pointerDownOnBackdrop = false\n\n        if (!startedHere || event.target !== event.currentTarget)\n          return\n        if (options.closeOnBackdrop?.() === false)\n          return\n\n        onDismiss()\n      },\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAYA,SAAgB,eAAe,MAA+B,QAA6B;CACzF,IAAI;CAEJ,SAAS,QAAc;EACrB,UAAU;EACV,UAAU,UAAU,iBAAiB,KAAK,KAAK,CAAC;CAClD;CAEA,SAAS,QAAc;EACrB,UAAU;EACV,UAAU,KAAA;CACZ;CAEA,YACQ,QAAQ,OAAO,CAAC,KAAK,QAAQ,KAAK,KAAK,IAC5C,aAAa;EACZ,IAAI,UACF,MAAM;OACH,MAAM;CACb,GACA;EAAE,WAAW;EAAM,OAAO;CAAO,CACnC;CAEA,eAAe,KAAK;AACtB;;;;;;;;;;;;;;;;;ACVA,SAAgB,mBAAmB,MAAqC;CACtE,MAAM,UAAU,IAAI,KAAK,KAAK;CAC9B,MAAM,UAAU,IAAI,KAAK,KAAK;CAE9B,MAAM,OAAO,WAAW;EACtB,IAAI,QACF,QAAQ,QAAQ;EAClB,QAAQ,QAAQ;CAClB,CAAC;CAED,SAAS,oBAA0B;EAGjC,IAAI,CAAC,KAAK,OACR,QAAQ,QAAQ;CACpB;CAEA,OAAO;EAAE;EAAS;EAAS;CAAkB;AAC/C;;;ACnBA,IAAI,YAAY;AAChB,IAAI,QAA+B;AACnC,IAAI,eAAe;AACnB,IAAI,oBAAyC;;;;;;AAO7C,SAAS,QAAiB;CACxB,IAAI,OAAO,cAAc,aACvB,OAAO;CACT,OAAO,mBAAmB,KAAK,UAAU,QAAQ,KAC3C,UAAU,aAAa,cAAc,UAAU,iBAAiB;AACxE;;AAGA,SAAS,wBAAwB,QAAqC;CACpE,IAAI,EAAE,kBAAkB,UACtB,OAAO;CAET,KAAK,IAAI,OAAuB,QAAQ,MAAM,OAAO,KAAK,eAAe;EACvE,IAAI,EAAE,gBAAgB,cACpB;EACF,IAAI,KAAK,aAAa,sBAAsB,GAC1C,OAAO;CACX;CAEA,OAAO;AACT;AAEA,SAAS,kBAAwB;CAC/B,IAAI,CAAC,MAAM,GACT;CAEF,MAAM,eAAe,UAA4B;EAG/C,IAAI,wBAAwB,MAAM,MAAM,GACtC;EACF,IAAI,MAAM,YACR,MAAM,eAAe;CACzB;CAEA,SAAS,iBAAiB,aAAa,aAAa,EAAE,SAAS,MAAM,CAAC;CACtE,0BAA0B,SAAS,oBAAoB,aAAa,WAAW;AACjF;AAEA,SAAS,oBAA4B;CACnC,OAAO,OAAO,aAAa,SAAS,gBAAgB;AACtD;AAEA,SAAS,YAAkB;CACzB,MAAM,OAAO,SAAS;CACtB,QAAQ;EACN,UAAU,KAAK,MAAM;EACrB,cAAc,KAAK,MAAM;EACzB,oBAAoB,KAAK,MAAM;CACjC;CACA,eAAe,OAAO;CAGtB,MAAM,iBAAiB,kBAAkB;CAEzC,KAAK,MAAM,WAAW;CAEtB,KAAK,MAAM,qBAAqB;CAChC,IAAI,iBAAiB,GAAG;EACtB,MAAM,iBAAiB,OAAO,WAAW,iBAAiB,IAAI,CAAC,CAAC,YAAY,KAAK;EACjF,KAAK,MAAM,eAAe,GAAG,iBAAiB,eAAe;CAC/D;CAEA,gBAAgB;AAClB;AAEA,SAAS,cAAoB;CAC3B,oBAAoB;CACpB,oBAAoB;CAEpB,IAAI,CAAC,OACH;CACF,SAAS,KAAK,MAAM,WAAW,MAAM;CACrC,SAAS,KAAK,MAAM,eAAe,MAAM;CACzC,SAAS,KAAK,MAAM,qBAAqB,MAAM;CAC/C,QAAQ;CAGR,IAAI,MAAM,KAAK,OAAO,YAAY,cAChC,OAAO,SAAS,GAAG,YAAY;AACnC;;;;;;AAOA,SAAgB,gBAAgB;CAC9B,MAAM,WAAW,OAAO,WAAW;CACnC,IAAI,OAAO;CAEX,SAAS,OAAa;EACpB,IAAI,CAAC,YAAY,MACf;EACF,OAAO;EACP,aAAa;EACb,IAAI,cAAc,GAChB,UAAU;CACd;CAEA,SAAS,SAAe;EACtB,IAAI,CAAC,YAAY,CAAC,MAChB;EACF,OAAO;EACP,YAAY,KAAK,IAAI,GAAG,YAAY,CAAC;EACrC,IAAI,cAAc,GAChB,YAAY;CAChB;CAEA,OAAO;EAAE;EAAM;CAAO;AACxB;;;AC1BA,SAAgB,gBACd,MACA,WACA,SACc;CACd,MAAM,gBACJ,OAAO,QAAQ,UAAU,aAAa,QAAQ,MAAM,IAAI,QAAQ,SAAS;CAE3E,MAAM,SAAS,QAAQ,QAAQ,IAAwB,IAAI;CAC3D,MAAM,YAAY,IAAI,IAAI;CAE1B,MAAM,YAAY,eAAgB,KAAK,SAAS,QAAQ,KAAK,CAAC,UAAU,QAAQ,OAAO,KAAA,CAAU;CAIjG,MAAM,EAAE,QAAQ,cAAc,SAAS,oBAAoB,gBAAgB,QAAQ,UAAU;CAK7F,MAAM,aAAa,gBAAgB;CAEnC,MAAM,EAAE,SAAS,WAAW,SAAS,WAAW,sBAAsB,mBAAmB,IAAI;CAE7F,MAAM,QAAQ,gBAAgB,MAAM,WAAW;EAC7C,OAAO;EACP,eAAe,QAAQ;EACvB,kBAAkB,UAAU;GAAE,UAAU,QAAQ;EAAM;EACtD,MAAM;CACR,CAAC;CAED,MAAM,cAAc,eAAe,iBACjC,MAAM,MAAM,OACZ,QAAQ,YAAY,KAAK,cAC3B,CAAC;CAED,aAAa,QAAQ,OAAO;EAC1B,cAAc,KAAK,SAAS,QAAQ,KAAK,UAAU;EACnD,cAAc,QAAQ;EACtB,qBAAqB,QAAQ,MAAM;EACnC,YAAY,MAAM;EAClB,cAAc;CAChB,CAAC;CAED,eAAe,cAAc,KAAK,SAAS,QAAQ,KAAK,UAAU,KAAK;CAIvE,MAAM,EAAE,MAAM,WAAW,cAAc;CAEvC,YACQ,QAAQ,aAAa,MAAM,KAAK,SAAS,QAAQ,KACtD,WAAW;EACV,IAAI,QACF,KAAK;OACF,OAAO;CACd,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,gBAAgB,MAAM;CAEtB,IAAI,wBAAwB;CAE5B,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,UAAU;GACR,UAAU,OAAyB;IACjC,wBAAwB,MAAM,WAAW,MAAM;GACjD;GACA,MAAM,OAAyB;IAC7B,MAAM,cAAc;IACpB,wBAAwB;IAExB,IAAI,CAAC,eAAe,MAAM,WAAW,MAAM,eACzC;IACF,IAAI,QAAQ,kBAAkB,MAAM,OAClC;IAEF,UAAU;GACZ;EACF;CACF;AACF"}
+{"version":3,"file":"useModalOverlay-CKCQkGdB.js","names":[],"sources":["../../src/composables/internal/useInertOthers.ts","../../src/composables/internal/useOverlayPresence.ts","../../src/composables/internal/useScrollLock.ts","../../src/composables/internal/useModalOverlay.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { onScopeDispose, watch } from 'vue'\n\nimport { inertableOutside, markInert } from './inert'\n\n/**\n * Пока слой активен, всё вне его ветки помечено `inert`: от корня оверлея вверх\n * до `<body>`, на каждом уровне — соседи.\n *\n * Это вторая половина модальности: `z-index` перекрывает страницу глазами,\n * `inert` — клавиатурой и скринридером.\n */\nexport function useInertOthers(root: Ref<HTMLElement | null>, active: () => boolean): void {\n  let release: (() => void) | undefined\n\n  function apply(): void {\n    release?.()\n    release = markInert(inertableOutside(root.value))\n  }\n\n  function clear(): void {\n    release?.()\n    release = undefined\n  }\n\n  watch(\n    () => Boolean(active()) && Boolean(root.value),\n    (isActive) => {\n      if (isActive)\n        apply()\n      else clear()\n    },\n    { immediate: true, flush: 'post' },\n  )\n\n  onScopeDispose(clear)\n}\n","import type { Ref } from 'vue'\nimport { ref, watch } from 'vue'\n\nexport interface OverlayPresence {\n  /** Смонтировано ли поддерево слоя: держится до конца leave-анимации. */\n  mounted: Ref<boolean>\n  /** Показан ли слой: этим переключаются `<Transition>` внутри. */\n  visible: Ref<boolean>\n  /** Вызывается из `@after-leave` панели. */\n  onPanelAfterLeave: () => void\n}\n\n/**\n * Присутствие оверлея в DOM отдельно от его видимости.\n *\n * Штатный `<Transition>` анимирует свой элемент, но не координирует соседей:\n * убери обёртку по `v-if` — и подложка с панелью исчезнут мгновенно, без\n * leave-анимации. Поэтому присутствие поддерева и видимость слоя — два разных\n * флага: первый снимается только по концу leave-анимации панели.\n *\n * Видимость включается **в том же такте**, что и монтирование: содержимое окна\n * обязано появляться в DOM сразу после открытия — на этом стоит и код\n * потребителя, и внутренние компоненты, которые ищут в панели свои элементы.\n * Enter-анимацию это не отменяет: `<Transition appear>` проигрывает её и на\n * первом рендере ребёнка.\n */\nexport function useOverlayPresence(open: Ref<boolean>): OverlayPresence {\n  const mounted = ref(open.value)\n  const visible = ref(open.value)\n\n  watch(open, (isOpen) => {\n    if (isOpen)\n      mounted.value = true\n    visible.value = isOpen\n  })\n\n  function onPanelAfterLeave(): void {\n    // Пока панель уезжала, слой могли открыть заново — тогда размонтировать\n    // нечего и незачем.\n    if (!open.value)\n      mounted.value = false\n  }\n\n  return { mounted, visible, onPanelAfterLeave }\n}\n","/**\n * useScrollLock — общий **reference-counted** lock скролла `<body>` для оверлеев\n * (GrModal, GrDrawer, GrImageViewer).\n *\n * Зачем счётчик: состояние `<body>` принадлежит не оверлею, а их совокупности.\n * Держи каждый свой `savedBodyOverflow`, и закрытие A при ещё открытой B вернуло\n * бы странице прокрутку под открытым окном — закрывают не всегда в порядке\n * открытия. Поэтому состояние сохраняется один раз (переход счётчика 0→1) и\n * восстанавливается только когда закрыт последний оверлей (1→0).\n *\n * Плюс компенсация ширины скроллбара: при `overflow: hidden` скроллбар исчезает и\n * контент дёргается вправо — добавляем `padding-right` на его ширину.\n *\n * Отдельная ветка — iOS Safari: там `overflow: hidden` фон не держит, страница\n * продолжает «резинить» под открытым окном. Лечится тем же, чем лечил\n * HeadlessUI (`handleIOSLocking`): гасим `touchmove` вне скроллящихся областей\n * оверлея и возвращаем позицию прокрутки после снятия лока.\n */\n\ninterface SavedBodyStyle {\n  overflow: string\n  paddingRight: string\n  overscrollBehavior: string\n}\n\nlet lockCount = 0\nlet saved: SavedBodyStyle | null = null\nlet savedScrollY = 0\nlet releaseTouchGuard: (() => void) | null = null\n\n/**\n * iOS определяем по платформе, а не по ширине экрана: лечение специфично для\n * движка, а не для размера. `maxTouchPoints` отличает iPadOS, который со времён\n * 13-й версии представляется десктопным Mac.\n */\nfunction isIOS(): boolean {\n  if (typeof navigator === 'undefined')\n    return false\n  return /iP(?:hone|ad|od)/.test(navigator.platform)\n    || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)\n}\n\n/** Прокручиваемая область оверлея — единственное, чему `touchmove` разрешён. */\nfunction isScrollableOverlayArea(target: EventTarget | null): boolean {\n  if (!(target instanceof Element))\n    return false\n\n  for (let node: Element | null = target; node; node = node.parentElement) {\n    if (!(node instanceof HTMLElement))\n      continue\n    if (node.hasAttribute('data-gr-overlay-root'))\n      return true\n  }\n\n  return false\n}\n\nfunction applyTouchGuard(): void {\n  if (!isIOS())\n    return\n\n  const onTouchMove = (event: TouchEvent): void => {\n    // Внутри оверлея скролл законен (длинное окно, лента изображений), а всё\n    // остальное — это и есть фон, который лок обязан держать.\n    if (isScrollableOverlayArea(event.target))\n      return\n    if (event.cancelable)\n      event.preventDefault()\n  }\n\n  document.addEventListener('touchmove', onTouchMove, { passive: false })\n  releaseTouchGuard = () => document.removeEventListener('touchmove', onTouchMove)\n}\n\nfunction getScrollbarWidth(): number {\n  return window.innerWidth - document.documentElement.clientWidth\n}\n\nfunction applyLock(): void {\n  const body = document.body\n  saved = {\n    overflow: body.style.overflow,\n    paddingRight: body.style.paddingRight,\n    overscrollBehavior: body.style.overscrollBehavior,\n  }\n  savedScrollY = window.scrollY\n\n  // Ширину скроллбара считаем ДО `overflow: hidden` (после — `clientWidth` меняется).\n  const scrollbarWidth = getScrollbarWidth()\n\n  body.style.overflow = 'hidden'\n  // Прокрутка, «доехавшая» до края внутри окна, не должна продолжаться фоном.\n  body.style.overscrollBehavior = 'contain'\n  if (scrollbarWidth > 0) {\n    const currentPadding = Number.parseFloat(getComputedStyle(body).paddingRight) || 0\n    body.style.paddingRight = `${currentPadding + scrollbarWidth}px`\n  }\n\n  applyTouchGuard()\n}\n\nfunction releaseLock(): void {\n  releaseTouchGuard?.()\n  releaseTouchGuard = null\n\n  if (!saved)\n    return\n  document.body.style.overflow = saved.overflow\n  document.body.style.paddingRight = saved.paddingRight\n  document.body.style.overscrollBehavior = saved.overscrollBehavior\n  saved = null\n\n  // iOS сдвигает страницу, пока фон заблокирован; возвращаем её на место.\n  if (isIOS() && window.scrollY !== savedScrollY)\n    window.scrollTo(0, savedScrollY)\n}\n\n/**\n * Возвращает пару `lock`/`unlock`, идемпотентную **в пределах одного инстанса**\n * (повторный `lock()` без `unlock()` не увеличивает глобальный счётчик дважды).\n * Глобальный счётчик разделяется всеми оверлеями.\n */\nexport function useScrollLock() {\n  const isClient = typeof window !== 'undefined'\n  let held = false\n\n  function lock(): void {\n    if (!isClient || held)\n      return\n    held = true\n    lockCount += 1\n    if (lockCount === 1)\n      applyLock()\n  }\n\n  function unlock(): void {\n    if (!isClient || !held)\n      return\n    held = false\n    lockCount = Math.max(0, lockCount - 1)\n    if (lockCount === 0)\n      releaseLock()\n  }\n\n  return { lock, unlock }\n}\n\n/** Тестовая/служебная очистка глобального состояния. */\nexport function resetScrollLock(): void {\n  lockCount = 0\n  if (typeof document !== 'undefined')\n    releaseLock()\n  saved = null\n}\n","import type { ComputedRef, Ref } from 'vue'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { useGrThemeAttrs } from '../../components/GrConfigProvider/context'\nimport { modalLayerZIndex } from './overlayStack'\nimport { useFocusTrap } from '../useFocusTrap'\nimport { useOverlayLayer } from '../useOverlayLayer'\nimport { usePortalTarget } from '../usePortalTarget'\nimport { useInertOthers } from './useInertOthers'\nimport { useOverlayPresence } from './useOverlayPresence'\nimport { useScrollLock } from './useScrollLock'\n\n/**\n * Модальный слой целиком: одна сборка на весь пакет.\n *\n * Модальность собиралась вручную в трёх компонентах (`GrModal`, `GrDrawer`,\n * `GrImageViewer`) из шести примитивов, и сборка повторялась дословно. Дело не\n * в объёме: в этой проводке сидят инварианты, каждый из которых при пропуске\n * даёт тихий баг доступности, а не заметную поломку. Здесь они собраны в одном\n * месте — забыть часть модального слоя больше нельзя.\n *\n * Что именно неочевидно:\n *\n *  - **`restoreFocus: false` у ловушки.** Возврат фокуса принадлежит стеку\n *    слоёв: у него правило строже — вернуть, только если на момент закрытия\n *    фокус ещё был внутри слоя. Две системы возврата подрались бы за фокус.\n *  - **`containers: layer.rootsAbove`.** Панель селекта, открытого ВНУТРИ окна,\n *    телепортирована в `body` и лежит вне поддерева панели. Без этого списка\n *    ловушка считала бы её «снаружи» и отбирала фокус.\n *  - **Ловушка и `inert` работают, только пока слой верхний.** Иначе нижнее\n *    окно ворует фокус у открытого поверх него, а `inert` гасит собственную\n *    панель вместе со страницей.\n *  - **Клик по подложке считается только тот, что на ней и начался.** Иначе\n *    выделение текста мышью или перетаскивание, отпущенное за пределами панели,\n *    закрывает слой.\n *\n * Чего композабл НЕ делает: не рисует разметку. Корневой `div`, подложка и\n * панель у трёх компонентов различаются по существу (обёртки скролла у окна,\n * сквозные клики у немодальной панели, слои хрома у просмотрщика), а классами\n * общий модуль владеть не вправе — пресет гранулярности подмешивает safelist\n * только по директориям выбранных компонентов.\n */\nexport interface UseModalOverlayOptions {\n  /**\n   * Модальный ли слой: блокирует страницу, держит фокус, гасит нижние окна.\n   * Геттером — там, где модальность включается пропом (`GrDrawer`).\n   */\n  modal?: boolean | (() => boolean)\n  /** Закрывать ли по Esc. Геттер — проп компонента реактивен. */\n  closeOnEscape?: () => boolean\n  /** Закрывать ли по клику в подложку; читается обработчиками `backdrop`. */\n  closeOnBackdrop?: () => boolean\n  /** Панель слоя: контейнер ловушки фокуса и её запасной приёмник. */\n  panel: Ref<HTMLElement | null>\n  /**\n   * Свой корень слоя. У якорного оверлея (`GrPopover`) корень и панель — один\n   * элемент: в портал уезжает сама панель, отдельной обёртки нет. Не задан —\n   * композабл заводит корень сам, как у центрированных окон.\n   */\n  root?: Ref<HTMLElement | null>\n  /**\n   * Имя CSS-переменной слоя. Escape-hatch мимо `--gr-z-modal` — им пользуется\n   * просмотрщик. Глубина слоя прибавляется и к подменённой переменной.\n   */\n  zIndexVar?: () => string | undefined\n  /**\n   * Точечное переопределение точки монтирования (проп `teleportTo`). По\n   * умолчанию — общий портал оверлеев.\n   */\n  teleportTo?: () => string | HTMLElement | undefined\n  /**\n   * Кому отдать фокус при открытии. Не задан — первому фокусируемому внутри\n   * панели (правило `useFocusTrap`): просмотрщику нужна именно кнопка тулбара,\n   * а окну — сама панель, и оно передаёт её явно.\n   */\n  initialFocus?: () => HTMLElement | null | undefined\n  /**\n   * Блокировать ли скролл страницы. По умолчанию — пока слой открыт и модален:\n   * немодальная панель существует ровно ради работы со страницей под ней.\n   */\n  lockScroll?: () => boolean\n}\n\nexport interface ModalOverlay {\n  /** Корень слоя: цель `ref` в шаблоне, хозяин `inert` и корень для стека слоёв. */\n  rootEl: Ref<HTMLElement | null>\n  /** Смонтировано ли поддерево: держится до конца leave-анимации панели. */\n  isMounted: Ref<boolean>\n  /** Показан ли слой: этим переключаются `<Transition>` внутри. */\n  isVisible: Ref<boolean>\n  /** Верхний ли это слой сейчас. */\n  isTopmost: Ref<boolean>\n  /** Значение атрибута `inert` для корня: слой перестал быть верхним. */\n  inertAttr: ComputedRef<true | undefined>\n  /**\n   * Высота слоя: базовый токен плюс позиция в стеке.\n   *\n   * Один токен на все модальные слои означал бы, что порядок отрисовки решает\n   * порядок узлов в портале, а он задан **созданием** телепорта, а не\n   * открытием: статически объявленный диалог вставал бы под окном, открытым\n   * позже, и оказывался невидимым — при том что стек считает верхним его.\n   */\n  layerZIndex: ComputedRef<string>\n  portalTarget: ComputedRef<string | HTMLElement>\n  teleportEnabled: ComputedRef<boolean>\n  /** `data-theme` на телепортированный корень: в DOM он вне обёртки провайдера. */\n  themeAttrs: ComputedRef<{ 'data-theme'?: string }>\n  /** Для `@after-leave` панели. Компонент оборачивает, если ему нужен эмит `closed`. */\n  onPanelAfterLeave: () => void\n  /**\n   * Обработчики подложки вместе с guard'ом «клик начался на ней». Имена — под\n   * `v-on=\"backdrop\"`: объектный синтаксис ждёт имена событий, а не пропов.\n   */\n  backdrop: {\n    mousedown: (event: MouseEvent) => void\n    click: (event: MouseEvent) => void\n  }\n}\n\nexport function useModalOverlay(\n  open: Ref<boolean>,\n  onDismiss: () => void,\n  options: UseModalOverlayOptions,\n): ModalOverlay {\n  const isModal = (): boolean =>\n    typeof options.modal === 'function' ? options.modal() : options.modal ?? true\n\n  const rootEl = options.root ?? ref<HTMLElement | null>(null)\n  const isTopmost = ref(true)\n\n  const inertAttr = computed(() => (open.value && isModal() && !isTopmost.value ? true : undefined))\n\n  // Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n  // рендер не совпадёт с серверным и сломается гидрация.\n  const { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(options.teleportTo)\n\n  // Панель уезжает в `body`, то есть вне обёртки провайдера, и `data-theme` с\n  // неё не наследуется. В дереве компонентов слой остаётся внутри — `inject`\n  // доходит, и тему он ставит себе сам.\n  const themeAttrs = useGrThemeAttrs()\n\n  const { mounted: isMounted, visible: isVisible, onPanelAfterLeave } = useOverlayPresence(open)\n\n  const layer = useOverlayLayer(open, onDismiss, {\n    modal: isModal,\n    closeOnEscape: options.closeOnEscape,\n    onTopmostChange: (value) => { isTopmost.value = value },\n    root: rootEl,\n  })\n\n  const layerZIndex = computed(() => modalLayerZIndex(\n    layer.depth.value,\n    options.zIndexVar?.() ?? '--gr-z-modal',\n  ))\n\n  useFocusTrap(options.panel, {\n    active: () => open.value && isModal() && isTopmost.value,\n    initialFocus: options.initialFocus,\n    fallbackFocus: () => options.panel.value,\n    containers: layer.rootsAbove,\n    restoreFocus: false,\n  })\n\n  useInertOthers(rootEl, () => open.value && isModal() && isTopmost.value)\n\n  // Общий reference-counted lock: несколько открытых оверлеев снимают блокировку\n  // независимо от порядка закрытия, ширина скроллбара компенсируется.\n  const { lock, unlock } = useScrollLock()\n\n  watch(\n    () => options.lockScroll?.() ?? (open.value && isModal()),\n    (locked) => {\n      if (locked)\n        lock()\n      else unlock()\n    },\n    { immediate: true },\n  )\n\n  onBeforeUnmount(unlock)\n\n  let pointerDownOnBackdrop = false\n\n  return {\n    rootEl,\n    isMounted,\n    isVisible,\n    isTopmost,\n    inertAttr,\n    layerZIndex,\n    portalTarget,\n    teleportEnabled,\n    themeAttrs,\n    onPanelAfterLeave,\n    backdrop: {\n      mousedown(event: MouseEvent): void {\n        pointerDownOnBackdrop = event.target === event.currentTarget\n      },\n      click(event: MouseEvent): void {\n        const startedHere = pointerDownOnBackdrop\n        pointerDownOnBackdrop = false\n\n        if (!startedHere || event.target !== event.currentTarget)\n          return\n        if (options.closeOnBackdrop?.() === false)\n          return\n\n        onDismiss()\n      },\n    },\n  }\n}\n"],"mappings":"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"}