@feugene/granularity 0.37.0 → 0.39.0

package/README.md

@@ -86,12 +86,51 @@ For a finer setup take the layers apart — `@feugene/granularity/styles/tokens.
 preset. There is no per-component stylesheet to import: a component that has CSS of its own imports it
 from its own chunk, so a granular import already brings everything it needs.
 
+## Granular imports, in numbers
+
+<!-- entry-sizes:generated:start lang=en -->
+| What you import | gzip | of the barrel |
+| --- | ---: | ---: |
+| the whole package from the root | 542.9 kB | 100 % |
+| the lightest component — `GrButtonGroup` | 1.8 kB | < 1 % |
+| the median component — `GrNavbar` | 15.4 kB | 3 % |
+| the 5 heaviest together | 171.1 kB | 32 % |
+
+These numbers **do not add up**: shared code is counted again in every row but paid for once, which is why
+the set is shown as a union rather than a sum. They are an upper bound — the gzip of everything a subpath
+pulls out of `dist`, before the application bundler shakes it further and minifies it again.
+
+The weight of every component — [`docs/entry-sizes.md`](./docs/entry-sizes.md).
+<!-- entry-sizes:generated:end -->
+
+## The rest of the family
+
+The core ships the general-purpose components. Anything that carries a heavy dependency, belongs to a
+domain of its own, or is needed by a minority of consumers lives in a companion package with a `peer`
+on this one — the core stays lean, and you install only what you reach for.
+
+<!-- ecosystem:generated:start -->
+| Package | Version | What it adds |
+| --- | --- | --- |
+| [`@feugene/granularity-charts`](../granularity-charts) | 0.10.1 | Charts — own SVG, zero dependencies, drawn with theme tokens. |
+| [`@feugene/granularity-chrono`](../granularity-chrono) | 0.10.0 | Calendar, date and time components — no third-party date widget, no date library. |
+| [`@feugene/granularity-dashboard`](../granularity-dashboard) | 0.6.0 | Widget grid — drag, resize, breakpoints and layout persistence, zero dependencies. |
+| [`@feugene/granularity-datasource`](../granularity-datasource) | 0.1.2 | List state: sorting, filters, paging, URL sync and race-free fetching behind one composable. |
+| [`@feugene/granularity-devtools`](../granularity-devtools) | 0.3.1 | Vue DevTools panel — where a prop value came from, the overlay layer stack and design-system warnings. |
+| [`@feugene/granularity-editor`](../granularity-editor) | 0.3.1 | Rich-text editing: a TipTap-backed GrRichText field with a design-system toolbar. |
+| [`@feugene/granularity-forms-schema`](../granularity-forms-schema) | 0.4.0 | Schema-driven forms — zod and JSON Schema into real form fields, zero dependencies. |
+| [`@feugene/granularity-media`](../granularity-media) | 0.7.1 | Media components: image cropping, camera capture, code scanning and video playback. |
+| [`@feugene/granularity-test-kit`](../granularity-test-kit) | 0.8.1 | Test gates for @feugene/granularity design-system packages — token, registry and defaults contracts as reusable factories. |
+| [`@feugene/unplugin-granularity`](../unplugin-granularity) | 0.7.1 | unplugin-vue-components resolver — granular auto-import for components and directives. |
+<!-- ecosystem:generated:end -->
+
 ## Documentation
 
 - [`docs/README.md`](./docs/README.md) — overview and documentation map
 - [`docs/installation.md`](./docs/installation.md) — installation, public entrypoints, and adoption strategies
 - [`docs/styling.md`](./docs/styling.md) — style layers, themes, and import order
 - [`docs/tokens.md`](./docs/tokens.md) — design token reference (generated from `tokens/*.json`)
+- [`docs/entry-sizes.md`](./docs/entry-sizes.md) — the weight of every component as a subpath (generated from the build)
 - [`docs/theming.md`](./docs/theming.md) — building a custom theme (roles, contrast rules, wiring)
 - [`docs/keyboard.md`](./docs/keyboard.md) — keyboard contract per component
 - [`docs/overlays.md`](./docs/overlays.md) — overlay contract: portal, layer stack, Esc, `inert`, focus

package/dist/chunks/devHook-CiqijpNM.js

@@ -0,0 +1,44 @@
+//#region src/internal/devHook.ts
+/**
+* Глубина буфера. Полсотни событий покрывают сценарий «открыл окно, поработал,
+* полез в панель» и не превращают буфер в утечку на долгой сессии.
+*/
+var BUFFER_LIMIT = 50;
+function ensureHook() {
+	const target = globalThis;
+	const existing = target.__GR_DEV_HOOK__;
+	if (existing) return existing;
+	const hook = {
+		events: [],
+		listeners: /* @__PURE__ */ new Set()
+	};
+	target.__GR_DEV_HOOK__ = hook;
+	return hook;
+}
+/**
+* Регистрирует виртуализатор в реестре наблюдателя. Возвращает снятие —
+* список обязан исчезнуть вместе с компонентом.
+*/
+function registerGrVirtualList(read) {
+	const hook = ensureHook();
+	hook.virtualLists ??= /* @__PURE__ */ new Set();
+	hook.virtualLists.add(read);
+	return () => {
+		hook.virtualLists?.delete(read);
+	};
+}
+/** Ядро отдаёт наблюдателю читалку стека. Вызывается один раз, из стека слоёв. */
+function provideGrDevLayers(read) {
+	ensureHook().readLayers = read;
+}
+function emitGrDevEvent(event) {
+	const hook = ensureHook();
+	const limit = hook.bufferLimit ?? BUFFER_LIMIT;
+	hook.events.push(event);
+	if (hook.events.length > limit) hook.events.splice(0, hook.events.length - limit);
+	for (const listener of hook.listeners) try {
+		listener(event);
+	} catch {}
+}
+//#endregion
+export { provideGrDevLayers as n, registerGrVirtualList as r, emitGrDevEvent as t };

package/dist/chunks/devHook-CiqijpNM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devHook-CiqijpNM.js","names":[],"sources":["../../src/internal/devHook.ts"],"sourcesContent":["/**\n * Dev-канал ядра: наружу отдаётся то, чего иначе не увидеть — состояние\n * приватных синглтонов пакета.\n *\n * Первый и пока единственный поставщик — стек слоёв\n * (`composables/internal/overlayStack.ts`). Он приватен намеренно: один список\n * отвечает сразу на три вопроса (кому Esc, кто под `inert`, чья высота), и\n * публичный доступ к нему означал бы обязательство держать эту форму. Канал\n * снимает противоречие: снаружи видно картину, но не рычаги.\n *\n * Существует только под `__GR_DEV__` — вызывающие обязаны обернуть эмит гардом,\n * тогда у потребителя ветка выкидывается вместе с этим модулем.\n *\n * Хук нарочно «глупый»: голые `events` и `listeners` вместо методов. Создать\n * такой объект умеет и слушатель (панель подключается раньше или позже ядра —\n * порядок не гарантирован), а логика эмита при этом живёт в одном месте, здесь.\n */\n\n/** Фокус вокруг слоя: то, чего не видно ни в DOM, ни в браузерном инспекторе. */\nexport interface GrLayerFocus {\n  /** Фокус сейчас внутри слоя. */\n  inside: boolean\n  /**\n   * Вернётся ли фокус при закрытии. Правило нетривиальное — «только если на\n   * момент закрытия фокус ещё внутри слоя», — и снаружи непроверяемо.\n   */\n  willRestore: boolean\n  /** Куда вернётся: описание элемента, а не ссылка (буфер не должен держать DOM). */\n  restoreTo: string | null\n}\n\n/** Слой оверлея в том виде, в каком его видит наблюдатель. */\nexport interface GrOverlaySnapshot {\n  id: number\n  /** Компонент, открывший слой: `GrSelect`, `GrModal`. `null` — слой заведён вне компонента. */\n  owner: string | null\n  focus: GrLayerFocus | null\n  modal: boolean\n  /** Верхний слой любого рода: ему адресован Esc. */\n  topmostForEscape: boolean\n  /** Модальный слой ниже последнего модального — тот, что уходит в `inert`. */\n  inert: boolean\n  /** Позиция среди модальных, от нуля. У немодальных глубины нет. */\n  depth: number | null\n  /** Закроется ли слой по Esc прямо сейчас (`closeOnEsc` реактивен). */\n  closesOnEscape: boolean\n}\n\nexport type GrDevEvent\n  = | { type: 'overlay:sync', layers: GrOverlaySnapshot[] }\n    | { type: 'overlay:push', id: number, modal: boolean, owner: string | null }\n    | { type: 'overlay:remove', id: number }\n    | { type: 'overlay:escape', id: number, closed: boolean }\n\n/**\n * Окно виртуализатора глазами наблюдателя.\n *\n * Число узлов в DOM браузер покажет и сам; невидимо другое — какие индексы\n * отрисованы, сколько всего элементов и насколько оценка высоты разошлась с\n * замером. Расхождение и есть тихий дефект: список начинает прыгать, а узлов\n * по-прежнему «правильные десятки».\n */\nexport interface GrVirtualListSnapshot {\n  /** Компонент, которому принадлежит список. */\n  owner: string | null\n  /** `uid` инстанса: панель связывает снимок с выбранным компонентом. */\n  uid: number | null\n  total: number\n  rendered: number\n  range: { start: number, end: number }\n  /** Оценка высоты элемента, с которой список считает окно. */\n  estimated: number\n  /** Средний фактический замер; `null` — пока ничего не измерено. */\n  measured: number | null\n}\n\nexport interface GrDevHook {\n  /** Последние события — чтобы подключившийся позже не начинал с пустого экрана. */\n  events: GrDevEvent[]\n  listeners: Set<(event: GrDevEvent) => void>\n  /**\n   * Глубина буфера, если наблюдатель попросил другую. Ставит её он же: сколько\n   * истории нужно, знает только тот, кто её читает.\n   */\n  bufferLimit?: number\n  /**\n   * Живые виртуализаторы. Реестр, а не событие: окно меняется на каждый кадр\n   * прокрутки, и слать его лентой значило бы залить канал.\n   */\n  virtualLists?: Set<() => GrVirtualListSnapshot>\n  /**\n   * Свежий снимок стека по требованию.\n   *\n   * События дают картину на момент изменения стека, а часть состояния меняется\n   * между ними: фокус уходит из слоя от обычного клика, и ни одного события при\n   * этом не случается. Наблюдателю нужно спросить «как сейчас», а не «как было\n   * при последнем push».\n   */\n  readLayers?: () => GrOverlaySnapshot[]\n}\n\ntype GlobalWithDevHook = typeof globalThis & { __GR_DEV_HOOK__?: GrDevHook }\n\n/**\n * Глубина буфера. Полсотни событий покрывают сценарий «открыл окно, поработал,\n * полез в панель» и не превращают буфер в утечку на долгой сессии.\n */\nconst BUFFER_LIMIT = 50\n\nfunction ensureHook(): GrDevHook {\n  const target = globalThis as GlobalWithDevHook\n  const existing = target.__GR_DEV_HOOK__\n  if (existing)\n    return existing\n\n  const hook: GrDevHook = { events: [], listeners: new Set() }\n  target.__GR_DEV_HOOK__ = hook\n  return hook\n}\n\n/**\n * Регистрирует виртуализатор в реестре наблюдателя. Возвращает снятие —\n * список обязан исчезнуть вместе с компонентом.\n */\nexport function registerGrVirtualList(read: () => GrVirtualListSnapshot): () => void {\n  const hook = ensureHook()\n  hook.virtualLists ??= new Set()\n  hook.virtualLists.add(read)\n\n  return () => {\n    hook.virtualLists?.delete(read)\n  }\n}\n\n/** Ядро отдаёт наблюдателю читалку стека. Вызывается один раз, из стека слоёв. */\nexport function provideGrDevLayers(read: () => GrOverlaySnapshot[]): void {\n  ensureHook().readLayers = read\n}\n\nexport function emitGrDevEvent(event: GrDevEvent): void {\n  const hook = ensureHook()\n\n  const limit = hook.bufferLimit ?? BUFFER_LIMIT\n\n  hook.events.push(event)\n  if (hook.events.length > limit)\n    hook.events.splice(0, hook.events.length - limit)\n\n  for (const listener of hook.listeners) {\n    // Слушатель — чужой код, и его исключение не должно ронять то, за чем он\n    // наблюдает: канал обязан быть незаметен для поведения пакета.\n    try {\n      listener(event)\n    }\n    catch {\n      // ignore\n    }\n  }\n}\n\n/** Сброс канала между тестами: буфер и подписчики живут в `globalThis`. */\nexport function resetGrDevHook(): void {\n  const target = globalThis as GlobalWithDevHook\n  target.__GR_DEV_HOOK__ = undefined\n}\n"],"mappings":";;;;;AA2GA,IAAM,eAAe;AAErB,SAAS,aAAwB;CAC/B,MAAM,SAAS;CACf,MAAM,WAAW,OAAO;CACxB,IAAI,UACF,OAAO;CAET,MAAM,OAAkB;EAAE,QAAQ,CAAC;EAAG,2BAAW,IAAI,IAAI;CAAE;CAC3D,OAAO,kBAAkB;CACzB,OAAO;AACT;;;;;AAMA,SAAgB,sBAAsB,MAA+C;CACnF,MAAM,OAAO,WAAW;CACxB,KAAK,iCAAiB,IAAI,IAAI;CAC9B,KAAK,aAAa,IAAI,IAAI;CAE1B,aAAa;EACX,KAAK,cAAc,OAAO,IAAI;CAChC;AACF;;AAGA,SAAgB,mBAAmB,MAAuC;CACxE,WAAW,CAAC,CAAC,aAAa;AAC5B;AAEA,SAAgB,eAAe,OAAyB;CACtD,MAAM,OAAO,WAAW;CAExB,MAAM,QAAQ,KAAK,eAAe;CAElC,KAAK,OAAO,KAAK,KAAK;CACtB,IAAI,KAAK,OAAO,SAAS,OACvB,KAAK,OAAO,OAAO,GAAG,KAAK,OAAO,SAAS,KAAK;CAElD,KAAK,MAAM,YAAY,KAAK,WAG1B,IAAI;EACF,SAAS,KAAK;CAChB,QACM,CAEN;AAEJ"}

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

@@ -1,30 +1,5 @@
 import { r as isComposingEvent } from "./keyboard-DE2yhz_b.js";
-//#region src/internal/devHook.ts
-/**
-* Глубина буфера. Полсотни событий покрывают сценарий «открыл окно, поработал,
-* полез в панель» и не превращают буфер в утечку на долгой сессии.
-*/
-var BUFFER_LIMIT = 50;
-function ensureHook() {
-	const target = globalThis;
-	const existing = target.__GR_DEV_HOOK__;
-	if (existing) return existing;
-	const hook = {
-		events: [],
-		listeners: /* @__PURE__ */ new Set()
-	};
-	target.__GR_DEV_HOOK__ = hook;
-	return hook;
-}
-function emitGrDevEvent(event) {
-	const hook = ensureHook();
-	hook.events.push(event);
-	if (hook.events.length > BUFFER_LIMIT) hook.events.splice(0, hook.events.length - BUFFER_LIMIT);
-	for (const listener of hook.listeners) try {
-		listener(event);
-	} catch {}
-}
-//#endregion
+import { n as provideGrDevLayers, t as emitGrDevEvent } from "./devHook-CiqijpNM.js";
 //#region src/composables/internal/overlayStack.ts
 var stack = [];
 var listening = false;
@@ -61,6 +36,8 @@ function snapshotLayers() {
 	const top = stack[stack.length - 1];
 	return stack.map((layer) => ({
 		id: layer.id,
+		owner: layer.owner ?? null,
+		focus: layer.describeFocus?.() ?? null,
 		modal: layer.modal,
 		topmostForEscape: layer === top,
 		inert: layer.modal && layer !== topModal,
@@ -107,7 +84,8 @@ function pushOverlayLayer(layer) {
 	if (process.env.NODE_ENV !== "production") emitGrDevEvent({
 		type: "overlay:push",
 		id,
-		modal: layer.modal
+		modal: layer.modal,
+		owner: layer.owner ?? null
 	});
 	syncModalLayers();
 	return id;
@@ -170,5 +148,6 @@ function floatingLayerZIndex(zIndexVar) {
 function modalLayerZIndex(depth, zIndexVar = "--gr-z-modal") {
 	return depth > 0 ? `calc(var(${zIndexVar}) + ${depth})` : `var(${zIndexVar})`;
 }
+if (process.env.NODE_ENV !== "production") provideGrDevLayers(snapshotLayers);
 //#endregion
 export { removeOverlayLayer as a, pushOverlayLayer as i, layerRootsAbove as n, modalLayerZIndex as r, floatingLayerZIndex as t };

package/dist/chunks/overlayStack-DH4Z7am1.js.map

@@ -0,0 +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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"}

package/dist/chunks/{useModalOverlay-BwX8WEcI.js → useModalOverlay-ACRkflzx.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-B_UFaFzk.js";
+import { r as modalLayerZIndex } from "./overlayStack-DH4Z7am1.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-BwX8WEcI.js.map → useModalOverlay-ACRkflzx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useModalOverlay-BwX8WEcI.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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"}
+{"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":"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"}

package/dist/components/GrColorPicker/chunks/{GrColorPicker-BNtpj_P6.js → GrColorPicker-BwzRLs-i.js}

@@ -3,7 +3,7 @@ import { n as useGranularityTranslations } from "../../../chunks/granularityI18n
 import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "../../../composables/useGrFormControl.js";
 import { t as GrInput_default } from "../../GrInput/chunks/GrInput-TFeBm3gQ.js";
-import { t as GrPopover_default } from "../../GrPopover/chunks/GrPopover-BakLcWkX.js";
+import { t as GrPopover_default } from "../../GrPopover/chunks/GrPopover-CcWvr1ZA.js";
 import { t as GrSlider_default } from "../../GrSlider/chunks/GrSlider-Db-jACXz.js";
 import { a as grColorPickerPresetClass, c as previewClass, d as rowValueClass, f as swatchBaseClass, h as triggerValueClass, i as grColorPickerPanelClass, l as rowClass, m as triggerSwatchSizeBySize, o as grColorPickerTriggerClass, p as swatchFillClass, r as checkerClass, s as presetsGridClass, u as rowLabelClass } from "../../../chunks/config-DIDz_E5m.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useId, watch, withCtx, withKeys } from "vue";