@feugene/granularity 0.30.0 → 0.31.1

package/dist/composables/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrButtonSize, GrButtonVariant } from '../components/GrButton/grButtonStyles'\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\n/**\n * Опциональная action-кнопка тоста: `label` — текст, `onClick` — обработчик.\n * По клику вызывается `onClick`, затем тост закрывается (если `dismissOnClick`\n * не установлен в `false`). `size`/`variant` настраивают вид кнопки.\n */\nexport type ToastAction = {\n  label: string\n  onClick: () => void\n  /** Закрывать ли тост после клика по действию. По умолчанию `true`. */\n  dismissOnClick?: boolean\n  /** Размер кнопки действия. По умолчанию `sm`. */\n  size?: GrButtonSize\n  /** Вариант кнопки действия. По умолчанию `outline`. */\n  variant?: GrButtonVariant\n}\n\nexport type ToastInput = {\n  title: string\n  message?: string\n  tone?: GrToastTone\n  /**\n   * Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n   * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n   */\n  timeoutMs?: number\n  /** Одна action-кнопка в теле тоста (шорткат для `actions: [action]`). */\n  action?: ToastAction\n  /** Несколько action-кнопок в теле тоста. Рендерятся после `action`. */\n  actions?: ToastAction[]\n  /**\n   * Схлопывать повтор: `push` с уже занятым ключом обновляет **живой** тост\n   * и перезапускает его автозакрытие вместо того, чтобы завести второй.\n   *\n   * Ключ действует только пока тост на экране. Это не то же самое, что помнить\n   * последнее показанное: повтор действия с тем же текстом обязан показаться\n   * снова, иначе второе «Сохранено» пропадёт молча.\n   */\n  dedupeKey?: string\n}\n\n/**\n * Сообщения для `promise`. Строка — шорткат для `{ title }`; функция получает\n * результат промиса (или причину отказа), чтобы подставить его в текст.\n */\nexport type ToastPromiseMessages<T> = {\n  loading: string | ToastInput\n  success: string | ToastInput | ((value: T) => string | ToastInput)\n  error: string | ToastInput | ((reason: unknown) => string | ToastInput)\n}\n\nexport type Toast = {\n  id: string\n  title: string\n  message?: string\n  tone: GrToastTone\n  /** Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. */\n  timeoutMs: number\n  /** Одна action-кнопка в теле тоста. */\n  action?: ToastAction\n  /** Несколько action-кнопок в теле тоста. */\n  actions?: ToastAction[]\n  /** Ключ схлопывания повторов, если тост создан с ним. */\n  dedupeKey?: string\n}\n\nconst DEFAULT_TIMEOUT_MS = 3500\nconst IS_SERVER = typeof window === 'undefined'\n\n// Метаданные таймера автозакрытия с поддержкой pause/resume (WCAG 2.2.1: под\n// курсором/фокусом отсчёт должен останавливаться).\ntype ToastTimer = {\n  handle: number | null\n  /** Сколько мс осталось до автозакрытия на момент последней паузы/старта. */\n  remaining: number\n  /** `performance.now()` момента запуска текущего отрезка (для вычисления остатка). */\n  startedAt: number\n}\n\nexport type ToastState = {\n  toasts: Toast[]\n  timers: Map<string, ToastTimer>\n  /** Потолок очереди: сверх него самые старые тосты вытесняются. */\n  maxToasts: number\n}\n\n/**\n * Потолок очереди по умолчанию. `maxVisible` у `GrToaster` режет только видимые,\n * поэтому без него поток событий (переподключение сокета, цикл ошибок) копил бы\n * очередь и вываливал её на пользователя, когда стек освободится.\n */\nconst DEFAULT_MAX_TOASTS = 20\n\nexport type GranularityToastPluginOptions = {\n  /** Потолок очереди. По умолчанию `20`. */\n  maxToasts?: number\n}\n\nfunction createToastState(maxToasts = DEFAULT_MAX_TOASTS): ToastState {\n  return {\n    toasts: reactive<Toast[]>([]),\n    timers: new Map<string, ToastTimer>(),\n    maxToasts: Math.max(1, Math.trunc(maxToasts)),\n  }\n}\n\n/** Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). */\nexport const GRANULARITY_TOAST_STATE: InjectionKey<ToastState> = Symbol.for('@feugene/granularity/toast-state')\n\n/**\n * Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов\n * через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной\n * странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе\n * модульное состояние течёт между запросами).\n *\n * ```ts\n * app.use(granularityToastPlugin)\n * app.use(granularityToastPlugin, { maxToasts: 50 })\n * ```\n */\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedToastProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityToastPlugin = {\n  install(app: App, options: GranularityToastPluginOptions = {}) {\n    appScopedToastProvided = true\n    app.provide(GRANULARITY_TOAST_STATE, createToastState(options.maxToasts))\n  },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState | null = null\n\n/** Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. */\nexport function resetToastContextWarning(): void {\n  contextFallbackWarned = false\n}\n\nfunction resolveToastState(): ToastState {\n  // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n  // `app.runWithContext(() => useToast())` — `hasInjectionContext` покрывает оба,\n  // поэтому вызов из router guard / интерцептора достаёт состояние приложения.\n  if (hasInjectionContext()) {\n    const provided = inject(GRANULARITY_TOAST_STATE, null)\n    if (provided) return provided\n  }\n\n  // В SSR модульный фолбэк запрещён: одно mutable-состояние на модуль утекало бы\n  // между запросами. Требуем установленный плагин (app.provide).\n  if (IS_SERVER) {\n    throw new Error(\n      '[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — '\n      + 'the module-singleton fallback is disabled server-side to avoid state leaking between requests.',\n    )\n  }\n\n  // Дедуп и текст — прямо под гардом: `__GR_DEV__` разворачивается в условие\n  // на сборке, и у потребителя вся ветка выкидывается вместе с сообщением.\n  if (\n    appScopedToastProvided && !contextFallbackWarned\n    && __GR_DEV__\n  ) {\n    contextFallbackWarned = true\n    console.warn(\n      '[granularity] useToast() вызван вне setup/inject-контекста: app-scoped состояние '\n      + 'granularityToastPlugin недоступно, использован модульный синглтон — эти тосты не попадут '\n      + 'в GrToaster приложения. Оберните вызов: app.runWithContext(() => useToast()).',\n    )\n  }\n\n  if (!moduleToastState)\n    moduleToastState = createToastState()\n\n  return moduleToastState\n}\n\nfunction now(): number {\n  return typeof performance !== 'undefined' ? performance.now() : Date.now()\n}\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nexport function useToast() {\n  const state = resolveToastState()\n  const list = computed(() => state.toasts)\n\n  function armTimer(id: string, timer: ToastTimer): void {\n    if (timer.remaining <= 0 || typeof window === 'undefined') return\n    timer.startedAt = now()\n    timer.handle = window.setTimeout(() => {\n      state.timers.delete(id)\n      dismiss(id)\n    }, timer.remaining)\n  }\n\n  function clearTimer(id: string): void {\n    const timer = state.timers.get(id)\n    if (timer?.handle != null) {\n      clearTimeout(timer.handle)\n      timer.handle = null\n    }\n    state.timers.delete(id)\n  }\n\n  function push(input: ToastInput): string {\n    const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n\n    // Схлопывание ищет тост только среди живых. Помнить последний показанный\n    // ключ нельзя: тогда повтор того же действия («Сохранено» второй раз)\n    // не показался бы вообще — тост уже ушёл, а ключ ещё занят.\n    if (input.dedupeKey !== undefined) {\n      const existing = state.toasts.find(item => item.dedupeKey === input.dedupeKey)\n      if (existing) {\n        // Замена целиком, а не патч: повторный `push` — это законченное\n        // высказывание, и `message` от прошлого раза донашивать он не должен.\n        applyStage(existing.id, { ...input, tone: input.tone ?? 'info', timeoutMs: timeout })\n        return existing.id\n      }\n    }\n\n    const id = makeId()\n    const toast: Toast = {\n      id,\n      title: input.title,\n      message: input.message,\n      tone: input.tone ?? 'info',\n      timeoutMs: timeout > 0 ? timeout : 0,\n      action: input.action,\n      actions: input.actions,\n      dedupeKey: input.dedupeKey,\n    }\n\n    state.toasts.unshift(toast)\n    trimQueue()\n\n    if (toast.timeoutMs > 0) {\n      const timer: ToastTimer = { handle: null, remaining: toast.timeoutMs, startedAt: now() }\n      state.timers.set(id, timer)\n      armTimer(id, timer)\n    }\n\n    return id\n  }\n\n  // Вытесняем с хвоста — там самые старые: при потоке событий устаревшее\n  // уведомление менее ценно, чем свежее. Таймеры снимаем, иначе остались бы\n  // висящие `setTimeout` на тосты, которых больше нет.\n  //\n  // Это флуд-защита уровня состояния, а не очередь показа (`GrToaster` держит\n  // видимыми старейших): при переполнении потолка вытеснен может быть и тост,\n  // который сейчас на экране, — осознанный компромисс.\n  function trimQueue(): void {\n    while (state.toasts.length > state.maxToasts) {\n      const dropped = state.toasts.pop()\n      if (dropped)\n        clearTimer(dropped.id)\n    }\n  }\n\n  /**\n   * Меняет показанный тост на месте. `timeoutMs` в патче перезапускает таймер\n   * (`0` — снова «навсегда»), поэтому «вечный» loading может стать\n   * самозакрывающимся success.\n   *\n   * Возвращает `false`, если тоста уже нет: пользователь мог закрыть его руками,\n   * и воскрешать его нельзя.\n   */\n  function update(id: string, patch: Partial<ToastInput>): boolean {\n    const toast = state.toasts.find(item => item.id === id)\n    if (!toast) return false\n\n    if (patch.title !== undefined) toast.title = patch.title\n    if (patch.message !== undefined) toast.message = patch.message\n    if (patch.tone !== undefined) toast.tone = patch.tone\n    if (patch.action !== undefined) toast.action = patch.action\n    if (patch.actions !== undefined) toast.actions = patch.actions\n\n    if (patch.timeoutMs !== undefined)\n      toast.timeoutMs = rearmTimer(id, patch.timeoutMs)\n\n    return true\n  }\n\n  /** Перезапускает автозакрытие с нового таймаута; `0` и меньше — «навсегда». */\n  function rearmTimer(id: string, timeoutMs: number): number {\n    clearTimer(id)\n    const next = timeoutMs > 0 ? timeoutMs : 0\n\n    if (next > 0) {\n      const timer: ToastTimer = { handle: null, remaining: next, startedAt: now() }\n      state.timers.set(id, timer)\n      armTimer(id, timer)\n    }\n\n    return next\n  }\n\n  /**\n   * Полная замена стадии для `promise()`. В отличие от `update`, поле без\n   * значения очищается: успех не должен донашивать `message` и action-кнопки\n   * загрузки — патч-семантика оставляла бы их в тосте навсегда.\n   */\n  function applyStage(id: string, stage: ToastInput & { tone: GrToastTone, timeoutMs: number }): void {\n    const toast = state.toasts.find(item => item.id === id)\n    if (!toast) return\n\n    toast.title = stage.title\n    toast.message = stage.message\n    toast.tone = stage.tone\n    toast.action = stage.action\n    toast.actions = stage.actions\n    toast.timeoutMs = rearmTimer(id, stage.timeoutMs)\n  }\n\n  /**\n   * Один тост на весь жизненный цикл промиса: «загружаем» переписывается в\n   * успех или ошибку, а не закрывается ради нового — стек не дёргается.\n   *\n   * Каждая стадия **заменяет** предыдущую целиком: поле, не заданное в\n   * success/error, очищается, а не наследуется от loading.\n   *\n   * Возвращает исходный промис и **не глотает отказ**: тост не заменяет\n   * обработку ошибки, вызывающий по-прежнему обязан её обработать.\n   */\n  function promise<T>(input: Promise<T>, messages: ToastPromiseMessages<T>): Promise<T> {\n    const id = push({ tone: 'info', ...toToastInput(messages.loading), timeoutMs: 0 })\n\n    input.then(\n      (value) => {\n        const stage = resolveMessage(messages.success, value)\n        applyStage(id, { ...stage, tone: stage.tone ?? 'success', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n      },\n      (reason: unknown) => {\n        const stage = resolveMessage(messages.error, reason)\n        applyStage(id, { ...stage, tone: stage.tone ?? 'danger', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n      },\n    )\n\n    return input\n  }\n\n  /** Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). */\n  function pause(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle == null) return\n\n    clearTimeout(timer.handle)\n    timer.handle = null\n    timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt))\n  }\n\n  /** Возобновляет отсчёт с сохранённого остатка (идемпотентно). */\n  function resume(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle != null) return\n\n    armTimer(id, timer)\n  }\n\n  function dismiss(id: string): void {\n    clearTimer(id)\n    const index = state.toasts.findIndex(toast => toast.id === id)\n    if (index >= 0)\n      state.toasts.splice(index, 1)\n  }\n\n  function clear(): void {\n    for (const id of [...state.timers.keys()]) clearTimer(id)\n    state.toasts.splice(0, state.toasts.length)\n  }\n\n  return {\n    list,\n    push,\n    update,\n    promise,\n    dismiss,\n    clear,\n    pause,\n    resume,\n  }\n}\n\nfunction toToastInput(message: string | ToastInput): ToastInput {\n  return typeof message === 'string' ? { title: message } : message\n}\n\nfunction resolveMessage<T>(\n  message: string | ToastInput | ((value: T) => string | ToastInput),\n  value: T,\n): ToastInput {\n  return toToastInput(typeof message === 'function' ? message(value) : message)\n}\n"],"mappings":"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"}
+{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrButtonSize, GrButtonVariant } from '../components/GrButton/grButtonStyles'\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\n/**\n * Опциональная action-кнопка тоста: `label` — текст, `onClick` — обработчик.\n * По клику вызывается `onClick`, затем тост закрывается (если `dismissOnClick`\n * не установлен в `false`). `size`/`variant` настраивают вид кнопки.\n */\nexport type ToastAction = {\n  label: string\n  onClick: () => void\n  /** Закрывать ли тост после клика по действию. По умолчанию `true`. */\n  dismissOnClick?: boolean\n  /** Размер кнопки действия. По умолчанию `sm`. */\n  size?: GrButtonSize\n  /** Вариант кнопки действия. По умолчанию `outline`. */\n  variant?: GrButtonVariant\n}\n\nexport type ToastInput = {\n  title: string\n  message?: string\n  tone?: GrToastTone\n  /**\n   * Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n   * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n   */\n  timeoutMs?: number\n  /** Одна action-кнопка в теле тоста (шорткат для `actions: [action]`). */\n  action?: ToastAction\n  /** Несколько action-кнопок в теле тоста. Рендерятся после `action`. */\n  actions?: ToastAction[]\n  /**\n   * Схлопывать повтор: `push` с уже занятым ключом обновляет **живой** тост\n   * и перезапускает его автозакрытие вместо того, чтобы завести второй.\n   *\n   * Ключ действует только пока тост на экране. Это не то же самое, что помнить\n   * последнее показанное: повтор действия с тем же текстом обязан показаться\n   * снова, иначе второе «Сохранено» пропадёт молча.\n   */\n  dedupeKey?: string\n}\n\n/**\n * Сообщения для `promise`. Строка — шорткат для `{ title }`; функция получает\n * результат промиса (или причину отказа), чтобы подставить его в текст.\n */\nexport type ToastPromiseMessages<T> = {\n  loading: string | ToastInput\n  success: string | ToastInput | ((value: T) => string | ToastInput)\n  error: string | ToastInput | ((reason: unknown) => string | ToastInput)\n}\n\nexport type Toast = {\n  id: string\n  title: string\n  message?: string\n  tone: GrToastTone\n  /** Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. */\n  timeoutMs: number\n  /** Одна action-кнопка в теле тоста. */\n  action?: ToastAction\n  /** Несколько action-кнопок в теле тоста. */\n  actions?: ToastAction[]\n  /** Ключ схлопывания повторов, если тост создан с ним. */\n  dedupeKey?: string\n}\n\nconst DEFAULT_TIMEOUT_MS = 3500\nconst IS_SERVER = typeof window === 'undefined'\n\n// Метаданные таймера автозакрытия с поддержкой pause/resume (WCAG 2.2.1: под\n// курсором/фокусом отсчёт должен останавливаться).\ntype ToastTimer = {\n  handle: number | null\n  /** Сколько мс осталось до автозакрытия на момент последней паузы/старта. */\n  remaining: number\n  /** `performance.now()` момента запуска текущего отрезка (для вычисления остатка). */\n  startedAt: number\n}\n\nexport type ToastState = {\n  toasts: Toast[]\n  timers: Map<string, ToastTimer>\n  /** Потолок очереди: сверх него самые старые тосты вытесняются. */\n  maxToasts: number\n}\n\n/**\n * Потолок очереди по умолчанию. `maxVisible` у `GrToaster` режет только видимые,\n * поэтому без него поток событий (переподключение сокета, цикл ошибок) копил бы\n * очередь и вываливал её на пользователя, когда стек освободится.\n */\nconst DEFAULT_MAX_TOASTS = 20\n\nexport type GranularityToastPluginOptions = {\n  /** Потолок очереди. По умолчанию `20`. */\n  maxToasts?: number\n}\n\nfunction createToastState(maxToasts = DEFAULT_MAX_TOASTS): ToastState {\n  return {\n    toasts: reactive<Toast[]>([]),\n    timers: new Map<string, ToastTimer>(),\n    maxToasts: Math.max(1, Math.trunc(maxToasts)),\n  }\n}\n\n/** Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). */\nexport const GRANULARITY_TOAST_STATE: InjectionKey<ToastState> = Symbol.for('@feugene/granularity/toast-state')\n\n/**\n * Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов\n * через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной\n * странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе\n * модульное состояние течёт между запросами).\n *\n * ```ts\n * app.use(granularityToastPlugin)\n * app.use(granularityToastPlugin, { maxToasts: 50 })\n * ```\n */\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedToastProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityToastPlugin = {\n  install(app: App, options: GranularityToastPluginOptions = {}) {\n    appScopedToastProvided = true\n    app.provide(GRANULARITY_TOAST_STATE, createToastState(options.maxToasts))\n  },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState | null = null\n\n/** Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. */\nexport function resetToastContextWarning(): void {\n  contextFallbackWarned = false\n}\n\nfunction resolveToastState(): ToastState {\n  // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n  // `app.runWithContext(() => useToast())` — `hasInjectionContext` покрывает оба,\n  // поэтому вызов из router guard / интерцептора достаёт состояние приложения.\n  if (hasInjectionContext()) {\n    const provided = inject(GRANULARITY_TOAST_STATE, null)\n    if (provided)\n      return provided\n  }\n\n  // В SSR модульный фолбэк запрещён: одно mutable-состояние на модуль утекало бы\n  // между запросами. Требуем установленный плагин (app.provide).\n  if (IS_SERVER) {\n    throw new Error(\n      '[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — '\n      + 'the module-singleton fallback is disabled server-side to avoid state leaking between requests.',\n    )\n  }\n\n  // Дедуп и текст — прямо под гардом: `__GR_DEV__` разворачивается в условие\n  // на сборке, и у потребителя вся ветка выкидывается вместе с сообщением.\n  if (\n    appScopedToastProvided && !contextFallbackWarned\n    && __GR_DEV__\n  ) {\n    contextFallbackWarned = true\n    console.warn(\n      '[granularity] useToast() вызван вне setup/inject-контекста: app-scoped состояние '\n      + 'granularityToastPlugin недоступно, использован модульный синглтон — эти тосты не попадут '\n      + 'в GrToaster приложения. Оберните вызов: app.runWithContext(() => useToast()).',\n    )\n  }\n\n  if (!moduleToastState)\n    moduleToastState = createToastState()\n\n  return moduleToastState\n}\n\nfunction now(): number {\n  return typeof performance !== 'undefined' ? performance.now() : Date.now()\n}\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nexport function useToast() {\n  const state = resolveToastState()\n  const list = computed(() => state.toasts)\n\n  function armTimer(id: string, timer: ToastTimer): void {\n    if (timer.remaining <= 0 || typeof window === 'undefined')\n      return\n    timer.startedAt = now()\n    timer.handle = window.setTimeout(() => {\n      state.timers.delete(id)\n      dismiss(id)\n    }, timer.remaining)\n  }\n\n  function clearTimer(id: string): void {\n    const timer = state.timers.get(id)\n    if (timer?.handle != null) {\n      clearTimeout(timer.handle)\n      timer.handle = null\n    }\n    state.timers.delete(id)\n  }\n\n  function push(input: ToastInput): string {\n    const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n\n    // Схлопывание ищет тост только среди живых. Помнить последний показанный\n    // ключ нельзя: тогда повтор того же действия («Сохранено» второй раз)\n    // не показался бы вообще — тост уже ушёл, а ключ ещё занят.\n    if (input.dedupeKey !== undefined) {\n      const existing = state.toasts.find(item => item.dedupeKey === input.dedupeKey)\n      if (existing) {\n        // Замена целиком, а не патч: повторный `push` — это законченное\n        // высказывание, и `message` от прошлого раза донашивать он не должен.\n        applyStage(existing.id, { ...input, tone: input.tone ?? 'info', timeoutMs: timeout })\n        return existing.id\n      }\n    }\n\n    const id = makeId()\n    const toast: Toast = {\n      id,\n      title: input.title,\n      message: input.message,\n      tone: input.tone ?? 'info',\n      timeoutMs: timeout > 0 ? timeout : 0,\n      action: input.action,\n      actions: input.actions,\n      dedupeKey: input.dedupeKey,\n    }\n\n    state.toasts.unshift(toast)\n    trimQueue()\n\n    if (toast.timeoutMs > 0) {\n      const timer: ToastTimer = { handle: null, remaining: toast.timeoutMs, startedAt: now() }\n      state.timers.set(id, timer)\n      armTimer(id, timer)\n    }\n\n    return id\n  }\n\n  // Вытесняем с хвоста — там самые старые: при потоке событий устаревшее\n  // уведомление менее ценно, чем свежее. Таймеры снимаем, иначе остались бы\n  // висящие `setTimeout` на тосты, которых больше нет.\n  //\n  // Это флуд-защита уровня состояния, а не очередь показа (`GrToaster` держит\n  // видимыми старейших): при переполнении потолка вытеснен может быть и тост,\n  // который сейчас на экране, — осознанный компромисс.\n  function trimQueue(): void {\n    while (state.toasts.length > state.maxToasts) {\n      const dropped = state.toasts.pop()\n      if (dropped)\n        clearTimer(dropped.id)\n    }\n  }\n\n  /**\n   * Меняет показанный тост на месте. `timeoutMs` в патче перезапускает таймер\n   * (`0` — снова «навсегда»), поэтому «вечный» loading может стать\n   * самозакрывающимся success.\n   *\n   * Возвращает `false`, если тоста уже нет: пользователь мог закрыть его руками,\n   * и воскрешать его нельзя.\n   */\n  function update(id: string, patch: Partial<ToastInput>): boolean {\n    const toast = state.toasts.find(item => item.id === id)\n    if (!toast)\n      return false\n\n    if (patch.title !== undefined)\n      toast.title = patch.title\n    if (patch.message !== undefined)\n      toast.message = patch.message\n    if (patch.tone !== undefined)\n      toast.tone = patch.tone\n    if (patch.action !== undefined)\n      toast.action = patch.action\n    if (patch.actions !== undefined)\n      toast.actions = patch.actions\n\n    if (patch.timeoutMs !== undefined)\n      toast.timeoutMs = rearmTimer(id, patch.timeoutMs)\n\n    return true\n  }\n\n  /** Перезапускает автозакрытие с нового таймаута; `0` и меньше — «навсегда». */\n  function rearmTimer(id: string, timeoutMs: number): number {\n    clearTimer(id)\n    const next = timeoutMs > 0 ? timeoutMs : 0\n\n    if (next > 0) {\n      const timer: ToastTimer = { handle: null, remaining: next, startedAt: now() }\n      state.timers.set(id, timer)\n      armTimer(id, timer)\n    }\n\n    return next\n  }\n\n  /**\n   * Полная замена стадии для `promise()`. В отличие от `update`, поле без\n   * значения очищается: успех не должен донашивать `message` и action-кнопки\n   * загрузки — патч-семантика оставляла бы их в тосте навсегда.\n   */\n  function applyStage(id: string, stage: ToastInput & { tone: GrToastTone, timeoutMs: number }): void {\n    const toast = state.toasts.find(item => item.id === id)\n    if (!toast)\n      return\n\n    toast.title = stage.title\n    toast.message = stage.message\n    toast.tone = stage.tone\n    toast.action = stage.action\n    toast.actions = stage.actions\n    toast.timeoutMs = rearmTimer(id, stage.timeoutMs)\n  }\n\n  /**\n   * Один тост на весь жизненный цикл промиса: «загружаем» переписывается в\n   * успех или ошибку, а не закрывается ради нового — стек не дёргается.\n   *\n   * Каждая стадия **заменяет** предыдущую целиком: поле, не заданное в\n   * success/error, очищается, а не наследуется от loading.\n   *\n   * Возвращает исходный промис и **не глотает отказ**: тост не заменяет\n   * обработку ошибки, вызывающий по-прежнему обязан её обработать.\n   */\n  function promise<T>(input: Promise<T>, messages: ToastPromiseMessages<T>): Promise<T> {\n    const id = push({ tone: 'info', ...toToastInput(messages.loading), timeoutMs: 0 })\n\n    input.then(\n      (value) => {\n        const stage = resolveMessage(messages.success, value)\n        applyStage(id, { ...stage, tone: stage.tone ?? 'success', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n      },\n      (reason: unknown) => {\n        const stage = resolveMessage(messages.error, reason)\n        applyStage(id, { ...stage, tone: stage.tone ?? 'danger', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n      },\n    )\n\n    return input\n  }\n\n  /** Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). */\n  function pause(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle == null)\n      return\n\n    clearTimeout(timer.handle)\n    timer.handle = null\n    timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt))\n  }\n\n  /** Возобновляет отсчёт с сохранённого остатка (идемпотентно). */\n  function resume(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle != null)\n      return\n\n    armTimer(id, timer)\n  }\n\n  function dismiss(id: string): void {\n    clearTimer(id)\n    const index = state.toasts.findIndex(toast => toast.id === id)\n    if (index >= 0)\n      state.toasts.splice(index, 1)\n  }\n\n  function clear(): void {\n    for (const id of [...state.timers.keys()]) clearTimer(id)\n    state.toasts.splice(0, state.toasts.length)\n  }\n\n  return {\n    list,\n    push,\n    update,\n    promise,\n    dismiss,\n    clear,\n    pause,\n    resume,\n  }\n}\n\nfunction toToastInput(message: string | ToastInput): ToastInput {\n  return typeof message === 'string' ? { title: message } : message\n}\n\nfunction resolveMessage<T>(\n  message: string | ToastInput | ((value: T) => string | ToastInput),\n  value: T,\n): ToastInput {\n  return toToastInput(typeof message === 'function' ? message(value) : message)\n}\n"],"mappings":";;AAyEA,IAAM,qBAAqB;AAC3B,IAAM,YAAY,OAAO,WAAW;;;;;;AAwBpC,IAAM,qBAAqB;AAO3B,SAAS,iBAAiB,YAAY,oBAAgC;CACpE,OAAO;EACL,QAAQ,SAAkB,CAAC,CAAC;EAC5B,wBAAQ,IAAI,IAAwB;EACpC,WAAW,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC;CAC9C;AACF;;AAGA,IAAa,0BAAoD,OAAO,IAAI,kCAAkC;;;;;;;;;;;;AAe9G,IAAI,yBAAyB;AAC7B,IAAI,wBAAwB;AAE5B,IAAa,yBAAyB,EACpC,QAAQ,KAAU,UAAyC,CAAC,GAAG;CAC7D,yBAAyB;CACzB,IAAI,QAAQ,yBAAyB,iBAAiB,QAAQ,SAAS,CAAC;AAC1E,EACF;AAGA,IAAI,mBAAsC;;AAG1C,SAAgB,2BAAiC;CAC/C,wBAAwB;AAC1B;AAEA,SAAS,oBAAgC;CAIvC,IAAI,oBAAoB,GAAG;EACzB,MAAM,WAAW,OAAO,yBAAyB,IAAI;EACrD,IAAI,UACF,OAAO;CACX;CAIA,IAAI,WACF,MAAM,IAAI,MACR,+KAEF;CAKF,IACE,0BAA0B,CAAC,yBAAA,OAAA,YAAA,eAAA,QAAA,IAAA,aAAA,cAE3B;EACA,wBAAwB;EACxB,QAAQ,KACN,yPAGF;CACF;CAEA,IAAI,CAAC,kBACH,mBAAmB,iBAAiB;CAEtC,OAAO;AACT;AAEA,SAAS,MAAc;CACrB,OAAO,OAAO,gBAAgB,cAAc,YAAY,IAAI,IAAI,KAAK,IAAI;AAC3E;AAEA,SAAS,SAAiB;CACxB,OAAO,GAAG,KAAK,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;AAC5D;AAEA,SAAgB,WAAW;CACzB,MAAM,QAAQ,kBAAkB;CAChC,MAAM,OAAO,eAAe,MAAM,MAAM;CAExC,SAAS,SAAS,IAAY,OAAyB;EACrD,IAAI,MAAM,aAAa,KAAK,OAAO,WAAW,aAC5C;EACF,MAAM,YAAY,IAAI;EACtB,MAAM,SAAS,OAAO,iBAAiB;GACrC,MAAM,OAAO,OAAO,EAAE;GACtB,QAAQ,EAAE;EACZ,GAAG,MAAM,SAAS;CACpB;CAEA,SAAS,WAAW,IAAkB;EACpC,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE;EACjC,IAAI,OAAO,UAAU,MAAM;GACzB,aAAa,MAAM,MAAM;GACzB,MAAM,SAAS;EACjB;EACA,MAAM,OAAO,OAAO,EAAE;CACxB;CAEA,SAAS,KAAK,OAA2B;EACvC,MAAM,UAAU,MAAM,aAAa;EAKnC,IAAI,MAAM,cAAc,KAAA,GAAW;GACjC,MAAM,WAAW,MAAM,OAAO,MAAK,SAAQ,KAAK,cAAc,MAAM,SAAS;GAC7E,IAAI,UAAU;IAGZ,WAAW,SAAS,IAAI;KAAE,GAAG;KAAO,MAAM,MAAM,QAAQ;KAAQ,WAAW;IAAQ,CAAC;IACpF,OAAO,SAAS;GAClB;EACF;EAEA,MAAM,KAAK,OAAO;EAClB,MAAM,QAAe;GACnB;GACA,OAAO,MAAM;GACb,SAAS,MAAM;GACf,MAAM,MAAM,QAAQ;GACpB,WAAW,UAAU,IAAI,UAAU;GACnC,QAAQ,MAAM;GACd,SAAS,MAAM;GACf,WAAW,MAAM;EACnB;EAEA,MAAM,OAAO,QAAQ,KAAK;EAC1B,UAAU;EAEV,IAAI,MAAM,YAAY,GAAG;GACvB,MAAM,QAAoB;IAAE,QAAQ;IAAM,WAAW,MAAM;IAAW,WAAW,IAAI;GAAE;GACvF,MAAM,OAAO,IAAI,IAAI,KAAK;GAC1B,SAAS,IAAI,KAAK;EACpB;EAEA,OAAO;CACT;CASA,SAAS,YAAkB;EACzB,OAAO,MAAM,OAAO,SAAS,MAAM,WAAW;GAC5C,MAAM,UAAU,MAAM,OAAO,IAAI;GACjC,IAAI,SACF,WAAW,QAAQ,EAAE;EACzB;CACF;;;;;;;;;CAUA,SAAS,OAAO,IAAY,OAAqC;EAC/D,MAAM,QAAQ,MAAM,OAAO,MAAK,SAAQ,KAAK,OAAO,EAAE;EACtD,IAAI,CAAC,OACH,OAAO;EAET,IAAI,MAAM,UAAU,KAAA,GAClB,MAAM,QAAQ,MAAM;EACtB,IAAI,MAAM,YAAY,KAAA,GACpB,MAAM,UAAU,MAAM;EACxB,IAAI,MAAM,SAAS,KAAA,GACjB,MAAM,OAAO,MAAM;EACrB,IAAI,MAAM,WAAW,KAAA,GACnB,MAAM,SAAS,MAAM;EACvB,IAAI,MAAM,YAAY,KAAA,GACpB,MAAM,UAAU,MAAM;EAExB,IAAI,MAAM,cAAc,KAAA,GACtB,MAAM,YAAY,WAAW,IAAI,MAAM,SAAS;EAElD,OAAO;CACT;;CAGA,SAAS,WAAW,IAAY,WAA2B;EACzD,WAAW,EAAE;EACb,MAAM,OAAO,YAAY,IAAI,YAAY;EAEzC,IAAI,OAAO,GAAG;GACZ,MAAM,QAAoB;IAAE,QAAQ;IAAM,WAAW;IAAM,WAAW,IAAI;GAAE;GAC5E,MAAM,OAAO,IAAI,IAAI,KAAK;GAC1B,SAAS,IAAI,KAAK;EACpB;EAEA,OAAO;CACT;;;;;;CAOA,SAAS,WAAW,IAAY,OAAoE;EAClG,MAAM,QAAQ,MAAM,OAAO,MAAK,SAAQ,KAAK,OAAO,EAAE;EACtD,IAAI,CAAC,OACH;EAEF,MAAM,QAAQ,MAAM;EACpB,MAAM,UAAU,MAAM;EACtB,MAAM,OAAO,MAAM;EACnB,MAAM,SAAS,MAAM;EACrB,MAAM,UAAU,MAAM;EACtB,MAAM,YAAY,WAAW,IAAI,MAAM,SAAS;CAClD;;;;;;;;;;;CAYA,SAAS,QAAW,OAAmB,UAA+C;EACpF,MAAM,KAAK,KAAK;GAAE,MAAM;GAAQ,GAAG,aAAa,SAAS,OAAO;GAAG,WAAW;EAAE,CAAC;EAEjF,MAAM,MACH,UAAU;GACT,MAAM,QAAQ,eAAe,SAAS,SAAS,KAAK;GACpD,WAAW,IAAI;IAAE,GAAG;IAAO,MAAM,MAAM,QAAQ;IAAW,WAAW,MAAM,aAAa;GAAmB,CAAC;EAC9G,IACC,WAAoB;GACnB,MAAM,QAAQ,eAAe,SAAS,OAAO,MAAM;GACnD,WAAW,IAAI;IAAE,GAAG;IAAO,MAAM,MAAM,QAAQ;IAAU,WAAW,MAAM,aAAa;GAAmB,CAAC;EAC7G,CACF;EAEA,OAAO;CACT;;CAGA,SAAS,MAAM,IAAkB;EAC/B,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE;EACjC,IAAI,CAAC,SAAS,MAAM,UAAU,MAC5B;EAEF,aAAa,MAAM,MAAM;EACzB,MAAM,SAAS;EACf,MAAM,YAAY,KAAK,IAAI,GAAG,MAAM,aAAa,IAAI,IAAI,MAAM,UAAU;CAC3E;;CAGA,SAAS,OAAO,IAAkB;EAChC,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE;EACjC,IAAI,CAAC,SAAS,MAAM,UAAU,MAC5B;EAEF,SAAS,IAAI,KAAK;CACpB;CAEA,SAAS,QAAQ,IAAkB;EACjC,WAAW,EAAE;EACb,MAAM,QAAQ,MAAM,OAAO,WAAU,UAAS,MAAM,OAAO,EAAE;EAC7D,IAAI,SAAS,GACX,MAAM,OAAO,OAAO,OAAO,CAAC;CAChC;CAEA,SAAS,QAAc;EACrB,KAAK,MAAM,MAAM,CAAC,GAAG,MAAM,OAAO,KAAK,CAAC,GAAG,WAAW,EAAE;EACxD,MAAM,OAAO,OAAO,GAAG,MAAM,OAAO,MAAM;CAC5C;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AAEA,SAAS,aAAa,SAA0C;CAC9D,OAAO,OAAO,YAAY,WAAW,EAAE,OAAO,QAAQ,IAAI;AAC5D;AAEA,SAAS,eACP,SACA,OACY;CACZ,OAAO,aAAa,OAAO,YAAY,aAAa,QAAQ,KAAK,IAAI,OAAO;AAC9E"}

package/dist/composables/useVirtualList.js.map

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

package/dist/directives/autofocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"autofocus.js","names":[],"sources":["../../src/directives/autofocus.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { nextTick } from 'vue'\n\nexport type AutofocusBindingValue =\n  | boolean\n  | string\n  | {\n      selector?: string\n      preventScroll?: boolean\n      disabled?: boolean\n    }\n\nfunction resolveOptions(value: AutofocusBindingValue | undefined) {\n  if (value === false) {\n    return { enabled: false, selector: '', preventScroll: true }\n  }\n\n  if (typeof value === 'string') {\n    return { enabled: true, selector: value, preventScroll: true }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      enabled: value.disabled !== true,\n      selector: value.selector,\n      preventScroll: value.preventScroll ?? true,\n    }\n  }\n\n  return { enabled: true, selector: undefined as string | undefined, preventScroll: true }\n}\n\nfunction tryFocus(target: Element | null | undefined, preventScroll: boolean) {\n  if (!target) return\n\n  const focusable = target as unknown as { focus?: (options?: any) => void }\n  if (typeof focusable.focus !== 'function') return\n\n  try {\n    focusable.focus({ preventScroll })\n  } catch {\n    // Fallback for browsers that don't support FocusOptions.\n    focusable.focus()\n  }\n}\n\n/**\n * `v-autofocus` — универсальный автофокус.\n * Работает как на нативных элементах, так и на компонентах-обёртках (фокусирует вложенный `input/textarea/...`).\n */\nexport const vAutofocus: Directive<HTMLElement, AutofocusBindingValue> = {\n  mounted(el, binding) {\n    const { enabled, selector, preventScroll } = resolveOptions(binding.value)\n    if (!enabled) return\n\n    void nextTick().then(() => {\n      // Небольшая задержка помогает, когда внутренний input появляется после обновления/анимаций.\n      requestAnimationFrame(() => {\n        const defaultSelector = 'input, textarea, select, button, [tabindex]:not([tabindex=\"-1\"])'\n        const finalSelector = selector || defaultSelector\n\n        if ((el as any).matches?.(finalSelector)) {\n          tryFocus(el, preventScroll)\n          return\n        }\n\n        const inner = el.querySelector?.(finalSelector)\n        tryFocus(inner, preventScroll)\n      })\n    })\n  },\n}\n"],"mappings":";;AAYA,SAAS,eAAe,OAA0C;CAChE,IAAI,UAAU,OACZ,OAAO;EAAE,SAAS;EAAO,UAAU;EAAI,eAAe;CAAK;CAG7D,IAAI,OAAO,UAAU,UACnB,OAAO;EAAE,SAAS;EAAM,UAAU;EAAO,eAAe;CAAK;CAG/D,IAAI,SAAS,OAAO,UAAU,UAC5B,OAAO;EACL,SAAS,MAAM,aAAa;EAC5B,UAAU,MAAM;EAChB,eAAe,MAAM,iBAAiB;CACxC;CAGF,OAAO;EAAE,SAAS;EAAM,UAAU,KAAA;EAAiC,eAAe;CAAK;AACzF;AAEA,SAAS,SAAS,QAAoC,eAAwB;CAC5E,IAAI,CAAC,QAAQ;CAEb,MAAM,YAAY;CAClB,IAAI,OAAO,UAAU,UAAU,YAAY;CAE3C,IAAI;EACF,UAAU,MAAM,EAAE,cAAc,CAAC;CACnC,QAAQ;EAEN,UAAU,MAAM;CAClB;AACF;;;;;AAMA,IAAa,aAA4D,EACvE,QAAQ,IAAI,SAAS;CACnB,MAAM,EAAE,SAAS,UAAU,kBAAkB,eAAe,QAAQ,KAAK;CACzE,IAAI,CAAC,SAAS;CAEd,SAAc,CAAC,CAAC,WAAW;EAEzB,4BAA4B;GAE1B,MAAM,gBAAgB,YAAY;GAElC,IAAK,GAAW,UAAU,aAAa,GAAG;IACxC,SAAS,IAAI,aAAa;IAC1B;GACF;GAEA,MAAM,QAAQ,GAAG,gBAAgB,aAAa;GAC9C,SAAS,OAAO,aAAa;EAC/B,CAAC;CACH,CAAC;AACH,EACF"}
+{"version":3,"file":"autofocus.js","names":[],"sources":["../../src/directives/autofocus.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { nextTick } from 'vue'\n\nexport type AutofocusBindingValue\n  = | boolean\n    | string\n    | {\n      selector?: string\n      preventScroll?: boolean\n      disabled?: boolean\n    }\n\nfunction resolveOptions(value: AutofocusBindingValue | undefined) {\n  if (value === false) {\n    return { enabled: false, selector: '', preventScroll: true }\n  }\n\n  if (typeof value === 'string') {\n    return { enabled: true, selector: value, preventScroll: true }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      enabled: value.disabled !== true,\n      selector: value.selector,\n      preventScroll: value.preventScroll ?? true,\n    }\n  }\n\n  return { enabled: true, selector: undefined as string | undefined, preventScroll: true }\n}\n\nfunction tryFocus(target: Element | null | undefined, preventScroll: boolean) {\n  if (!target)\n    return\n\n  const focusable = target as unknown as { focus?: (options?: any) => void }\n  if (typeof focusable.focus !== 'function')\n    return\n\n  try {\n    focusable.focus({ preventScroll })\n  }\n  catch {\n    // Fallback for browsers that don't support FocusOptions.\n    focusable.focus()\n  }\n}\n\n/**\n * `v-autofocus` — универсальный автофокус.\n * Работает как на нативных элементах, так и на компонентах-обёртках (фокусирует вложенный `input/textarea/...`).\n */\nexport const vAutofocus: Directive<HTMLElement, AutofocusBindingValue> = {\n  mounted(el, binding) {\n    const { enabled, selector, preventScroll } = resolveOptions(binding.value)\n    if (!enabled)\n      return\n\n    void nextTick().then(() => {\n      // Небольшая задержка помогает, когда внутренний input появляется после обновления/анимаций.\n      requestAnimationFrame(() => {\n        const defaultSelector = 'input, textarea, select, button, [tabindex]:not([tabindex=\"-1\"])'\n        const finalSelector = selector || defaultSelector\n\n        if ((el as any).matches?.(finalSelector)) {\n          tryFocus(el, preventScroll)\n          return\n        }\n\n        const inner = el.querySelector?.(finalSelector)\n        tryFocus(inner, preventScroll)\n      })\n    })\n  },\n}\n"],"mappings":";;AAYA,SAAS,eAAe,OAA0C;CAChE,IAAI,UAAU,OACZ,OAAO;EAAE,SAAS;EAAO,UAAU;EAAI,eAAe;CAAK;CAG7D,IAAI,OAAO,UAAU,UACnB,OAAO;EAAE,SAAS;EAAM,UAAU;EAAO,eAAe;CAAK;CAG/D,IAAI,SAAS,OAAO,UAAU,UAC5B,OAAO;EACL,SAAS,MAAM,aAAa;EAC5B,UAAU,MAAM;EAChB,eAAe,MAAM,iBAAiB;CACxC;CAGF,OAAO;EAAE,SAAS;EAAM,UAAU,KAAA;EAAiC,eAAe;CAAK;AACzF;AAEA,SAAS,SAAS,QAAoC,eAAwB;CAC5E,IAAI,CAAC,QACH;CAEF,MAAM,YAAY;CAClB,IAAI,OAAO,UAAU,UAAU,YAC7B;CAEF,IAAI;EACF,UAAU,MAAM,EAAE,cAAc,CAAC;CACnC,QACM;EAEJ,UAAU,MAAM;CAClB;AACF;;;;;AAMA,IAAa,aAA4D,EACvE,QAAQ,IAAI,SAAS;CACnB,MAAM,EAAE,SAAS,UAAU,kBAAkB,eAAe,QAAQ,KAAK;CACzE,IAAI,CAAC,SACH;CAEF,SAAc,CAAC,CAAC,WAAW;EAEzB,4BAA4B;GAE1B,MAAM,gBAAgB,YAAY;GAElC,IAAK,GAAW,UAAU,aAAa,GAAG;IACxC,SAAS,IAAI,aAAa;IAC1B;GACF;GAEA,MAAM,QAAQ,GAAG,gBAAgB,aAAa;GAC9C,SAAS,OAAO,aAAa;EAC/B,CAAC;CACH,CAAC;AACH,EACF"}

package/dist/directives/autosize.js.map

@@ -1 +1 @@
-{"version":3,"file":"autosize.js","names":[],"sources":["../../src/directives/autosize.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { nextTick } from 'vue'\n\nexport type AutosizeBindingValue =\n  | boolean\n  | {\n      enabled?: boolean\n    }\n\ntype InternalState = {\n  textarea: HTMLTextAreaElement | null\n  onInput: (() => void) | null\n  prevOverflowY: string | null\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction normalize(value: AutosizeBindingValue | undefined) {\n  if (value === false) return { enabled: false }\n  if (value && typeof value === 'object') return { enabled: value.enabled ?? true }\n  return { enabled: true }\n}\n\nfunction resolveTextarea(el: HTMLElement): HTMLTextAreaElement | null {\n  if (el instanceof HTMLTextAreaElement) return el\n  return el.querySelector('textarea')\n}\n\nfunction toNumber(input: string): number {\n  const n = Number.parseFloat(input)\n  return Number.isFinite(n) ? n : 0\n}\n\nfunction autosize(textarea: HTMLTextAreaElement) {\n  // Важно сбросить, чтобы textarea могла уменьшаться при удалении текста.\n  textarea.style.height = 'auto'\n\n  const style = getComputedStyle(textarea)\n  const border = toNumber(style.borderTopWidth) + toNumber(style.borderBottomWidth)\n  const height = style.boxSizing === 'border-box' ? textarea.scrollHeight + border : textarea.scrollHeight\n\n  textarea.style.height = `${height}px`\n}\n\nfunction scheduleAutosize(textarea: HTMLTextAreaElement) {\n  void nextTick().then(() => {\n    requestAnimationFrame(() => autosize(textarea))\n  })\n}\n\n/**\n * `v-autosize` — автоподстройка высоты `textarea`.\n *\n * Пример:\n * ```vue\n * <textarea v-autosize />\n * ```\n */\nexport const vAutosize: Directive<HTMLElement, AutosizeBindingValue> = {\n  mounted(el, binding) {\n    const { enabled } = normalize(binding.value)\n    const textarea = resolveTextarea(el)\n\n    const state: InternalState = {\n      textarea,\n      onInput: null,\n      prevOverflowY: textarea ? textarea.style.overflowY : null,\n    }\n    states.set(el, state)\n\n    if (!enabled || !textarea) return\n\n    textarea.style.overflowY = 'hidden'\n    autosize(textarea)\n    scheduleAutosize(textarea)\n\n    const onInput = () => {\n      const current = states.get(el)\n      if (!current?.textarea) return\n      autosize(current.textarea)\n    }\n\n    state.onInput = onInput\n    textarea.addEventListener('input', onInput)\n  },\n  updated(el, binding) {\n    const { enabled } = normalize(binding.value)\n    const state = states.get(el)\n    if (!state) return\n\n    const nextTextarea = resolveTextarea(el)\n    if (state.textarea !== nextTextarea) {\n      if (state.textarea && state.onInput) {\n        state.textarea.removeEventListener('input', state.onInput)\n      }\n\n      state.textarea = nextTextarea\n      state.prevOverflowY = nextTextarea ? nextTextarea.style.overflowY : null\n      state.onInput = null\n\n      if (enabled && nextTextarea) {\n        nextTextarea.style.overflowY = 'hidden'\n        autosize(nextTextarea)\n        scheduleAutosize(nextTextarea)\n\n        const onInput = () => {\n          const current = states.get(el)\n          if (!current?.textarea) return\n          autosize(current.textarea)\n        }\n        state.onInput = onInput\n        nextTextarea.addEventListener('input', onInput)\n      }\n\n      return\n    }\n\n    if (!state.textarea) return\n\n    if (!enabled) {\n      // Disabled in-flight: detach listener and restore previous overflow.\n      if (state.onInput) {\n        state.textarea.removeEventListener('input', state.onInput)\n        state.onInput = null\n      }\n      if (state.prevOverflowY !== null) {\n        state.textarea.style.overflowY = state.prevOverflowY\n      }\n      return\n    }\n\n    // Re-enable after being disabled: reattach listener and re-apply overflow.\n    if (!state.onInput) {\n      state.prevOverflowY = state.textarea.style.overflowY\n      state.textarea.style.overflowY = 'hidden'\n\n      const onInput = () => {\n        const current = states.get(el)\n        if (!current?.textarea) return\n        autosize(current.textarea)\n      }\n      state.onInput = onInput\n      state.textarea.addEventListener('input', onInput)\n    }\n\n    autosize(state.textarea)\n    scheduleAutosize(state.textarea)\n  },\n  unmounted(el) {\n    const state = states.get(el)\n    if (!state) return\n\n    if (state.textarea && state.onInput) {\n      state.textarea.removeEventListener('input', state.onInput)\n      if (state.prevOverflowY !== null) state.textarea.style.overflowY = state.prevOverflowY\n    }\n\n    states.delete(el)\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"autosize.js","names":[],"sources":["../../src/directives/autosize.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { nextTick } from 'vue'\n\nexport type AutosizeBindingValue\n  = | boolean\n    | {\n      enabled?: boolean\n    }\n\ntype InternalState = {\n  textarea: HTMLTextAreaElement | null\n  onInput: (() => void) | null\n  prevOverflowY: string | null\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction normalize(value: AutosizeBindingValue | undefined) {\n  if (value === false)\n    return { enabled: false }\n  if (value && typeof value === 'object')\n    return { enabled: value.enabled ?? true }\n  return { enabled: true }\n}\n\nfunction resolveTextarea(el: HTMLElement): HTMLTextAreaElement | null {\n  if (el instanceof HTMLTextAreaElement)\n    return el\n  return el.querySelector('textarea')\n}\n\nfunction toNumber(input: string): number {\n  const n = Number.parseFloat(input)\n  return Number.isFinite(n) ? n : 0\n}\n\nfunction autosize(textarea: HTMLTextAreaElement) {\n  // Важно сбросить, чтобы textarea могла уменьшаться при удалении текста.\n  textarea.style.height = 'auto'\n\n  const style = getComputedStyle(textarea)\n  const border = toNumber(style.borderTopWidth) + toNumber(style.borderBottomWidth)\n  const height = style.boxSizing === 'border-box' ? textarea.scrollHeight + border : textarea.scrollHeight\n\n  textarea.style.height = `${height}px`\n}\n\nfunction scheduleAutosize(textarea: HTMLTextAreaElement) {\n  void nextTick().then(() => {\n    requestAnimationFrame(() => autosize(textarea))\n  })\n}\n\n/**\n * `v-autosize` — автоподстройка высоты `textarea`.\n *\n * Пример:\n * ```vue\n * <textarea v-autosize />\n * ```\n */\nexport const vAutosize: Directive<HTMLElement, AutosizeBindingValue> = {\n  mounted(el, binding) {\n    const { enabled } = normalize(binding.value)\n    const textarea = resolveTextarea(el)\n\n    const state: InternalState = {\n      textarea,\n      onInput: null,\n      prevOverflowY: textarea ? textarea.style.overflowY : null,\n    }\n    states.set(el, state)\n\n    if (!enabled || !textarea)\n      return\n\n    textarea.style.overflowY = 'hidden'\n    autosize(textarea)\n    scheduleAutosize(textarea)\n\n    const onInput = () => {\n      const current = states.get(el)\n      if (!current?.textarea)\n        return\n      autosize(current.textarea)\n    }\n\n    state.onInput = onInput\n    textarea.addEventListener('input', onInput)\n  },\n  updated(el, binding) {\n    const { enabled } = normalize(binding.value)\n    const state = states.get(el)\n    if (!state)\n      return\n\n    const nextTextarea = resolveTextarea(el)\n    if (state.textarea !== nextTextarea) {\n      if (state.textarea && state.onInput) {\n        state.textarea.removeEventListener('input', state.onInput)\n      }\n\n      state.textarea = nextTextarea\n      state.prevOverflowY = nextTextarea ? nextTextarea.style.overflowY : null\n      state.onInput = null\n\n      if (enabled && nextTextarea) {\n        nextTextarea.style.overflowY = 'hidden'\n        autosize(nextTextarea)\n        scheduleAutosize(nextTextarea)\n\n        const onInput = () => {\n          const current = states.get(el)\n          if (!current?.textarea)\n            return\n          autosize(current.textarea)\n        }\n        state.onInput = onInput\n        nextTextarea.addEventListener('input', onInput)\n      }\n\n      return\n    }\n\n    if (!state.textarea)\n      return\n\n    if (!enabled) {\n      // Disabled in-flight: detach listener and restore previous overflow.\n      if (state.onInput) {\n        state.textarea.removeEventListener('input', state.onInput)\n        state.onInput = null\n      }\n      if (state.prevOverflowY !== null) {\n        state.textarea.style.overflowY = state.prevOverflowY\n      }\n      return\n    }\n\n    // Re-enable after being disabled: reattach listener and re-apply overflow.\n    if (!state.onInput) {\n      state.prevOverflowY = state.textarea.style.overflowY\n      state.textarea.style.overflowY = 'hidden'\n\n      const onInput = () => {\n        const current = states.get(el)\n        if (!current?.textarea)\n          return\n        autosize(current.textarea)\n      }\n      state.onInput = onInput\n      state.textarea.addEventListener('input', onInput)\n    }\n\n    autosize(state.textarea)\n    scheduleAutosize(state.textarea)\n  },\n  unmounted(el) {\n    const state = states.get(el)\n    if (!state)\n      return\n\n    if (state.textarea && state.onInput) {\n      state.textarea.removeEventListener('input', state.onInput)\n      if (state.prevOverflowY !== null)\n        state.textarea.style.overflowY = state.prevOverflowY\n    }\n\n    states.delete(el)\n  },\n}\n"],"mappings":";;AAeA,IAAM,yBAAS,IAAI,QAAoC;AAEvD,SAAS,UAAU,OAAyC;CAC1D,IAAI,UAAU,OACZ,OAAO,EAAE,SAAS,MAAM;CAC1B,IAAI,SAAS,OAAO,UAAU,UAC5B,OAAO,EAAE,SAAS,MAAM,WAAW,KAAK;CAC1C,OAAO,EAAE,SAAS,KAAK;AACzB;AAEA,SAAS,gBAAgB,IAA6C;CACpE,IAAI,cAAc,qBAChB,OAAO;CACT,OAAO,GAAG,cAAc,UAAU;AACpC;AAEA,SAAS,SAAS,OAAuB;CACvC,MAAM,IAAI,OAAO,WAAW,KAAK;CACjC,OAAO,OAAO,SAAS,CAAC,IAAI,IAAI;AAClC;AAEA,SAAS,SAAS,UAA+B;CAE/C,SAAS,MAAM,SAAS;CAExB,MAAM,QAAQ,iBAAiB,QAAQ;CACvC,MAAM,SAAS,SAAS,MAAM,cAAc,IAAI,SAAS,MAAM,iBAAiB;CAChF,MAAM,SAAS,MAAM,cAAc,eAAe,SAAS,eAAe,SAAS,SAAS;CAE5F,SAAS,MAAM,SAAS,GAAG,OAAO;AACpC;AAEA,SAAS,iBAAiB,UAA+B;CACvD,SAAc,CAAC,CAAC,WAAW;EACzB,4BAA4B,SAAS,QAAQ,CAAC;CAChD,CAAC;AACH;;;;;;;;;AAUA,IAAa,YAA0D;CACrE,QAAQ,IAAI,SAAS;EACnB,MAAM,EAAE,YAAY,UAAU,QAAQ,KAAK;EAC3C,MAAM,WAAW,gBAAgB,EAAE;EAEnC,MAAM,QAAuB;GAC3B;GACA,SAAS;GACT,eAAe,WAAW,SAAS,MAAM,YAAY;EACvD;EACA,OAAO,IAAI,IAAI,KAAK;EAEpB,IAAI,CAAC,WAAW,CAAC,UACf;EAEF,SAAS,MAAM,YAAY;EAC3B,SAAS,QAAQ;EACjB,iBAAiB,QAAQ;EAEzB,MAAM,gBAAgB;GACpB,MAAM,UAAU,OAAO,IAAI,EAAE;GAC7B,IAAI,CAAC,SAAS,UACZ;GACF,SAAS,QAAQ,QAAQ;EAC3B;EAEA,MAAM,UAAU;EAChB,SAAS,iBAAiB,SAAS,OAAO;CAC5C;CACA,QAAQ,IAAI,SAAS;EACnB,MAAM,EAAE,YAAY,UAAU,QAAQ,KAAK;EAC3C,MAAM,QAAQ,OAAO,IAAI,EAAE;EAC3B,IAAI,CAAC,OACH;EAEF,MAAM,eAAe,gBAAgB,EAAE;EACvC,IAAI,MAAM,aAAa,cAAc;GACnC,IAAI,MAAM,YAAY,MAAM,SAC1B,MAAM,SAAS,oBAAoB,SAAS,MAAM,OAAO;GAG3D,MAAM,WAAW;GACjB,MAAM,gBAAgB,eAAe,aAAa,MAAM,YAAY;GACpE,MAAM,UAAU;GAEhB,IAAI,WAAW,cAAc;IAC3B,aAAa,MAAM,YAAY;IAC/B,SAAS,YAAY;IACrB,iBAAiB,YAAY;IAE7B,MAAM,gBAAgB;KACpB,MAAM,UAAU,OAAO,IAAI,EAAE;KAC7B,IAAI,CAAC,SAAS,UACZ;KACF,SAAS,QAAQ,QAAQ;IAC3B;IACA,MAAM,UAAU;IAChB,aAAa,iBAAiB,SAAS,OAAO;GAChD;GAEA;EACF;EAEA,IAAI,CAAC,MAAM,UACT;EAEF,IAAI,CAAC,SAAS;GAEZ,IAAI,MAAM,SAAS;IACjB,MAAM,SAAS,oBAAoB,SAAS,MAAM,OAAO;IACzD,MAAM,UAAU;GAClB;GACA,IAAI,MAAM,kBAAkB,MAC1B,MAAM,SAAS,MAAM,YAAY,MAAM;GAEzC;EACF;EAGA,IAAI,CAAC,MAAM,SAAS;GAClB,MAAM,gBAAgB,MAAM,SAAS,MAAM;GAC3C,MAAM,SAAS,MAAM,YAAY;GAEjC,MAAM,gBAAgB;IACpB,MAAM,UAAU,OAAO,IAAI,EAAE;IAC7B,IAAI,CAAC,SAAS,UACZ;IACF,SAAS,QAAQ,QAAQ;GAC3B;GACA,MAAM,UAAU;GAChB,MAAM,SAAS,iBAAiB,SAAS,OAAO;EAClD;EAEA,SAAS,MAAM,QAAQ;EACvB,iBAAiB,MAAM,QAAQ;CACjC;CACA,UAAU,IAAI;EACZ,MAAM,QAAQ,OAAO,IAAI,EAAE;EAC3B,IAAI,CAAC,OACH;EAEF,IAAI,MAAM,YAAY,MAAM,SAAS;GACnC,MAAM,SAAS,oBAAoB,SAAS,MAAM,OAAO;GACzD,IAAI,MAAM,kBAAkB,MAC1B,MAAM,SAAS,MAAM,YAAY,MAAM;EAC3C;EAEA,OAAO,OAAO,EAAE;CAClB;AACF"}

package/dist/directives/clickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutside.js","names":[],"sources":["../../src/directives/clickOutside.ts"],"sourcesContent":["import type { Directive } from 'vue'\n\nexport type ClickOutsideHandler = (event: MouseEvent | TouchEvent | PointerEvent) => void\n\nexport type ClickOutsideExclude = HTMLElement | string | (() => HTMLElement | null | undefined)\n\nexport type ClickOutsideBindingValue =\n  | ClickOutsideHandler\n  | {\n      handler: ClickOutsideHandler\n      /** По умолчанию `true`. */\n      enabled?: boolean\n      /** По умолчанию `true` (слушаем в capture, чтобы stopPropagation внутри не ломал закрытие). */\n      capture?: boolean\n      /** Список событий. По умолчанию `['click']`. */\n      events?: Array<'click' | 'mousedown' | 'touchstart' | 'pointerdown'>\n      /** Элементы/селекторы, клики по которым считаются \"внутри\". */\n      exclude?: ClickOutsideExclude[]\n    }\n\ntype NormalizedOptions = {\n  enabled: boolean\n  capture: boolean\n  events: Array<'click' | 'mousedown' | 'touchstart' | 'pointerdown'>\n  handler: ClickOutsideHandler | undefined\n  exclude: ClickOutsideExclude[]\n}\n\nfunction normalize(value: ClickOutsideBindingValue | undefined): NormalizedOptions {\n  if (typeof value === 'function') {\n    return { enabled: true, capture: true, events: ['click'], handler: value, exclude: [] }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      enabled: value.enabled ?? true,\n      capture: value.capture ?? true,\n      events: value.events?.length ? value.events : ['click'],\n      handler: value.handler,\n      exclude: value.exclude ?? [],\n    }\n  }\n\n  return { enabled: false, capture: true, events: ['click'], handler: undefined, exclude: [] }\n}\n\nfunction isEventInside(el: HTMLElement, event: Event): boolean {\n  const target = event.target as Node | null\n  if (!target) return false\n\n  const composedPath = (event as any).composedPath?.() as EventTarget[] | undefined\n  if (Array.isArray(composedPath)) {\n    return composedPath.includes(el)\n  }\n\n  return el.contains(target)\n}\n\nfunction resolveExclude(doc: Document, exclude: ClickOutsideExclude[]): HTMLElement[] {\n  const resolved: HTMLElement[] = []\n\n  for (const item of exclude) {\n    if (typeof item === 'string') {\n      const found = doc.querySelector(item)\n      if (found instanceof HTMLElement) resolved.push(found)\n      continue\n    }\n\n    if (typeof item === 'function') {\n      const found = item()\n      if (found instanceof HTMLElement) resolved.push(found)\n      continue\n    }\n\n    if (item instanceof HTMLElement) {\n      resolved.push(item)\n    }\n  }\n\n  return resolved\n}\n\ntype ElementState = {\n  options: NormalizedOptions\n  doc: Document\n  /** Ключи подписок, которые этот элемент держит на своём документе. */\n  keys: string[]\n}\n\nconst states = new WeakMap<HTMLElement, ElementState>()\n\n/**\n * Слушатель — один на документ и вид события, а не на элемент.\n *\n * Каждый элемент со своим слушателем — это десяток подписок на документе у\n * страницы с десятком оверлеев, и полное переподключение на каждом обновлении\n * хозяина: хук `updated` срабатывает на любой ререндер, а набор событий при\n * этом обычно тот же. Здесь подписка живёт по счётчику потребителей, а элементы\n * обходятся общим обработчиком.\n */\nconst documentElements = new WeakMap<Document, Set<HTMLElement>>()\nconst documentSubscriptions = new WeakMap<Document, Map<string, { listener: (event: Event) => void, count: number }>>()\n\nfunction subscriptionKey(type: string, capture: boolean): string {\n  return `${type}|${capture ? 'capture' : 'bubble'}`\n}\n\nfunction keysOf(options: NormalizedOptions): string[] {\n  if (!options.enabled || !options.handler) return []\n\n  return options.events.map(type => subscriptionKey(type, options.capture))\n}\n\nfunction dispatch(doc: Document, event: Event, capture: boolean): void {\n  const elements = documentElements.get(doc)\n  if (!elements) return\n\n  // Копия: обработчик закрывает оверлей, а тот на размонтировании правит набор.\n  for (const el of [...elements]) {\n    const state = states.get(el)\n    if (!state) continue\n\n    const { enabled, handler, exclude, events } = state.options\n    if (!enabled || !handler) continue\n    if (state.options.capture !== capture) continue\n    if (!events.includes(event.type as NormalizedOptions['events'][number])) continue\n\n    if ('button' in (event as any) && typeof (event as any).button === 'number' && (event as any).button !== 0) {\n      continue\n    }\n\n    if (!el.isConnected) continue\n    if (isEventInside(el, event)) continue\n\n    const excluded = resolveExclude(state.doc, exclude)\n    if (excluded.some(item => isEventInside(item, event))) continue\n\n    handler(event as any)\n  }\n}\n\nfunction subscribe(doc: Document, key: string): void {\n  let subscriptions = documentSubscriptions.get(doc)\n  if (!subscriptions) {\n    subscriptions = new Map()\n    documentSubscriptions.set(doc, subscriptions)\n  }\n\n  const existing = subscriptions.get(key)\n  if (existing) {\n    existing.count += 1\n    return\n  }\n\n  const [type, mode] = key.split('|')\n  const capture = mode === 'capture'\n  const listener = (event: Event) => dispatch(doc, event, capture)\n\n  subscriptions.set(key, { listener, count: 1 })\n  doc.addEventListener(type, listener, capture)\n}\n\nfunction unsubscribe(doc: Document, key: string): void {\n  const subscriptions = documentSubscriptions.get(doc)\n  const existing = subscriptions?.get(key)\n  if (!subscriptions || !existing) return\n\n  existing.count -= 1\n  if (existing.count > 0) return\n\n  const [type, mode] = key.split('|')\n  doc.removeEventListener(type, existing.listener, mode === 'capture')\n  subscriptions.delete(key)\n}\n\nfunction unbind(el: HTMLElement) {\n  const state = states.get(el)\n  if (!state) return\n\n  for (const key of state.keys) unsubscribe(state.doc, key)\n\n  documentElements.get(state.doc)?.delete(el)\n  states.delete(el)\n}\n\nfunction bind(el: HTMLElement, value: ClickOutsideBindingValue | undefined) {\n  const doc = el.ownerDocument\n  const previous = states.get(el)\n\n  // Элемент, переехавший в другой документ (портал в отдельное окно), обязан\n  // отпустить подписки прежнего: там его больше нет.\n  if (previous && previous.doc !== doc) unbind(el)\n\n  const options = normalize(value)\n  const nextKeys = keysOf(options)\n  const prevKeys = states.get(el)?.keys ?? []\n\n  states.set(el, { options, doc, keys: nextKeys })\n\n  let elements = documentElements.get(doc)\n  if (!elements) {\n    elements = new Set()\n    documentElements.set(doc, elements)\n  }\n  elements.add(el)\n\n  for (const key of nextKeys) if (!prevKeys.includes(key)) subscribe(doc, key)\n  for (const key of prevKeys) if (!nextKeys.includes(key)) unsubscribe(doc, key)\n}\n\n/**\n * `v-click-outside` — обработчик клика вне элемента (например, закрытие дропдауна/модалки).\n */\nexport const vClickOutside: Directive<HTMLElement, ClickOutsideBindingValue> = {\n  mounted(el, binding) {\n    bind(el, binding.value)\n  },\n  updated(el, binding) {\n    // Не `unbind` + `bind`: разницу подписок считает сам `bind`, а снятие с\n    // последующей постановкой того же слушателя — лишняя работа на каждый\n    // ререндер хозяина.\n    bind(el, binding.value)\n  },\n  unmounted(el) {\n    unbind(el)\n  },\n}\n"],"mappings":";AA4BA,SAAS,UAAU,OAAgE;CACjF,IAAI,OAAO,UAAU,YACnB,OAAO;EAAE,SAAS;EAAM,SAAS;EAAM,QAAQ,CAAC,OAAO;EAAG,SAAS;EAAO,SAAS,CAAC;CAAE;CAGxF,IAAI,SAAS,OAAO,UAAU,UAC5B,OAAO;EACL,SAAS,MAAM,WAAW;EAC1B,SAAS,MAAM,WAAW;EAC1B,QAAQ,MAAM,QAAQ,SAAS,MAAM,SAAS,CAAC,OAAO;EACtD,SAAS,MAAM;EACf,SAAS,MAAM,WAAW,CAAC;CAC7B;CAGF,OAAO;EAAE,SAAS;EAAO,SAAS;EAAM,QAAQ,CAAC,OAAO;EAAG,SAAS,KAAA;EAAW,SAAS,CAAC;CAAE;AAC7F;AAEA,SAAS,cAAc,IAAiB,OAAuB;CAC7D,MAAM,SAAS,MAAM;CACrB,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,eAAgB,MAAc,eAAe;CACnD,IAAI,MAAM,QAAQ,YAAY,GAC5B,OAAO,aAAa,SAAS,EAAE;CAGjC,OAAO,GAAG,SAAS,MAAM;AAC3B;AAEA,SAAS,eAAe,KAAe,SAA+C;CACpF,MAAM,WAA0B,CAAC;CAEjC,KAAK,MAAM,QAAQ,SAAS;EAC1B,IAAI,OAAO,SAAS,UAAU;GAC5B,MAAM,QAAQ,IAAI,cAAc,IAAI;GACpC,IAAI,iBAAiB,aAAa,SAAS,KAAK,KAAK;GACrD;EACF;EAEA,IAAI,OAAO,SAAS,YAAY;GAC9B,MAAM,QAAQ,KAAK;GACnB,IAAI,iBAAiB,aAAa,SAAS,KAAK,KAAK;GACrD;EACF;EAEA,IAAI,gBAAgB,aAClB,SAAS,KAAK,IAAI;CAEtB;CAEA,OAAO;AACT;AASA,IAAM,yBAAS,IAAI,QAAmC;;;;;;;;;;AAWtD,IAAM,mCAAmB,IAAI,QAAoC;AACjE,IAAM,wCAAwB,IAAI,QAAoF;AAEtH,SAAS,gBAAgB,MAAc,SAA0B;CAC/D,OAAO,GAAG,KAAK,GAAG,UAAU,YAAY;AAC1C;AAEA,SAAS,OAAO,SAAsC;CACpD,IAAI,CAAC,QAAQ,WAAW,CAAC,QAAQ,SAAS,OAAO,CAAC;CAElD,OAAO,QAAQ,OAAO,KAAI,SAAQ,gBAAgB,MAAM,QAAQ,OAAO,CAAC;AAC1E;AAEA,SAAS,SAAS,KAAe,OAAc,SAAwB;CACrE,MAAM,WAAW,iBAAiB,IAAI,GAAG;CACzC,IAAI,CAAC,UAAU;CAGf,KAAK,MAAM,MAAM,CAAC,GAAG,QAAQ,GAAG;EAC9B,MAAM,QAAQ,OAAO,IAAI,EAAE;EAC3B,IAAI,CAAC,OAAO;EAEZ,MAAM,EAAE,SAAS,SAAS,SAAS,WAAW,MAAM;EACpD,IAAI,CAAC,WAAW,CAAC,SAAS;EAC1B,IAAI,MAAM,QAAQ,YAAY,SAAS;EACvC,IAAI,CAAC,OAAO,SAAS,MAAM,IAA2C,GAAG;EAEzE,IAAI,YAAa,SAAiB,OAAQ,MAAc,WAAW,YAAa,MAAc,WAAW,GACvG;EAGF,IAAI,CAAC,GAAG,aAAa;EACrB,IAAI,cAAc,IAAI,KAAK,GAAG;EAG9B,IADiB,eAAe,MAAM,KAAK,OACvC,CAAA,CAAS,MAAK,SAAQ,cAAc,MAAM,KAAK,CAAC,GAAG;EAEvD,QAAQ,KAAY;CACtB;AACF;AAEA,SAAS,UAAU,KAAe,KAAmB;CACnD,IAAI,gBAAgB,sBAAsB,IAAI,GAAG;CACjD,IAAI,CAAC,eAAe;EAClB,gCAAgB,IAAI,IAAI;EACxB,sBAAsB,IAAI,KAAK,aAAa;CAC9C;CAEA,MAAM,WAAW,cAAc,IAAI,GAAG;CACtC,IAAI,UAAU;EACZ,SAAS,SAAS;EAClB;CACF;CAEA,MAAM,CAAC,MAAM,QAAQ,IAAI,MAAM,GAAG;CAClC,MAAM,UAAU,SAAS;CACzB,MAAM,YAAY,UAAiB,SAAS,KAAK,OAAO,OAAO;CAE/D,cAAc,IAAI,KAAK;EAAE;EAAU,OAAO;CAAE,CAAC;CAC7C,IAAI,iBAAiB,MAAM,UAAU,OAAO;AAC9C;AAEA,SAAS,YAAY,KAAe,KAAmB;CACrD,MAAM,gBAAgB,sBAAsB,IAAI,GAAG;CACnD,MAAM,WAAW,eAAe,IAAI,GAAG;CACvC,IAAI,CAAC,iBAAiB,CAAC,UAAU;CAEjC,SAAS,SAAS;CAClB,IAAI,SAAS,QAAQ,GAAG;CAExB,MAAM,CAAC,MAAM,QAAQ,IAAI,MAAM,GAAG;CAClC,IAAI,oBAAoB,MAAM,SAAS,UAAU,SAAS,SAAS;CACnE,cAAc,OAAO,GAAG;AAC1B;AAEA,SAAS,OAAO,IAAiB;CAC/B,MAAM,QAAQ,OAAO,IAAI,EAAE;CAC3B,IAAI,CAAC,OAAO;CAEZ,KAAK,MAAM,OAAO,MAAM,MAAM,YAAY,MAAM,KAAK,GAAG;CAExD,iBAAiB,IAAI,MAAM,GAAG,CAAC,EAAE,OAAO,EAAE;CAC1C,OAAO,OAAO,EAAE;AAClB;AAEA,SAAS,KAAK,IAAiB,OAA6C;CAC1E,MAAM,MAAM,GAAG;CACf,MAAM,WAAW,OAAO,IAAI,EAAE;CAI9B,IAAI,YAAY,SAAS,QAAQ,KAAK,OAAO,EAAE;CAE/C,MAAM,UAAU,UAAU,KAAK;CAC/B,MAAM,WAAW,OAAO,OAAO;CAC/B,MAAM,WAAW,OAAO,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC;CAE1C,OAAO,IAAI,IAAI;EAAE;EAAS;EAAK,MAAM;CAAS,CAAC;CAE/C,IAAI,WAAW,iBAAiB,IAAI,GAAG;CACvC,IAAI,CAAC,UAAU;EACb,2BAAW,IAAI,IAAI;EACnB,iBAAiB,IAAI,KAAK,QAAQ;CACpC;CACA,SAAS,IAAI,EAAE;CAEf,KAAK,MAAM,OAAO,UAAU,IAAI,CAAC,SAAS,SAAS,GAAG,GAAG,UAAU,KAAK,GAAG;CAC3E,KAAK,MAAM,OAAO,UAAU,IAAI,CAAC,SAAS,SAAS,GAAG,GAAG,YAAY,KAAK,GAAG;AAC/E;;;;AAKA,IAAa,gBAAkE;CAC7E,QAAQ,IAAI,SAAS;EACnB,KAAK,IAAI,QAAQ,KAAK;CACxB;CACA,QAAQ,IAAI,SAAS;EAInB,KAAK,IAAI,QAAQ,KAAK;CACxB;CACA,UAAU,IAAI;EACZ,OAAO,EAAE;CACX;AACF"}
+{"version":3,"file":"clickOutside.js","names":[],"sources":["../../src/directives/clickOutside.ts"],"sourcesContent":["import type { Directive } from 'vue'\n\nexport type ClickOutsideHandler = (event: MouseEvent | TouchEvent | PointerEvent) => void\n\nexport type ClickOutsideExclude = HTMLElement | string | (() => HTMLElement | null | undefined)\n\nexport type ClickOutsideBindingValue\n  = | ClickOutsideHandler\n    | {\n      handler: ClickOutsideHandler\n      /** По умолчанию `true`. */\n      enabled?: boolean\n      /** По умолчанию `true` (слушаем в capture, чтобы stopPropagation внутри не ломал закрытие). */\n      capture?: boolean\n      /** Список событий. По умолчанию `['click']`. */\n      events?: Array<'click' | 'mousedown' | 'touchstart' | 'pointerdown'>\n      /** Элементы/селекторы, клики по которым считаются \"внутри\". */\n      exclude?: ClickOutsideExclude[]\n    }\n\ntype NormalizedOptions = {\n  enabled: boolean\n  capture: boolean\n  events: Array<'click' | 'mousedown' | 'touchstart' | 'pointerdown'>\n  handler: ClickOutsideHandler | undefined\n  exclude: ClickOutsideExclude[]\n}\n\nfunction normalize(value: ClickOutsideBindingValue | undefined): NormalizedOptions {\n  if (typeof value === 'function') {\n    return { enabled: true, capture: true, events: ['click'], handler: value, exclude: [] }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      enabled: value.enabled ?? true,\n      capture: value.capture ?? true,\n      events: value.events?.length ? value.events : ['click'],\n      handler: value.handler,\n      exclude: value.exclude ?? [],\n    }\n  }\n\n  return { enabled: false, capture: true, events: ['click'], handler: undefined, exclude: [] }\n}\n\nfunction isEventInside(el: HTMLElement, event: Event): boolean {\n  const target = event.target as Node | null\n  if (!target)\n    return false\n\n  const composedPath = (event as any).composedPath?.() as EventTarget[] | undefined\n  if (Array.isArray(composedPath)) {\n    return composedPath.includes(el)\n  }\n\n  return el.contains(target)\n}\n\nfunction resolveExclude(doc: Document, exclude: ClickOutsideExclude[]): HTMLElement[] {\n  const resolved: HTMLElement[] = []\n\n  for (const item of exclude) {\n    if (typeof item === 'string') {\n      const found = doc.querySelector(item)\n      if (found instanceof HTMLElement)\n        resolved.push(found)\n      continue\n    }\n\n    if (typeof item === 'function') {\n      const found = item()\n      if (found instanceof HTMLElement)\n        resolved.push(found)\n      continue\n    }\n\n    if (item instanceof HTMLElement) {\n      resolved.push(item)\n    }\n  }\n\n  return resolved\n}\n\ntype ElementState = {\n  options: NormalizedOptions\n  doc: Document\n  /** Ключи подписок, которые этот элемент держит на своём документе. */\n  keys: string[]\n}\n\nconst states = new WeakMap<HTMLElement, ElementState>()\n\n/**\n * Слушатель — один на документ и вид события, а не на элемент.\n *\n * Каждый элемент со своим слушателем — это десяток подписок на документе у\n * страницы с десятком оверлеев, и полное переподключение на каждом обновлении\n * хозяина: хук `updated` срабатывает на любой ререндер, а набор событий при\n * этом обычно тот же. Здесь подписка живёт по счётчику потребителей, а элементы\n * обходятся общим обработчиком.\n */\nconst documentElements = new WeakMap<Document, Set<HTMLElement>>()\nconst documentSubscriptions = new WeakMap<Document, Map<string, { listener: (event: Event) => void, count: number }>>()\n\nfunction subscriptionKey(type: string, capture: boolean): string {\n  return `${type}|${capture ? 'capture' : 'bubble'}`\n}\n\nfunction keysOf(options: NormalizedOptions): string[] {\n  if (!options.enabled || !options.handler)\n    return []\n\n  return options.events.map(type => subscriptionKey(type, options.capture))\n}\n\nfunction dispatch(doc: Document, event: Event, capture: boolean): void {\n  const elements = documentElements.get(doc)\n  if (!elements)\n    return\n\n  // Копия: обработчик закрывает оверлей, а тот на размонтировании правит набор.\n  for (const el of [...elements]) {\n    const state = states.get(el)\n    if (!state)\n      continue\n\n    const { enabled, handler, exclude, events } = state.options\n    if (!enabled || !handler)\n      continue\n    if (state.options.capture !== capture)\n      continue\n    if (!events.includes(event.type as NormalizedOptions['events'][number]))\n      continue\n\n    if ('button' in (event as any) && typeof (event as any).button === 'number' && (event as any).button !== 0) {\n      continue\n    }\n\n    if (!el.isConnected)\n      continue\n    if (isEventInside(el, event))\n      continue\n\n    const excluded = resolveExclude(state.doc, exclude)\n    if (excluded.some(item => isEventInside(item, event)))\n      continue\n\n    handler(event as any)\n  }\n}\n\nfunction subscribe(doc: Document, key: string): void {\n  let subscriptions = documentSubscriptions.get(doc)\n  if (!subscriptions) {\n    subscriptions = new Map()\n    documentSubscriptions.set(doc, subscriptions)\n  }\n\n  const existing = subscriptions.get(key)\n  if (existing) {\n    existing.count += 1\n    return\n  }\n\n  const [type, mode] = key.split('|')\n  const capture = mode === 'capture'\n  const listener = (event: Event) => dispatch(doc, event, capture)\n\n  subscriptions.set(key, { listener, count: 1 })\n  doc.addEventListener(type, listener, capture)\n}\n\nfunction unsubscribe(doc: Document, key: string): void {\n  const subscriptions = documentSubscriptions.get(doc)\n  const existing = subscriptions?.get(key)\n  if (!subscriptions || !existing)\n    return\n\n  existing.count -= 1\n  if (existing.count > 0)\n    return\n\n  const [type, mode] = key.split('|')\n  doc.removeEventListener(type, existing.listener, mode === 'capture')\n  subscriptions.delete(key)\n}\n\nfunction unbind(el: HTMLElement) {\n  const state = states.get(el)\n  if (!state)\n    return\n\n  for (const key of state.keys) unsubscribe(state.doc, key)\n\n  documentElements.get(state.doc)?.delete(el)\n  states.delete(el)\n}\n\nfunction bind(el: HTMLElement, value: ClickOutsideBindingValue | undefined) {\n  const doc = el.ownerDocument\n  const previous = states.get(el)\n\n  // Элемент, переехавший в другой документ (портал в отдельное окно), обязан\n  // отпустить подписки прежнего: там его больше нет.\n  if (previous && previous.doc !== doc)\n    unbind(el)\n\n  const options = normalize(value)\n  const nextKeys = keysOf(options)\n  const prevKeys = states.get(el)?.keys ?? []\n\n  states.set(el, { options, doc, keys: nextKeys })\n\n  let elements = documentElements.get(doc)\n  if (!elements) {\n    elements = new Set()\n    documentElements.set(doc, elements)\n  }\n  elements.add(el)\n\n  for (const key of nextKeys) {\n    if (!prevKeys.includes(key))\n      subscribe(doc, key)\n  }\n  for (const key of prevKeys) {\n    if (!nextKeys.includes(key))\n      unsubscribe(doc, key)\n  }\n}\n\n/**\n * `v-click-outside` — обработчик клика вне элемента (например, закрытие дропдауна/модалки).\n */\nexport const vClickOutside: Directive<HTMLElement, ClickOutsideBindingValue> = {\n  mounted(el, binding) {\n    bind(el, binding.value)\n  },\n  updated(el, binding) {\n    // Не `unbind` + `bind`: разницу подписок считает сам `bind`, а снятие с\n    // последующей постановкой того же слушателя — лишняя работа на каждый\n    // ререндер хозяина.\n    bind(el, binding.value)\n  },\n  unmounted(el) {\n    unbind(el)\n  },\n}\n"],"mappings":"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"}

package/dist/directives/dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.js","names":[],"sources":["../../src/directives/dropzone.ts"],"sourcesContent":["import type { Directive } from 'vue'\n\nimport type { FileValidator } from '../fileValidation'\n\nimport { FileValidationError, runFileValidators } from '../fileValidation'\n\nexport type DropzoneOnFiles = (files: File[], event: DragEvent) => void | Promise<void>\n\nexport type DropzoneBindingValue =\n  | DropzoneOnFiles\n  | {\n      onFiles: DropzoneOnFiles\n      /** По умолчанию `true`. */\n      enabled?: boolean\n      /** По умолчанию `true`. */\n      multiple?: boolean\n\n      /** Валидаторы, которые будут запущены перед `onFiles`. */\n      validators?: FileValidator[]\n      /** По умолчанию `true` (предотвращаем дефолтное поведение браузера при drop). */\n      preventDefault?: boolean\n      /** По умолчанию `false`. */\n      stopPropagation?: boolean\n      /** Вызывается, если валидация файлов не прошла. */\n      onError?: (error: unknown) => void\n      /** Вызывается при изменении состояния drag-over. */\n      onStateChange?: (state: { isOver: boolean }) => void\n      /** CSS-класс, который навешивается на элемент, пока курсор с файлами над зоной. */\n      overClass?: string\n    }\n\ntype NormalizedOptions = {\n  enabled: boolean\n  multiple: boolean\n  validators: FileValidator[] | undefined\n  preventDefault: boolean\n  stopPropagation: boolean\n  onFiles: DropzoneOnFiles | undefined\n  onError: ((error: unknown) => void) | undefined\n  onStateChange: ((state: { isOver: boolean }) => void) | undefined\n  overClass: string\n}\n\nfunction normalize(value: DropzoneBindingValue | undefined): NormalizedOptions {\n  if (typeof value === 'function') {\n    return {\n      enabled: true,\n      multiple: true,\n      validators: undefined,\n      preventDefault: true,\n      stopPropagation: false,\n      onFiles: value,\n      onError: undefined,\n      onStateChange: undefined,\n      overClass: 'gr-dropzone--over',\n    }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      enabled: value.enabled ?? true,\n      multiple: value.multiple ?? true,\n      validators: value.validators,\n      preventDefault: value.preventDefault ?? true,\n      stopPropagation: value.stopPropagation ?? false,\n      onFiles: value.onFiles,\n      onError: value.onError,\n      onStateChange: value.onStateChange,\n      overClass: value.overClass ?? 'gr-dropzone--over',\n    }\n  }\n\n  return {\n    enabled: false,\n    multiple: true,\n    validators: undefined,\n    preventDefault: true,\n    stopPropagation: false,\n    onFiles: undefined,\n    onError: undefined,\n    onStateChange: undefined,\n    overClass: 'gr-dropzone--over',\n  }\n}\n\ntype InternalState = {\n  options: NormalizedOptions\n  overCounter: number\n  isOver: boolean\n  onDragEnter: (event: DragEvent) => void\n  onDragOver: (event: DragEvent) => void\n  onDragLeave: (event: DragEvent) => void\n  onDrop: (event: DragEvent) => void\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\n/**\n * `classList.add/remove` не принимают строки с пробелами/пустые токены —\n * иначе DOM кидает `InvalidCharacterError`. Поэтому всегда токенизируем\n * `overClass` (поддерживая Tailwind-подобные multi-class значения).\n */\nfunction tokenizeClass(value: string): string[] {\n  return value.split(/\\s+/).filter(token => token.length > 0)\n}\n\nfunction setOver(el: HTMLElement, next: boolean) {\n  const state = states.get(el)\n  if (!state) return\n\n  // `state.isOver` может рассинхронизироваться с DOM (например, при обновлениях\n  // компонента/директивы во время drag-over). Поэтому DOM-состояние всегда\n  // приводим к `next`, а коллбек вызываем только при фактическом изменении.\n  const wasDomOver = el.dataset.grDropzoneOver === 'true'\n  const prev = state.isOver\n\n  state.isOver = next\n\n  const tokens = tokenizeClass(state.options.overClass)\n  if (next) {\n    if (tokens.length) el.classList.add(...tokens)\n    el.dataset.grDropzoneOver = 'true'\n  } else {\n    if (tokens.length) el.classList.remove(...tokens)\n    delete el.dataset.grDropzoneOver\n  }\n\n  if (prev !== next || wasDomOver !== next) {\n    state.options.onStateChange?.({ isOver: next })\n  }\n}\n\nfunction unbind(el: HTMLElement) {\n  const state = states.get(el)\n  if (!state) return\n\n  // Гарантированно очищаем визуальное состояние и счётчики.\n  // Это важно, если директива обновлялась/перебиндилась во время DnD.\n  state.overCounter = 0\n  setOver(el, false)\n\n  delete el.dataset.grDropzone\n\n  el.removeEventListener('dragenter', state.onDragEnter)\n  el.removeEventListener('dragover', state.onDragOver)\n  el.removeEventListener('dragleave', state.onDragLeave)\n  el.removeEventListener('drop', state.onDrop)\n\n  states.delete(el)\n}\n\nfunction bind(el: HTMLElement, value: DropzoneBindingValue | undefined) {\n  const options = normalize(value)\n\n  const state: InternalState = {\n    options,\n    overCounter: 0,\n    isOver: false,\n    onDragEnter(event) {\n      const current = states.get(el)\n      if (!current?.options.enabled) return\n\n      if (current.options.preventDefault) event.preventDefault()\n      if (current.options.stopPropagation) event.stopPropagation()\n\n      current.overCounter += 1\n      setOver(el, true)\n    },\n    onDragOver(event) {\n      const current = states.get(el)\n      if (!current?.options.enabled) return\n\n      if (current.options.preventDefault) event.preventDefault()\n      if (current.options.stopPropagation) event.stopPropagation()\n\n      if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy'\n    },\n    onDragLeave(event) {\n      const current = states.get(el)\n      if (!current?.options.enabled) return\n\n      if (current.options.preventDefault) event.preventDefault()\n      if (current.options.stopPropagation) event.stopPropagation()\n\n      current.overCounter = Math.max(0, current.overCounter - 1)\n      if (current.overCounter === 0) setOver(el, false)\n    },\n    onDrop(event) {\n      const current = states.get(el)\n      if (!current?.options.enabled) return\n\n      if (current.options.preventDefault) event.preventDefault()\n      if (current.options.stopPropagation) event.stopPropagation()\n\n      current.overCounter = 0\n      setOver(el, false)\n\n      const dt = event.dataTransfer\n      const files = dt?.files ? Array.prototype.slice.call(dt.files) as File[] : []\n      if (!files.length) return\n\n      void (async () => {\n        try {\n          const validators = current.options.validators ?? []\n\n          const { files: picked, issues } = await runFileValidators(files, validators, {\n            source: 'drop',\n            multiple: current.options.multiple,\n          })\n\n          if (issues.length > 0) {\n            current.options.onError?.(new FileValidationError(issues, picked))\n            return\n          }\n\n          if (!picked.length) return\n          await current.options.onFiles?.(picked, event)\n        } catch (error) {\n          current.options.onError?.(error)\n        }\n      })()\n    },\n  }\n\n  states.set(el, state)\n\n  // Base marker.\n  el.dataset.grDropzone = 'true'\n\n  el.addEventListener('dragenter', state.onDragEnter)\n  el.addEventListener('dragover', state.onDragOver)\n  el.addEventListener('dragleave', state.onDragLeave)\n  el.addEventListener('drop', state.onDrop)\n}\n\nfunction update(el: HTMLElement, value: DropzoneBindingValue | undefined) {\n  const state = states.get(el)\n  if (!state) {\n    bind(el, value)\n    return\n  }\n\n  const prevOverClass = state.options.overClass\n  const nextOptions = normalize(value)\n\n  state.options = nextOptions\n\n  // Если поменялся `overClass`, синхронизируем DOM (учитывая multi-token значения).\n  if (prevOverClass !== nextOptions.overClass) {\n    const prevTokens = tokenizeClass(prevOverClass)\n    if (prevTokens.length) el.classList.remove(...prevTokens)\n    if (state.isOver) {\n      const nextTokens = tokenizeClass(nextOptions.overClass)\n      if (nextTokens.length) el.classList.add(...nextTokens)\n    }\n  }\n\n  // Если директива выключена — сбрасываем состояние.\n  if (!nextOptions.enabled) {\n    state.overCounter = 0\n    setOver(el, false)\n  }\n}\n\n/**\n * `v-dropzone` — декларативная DnD-зона для файлов (перетаскивание + drop).\n *\n * Директива не делает загрузку сама — только нормализует события и отдаёт `File[]`.\n */\nexport const vDropzone: Directive<HTMLElement, DropzoneBindingValue> = {\n  mounted(el, binding) {\n    bind(el, binding.value)\n  },\n  updated(el, binding) {\n    update(el, binding.value)\n  },\n  unmounted(el) {\n    unbind(el)\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropzone.js","names":[],"sources":["../../src/directives/dropzone.ts"],"sourcesContent":["import type { Directive } from 'vue'\n\nimport type { FileValidator } from '../fileValidation'\n\nimport { FileValidationError, runFileValidators } from '../fileValidation'\n\nexport type DropzoneOnFiles = (files: File[], event: DragEvent) => void | Promise<void>\n\nexport type DropzoneBindingValue\n  = | DropzoneOnFiles\n    | {\n      onFiles: DropzoneOnFiles\n      /** По умолчанию `true`. */\n      enabled?: boolean\n      /** По умолчанию `true`. */\n      multiple?: boolean\n\n      /** Валидаторы, которые будут запущены перед `onFiles`. */\n      validators?: FileValidator[]\n      /** По умолчанию `true` (предотвращаем дефолтное поведение браузера при drop). */\n      preventDefault?: boolean\n      /** По умолчанию `false`. */\n      stopPropagation?: boolean\n      /** Вызывается, если валидация файлов не прошла. */\n      onError?: (error: unknown) => void\n      /** Вызывается при изменении состояния drag-over. */\n      onStateChange?: (state: { isOver: boolean }) => void\n      /** CSS-класс, который навешивается на элемент, пока курсор с файлами над зоной. */\n      overClass?: string\n    }\n\ntype NormalizedOptions = {\n  enabled: boolean\n  multiple: boolean\n  validators: FileValidator[] | undefined\n  preventDefault: boolean\n  stopPropagation: boolean\n  onFiles: DropzoneOnFiles | undefined\n  onError: ((error: unknown) => void) | undefined\n  onStateChange: ((state: { isOver: boolean }) => void) | undefined\n  overClass: string\n}\n\nfunction normalize(value: DropzoneBindingValue | undefined): NormalizedOptions {\n  if (typeof value === 'function') {\n    return {\n      enabled: true,\n      multiple: true,\n      validators: undefined,\n      preventDefault: true,\n      stopPropagation: false,\n      onFiles: value,\n      onError: undefined,\n      onStateChange: undefined,\n      overClass: 'gr-dropzone--over',\n    }\n  }\n\n  if (value && typeof value === 'object') {\n    return {\n      enabled: value.enabled ?? true,\n      multiple: value.multiple ?? true,\n      validators: value.validators,\n      preventDefault: value.preventDefault ?? true,\n      stopPropagation: value.stopPropagation ?? false,\n      onFiles: value.onFiles,\n      onError: value.onError,\n      onStateChange: value.onStateChange,\n      overClass: value.overClass ?? 'gr-dropzone--over',\n    }\n  }\n\n  return {\n    enabled: false,\n    multiple: true,\n    validators: undefined,\n    preventDefault: true,\n    stopPropagation: false,\n    onFiles: undefined,\n    onError: undefined,\n    onStateChange: undefined,\n    overClass: 'gr-dropzone--over',\n  }\n}\n\ntype InternalState = {\n  options: NormalizedOptions\n  overCounter: number\n  isOver: boolean\n  onDragEnter: (event: DragEvent) => void\n  onDragOver: (event: DragEvent) => void\n  onDragLeave: (event: DragEvent) => void\n  onDrop: (event: DragEvent) => void\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\n/**\n * `classList.add/remove` не принимают строки с пробелами/пустые токены —\n * иначе DOM кидает `InvalidCharacterError`. Поэтому всегда токенизируем\n * `overClass` (поддерживая Tailwind-подобные multi-class значения).\n */\nfunction tokenizeClass(value: string): string[] {\n  return value.split(/\\s+/).filter(token => token.length > 0)\n}\n\nfunction setOver(el: HTMLElement, next: boolean) {\n  const state = states.get(el)\n  if (!state)\n    return\n\n  // `state.isOver` может рассинхронизироваться с DOM (например, при обновлениях\n  // компонента/директивы во время drag-over). Поэтому DOM-состояние всегда\n  // приводим к `next`, а коллбек вызываем только при фактическом изменении.\n  const wasDomOver = el.dataset.grDropzoneOver === 'true'\n  const prev = state.isOver\n\n  state.isOver = next\n\n  const tokens = tokenizeClass(state.options.overClass)\n  if (next) {\n    if (tokens.length)\n      el.classList.add(...tokens)\n    el.dataset.grDropzoneOver = 'true'\n  }\n  else {\n    if (tokens.length)\n      el.classList.remove(...tokens)\n    delete el.dataset.grDropzoneOver\n  }\n\n  if (prev !== next || wasDomOver !== next) {\n    state.options.onStateChange?.({ isOver: next })\n  }\n}\n\nfunction unbind(el: HTMLElement) {\n  const state = states.get(el)\n  if (!state)\n    return\n\n  // Гарантированно очищаем визуальное состояние и счётчики.\n  // Это важно, если директива обновлялась/перебиндилась во время DnD.\n  state.overCounter = 0\n  setOver(el, false)\n\n  delete el.dataset.grDropzone\n\n  el.removeEventListener('dragenter', state.onDragEnter)\n  el.removeEventListener('dragover', state.onDragOver)\n  el.removeEventListener('dragleave', state.onDragLeave)\n  el.removeEventListener('drop', state.onDrop)\n\n  states.delete(el)\n}\n\nfunction bind(el: HTMLElement, value: DropzoneBindingValue | undefined) {\n  const options = normalize(value)\n\n  const state: InternalState = {\n    options,\n    overCounter: 0,\n    isOver: false,\n    onDragEnter(event) {\n      const current = states.get(el)\n      if (!current?.options.enabled)\n        return\n\n      if (current.options.preventDefault)\n        event.preventDefault()\n      if (current.options.stopPropagation)\n        event.stopPropagation()\n\n      current.overCounter += 1\n      setOver(el, true)\n    },\n    onDragOver(event) {\n      const current = states.get(el)\n      if (!current?.options.enabled)\n        return\n\n      if (current.options.preventDefault)\n        event.preventDefault()\n      if (current.options.stopPropagation)\n        event.stopPropagation()\n\n      if (event.dataTransfer)\n        event.dataTransfer.dropEffect = 'copy'\n    },\n    onDragLeave(event) {\n      const current = states.get(el)\n      if (!current?.options.enabled)\n        return\n\n      if (current.options.preventDefault)\n        event.preventDefault()\n      if (current.options.stopPropagation)\n        event.stopPropagation()\n\n      current.overCounter = Math.max(0, current.overCounter - 1)\n      if (current.overCounter === 0)\n        setOver(el, false)\n    },\n    onDrop(event) {\n      const current = states.get(el)\n      if (!current?.options.enabled)\n        return\n\n      if (current.options.preventDefault)\n        event.preventDefault()\n      if (current.options.stopPropagation)\n        event.stopPropagation()\n\n      current.overCounter = 0\n      setOver(el, false)\n\n      const dt = event.dataTransfer\n      const files = dt?.files ? Array.prototype.slice.call(dt.files) as File[] : []\n      if (!files.length)\n        return\n\n      void (async () => {\n        try {\n          const validators = current.options.validators ?? []\n\n          const { files: picked, issues } = await runFileValidators(files, validators, {\n            source: 'drop',\n            multiple: current.options.multiple,\n          })\n\n          if (issues.length > 0) {\n            current.options.onError?.(new FileValidationError(issues, picked))\n            return\n          }\n\n          if (!picked.length)\n            return\n          await current.options.onFiles?.(picked, event)\n        }\n        catch (error) {\n          current.options.onError?.(error)\n        }\n      })()\n    },\n  }\n\n  states.set(el, state)\n\n  // Base marker.\n  el.dataset.grDropzone = 'true'\n\n  el.addEventListener('dragenter', state.onDragEnter)\n  el.addEventListener('dragover', state.onDragOver)\n  el.addEventListener('dragleave', state.onDragLeave)\n  el.addEventListener('drop', state.onDrop)\n}\n\nfunction update(el: HTMLElement, value: DropzoneBindingValue | undefined) {\n  const state = states.get(el)\n  if (!state) {\n    bind(el, value)\n    return\n  }\n\n  const prevOverClass = state.options.overClass\n  const nextOptions = normalize(value)\n\n  state.options = nextOptions\n\n  // Если поменялся `overClass`, синхронизируем DOM (учитывая multi-token значения).\n  if (prevOverClass !== nextOptions.overClass) {\n    const prevTokens = tokenizeClass(prevOverClass)\n    if (prevTokens.length)\n      el.classList.remove(...prevTokens)\n    if (state.isOver) {\n      const nextTokens = tokenizeClass(nextOptions.overClass)\n      if (nextTokens.length)\n        el.classList.add(...nextTokens)\n    }\n  }\n\n  // Если директива выключена — сбрасываем состояние.\n  if (!nextOptions.enabled) {\n    state.overCounter = 0\n    setOver(el, false)\n  }\n}\n\n/**\n * `v-dropzone` — декларативная DnD-зона для файлов (перетаскивание + drop).\n *\n * Директива не делает загрузку сама — только нормализует события и отдаёт `File[]`.\n */\nexport const vDropzone: Directive<HTMLElement, DropzoneBindingValue> = {\n  mounted(el, binding) {\n    bind(el, binding.value)\n  },\n  updated(el, binding) {\n    update(el, binding.value)\n  },\n  unmounted(el) {\n    unbind(el)\n  },\n}\n"],"mappings":"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"}

package/dist/directives/hotkey.js.map

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

package/dist/directives/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","names":[],"sources":["../../src/directives/loading.ts"],"sourcesContent":["import type { AppContext, Component, Directive } from 'vue'\nimport { createVNode, render } from 'vue'\n\nimport { inertableOutside, markInert } from '../composables/internal/inert'\nimport { ensurePortalRoot } from '../composables/internal/portalRoot'\nimport GrLoading from '../components/GrLoading/GrLoading.vue'\nimport type { GrIconSize, GrIconTone } from '../components/GrIcon/grIconStyles'\n\nexport type LoadingTarget = string | HTMLElement\n\nexport type LoadingOptions = {\n  /**\n   * Контейнер, куда будет вставлен оверлей.\n   * - если не задано, то для директивы используется сам `el`\n   * - для ручного вызова (`createLoading`) по умолчанию используется `document.body`\n   */\n  target?: LoadingTarget\n\n  /**\n   * Полноэкранный лоадер (рендерится в `document.body`).\n   * По умолчанию включается, если `target` = `document.body`.\n   */\n  fullscreen?: boolean\n\n  text?: string\n  spinner?: Component\n  spinnerClass?: string\n  spinnerSize?: GrIconSize | number\n  spinnerTone?: GrIconTone\n  animated?: boolean\n  background?: string\n  /** Имя CSS-переменной слоя — escape-hatch мимо `--gr-z-loading`. */\n  zIndexVar?: string\n  /** Задержка показа в миллисекундах: короткая загрузка не мигает оверлеем. */\n  delay?: number\n  customClass?: string\n\n  /**\n   * Внутренний контекст Vue-приложения.\n   * Нужен, чтобы кастомный `spinner` мог использовать `inject()` даже при ручном `render()`.\n   */\n  appContext?: AppContext\n}\n\nexport type LoadingController = {\n  close: () => void\n  setText: (text?: string) => void\n  setOptions: (next: Partial<LoadingOptions>) => void\n  readonly target: HTMLElement\n}\n\nexport type LoadingBindingValue =\n  | boolean\n  | (Omit<LoadingOptions, 'appContext'> & {\n      loading?: boolean\n    })\n\nfunction isHTMLElement(value: unknown): value is HTMLElement {\n  return typeof value === 'object' && value !== null && (value as any).nodeType === 1\n}\n\nfunction resolveTarget(input: LoadingTarget | undefined, fallback: HTMLElement): HTMLElement {\n  if (!input) return fallback\n\n  if (typeof input === 'string') {\n    // Prefer searching within the same root (document / document fragment / shadow root)\n    // to support components that are not attached to `document` yet (e.g. in unit tests).\n    const root = fallback.getRootNode?.() ?? document\n    const foundInRoot =\n      typeof (root as any).querySelector === 'function' ? ((root as any).querySelector(input) as Element | null) : null\n    if (isHTMLElement(foundInRoot)) return foundInRoot\n\n    const foundInDocument = document.querySelector(input)\n    if (isHTMLElement(foundInDocument)) return foundInDocument\n\n    return fallback\n  }\n\n  if (isHTMLElement(input)) {\n    return input\n  }\n\n  return fallback\n}\n\nfunction resolveFullscreen(options: LoadingOptions, target: HTMLElement): boolean {\n  if (options.fullscreen != null) return options.fullscreen\n  return target === document.body\n}\n\nfunction ensurePositionedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n  if (fullscreen) return () => {}\n\n  const prevInline = target.style.position\n  const computed = window.getComputedStyle(target)\n  const isStatic = computed.position === 'static' || !computed.position\n\n  if (isStatic) {\n    target.style.position = 'relative'\n    return () => {\n      target.style.position = prevInline\n    }\n  }\n\n  return () => {}\n}\n\nfunction ensureClippedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n  if (fullscreen) return () => {}\n\n  const computed = window.getComputedStyle(target)\n  // If the target has rounded corners, we must clip its content so the overlay\n  // (and its blurred backdrop) never bleeds outside the visible rounded shape.\n  const hasRadius = !!computed.borderRadius && computed.borderRadius !== '0px'\n  if (!hasRadius) return () => {}\n\n  const overflow = computed.overflow\n  if (overflow && overflow !== 'visible') return () => {}\n\n  const prevInline = target.style.overflow\n  target.style.overflow = 'hidden'\n  return () => {\n    target.style.overflow = prevInline\n  }\n}\n\n/**\n * Блокирует контент под оверлеем.\n *\n * Оверлей перекрывает контейнер визуально, но не для клавиатуры и не для\n * скринридера: таб уходит в форму, которую пользователь уже не видит, а диктор\n * читает её как обычную. `inert` снимает поддерево целиком — и фокус, и\n * события указателя, и дерево доступности.\n *\n * Возвращает снятие блокировки. Чужой `inert` (элемент был инертен и до нас)\n * не трогается: снять его — значит вернуть в таб-порядок то, что скрыл кто-то\n * другой.\n */\nfunction blockContent(target: HTMLElement, overlayHost: HTMLElement, fullscreen: boolean): () => void {\n  const previouslyFocused = document.activeElement\n\n  // Занятость объявляет тот, чьё содержимое закрыто: у инлайнового лоадера это\n  // его контейнер, у полноэкранного — вся страница. Сам оверлей при этом живёт\n  // в портале, то есть в другой ветке.\n  const busyElement = fullscreen ? document.body : target\n  busyElement.setAttribute('aria-busy', 'true')\n\n  const blocked = fullscreen\n    ? inertableOutside(overlayHost)\n    : Array.from(target.children).filter((child): child is HTMLElement =>\n        child !== overlayHost && isHTMLElement(child),\n      )\n\n  const release = markInert(blocked)\n\n  // Уже стоящий фокус браузер сам не забирает: Chrome оставляет его внутри\n  // ставшего инертным поддерева, и пользователь продолжает печатать в поле под\n  // оверлеем. Уводим фокус руками — вернём его при закрытии.\n  if (isHTMLElement(previouslyFocused) && blocked.some(child => child.contains(previouslyFocused)))\n    previouslyFocused.blur()\n\n  return () => {\n    busyElement.removeAttribute('aria-busy')\n    release()\n\n    // `inert` сбрасывает фокус на `body`. Возвращаем его туда, где он был, но\n    // только если пользователь не увёл его сам, пока шла загрузка.\n    const active = document.activeElement\n    const focusLost = !active || active === document.body\n    if (focusLost && isHTMLElement(previouslyFocused) && previouslyFocused.isConnected)\n      previouslyFocused.focus()\n  }\n}\n\nfunction parseBinding(value: LoadingBindingValue | undefined): { loading: boolean; options: LoadingOptions } {\n  if (value === true || value === false) {\n    return { loading: value, options: {} }\n  }\n\n  if (value && typeof value === 'object') {\n    const { loading, ...rest } = value as any\n    return { loading: loading ?? true, options: rest }\n  }\n\n  return { loading: false, options: {} }\n}\n\ntype InternalLoadingState = {\n  controller?: LoadingController\n  target?: HTMLElement\n  fullscreen?: boolean\n}\n\nconst STATE_KEY: unique symbol = Symbol('grLoadingState')\n\nfunction getState(el: HTMLElement): InternalLoadingState {\n  return ((el as any)[STATE_KEY] ??= {}) as InternalLoadingState\n}\n\nexport function createLoading(options: LoadingOptions = {}, fallbackTarget?: HTMLElement): LoadingController {\n  const initialTarget = resolveTarget(options.target, fallbackTarget ?? document.body)\n  const fullscreen = resolveFullscreen(options, initialTarget)\n  // Полноэкранный лоадер — оверлей, значит живёт в общей ветке портала: только\n  // так правило `inert` не пометит его вместе со страницей.\n  const target = fullscreen ? (ensurePortalRoot() ?? document.body) : initialTarget\n\n  const appContext = options.appContext\n\n  const restorePosition = ensurePositionedContainer(target, fullscreen)\n  const restoreOverflow = ensureClippedContainer(target, fullscreen)\n  const mountEl = document.createElement('div')\n  mountEl.setAttribute('data-gr-loading-host', '')\n  // Маркер оверлея: чужой модальный слой не должен гасить лоадер `inert`.\n  mountEl.setAttribute('data-gr-overlay-root', '')\n  if (!fullscreen) {\n    // Host wraps the overlay; make sure rounded corners of the target cascade\n    // down to the overlay via `border-radius: inherit`.\n    mountEl.style.borderRadius = 'inherit'\n  }\n  target.appendChild(mountEl)\n\n  let current: LoadingOptions = { ...options }\n  let disposed = false\n  let unblockContent: (() => void) | undefined\n\n  function doRender(): void {\n    if (disposed) return\n\n    const vnode = createVNode(GrLoading as any, {\n      text: current.text,\n      spinner: current.spinner,\n      spinnerClass: current.spinnerClass,\n      spinnerSize: current.spinnerSize,\n      spinnerTone: current.spinnerTone,\n      animated: current.animated,\n      background: current.background,\n      customClass: current.customClass,\n      zIndexVar: current.zIndexVar,\n      delay: current.delay,\n      fullscreen,\n      // Блокируем контент ровно тогда, когда оверлей стал видимым: с `delay`\n      // это происходит позже монтирования, а до показа блокировать нечего.\n      onShow: () => {\n        unblockContent ??= blockContent(target, mountEl, fullscreen)\n      },\n    })\n\n    if (appContext) {\n      ;(vnode as any).appContext = appContext\n    }\n\n    render(vnode, mountEl)\n  }\n\n  function close(): void {\n    if (disposed) return\n    disposed = true\n\n    render(null, mountEl)\n    mountEl.remove()\n    restoreOverflow()\n    restorePosition()\n    unblockContent?.()\n    unblockContent = undefined\n  }\n\n  function setOptions(next: Partial<LoadingOptions>): void {\n    current = {\n      ...current,\n      ...next,\n    }\n    doRender()\n  }\n\n  function setText(text?: string): void {\n    setOptions({ text })\n  }\n\n  doRender()\n\n  return {\n    close,\n    setOptions,\n    setText,\n    get target() {\n      return target\n    },\n  }\n}\n\nfunction sync(el: HTMLElement, value: LoadingBindingValue | undefined, appContext?: AppContext): void {\n  const { loading, options } = parseBinding(value)\n  const state = getState(el)\n\n  if (!loading) {\n    state.controller?.close()\n    state.controller = undefined\n    state.target = undefined\n    state.fullscreen = undefined\n    return\n  }\n\n  const target = resolveTarget(options.target, el)\n  const fullscreen = resolveFullscreen(options, target)\n  const normalizedTarget = fullscreen ? (ensurePortalRoot() ?? document.body) : target\n\n  const shouldRecreate =\n    !state.controller\n    || state.target !== normalizedTarget\n    || state.fullscreen !== fullscreen\n\n  if (shouldRecreate) {\n    state.controller?.close()\n    state.controller = createLoading({ ...options, fullscreen, target: normalizedTarget, appContext }, el)\n    state.target = normalizedTarget\n    state.fullscreen = fullscreen\n    return\n  }\n\n  const controller = state.controller\n  if (!controller) return\n  controller.setOptions({ ...options, fullscreen, target: normalizedTarget })\n}\n\nexport const vLoading: Directive<HTMLElement, LoadingBindingValue> = {\n  mounted(el, binding) {\n    const appContext = (binding.instance as any)?.$?.appContext as AppContext | undefined\n    sync(el, binding.value, appContext)\n  },\n  updated(el, binding) {\n    const appContext = (binding.instance as any)?.$?.appContext as AppContext | undefined\n    sync(el, binding.value, appContext)\n  },\n  unmounted(el) {\n    const state = getState(el)\n    state.controller?.close()\n    state.controller = undefined\n    state.target = undefined\n    state.fullscreen = undefined\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"loading.js","names":[],"sources":["../../src/directives/loading.ts"],"sourcesContent":["import type { AppContext, Component, Directive } from 'vue'\nimport { createVNode, render } from 'vue'\n\nimport { inertableOutside, markInert } from '../composables/internal/inert'\nimport { ensurePortalRoot } from '../composables/internal/portalRoot'\nimport GrLoading from '../components/GrLoading/GrLoading.vue'\nimport type { GrIconSize, GrIconTone } from '../components/GrIcon/grIconStyles'\n\nexport type LoadingTarget = string | HTMLElement\n\nexport type LoadingOptions = {\n  /**\n   * Контейнер, куда будет вставлен оверлей.\n   * - если не задано, то для директивы используется сам `el`\n   * - для ручного вызова (`createLoading`) по умолчанию используется `document.body`\n   */\n  target?: LoadingTarget\n\n  /**\n   * Полноэкранный лоадер (рендерится в `document.body`).\n   * По умолчанию включается, если `target` = `document.body`.\n   */\n  fullscreen?: boolean\n\n  text?: string\n  spinner?: Component\n  spinnerClass?: string\n  spinnerSize?: GrIconSize | number\n  spinnerTone?: GrIconTone\n  animated?: boolean\n  background?: string\n  /** Имя CSS-переменной слоя — escape-hatch мимо `--gr-z-loading`. */\n  zIndexVar?: string\n  /** Задержка показа в миллисекундах: короткая загрузка не мигает оверлеем. */\n  delay?: number\n  customClass?: string\n\n  /**\n   * Внутренний контекст Vue-приложения.\n   * Нужен, чтобы кастомный `spinner` мог использовать `inject()` даже при ручном `render()`.\n   */\n  appContext?: AppContext\n}\n\nexport type LoadingController = {\n  close: () => void\n  setText: (text?: string) => void\n  setOptions: (next: Partial<LoadingOptions>) => void\n  readonly target: HTMLElement\n}\n\nexport type LoadingBindingValue\n  = | boolean\n    | (Omit<LoadingOptions, 'appContext'> & {\n      loading?: boolean\n    })\n\nfunction isHTMLElement(value: unknown): value is HTMLElement {\n  return typeof value === 'object' && value !== null && (value as any).nodeType === 1\n}\n\nfunction resolveTarget(input: LoadingTarget | undefined, fallback: HTMLElement): HTMLElement {\n  if (!input)\n    return fallback\n\n  if (typeof input === 'string') {\n    // Prefer searching within the same root (document / document fragment / shadow root)\n    // to support components that are not attached to `document` yet (e.g. in unit tests).\n    const root = fallback.getRootNode?.() ?? document\n    const foundInRoot\n      = typeof (root as any).querySelector === 'function' ? ((root as any).querySelector(input) as Element | null) : null\n    if (isHTMLElement(foundInRoot))\n      return foundInRoot\n\n    const foundInDocument = document.querySelector(input)\n    if (isHTMLElement(foundInDocument))\n      return foundInDocument\n\n    return fallback\n  }\n\n  if (isHTMLElement(input)) {\n    return input\n  }\n\n  return fallback\n}\n\nfunction resolveFullscreen(options: LoadingOptions, target: HTMLElement): boolean {\n  if (options.fullscreen != null)\n    return options.fullscreen\n  return target === document.body\n}\n\nfunction ensurePositionedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n  if (fullscreen)\n    return () => {}\n\n  const prevInline = target.style.position\n  const computed = window.getComputedStyle(target)\n  const isStatic = computed.position === 'static' || !computed.position\n\n  if (isStatic) {\n    target.style.position = 'relative'\n    return () => {\n      target.style.position = prevInline\n    }\n  }\n\n  return () => {}\n}\n\nfunction ensureClippedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n  if (fullscreen)\n    return () => {}\n\n  const computed = window.getComputedStyle(target)\n  // If the target has rounded corners, we must clip its content so the overlay\n  // (and its blurred backdrop) never bleeds outside the visible rounded shape.\n  const hasRadius = !!computed.borderRadius && computed.borderRadius !== '0px'\n  if (!hasRadius)\n    return () => {}\n\n  const overflow = computed.overflow\n  if (overflow && overflow !== 'visible')\n    return () => {}\n\n  const prevInline = target.style.overflow\n  target.style.overflow = 'hidden'\n  return () => {\n    target.style.overflow = prevInline\n  }\n}\n\n/**\n * Блокирует контент под оверлеем.\n *\n * Оверлей перекрывает контейнер визуально, но не для клавиатуры и не для\n * скринридера: таб уходит в форму, которую пользователь уже не видит, а диктор\n * читает её как обычную. `inert` снимает поддерево целиком — и фокус, и\n * события указателя, и дерево доступности.\n *\n * Возвращает снятие блокировки. Чужой `inert` (элемент был инертен и до нас)\n * не трогается: снять его — значит вернуть в таб-порядок то, что скрыл кто-то\n * другой.\n */\nfunction blockContent(target: HTMLElement, overlayHost: HTMLElement, fullscreen: boolean): () => void {\n  const previouslyFocused = document.activeElement\n\n  // Занятость объявляет тот, чьё содержимое закрыто: у инлайнового лоадера это\n  // его контейнер, у полноэкранного — вся страница. Сам оверлей при этом живёт\n  // в портале, то есть в другой ветке.\n  const busyElement = fullscreen ? document.body : target\n  busyElement.setAttribute('aria-busy', 'true')\n\n  const blocked = fullscreen\n    ? inertableOutside(overlayHost)\n    : Array.from(target.children).filter((child): child is HTMLElement =>\n        child !== overlayHost && isHTMLElement(child),\n      )\n\n  const release = markInert(blocked)\n\n  // Уже стоящий фокус браузер сам не забирает: Chrome оставляет его внутри\n  // ставшего инертным поддерева, и пользователь продолжает печатать в поле под\n  // оверлеем. Уводим фокус руками — вернём его при закрытии.\n  if (isHTMLElement(previouslyFocused) && blocked.some(child => child.contains(previouslyFocused)))\n    previouslyFocused.blur()\n\n  return () => {\n    busyElement.removeAttribute('aria-busy')\n    release()\n\n    // `inert` сбрасывает фокус на `body`. Возвращаем его туда, где он был, но\n    // только если пользователь не увёл его сам, пока шла загрузка.\n    const active = document.activeElement\n    const focusLost = !active || active === document.body\n    if (focusLost && isHTMLElement(previouslyFocused) && previouslyFocused.isConnected)\n      previouslyFocused.focus()\n  }\n}\n\nfunction parseBinding(value: LoadingBindingValue | undefined): { loading: boolean, options: LoadingOptions } {\n  if (value === true || value === false) {\n    return { loading: value, options: {} }\n  }\n\n  if (value && typeof value === 'object') {\n    const { loading, ...rest } = value as any\n    return { loading: loading ?? true, options: rest }\n  }\n\n  return { loading: false, options: {} }\n}\n\ntype InternalLoadingState = {\n  controller?: LoadingController\n  target?: HTMLElement\n  fullscreen?: boolean\n}\n\nconst STATE_KEY: unique symbol = Symbol('grLoadingState')\n\nfunction getState(el: HTMLElement): InternalLoadingState {\n  return ((el as any)[STATE_KEY] ??= {}) as InternalLoadingState\n}\n\nexport function createLoading(options: LoadingOptions = {}, fallbackTarget?: HTMLElement): LoadingController {\n  const initialTarget = resolveTarget(options.target, fallbackTarget ?? document.body)\n  const fullscreen = resolveFullscreen(options, initialTarget)\n  // Полноэкранный лоадер — оверлей, значит живёт в общей ветке портала: только\n  // так правило `inert` не пометит его вместе со страницей.\n  const target = fullscreen ? (ensurePortalRoot() ?? document.body) : initialTarget\n\n  const appContext = options.appContext\n\n  const restorePosition = ensurePositionedContainer(target, fullscreen)\n  const restoreOverflow = ensureClippedContainer(target, fullscreen)\n  const mountEl = document.createElement('div')\n  mountEl.setAttribute('data-gr-loading-host', '')\n  // Маркер оверлея: чужой модальный слой не должен гасить лоадер `inert`.\n  mountEl.setAttribute('data-gr-overlay-root', '')\n  if (!fullscreen) {\n    // Host wraps the overlay; make sure rounded corners of the target cascade\n    // down to the overlay via `border-radius: inherit`.\n    mountEl.style.borderRadius = 'inherit'\n  }\n  target.appendChild(mountEl)\n\n  let current: LoadingOptions = { ...options }\n  let disposed = false\n  let unblockContent: (() => void) | undefined\n\n  function doRender(): void {\n    if (disposed)\n      return\n\n    const vnode = createVNode(GrLoading as any, {\n      text: current.text,\n      spinner: current.spinner,\n      spinnerClass: current.spinnerClass,\n      spinnerSize: current.spinnerSize,\n      spinnerTone: current.spinnerTone,\n      animated: current.animated,\n      background: current.background,\n      customClass: current.customClass,\n      zIndexVar: current.zIndexVar,\n      delay: current.delay,\n      fullscreen,\n      // Блокируем контент ровно тогда, когда оверлей стал видимым: с `delay`\n      // это происходит позже монтирования, а до показа блокировать нечего.\n      onShow: () => {\n        unblockContent ??= blockContent(target, mountEl, fullscreen)\n      },\n    })\n\n    if (appContext) {\n      ;(vnode as any).appContext = appContext\n    }\n\n    render(vnode, mountEl)\n  }\n\n  function close(): void {\n    if (disposed)\n      return\n    disposed = true\n\n    render(null, mountEl)\n    mountEl.remove()\n    restoreOverflow()\n    restorePosition()\n    unblockContent?.()\n    unblockContent = undefined\n  }\n\n  function setOptions(next: Partial<LoadingOptions>): void {\n    current = {\n      ...current,\n      ...next,\n    }\n    doRender()\n  }\n\n  function setText(text?: string): void {\n    setOptions({ text })\n  }\n\n  doRender()\n\n  return {\n    close,\n    setOptions,\n    setText,\n    get target() {\n      return target\n    },\n  }\n}\n\nfunction sync(el: HTMLElement, value: LoadingBindingValue | undefined, appContext?: AppContext): void {\n  const { loading, options } = parseBinding(value)\n  const state = getState(el)\n\n  if (!loading) {\n    state.controller?.close()\n    state.controller = undefined\n    state.target = undefined\n    state.fullscreen = undefined\n    return\n  }\n\n  const target = resolveTarget(options.target, el)\n  const fullscreen = resolveFullscreen(options, target)\n  const normalizedTarget = fullscreen ? (ensurePortalRoot() ?? document.body) : target\n\n  const shouldRecreate\n    = !state.controller\n      || state.target !== normalizedTarget\n      || state.fullscreen !== fullscreen\n\n  if (shouldRecreate) {\n    state.controller?.close()\n    state.controller = createLoading({ ...options, fullscreen, target: normalizedTarget, appContext }, el)\n    state.target = normalizedTarget\n    state.fullscreen = fullscreen\n    return\n  }\n\n  const controller = state.controller\n  if (!controller)\n    return\n  controller.setOptions({ ...options, fullscreen, target: normalizedTarget })\n}\n\nexport const vLoading: Directive<HTMLElement, LoadingBindingValue> = {\n  mounted(el, binding) {\n    const appContext = (binding.instance as any)?.$?.appContext as AppContext | undefined\n    sync(el, binding.value, appContext)\n  },\n  updated(el, binding) {\n    const appContext = (binding.instance as any)?.$?.appContext as AppContext | undefined\n    sync(el, binding.value, appContext)\n  },\n  unmounted(el) {\n    const state = getState(el)\n    state.controller?.close()\n    state.controller = undefined\n    state.target = undefined\n    state.fullscreen = undefined\n  },\n}\n"],"mappings":";;;;;AAyDA,SAAS,cAAc,OAAsC;CAC3D,OAAO,OAAO,UAAU,YAAY,UAAU,QAAS,MAAc,aAAa;AACpF;AAEA,SAAS,cAAc,OAAkC,UAAoC;CAC3F,IAAI,CAAC,OACH,OAAO;CAET,IAAI,OAAO,UAAU,UAAU;EAG7B,MAAM,OAAO,SAAS,cAAc,KAAK;EACzC,MAAM,cACF,OAAQ,KAAa,kBAAkB,aAAe,KAAa,cAAc,KAAK,IAAuB;EACjH,IAAI,cAAc,WAAW,GAC3B,OAAO;EAET,MAAM,kBAAkB,SAAS,cAAc,KAAK;EACpD,IAAI,cAAc,eAAe,GAC/B,OAAO;EAET,OAAO;CACT;CAEA,IAAI,cAAc,KAAK,GACrB,OAAO;CAGT,OAAO;AACT;AAEA,SAAS,kBAAkB,SAAyB,QAA8B;CAChF,IAAI,QAAQ,cAAc,MACxB,OAAO,QAAQ;CACjB,OAAO,WAAW,SAAS;AAC7B;AAEA,SAAS,0BAA0B,QAAqB,YAAiC;CACvF,IAAI,YACF,aAAa,CAAC;CAEhB,MAAM,aAAa,OAAO,MAAM;CAChC,MAAM,WAAW,OAAO,iBAAiB,MAAM;CAG/C,IAFiB,SAAS,aAAa,YAAY,CAAC,SAAS,UAE/C;EACZ,OAAO,MAAM,WAAW;EACxB,aAAa;GACX,OAAO,MAAM,WAAW;EAC1B;CACF;CAEA,aAAa,CAAC;AAChB;AAEA,SAAS,uBAAuB,QAAqB,YAAiC;CACpF,IAAI,YACF,aAAa,CAAC;CAEhB,MAAM,WAAW,OAAO,iBAAiB,MAAM;CAI/C,IAAI,EADc,CAAC,CAAC,SAAS,gBAAgB,SAAS,iBAAiB,QAErE,aAAa,CAAC;CAEhB,MAAM,WAAW,SAAS;CAC1B,IAAI,YAAY,aAAa,WAC3B,aAAa,CAAC;CAEhB,MAAM,aAAa,OAAO,MAAM;CAChC,OAAO,MAAM,WAAW;CACxB,aAAa;EACX,OAAO,MAAM,WAAW;CAC1B;AACF;;;;;;;;;;;;;AAcA,SAAS,aAAa,QAAqB,aAA0B,YAAiC;CACpG,MAAM,oBAAoB,SAAS;CAKnC,MAAM,cAAc,aAAa,SAAS,OAAO;CACjD,YAAY,aAAa,aAAa,MAAM;CAE5C,MAAM,UAAU,aACZ,iBAAiB,WAAW,IAC5B,MAAM,KAAK,OAAO,QAAQ,CAAC,CAAC,QAAQ,UAClC,UAAU,eAAe,cAAc,KAAK,CAC9C;CAEJ,MAAM,UAAU,UAAU,OAAO;CAKjC,IAAI,cAAc,iBAAiB,KAAK,QAAQ,MAAK,UAAS,MAAM,SAAS,iBAAiB,CAAC,GAC7F,kBAAkB,KAAK;CAEzB,aAAa;EACX,YAAY,gBAAgB,WAAW;EACvC,QAAQ;EAIR,MAAM,SAAS,SAAS;EAExB,KADkB,CAAC,UAAU,WAAW,SAAS,SAChC,cAAc,iBAAiB,KAAK,kBAAkB,aACrE,kBAAkB,MAAM;CAC5B;AACF;AAEA,SAAS,aAAa,OAAuF;CAC3G,IAAI,UAAU,QAAQ,UAAU,OAC9B,OAAO;EAAE,SAAS;EAAO,SAAS,CAAC;CAAE;CAGvC,IAAI,SAAS,OAAO,UAAU,UAAU;EACtC,MAAM,EAAE,SAAS,GAAG,SAAS;EAC7B,OAAO;GAAE,SAAS,WAAW;GAAM,SAAS;EAAK;CACnD;CAEA,OAAO;EAAE,SAAS;EAAO,SAAS,CAAC;CAAE;AACvC;AAQA,IAAM,YAA2B,OAAO,gBAAgB;AAExD,SAAS,SAAS,IAAuC;CACvD,OAAQ,GAAY,eAAe,CAAC;AACtC;AAEA,SAAgB,cAAc,UAA0B,CAAC,GAAG,gBAAiD;CAC3G,MAAM,gBAAgB,cAAc,QAAQ,QAAQ,kBAAkB,SAAS,IAAI;CACnF,MAAM,aAAa,kBAAkB,SAAS,aAAa;CAG3D,MAAM,SAAS,aAAc,iBAAiB,KAAK,SAAS,OAAQ;CAEpE,MAAM,aAAa,QAAQ;CAE3B,MAAM,kBAAkB,0BAA0B,QAAQ,UAAU;CACpE,MAAM,kBAAkB,uBAAuB,QAAQ,UAAU;CACjE,MAAM,UAAU,SAAS,cAAc,KAAK;CAC5C,QAAQ,aAAa,wBAAwB,EAAE;CAE/C,QAAQ,aAAa,wBAAwB,EAAE;CAC/C,IAAI,CAAC,YAGH,QAAQ,MAAM,eAAe;CAE/B,OAAO,YAAY,OAAO;CAE1B,IAAI,UAA0B,EAAE,GAAG,QAAQ;CAC3C,IAAI,WAAW;CACf,IAAI;CAEJ,SAAS,WAAiB;EACxB,IAAI,UACF;EAEF,MAAM,QAAQ,YAAY,mBAAkB;GAC1C,MAAM,QAAQ;GACd,SAAS,QAAQ;GACjB,cAAc,QAAQ;GACtB,aAAa,QAAQ;GACrB,aAAa,QAAQ;GACrB,UAAU,QAAQ;GAClB,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,WAAW,QAAQ;GACnB,OAAO,QAAQ;GACf;GAGA,cAAc;IACZ,mBAAmB,aAAa,QAAQ,SAAS,UAAU;GAC7D;EACF,CAAC;EAED,IAAI,YACD,MAAe,aAAa;EAG/B,OAAO,OAAO,OAAO;CACvB;CAEA,SAAS,QAAc;EACrB,IAAI,UACF;EACF,WAAW;EAEX,OAAO,MAAM,OAAO;EACpB,QAAQ,OAAO;EACf,gBAAgB;EAChB,gBAAgB;EAChB,iBAAiB;EACjB,iBAAiB,KAAA;CACnB;CAEA,SAAS,WAAW,MAAqC;EACvD,UAAU;GACR,GAAG;GACH,GAAG;EACL;EACA,SAAS;CACX;CAEA,SAAS,QAAQ,MAAqB;EACpC,WAAW,EAAE,KAAK,CAAC;CACrB;CAEA,SAAS;CAET,OAAO;EACL;EACA;EACA;EACA,IAAI,SAAS;GACX,OAAO;EACT;CACF;AACF;AAEA,SAAS,KAAK,IAAiB,OAAwC,YAA+B;CACpG,MAAM,EAAE,SAAS,YAAY,aAAa,KAAK;CAC/C,MAAM,QAAQ,SAAS,EAAE;CAEzB,IAAI,CAAC,SAAS;EACZ,MAAM,YAAY,MAAM;EACxB,MAAM,aAAa,KAAA;EACnB,MAAM,SAAS,KAAA;EACf,MAAM,aAAa,KAAA;EACnB;CACF;CAEA,MAAM,SAAS,cAAc,QAAQ,QAAQ,EAAE;CAC/C,MAAM,aAAa,kBAAkB,SAAS,MAAM;CACpD,MAAM,mBAAmB,aAAc,iBAAiB,KAAK,SAAS,OAAQ;CAO9E,IAJI,CAAC,MAAM,cACJ,MAAM,WAAW,oBACjB,MAAM,eAAe,YAER;EAClB,MAAM,YAAY,MAAM;EACxB,MAAM,aAAa,cAAc;GAAE,GAAG;GAAS;GAAY,QAAQ;GAAkB;EAAW,GAAG,EAAE;EACrG,MAAM,SAAS;EACf,MAAM,aAAa;EACnB;CACF;CAEA,MAAM,aAAa,MAAM;CACzB,IAAI,CAAC,YACH;CACF,WAAW,WAAW;EAAE,GAAG;EAAS;EAAY,QAAQ;CAAiB,CAAC;AAC5E;AAEA,IAAa,WAAwD;CACnE,QAAQ,IAAI,SAAS;EACnB,MAAM,aAAc,QAAQ,UAAkB,GAAG;EACjD,KAAK,IAAI,QAAQ,OAAO,UAAU;CACpC;CACA,QAAQ,IAAI,SAAS;EACnB,MAAM,aAAc,QAAQ,UAAkB,GAAG;EACjD,KAAK,IAAI,QAAQ,OAAO,UAAU;CACpC;CACA,UAAU,IAAI;EACZ,MAAM,QAAQ,SAAS,EAAE;EACzB,MAAM,YAAY,MAAM;EACxB,MAAM,aAAa,KAAA;EACnB,MAAM,SAAS,KAAA;EACf,MAAM,aAAa,KAAA;CACrB;AACF"}

package/dist/granular-provider-node.js

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-CHFaw3wU.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-Da2CJO6j.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/granular-provider.js

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-CHFaw3wU.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-Da2CJO6j.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };