@feugene/granularity 0.4.1 → 0.4.3

package/dist/directives/autofocus.js

@@ -0,0 +1,55 @@
+import { nextTick } from "vue";
+//#region src/directives/autofocus.ts
+function resolveOptions(value) {
+	if (value === false) return {
+		enabled: false,
+		selector: "",
+		preventScroll: true
+	};
+	if (typeof value === "string") return {
+		enabled: true,
+		selector: value,
+		preventScroll: true
+	};
+	if (value && typeof value === "object") return {
+		enabled: value.disabled !== true,
+		selector: value.selector,
+		preventScroll: value.preventScroll ?? true
+	};
+	return {
+		enabled: true,
+		selector: void 0,
+		preventScroll: true
+	};
+}
+function tryFocus(target, preventScroll) {
+	if (!target) return;
+	const focusable = target;
+	if (typeof focusable.focus !== "function") return;
+	try {
+		focusable.focus({ preventScroll });
+	} catch {
+		focusable.focus();
+	}
+}
+/**
+* `v-autofocus` — универсальный автофокус.
+* Работает как на нативных элементах, так и на компонентах-обёртках (фокусирует вложенный `input/textarea/...`).
+*/
+var vAutofocus = { mounted(el, binding) {
+	const { enabled, selector, preventScroll } = resolveOptions(binding.value);
+	if (!enabled) return;
+	nextTick().then(() => {
+		requestAnimationFrame(() => {
+			const finalSelector = selector || "input, textarea, select, button, [tabindex]:not([tabindex=\"-1\"])";
+			if (el.matches?.(finalSelector)) {
+				tryFocus(el, preventScroll);
+				return;
+			}
+			const inner = el.querySelector?.(finalSelector);
+			tryFocus(inner, preventScroll);
+		});
+	});
+} };
+//#endregion
+export { vAutofocus };

package/dist/directives/autofocus.js.map

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

package/dist/directives/autosize.js

@@ -0,0 +1,117 @@
+import { nextTick } from "vue";
+//#region src/directives/autosize.ts
+var states = /* @__PURE__ */ new WeakMap();
+function normalize(value) {
+	if (value === false) return { enabled: false };
+	if (value && typeof value === "object") return { enabled: value.enabled ?? true };
+	return { enabled: true };
+}
+function resolveTextarea(el) {
+	if (el instanceof HTMLTextAreaElement) return el;
+	return el.querySelector("textarea");
+}
+function toNumber(input) {
+	const n = Number.parseFloat(input);
+	return Number.isFinite(n) ? n : 0;
+}
+function autosize(textarea) {
+	textarea.style.height = "auto";
+	const style = getComputedStyle(textarea);
+	const border = toNumber(style.borderTopWidth) + toNumber(style.borderBottomWidth);
+	const height = style.boxSizing === "border-box" ? textarea.scrollHeight + border : textarea.scrollHeight;
+	textarea.style.height = `${height}px`;
+}
+function scheduleAutosize(textarea) {
+	nextTick().then(() => {
+		requestAnimationFrame(() => autosize(textarea));
+	});
+}
+/**
+* `v-autosize` — автоподстройка высоты `textarea`.
+*
+* Пример:
+* ```vue
+* <textarea v-autosize />
+* ```
+*/
+var vAutosize = {
+	mounted(el, binding) {
+		const { enabled } = normalize(binding.value);
+		const textarea = resolveTextarea(el);
+		const state = {
+			textarea,
+			onInput: null,
+			prevOverflowY: textarea ? textarea.style.overflowY : null
+		};
+		states.set(el, state);
+		if (!enabled || !textarea) return;
+		textarea.style.overflowY = "hidden";
+		autosize(textarea);
+		scheduleAutosize(textarea);
+		const onInput = () => {
+			const current = states.get(el);
+			if (!current?.textarea) return;
+			autosize(current.textarea);
+		};
+		state.onInput = onInput;
+		textarea.addEventListener("input", onInput);
+	},
+	updated(el, binding) {
+		const { enabled } = normalize(binding.value);
+		const state = states.get(el);
+		if (!state) return;
+		const nextTextarea = resolveTextarea(el);
+		if (state.textarea !== nextTextarea) {
+			if (state.textarea && state.onInput) state.textarea.removeEventListener("input", state.onInput);
+			state.textarea = nextTextarea;
+			state.prevOverflowY = nextTextarea ? nextTextarea.style.overflowY : null;
+			state.onInput = null;
+			if (enabled && nextTextarea) {
+				nextTextarea.style.overflowY = "hidden";
+				autosize(nextTextarea);
+				scheduleAutosize(nextTextarea);
+				const onInput = () => {
+					const current = states.get(el);
+					if (!current?.textarea) return;
+					autosize(current.textarea);
+				};
+				state.onInput = onInput;
+				nextTextarea.addEventListener("input", onInput);
+			}
+			return;
+		}
+		if (!state.textarea) return;
+		if (!enabled) {
+			if (state.onInput) {
+				state.textarea.removeEventListener("input", state.onInput);
+				state.onInput = null;
+			}
+			if (state.prevOverflowY !== null) state.textarea.style.overflowY = state.prevOverflowY;
+			return;
+		}
+		if (!state.onInput) {
+			state.prevOverflowY = state.textarea.style.overflowY;
+			state.textarea.style.overflowY = "hidden";
+			const onInput = () => {
+				const current = states.get(el);
+				if (!current?.textarea) return;
+				autosize(current.textarea);
+			};
+			state.onInput = onInput;
+			state.textarea.addEventListener("input", onInput);
+		}
+		autosize(state.textarea);
+		scheduleAutosize(state.textarea);
+	},
+	unmounted(el) {
+		const state = states.get(el);
+		if (!state) return;
+		if (state.textarea && state.onInput) {
+			state.textarea.removeEventListener("input", state.onInput);
+			if (state.prevOverflowY !== null) state.textarea.style.overflowY = state.prevOverflowY;
+		}
+		states.delete(el);
+	}
+};
+//#endregion
+export { vAutosize };

package/dist/directives/autosize.js.map

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

package/dist/directives/clickOutside.js

@@ -0,0 +1,96 @@
+//#region src/directives/clickOutside.ts
+function normalize(value) {
+	if (typeof value === "function") return {
+		enabled: true,
+		capture: true,
+		events: ["click"],
+		handler: value,
+		exclude: []
+	};
+	if (value && typeof value === "object") return {
+		enabled: value.enabled ?? true,
+		capture: value.capture ?? true,
+		events: value.events?.length ? value.events : ["click"],
+		handler: value.handler,
+		exclude: value.exclude ?? []
+	};
+	return {
+		enabled: false,
+		capture: true,
+		events: ["click"],
+		handler: void 0,
+		exclude: []
+	};
+}
+function isEventInside(el, event) {
+	const target = event.target;
+	if (!target) return false;
+	const composedPath = event.composedPath?.();
+	if (Array.isArray(composedPath)) return composedPath.includes(el);
+	return el.contains(target);
+}
+function resolveExclude(doc, exclude) {
+	const resolved = [];
+	for (const item of exclude) {
+		if (typeof item === "string") {
+			const found = doc.querySelector(item);
+			if (found instanceof HTMLElement) resolved.push(found);
+			continue;
+		}
+		if (typeof item === "function") {
+			const found = item();
+			if (found instanceof HTMLElement) resolved.push(found);
+			continue;
+		}
+		if (item instanceof HTMLElement) resolved.push(item);
+	}
+	return resolved;
+}
+var states = /* @__PURE__ */ new WeakMap();
+function unbind(el) {
+	const state = states.get(el);
+	if (!state) return;
+	for (const event of state.options.events) state.doc.removeEventListener(event, state.listener, state.options.capture);
+	states.delete(el);
+}
+function bind(el, value) {
+	const options = normalize(value);
+	const doc = el.ownerDocument;
+	const listener = (event) => {
+		const current = states.get(el);
+		if (!current) return;
+		const { enabled, handler, exclude } = current.options;
+		if (!enabled || !handler) return;
+		if ("button" in event && typeof event.button === "number" && event.button !== 0) return;
+		if (!el.isConnected) return;
+		if (isEventInside(el, event)) return;
+		const excluded = resolveExclude(current.doc, exclude);
+		for (const ex of excluded) if (isEventInside(ex, event)) return;
+		handler(event);
+	};
+	const nextState = {
+		options,
+		doc,
+		listener
+	};
+	states.set(el, nextState);
+	if (!options.enabled || !options.handler) return;
+	for (const event of options.events) doc.addEventListener(event, listener, options.capture);
+}
+/**
+* `v-click-outside` — обработчик клика вне элемента (например, закрытие дропдауна/модалки).
+*/
+var vClickOutside = {
+	mounted(el, binding) {
+		bind(el, binding.value);
+	},
+	updated(el, binding) {
+		unbind(el);
+		bind(el, binding.value);
+	},
+	unmounted(el) {
+		unbind(el);
+	}
+};
+//#endregion
+export { vClickOutside };

package/dist/directives/clickOutside.js.map

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

package/dist/directives/dropzone.js

@@ -0,0 +1,164 @@
+import { l as runFileValidators, u as FileValidationError } from "../chunks/fileValidation-CwJA8Vmn.js";
+//#region src/directives/dropzone.ts
+function normalize(value) {
+	if (typeof value === "function") return {
+		enabled: true,
+		multiple: true,
+		validators: void 0,
+		preventDefault: true,
+		stopPropagation: false,
+		onFiles: value,
+		onError: void 0,
+		onStateChange: void 0,
+		overClass: "ds-dropzone--over"
+	};
+	if (value && typeof value === "object") return {
+		enabled: value.enabled ?? true,
+		multiple: value.multiple ?? true,
+		validators: value.validators,
+		preventDefault: value.preventDefault ?? true,
+		stopPropagation: value.stopPropagation ?? false,
+		onFiles: value.onFiles,
+		onError: value.onError,
+		onStateChange: value.onStateChange,
+		overClass: value.overClass ?? "ds-dropzone--over"
+	};
+	return {
+		enabled: false,
+		multiple: true,
+		validators: void 0,
+		preventDefault: true,
+		stopPropagation: false,
+		onFiles: void 0,
+		onError: void 0,
+		onStateChange: void 0,
+		overClass: "ds-dropzone--over"
+	};
+}
+var states = /* @__PURE__ */ new WeakMap();
+function setOver(el, next) {
+	const state = states.get(el);
+	if (!state) return;
+	const wasDomOver = el.dataset.grDropzoneOver === "true";
+	const prev = state.isOver;
+	state.isOver = next;
+	if (next) {
+		el.classList.add(state.options.overClass);
+		el.dataset.grDropzoneOver = "true";
+	} else {
+		el.classList.remove(state.options.overClass);
+		delete el.dataset.grDropzoneOver;
+	}
+	if (prev !== next || wasDomOver !== next) state.options.onStateChange?.({ isOver: next });
+}
+function unbind(el) {
+	const state = states.get(el);
+	if (!state) return;
+	state.overCounter = 0;
+	setOver(el, false);
+	delete el.dataset.grDropzone;
+	el.removeEventListener("dragenter", state.onDragEnter);
+	el.removeEventListener("dragover", state.onDragOver);
+	el.removeEventListener("dragleave", state.onDragLeave);
+	el.removeEventListener("drop", state.onDrop);
+	states.delete(el);
+}
+function bind(el, value) {
+	const state = {
+		options: normalize(value),
+		overCounter: 0,
+		isOver: false,
+		onDragEnter(event) {
+			const current = states.get(el);
+			if (!current?.options.enabled) return;
+			if (current.options.preventDefault) event.preventDefault();
+			if (current.options.stopPropagation) event.stopPropagation();
+			current.overCounter += 1;
+			setOver(el, true);
+		},
+		onDragOver(event) {
+			const current = states.get(el);
+			if (!current?.options.enabled) return;
+			if (current.options.preventDefault) event.preventDefault();
+			if (current.options.stopPropagation) event.stopPropagation();
+			if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
+		},
+		onDragLeave(event) {
+			const current = states.get(el);
+			if (!current?.options.enabled) return;
+			if (current.options.preventDefault) event.preventDefault();
+			if (current.options.stopPropagation) event.stopPropagation();
+			current.overCounter = Math.max(0, current.overCounter - 1);
+			if (current.overCounter === 0) setOver(el, false);
+		},
+		onDrop(event) {
+			const current = states.get(el);
+			if (!current?.options.enabled) return;
+			if (current.options.preventDefault) event.preventDefault();
+			if (current.options.stopPropagation) event.stopPropagation();
+			current.overCounter = 0;
+			setOver(el, false);
+			const dt = event.dataTransfer;
+			const files = dt?.files ? Array.prototype.slice.call(dt.files) : [];
+			if (!files.length) return;
+			(async () => {
+				try {
+					const { files: picked, issues } = await runFileValidators(files, current.options.validators ?? [], {
+						source: "drop",
+						multiple: current.options.multiple
+					});
+					if (issues.length > 0) {
+						current.options.onError?.(new FileValidationError(issues, picked));
+						return;
+					}
+					if (!picked.length) return;
+					await current.options.onFiles?.(picked, event);
+				} catch (error) {
+					current.options.onError?.(error);
+				}
+			})();
+		}
+	};
+	states.set(el, state);
+	el.dataset.grDropzone = "true";
+	el.addEventListener("dragenter", state.onDragEnter);
+	el.addEventListener("dragover", state.onDragOver);
+	el.addEventListener("dragleave", state.onDragLeave);
+	el.addEventListener("drop", state.onDrop);
+}
+function update(el, value) {
+	const state = states.get(el);
+	if (!state) {
+		bind(el, value);
+		return;
+	}
+	const prevOverClass = state.options.overClass;
+	const nextOptions = normalize(value);
+	state.options = nextOptions;
+	if (prevOverClass !== nextOptions.overClass) {
+		el.classList.remove(prevOverClass);
+		if (state.isOver) el.classList.add(nextOptions.overClass);
+	}
+	if (!nextOptions.enabled) {
+		state.overCounter = 0;
+		setOver(el, false);
+	}
+}
+/**
+* `v-dropzone` — декларативная DnD-зона для файлов (перетаскивание + drop).
+*
+* Директива не делает загрузку сама — только нормализует события и отдаёт `File[]`.
+*/
+var vDropzone = {
+	mounted(el, binding) {
+		bind(el, binding.value);
+	},
+	updated(el, binding) {
+		update(el, binding.value);
+	},
+	unmounted(el) {
+		unbind(el);
+	}
+};
+//#endregion
+export { vDropzone };

package/dist/directives/dropzone.js.map

@@ -0,0 +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\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  if (next) {\n    el.classList.add(state.options.overClass)\n    el.dataset.grDropzoneOver = 'true'\n  } else {\n    el.classList.remove(state.options.overClass)\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.\n  if (prevOverClass !== nextOptions.overClass) {\n    el.classList.remove(prevOverClass)\n    if (state.isOver) el.classList.add(nextOptions.overClass)\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

@@ -0,0 +1,138 @@
+//#region src/directives/hotkey.ts
+var states = /* @__PURE__ */ new WeakMap();
+function isEditableTarget(target) {
+	if (!(target instanceof HTMLElement)) return false;
+	if (target.isContentEditable) return true;
+	const tag = target.tagName;
+	return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
+}
+function normalizeBinding(value) {
+	if (!value) return {
+		enabled: false,
+		handlers: {}
+	};
+	if ("handlers" in value) {
+		const v = value;
+		return {
+			enabled: v.enabled ?? true,
+			handlers: v.handlers ?? {}
+		};
+	}
+	return {
+		enabled: true,
+		handlers: value
+	};
+}
+function normalizeKeyToken(token) {
+	const t = token.trim().toLowerCase();
+	if (t === "esc") return "Escape";
+	if (t === "escape") return "Escape";
+	if (t === "space") return " ";
+	if (t.length === 1) return t;
+	return token.trim();
+}
+function parseHotkeys(map) {
+	const parsed = [];
+	for (const [combo, entry] of Object.entries(map)) {
+		const parts = combo.split("+").map((p) => p.trim()).filter(Boolean);
+		if (!parts.length) continue;
+		let ctrl = false;
+		let meta = false;
+		let alt = false;
+		let shift = false;
+		const keyToken = parts.at(-1);
+		if (!keyToken) continue;
+		for (const p of parts.slice(0, -1)) {
+			const t = p.toLowerCase();
+			if (t === "ctrl" || t === "control") ctrl = true;
+			else if (t === "meta" || t === "cmd" || t === "command" || t === "⌘") meta = true;
+			else if (t === "alt" || t === "option") alt = true;
+			else if (t === "shift") shift = true;
+		}
+		const key = normalizeKeyToken(keyToken);
+		parsed.push({
+			original: combo,
+			key,
+			ctrl,
+			meta,
+			alt,
+			shift,
+			entry
+		});
+	}
+	return parsed;
+}
+function matchKey(expected, eventKey) {
+	if (expected === " ") return eventKey === " " || eventKey === "Spacebar";
+	if (expected.length === 1) return expected.toLowerCase() === eventKey.toLowerCase();
+	return expected === eventKey;
+}
+function resolveEntry(entry) {
+	if (typeof entry === "function") return {
+		handler: entry,
+		preventDefault: void 0,
+		stopPropagation: false,
+		allowInEditable: false
+	};
+	return {
+		handler: entry.handler,
+		preventDefault: entry.preventDefault,
+		stopPropagation: entry.stopPropagation ?? false,
+		allowInEditable: entry.allowInEditable ?? false
+	};
+}
+/**
+* `v-hotkey` — горячие клавиши на компонент/страницу.
+*
+* Пример:
+* ```vue
+* <div v-hotkey="{ 'Escape': close, 'Ctrl+K': openSearch }" />
+* ```
+*/
+var vHotkey = {
+	mounted(el, binding) {
+		if (typeof window === "undefined") return;
+		const { enabled, handlers } = normalizeBinding(binding.value);
+		const state = {
+			enabled,
+			hotkeys: parseHotkeys(handlers),
+			listener: (event) => {
+				const current = states.get(el);
+				if (!current?.enabled) return;
+				if (!el.isConnected) return;
+				const editable = isEditableTarget(event.target);
+				for (const hk of current.hotkeys) {
+					if (hk.ctrl !== event.ctrlKey) continue;
+					if (hk.meta !== event.metaKey) continue;
+					if (hk.alt !== event.altKey) continue;
+					if (hk.shift !== event.shiftKey) continue;
+					if (!matchKey(hk.key, event.key)) continue;
+					const entry = resolveEntry(hk.entry);
+					const hasModifier = hk.ctrl || hk.meta || hk.alt || hk.shift;
+					if (editable && !entry.allowInEditable && !hasModifier && hk.key !== "Escape") continue;
+					if (entry.preventDefault ?? (hk.ctrl || hk.meta || hk.alt)) event.preventDefault();
+					if (entry.stopPropagation) event.stopPropagation();
+					entry.handler(event);
+					return;
+				}
+			}
+		};
+		states.set(el, state);
+		window.addEventListener("keydown", state.listener);
+	},
+	updated(el, binding) {
+		const state = states.get(el);
+		if (!state) return;
+		const next = normalizeBinding(binding.value);
+		state.enabled = next.enabled;
+		state.hotkeys = parseHotkeys(next.handlers);
+	},
+	unmounted(el) {
+		const state = states.get(el);
+		if (!state) return;
+		window.removeEventListener("keydown", state.listener);
+		states.delete(el);
+	}
+};
+//#endregion
+export { vHotkey };

package/dist/directives/hotkey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotkey.js","names":[],"sources":["../../src/directives/hotkey.ts"],"sourcesContent":["import type { Directive } from 'vue'\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\nexport type HotkeyBindingValue =\n  | HotkeyMap\n  | {\n      handlers: HotkeyMap\n      enabled?: boolean\n    }\n\ntype ParsedHotkey = {\n  original: string\n  key: string\n  ctrl: boolean\n  meta: 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}\n\nconst states = new WeakMap<HTMLElement, InternalState>()\n\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false\n  if (target.isContentEditable) return true\n\n  const tag = target.tagName\n  return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT'\n}\n\nfunction normalizeBinding(value: HotkeyBindingValue | undefined) {\n  if (!value) return { enabled: false, handlers: {} as HotkeyMap }\n  if ('handlers' in (value as any)) {\n    const v = value as { handlers: HotkeyMap; enabled?: boolean }\n    return { enabled: v.enabled ?? true, handlers: v.handlers ?? {} }\n  }\n  return { enabled: true, handlers: value as HotkeyMap }\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 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 === '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, alt, shift, entry })\n  }\n\n  return parsed\n}\n\nfunction matchKey(expected: string, eventKey: string): boolean {\n  if (expected === ' ') return eventKey === ' ' || eventKey === 'Spacebar'\n  if (expected.length === 1) return expected.toLowerCase() === eventKey.toLowerCase()\n  return expected === eventKey\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 */\nexport const vHotkey: Directive<HTMLElement, HotkeyBindingValue> = {\n  mounted(el, binding) {\n    if (typeof window === 'undefined') return\n\n    const { enabled, handlers } = normalizeBinding(binding.value)\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\n        const editable = isEditableTarget(event.target)\n\n        for (const hk of current.hotkeys) {\n          if (hk.ctrl !== event.ctrlKey) continue\n          if (hk.meta !== event.metaKey) continue\n          if (hk.alt !== event.altKey) continue\n          if (hk.shift !== event.shiftKey) continue\n          if (!matchKey(hk.key, event.key)) continue\n\n          const entry = resolveEntry(hk.entry)\n\n          // По умолчанию не перехватываем \"простые\" клавиши во время ввода.\n          const hasModifier = hk.ctrl || hk.meta || 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.alt)\n          if (preventDefault) event.preventDefault()\n          if (entry.stopPropagation) event.stopPropagation()\n\n          entry.handler(event)\n          return\n        }\n      },\n    }\n\n    states.set(el, state)\n    window.addEventListener('keydown', state.listener)\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  unmounted(el) {\n    const state = states.get(el)\n    if (!state) return\n    window.removeEventListener('keydown', state.listener)\n    states.delete(el)\n  },\n}\n"],"mappings":"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"}

package/dist/directives/index.js

@@ -1,2 +1,7 @@
-import { a as vClickOutside, i as vDropzone, n as vLoading, o as vAutosize, r as vHotkey, s as vAutofocus, t as createLoading } from "../chunks/directives-Cuib0yOO.js";
+import { vAutofocus } from "./autofocus.js";
+import { vAutosize } from "./autosize.js";
+import { vClickOutside } from "./clickOutside.js";
+import { vDropzone } from "./dropzone.js";
+import { vHotkey } from "./hotkey.js";
+import { createLoading, vLoading } from "./loading.js";
 export { createLoading, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };