npm - @feugene/granularity - Versions diffs - 0.25.0 → 0.27.0 - Mend

@feugene/granularity 0.25.0 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (581) hide show

package/dist/components/GrConfigProvider/chunks/GrConfigProvider-BF7R3hgg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GrConfigProvider-BF7R3hgg.js","names":[],"sources":["../../../../src/components/GrConfigProvider/zIndexScale.ts","../../../../src/components/GrConfigProvider/GrConfigProvider.vue","../../../../src/components/GrConfigProvider/GrConfigProvider.vue"],"sourcesContent":["/*\n Шкала слоёв, задаваемая пропом `zIndexBase` у `GrConfigProvider`.\n \n Переменные ставятся на `<html>`, а не на обёртку провайдера: панели\n * телепортируются в `body`, то есть живут вне его DOM-поддерева, и\n * «настройка слоёв поддеревом» была бы ложным обещанием.\n \n Отсюда же следует, что владелец шкалы один на документ: два провайдера с\n * разными базами — это гонка, о которой надо сказать вслух, а не тихо\n * применить последнюю.\n /\n\n/\n Смещения те же, что в `styles/tokens.css`: шаг 50 оставляет приложению место\n * вклиниться между слоями, а тосты стоят выше модалок.\n /\nexport const GR_Z_INDEX_OFFSETS: Record<string, number> = {\n // Шапка ниже якорных панелей: она перекрывает контент, но не выпадашки.\n '--gr-z-navbar': -100,\n '--gr-z-dropdown': 0,\n '--gr-z-tooltip': 50,\n '--gr-z-modal': 100,\n '--gr-z-toast': 200,\n}\n\nlet owner: symbol \| null = null\n\n/\n Ставит шкалу от базы и возвращает функцию отката к прежним значениям.\n * `null` — нечего ставить (нет базы или нет документа).\n /\nexport function applyGrZIndexBase(token: symbol, base: number \| undefined): (() => void) \| null {\n if (typeof document === 'undefined' \|\| base == null) {\n if (owner === token) owner = null\n return null\n }\n\n if (owner && owner !== token && __GR_DEV__) {\n console.warn(\n '[GrConfigProvider] zIndexBase задан больше чем одним провайдером. '\n + 'Шкала слоёв одна на документ (панели телепортируются в body), поэтому применится последняя.',\n )\n }\n owner = token\n\n const root = document.documentElement\n const previous = Object.keys(GR_Z_INDEX_OFFSETS)\n .map(name => [name, root.style.getPropertyValue(name)] as const)\n\n for (const [name, offset] of Object.entries(GR_Z_INDEX_OFFSETS))\n root.style.setProperty(name, String(base + offset))\n\n return () => {\n for (const [name, value] of previous) {\n if (value) root.style.setProperty(name, value)\n else root.style.removeProperty(name)\n }\n if (owner === token) owner = null\n }\n}\n\n/* Тестовая очистка владельца шкалы между кейсами. /\nexport function resetGrZIndexOwner(): void {\n owner = null\n}\n","<script setup lang=\"ts\">\n/\n GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n \n Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную);\n * - `theme` — темы поддерева;\n * - `portalTarget` — точки монтирования оверлеев;\n * - `zIndexBase` — базы шкалы слоёв.\n \n Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n \n Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n /\nimport { computed, onBeforeUnmount, provide, watch } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\nimport { applyGrZIndexBase } from './zIndexScale'\nimport {\n GR_CONFIG_KEY,\n useGrConfig,\n type GrComponentDefaults,\n type GrComponentSize,\n type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nexport interface GrConfigProviderProps {\n /* Дефолтный размер контролов для вложенных компонентов. /\n size?: GrComponentSize\n /* Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. /\n componentDefaults?: GrComponentDefaults\n /* Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. /\n i18n?: GranularityI18nAdapter \| null\n /\n Просьба к адаптеру переключить язык (`syncLocale`). Источником истины\n * остаётся сам адаптер — провайдер лишь передаёт ему намерение.\n /\n locale?: string\n /\n Тема поддерева: значение уезжает в `data-theme`. Тема документа —\n * работа `useTheme`/`initThemeEarly`, здесь именно остров.\n /\n theme?: string\n /\n Куда монтировать оверлеи поддерева. По умолчанию — общий `#gr-portal` в\n * `body`. Своё значение нужно там, где приложение живёт в контейнере:\n * микрофронтенд, shadow DOM, CSS-скоупинг под конкретным корнем.\n /\n portalTarget?: string \| HTMLElement\n /\n База шкалы слоёв. Переменные `--gr-z-` пересчитываются от неё и ставятся\n на `<html>`: панели телепортируются в `body`, и переменные поддерева до\n * них не доходят.\n /\n zIndexBase?: number\n /* Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. /\n tag?: string\n}\n\nconst props = withDefaults(\n defineProps<GrConfigProviderProps>(),\n {\n size: undefined,\n componentDefaults: undefined,\n i18n: undefined,\n locale: undefined,\n theme: undefined,\n portalTarget: undefined,\n zIndexBase: undefined,\n tag: 'div',\n },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst theme = computed(() => props.theme ?? parent.theme?.value)\n// Цель портала наследуется вниз: вложенный провайдер без своего значения\n// оставляет оверлеи там же, где их ждёт родительское приложение.\nconst portalTarget = computed(() => props.portalTarget ?? parent.portalTarget?.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n const merged: Record<string, Record<string, unknown>> = { ...inherited }\n for (const [component, componentProps] of Object.entries(own))\n merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults, theme, portalTarget })\n\n// ————— i18n.\n//\n// Адаптер отдаём вниз ВСЕГДА и фасадом, а не значением. Прежнее\n// `if (props.i18n != null) provide(…)` решало судьбу один раз в `setup`:\n// адаптер, созданный асинхронно (обычная загрузка локали), не приезжал уже\n// никогда, а подмена адаптера при смене языка до детей не доходила.\nconst inheritedI18n = resolveGranularityI18n()\nconst activeI18n = computed(() => props.i18n ?? inheritedI18n)\n\nprovide<GranularityI18nAdapter>(GRANULARITY_I18N_KEY, {\n t: (key, params) => activeI18n.value?.t(key, params) ?? key,\n // Геттеры, а не поля: `useGranularityTranslations` спрашивает `if (i18n.te)`,\n // и всегда определённый метод у адаптера без `te` означал бы «перевода нет»\n // для каждого ключа.\n get te() {\n const adapter = activeI18n.value\n return adapter?.te ? (key: string) => adapter.te!(key) : undefined\n },\n get locale() {\n return activeI18n.value?.locale\n },\n get syncLocale() {\n const adapter = activeI18n.value\n return adapter?.syncLocale ? (next: string) => adapter.syncLocale!(next) : undefined\n },\n})\n\nwatch(\n () => [props.locale, activeI18n.value] as const,\n ([locale, adapter]) => {\n if (!locale \|\| adapter?.locale?.value === locale) return\n void adapter?.syncLocale?.(locale)\n },\n { immediate: true },\n)\n\n// ————— Шкала слоёв. Ставится на `<html>` и живёт в отдельном модуле: владелец\n// шкалы один на документ, а `<script setup>` — это уже область инстанса.\nconst zIndexToken = Symbol('gr-config-z-index')\nlet restoreZIndex: (() => void) \| null = null\n\nwatch(\n () => props.zIndexBase,\n (base) => {\n restoreZIndex?.()\n restoreZIndex = applyGrZIndexBase(zIndexToken, base)\n },\n { immediate: true },\n)\n\nonBeforeUnmount(() => {\n restoreZIndex?.()\n restoreZIndex = null\n})\n\nconst wrapperStyle = { display: 'contents' } as const\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n data-gr-config-provider\n :data-theme=\"theme\"\n :style=\"wrapperStyle\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\n/\n GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n \n Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную);\n * - `theme` — темы поддерева;\n * - `portalTarget` — точки монтирования оверлеев;\n * - `zIndexBase` — базы шкалы слоёв.\n \n Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n \n Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n /\nimport { computed, onBeforeUnmount, provide, watch } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\nimport { applyGrZIndexBase } from './zIndexScale'\nimport {\n GR_CONFIG_KEY,\n useGrConfig,\n type GrComponentDefaults,\n type GrComponentSize,\n type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nexport interface GrConfigProviderProps {\n /* Дефолтный размер контролов для вложенных компонентов. /\n size?: GrComponentSize\n /* Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. /\n componentDefaults?: GrComponentDefaults\n /* Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. /\n i18n?: GranularityI18nAdapter \| null\n /\n Просьба к адаптеру переключить язык (`syncLocale`). Источником истины\n * остаётся сам адаптер — провайдер лишь передаёт ему намерение.\n /\n locale?: string\n /\n Тема поддерева: значение уезжает в `data-theme`. Тема документа —\n * работа `useTheme`/`initThemeEarly`, здесь именно остров.\n /\n theme?: string\n /\n Куда монтировать оверлеи поддерева. По умолчанию — общий `#gr-portal` в\n * `body`. Своё значение нужно там, где приложение живёт в контейнере:\n * микрофронтенд, shadow DOM, CSS-скоупинг под конкретным корнем.\n /\n portalTarget?: string \| HTMLElement\n /\n База шкалы слоёв. Переменные `--gr-z-` пересчитываются от неё и ставятся\n на `<html>`: панели телепортируются в `body`, и переменные поддерева до\n * них не доходят.\n /\n zIndexBase?: number\n /* Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. */\n tag?: string\n}\n\nconst props = withDefaults(\n defineProps<GrConfigProviderProps>(),\n {\n size: undefined,\n componentDefaults: undefined,\n i18n: undefined,\n locale: undefined,\n theme: undefined,\n portalTarget: undefined,\n zIndexBase: undefined,\n tag: 'div',\n },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst theme = computed(() => props.theme ?? parent.theme?.value)\n// Цель портала наследуется вниз: вложенный провайдер без своего значения\n// оставляет оверлеи там же, где их ждёт родительское приложение.\nconst portalTarget = computed(() => props.portalTarget ?? parent.portalTarget?.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n const merged: Record<string, Record<string, unknown>> = { ...inherited }\n for (const [component, componentProps] of Object.entries(own))\n merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults, theme, portalTarget })\n\n// ————— i18n.\n//\n// Адаптер отдаём вниз ВСЕГДА и фасадом, а не значением. Прежнее\n// `if (props.i18n != null) provide(…)` решало судьбу один раз в `setup`:\n// адаптер, созданный асинхронно (обычная загрузка локали), не приезжал уже\n// никогда, а подмена адаптера при смене языка до детей не доходила.\nconst inheritedI18n = resolveGranularityI18n()\nconst activeI18n = computed(() => props.i18n ?? inheritedI18n)\n\nprovide<GranularityI18nAdapter>(GRANULARITY_I18N_KEY, {\n t: (key, params) => activeI18n.value?.t(key, params) ?? key,\n // Геттеры, а не поля: `useGranularityTranslations` спрашивает `if (i18n.te)`,\n // и всегда определённый метод у адаптера без `te` означал бы «перевода нет»\n // для каждого ключа.\n get te() {\n const adapter = activeI18n.value\n return adapter?.te ? (key: string) => adapter.te!(key) : undefined\n },\n get locale() {\n return activeI18n.value?.locale\n },\n get syncLocale() {\n const adapter = activeI18n.value\n return adapter?.syncLocale ? (next: string) => adapter.syncLocale!(next) : undefined\n },\n})\n\nwatch(\n () => [props.locale, activeI18n.value] as const,\n ([locale, adapter]) => {\n if (!locale \|\| adapter?.locale?.value === locale) return\n void adapter?.syncLocale?.(locale)\n },\n { immediate: true },\n)\n\n// ————— Шкала слоёв. Ставится на `<html>` и живёт в отдельном модуле: владелец\n// шкалы один на документ, а `<script setup>` — это уже область инстанса.\nconst zIndexToken = Symbol('gr-config-z-index')\nlet restoreZIndex: (() => void) \| null = null\n\nwatch(\n () => props.zIndexBase,\n (base) => {\n restoreZIndex?.()\n restoreZIndex = applyGrZIndexBase(zIndexToken, base)\n },\n { immediate: true },\n)\n\nonBeforeUnmount(() => {\n restoreZIndex?.()\n restoreZIndex = null\n})\n\nconst wrapperStyle = { display: 'contents' } as const\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n data-gr-config-provider\n :data-theme=\"theme\"\n :style=\"wrapperStyle\"\n >\n <slot />\n </component>\n</template>\n"],"mappings":"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"}
1	+ {"version":3,"file":"GrConfigProvider-BF7R3hgg.js","names":[],"sources":["../../../../src/components/GrConfigProvider/zIndexScale.ts","../../../../src/components/GrConfigProvider/GrConfigProvider.vue","../../../../src/components/GrConfigProvider/GrConfigProvider.vue"],"sourcesContent":["/*\n Шкала слоёв, задаваемая пропом `zIndexBase` у `GrConfigProvider`.\n \n Переменные ставятся на `<html>`, а не на обёртку провайдера: панели\n * телепортируются в `body`, то есть живут вне его DOM-поддерева, и\n * «настройка слоёв поддеревом» была бы ложным обещанием.\n \n Отсюда же следует, что владелец шкалы один на документ: два провайдера с\n * разными базами — это гонка, о которой надо сказать вслух, а не тихо\n * применить последнюю.\n /\n\n/\n Смещения те же, что в `styles/tokens.css`: шаг 50 оставляет приложению место\n * вклиниться между слоями, а тосты стоят выше модалок.\n /\nexport const GR_Z_INDEX_OFFSETS: Record<string, number> = {\n // Шапка ниже якорных панелей: она перекрывает контент, но не выпадашки.\n '--gr-z-navbar': -100,\n '--gr-z-dropdown': 0,\n '--gr-z-tooltip': 50,\n '--gr-z-modal': 100,\n '--gr-z-toast': 200,\n}\n\nlet owner: symbol \| null = null\n\n/\n Ставит шкалу от базы и возвращает функцию отката к прежним значениям.\n * `null` — нечего ставить (нет базы или нет документа).\n /\nexport function applyGrZIndexBase(token: symbol, base: number \| undefined): (() => void) \| null {\n if (typeof document === 'undefined' \|\| base == null) {\n if (owner === token) owner = null\n return null\n }\n\n if (owner && owner !== token && __GR_DEV__) {\n console.warn(\n '[GrConfigProvider] zIndexBase задан больше чем одним провайдером. '\n + 'Шкала слоёв одна на документ (панели телепортируются в body), поэтому применится последняя.',\n )\n }\n owner = token\n\n const root = document.documentElement\n const previous = Object.keys(GR_Z_INDEX_OFFSETS)\n .map(name => [name, root.style.getPropertyValue(name)] as const)\n\n for (const [name, offset] of Object.entries(GR_Z_INDEX_OFFSETS))\n root.style.setProperty(name, String(base + offset))\n\n return () => {\n for (const [name, value] of previous) {\n if (value) root.style.setProperty(name, value)\n else root.style.removeProperty(name)\n }\n if (owner === token) owner = null\n }\n}\n\n/* Тестовая очистка владельца шкалы между кейсами. /\nexport function resetGrZIndexOwner(): void {\n owner = null\n}\n","<script setup lang=\"ts\">\n/\n GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n \n Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную);\n * - `theme` — темы поддерева;\n * - `portalTarget` — точки монтирования оверлеев;\n * - `zIndexBase` — базы шкалы слоёв.\n \n Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n \n Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n /\nimport { computed, onBeforeUnmount, provide, watch } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\nimport { applyGrZIndexBase } from './zIndexScale'\nimport {\n GR_CONFIG_KEY,\n useGrConfig,\n type GrComponentDefaults,\n type GrComponentSize,\n type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nexport interface GrConfigProviderProps {\n /* Дефолтный размер контролов для вложенных компонентов. /\n size?: GrComponentSize\n /* Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. /\n componentDefaults?: GrComponentDefaults\n /* Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. /\n i18n?: GranularityI18nAdapter \| null\n /\n Просьба к адаптеру переключить язык (`syncLocale`). Источником истины\n * остаётся сам адаптер — провайдер лишь передаёт ему намерение.\n /\n locale?: string\n /\n Тема поддерева: значение уезжает в `data-theme`. Тема документа —\n * работа `useTheme`/`initThemeEarly`, здесь именно остров.\n /\n theme?: string\n /\n Куда монтировать оверлеи поддерева. По умолчанию — общий `#gr-portal` в\n * `body`. Своё значение нужно там, где приложение живёт в контейнере:\n * микрофронтенд, shadow DOM, CSS-скоупинг под конкретным корнем.\n /\n portalTarget?: string \| HTMLElement\n /\n База шкалы слоёв. Переменные `--gr-z-` пересчитываются от неё и ставятся\n на `<html>`: панели телепортируются в `body`, и переменные поддерева до\n * них не доходят.\n /\n zIndexBase?: number\n /* Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. /\n tag?: string\n}\n\nconst props = withDefaults(\n defineProps<GrConfigProviderProps>(),\n {\n size: undefined,\n componentDefaults: undefined,\n i18n: undefined,\n locale: undefined,\n theme: undefined,\n portalTarget: undefined,\n zIndexBase: undefined,\n tag: 'div',\n },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst theme = computed(() => props.theme ?? parent.theme?.value)\n// Цель портала наследуется вниз: вложенный провайдер без своего значения\n// оставляет оверлеи там же, где их ждёт родительское приложение.\nconst portalTarget = computed(() => props.portalTarget ?? parent.portalTarget?.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n const merged: Record<string, Record<string, unknown>> = { ...inherited }\n for (const [component, componentProps] of Object.entries(own))\n merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults, theme, portalTarget })\n\n// ————— i18n.\n//\n// Адаптер отдаём вниз ВСЕГДА и фасадом, а не значением. Прежнее\n// `if (props.i18n != null) provide(…)` решало судьбу один раз в `setup`:\n// адаптер, созданный асинхронно (обычная загрузка локали), не приезжал уже\n// никогда, а подмена адаптера при смене языка до детей не доходила.\nconst inheritedI18n = resolveGranularityI18n()\nconst activeI18n = computed(() => props.i18n ?? inheritedI18n)\n\nprovide<GranularityI18nAdapter>(GRANULARITY_I18N_KEY, {\n t: (key, params) => activeI18n.value?.t(key, params) ?? key,\n // Геттеры, а не поля: `useGranularityTranslations` спрашивает `if (i18n.te)`,\n // и всегда определённый метод у адаптера без `te` означал бы «перевода нет»\n // для каждого ключа.\n get te() {\n const adapter = activeI18n.value\n return adapter?.te ? (key: string) => adapter.te!(key) : undefined\n },\n get locale() {\n return activeI18n.value?.locale\n },\n get syncLocale() {\n const adapter = activeI18n.value\n return adapter?.syncLocale ? (next: string) => adapter.syncLocale!(next) : undefined\n },\n})\n\nwatch(\n () => [props.locale, activeI18n.value] as const,\n ([locale, adapter]) => {\n if (!locale \|\| adapter?.locale?.value === locale) return\n void adapter?.syncLocale?.(locale)\n },\n { immediate: true },\n)\n\n// ————— Шкала слоёв. Ставится на `<html>` и живёт в отдельном модуле: владелец\n// шкалы один на документ, а `<script setup>` — это уже область инстанса.\nconst zIndexToken = Symbol('gr-config-z-index')\nlet restoreZIndex: (() => void) \| null = null\n\nwatch(\n () => props.zIndexBase,\n (base) => {\n restoreZIndex?.()\n restoreZIndex = applyGrZIndexBase(zIndexToken, base)\n },\n { immediate: true },\n)\n\nonBeforeUnmount(() => {\n restoreZIndex?.()\n restoreZIndex = null\n})\n\nconst wrapperStyle = { display: 'contents' } as const\n\ndefineSlots<{\n /* Поддерево, которому адресованы настройки. /\n default?: () => any\n}>()\n\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n data-gr-config-provider\n :data-theme=\"theme\"\n :style=\"wrapperStyle\"\n >\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\n/\n GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n \n Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную);\n * - `theme` — темы поддерева;\n * - `portalTarget` — точки монтирования оверлеев;\n * - `zIndexBase` — базы шкалы слоёв.\n \n Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n \n Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n /\nimport { computed, onBeforeUnmount, provide, watch } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\nimport { applyGrZIndexBase } from './zIndexScale'\nimport {\n GR_CONFIG_KEY,\n useGrConfig,\n type GrComponentDefaults,\n type GrComponentSize,\n type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nexport interface GrConfigProviderProps {\n /* Дефолтный размер контролов для вложенных компонентов. /\n size?: GrComponentSize\n /* Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. /\n componentDefaults?: GrComponentDefaults\n /* Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. /\n i18n?: GranularityI18nAdapter \| null\n /\n Просьба к адаптеру переключить язык (`syncLocale`). Источником истины\n * остаётся сам адаптер — провайдер лишь передаёт ему намерение.\n /\n locale?: string\n /\n Тема поддерева: значение уезжает в `data-theme`. Тема документа —\n * работа `useTheme`/`initThemeEarly`, здесь именно остров.\n /\n theme?: string\n /\n Куда монтировать оверлеи поддерева. По умолчанию — общий `#gr-portal` в\n * `body`. Своё значение нужно там, где приложение живёт в контейнере:\n * микрофронтенд, shadow DOM, CSS-скоупинг под конкретным корнем.\n /\n portalTarget?: string \| HTMLElement\n /\n База шкалы слоёв. Переменные `--gr-z-` пересчитываются от неё и ставятся\n на `<html>`: панели телепортируются в `body`, и переменные поддерева до\n * них не доходят.\n /\n zIndexBase?: number\n /* Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. /\n tag?: string\n}\n\nconst props = withDefaults(\n defineProps<GrConfigProviderProps>(),\n {\n size: undefined,\n componentDefaults: undefined,\n i18n: undefined,\n locale: undefined,\n theme: undefined,\n portalTarget: undefined,\n zIndexBase: undefined,\n tag: 'div',\n },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst theme = computed(() => props.theme ?? parent.theme?.value)\n// Цель портала наследуется вниз: вложенный провайдер без своего значения\n// оставляет оверлеи там же, где их ждёт родительское приложение.\nconst portalTarget = computed(() => props.portalTarget ?? parent.portalTarget?.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n const merged: Record<string, Record<string, unknown>> = { ...inherited }\n for (const [component, componentProps] of Object.entries(own))\n merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults, theme, portalTarget })\n\n// ————— i18n.\n//\n// Адаптер отдаём вниз ВСЕГДА и фасадом, а не значением. Прежнее\n// `if (props.i18n != null) provide(…)` решало судьбу один раз в `setup`:\n// адаптер, созданный асинхронно (обычная загрузка локали), не приезжал уже\n// никогда, а подмена адаптера при смене языка до детей не доходила.\nconst inheritedI18n = resolveGranularityI18n()\nconst activeI18n = computed(() => props.i18n ?? inheritedI18n)\n\nprovide<GranularityI18nAdapter>(GRANULARITY_I18N_KEY, {\n t: (key, params) => activeI18n.value?.t(key, params) ?? key,\n // Геттеры, а не поля: `useGranularityTranslations` спрашивает `if (i18n.te)`,\n // и всегда определённый метод у адаптера без `te` означал бы «перевода нет»\n // для каждого ключа.\n get te() {\n const adapter = activeI18n.value\n return adapter?.te ? (key: string) => adapter.te!(key) : undefined\n },\n get locale() {\n return activeI18n.value?.locale\n },\n get syncLocale() {\n const adapter = activeI18n.value\n return adapter?.syncLocale ? (next: string) => adapter.syncLocale!(next) : undefined\n },\n})\n\nwatch(\n () => [props.locale, activeI18n.value] as const,\n ([locale, adapter]) => {\n if (!locale \|\| adapter?.locale?.value === locale) return\n void adapter?.syncLocale?.(locale)\n },\n { immediate: true },\n)\n\n// ————— Шкала слоёв. Ставится на `<html>` и живёт в отдельном модуле: владелец\n// шкалы один на документ, а `<script setup>` — это уже область инстанса.\nconst zIndexToken = Symbol('gr-config-z-index')\nlet restoreZIndex: (() => void) \| null = null\n\nwatch(\n () => props.zIndexBase,\n (base) => {\n restoreZIndex?.()\n restoreZIndex = applyGrZIndexBase(zIndexToken, base)\n },\n { immediate: true },\n)\n\nonBeforeUnmount(() => {\n restoreZIndex?.()\n restoreZIndex = null\n})\n\nconst wrapperStyle = { display: 'contents' } as const\n\ndefineSlots<{\n /* Поддерево, которому адресованы настройки. */\n default?: () => any\n}>()\n\n</script>\n\n<template>\n <component\n :is=\"props.tag\"\n data-gr-config-provider\n :data-theme=\"theme\"\n :style=\"wrapperStyle\"\n >\n <slot />\n </component>\n</template>\n"],"mappings":"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"}

package/dist/components/GrConfirmDialog/chunks/{GrConfirmDialog-CwXNLyzk.js → GrConfirmDialog-B9mIU78E.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCz-Wn-V.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-5Y5K87ss.js";
-import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-BhP-xw2P.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-Bw2AH4uX.js";
+import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-bOUDYfmh.js";
+import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-DudGc9LO.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
 //#region src/components/GrConfirmDialog/GrConfirmDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "grid gap-4" };
 var _hoisted_2 = {
 	key: 0,
-	class: "text-[length:var(--gr-control-text-md)] text-[var(--gr-muted-fg)]"
+	class: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] text-[var(--gr-muted-fg)]"
 };
 var _hoisted_3 = { class: "flex items-center justify-end gap-3" };
 //#endregion

package/dist/components/GrConfirmDialog/chunks/GrConfirmDialog-B9mIU78E.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GrConfirmDialog-B9mIU78E.js","names":[],"sources":["../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue","../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\n/** Какое действие получает фокус при открытии окна. */\nexport type GrConfirmDialogFocusAction = 'confirm' | 'cancel' | 'none'\n\nexport interface GrConfirmDialogProps {\n modelValue: boolean\n title?: string\n description?: string\n closeOnBackdrop?: boolean\n closeOnEsc?: boolean\n showHeader?: boolean\n showCloseButton?: boolean\n size?: GrDialogSize\n headerConfig?: GrDialogSectionConfig\n footerConfig?: GrDialogSectionConfig\n bodyConfig?: GrDialogSectionConfig\n /** A11y-лейбл кнопки закрытия (i18n). */\n closeLabel?: string\n buttonSize?: GrButtonSize\n confirmText?: string\n cancelText?: string\n confirmVariant?: GrButtonVariant\n confirmTone?: GrButtonTone\n /**\n * Структура ошибки ответа сервера для показа в теле диалога\n * (через `GrResponseErrorBanner`). Используется императивным\n * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n */\n error?: ResponseErrorInfo | null\n /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n confirmLoading?: boolean\n /** Принудительно дизейблит кнопку Confirm. */\n confirmDisabled?: boolean\n /**\n * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n * (историческое поведение). `false` — отдаёт управление закрытием наружу\n * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n */\n closeOnConfirm?: boolean\n /**\n * Какое действие получает фокус при открытии. По умолчанию «Отмена»:\n * подтверждение бывает деструктивным, и `Enter` сразу после открытия не\n * должен его запускать. `none` оставляет фокус на панели окна.\n *\n * Имя не `initialFocus` намеренно: у `GrModal`/`GrDrawer` так называется\n * проп с элементом, а здесь выбирается действие.\n */\n focusAction?: GrConfirmDialogFocusAction\n /**\n * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n * подтверждение (`confirmLoading`). Кнопка закрытия и «Отмена» остаются:\n * окно без единого выхода — ловушка.\n */\n persistent?: boolean\n}\n\nexport interface GrConfirmDialogEmits {\n (e: 'update:modelValue', value: boolean): void\n (e: 'confirm'): void\n (e: 'cancel'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n title: undefined,\n description: undefined,\n closeOnBackdrop: true,\n closeOnEsc: true,\n showHeader: true,\n showCloseButton: true,\n // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n // до того, как компонент заглянет в `GrConfigProvider`.\n size: undefined,\n headerConfig: undefined,\n footerConfig: undefined,\n bodyConfig: undefined,\n closeLabel: undefined,\n buttonSize: undefined,\n confirmText: undefined,\n cancelText: undefined,\n confirmVariant: 'primary',\n confirmTone: 'primary',\n error: null,\n confirmLoading: false,\n confirmDisabled: false,\n closeOnConfirm: true,\n focusAction: 'cancel',\n persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrConfirmDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrConfirmDialogEmits>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.confirm.title', 'Confirm'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n get: () => props.modelValue,\n set: (value: boolean) => emit('update:modelValue', value),\n})\n\nconst confirmButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\nconst cancelButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\n\n// Пока подтверждение в полёте, случайное движение не должно оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && props.confirmLoading)\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\n/**\n * Фокус ставит содержимое после отрисовки, а не проп `initialFocus` у\n * `GrModal`: кнопка рождается внутри поддерева диалога, и возврат её же пропом\n * наверх замыкает рендер в цикл (проверено на `GrPromptDialog`).\n *\n * Молчит, когда фокусировать нечего: со своим слотом `#footer` кнопок с\n * рефами в DOM нет, и фокус остаётся на панели — это корректный исход, а не\n * повод падать.\n */\nfunction focusAction(): void {\n if (props.focusAction === 'confirm') confirmButtonRef.value?.focus()\n else if (props.focusAction === 'cancel') cancelButtonRef.value?.focus()\n}\n\n// Источник — не только `modelValue`, но и сами кнопки: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n [() => props.modelValue, cancelButtonRef, confirmButtonRef],\n () => {\n if (!props.modelValue || props.focusAction === 'none') return\n focusAction()\n },\n // `immediate`: окно могут смонтировать уже открытым — смены пропа тогда нет.\n { immediate: true, flush: 'post' },\n)\n\nfunction onCancel(): void {\n emit('cancel')\n emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n emit('confirm')\n if (props.closeOnConfirm)\n emit('update:modelValue', false)\n}\n\ndefineSlots<{\n /** Содержимое диалога вместо пропа `message`. */\n default?: () => any\n /** Разбор ошибки вместо встроенного баннера. */\n error?: (props: { error: ResponseErrorInfo | null }) => any\n /** Кнопки диалога вместо пары «отмена и подтверждение». */\n footer?: () => any\n}>()\n\n</script>\n\n<template>\n <GrDialog\n v-model=\"open\"\n :title=\"resolvedTitle\"\n :size=\"resolvedSize\"\n :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n :close-on-esc=\"resolvedCloseOnEsc\"\n :show-header=\"showHeader\"\n :show-close-button=\"showCloseButton\"\n :header-config=\"headerConfig\"\n :footer-config=\"footerConfig\"\n :body-config=\"bodyConfig\"\n :close-label=\"resolvedCloseLabel\"\n >\n <div class=\"grid gap-4\">\n <slot>\n <div v-if=\"description\" class=\"text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] text-[var(--gr-muted-fg)]\">\n {{ description }}\n </div>\n </slot>\n\n <slot name=\"error\" :error=\"error\">\n <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n </slot>\n </div>\n\n <template #footer>\n <slot name=\"footer\">\n <div class=\"flex items-center justify-end gap-3\">\n <GrButton ref=\"cancelButtonRef\" data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n {{ resolvedCancelText }}\n </GrButton>\n <GrButton\n ref=\"confirmButtonRef\"\n data-testid=\"gr-confirm-confirm\"\n :variant=\"confirmVariant\"\n :tone=\"confirmTone\"\n :size=\"buttonSize\"\n :loading=\"confirmLoading\"\n :disabled=\"confirmDisabled\"\n @click=\"onConfirm\"\n >\n {{ resolvedConfirmText }}\n </GrButton>\n </div>\n </slot>\n </template>\n </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\n/** Какое действие получает фокус при открытии окна. */\nexport type GrConfirmDialogFocusAction = 'confirm' | 'cancel' | 'none'\n\nexport interface GrConfirmDialogProps {\n modelValue: boolean\n title?: string\n description?: string\n closeOnBackdrop?: boolean\n closeOnEsc?: boolean\n showHeader?: boolean\n showCloseButton?: boolean\n size?: GrDialogSize\n headerConfig?: GrDialogSectionConfig\n footerConfig?: GrDialogSectionConfig\n bodyConfig?: GrDialogSectionConfig\n /** A11y-лейбл кнопки закрытия (i18n). */\n closeLabel?: string\n buttonSize?: GrButtonSize\n confirmText?: string\n cancelText?: string\n confirmVariant?: GrButtonVariant\n confirmTone?: GrButtonTone\n /**\n * Структура ошибки ответа сервера для показа в теле диалога\n * (через `GrResponseErrorBanner`). Используется императивным\n * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n */\n error?: ResponseErrorInfo | null\n /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n confirmLoading?: boolean\n /** Принудительно дизейблит кнопку Confirm. */\n confirmDisabled?: boolean\n /**\n * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n * (историческое поведение). `false` — отдаёт управление закрытием наружу\n * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n */\n closeOnConfirm?: boolean\n /**\n * Какое действие получает фокус при открытии. По умолчанию «Отмена»:\n * подтверждение бывает деструктивным, и `Enter` сразу после открытия не\n * должен его запускать. `none` оставляет фокус на панели окна.\n *\n * Имя не `initialFocus` намеренно: у `GrModal`/`GrDrawer` так называется\n * проп с элементом, а здесь выбирается действие.\n */\n focusAction?: GrConfirmDialogFocusAction\n /**\n * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n * подтверждение (`confirmLoading`). Кнопка закрытия и «Отмена» остаются:\n * окно без единого выхода — ловушка.\n */\n persistent?: boolean\n}\n\nexport interface GrConfirmDialogEmits {\n (e: 'update:modelValue', value: boolean): void\n (e: 'confirm'): void\n (e: 'cancel'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n title: undefined,\n description: undefined,\n closeOnBackdrop: true,\n closeOnEsc: true,\n showHeader: true,\n showCloseButton: true,\n // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n // до того, как компонент заглянет в `GrConfigProvider`.\n size: undefined,\n headerConfig: undefined,\n footerConfig: undefined,\n bodyConfig: undefined,\n closeLabel: undefined,\n buttonSize: undefined,\n confirmText: undefined,\n cancelText: undefined,\n confirmVariant: 'primary',\n confirmTone: 'primary',\n error: null,\n confirmLoading: false,\n confirmDisabled: false,\n closeOnConfirm: true,\n focusAction: 'cancel',\n persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrConfirmDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrConfirmDialogEmits>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.confirm.title', 'Confirm'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n get: () => props.modelValue,\n set: (value: boolean) => emit('update:modelValue', value),\n})\n\nconst confirmButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\nconst cancelButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\n\n// Пока подтверждение в полёте, случайное движение не должно оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && props.confirmLoading)\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\n/**\n * Фокус ставит содержимое после отрисовки, а не проп `initialFocus` у\n * `GrModal`: кнопка рождается внутри поддерева диалога, и возврат её же пропом\n * наверх замыкает рендер в цикл (проверено на `GrPromptDialog`).\n *\n * Молчит, когда фокусировать нечего: со своим слотом `#footer` кнопок с\n * рефами в DOM нет, и фокус остаётся на панели — это корректный исход, а не\n * повод падать.\n */\nfunction focusAction(): void {\n if (props.focusAction === 'confirm') confirmButtonRef.value?.focus()\n else if (props.focusAction === 'cancel') cancelButtonRef.value?.focus()\n}\n\n// Источник — не только `modelValue`, но и сами кнопки: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n [() => props.modelValue, cancelButtonRef, confirmButtonRef],\n () => {\n if (!props.modelValue || props.focusAction === 'none') return\n focusAction()\n },\n // `immediate`: окно могут смонтировать уже открытым — смены пропа тогда нет.\n { immediate: true, flush: 'post' },\n)\n\nfunction onCancel(): void {\n emit('cancel')\n emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n emit('confirm')\n if (props.closeOnConfirm)\n emit('update:modelValue', false)\n}\n\ndefineSlots<{\n /** Содержимое диалога вместо пропа `message`. */\n default?: () => any\n /** Разбор ошибки вместо встроенного баннера. */\n error?: (props: { error: ResponseErrorInfo | null }) => any\n /** Кнопки диалога вместо пары «отмена и подтверждение». */\n footer?: () => any\n}>()\n\n</script>\n\n<template>\n <GrDialog\n v-model=\"open\"\n :title=\"resolvedTitle\"\n :size=\"resolvedSize\"\n :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n :close-on-esc=\"resolvedCloseOnEsc\"\n :show-header=\"showHeader\"\n :show-close-button=\"showCloseButton\"\n :header-config=\"headerConfig\"\n :footer-config=\"footerConfig\"\n :body-config=\"bodyConfig\"\n :close-label=\"resolvedCloseLabel\"\n >\n <div class=\"grid gap-4\">\n <slot>\n <div v-if=\"description\" class=\"text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] text-[var(--gr-muted-fg)]\">\n {{ description }}\n </div>\n </slot>\n\n <slot name=\"error\" :error=\"error\">\n <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n </slot>\n </div>\n\n <template #footer>\n <slot name=\"footer\">\n <div class=\"flex items-center justify-end gap-3\">\n <GrButton ref=\"cancelButtonRef\" data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n {{ resolvedCancelText }}\n </GrButton>\n <GrButton\n ref=\"confirmButtonRef\"\n data-testid=\"gr-confirm-confirm\"\n :variant=\"confirmVariant\"\n :tone=\"confirmTone\"\n :size=\"buttonSize\"\n :loading=\"confirmLoading\"\n :disabled=\"confirmDisabled\"\n @click=\"onConfirm\"\n >\n {{ resolvedConfirmText }}\n </GrButton>\n </div>\n </slot>\n </template>\n </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFA,MAAM,QAAQ;EA4Bd,MAAM,eAAe,mBAAmB,mBAAmB,cAAc,MAAM,MAAM,IAAI;EAEzF,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,2BAA2B;EACzC,MAAM,gBAAgB,eAAe,MAAM,SAAS,EAAE,2BAA2B,SAAS,CAAC;EAC3F,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,mBAAmB,OAAO,CAAC;EAC3F,MAAM,sBAAsB,eAAe,MAAM,eAAe,EAAE,qBAAqB,SAAS,CAAC;EACjG,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,oBAAoB,QAAQ,CAAC;EAE7F,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,UAAmB,KAAK,qBAAqB,KAAK;EAC1D,CAAC;EAED,MAAM,mBAAmB,IAA0C,IAAI;EACvE,MAAM,kBAAkB,IAA0C,IAAI;EAGtE,MAAM,mBAAmB,eAAe,MAAM,cAAc,MAAM,cAAc;EAChF,MAAM,0BAA0B,eAAgB,iBAAiB,QAAQ,QAAQ,MAAM,eAAgB;EACvG,MAAM,qBAAqB,eAAgB,iBAAiB,QAAQ,QAAQ,MAAM,UAAW;;;;;;;;;;EAW7F,SAAS,cAAoB;GAC3B,IAAI,MAAM,gBAAgB,WAAW,iBAAiB,OAAO,MAAM;QAC9D,IAAI,MAAM,gBAAgB,UAAU,gBAAgB,OAAO,MAAM;EACxE;EAKA,MACE;SAAO,MAAM;GAAY;GAAiB;EAAgB,SACpD;GACJ,IAAI,CAAC,MAAM,cAAc,MAAM,gBAAgB,QAAQ;GACvD,YAAY;EACd,GAEA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC;EAEA,SAAS,WAAiB;GACxB,KAAK,QAAQ;GACb,KAAK,qBAAqB,KAAK;EACjC;EAEA,SAAS,YAAkB;GACzB,KAAK,SAAS;GACd,IAAI,MAAM,gBACR,KAAK,qBAAqB,KAAK;EACnC;;uBAcE,YA8CW,kBAAA;gBA7CA,KAAA;sEAAI,QAAA;IACZ,OAAO,cAAA;IACP,MAAM,MAAA,YAAA;IACN,qBAAmB,wBAAA;IACnB,gBAAc,mBAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,mBAAA;;IAcH,QAAM,cAmBR,CAlBP,WAkBO,KAAA,QAAA,UAAA,CAAA,SAAA,CAjBL,mBAgBM,OAhBN,YAgBM,CAfJ,YAEW,kBAAA;cAFG;KAAJ,KAAI;KAAkB,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACnF,CAAA,gBAAA,gBAArB,mBAAA,KAAkB,GAAA,CAAA,CAAA,CAAA;;qBAEvB,YAWW,kBAAA;cAVL;KAAJ,KAAI;KACJ,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,SAAS,QAAA;KACT,UAAU,QAAA;KACV,SAAO;;4BAEiB,CAAA,gBAAA,gBAAtB,oBAAA,KAAmB,GAAA,CAAA,CAAA,CAAA;;;;;;;;;2BAlBxB,CAVN,mBAUM,OAVN,YAUM,CATJ,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA,CAHM,QAAA,eAAA,UAAA,GAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,GAIlB,WAEO,KAAA,QAAA,SAAA,EAFa,OAAO,QAAA,MAAK,SAEzB,CADwB,QAAA,SAAA,UAAA,GAA7B,YAA0E,+BAAA;;KAArC,OAAO,QAAA;KAAQ,eAAa"}

package/dist/components/GrConfirmDialog/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-CwXNLyzk.js";
+import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-B9mIU78E.js";
 import { t as grConfirmDialogConfig } from "../../chunks/config-A-bBiotF.js";
 export { GrConfirmDialog_default as GrConfirmDialog, GrConfirmDialog_default as default, grConfirmDialogConfig };

package/dist/components/GrContextMenu/chunks/{GrContextMenu-BbAJholy.js → GrContextMenu-DDAUvrDK.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { i as isEditableTarget } from "../../../chunks/keyboard-DE2yhz_b.js";
 import { t as useControlledOpen } from "../../../chunks/useControlledOpen-DV3SqLTP.js";
-import { t as GrPopover_default } from "../../GrPopover/chunks/GrPopover-DDChM1jD.js";
-import { t as useMenuItemsFocus } from "../../../chunks/useMenuItemsFocus-OyOnIAlr.js";
-import { i as isMenuSection, n as GrDropdownMenuEntries_default, r as isMenuAction, t as GrDropdownMenuList_default } from "../../GrDropdownMenu/chunks/GrDropdownMenuList-BGA_xNVo.js";
+import { t as GrPopover_default } from "../../GrPopover/chunks/GrPopover-CofG-Tfe.js";
+import { t as useMenuItemsFocus } from "../../../chunks/useMenuItemsFocus-B6TldmGf.js";
+import { i as isMenuSection, n as GrDropdownMenuEntries_default, r as isMenuAction, t as GrDropdownMenuList_default } from "../../GrDropdownMenu/chunks/GrDropdownMenuList-CT_1TQJo.js";
 import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, unref, useSlots, watch, withCtx } from "vue";
 //#region src/components/GrContextMenu/contextMenuAnchor.ts
 /** Точка курсора — якорь нулевого размера. */

package/dist/components/GrContextMenu/chunks/GrContextMenu-DDAUvrDK.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GrContextMenu-DDAUvrDK.js","names":[],"sources":["../../../../src/components/GrContextMenu/contextMenuAnchor.ts","../../../../src/components/GrContextMenu/GrContextMenu.vue","../../../../src/components/GrContextMenu/GrContextMenu.vue"],"sourcesContent":["import type { GrFloatingAnchorRect } from '../../composables/useFloating'\n\n/** Точка курсора — якорь нулевого размера. */\nexport function anchorFromPointer(event: MouseEvent): GrFloatingAnchorRect {\n return { x: event.clientX, y: event.clientY }\n}\n\n/**\n * Прямоугольник элемента — якорь клавиатурного вызова.\n *\n * Не угол и не точка: меню, вызванное с клавиатуры, принадлежит **строке**, и\n * при нехватке места снизу обязано перевернуться относительно неё целиком.\n */\nexport function anchorFromElement(element: Element): GrFloatingAnchorRect {\n const rect = element.getBoundingClientRect()\n\n return { x: rect.left, y: rect.top, width: rect.width, height: rect.height }\n}\n\n/**\n * `contextmenu` пришёл с клавиатуры, а не от мыши.\n *\n * Браузеры порождают это событие и для `Shift+F10`, но координаты в нём\n * бесполезны: то угол элемента, то нули. Признаков два сразу, потому что по\n * отдельности каждый ошибается — правый клик всегда `button === 2`, а\n * клавиатурный вызов всегда без «числа кликов».\n */\nexport function isKeyboardContextMenu(event: MouseEvent): boolean {\n return event.button !== 2 && event.detail === 0\n}\n\n/**\n * Пользователь просит нативное меню браузера.\n *\n * `Shift`+правый клик — де-факто escape-hatch, в Firefox задокументированный.\n * `ctrlKey` сюда не входит намеренно: на macOS Ctrl+клик **и есть** правый\n * клик, и меню перестало бы открываться у части пользователей.\n */\nexport function wantsNativeMenu(event: MouseEvent): boolean {\n return event.shiftKey\n}\n\n/** Клавиатурный запрос контекстного меню: `Shift+F10` или клавиша `ContextMenu`. */\nexport function isContextMenuKey(event: KeyboardEvent): boolean {\n return event.key === 'ContextMenu' || (event.key === 'F10' && event.shiftKey)\n}\n","<script setup lang=\"ts\">\n/**\n * GrContextMenu — меню по правому клику.\n *\n * Отличие от `GrDropdownMenu` не в содержимом, а в том, откуда меню растёт: у\n * дропдауна есть триггер-элемент, здесь — точка курсора, которой в DOM нет.\n * Поэтому слой берётся у `GrPopover` в якорном режиме, а не собирается заново.\n *\n * A11y: панель — `role=\"menu\"` с доступным именем, пункты приезжают из\n * `GrDropdownMenu` вместе со своими ролями. Меню, открываемое только правым\n * кликом, недоступно с клавиатуры, поэтому обёртка ловит `Shift+F10` и клавишу\n * `ContextMenu` — это условие приёмки, а не удобство.\n */\nimport { computed, nextTick, onBeforeUnmount, ref, useSlots, watch } from 'vue'\n\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { isEditableTarget } from '../../internal/keyboard'\nimport GrDropdownMenuEntries from '../GrDropdownMenu/GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from '../GrDropdownMenu/GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } from '../GrDropdownMenu/menuModel'\nimport { isMenuAction, isMenuSection } from '../GrDropdownMenu/menuModel'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport type { GrFloatingAnchorRect, UseFloatingPlacement } from '../../composables/useFloating'\n\nimport {\n anchorFromElement,\n anchorFromPointer,\n isContextMenuKey,\n isKeyboardContextMenu,\n wantsNativeMenu,\n} from './contextMenuAnchor'\n\n/** Чем открывается меню. `manual` — только императивно, из кода потребителя. */\nexport type GrContextMenuTrigger = 'contextmenu' | 'manual'\n\n/** Откуда пришло открытие: указатель, клавиатура или вызов из кода. */\nexport type GrContextMenuSource = 'pointer' | 'keyboard' | 'api'\n\nexport interface GrContextMenuOpenContext {\n source: GrContextMenuSource\n /** По чему кликнули или что было в фокусе — отсюда потребитель берёт строку. */\n target: HTMLElement | null\n anchor: GrFloatingAnchorRect\n event: MouseEvent | KeyboardEvent | null\n}\n\nexport interface GrContextMenuProps {\n /** Декларативное меню. Слот `#content` сильнее. */\n items?: GrDropdownMenuEntry[]\n /** Открыто ли меню. Без пропа компонент ведёт состояние сам. */\n open?: boolean\n trigger?: GrContextMenuTrigger\n disabled?: boolean\n placement?: UseFloatingPlacement\n /** Зазор от якоря. Ноль по умолчанию: меню липнет к курсору. */\n offsetPx?: number\n /** Меню из коротких слов не должно быть шириной в слово. */\n minWidth?: number | string\n ariaLabel?: string\n labelledBy?: string\n teleportTo?: string | HTMLElement\n contentClass?: string\n listClass?: string\n dividers?: boolean\n /**\n * Закрывать при прокрутке страницы. Якорь — точка вьюпорта, и панель осталась\n * бы висеть на экране, пока контент под ней уезжает. Так же ведут себя\n * нативные меню.\n */\n closeOnScroll?: boolean\n /** Пропускать `Shift`+правый клик к браузеру. */\n allowNativeMenu?: boolean\n}\n\nexport interface GrContextMenuEmits {\n (e: 'update:open', value: boolean): void\n /**\n * Меню собирается открыться у этой цели. Приходит **до** открытия, чтобы\n * потребитель успел пересобрать `items` под неё: пункты для папки и для файла\n * разные, а узнать цель иначе неоткуда. Пустая модель после этого просто не\n * откроется — отдельный способ отменить открытие не нужен.\n */\n (e: 'beforeOpen', context: GrContextMenuOpenContext): void\n (e: 'select', item: GrDropdownMenuAction): void\n}\n\nconst props = withDefaults(defineProps<GrContextMenuProps>(), {\n items: undefined,\n open: undefined,\n trigger: 'contextmenu',\n disabled: false,\n placement: 'bottom-start',\n offsetPx: 0,\n minWidth: '11rem',\n ariaLabel: undefined,\n labelledBy: undefined,\n teleportTo: undefined,\n contentClass: undefined,\n listClass: undefined,\n dividers: false,\n closeOnScroll: true,\n allowNativeMenu: true,\n})\n\nconst emit = defineEmits<GrContextMenuEmits>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst { open: isOpen, setOpen } = useControlledOpen(\n () => props.open,\n next => emit('update:open', next),\n)\n\nconst areaEl = ref<HTMLElement | null>(null)\nconst listRef = ref<{ $el?: HTMLElement } | null>(null)\nconst anchor = ref<GrFloatingAnchorRect | null>(null)\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.contextMenu.label', 'Context menu'))\n\nconst listStyle = computed(() => ({\n minWidth: typeof props.minWidth === 'number' ? `${props.minWidth}px` : props.minWidth,\n}))\n\n/**\n * Меню без единого действия не открывается: фокусировать в нём нечего, и оно\n * становится ловушкой, из которой есть только Esc.\n */\nconst isEmpty = computed(() => {\n if (slots.content)\n return false\n\n return (props.items ?? []).every(entry => !isMenuAction(entry)\n && (!isMenuSection(entry) || entry.items.length === 0))\n})\n\nconst menu = useMenuItemsFocus({\n container: () => listRef.value?.$el ?? null,\n close: () => close(),\n})\n\nfunction panelOf(): HTMLElement | null {\n return listRef.value?.$el?.closest('[data-gr-popover-panel]') ?? null\n}\n\nfunction isInsidePanel(target: EventTarget | null): boolean {\n return target instanceof Node && (panelOf()?.contains(target) ?? false)\n}\n\nasync function openWith(context: GrContextMenuOpenContext): Promise<void> {\n if (props.disabled)\n return\n\n anchor.value = context.anchor\n emit('beforeOpen', context)\n\n // Тик между уведомлением и открытием — не перестраховка: `items` доезжают сюда\n // пропом, то есть следующим рендером родителя. Без ожидания меню под узел\n // дерева открылось бы с пунктами от предыдущей цели.\n await nextTick()\n\n if (isEmpty.value)\n return\n\n setOpen(true)\n\n await nextTick()\n menu.focusAt(0)\n}\n\n/** Открыть у точки курсора или у произвольного прямоугольника вьюпорта. */\nfunction openAt(at: MouseEvent | GrFloatingAnchorRect): void {\n const fromPointer = at instanceof MouseEvent\n\n void openWith({\n source: fromPointer ? 'pointer' : 'api',\n target: fromPointer ? (at.target as HTMLElement | null) : null,\n anchor: fromPointer ? anchorFromPointer(at) : at,\n event: fromPointer ? at : null,\n })\n}\n\n/** Открыть у прямоугольника элемента — клавиатурный путь для внешних композитов. */\nfunction openAtElement(element: Element): void {\n void openWith({\n source: 'api',\n target: element instanceof HTMLElement ? element : null,\n anchor: anchorFromElement(element),\n event: null,\n })\n}\n\nfunction open(): void {\n if (anchor.value)\n void openWith({ source: 'api', target: null, anchor: anchor.value, event: null })\n else if (areaEl.value)\n openAtElement(areaEl.value)\n}\n\nfunction close(): void {\n setOpen(false)\n menu.reset()\n}\n\nfunction toggle(): void {\n isOpen.value ? close() : open()\n}\n\nfunction onSelect(item: GrDropdownMenuAction): void {\n emit('select', item)\n}\n\nfunction onAreaContextMenu(event: MouseEvent): void {\n if (props.trigger !== 'contextmenu' || props.disabled)\n return\n\n if (props.allowNativeMenu && wantsNativeMenu(event))\n return\n\n event.preventDefault()\n // Вложенные области: побеждает ближайшая к цели, как в нативных приложениях.\n event.stopPropagation()\n\n if (isKeyboardContextMenu(event)) {\n const target = (document.activeElement as HTMLElement | null) ?? areaEl.value\n if (target) openAtElement(target)\n return\n }\n\n openAt(event)\n}\n\n/**\n * `trigger` здесь намеренно не проверяется: `manual` отключает открытие\n * указателем, а клавиатурный путь оставить обязан — иначе меню недоступно с\n * клавиатуры в принципе, и потребителю пришлось бы писать этот обработчик\n * заново на каждой странице.\n */\nfunction onAreaKeydown(event: KeyboardEvent): void {\n if (props.disabled)\n return\n\n if (!isContextMenuKey(event))\n return\n\n // В поле ввода нативное меню (орфография, буфер) полезнее нашего.\n if (isEditableTarget(event.target))\n return\n\n // Отмена keydown гасит `contextmenu`, который браузер породил бы следом:\n // без неё меню открылось бы дважды и второй раз — по координатам, а не по\n // прямоугольнику строки.\n event.preventDefault()\n\n const target = (document.activeElement as HTMLElement | null) ?? areaEl.value\n if (!target)\n return\n\n void openWith({\n source: 'keyboard',\n target,\n anchor: anchorFromElement(target),\n event,\n })\n}\n\n/**\n * Правый клик мимо меню его не закрывает: `v-click-outside` отбрасывает всё,\n * что не левая кнопка, а `contextmenu` вообще не порождает `click`. Ослаблять\n * директиву нельзя — гард бережёт дропдауны, — поэтому слушаем сами.\n */\nfunction onDocumentContextMenu(event: MouseEvent): void {\n if (isInsidePanel(event.target)) {\n event.preventDefault()\n return\n }\n\n // Внутри своей области меню не закрываем: обработчик области перенесёт его к\n // новой точке, а закрытие с последующим открытием мигало бы панелью.\n if (event.target instanceof Node && areaEl.value?.contains(event.target))\n return\n\n close()\n}\n\nfunction onDocumentScroll(event: Event): void {\n if (isInsidePanel(event.target))\n return\n\n close()\n}\n\nlet scrollFrame: number | undefined\n\nfunction stopListening(): void {\n if (scrollFrame !== undefined) {\n cancelAnimationFrame(scrollFrame)\n scrollFrame = undefined\n }\n\n window.removeEventListener('contextmenu', onDocumentContextMenu, true)\n window.removeEventListener('scroll', onDocumentScroll, true)\n}\n\nwatch(isOpen, (next) => {\n if (typeof window === 'undefined')\n return\n\n if (!next) {\n stopListening()\n return\n }\n\n window.addEventListener('contextmenu', onDocumentContextMenu, true)\n\n // Слушатель прокрутки — со следующего кадра: само открытие прокручивает\n // страницу (браузер подтягивает в вид то, по чему кликнули и что получило\n // фокус), и меню закрывало бы само себя ровно в момент появления.\n if (props.closeOnScroll) {\n scrollFrame = requestAnimationFrame(() => {\n scrollFrame = undefined\n window.addEventListener('scroll', onDocumentScroll, { capture: true, passive: true })\n })\n }\n})\n\nonBeforeUnmount(() => {\n if (typeof window === 'undefined')\n return\n\n stopListening()\n})\n\ndefineExpose({ openAt, openAtElement, open, close, toggle })\n\ndefineSlots<{\n /** Область, по которой вызывается меню. */\n default?: (props: { open: boolean }) => any\n /** Содержимое меню. */\n content?: (props: { close: () => void }) => any\n}>()\n\n</script>\n\n<template>\n <div data-gr-context-menu>\n <div\n v-if=\"slots.default\"\n ref=\"areaEl\"\n data-gr-context-menu-area\n @contextmenu=\"onAreaContextMenu\"\n @keydown=\"onAreaKeydown\"\n >\n <slot :open=\"isOpen\" />\n </div>\n\n <GrPopover\n :open=\"isOpen\"\n :anchor=\"anchor\"\n :placement=\"placement\"\n :offset-px=\"offsetPx\"\n :teleport-to=\"teleportTo\"\n :content-class=\"contentClass\"\n :aria-label=\"labelledBy ? undefined : resolvedAriaLabel\"\n :labelled-by=\"labelledBy\"\n role=\"menu\"\n trigger=\"manual\"\n padding=\"none\"\n close-on-content-click\n :auto-focus=\"false\"\n @update:open=\"setOpen($event)\"\n >\n <template #content=\"{ close: closePanel }\">\n <GrDropdownMenuList\n ref=\"listRef\"\n class=\"p-1\"\n :style=\"listStyle\"\n :dividers=\"dividers\"\n :class=\"listClass\"\n @keydown=\"menu.onKeydown\"\n >\n <slot name=\"content\" :close=\"closePanel\">\n <GrDropdownMenuEntries :items=\"items\" @select=\"onSelect\" />\n </slot>\n </GrDropdownMenuList>\n </template>\n </GrPopover>\n </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrContextMenu — меню по правому клику.\n *\n * Отличие от `GrDropdownMenu` не в содержимом, а в том, откуда меню растёт: у\n * дропдауна есть триггер-элемент, здесь — точка курсора, которой в DOM нет.\n * Поэтому слой берётся у `GrPopover` в якорном режиме, а не собирается заново.\n *\n * A11y: панель — `role=\"menu\"` с доступным именем, пункты приезжают из\n * `GrDropdownMenu` вместе со своими ролями. Меню, открываемое только правым\n * кликом, недоступно с клавиатуры, поэтому обёртка ловит `Shift+F10` и клавишу\n * `ContextMenu` — это условие приёмки, а не удобство.\n */\nimport { computed, nextTick, onBeforeUnmount, ref, useSlots, watch } from 'vue'\n\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { isEditableTarget } from '../../internal/keyboard'\nimport GrDropdownMenuEntries from '../GrDropdownMenu/GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from '../GrDropdownMenu/GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } from '../GrDropdownMenu/menuModel'\nimport { isMenuAction, isMenuSection } from '../GrDropdownMenu/menuModel'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport type { GrFloatingAnchorRect, UseFloatingPlacement } from '../../composables/useFloating'\n\nimport {\n anchorFromElement,\n anchorFromPointer,\n isContextMenuKey,\n isKeyboardContextMenu,\n wantsNativeMenu,\n} from './contextMenuAnchor'\n\n/** Чем открывается меню. `manual` — только императивно, из кода потребителя. */\nexport type GrContextMenuTrigger = 'contextmenu' | 'manual'\n\n/** Откуда пришло открытие: указатель, клавиатура или вызов из кода. */\nexport type GrContextMenuSource = 'pointer' | 'keyboard' | 'api'\n\nexport interface GrContextMenuOpenContext {\n source: GrContextMenuSource\n /** По чему кликнули или что было в фокусе — отсюда потребитель берёт строку. */\n target: HTMLElement | null\n anchor: GrFloatingAnchorRect\n event: MouseEvent | KeyboardEvent | null\n}\n\nexport interface GrContextMenuProps {\n /** Декларативное меню. Слот `#content` сильнее. */\n items?: GrDropdownMenuEntry[]\n /** Открыто ли меню. Без пропа компонент ведёт состояние сам. */\n open?: boolean\n trigger?: GrContextMenuTrigger\n disabled?: boolean\n placement?: UseFloatingPlacement\n /** Зазор от якоря. Ноль по умолчанию: меню липнет к курсору. */\n offsetPx?: number\n /** Меню из коротких слов не должно быть шириной в слово. */\n minWidth?: number | string\n ariaLabel?: string\n labelledBy?: string\n teleportTo?: string | HTMLElement\n contentClass?: string\n listClass?: string\n dividers?: boolean\n /**\n * Закрывать при прокрутке страницы. Якорь — точка вьюпорта, и панель осталась\n * бы висеть на экране, пока контент под ней уезжает. Так же ведут себя\n * нативные меню.\n */\n closeOnScroll?: boolean\n /** Пропускать `Shift`+правый клик к браузеру. */\n allowNativeMenu?: boolean\n}\n\nexport interface GrContextMenuEmits {\n (e: 'update:open', value: boolean): void\n /**\n * Меню собирается открыться у этой цели. Приходит **до** открытия, чтобы\n * потребитель успел пересобрать `items` под неё: пункты для папки и для файла\n * разные, а узнать цель иначе неоткуда. Пустая модель после этого просто не\n * откроется — отдельный способ отменить открытие не нужен.\n */\n (e: 'beforeOpen', context: GrContextMenuOpenContext): void\n (e: 'select', item: GrDropdownMenuAction): void\n}\n\nconst props = withDefaults(defineProps<GrContextMenuProps>(), {\n items: undefined,\n open: undefined,\n trigger: 'contextmenu',\n disabled: false,\n placement: 'bottom-start',\n offsetPx: 0,\n minWidth: '11rem',\n ariaLabel: undefined,\n labelledBy: undefined,\n teleportTo: undefined,\n contentClass: undefined,\n listClass: undefined,\n dividers: false,\n closeOnScroll: true,\n allowNativeMenu: true,\n})\n\nconst emit = defineEmits<GrContextMenuEmits>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst { open: isOpen, setOpen } = useControlledOpen(\n () => props.open,\n next => emit('update:open', next),\n)\n\nconst areaEl = ref<HTMLElement | null>(null)\nconst listRef = ref<{ $el?: HTMLElement } | null>(null)\nconst anchor = ref<GrFloatingAnchorRect | null>(null)\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.contextMenu.label', 'Context menu'))\n\nconst listStyle = computed(() => ({\n minWidth: typeof props.minWidth === 'number' ? `${props.minWidth}px` : props.minWidth,\n}))\n\n/**\n * Меню без единого действия не открывается: фокусировать в нём нечего, и оно\n * становится ловушкой, из которой есть только Esc.\n */\nconst isEmpty = computed(() => {\n if (slots.content)\n return false\n\n return (props.items ?? []).every(entry => !isMenuAction(entry)\n && (!isMenuSection(entry) || entry.items.length === 0))\n})\n\nconst menu = useMenuItemsFocus({\n container: () => listRef.value?.$el ?? null,\n close: () => close(),\n})\n\nfunction panelOf(): HTMLElement | null {\n return listRef.value?.$el?.closest('[data-gr-popover-panel]') ?? null\n}\n\nfunction isInsidePanel(target: EventTarget | null): boolean {\n return target instanceof Node && (panelOf()?.contains(target) ?? false)\n}\n\nasync function openWith(context: GrContextMenuOpenContext): Promise<void> {\n if (props.disabled)\n return\n\n anchor.value = context.anchor\n emit('beforeOpen', context)\n\n // Тик между уведомлением и открытием — не перестраховка: `items` доезжают сюда\n // пропом, то есть следующим рендером родителя. Без ожидания меню под узел\n // дерева открылось бы с пунктами от предыдущей цели.\n await nextTick()\n\n if (isEmpty.value)\n return\n\n setOpen(true)\n\n await nextTick()\n menu.focusAt(0)\n}\n\n/** Открыть у точки курсора или у произвольного прямоугольника вьюпорта. */\nfunction openAt(at: MouseEvent | GrFloatingAnchorRect): void {\n const fromPointer = at instanceof MouseEvent\n\n void openWith({\n source: fromPointer ? 'pointer' : 'api',\n target: fromPointer ? (at.target as HTMLElement | null) : null,\n anchor: fromPointer ? anchorFromPointer(at) : at,\n event: fromPointer ? at : null,\n })\n}\n\n/** Открыть у прямоугольника элемента — клавиатурный путь для внешних композитов. */\nfunction openAtElement(element: Element): void {\n void openWith({\n source: 'api',\n target: element instanceof HTMLElement ? element : null,\n anchor: anchorFromElement(element),\n event: null,\n })\n}\n\nfunction open(): void {\n if (anchor.value)\n void openWith({ source: 'api', target: null, anchor: anchor.value, event: null })\n else if (areaEl.value)\n openAtElement(areaEl.value)\n}\n\nfunction close(): void {\n setOpen(false)\n menu.reset()\n}\n\nfunction toggle(): void {\n isOpen.value ? close() : open()\n}\n\nfunction onSelect(item: GrDropdownMenuAction): void {\n emit('select', item)\n}\n\nfunction onAreaContextMenu(event: MouseEvent): void {\n if (props.trigger !== 'contextmenu' || props.disabled)\n return\n\n if (props.allowNativeMenu && wantsNativeMenu(event))\n return\n\n event.preventDefault()\n // Вложенные области: побеждает ближайшая к цели, как в нативных приложениях.\n event.stopPropagation()\n\n if (isKeyboardContextMenu(event)) {\n const target = (document.activeElement as HTMLElement | null) ?? areaEl.value\n if (target) openAtElement(target)\n return\n }\n\n openAt(event)\n}\n\n/**\n * `trigger` здесь намеренно не проверяется: `manual` отключает открытие\n * указателем, а клавиатурный путь оставить обязан — иначе меню недоступно с\n * клавиатуры в принципе, и потребителю пришлось бы писать этот обработчик\n * заново на каждой странице.\n */\nfunction onAreaKeydown(event: KeyboardEvent): void {\n if (props.disabled)\n return\n\n if (!isContextMenuKey(event))\n return\n\n // В поле ввода нативное меню (орфография, буфер) полезнее нашего.\n if (isEditableTarget(event.target))\n return\n\n // Отмена keydown гасит `contextmenu`, который браузер породил бы следом:\n // без неё меню открылось бы дважды и второй раз — по координатам, а не по\n // прямоугольнику строки.\n event.preventDefault()\n\n const target = (document.activeElement as HTMLElement | null) ?? areaEl.value\n if (!target)\n return\n\n void openWith({\n source: 'keyboard',\n target,\n anchor: anchorFromElement(target),\n event,\n })\n}\n\n/**\n * Правый клик мимо меню его не закрывает: `v-click-outside` отбрасывает всё,\n * что не левая кнопка, а `contextmenu` вообще не порождает `click`. Ослаблять\n * директиву нельзя — гард бережёт дропдауны, — поэтому слушаем сами.\n */\nfunction onDocumentContextMenu(event: MouseEvent): void {\n if (isInsidePanel(event.target)) {\n event.preventDefault()\n return\n }\n\n // Внутри своей области меню не закрываем: обработчик области перенесёт его к\n // новой точке, а закрытие с последующим открытием мигало бы панелью.\n if (event.target instanceof Node && areaEl.value?.contains(event.target))\n return\n\n close()\n}\n\nfunction onDocumentScroll(event: Event): void {\n if (isInsidePanel(event.target))\n return\n\n close()\n}\n\nlet scrollFrame: number | undefined\n\nfunction stopListening(): void {\n if (scrollFrame !== undefined) {\n cancelAnimationFrame(scrollFrame)\n scrollFrame = undefined\n }\n\n window.removeEventListener('contextmenu', onDocumentContextMenu, true)\n window.removeEventListener('scroll', onDocumentScroll, true)\n}\n\nwatch(isOpen, (next) => {\n if (typeof window === 'undefined')\n return\n\n if (!next) {\n stopListening()\n return\n }\n\n window.addEventListener('contextmenu', onDocumentContextMenu, true)\n\n // Слушатель прокрутки — со следующего кадра: само открытие прокручивает\n // страницу (браузер подтягивает в вид то, по чему кликнули и что получило\n // фокус), и меню закрывало бы само себя ровно в момент появления.\n if (props.closeOnScroll) {\n scrollFrame = requestAnimationFrame(() => {\n scrollFrame = undefined\n window.addEventListener('scroll', onDocumentScroll, { capture: true, passive: true })\n })\n }\n})\n\nonBeforeUnmount(() => {\n if (typeof window === 'undefined')\n return\n\n stopListening()\n})\n\ndefineExpose({ openAt, openAtElement, open, close, toggle })\n\ndefineSlots<{\n /** Область, по которой вызывается меню. */\n default?: (props: { open: boolean }) => any\n /** Содержимое меню. */\n content?: (props: { close: () => void }) => any\n}>()\n\n</script>\n\n<template>\n <div data-gr-context-menu>\n <div\n v-if=\"slots.default\"\n ref=\"areaEl\"\n data-gr-context-menu-area\n @contextmenu=\"onAreaContextMenu\"\n @keydown=\"onAreaKeydown\"\n >\n <slot :open=\"isOpen\" />\n </div>\n\n <GrPopover\n :open=\"isOpen\"\n :anchor=\"anchor\"\n :placement=\"placement\"\n :offset-px=\"offsetPx\"\n :teleport-to=\"teleportTo\"\n :content-class=\"contentClass\"\n :aria-label=\"labelledBy ? undefined : resolvedAriaLabel\"\n :labelled-by=\"labelledBy\"\n role=\"menu\"\n trigger=\"manual\"\n padding=\"none\"\n close-on-content-click\n :auto-focus=\"false\"\n @update:open=\"setOpen($event)\"\n >\n <template #content=\"{ close: closePanel }\">\n <GrDropdownMenuList\n ref=\"listRef\"\n class=\"p-1\"\n :style=\"listStyle\"\n :dividers=\"dividers\"\n :class=\"listClass\"\n @keydown=\"menu.onKeydown\"\n >\n <slot name=\"content\" :close=\"closePanel\">\n <GrDropdownMenuEntries :items=\"items\" @select=\"onSelect\" />\n </slot>\n </GrDropdownMenuList>\n </template>\n </GrPopover>\n </div>\n</template>\n"],"mappings":";;;;;;;;;AAGA,SAAgB,kBAAkB,OAAyC;CACzE,OAAO;EAAE,GAAG,MAAM;EAAS,GAAG,MAAM;CAAQ;AAC9C;;;;;;;AAQA,SAAgB,kBAAkB,SAAwC;CACxE,MAAM,OAAO,QAAQ,sBAAsB;CAE3C,OAAO;EAAE,GAAG,KAAK;EAAM,GAAG,KAAK;EAAK,OAAO,KAAK;EAAO,QAAQ,KAAK;CAAO;AAC7E;;;;;;;;;AAUA,SAAgB,sBAAsB,OAA4B;CAChE,OAAO,MAAM,WAAW,KAAK,MAAM,WAAW;AAChD;;;;;;;;AASA,SAAgB,gBAAgB,OAA4B;CAC1D,OAAO,MAAM;AACf;;AAGA,SAAgB,iBAAiB,OAA+B;CAC9D,OAAO,MAAM,QAAQ,iBAAkB,MAAM,QAAQ,SAAS,MAAM;AACtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC2CA,MAAM,QAAQ;EAkBd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAS;EACvB,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,EAAE,MAAM,QAAQ,YAAY,wBAC1B,MAAM,OACZ,SAAQ,KAAK,eAAe,IAAI,CAClC;EAEA,MAAM,SAAS,IAAwB,IAAI;EAC3C,MAAM,UAAU,IAAkC,IAAI;EACtD,MAAM,SAAS,IAAiC,IAAI;EAEpD,MAAM,oBAAoB,eAAe,MAAM,aAAa,EAAE,wBAAwB,cAAc,CAAC;EAErG,MAAM,YAAY,gBAAgB,EAChC,UAAU,OAAO,MAAM,aAAa,WAAW,GAAG,MAAM,SAAS,MAAM,MAAM,SAC/E,EAAE;;;;;EAMF,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,SACR,OAAO;GAET,QAAQ,MAAM,SAAS,CAAC,EAAA,CAAG,OAAM,UAAS,CAAC,aAAa,KAAK,MACvD,CAAC,cAAc,KAAK,KAAK,MAAM,MAAM,WAAW,EAAE;EAC1D,CAAC;EAED,MAAM,OAAO,kBAAkB;GAC7B,iBAAiB,QAAQ,OAAO,OAAO;GACvC,aAAa,MAAM;EACrB,CAAC;EAED,SAAS,UAA8B;GACrC,OAAO,QAAQ,OAAO,KAAK,QAAQ,yBAAyB,KAAK;EACnE;EAEA,SAAS,cAAc,QAAqC;GAC1D,OAAO,kBAAkB,SAAS,QAAQ,CAAC,EAAE,SAAS,MAAM,KAAK;EACnE;EAEA,eAAe,SAAS,SAAkD;GACxE,IAAI,MAAM,UACR;GAEF,OAAO,QAAQ,QAAQ;GACvB,KAAK,cAAc,OAAO;GAK1B,MAAM,SAAS;GAEf,IAAI,QAAQ,OACV;GAEF,QAAQ,IAAI;GAEZ,MAAM,SAAS;GACf,KAAK,QAAQ,CAAC;EAChB;;EAGA,SAAS,OAAO,IAA6C;GAC3D,MAAM,cAAc,cAAc;GAElC,SAAc;IACZ,QAAQ,cAAc,YAAY;IAClC,QAAQ,cAAe,GAAG,SAAgC;IAC1D,QAAQ,cAAc,kBAAkB,EAAE,IAAI;IAC9C,OAAO,cAAc,KAAK;GAC5B,CAAC;EACH;;EAGA,SAAS,cAAc,SAAwB;GAC7C,SAAc;IACZ,QAAQ;IACR,QAAQ,mBAAmB,cAAc,UAAU;IACnD,QAAQ,kBAAkB,OAAO;IACjC,OAAO;GACT,CAAC;EACH;EAEA,SAAS,OAAa;GACpB,IAAI,OAAO,OACT,SAAc;IAAE,QAAQ;IAAO,QAAQ;IAAM,QAAQ,OAAO;IAAO,OAAO;GAAK,CAAC;QAC7E,IAAI,OAAO,OACd,cAAc,OAAO,KAAK;EAC9B;EAEA,SAAS,QAAc;GACrB,QAAQ,KAAK;GACb,KAAK,MAAM;EACb;EAEA,SAAS,SAAe;GACtB,OAAO,QAAQ,MAAM,IAAI,KAAK;EAChC;EAEA,SAAS,SAAS,MAAkC;GAClD,KAAK,UAAU,IAAI;EACrB;EAEA,SAAS,kBAAkB,OAAyB;GAClD,IAAI,MAAM,YAAY,iBAAiB,MAAM,UAC3C;GAEF,IAAI,MAAM,mBAAmB,gBAAgB,KAAK,GAChD;GAEF,MAAM,eAAe;GAErB,MAAM,gBAAgB;GAEtB,IAAI,sBAAsB,KAAK,GAAG;IAChC,MAAM,SAAU,SAAS,iBAAwC,OAAO;IACxE,IAAI,QAAQ,cAAc,MAAM;IAChC;GACF;GAEA,OAAO,KAAK;EACd;;;;;;;EAQA,SAAS,cAAc,OAA4B;GACjD,IAAI,MAAM,UACR;GAEF,IAAI,CAAC,iBAAiB,KAAK,GACzB;GAGF,IAAI,iBAAiB,MAAM,MAAM,GAC/B;GAKF,MAAM,eAAe;GAErB,MAAM,SAAU,SAAS,iBAAwC,OAAO;GACxE,IAAI,CAAC,QACH;GAEF,SAAc;IACZ,QAAQ;IACR;IACA,QAAQ,kBAAkB,MAAM;IAChC;GACF,CAAC;EACH;;;;;;EAOA,SAAS,sBAAsB,OAAyB;GACtD,IAAI,cAAc,MAAM,MAAM,GAAG;IAC/B,MAAM,eAAe;IACrB;GACF;GAIA,IAAI,MAAM,kBAAkB,QAAQ,OAAO,OAAO,SAAS,MAAM,MAAM,GACrE;GAEF,MAAM;EACR;EAEA,SAAS,iBAAiB,OAAoB;GAC5C,IAAI,cAAc,MAAM,MAAM,GAC5B;GAEF,MAAM;EACR;EAEA,IAAI;EAEJ,SAAS,gBAAsB;GAC7B,IAAI,gBAAgB,KAAA,GAAW;IAC7B,qBAAqB,WAAW;IAChC,cAAc,KAAA;GAChB;GAEA,OAAO,oBAAoB,eAAe,uBAAuB,IAAI;GACrE,OAAO,oBAAoB,UAAU,kBAAkB,IAAI;EAC7D;EAEA,MAAM,SAAS,SAAS;GACtB,IAAI,OAAO,WAAW,aACpB;GAEF,IAAI,CAAC,MAAM;IACT,cAAc;IACd;GACF;GAEA,OAAO,iBAAiB,eAAe,uBAAuB,IAAI;GAKlE,IAAI,MAAM,eACR,cAAc,4BAA4B;IACxC,cAAc,KAAA;IACd,OAAO,iBAAiB,UAAU,kBAAkB;KAAE,SAAS;KAAM,SAAS;IAAK,CAAC;GACtF,CAAC;EAEL,CAAC;EAED,sBAAsB;GACpB,IAAI,OAAO,WAAW,aACpB;GAEF,cAAc;EAChB,CAAC;EAED,SAAa;GAAE;GAAQ;GAAe;GAAM;GAAO;EAAO,CAAC;;uBAYzD,mBA0CM,OA1CN,YA0CM,CAxCI,MAAA,KAAA,CAAK,CAAC,WAAA,UAAA,GADd,mBAQM,OAAA;;aANA;IAAJ,KAAI;IACJ,6BAAA;IACC,eAAa;IACb,WAAS;OAEV,WAAuB,KAAA,QAAA,WAAA,EAAhB,MAAM,MAAA,MAAA,EAAM,CAAA,CAAA,GAAA,GAAA,KAAA,mBAAA,IAAA,IAAA,GAGrB,YA8BY,mBAAA;IA7BT,MAAM,MAAA,MAAA;IACN,QAAQ,OAAA;IACR,WAAW,QAAA;IACX,aAAW,QAAA;IACX,eAAa,QAAA;IACb,iBAAe,QAAA;IACf,cAAY,QAAA,aAAa,KAAA,IAAY,kBAAA;IACrC,eAAa,QAAA;IACd,MAAK;IACL,SAAQ;IACR,SAAQ;IACR,0BAAA;IACC,cAAY;IACZ,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,OAAA,CAAO,CAAC,MAAM;;IAEjB,SAAO,SAYK,EAAA,OAZM,iBAAU,CACrC,YAWqB,4BAAA;cAVf;KAAJ,KAAI;KACJ,OAAK,eAAA,CAAC,OAGE,QAAA,SAAS,CAAA;KAFhB,OAAK,eAAE,UAAA,KAAS;KAChB,UAAU,QAAA;KAEV,WAAS,MAAA,IAAA,CAAI,CAAC;;4BAIR,CAFP,WAEO,KAAA,QAAA,WAAA,EAFe,OAAO,WAAU,SAEhC,CADL,YAA2D,+BAAA;MAAnC,OAAO,QAAA;MAAgB"}

package/dist/components/GrContextMenu/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-import { t as GrContextMenu_default } from "./chunks/GrContextMenu-BbAJholy.js";
+import { t as GrContextMenu_default } from "./chunks/GrContextMenu-DDAUvrDK.js";
 import { t as grContextMenuConfig } from "../../chunks/config-CPSxM7XE.js";
 export { GrContextMenu_default as GrContextMenu, GrContextMenu_default as default, grContextMenuConfig };

package/dist/components/GrDataTable/chunks/{GrDataTable-NRbrXpdx.js → GrDataTable-DU00V44y.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 import { a as useGrComponentSize } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-bQwtZtYT.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Bn1XEriL.js";
 import { useVirtualList } from "../../../composables/useVirtualList.js";
-import { t as GrCheckbox_default } from "../../GrCheckbox/chunks/GrCheckbox-CEcHIsXM.js";
 import { useRovingFocus } from "../../../composables/useRovingFocus.js";
+import { t as GrCheckbox_default } from "../../GrCheckbox/chunks/GrCheckbox-CEcHIsXM.js";
 import { useAnnouncer } from "../../../composables/useAnnouncer.js";
 import { useDragGesture } from "../../../composables/useDragGesture.js";
-import { t as GrTable_default } from "../../GrTable/chunks/GrTable-f3qCWa99.js";
+import { t as GrTable_default } from "../../GrTable/chunks/GrTable-Zcdz2St_.js";
 import { n as insertionIndex, r as moveItem, t as useDragSort } from "../../../chunks/useDragSort-0l47h4yb.js";
-import { C as sortIconSizes, S as selectColumnWidths, T as summaryRowClass, _ as headerTextSizes, a as columnDropAfterClass, b as rowSelectedClass, c as columnHandleClass, d as columnPinnedRightEdgeClass, f as columnResizerClass, g as headerGaps, h as columnResizerLineClass, i as columnDraggingClass, l as columnPinnedClass, m as columnResizerLineActiveClass, o as columnDropBeforeClass, p as columnResizerHoverClass, r as cellPaddings, s as columnHandleActiveClass, u as columnPinnedLeftEdgeClass, v as placeholderPaddings, w as spinnerSizes, x as selectCheckboxSizes, y as rowHeightEstimates } from "../../../chunks/config-BC8d_smz.js";
+import { C as sortIconSizes, S as selectColumnWidths, T as summaryRowClass, _ as headerTextSizes, a as columnDropAfterClass, b as rowSelectedClass, c as columnHandleClass, d as columnPinnedRightEdgeClass, f as columnResizerClass, g as headerGaps, h as columnResizerLineClass, i as columnDraggingClass, l as columnPinnedClass, m as columnResizerLineActiveClass, o as columnDropBeforeClass, p as columnResizerHoverClass, r as cellPaddings, s as columnHandleActiveClass, u as columnPinnedLeftEdgeClass, v as placeholderPaddings, w as spinnerSizes, x as selectCheckboxSizes, y as rowHeightEstimates } from "../../../chunks/config-DeyT9dJl.js";
 import { t as arrow_up_default } from "../../../chunks/arrow-up-C_G4jg8M.js";
 import { t as grip_vertical_default } from "../../../chunks/grip-vertical-lRha2S7q.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, markRaw, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, watch, withCtx, withModifiers } from "vue";
@@ -870,6 +870,16 @@ var GrDataTable_default = /* @__PURE__ */ defineComponent({
 			/** Отметить/снять все выбираемые строки. */
 			toggleAll
 		});
+		/**
+		* Три семейства слотов по ключу колонки — `#cell-<key>` (`{ row, index }`),
+		* `#header-<key>` (`{ column }`) и `#summary-<key>` (`{ value, column }`) —
+		* попадают под общую индексную сигнатуру, а не под шаблонные.
+		*
+		* Шаблонные (`` `cell-${string}` ``) сужали бы тип слотов строже
+		* `InternalSlots`, и дженерик-компонент переставал приниматься `h()`: ломался
+		* бы рендер-функцией, оставаясь рабочим в шаблоне. Цена — пропсы этих трёх
+		* семейств не типизированы; они описаны здесь и на странице компонента.
+		*/
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(GrTable_default, mergeProps(tableProps.value, {
 				ref_key: "tableRef",