@feugene/granularity 0.23.0 → 0.25.0

package/dist/chunks/safelist-DOfCQR5O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safelist-DOfCQR5O.js","names":[],"sources":["../../src/components/GrBadge/safelist.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  darkToneClassByTone,\n  lightToneClassByTone,\n  semiRadiusClassBySize,\n  sizeClassBySize,\n} from './grBadgeStyles'\n\nexport const grBadgeSafelist = [...new Set([\n  ...Object.values(sizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(semiRadiusClassBySize).flatMap(splitClassTokens),\n  'rounded-[var(--gr-radius-none)]',\n  'rounded-[var(--gr-radius-full)]',\n  ...Object.values(lightToneClassByTone).flatMap(splitClassTokens),\n  ...Object.values(darkToneClassByTone).flatMap(splitClassTokens),\n])]\n"],"mappings":";;;AAQA,IAAa,kBAAkB,CAAC,mBAAG,IAAI,IAAI;CACzC,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,qBAAqB,CAAC,CAAC,QAAQ,gBAAgB;CAChE;CACA;CACA,GAAG,OAAO,OAAO,oBAAoB,CAAC,CAAC,QAAQ,gBAAgB;CAC/D,GAAG,OAAO,OAAO,mBAAmB,CAAC,CAAC,QAAQ,gBAAgB;AAChE,CAAC,CAAC"}

package/dist/chunks/useMenuItemsFocus-OyOnIAlr.js

@@ -0,0 +1,117 @@
+import { i as isEditableTarget } from "./keyboard-DE2yhz_b.js";
+import { t as getFocusableElements } from "./focusables-BkzK42SQ.js";
+import { getCurrentInstance, onBeforeUnmount } from "vue";
+/**
+* Поиск по первым буквам в списке — паттерн `typeahead` из WAI-ARIA APG.
+*
+* Буфер намеренно не реактивный: на рендер он не влияет, а читается синхронно
+* внутри обработчика `keydown`.
+*/
+function useTypeahead(options) {
+	const resetMs = options.resetMs ?? 600;
+	let buffer = "";
+	let timer;
+	function reset() {
+		clearTimeout(timer);
+		timer = void 0;
+		buffer = "";
+	}
+	function type(char) {
+		clearTimeout(timer);
+		timer = setTimeout(reset, resetMs);
+		const normalized = char.toLowerCase();
+		buffer = buffer.length === 1 && buffer === normalized ? normalized : buffer + normalized;
+		const items = options.items();
+		if (items.length === 0) return false;
+		const from = options.currentIndex(items);
+		for (let step = 1; step <= items.length; step += 1) {
+			const index = (from + step + items.length) % items.length;
+			const item = items[index];
+			if (item === void 0) continue;
+			if (options.textOf(item, index).trim().toLowerCase().startsWith(buffer)) {
+				options.onMatch(item, index);
+				return true;
+			}
+		}
+		return false;
+	}
+	if (getCurrentInstance()) onBeforeUnmount(reset);
+	return {
+		type,
+		isEmpty: () => buffer === "",
+		reset
+	};
+}
+//#endregion
+//#region src/composables/internal/useMenuItemsFocus.ts
+/**
+* Клавиатура панели-меню: кольцо фокуса плюс поиск по первым буквам.
+*
+* Пункты ищутся в DOM, а не в модели, и это осознанно: у панели бывает
+* произвольное содержимое из слота, в котором ключей нет вовсе. По той же
+* причине здесь не `useRovingFocus` — он адресуется ключами и ведёт
+* `tabindex="0"` на активном элементе, а пункты меню обязаны быть `-1`.
+*/
+function useMenuItemsFocus(options) {
+	/**
+	* `tabbableOnly: false` — не оплошность: пункты меню намеренно `tabindex="-1"`,
+	* и список участников таб-порядка был бы пуст.
+	*/
+	function items() {
+		return getFocusableElements(options.container(), { tabbableOnly: false });
+	}
+	function focusAt(index) {
+		const list = items();
+		if (list.length === 0) return;
+		list[(index + list.length) % list.length]?.focus({ preventScroll: true });
+	}
+	const typeahead = useTypeahead({
+		items,
+		textOf: (element) => element.textContent ?? "",
+		currentIndex: (list) => list.indexOf(document.activeElement),
+		onMatch: (element) => element.focus({ preventScroll: true })
+	});
+	function onKeydown(event) {
+		const currentIndex = items().indexOf(document.activeElement);
+		const editable = isEditableTarget(event.target);
+		switch (event.key) {
+			case "ArrowDown":
+				event.preventDefault();
+				focusAt(currentIndex + 1);
+				return true;
+			case "ArrowUp":
+				event.preventDefault();
+				focusAt(currentIndex - 1);
+				return true;
+			case "Home":
+				if (editable) return false;
+				event.preventDefault();
+				focusAt(0);
+				return true;
+			case "End":
+				if (editable) return false;
+				event.preventDefault();
+				focusAt(-1);
+				return true;
+			case "Tab":
+				options.close();
+				return true;
+		}
+		if (editable) return false;
+		if (event.key === " " && typeahead.isEmpty()) return false;
+		if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
+			event.preventDefault();
+			typeahead.type(event.key);
+			return true;
+		}
+		return false;
+	}
+	return {
+		items,
+		focusAt,
+		onKeydown,
+		reset: typeahead.reset
+	};
+}
+//#endregion
+export { useMenuItemsFocus as t };

package/dist/chunks/useMenuItemsFocus-OyOnIAlr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuItemsFocus-OyOnIAlr.js","names":[],"sources":["../../src/composables/internal/useTypeahead.ts","../../src/composables/internal/useMenuItemsFocus.ts"],"sourcesContent":["import { getCurrentInstance, onBeforeUnmount } from 'vue'\n\n/**\n * Буфер живёт ровно столько: дальше набранное перестаёт быть одним словом.\n * Значение из WAI-ARIA APG, оно же стояло во всех трёх прежних копиях.\n */\nexport const TYPEAHEAD_RESET_MS = 600\n\nexport interface UseTypeaheadOptions<TItem> {\n  /** Кандидаты в порядке отображения. Опрашивается на каждый символ. */\n  items: () => readonly TItem[]\n  /** Текст кандидата. Нормализацию (`trim` + нижний регистр) делает композабл. */\n  textOf: (item: TItem, index: number) => string\n  /** Откуда шагать. Получает уже разрешённый набор, чтобы не опрашивать его дважды. */\n  currentIndex: (items: readonly TItem[]) => number\n  /** Совпадение найдено. Фокус, `activeIndex` — решает потребитель. */\n  onMatch: (item: TItem, index: number) => void\n  resetMs?: number\n}\n\nexport interface UseTypeaheadReturn {\n  /** Обработать печатный символ. `true` — совпадение найдено. */\n  type: (char: string) => boolean\n  /** Пуст ли буфер: правило «`Space` при пустом буфере активирует пункт». */\n  isEmpty: () => boolean\n  reset: () => void\n}\n\n/**\n * Поиск по первым буквам в списке — паттерн `typeahead` из WAI-ARIA APG.\n *\n * Буфер намеренно не реактивный: на рендер он не влияет, а читается синхронно\n * внутри обработчика `keydown`.\n */\nexport function useTypeahead<TItem>(options: UseTypeaheadOptions<TItem>): UseTypeaheadReturn {\n  const resetMs = options.resetMs ?? TYPEAHEAD_RESET_MS\n\n  let buffer = ''\n  let timer: ReturnType<typeof setTimeout> | undefined\n\n  function reset(): void {\n    clearTimeout(timer)\n    timer = undefined\n    buffer = ''\n  }\n\n  function type(char: string): boolean {\n    clearTimeout(timer)\n    timer = setTimeout(reset, resetMs)\n\n    // Повтор одной буквы — это «следующий на ту же букву», а не поиск «аа».\n    // Сравнение по нормализованному символу: иначе `Shift+A` и `a` считались бы\n    // разными буквами, и повтор с зажатым шифтом уходил бы в поиск «Aa».\n    const normalized = char.toLowerCase()\n    const repeat = buffer.length === 1 && buffer === normalized\n    buffer = repeat ? normalized : buffer + normalized\n\n    const items = options.items()\n    if (items.length === 0)\n      return false\n\n    const from = options.currentIndex(items)\n\n    for (let step = 1; step <= items.length; step += 1) {\n      const index = (from + step + items.length) % items.length\n      const item = items[index]\n      if (item === undefined)\n        continue\n\n      if (options.textOf(item, index).trim().toLowerCase().startsWith(buffer)) {\n        options.onMatch(item, index)\n        return true\n      }\n    }\n\n    return false\n  }\n\n  // Композабл вызывается и вне компонента (тесты, чистые модули навигации),\n  // поэтому уборку вешаем только когда есть на что.\n  if (getCurrentInstance())\n    onBeforeUnmount(reset)\n\n  return {\n    type,\n    isEmpty: () => buffer === '',\n    reset,\n  }\n}\n","import { isEditableTarget } from '../../internal/keyboard'\n\nimport { getFocusableElements } from './focusables'\nimport { useTypeahead } from './useTypeahead'\n\nexport interface UseMenuItemsFocusOptions {\n  /** Корень, внутри которого живут пункты. */\n  container: () => HTMLElement | null\n  /** Закрыть меню — `Tab` уводит фокус наружу, панель при этом закрывается. */\n  close: () => void\n}\n\nexport interface UseMenuItemsFocusReturn {\n  /** Пункты в порядке документа. */\n  items: () => HTMLElement[]\n  /** Сфокусировать по индексу; отрицательный и превышающий заворачиваются. */\n  focusAt: (index: number) => void\n  /** Стрелки, `Home`/`End`, `Tab`, typeahead. `true` — клавиша обработана. */\n  onKeydown: (event: KeyboardEvent) => boolean\n  reset: () => void\n}\n\n/**\n * Клавиатура панели-меню: кольцо фокуса плюс поиск по первым буквам.\n *\n * Пункты ищутся в DOM, а не в модели, и это осознанно: у панели бывает\n * произвольное содержимое из слота, в котором ключей нет вовсе. По той же\n * причине здесь не `useRovingFocus` — он адресуется ключами и ведёт\n * `tabindex=\"0\"` на активном элементе, а пункты меню обязаны быть `-1`.\n */\nexport function useMenuItemsFocus(options: UseMenuItemsFocusOptions): UseMenuItemsFocusReturn {\n  /**\n   * `tabbableOnly: false` — не оплошность: пункты меню намеренно `tabindex=\"-1\"`,\n   * и список участников таб-порядка был бы пуст.\n   */\n  function items(): HTMLElement[] {\n    return getFocusableElements(options.container(), { tabbableOnly: false })\n  }\n\n  function focusAt(index: number): void {\n    const list = items()\n    if (list.length === 0)\n      return\n\n    // `preventScroll` обязателен: панель уже приведена во вьюпорт позиционером,\n    // поэтому прокрутка ради фокуса внутри неё паразитная. У контекстного меню\n    // она к тому же порождала `scroll`, по которому меню закрывало само себя.\n    list[(index + list.length) % list.length]?.focus({ preventScroll: true })\n  }\n\n  const typeahead = useTypeahead<HTMLElement>({\n    items,\n    textOf: element => element.textContent ?? '',\n    currentIndex: list => list.indexOf(document.activeElement as HTMLElement),\n    onMatch: element => element.focus({ preventScroll: true }),\n  })\n\n  function onKeydown(event: KeyboardEvent): boolean {\n    const list = items()\n    const currentIndex = list.indexOf(document.activeElement as HTMLElement)\n\n    // Панель бывает не только меню из кнопок: с `closeOnContentClick={false}` в\n    // ней живут поля и чекбоксы. Клавиши, которые сфокусированный контрол умеет\n    // сам, остаются ему — иначе в поле не напечатать, а чекбокс не переключить.\n    const editable = isEditableTarget(event.target)\n\n    switch (event.key) {\n      // Стрелки — исключение: они за меню даже в поле. `Tab` панель закрывает, и\n      // без них из поля внутри панели не было бы выхода вовсе.\n      case 'ArrowDown':\n        event.preventDefault()\n        focusAt(currentIndex + 1)\n        return true\n      case 'ArrowUp':\n        event.preventDefault()\n        focusAt(currentIndex - 1)\n        return true\n      case 'Home':\n        if (editable)\n          return false\n        event.preventDefault()\n        focusAt(0)\n        return true\n      case 'End':\n        if (editable)\n          return false\n        event.preventDefault()\n        focusAt(-1)\n        return true\n      case 'Tab':\n        options.close()\n        return true\n    }\n\n    if (editable)\n      return false\n\n    // Пробел при пустом буфере — активация сфокусированного пункта, а не поиск:\n    // пункты меню это кнопки, и пробел для них родная клавиша. В буфер он входит,\n    // только когда поиск уже идёт (правило typeahead из WAI-ARIA APG).\n    if (event.key === ' ' && typeahead.isEmpty())\n      return false\n\n    // Печатный символ без модификаторов — поиск по пунктам, а не команда.\n    if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {\n      event.preventDefault()\n      typeahead.type(event.key)\n      return true\n    }\n\n    return false\n  }\n\n  return { items, focusAt, onKeydown, reset: typeahead.reset }\n}\n"],"mappings":";;;;;;;;;AAkCA,SAAgB,aAAoB,SAAyD;CAC3F,MAAM,UAAU,QAAQ,WAAA;CAExB,IAAI,SAAS;CACb,IAAI;CAEJ,SAAS,QAAc;EACrB,aAAa,KAAK;EAClB,QAAQ,KAAA;EACR,SAAS;CACX;CAEA,SAAS,KAAK,MAAuB;EACnC,aAAa,KAAK;EAClB,QAAQ,WAAW,OAAO,OAAO;EAKjC,MAAM,aAAa,KAAK,YAAY;EAEpC,SADe,OAAO,WAAW,KAAK,WAAW,aAC/B,aAAa,SAAS;EAExC,MAAM,QAAQ,QAAQ,MAAM;EAC5B,IAAI,MAAM,WAAW,GACnB,OAAO;EAET,MAAM,OAAO,QAAQ,aAAa,KAAK;EAEvC,KAAK,IAAI,OAAO,GAAG,QAAQ,MAAM,QAAQ,QAAQ,GAAG;GAClD,MAAM,SAAS,OAAO,OAAO,MAAM,UAAU,MAAM;GACnD,MAAM,OAAO,MAAM;GACnB,IAAI,SAAS,KAAA,GACX;GAEF,IAAI,QAAQ,OAAO,MAAM,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,WAAW,MAAM,GAAG;IACvE,QAAQ,QAAQ,MAAM,KAAK;IAC3B,OAAO;GACT;EACF;EAEA,OAAO;CACT;CAIA,IAAI,mBAAmB,GACrB,gBAAgB,KAAK;CAEvB,OAAO;EACL;EACA,eAAe,WAAW;EAC1B;CACF;AACF;;;;;;;;;;;AC1DA,SAAgB,kBAAkB,SAA4D;;;;;CAK5F,SAAS,QAAuB;EAC9B,OAAO,qBAAqB,QAAQ,UAAU,GAAG,EAAE,cAAc,MAAM,CAAC;CAC1E;CAEA,SAAS,QAAQ,OAAqB;EACpC,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,WAAW,GAClB;EAKF,MAAM,QAAQ,KAAK,UAAU,KAAK,OAAO,EAAE,MAAM,EAAE,eAAe,KAAK,CAAC;CAC1E;CAEA,MAAM,YAAY,aAA0B;EAC1C;EACA,SAAQ,YAAW,QAAQ,eAAe;EAC1C,eAAc,SAAQ,KAAK,QAAQ,SAAS,aAA4B;EACxE,UAAS,YAAW,QAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;CAC3D,CAAC;CAED,SAAS,UAAU,OAA+B;EAEhD,MAAM,eADO,MACQ,CAAA,CAAK,QAAQ,SAAS,aAA4B;EAKvE,MAAM,WAAW,iBAAiB,MAAM,MAAM;EAE9C,QAAQ,MAAM,KAAd;GAGE,KAAK;IACH,MAAM,eAAe;IACrB,QAAQ,eAAe,CAAC;IACxB,OAAO;GACT,KAAK;IACH,MAAM,eAAe;IACrB,QAAQ,eAAe,CAAC;IACxB,OAAO;GACT,KAAK;IACH,IAAI,UACF,OAAO;IACT,MAAM,eAAe;IACrB,QAAQ,CAAC;IACT,OAAO;GACT,KAAK;IACH,IAAI,UACF,OAAO;IACT,MAAM,eAAe;IACrB,QAAQ,EAAE;IACV,OAAO;GACT,KAAK;IACH,QAAQ,MAAM;IACd,OAAO;EACX;EAEA,IAAI,UACF,OAAO;EAKT,IAAI,MAAM,QAAQ,OAAO,UAAU,QAAQ,GACzC,OAAO;EAGT,IAAI,MAAM,IAAI,WAAW,KAAK,CAAC,MAAM,WAAW,CAAC,MAAM,WAAW,CAAC,MAAM,QAAQ;GAC/E,MAAM,eAAe;GACrB,UAAU,KAAK,MAAM,GAAG;GACxB,OAAO;EACT;EAEA,OAAO;CACT;CAEA,OAAO;EAAE;EAAO;EAAS;EAAW,OAAO,UAAU;CAAM;AAC7D"}

package/dist/components/GrAutocomplete/chunks/{GrAutocomplete-DsevPtiS.js → GrAutocomplete-D9c9BNFg.js}

@@ -15,7 +15,7 @@ import { t as useControlledOpen } from "../../../chunks/useControlledOpen-DV3SqL
 import { useComboboxNavigation } from "../../../composables/useComboboxNavigation.js";
 import { a as resolveSelectedOptions, t as filterOptions } from "../../../chunks/optionFilter-DYw9XPPx.js";
 import { t as useControlAddons } from "../../../chunks/useControlAddons-asUr10Pf.js";
-import { t as GrBadge_default } from "../../GrBadge/chunks/GrBadge-u2ZdS7CN.js";
+import { t as GrBadge_default } from "../../GrBadge/chunks/GrBadge-_9rCHuE1.js";
 import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
 import { a as autocompleteShellClass, i as autocompletePanelClasses, o as autocompleteStateClass, r as autocompleteOptionClass } from "../../../chunks/config-BbY2SKGE.js";
 import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";