@feugene/granularity 0.9.4 → 0.11.0

package/dist/composables/useTheme.js

@@ -1,31 +1,71 @@
 import { computed, ref } from "vue";
 //#region src/composables/useTheme.ts
-var DEFAULT_STORAGE_KEY = "fint-ds-theme";
-function getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true) {
-	if (typeof window === "undefined") return "light";
-	if (persist) try {
+var DEFAULT_STORAGE_KEY = "gr-theme";
+function readStoredTheme(storageKey, persist) {
+	if (typeof window === "undefined" || !persist) return null;
+	try {
 		const storage = window.localStorage;
-		const stored = typeof storage?.getItem === "function" ? storage.getItem(storageKey) : null;
+		if (typeof storage?.getItem !== "function") return null;
+		const stored = storage.getItem(storageKey);
 		if (stored === "light" || stored === "dark") return stored;
 	} catch {}
+	return null;
+}
+function getSystemTheme() {
+	if (typeof window === "undefined") return "light";
 	return window.matchMedia?.("(prefers-color-scheme: dark)")?.matches ? "dark" : "light";
 }
+function getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true) {
+	return readStoredTheme(storageKey, persist) ?? getSystemTheme();
+}
 function applyTheme(theme) {
 	if (typeof document === "undefined") return;
 	const root = document.documentElement;
-	root.classList.toggle("theme-dark", theme === "dark");
 	root.dataset.theme = theme;
+	root.classList.toggle("theme-dark", theme === "dark");
+}
+var sharedTheme = ref(getPreferredTheme());
+var activeStorageKey = DEFAULT_STORAGE_KEY;
+var activePersist = true;
+var listenersBound = false;
+function bindListeners() {
+	if (listenersBound || typeof window === "undefined") return;
+	listenersBound = true;
+	window.addEventListener?.("storage", (event) => {
+		if (!activePersist || event.key !== activeStorageKey) return;
+		if (event.newValue === "light" || event.newValue === "dark") {
+			sharedTheme.value = event.newValue;
+			applyTheme(event.newValue);
+		}
+	});
+	(window.matchMedia?.("(prefers-color-scheme: dark)"))?.addEventListener?.("change", (event) => {
+		if (readStoredTheme(activeStorageKey, activePersist) !== null) return;
+		const next = event.matches ? "dark" : "light";
+		sharedTheme.value = next;
+		applyTheme(next);
+	});
 }
 /**
 * Для применения темы максимально рано (до монтирования Vue), чтобы избежать "мигания".
+* Также сидирует shared-синглтон, чтобы значение в `useTheme()` совпадало с уже
+* применённым к документу.
 */
 function initThemeEarly(options = {}) {
-	applyTheme(getPreferredTheme(options.storageKey ?? DEFAULT_STORAGE_KEY, options.persist ?? true));
+	const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
+	const persist = options.persist ?? true;
+	const preferred = getPreferredTheme(storageKey, persist);
+	activeStorageKey = storageKey;
+	activePersist = persist;
+	sharedTheme.value = preferred;
+	applyTheme(preferred);
 }
 function useTheme(options = {}) {
 	const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
 	const persist = options.persist ?? true;
-	const theme = ref(getPreferredTheme(storageKey, persist));
+	activeStorageKey = storageKey;
+	activePersist = persist;
+	bindListeners();
+	const theme = sharedTheme;
 	const isDark = computed(() => theme.value === "dark");
 	function setTheme(next) {
 		theme.value = next;

package/dist/composables/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composables/useTheme.ts"],"sourcesContent":["import { computed, ref } from 'vue'\n\nexport type ThemeName = 'light' | 'dark'\n\nexport type UseThemeOptions = {\n  /**\n   * Ключ для хранения выбранной темы в localStorage.\n   * По умолчанию: `fint-ds-theme`.\n   */\n  storageKey?: string\n\n  /**\n   * Если `false` — не читать/не писать localStorage (полезно для SSR/embedded сценариев).\n   * По умолчанию: `true`.\n   */\n  persist?: boolean\n}\n\nconst DEFAULT_STORAGE_KEY = 'fint-ds-theme'\n\nfunction getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true): ThemeName {\n  if (typeof window === 'undefined') return 'light'\n\n  if (persist) {\n    // Доступ к `localStorage` может бросать `SecurityError` в Safari private mode\n    // и при отключённых cookies/storage — поэтому оборачиваем в try/catch.\n    try {\n      const storage = window.localStorage\n      const stored = typeof storage?.getItem === 'function' ? storage.getItem(storageKey) : null\n      if (stored === 'light' || stored === 'dark') return stored\n    }\n    catch {\n      // ignore\n    }\n  }\n\n  const prefersDark = window.matchMedia?.('(prefers-color-scheme: dark)')?.matches\n  return prefersDark ? 'dark' : 'light'\n}\n\nfunction applyTheme(theme: ThemeName) {\n  if (typeof document === 'undefined') return\n\n  const root = document.documentElement\n  root.classList.toggle('theme-dark', theme === 'dark')\n  root.dataset.theme = theme\n}\n\n/**\n * Для применения темы максимально рано (до монтирования Vue), чтобы избежать \"мигания\".\n */\nexport function initThemeEarly(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n  applyTheme(getPreferredTheme(storageKey, persist))\n}\n\nexport function useTheme(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n\n  const theme = ref<ThemeName>(getPreferredTheme(storageKey, persist))\n\n  const isDark = computed(() => theme.value === 'dark')\n\n  function setTheme(next: ThemeName) {\n    theme.value = next\n\n    if (persist && typeof window !== 'undefined') {\n      // См. комментарий в `getPreferredTheme`: запись тоже может бросать.\n      try {\n        const storage = window.localStorage\n        if (typeof storage?.setItem === 'function')\n          storage.setItem(storageKey, next)\n      }\n      catch {\n        // ignore\n      }\n    }\n\n    applyTheme(next)\n  }\n\n  function toggleTheme() {\n    setTheme(theme.value === 'dark' ? 'light' : 'dark')\n  }\n\n  function initTheme() {\n    applyTheme(theme.value)\n  }\n\n  return {\n    theme,\n    isDark,\n    setTheme,\n    toggleTheme,\n    initTheme,\n  }\n}"],"mappings":";;AAkBA,IAAM,sBAAsB;AAE5B,SAAS,kBAAkB,aAAa,qBAAqB,UAAU,MAAiB;AACtF,KAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,KAAI,QAGF,KAAI;EACF,MAAM,UAAU,OAAO;EACvB,MAAM,SAAS,OAAO,SAAS,YAAY,aAAa,QAAQ,QAAQ,WAAW,GAAG;AACtF,MAAI,WAAW,WAAW,WAAW,OAAQ,QAAO;SAEhD;AAMR,QADoB,OAAO,aAAa,+BAA+B,EAAE,UACpD,SAAS;;AAGhC,SAAS,WAAW,OAAkB;AACpC,KAAI,OAAO,aAAa,YAAa;CAErC,MAAM,OAAO,SAAS;AACtB,MAAK,UAAU,OAAO,cAAc,UAAU,OAAO;AACrD,MAAK,QAAQ,QAAQ;;;;;AAMvB,SAAgB,eAAe,UAA2B,EAAE,EAAE;AAG5D,YAAW,kBAFQ,QAAQ,cAAc,qBACzB,QAAQ,WAAW,KACc,CAAC;;AAGpD,SAAgB,SAAS,UAA2B,EAAE,EAAE;CACtD,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,QAAQ,IAAe,kBAAkB,YAAY,QAAQ,CAAC;CAEpE,MAAM,SAAS,eAAe,MAAM,UAAU,OAAO;CAErD,SAAS,SAAS,MAAiB;AACjC,QAAM,QAAQ;AAEd,MAAI,WAAW,OAAO,WAAW,YAE/B,KAAI;GACF,MAAM,UAAU,OAAO;AACvB,OAAI,OAAO,SAAS,YAAY,WAC9B,SAAQ,QAAQ,YAAY,KAAK;UAE/B;AAKR,aAAW,KAAK;;CAGlB,SAAS,cAAc;AACrB,WAAS,MAAM,UAAU,SAAS,UAAU,OAAO;;CAGrD,SAAS,YAAY;AACnB,aAAW,MAAM,MAAM;;AAGzB,QAAO;EACL;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composables/useTheme.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport type { Ref } from 'vue'\n\nexport type ThemeName = 'light' | 'dark'\n\nexport type UseThemeOptions = {\n  /**\n   * Ключ для хранения выбранной темы в localStorage.\n   * По умолчанию: `gr-theme`.\n   */\n  storageKey?: string\n\n  /**\n   * Если `false` — не читать/не писать localStorage (полезно для SSR/embedded сценариев).\n   * По умолчанию: `true`.\n   */\n  persist?: boolean\n}\n\nconst DEFAULT_STORAGE_KEY = 'gr-theme'\n\nfunction readStoredTheme(storageKey: string, persist: boolean): ThemeName | null {\n  if (typeof window === 'undefined' || !persist) return null\n\n  // Доступ к `localStorage` может бросать `SecurityError` в Safari private mode\n  // и при отключённых cookies/storage — поэтому оборачиваем в try/catch.\n  try {\n    const storage = window.localStorage\n    if (typeof storage?.getItem !== 'function') return null\n\n    const stored = storage.getItem(storageKey)\n    if (stored === 'light' || stored === 'dark') return stored\n  }\n  catch {\n    // ignore\n  }\n\n  return null\n}\n\nfunction getSystemTheme(): ThemeName {\n  if (typeof window === 'undefined') return 'light'\n  return window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light'\n}\n\nfunction getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true): ThemeName {\n  return readStoredTheme(storageKey, persist) ?? getSystemTheme()\n}\n\nfunction applyTheme(theme: ThemeName) {\n  if (typeof document === 'undefined') return\n\n  const root = document.documentElement\n  // Канон GR — атрибут `[data-theme]` на `<html>` (см. docs/styling.md → «Темизация»).\n  // `useTheme`/`initThemeEarly` — единственный рантайм-API переключения темы.\n  root.dataset.theme = theme\n  // Класс `.theme-dark` — deprecated-алиас для обратной совместимости; в новом коде\n  // ориентируйтесь на `[data-theme]`.\n  root.classList.toggle('theme-dark', theme === 'dark')\n}\n\n// Модульный shared-синглтон состояния темы: единый источник истины для ВСЕХ\n// вызовов `useTheme()` (по образцу `useToast`). Раньше каждый вызов создавал\n// собственный `ref`, из-за чего переключение темы в компоненте A не обновляло\n// `theme`/`isDark` в компоненте B (менялся только DOM-класс) — та самая\n// рассинхронизация. Теперь ref один, реактивность консистентна.\nconst sharedTheme: Ref<ThemeName> = ref<ThemeName>(getPreferredTheme())\n\n// Активные ключ/persist, которыми синглтон инициализирован (нужны слушателям\n// `storage`/`matchMedia`, чтобы знать, какой ключ отслеживать).\nlet activeStorageKey = DEFAULT_STORAGE_KEY\nlet activePersist = true\nlet listenersBound = false\n\n// Подписки на системную тему и синхронизацию между вкладками. Живут на уровне\n// модуля (как таймеры в `useToast`): состояние общее, поэтому подписка нужна\n// одна на приложение, а не per-consumer — здесь `onScopeDispose` был бы вреден\n// (порвал бы shared-подписку при размонтировании одного из потребителей).\nfunction bindListeners() {\n  if (listenersBound || typeof window === 'undefined') return\n  listenersBound = true\n\n  // Cross-tab: другая вкладка записала тему в localStorage.\n  window.addEventListener?.('storage', (event: StorageEvent) => {\n    if (!activePersist || event.key !== activeStorageKey) return\n    if (event.newValue === 'light' || event.newValue === 'dark') {\n      sharedTheme.value = event.newValue\n      applyTheme(event.newValue)\n    }\n  })\n\n  // Системная смена `prefers-color-scheme` — следуем ей только если пользователь\n  // НЕ выбрал тему явно (в storage ничего не сохранено).\n  const mql = window.matchMedia?.('(prefers-color-scheme: dark)')\n  mql?.addEventListener?.('change', (event: MediaQueryListEvent) => {\n    if (readStoredTheme(activeStorageKey, activePersist) !== null) return\n    const next: ThemeName = event.matches ? 'dark' : 'light'\n    sharedTheme.value = next\n    applyTheme(next)\n  })\n}\n\n/**\n * Для применения темы максимально рано (до монтирования Vue), чтобы избежать \"мигания\".\n * Также сидирует shared-синглтон, чтобы значение в `useTheme()` совпадало с уже\n * применённым к документу.\n */\nexport function initThemeEarly(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n  const preferred = getPreferredTheme(storageKey, persist)\n\n  activeStorageKey = storageKey\n  activePersist = persist\n  sharedTheme.value = preferred\n  applyTheme(preferred)\n}\n\nexport function useTheme(options: UseThemeOptions = {}) {\n  const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n  const persist = options.persist ?? true\n\n  activeStorageKey = storageKey\n  activePersist = persist\n  bindListeners()\n\n  const theme = sharedTheme\n  const isDark = computed(() => theme.value === 'dark')\n\n  function setTheme(next: ThemeName) {\n    theme.value = next\n\n    if (persist && typeof window !== 'undefined') {\n      // См. комментарий в `readStoredTheme`: запись тоже может бросать.\n      try {\n        const storage = window.localStorage\n        if (typeof storage?.setItem === 'function')\n          storage.setItem(storageKey, next)\n      }\n      catch {\n        // ignore\n      }\n    }\n\n    applyTheme(next)\n  }\n\n  function toggleTheme() {\n    setTheme(theme.value === 'dark' ? 'light' : 'dark')\n  }\n\n  function initTheme() {\n    applyTheme(theme.value)\n  }\n\n  return {\n    theme,\n    isDark,\n    setTheme,\n    toggleTheme,\n    initTheme,\n  }\n}\n"],"mappings":";;AAmBA,IAAM,sBAAsB;AAE5B,SAAS,gBAAgB,YAAoB,SAAoC;CAC/E,IAAI,OAAO,WAAW,eAAe,CAAC,SAAS,OAAO;CAItD,IAAI;EACF,MAAM,UAAU,OAAO;EACvB,IAAI,OAAO,SAAS,YAAY,YAAY,OAAO;EAEnD,MAAM,SAAS,QAAQ,QAAQ,UAAU;EACzC,IAAI,WAAW,WAAW,WAAW,QAAQ,OAAO;CACtD,QACM,CAEN;CAEA,OAAO;AACT;AAEA,SAAS,iBAA4B;CACnC,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,OAAO,OAAO,aAAa,8BAA8B,CAAC,EAAE,UAAU,SAAS;AACjF;AAEA,SAAS,kBAAkB,aAAa,qBAAqB,UAAU,MAAiB;CACtF,OAAO,gBAAgB,YAAY,OAAO,KAAK,eAAe;AAChE;AAEA,SAAS,WAAW,OAAkB;CACpC,IAAI,OAAO,aAAa,aAAa;CAErC,MAAM,OAAO,SAAS;CAGtB,KAAK,QAAQ,QAAQ;CAGrB,KAAK,UAAU,OAAO,cAAc,UAAU,MAAM;AACtD;AAOA,IAAM,cAA8B,IAAe,kBAAkB,CAAC;AAItE,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;AAMrB,SAAS,gBAAgB;CACvB,IAAI,kBAAkB,OAAO,WAAW,aAAa;CACrD,iBAAiB;CAGjB,OAAO,mBAAmB,YAAY,UAAwB;EAC5D,IAAI,CAAC,iBAAiB,MAAM,QAAQ,kBAAkB;EACtD,IAAI,MAAM,aAAa,WAAW,MAAM,aAAa,QAAQ;GAC3D,YAAY,QAAQ,MAAM;GAC1B,WAAW,MAAM,QAAQ;EAC3B;CACF,CAAC;CAKD,CADY,OAAO,aAAa,8BAA8B,EAAA,EACzD,mBAAmB,WAAW,UAA+B;EAChE,IAAI,gBAAgB,kBAAkB,aAAa,MAAM,MAAM;EAC/D,MAAM,OAAkB,MAAM,UAAU,SAAS;EACjD,YAAY,QAAQ;EACpB,WAAW,IAAI;CACjB,CAAC;AACH;;;;;;AAOA,SAAgB,eAAe,UAA2B,CAAC,GAAG;CAC5D,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CACnC,MAAM,YAAY,kBAAkB,YAAY,OAAO;CAEvD,mBAAmB;CACnB,gBAAgB;CAChB,YAAY,QAAQ;CACpB,WAAW,SAAS;AACtB;AAEA,SAAgB,SAAS,UAA2B,CAAC,GAAG;CACtD,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CAEnC,mBAAmB;CACnB,gBAAgB;CAChB,cAAc;CAEd,MAAM,QAAQ;CACd,MAAM,SAAS,eAAe,MAAM,UAAU,MAAM;CAEpD,SAAS,SAAS,MAAiB;EACjC,MAAM,QAAQ;EAEd,IAAI,WAAW,OAAO,WAAW,aAE/B,IAAI;GACF,MAAM,UAAU,OAAO;GACvB,IAAI,OAAO,SAAS,YAAY,YAC9B,QAAQ,QAAQ,YAAY,IAAI;EACpC,QACM,CAEN;EAGF,WAAW,IAAI;CACjB;CAEA,SAAS,cAAc;EACrB,SAAS,MAAM,UAAU,SAAS,UAAU,MAAM;CACpD;CAEA,SAAS,YAAY;EACnB,WAAW,MAAM,KAAK;CACxB;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/composables/useToast.js

@@ -1,54 +1,116 @@
-import { computed, reactive } from "vue";
+import { computed, getCurrentInstance, inject, reactive } from "vue";
 //#region src/composables/useToast.ts
-var toasts = reactive([]);
-var timers = /* @__PURE__ */ new Map();
 var DEFAULT_TIMEOUT_MS = 3500;
-function makeId() {
-	return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+var IS_SERVER = typeof window === "undefined";
+function createToastState() {
+	return {
+		toasts: reactive([]),
+		timers: /* @__PURE__ */ new Map()
+	};
 }
-function clearTimer(id) {
-	const handle = timers.get(id);
-	if (handle !== void 0) {
-		clearTimeout(handle);
-		timers.delete(id);
+/** Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). */
+var GRANULARITY_TOAST_STATE = Symbol.for("@feugene/granularity/toast-state");
+/**
+* Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов
+* через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной
+* странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе
+* модульное состояние течёт между запросами).
+*
+* ```ts
+* app.use(granularityToastPlugin)
+* ```
+*/
+var granularityToastPlugin = { install(app) {
+	app.provide(GRANULARITY_TOAST_STATE, createToastState());
+} };
+var moduleToastState = null;
+function resolveToastState() {
+	if (getCurrentInstance()) {
+		const provided = inject(GRANULARITY_TOAST_STATE, null);
+		if (provided) return provided;
 	}
+	if (IS_SERVER) throw new Error("[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — the module-singleton fallback is disabled server-side to avoid state leaking between requests.");
+	if (!moduleToastState) moduleToastState = createToastState();
+	return moduleToastState;
+}
+function now() {
+	return typeof performance !== "undefined" ? performance.now() : Date.now();
+}
+function makeId() {
+	return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
 function useToast() {
-	const list = computed(() => toasts);
+	const state = resolveToastState();
+	const list = computed(() => state.toasts);
+	function armTimer(id, timer) {
+		if (timer.remaining <= 0 || typeof window === "undefined") return;
+		timer.startedAt = now();
+		timer.handle = window.setTimeout(() => {
+			state.timers.delete(id);
+			dismiss(id);
+		}, timer.remaining);
+	}
+	function clearTimer(id) {
+		const timer = state.timers.get(id);
+		if (timer?.handle != null) {
+			clearTimeout(timer.handle);
+			timer.handle = null;
+		}
+		state.timers.delete(id);
+	}
 	function push(input) {
 		const id = makeId();
+		const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS;
 		const toast = {
 			id,
 			title: input.title,
 			message: input.message,
-			tone: input.tone ?? "info"
+			tone: input.tone ?? "info",
+			timeoutMs: timeout > 0 ? timeout : 0
 		};
-		toasts.unshift(toast);
-		const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS;
-		if (timeout > 0 && typeof window !== "undefined") {
-			const handle = window.setTimeout(() => {
-				timers.delete(id);
-				dismiss(id);
-			}, timeout);
-			timers.set(id, handle);
+		state.toasts.unshift(toast);
+		if (toast.timeoutMs > 0) {
+			const timer = {
+				handle: null,
+				remaining: toast.timeoutMs,
+				startedAt: now()
+			};
+			state.timers.set(id, timer);
+			armTimer(id, timer);
 		}
 		return id;
 	}
+	/** Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). */
+	function pause(id) {
+		const timer = state.timers.get(id);
+		if (!timer || timer.handle == null) return;
+		clearTimeout(timer.handle);
+		timer.handle = null;
+		timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt));
+	}
+	/** Возобновляет отсчёт с сохранённого остатка (идемпотентно). */
+	function resume(id) {
+		const timer = state.timers.get(id);
+		if (!timer || timer.handle != null) return;
+		armTimer(id, timer);
+	}
 	function dismiss(id) {
 		clearTimer(id);
-		const index = toasts.findIndex((toast) => toast.id === id);
-		if (index >= 0) toasts.splice(index, 1);
+		const index = state.toasts.findIndex((toast) => toast.id === id);
+		if (index >= 0) state.toasts.splice(index, 1);
 	}
 	function clear() {
-		for (const id of timers.keys()) clearTimer(id);
-		toasts.splice(0, toasts.length);
+		for (const id of [...state.timers.keys()]) clearTimer(id);
+		state.toasts.splice(0, state.toasts.length);
 	}
 	return {
 		list,
 		push,
 		dismiss,
-		clear
+		clear,
+		pause,
+		resume
 	};
 }
 //#endregion
-export { useToast };
+export { GRANULARITY_TOAST_STATE, granularityToastPlugin, useToast };

package/dist/composables/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, reactive } from 'vue'\n\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\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}\n\nexport type Toast = {\n  id: string\n  title: string\n  message?: string\n  tone: GrToastTone\n}\n\n// Модульный синглтон состояния: один источник истины для всех `GrToaster`\n// в приложении. Подразумевается один активный `GrToaster` на корень.\nconst toasts = reactive<Toast[]>([])\n\n// Таймеры авто-дисмисса по id — чтобы при раннем `dismiss()` / `clear()`\n// не оставлять «висящие» setTimeout'ы и не будить мёртвый tab.\nconst timers = new Map<string, number>()\n\nconst DEFAULT_TIMEOUT_MS = 3500\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nfunction clearTimer(id: string): void {\n  const handle = timers.get(id)\n  if (handle !== undefined) {\n    clearTimeout(handle)\n    timers.delete(id)\n  }\n}\n\nexport function useToast() {\n  const list = computed(() => toasts)\n\n  function push(input: ToastInput): string {\n    const id = makeId()\n    const toast: Toast = {\n      id,\n      title: input.title,\n      message: input.message,\n      tone: input.tone ?? 'info',\n    }\n\n    toasts.unshift(toast)\n\n    const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n    if (timeout > 0 && typeof window !== 'undefined') {\n      const handle = window.setTimeout(() => {\n        timers.delete(id)\n        dismiss(id)\n      }, timeout)\n      timers.set(id, handle)\n    }\n\n    return id\n  }\n\n  function dismiss(id: string): void {\n    clearTimer(id)\n    const index = toasts.findIndex(toast => toast.id === id)\n    if (index >= 0)\n      toasts.splice(index, 1)\n  }\n\n  function clear(): void {\n    for (const id of timers.keys()) clearTimer(id)\n    toasts.splice(0, toasts.length)\n  }\n\n  return {\n    list,\n    push,\n    dismiss,\n    clear,\n  }\n}\n"],"mappings":";;AA0BA,IAAM,SAAS,SAAkB,EAAE,CAAC;AAIpC,IAAM,yBAAS,IAAI,KAAqB;AAExC,IAAM,qBAAqB;AAE3B,SAAS,SAAiB;AACxB,QAAO,GAAG,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;;AAG7D,SAAS,WAAW,IAAkB;CACpC,MAAM,SAAS,OAAO,IAAI,GAAG;AAC7B,KAAI,WAAW,KAAA,GAAW;AACxB,eAAa,OAAO;AACpB,SAAO,OAAO,GAAG;;;AAIrB,SAAgB,WAAW;CACzB,MAAM,OAAO,eAAe,OAAO;CAEnC,SAAS,KAAK,OAA2B;EACvC,MAAM,KAAK,QAAQ;EACnB,MAAM,QAAe;GACnB;GACA,OAAO,MAAM;GACb,SAAS,MAAM;GACf,MAAM,MAAM,QAAQ;GACrB;AAED,SAAO,QAAQ,MAAM;EAErB,MAAM,UAAU,MAAM,aAAa;AACnC,MAAI,UAAU,KAAK,OAAO,WAAW,aAAa;GAChD,MAAM,SAAS,OAAO,iBAAiB;AACrC,WAAO,OAAO,GAAG;AACjB,YAAQ,GAAG;MACV,QAAQ;AACX,UAAO,IAAI,IAAI,OAAO;;AAGxB,SAAO;;CAGT,SAAS,QAAQ,IAAkB;AACjC,aAAW,GAAG;EACd,MAAM,QAAQ,OAAO,WAAU,UAAS,MAAM,OAAO,GAAG;AACxD,MAAI,SAAS,EACX,QAAO,OAAO,OAAO,EAAE;;CAG3B,SAAS,QAAc;AACrB,OAAK,MAAM,MAAM,OAAO,MAAM,CAAE,YAAW,GAAG;AAC9C,SAAO,OAAO,GAAG,OAAO,OAAO;;AAGjC,QAAO;EACL;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\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}\n\nexport type Toast = {\n  id: string\n  title: string\n  message?: string\n  tone: GrToastTone\n  /** Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. */\n  timeoutMs: number\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\nfunction createToastState(): ToastState {\n  return {\n    toasts: reactive<Toast[]>([]),\n    timers: new Map<string, ToastTimer>(),\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 * ```\n */\nexport const granularityToastPlugin = {\n  install(app: App) {\n    app.provide(GRANULARITY_TOAST_STATE, createToastState())\n  },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState | null = null\n\nfunction resolveToastState(): ToastState {\n  // App-scoped состояние (provide через плагин) доступно только в setup-контексте.\n  if (getCurrentInstance()) {\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  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 id = makeId()\n    const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\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    }\n\n    state.toasts.unshift(toast)\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  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    dismiss,\n    clear,\n    pause,\n    resume,\n  }\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;AAChE,KAAI,UAAU,MACZ,QAAO;EAAE,SAAS;EAAO,UAAU;EAAI,eAAe;EAAM;AAG9D,KAAI,OAAO,UAAU,SACnB,QAAO;EAAE,SAAS;EAAM,UAAU;EAAO,eAAe;EAAM;AAGhE,KAAI,SAAS,OAAO,UAAU,SAC5B,QAAO;EACL,SAAS,MAAM,aAAa;EAC5B,UAAU,MAAM;EAChB,eAAe,MAAM,iBAAiB;EACvC;AAGH,QAAO;EAAE,SAAS;EAAM,UAAU,KAAA;EAAiC,eAAe;EAAM;;AAG1F,SAAS,SAAS,QAAoC,eAAwB;AAC5E,KAAI,CAAC,OAAQ;CAEb,MAAM,YAAY;AAClB,KAAI,OAAO,UAAU,UAAU,WAAY;AAE3C,KAAI;AACF,YAAU,MAAM,EAAE,eAAe,CAAC;SAC5B;AAEN,YAAU,OAAO;;;;;;;AAQrB,IAAa,aAA4D,EACvE,QAAQ,IAAI,SAAS;CACnB,MAAM,EAAE,SAAS,UAAU,kBAAkB,eAAe,QAAQ,MAAM;AAC1E,KAAI,CAAC,QAAS;AAET,WAAU,CAAC,WAAW;AAEzB,8BAA4B;GAE1B,MAAM,gBAAgB,YADE;AAGxB,OAAK,GAAW,UAAU,cAAc,EAAE;AACxC,aAAS,IAAI,cAAc;AAC3B;;GAGF,MAAM,QAAQ,GAAG,gBAAgB,cAAc;AAC/C,YAAS,OAAO,cAAc;IAC9B;GACF;GAEL"}
+{"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"}

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) 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":";;AAeA,IAAM,yBAAS,IAAI,QAAoC;AAEvD,SAAS,UAAU,OAAyC;CAC1D,IAAI,UAAU,OAAO,OAAO,EAAE,SAAS,MAAM;CAC7C,IAAI,SAAS,OAAO,UAAU,UAAU,OAAO,EAAE,SAAS,MAAM,WAAW,KAAK;CAChF,OAAO,EAAE,SAAS,KAAK;AACzB;AAEA,SAAS,gBAAgB,IAA6C;CACpE,IAAI,cAAc,qBAAqB,OAAO;CAC9C,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,UAAU;EAE3B,SAAS,MAAM,YAAY;EAC3B,SAAS,QAAQ;EACjB,iBAAiB,QAAQ;EAEzB,MAAM,gBAAgB;GACpB,MAAM,UAAU,OAAO,IAAI,EAAE;GAC7B,IAAI,CAAC,SAAS,UAAU;GACxB,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,OAAO;EAEZ,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,UAAU;KACxB,SAAS,QAAQ,QAAQ;IAC3B;IACA,MAAM,UAAU;IAChB,aAAa,iBAAiB,SAAS,OAAO;GAChD;GAEA;EACF;EAEA,IAAI,CAAC,MAAM,UAAU;EAErB,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,UAAU;IACxB,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,OAAO;EAEZ,IAAI,MAAM,YAAY,MAAM,SAAS;GACnC,MAAM,SAAS,oBAAoB,SAAS,MAAM,OAAO;GACzD,IAAI,MAAM,kBAAkB,MAAM,MAAM,SAAS,MAAM,YAAY,MAAM;EAC3E;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 InternalState = {\n  options: NormalizedOptions\n  doc: Document\n  listener: (event: Event) => void\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction unbind(el: HTMLElement) {\n  const state = states.get(el)\n  if (!state) return\n\n  for (const event of state.options.events) {\n    state.doc.removeEventListener(event, state.listener, state.options.capture)\n  }\n\n  states.delete(el)\n}\n\nfunction bind(el: HTMLElement, value: ClickOutsideBindingValue | undefined) {\n  const options = normalize(value)\n  const doc = el.ownerDocument\n\n  const listener = (event: Event) => {\n    const current = states.get(el)\n    if (!current) return\n\n    const { enabled, handler, exclude } = current.options\n    if (!enabled || !handler) return\n\n    if ('button' in (event as any) && typeof (event as any).button === 'number' && (event as any).button !== 0) {\n      return\n    }\n\n    if (!el.isConnected) return\n\n    if (isEventInside(el, event)) return\n\n    const excluded = resolveExclude(current.doc, exclude)\n    for (const ex of excluded) {\n      if (isEventInside(ex, event)) return\n    }\n\n    handler(event as any)\n  }\n\n  const nextState: InternalState = { options, doc, listener }\n  states.set(el, nextState)\n\n  if (!options.enabled || !options.handler) return\n\n  for (const event of options.events) {\n    doc.addEventListener(event, listener, options.capture)\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(el)\n    bind(el, binding.value)\n  },\n  unmounted(el) {\n    unbind(el)\n  },\n}\n"],"mappings":";AA4BA,SAAS,UAAU,OAAgE;AACjF,KAAI,OAAO,UAAU,WACnB,QAAO;EAAE,SAAS;EAAM,SAAS;EAAM,QAAQ,CAAC,QAAQ;EAAE,SAAS;EAAO,SAAS,EAAE;EAAE;AAGzF,KAAI,SAAS,OAAO,UAAU,SAC5B,QAAO;EACL,SAAS,MAAM,WAAW;EAC1B,SAAS,MAAM,WAAW;EAC1B,QAAQ,MAAM,QAAQ,SAAS,MAAM,SAAS,CAAC,QAAQ;EACvD,SAAS,MAAM;EACf,SAAS,MAAM,WAAW,EAAE;EAC7B;AAGH,QAAO;EAAE,SAAS;EAAO,SAAS;EAAM,QAAQ,CAAC,QAAQ;EAAE,SAAS,KAAA;EAAW,SAAS,EAAE;EAAE;;AAG9F,SAAS,cAAc,IAAiB,OAAuB;CAC7D,MAAM,SAAS,MAAM;AACrB,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,eAAgB,MAAc,gBAAgB;AACpD,KAAI,MAAM,QAAQ,aAAa,CAC7B,QAAO,aAAa,SAAS,GAAG;AAGlC,QAAO,GAAG,SAAS,OAAO;;AAG5B,SAAS,eAAe,KAAe,SAA+C;CACpF,MAAM,WAA0B,EAAE;AAElC,MAAK,MAAM,QAAQ,SAAS;AAC1B,MAAI,OAAO,SAAS,UAAU;GAC5B,MAAM,QAAQ,IAAI,cAAc,KAAK;AACrC,OAAI,iBAAiB,YAAa,UAAS,KAAK,MAAM;AACtD;;AAGF,MAAI,OAAO,SAAS,YAAY;GAC9B,MAAM,QAAQ,MAAM;AACpB,OAAI,iBAAiB,YAAa,UAAS,KAAK,MAAM;AACtD;;AAGF,MAAI,gBAAgB,YAClB,UAAS,KAAK,KAAK;;AAIvB,QAAO;;AAST,IAAM,yBAAS,IAAI,SAAqC;AAExD,SAAS,OAAO,IAAiB;CAC/B,MAAM,QAAQ,OAAO,IAAI,GAAG;AAC5B,KAAI,CAAC,MAAO;AAEZ,MAAK,MAAM,SAAS,MAAM,QAAQ,OAChC,OAAM,IAAI,oBAAoB,OAAO,MAAM,UAAU,MAAM,QAAQ,QAAQ;AAG7E,QAAO,OAAO,GAAG;;AAGnB,SAAS,KAAK,IAAiB,OAA6C;CAC1E,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,MAAM,GAAG;CAEf,MAAM,YAAY,UAAiB;EACjC,MAAM,UAAU,OAAO,IAAI,GAAG;AAC9B,MAAI,CAAC,QAAS;EAEd,MAAM,EAAE,SAAS,SAAS,YAAY,QAAQ;AAC9C,MAAI,CAAC,WAAW,CAAC,QAAS;AAE1B,MAAI,YAAa,SAAiB,OAAQ,MAAc,WAAW,YAAa,MAAc,WAAW,EACvG;AAGF,MAAI,CAAC,GAAG,YAAa;AAErB,MAAI,cAAc,IAAI,MAAM,CAAE;EAE9B,MAAM,WAAW,eAAe,QAAQ,KAAK,QAAQ;AACrD,OAAK,MAAM,MAAM,SACf,KAAI,cAAc,IAAI,MAAM,CAAE;AAGhC,UAAQ,MAAa;;CAGvB,MAAM,YAA2B;EAAE;EAAS;EAAK;EAAU;AAC3D,QAAO,IAAI,IAAI,UAAU;AAEzB,KAAI,CAAC,QAAQ,WAAW,CAAC,QAAQ,QAAS;AAE1C,MAAK,MAAM,SAAS,QAAQ,OAC1B,KAAI,iBAAiB,OAAO,UAAU,QAAQ,QAAQ;;;;;AAO1D,IAAa,gBAAkE;CAC7E,QAAQ,IAAI,SAAS;AACnB,OAAK,IAAI,QAAQ,MAAM;;CAEzB,QAAQ,IAAI,SAAS;AACnB,SAAO,GAAG;AACV,OAAK,IAAI,QAAQ,MAAM;;CAEzB,UAAU,IAAI;AACZ,SAAO,GAAG;;CAEb"}
+{"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 InternalState = {\n  options: NormalizedOptions\n  doc: Document\n  listener: (event: Event) => void\n}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction unbind(el: HTMLElement) {\n  const state = states.get(el)\n  if (!state) return\n\n  for (const event of state.options.events) {\n    state.doc.removeEventListener(event, state.listener, state.options.capture)\n  }\n\n  states.delete(el)\n}\n\nfunction bind(el: HTMLElement, value: ClickOutsideBindingValue | undefined) {\n  const options = normalize(value)\n  const doc = el.ownerDocument\n\n  const listener = (event: Event) => {\n    const current = states.get(el)\n    if (!current) return\n\n    const { enabled, handler, exclude } = current.options\n    if (!enabled || !handler) return\n\n    if ('button' in (event as any) && typeof (event as any).button === 'number' && (event as any).button !== 0) {\n      return\n    }\n\n    if (!el.isConnected) return\n\n    if (isEventInside(el, event)) return\n\n    const excluded = resolveExclude(current.doc, exclude)\n    for (const ex of excluded) {\n      if (isEventInside(ex, event)) return\n    }\n\n    handler(event as any)\n  }\n\n  const nextState: InternalState = { options, doc, listener }\n  states.set(el, nextState)\n\n  if (!options.enabled || !options.handler) return\n\n  for (const event of options.events) {\n    doc.addEventListener(event, listener, options.capture)\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(el)\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;AAQA,IAAM,yBAAS,IAAI,QAAoC;AAEvD,SAAS,OAAO,IAAiB;CAC/B,MAAM,QAAQ,OAAO,IAAI,EAAE;CAC3B,IAAI,CAAC,OAAO;CAEZ,KAAK,MAAM,SAAS,MAAM,QAAQ,QAChC,MAAM,IAAI,oBAAoB,OAAO,MAAM,UAAU,MAAM,QAAQ,OAAO;CAG5E,OAAO,OAAO,EAAE;AAClB;AAEA,SAAS,KAAK,IAAiB,OAA6C;CAC1E,MAAM,UAAU,UAAU,KAAK;CAC/B,MAAM,MAAM,GAAG;CAEf,MAAM,YAAY,UAAiB;EACjC,MAAM,UAAU,OAAO,IAAI,EAAE;EAC7B,IAAI,CAAC,SAAS;EAEd,MAAM,EAAE,SAAS,SAAS,YAAY,QAAQ;EAC9C,IAAI,CAAC,WAAW,CAAC,SAAS;EAE1B,IAAI,YAAa,SAAiB,OAAQ,MAAc,WAAW,YAAa,MAAc,WAAW,GACvG;EAGF,IAAI,CAAC,GAAG,aAAa;EAErB,IAAI,cAAc,IAAI,KAAK,GAAG;EAE9B,MAAM,WAAW,eAAe,QAAQ,KAAK,OAAO;EACpD,KAAK,MAAM,MAAM,UACf,IAAI,cAAc,IAAI,KAAK,GAAG;EAGhC,QAAQ,KAAY;CACtB;CAEA,MAAM,YAA2B;EAAE;EAAS;EAAK;CAAS;CAC1D,OAAO,IAAI,IAAI,SAAS;CAExB,IAAI,CAAC,QAAQ,WAAW,CAAC,QAAQ,SAAS;CAE1C,KAAK,MAAM,SAAS,QAAQ,QAC1B,IAAI,iBAAiB,OAAO,UAAU,QAAQ,OAAO;AAEzD;;;;AAKA,IAAa,gBAAkE;CAC7E,QAAQ,IAAI,SAAS;EACnB,KAAK,IAAI,QAAQ,KAAK;CACxB;CACA,QAAQ,IAAI,SAAS;EACnB,OAAO,EAAE;EACT,KAAK,IAAI,QAAQ,KAAK;CACxB;CACA,UAAU,IAAI;EACZ,OAAO,EAAE;CACX;AACF"}

package/dist/directives/dropzone.js

@@ -1,4 +1,4 @@
-import { l as runFileValidators, u as FileValidationError } from "../chunks/fileValidation-c_iBg74s.js";
+import { l as runFileValidators, u as FileValidationError } from "../chunks/fileValidation-C3WFaWU2.js";
 //#region src/directives/dropzone.ts
 function normalize(value) {
 	if (typeof value === "function") return {
@@ -10,7 +10,7 @@ function normalize(value) {
 		onFiles: value,
 		onError: void 0,
 		onStateChange: void 0,
-		overClass: "ds-dropzone--over"
+		overClass: "gr-dropzone--over"
 	};
 	if (value && typeof value === "object") return {
 		enabled: value.enabled ?? true,
@@ -21,7 +21,7 @@ function normalize(value) {
 		onFiles: value.onFiles,
 		onError: value.onError,
 		onStateChange: value.onStateChange,
-		overClass: value.overClass ?? "ds-dropzone--over"
+		overClass: value.overClass ?? "gr-dropzone--over"
 	};
 	return {
 		enabled: false,
@@ -32,7 +32,7 @@ function normalize(value) {
 		onFiles: void 0,
 		onError: void 0,
 		onStateChange: void 0,
-		overClass: "ds-dropzone--over"
+		overClass: "gr-dropzone--over"
 	};
 }
 var states = /* @__PURE__ */ new WeakMap();
@@ -112,7 +112,8 @@ function bind(el, value) {
 			if (!files.length) return;
 			(async () => {
 				try {
-					const { files: picked, issues } = await runFileValidators(files, current.options.validators ?? [], {
+					const validators = current.options.validators ?? [];
+					const { files: picked, issues } = await runFileValidators(files, validators, {
 						source: "drop",
 						multiple: current.options.multiple
 					});

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: 'ds-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 ?? 'ds-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: 'ds-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) 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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"}

package/dist/directives/hotkey.js

@@ -9,18 +9,21 @@ function isEditableTarget(target) {
 function normalizeBinding(value) {
 	if (!value) return {
 		enabled: false,
-		handlers: {}
+		handlers: {},
+		scope: "global"
 	};
 	if ("handlers" in value) {
 		const v = value;
 		return {
 			enabled: v.enabled ?? true,
-			handlers: v.handlers ?? {}
+			handlers: v.handlers ?? {},
+			scope: v.scope ?? "global"
 		};
 	}
 	return {
 		enabled: true,
-		handlers: value
+		handlers: value,
+		scope: "global"
 	};
 }
 function normalizeKeyToken(token) {
@@ -88,11 +91,18 @@ function resolveEntry(entry) {
 * ```vue
 * <div v-hotkey="{ 'Escape': close, 'Ctrl+K': openSearch }" />
 * ```
+*
+* По умолчанию слушатель глобальный (`window`). Чтобы хоткеи срабатывали только
+* когда фокус внутри элемента, используйте `scope: 'element'`:
+* ```vue
+* <div tabindex="0" v-hotkey="{ handlers: { 'j': next }, scope: 'element' }" />
+* ```
 */
 var vHotkey = {
 	mounted(el, binding) {
 		if (typeof window === "undefined") return;
-		const { enabled, handlers } = normalizeBinding(binding.value);
+		const { enabled, handlers, scope } = normalizeBinding(binding.value);
+		const target = scope === "element" ? el : window;
 		const state = {
 			enabled,
 			hotkeys: parseHotkeys(handlers),
@@ -115,10 +125,11 @@ var vHotkey = {
 					entry.handler(event);
 					return;
 				}
-			}
+			},
+			target
 		};
 		states.set(el, state);
-		window.addEventListener("keydown", state.listener);
+		target.addEventListener("keydown", state.listener);
 	},
 	updated(el, binding) {
 		const state = states.get(el);
@@ -126,11 +137,17 @@ var vHotkey = {
 		const next = normalizeBinding(binding.value);
 		state.enabled = next.enabled;
 		state.hotkeys = parseHotkeys(next.handlers);
+		const nextTarget = next.scope === "element" ? el : window;
+		if (nextTarget !== state.target) {
+			state.target.removeEventListener("keydown", state.listener);
+			state.target = nextTarget;
+			nextTarget.addEventListener("keydown", state.listener);
+		}
 	},
 	unmounted(el) {
 		const state = states.get(el);
 		if (!state) return;
-		window.removeEventListener("keydown", state.listener);
+		state.target.removeEventListener("keydown", state.listener);
 		states.delete(el);
 	}
 };