npm - @feugene/granularity - Versions diffs - 0.13.0 → 0.16.0 - Mend

@feugene/granularity 0.13.0 → 0.16.0

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

Files changed (1223) hide show

package/dist/composables/useVirtualList.js ADDED Viewed

@@ -0,0 +1,244 @@
+import { computed, onScopeDispose, ref, watch } from "vue";
+//#region src/composables/useVirtualList.ts
+var DEFAULT_OVERSCAN = 4;
+/** Порог, ниже которого разницу замеров считаем шумом округления. */
+var SIZE_EPSILON = .5;
+function readSize(el) {
+	const box = el.getBoundingClientRect().height;
+	if (box > 0) return box;
+	return el.offsetHeight ?? 0;
+}
+function useVirtualList(options) {
+	const overscan = Math.max(0, Math.trunc(options.overscan ?? DEFAULT_OVERSCAN));
+	const gap = Math.max(0, options.gap ?? 0);
+	const estimateOf = typeof options.itemSize === "function" ? options.itemSize : () => options.itemSize;
+	const scrollTop = ref(0);
+	const measuredViewport = ref(0);
+	const measured = /* @__PURE__ */ new Map();
+	const observedIndex = /* @__PURE__ */ new WeakMap();
+	const hasResizeObserver = typeof ResizeObserver !== "undefined";
+	const sizeObserver = hasResizeObserver ? new ResizeObserver((entries) => {
+		for (const entry of entries) {
+			const index = observedIndex.get(entry.target);
+			if (index !== void 0) applySize(index, readSize(entry.target));
+		}
+	}) : null;
+	const viewportObserver = hasResizeObserver ? new ResizeObserver(() => syncViewport()) : null;
+	let attachedTo = null;
+	let offsets = [0];
+	/** До какого индекса префикс-суммы актуальны. */
+	let builtTo = 0;
+	/** Шаг раскладки: коробка элемента плюс зазор до следующего. */
+	function sizeAt(index) {
+		return (measured.get(index) ?? estimateOf(index)) + gap;
+	}
+	/**
+	* Достраивает префикс-суммы до нужного индекса.
+	*
+	* Замер инвалидирует хвост от своего индекса, а не весь массив: иначе каждая
+	* отрисованная строка стоила бы полного пересчёта по всему списку.
+	*/
+	function buildTo(index) {
+		const limit = Math.min(index, options.count());
+		while (builtTo < limit) {
+			offsets[builtTo + 1] = offsets[builtTo] + sizeAt(builtTo);
+			builtTo += 1;
+		}
+	}
+	function offsetAt(index) {
+		buildTo(index);
+		return offsets[Math.min(Math.max(index, 0), builtTo)] ?? 0;
+	}
+	function invalidateFrom(index) {
+		if (index < builtTo) builtTo = Math.max(0, index);
+	}
+	/** Последний индекс, чьё начало не ниже `px`. */
+	function indexAt(px) {
+		const count = options.count();
+		if (count === 0) return 0;
+		buildTo(count);
+		let low = 0;
+		let high = builtTo;
+		while (low < high) {
+			const mid = low + high + 1 >> 1;
+			if ((offsets[mid] ?? 0) <= px) low = mid;
+			else high = mid - 1;
+		}
+		return Math.min(low, count - 1);
+	}
+	function viewportSize() {
+		return measuredViewport.value || options.viewportSize?.() || 0;
+	}
+	/**
+	* Геометрия окна одним снимком.
+	*
+	* Считается явно, а не `computed`'ом поверх смещений: массив префикс-сумм
+	* мутируется на месте (иначе каждый замер пересоздавал бы десять тысяч чисел),
+	* и вывести из него реактивную зависимость нечем — трекер увидел бы только те
+	* индексы, которые пересчитывались в последний проход.
+	*/
+	const geometry = ref({
+		start: 0,
+		end: 0,
+		offset: 0,
+		offsetEnd: 0,
+		total: 0
+	});
+	function recompute() {
+		const count = options.count();
+		if (count === 0) {
+			geometry.value = {
+				start: 0,
+				end: 0,
+				offset: 0,
+				offsetEnd: 0,
+				total: 0
+			};
+			return;
+		}
+		const totalSize = offsetAt(count);
+		const height = viewportSize();
+		if (height <= 0) {
+			geometry.value = {
+				start: 0,
+				end: count,
+				offset: 0,
+				offsetEnd: 0,
+				total: totalSize
+			};
+			return;
+		}
+		const start = Math.max(0, indexAt(scrollTop.value) - overscan);
+		const end = Math.min(count, indexAt(scrollTop.value + height) + 1 + overscan);
+		geometry.value = {
+			start,
+			end,
+			offset: offsetAt(start),
+			offsetEnd: Math.max(0, totalSize - offsetAt(end)),
+			total: totalSize
+		};
+	}
+	const range = computed(() => ({
+		start: geometry.value.start,
+		end: geometry.value.end
+	}));
+	const total = computed(() => geometry.value.total);
+	const offset = computed(() => geometry.value.offset);
+	const offsetEnd = computed(() => geometry.value.offsetEnd);
+	const spacerStyle = computed(() => ({
+		"overflow-anchor": "none",
+		"--gr-virtual-before": `${geometry.value.offset}px`,
+		"--gr-virtual-after": `${geometry.value.offsetEnd}px`
+	}));
+	function syncScrollTop() {
+		const el = options.container.value;
+		if (!el) return;
+		scrollTop.value = el.scrollTop;
+		recompute();
+	}
+	function syncViewport() {
+		const el = options.container.value;
+		if (!el) return;
+		measuredViewport.value = el.clientHeight;
+		recompute();
+	}
+	function measure(index, el) {
+		if (!el) return;
+		observedIndex.set(el, index);
+		sizeObserver?.observe(el);
+		applySize(index, readSize(el));
+	}
+	function applySize(index, size) {
+		if (size <= 0) return;
+		const previous = measured.get(index);
+		if (previous !== void 0 && Math.abs(previous - size) < SIZE_EPSILON) return;
+		const start = offsetAt(index);
+		const delta = size - (previous ?? estimateOf(index));
+		measured.set(index, size);
+		invalidateFrom(index);
+		const el = options.container.value;
+		if (delta !== 0 && start < scrollTop.value && el) {
+			el.scrollTop += delta;
+			scrollTop.value = el.scrollTop;
+		}
+		recompute();
+	}
+	function scrollToIndex(index, align = "auto") {
+		const el = options.container.value;
+		const count = options.count();
+		if (!el || count === 0) return;
+		const clamped = Math.min(Math.max(index, 0), count - 1);
+		const start = offsetAt(clamped);
+		const size = sizeAt(clamped);
+		const height = el.clientHeight || viewportSize();
+		const end = start + size;
+		let next;
+		switch (align) {
+			case "start":
+				next = start;
+				break;
+			case "end":
+				next = end - height;
+				break;
+			case "center":
+				next = start + size / 2 - height / 2;
+				break;
+			case "auto":
+				if (start < el.scrollTop) next = start;
+				else if (end > el.scrollTop + height) next = end - height;
+				else return;
+				break;
+		}
+		el.scrollTop = Math.max(0, Math.min(next, offsetAt(count) - height));
+		scrollTop.value = el.scrollTop;
+		recompute();
+	}
+	function detach() {
+		if (!attachedTo) return;
+		attachedTo.removeEventListener("scroll", syncScrollTop);
+		viewportObserver?.unobserve(attachedTo);
+		attachedTo = null;
+	}
+	recompute();
+	watch(options.container, (el) => {
+		detach();
+		if (!el) return;
+		attachedTo = el;
+		el.addEventListener("scroll", syncScrollTop, { passive: true });
+		viewportObserver?.observe(el);
+		syncViewport();
+		syncScrollTop();
+	}, { immediate: true });
+	watch(() => options.count(), (count) => {
+		if (count < builtTo) truncate(count);
+		recompute();
+	});
+	function invalidate(from = 0) {
+		for (const index of [...measured.keys()]) if (index >= from) measured.delete(index);
+		invalidateFrom(from);
+		recompute();
+	}
+	if (options.source) watch(options.source, () => invalidate());
+	function truncate(count) {
+		builtTo = count;
+		offsets = offsets.slice(0, count + 1);
+		for (const index of [...measured.keys()]) if (index >= count) measured.delete(index);
+	}
+	onScopeDispose(() => {
+		detach();
+		sizeObserver?.disconnect();
+		viewportObserver?.disconnect();
+	});
+	return {
+		range,
+		totalSize: total,
+		offset,
+		offsetEnd,
+		spacerStyle,
+		measure,
+		scrollToIndex,
+		invalidate
+	};
+}
+//#endregion
+export { useVirtualList };

package/dist/composables/useVirtualList.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/directives/dropzone.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { l as runFileValidators, u as FileValidationError } from "../chunks/fileValidation-C3WFaWU2.js";
+import { f as runFileValidators, p as FileValidationError } from "../chunks/fileValidation-D5TFBhbv.js";
 //#region src/directives/dropzone.ts
 function normalize(value) {
 	if (typeof value === "function") return {

package/dist/directives/hotkey.js CHANGED Viewed

@@ -1,11 +1,6 @@
+import { i as shiftSatisfied, n as isComposingEvent, r as isEditableTarget, t as eventMatchesKey } from "../chunks/keyboard-zYvvyHd4.js";
 //#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,
@@ -65,10 +60,12 @@ function parseHotkeys(map) {
 	}
 	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 matchesHotkey(event, hk) {
+	if (hk.ctrl !== event.ctrlKey) return false;
+	if (hk.meta !== event.metaKey) return false;
+	if (hk.alt !== event.altKey) return false;
+	if (!shiftSatisfied(event, hk.key, hk.shift)) return false;
+	return eventMatchesKey(event, hk.key, { codeFallback: hk.ctrl || hk.meta || hk.alt });
 }
 function resolveEntry(entry) {
 	if (typeof entry === "function") return {
@@ -110,13 +107,10 @@ var vHotkey = {
 				const current = states.get(el);
 				if (!current?.enabled) return;
 				if (!el.isConnected) return;
+				if (isComposingEvent(event)) 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;
+					if (!matchesHotkey(event, hk)) 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;

package/dist/directives/hotkey.js.map CHANGED Viewed

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

package/dist/directives/loading.js CHANGED Viewed

@@ -1,4 +1,6 @@
-import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-fRDtVfi7.js";
+import { t as ensurePortalRoot } from "../chunks/portalRoot-CWD4zHBm.js";
+import { n as markInert, t as inertableOutside } from "../chunks/inert-DIHCCn_1.js";
+import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-CH95CFzS.js";
 import { createVNode, render } from "vue";
 //#region src/directives/loading.ts
 function isHTMLElement(value) {
@@ -45,6 +47,32 @@ function ensureClippedContainer(target, fullscreen) {
 		target.style.overflow = prevInline;
 	};
 }
+/**
+* Блокирует контент под оверлеем.
+*
+* Оверлей перекрывает контейнер визуально, но не для клавиатуры и не для
+* скринридера: таб уходит в форму, которую пользователь уже не видит, а диктор
+* читает её как обычную. `inert` снимает поддерево целиком — и фокус, и
+* события указателя, и дерево доступности.
+*
+* Возвращает снятие блокировки. Чужой `inert` (элемент был инертен и до нас)
+* не трогается: снять его — значит вернуть в таб-порядок то, что скрыл кто-то
+* другой.
+*/
+function blockContent(target, overlayHost, fullscreen) {
+	const previouslyFocused = document.activeElement;
+	const busyElement = fullscreen ? document.body : target;
+	busyElement.setAttribute("aria-busy", "true");
+	const blocked = fullscreen ? inertableOutside(overlayHost) : Array.from(target.children).filter((child) => child !== overlayHost && isHTMLElement(child));
+	const release = markInert(blocked);
+	if (isHTMLElement(previouslyFocused) && blocked.some((child) => child.contains(previouslyFocused))) previouslyFocused.blur();
+	return () => {
+		busyElement.removeAttribute("aria-busy");
+		release();
+		const active = document.activeElement;
+		if ((!active || active === document.body) && isHTMLElement(previouslyFocused) && previouslyFocused.isConnected) previouslyFocused.focus();
+	};
+}
 function parseBinding(value) {
 	if (value === true || value === false) return {
 		loading: value,
@@ -69,28 +97,35 @@ function getState(el) {
 function createLoading(options = {}, fallbackTarget) {
 	const initialTarget = resolveTarget(options.target, fallbackTarget ?? document.body);
 	const fullscreen = resolveFullscreen(options, initialTarget);
-	const target = fullscreen ? document.body : initialTarget;
+	const target = fullscreen ? ensurePortalRoot() ?? document.body : initialTarget;
 	const appContext = options.appContext;
 	const restorePosition = ensurePositionedContainer(target, fullscreen);
 	const restoreOverflow = ensureClippedContainer(target, fullscreen);
 	const mountEl = document.createElement("div");
 	mountEl.setAttribute("data-gr-loading-host", "");
+	mountEl.setAttribute("data-gr-overlay-root", "");
 	if (!fullscreen) mountEl.style.borderRadius = "inherit";
 	target.appendChild(mountEl);
-	target.setAttribute("aria-busy", "true");
 	let current = { ...options };
 	let disposed = false;
+	let unblockContent;
 	function doRender() {
 		if (disposed) return;
 		const vnode = createVNode(GrLoading_default, {
 			text: current.text,
 			spinner: current.spinner,
 			spinnerClass: current.spinnerClass,
+			spinnerSize: current.spinnerSize,
+			spinnerTone: current.spinnerTone,
 			animated: current.animated,
 			background: current.background,
 			customClass: current.customClass,
-			zIndex: current.zIndex,
-			fullscreen
+			zIndexVar: current.zIndexVar,
+			delay: current.delay,
+			fullscreen,
+			onShow: () => {
+				unblockContent ??= blockContent(target, mountEl, fullscreen);
+			}
 		});
 		if (appContext) vnode.appContext = appContext;
 		render(vnode, mountEl);
@@ -102,7 +137,8 @@ function createLoading(options = {}, fallbackTarget) {
 		mountEl.remove();
 		restoreOverflow();
 		restorePosition();
-		target.removeAttribute("aria-busy");
+		unblockContent?.();
+		unblockContent = void 0;
 	}
 	function setOptions(next) {
 		current = {
@@ -136,7 +172,7 @@ function sync(el, value, appContext) {
 	}
 	const target = resolveTarget(options.target, el);
 	const fullscreen = resolveFullscreen(options, target);
-	const normalizedTarget = fullscreen ? document.body : target;
+	const normalizedTarget = fullscreen ? ensurePortalRoot() ?? document.body : target;
 	if (!state.controller || state.target !== normalizedTarget || state.fullscreen !== fullscreen) {
 		state.controller?.close();
 		state.controller = createLoading({

package/dist/directives/loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"loading.js","names":[],"sources":["../../src/directives/loading.ts"],"sourcesContent":["import type { AppContext, Component, Directive } from 'vue'\nimport { createVNode, render } from 'vue'\n\nimport GrLoading from '../components/GrLoading/GrLoading.vue'\n\nexport type LoadingTarget = string \| HTMLElement\n\nexport type LoadingOptions = {\n /*\n Контейнер, куда будет вставлен оверлей.\n * - если не задано, то для директивы используется сам `el`\n * - для ручного вызова (`createLoading`) по умолчанию используется `document.body`\n /\n target?: LoadingTarget\n\n /\n Полноэкранный лоадер (рендерится в `document.body`).\n * По умолчанию включается, если `target` = `document.body`.\n /\n fullscreen?: boolean\n\n text?: string\n spinner?: Component\n spinnerClass?: string\n animated?: boolean\n background?: string\n zIndex?: number\n customClass?: string\n\n /\n Внутренний контекст Vue-приложения.\n * Нужен, чтобы кастомный `spinner` мог использовать `inject()` даже при ручном `render()`.\n */\n appContext?: AppContext\n}\n\nexport type LoadingController = {\n close: () => void\n setText: (text?: string) => void\n setOptions: (next: Partial<LoadingOptions>) => void\n readonly target: HTMLElement\n}\n\nexport type LoadingBindingValue =\n \| boolean\n \| (Omit<LoadingOptions, 'appContext'> & {\n loading?: boolean\n })\n\nfunction isHTMLElement(value: unknown): value is HTMLElement {\n return typeof value === 'object' && value !== null && (value as any).nodeType === 1\n}\n\nfunction resolveTarget(input: LoadingTarget \| undefined, fallback: HTMLElement): HTMLElement {\n if (!input) return fallback\n\n if (typeof input === 'string') {\n // Prefer searching within the same root (document / document fragment / shadow root)\n // to support components that are not attached to `document` yet (e.g. in unit tests).\n const root = fallback.getRootNode?.() ?? document\n const foundInRoot =\n typeof (root as any).querySelector === 'function' ? ((root as any).querySelector(input) as Element \| null) : null\n if (isHTMLElement(foundInRoot)) return foundInRoot\n\n const foundInDocument = document.querySelector(input)\n if (isHTMLElement(foundInDocument)) return foundInDocument\n\n return fallback\n }\n\n if (isHTMLElement(input)) {\n return input\n }\n\n return fallback\n}\n\nfunction resolveFullscreen(options: LoadingOptions, target: HTMLElement): boolean {\n if (options.fullscreen != null) return options.fullscreen\n return target === document.body\n}\n\nfunction ensurePositionedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n if (fullscreen) return () => {}\n\n const prevInline = target.style.position\n const computed = window.getComputedStyle(target)\n const isStatic = computed.position === 'static' \|\| !computed.position\n\n if (isStatic) {\n target.style.position = 'relative'\n return () => {\n target.style.position = prevInline\n }\n }\n\n return () => {}\n}\n\nfunction ensureClippedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n if (fullscreen) return () => {}\n\n const computed = window.getComputedStyle(target)\n // If the target has rounded corners, we must clip its content so the overlay\n // (and its blurred backdrop) never bleeds outside the visible rounded shape.\n const hasRadius = !!computed.borderRadius && computed.borderRadius !== '0px'\n if (!hasRadius) return () => {}\n\n const overflow = computed.overflow\n if (overflow && overflow !== 'visible') return () => {}\n\n const prevInline = target.style.overflow\n target.style.overflow = 'hidden'\n return () => {\n target.style.overflow = prevInline\n }\n}\n\nfunction parseBinding(value: LoadingBindingValue \| undefined): { loading: boolean; options: LoadingOptions } {\n if (value === true \|\| value === false) {\n return { loading: value, options: {} }\n }\n\n if (value && typeof value === 'object') {\n const { loading, ...rest } = value as any\n return { loading: loading ?? true, options: rest }\n }\n\n return { loading: false, options: {} }\n}\n\ntype InternalLoadingState = {\n controller?: LoadingController\n target?: HTMLElement\n fullscreen?: boolean\n}\n\nconst STATE_KEY: unique symbol = Symbol('grLoadingState')\n\nfunction getState(el: HTMLElement): InternalLoadingState {\n return ((el as any)[STATE_KEY] ??= {}) as InternalLoadingState\n}\n\nexport function createLoading(options: LoadingOptions = {}, fallbackTarget?: HTMLElement): LoadingController {\n const initialTarget = resolveTarget(options.target, fallbackTarget ?? document.body)\n const fullscreen = resolveFullscreen(options, initialTarget)\n const target = fullscreen ? document.body : initialTarget\n\n const appContext = options.appContext\n\n const restorePosition = ensurePositionedContainer(target, fullscreen)\n const restoreOverflow = ensureClippedContainer(target, fullscreen)\n const mountEl = document.createElement('div')\n mountEl.setAttribute('data-gr-loading-host', '')\n if (!fullscreen) {\n // Host wraps the overlay; make sure rounded corners of the target cascade\n // down to the overlay via `border-radius: inherit`.\n mountEl.style.borderRadius = 'inherit'\n }\n target.appendChild(mountEl)\n target.setAttribute('aria-busy', 'true')\n\n let current: LoadingOptions = { ...options }\n let disposed = false\n\n function doRender(): void {\n if (disposed) return\n\n const vnode = createVNode(GrLoading as any, {\n text: current.text,\n spinner: current.spinner,\n spinnerClass: current.spinnerClass,\n animated: current.animated,\n background: current.background,\n customClass: current.customClass,\n zIndex: current.zIndex,\n fullscreen,\n })\n\n if (appContext) {\n ;(vnode as any).appContext = appContext\n }\n\n render(vnode, mountEl)\n }\n\n function close(): void {\n if (disposed) return\n disposed = true\n\n render(null, mountEl)\n mountEl.remove()\n restoreOverflow()\n restorePosition()\n target.removeAttribute('aria-busy')\n }\n\n function setOptions(next: Partial<LoadingOptions>): void {\n current = {\n ...current,\n ...next,\n }\n doRender()\n }\n\n function setText(text?: string): void {\n setOptions({ text })\n }\n\n doRender()\n\n return {\n close,\n setOptions,\n setText,\n get target() {\n return target\n },\n }\n}\n\nfunction sync(el: HTMLElement, value: LoadingBindingValue \| undefined, appContext?: AppContext): void {\n const { loading, options } = parseBinding(value)\n const state = getState(el)\n\n if (!loading) {\n state.controller?.close()\n state.controller = undefined\n state.target = undefined\n state.fullscreen = undefined\n return\n }\n\n const target = resolveTarget(options.target, el)\n const fullscreen = resolveFullscreen(options, target)\n const normalizedTarget = fullscreen ? document.body : target\n\n const shouldRecreate =\n !state.controller\n \|\| state.target !== normalizedTarget\n \|\| state.fullscreen !== fullscreen\n\n if (shouldRecreate) {\n state.controller?.close()\n state.controller = createLoading({ ...options, fullscreen, target: normalizedTarget, appContext }, el)\n state.target = normalizedTarget\n state.fullscreen = fullscreen\n return\n }\n\n const controller = state.controller\n if (!controller) return\n controller.setOptions({ ...options, fullscreen, target: normalizedTarget })\n}\n\nexport const vLoading: Directive<HTMLElement, LoadingBindingValue> = {\n mounted(el, binding) {\n const appContext = (binding.instance as any)?.$?.appContext as AppContext \| undefined\n sync(el, binding.value, appContext)\n },\n updated(el, binding) {\n const appContext = (binding.instance as any)?.$?.appContext as AppContext \| undefined\n sync(el, binding.value, appContext)\n },\n unmounted(el) {\n const state = getState(el)\n state.controller?.close()\n state.controller = undefined\n state.target = undefined\n state.fullscreen = undefined\n },\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"loading.js","names":[],"sources":["../../src/directives/loading.ts"],"sourcesContent":["import type { AppContext, Component, Directive } from 'vue'\nimport { createVNode, render } from 'vue'\n\nimport { inertableOutside, markInert } from '../composables/internal/inert'\nimport { ensurePortalRoot } from '../composables/internal/portalRoot'\nimport GrLoading from '../components/GrLoading/GrLoading.vue'\nimport type { GrIconSize, GrIconTone } from '../components/GrIcon/grIconStyles'\n\nexport type LoadingTarget = string \| HTMLElement\n\nexport type LoadingOptions = {\n /*\n Контейнер, куда будет вставлен оверлей.\n * - если не задано, то для директивы используется сам `el`\n * - для ручного вызова (`createLoading`) по умолчанию используется `document.body`\n /\n target?: LoadingTarget\n\n /\n Полноэкранный лоадер (рендерится в `document.body`).\n * По умолчанию включается, если `target` = `document.body`.\n /\n fullscreen?: boolean\n\n text?: string\n spinner?: Component\n spinnerClass?: string\n spinnerSize?: GrIconSize \| number\n spinnerTone?: GrIconTone\n animated?: boolean\n background?: string\n /* Имя CSS-переменной слоя — escape-hatch мимо `--gr-z-loading`. /\n zIndexVar?: string\n /* Задержка показа в миллисекундах: короткая загрузка не мигает оверлеем. /\n delay?: number\n customClass?: string\n\n /\n Внутренний контекст Vue-приложения.\n * Нужен, чтобы кастомный `spinner` мог использовать `inject()` даже при ручном `render()`.\n /\n appContext?: AppContext\n}\n\nexport type LoadingController = {\n close: () => void\n setText: (text?: string) => void\n setOptions: (next: Partial<LoadingOptions>) => void\n readonly target: HTMLElement\n}\n\nexport type LoadingBindingValue =\n \| boolean\n \| (Omit<LoadingOptions, 'appContext'> & {\n loading?: boolean\n })\n\nfunction isHTMLElement(value: unknown): value is HTMLElement {\n return typeof value === 'object' && value !== null && (value as any).nodeType === 1\n}\n\nfunction resolveTarget(input: LoadingTarget \| undefined, fallback: HTMLElement): HTMLElement {\n if (!input) return fallback\n\n if (typeof input === 'string') {\n // Prefer searching within the same root (document / document fragment / shadow root)\n // to support components that are not attached to `document` yet (e.g. in unit tests).\n const root = fallback.getRootNode?.() ?? document\n const foundInRoot =\n typeof (root as any).querySelector === 'function' ? ((root as any).querySelector(input) as Element \| null) : null\n if (isHTMLElement(foundInRoot)) return foundInRoot\n\n const foundInDocument = document.querySelector(input)\n if (isHTMLElement(foundInDocument)) return foundInDocument\n\n return fallback\n }\n\n if (isHTMLElement(input)) {\n return input\n }\n\n return fallback\n}\n\nfunction resolveFullscreen(options: LoadingOptions, target: HTMLElement): boolean {\n if (options.fullscreen != null) return options.fullscreen\n return target === document.body\n}\n\nfunction ensurePositionedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n if (fullscreen) return () => {}\n\n const prevInline = target.style.position\n const computed = window.getComputedStyle(target)\n const isStatic = computed.position === 'static' \|\| !computed.position\n\n if (isStatic) {\n target.style.position = 'relative'\n return () => {\n target.style.position = prevInline\n }\n }\n\n return () => {}\n}\n\nfunction ensureClippedContainer(target: HTMLElement, fullscreen: boolean): () => void {\n if (fullscreen) return () => {}\n\n const computed = window.getComputedStyle(target)\n // If the target has rounded corners, we must clip its content so the overlay\n // (and its blurred backdrop) never bleeds outside the visible rounded shape.\n const hasRadius = !!computed.borderRadius && computed.borderRadius !== '0px'\n if (!hasRadius) return () => {}\n\n const overflow = computed.overflow\n if (overflow && overflow !== 'visible') return () => {}\n\n const prevInline = target.style.overflow\n target.style.overflow = 'hidden'\n return () => {\n target.style.overflow = prevInline\n }\n}\n\n/\n Блокирует контент под оверлеем.\n \n Оверлей перекрывает контейнер визуально, но не для клавиатуры и не для\n * скринридера: таб уходит в форму, которую пользователь уже не видит, а диктор\n * читает её как обычную. `inert` снимает поддерево целиком — и фокус, и\n * события указателя, и дерево доступности.\n \n Возвращает снятие блокировки. Чужой `inert` (элемент был инертен и до нас)\n * не трогается: снять его — значит вернуть в таб-порядок то, что скрыл кто-то\n * другой.\n */\nfunction blockContent(target: HTMLElement, overlayHost: HTMLElement, fullscreen: boolean): () => void {\n const previouslyFocused = document.activeElement\n\n // Занятость объявляет тот, чьё содержимое закрыто: у инлайнового лоадера это\n // его контейнер, у полноэкранного — вся страница. Сам оверлей при этом живёт\n // в портале, то есть в другой ветке.\n const busyElement = fullscreen ? document.body : target\n busyElement.setAttribute('aria-busy', 'true')\n\n const blocked = fullscreen\n ? inertableOutside(overlayHost)\n : Array.from(target.children).filter((child): child is HTMLElement =>\n child !== overlayHost && isHTMLElement(child),\n )\n\n const release = markInert(blocked)\n\n // Уже стоящий фокус браузер сам не забирает: Chrome оставляет его внутри\n // ставшего инертным поддерева, и пользователь продолжает печатать в поле под\n // оверлеем. Уводим фокус руками — вернём его при закрытии.\n if (isHTMLElement(previouslyFocused) && blocked.some(child => child.contains(previouslyFocused)))\n previouslyFocused.blur()\n\n return () => {\n busyElement.removeAttribute('aria-busy')\n release()\n\n // `inert` сбрасывает фокус на `body`. Возвращаем его туда, где он был, но\n // только если пользователь не увёл его сам, пока шла загрузка.\n const active = document.activeElement\n const focusLost = !active \|\| active === document.body\n if (focusLost && isHTMLElement(previouslyFocused) && previouslyFocused.isConnected)\n previouslyFocused.focus()\n }\n}\n\nfunction parseBinding(value: LoadingBindingValue \| undefined): { loading: boolean; options: LoadingOptions } {\n if (value === true \|\| value === false) {\n return { loading: value, options: {} }\n }\n\n if (value && typeof value === 'object') {\n const { loading, ...rest } = value as any\n return { loading: loading ?? true, options: rest }\n }\n\n return { loading: false, options: {} }\n}\n\ntype InternalLoadingState = {\n controller?: LoadingController\n target?: HTMLElement\n fullscreen?: boolean\n}\n\nconst STATE_KEY: unique symbol = Symbol('grLoadingState')\n\nfunction getState(el: HTMLElement): InternalLoadingState {\n return ((el as any)[STATE_KEY] ??= {}) as InternalLoadingState\n}\n\nexport function createLoading(options: LoadingOptions = {}, fallbackTarget?: HTMLElement): LoadingController {\n const initialTarget = resolveTarget(options.target, fallbackTarget ?? document.body)\n const fullscreen = resolveFullscreen(options, initialTarget)\n // Полноэкранный лоадер — оверлей, значит живёт в общей ветке портала: только\n // так правило `inert` не пометит его вместе со страницей.\n const target = fullscreen ? (ensurePortalRoot() ?? document.body) : initialTarget\n\n const appContext = options.appContext\n\n const restorePosition = ensurePositionedContainer(target, fullscreen)\n const restoreOverflow = ensureClippedContainer(target, fullscreen)\n const mountEl = document.createElement('div')\n mountEl.setAttribute('data-gr-loading-host', '')\n // Маркер оверлея: чужой модальный слой не должен гасить лоадер `inert`.\n mountEl.setAttribute('data-gr-overlay-root', '')\n if (!fullscreen) {\n // Host wraps the overlay; make sure rounded corners of the target cascade\n // down to the overlay via `border-radius: inherit`.\n mountEl.style.borderRadius = 'inherit'\n }\n target.appendChild(mountEl)\n\n let current: LoadingOptions = { ...options }\n let disposed = false\n let unblockContent: (() => void) \| undefined\n\n function doRender(): void {\n if (disposed) return\n\n const vnode = createVNode(GrLoading as any, {\n text: current.text,\n spinner: current.spinner,\n spinnerClass: current.spinnerClass,\n spinnerSize: current.spinnerSize,\n spinnerTone: current.spinnerTone,\n animated: current.animated,\n background: current.background,\n customClass: current.customClass,\n zIndexVar: current.zIndexVar,\n delay: current.delay,\n fullscreen,\n // Блокируем контент ровно тогда, когда оверлей стал видимым: с `delay`\n // это происходит позже монтирования, а до показа блокировать нечего.\n onShow: () => {\n unblockContent ??= blockContent(target, mountEl, fullscreen)\n },\n })\n\n if (appContext) {\n ;(vnode as any).appContext = appContext\n }\n\n render(vnode, mountEl)\n }\n\n function close(): void {\n if (disposed) return\n disposed = true\n\n render(null, mountEl)\n mountEl.remove()\n restoreOverflow()\n restorePosition()\n unblockContent?.()\n unblockContent = undefined\n }\n\n function setOptions(next: Partial<LoadingOptions>): void {\n current = {\n ...current,\n ...next,\n }\n doRender()\n }\n\n function setText(text?: string): void {\n setOptions({ text })\n }\n\n doRender()\n\n return {\n close,\n setOptions,\n setText,\n get target() {\n return target\n },\n }\n}\n\nfunction sync(el: HTMLElement, value: LoadingBindingValue \| undefined, appContext?: AppContext): void {\n const { loading, options } = parseBinding(value)\n const state = getState(el)\n\n if (!loading) {\n state.controller?.close()\n state.controller = undefined\n state.target = undefined\n state.fullscreen = undefined\n return\n }\n\n const target = resolveTarget(options.target, el)\n const fullscreen = resolveFullscreen(options, target)\n const normalizedTarget = fullscreen ? (ensurePortalRoot() ?? document.body) : target\n\n const shouldRecreate =\n !state.controller\n \|\| state.target !== normalizedTarget\n \|\| state.fullscreen !== fullscreen\n\n if (shouldRecreate) {\n state.controller?.close()\n state.controller = createLoading({ ...options, fullscreen, target: normalizedTarget, appContext }, el)\n state.target = normalizedTarget\n state.fullscreen = fullscreen\n return\n }\n\n const controller = state.controller\n if (!controller) return\n controller.setOptions({ ...options, fullscreen, target: normalizedTarget })\n}\n\nexport const vLoading: Directive<HTMLElement, LoadingBindingValue> = {\n mounted(el, binding) {\n const appContext = (binding.instance as any)?.$?.appContext as AppContext \| undefined\n sync(el, binding.value, appContext)\n },\n updated(el, binding) {\n const appContext = (binding.instance as any)?.$?.appContext as AppContext \| undefined\n sync(el, binding.value, appContext)\n },\n unmounted(el) {\n const state = getState(el)\n state.controller?.close()\n state.controller = undefined\n state.target = undefined\n state.fullscreen = undefined\n },\n}\n"],"mappings":"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"}

package/dist/fileValidation/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { a as allowedExtensionsValidator, c as normalizeFiles, i as allowedMimeTypesValidator, l as runFileValidators, n as maxSizeMbValidator, o as acceptValidator, r as maxFileSizeBytesValidator, s as matchAccept, t as maxTotalSizeBytesValidator, u as FileValidationError } from "../chunks/fileValidation-C3WFaWU2.js";
-export { FileValidationError, acceptValidator, allowedExtensionsValidator, allowedMimeTypesValidator, matchAccept, maxFileSizeBytesValidator, maxSizeMbValidator, maxTotalSizeBytesValidator, normalizeFiles, runFileValidators };
+import { a as allowedExtensionsValidator, c as fileValidationI18nKey, d as normalizeFiles, f as runFileValidators, i as allowedMimeTypesValidator, l as resolveFileValidationMessage, n as maxFileSize, o as acceptValidator, p as FileValidationError, r as maxCountValidator, s as FILE_VALIDATION_I18N_NAMESPACE, t as maxTotalSizeBytesValidator, u as matchAccept } from "../chunks/fileValidation-D5TFBhbv.js";
+export { FILE_VALIDATION_I18N_NAMESPACE, FileValidationError, acceptValidator, allowedExtensionsValidator, allowedMimeTypesValidator, fileValidationI18nKey, matchAccept, maxCountValidator, maxFileSize, maxTotalSizeBytesValidator, normalizeFiles, resolveFileValidationMessage, runFileValidators };

package/dist/granular-provider-node.js CHANGED Viewed

@@ -1,32 +1,2 @@
-import { n as grButtonSafelist } from "./chunks/safelist-BvO8HPnE.js";
-import { n as grProgressBarSafelist } from "./chunks/config-DRKXJ9PW2.js";
-import { a as granularityThemeNames, i as granularityDefaultThemes, n as createGranularityProvider, r as granularityComponentConfigs, t as GRANULARITY_PROVIDER_ID } from "./chunks/shared-D-v9lit0.js";
-import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
-import { tokenDefinitionsFromCssSync } from "@feugene/unocss-preset-granular/node";
-//#region src/components/GrButton/config.node.ts
-var lightCssUrl$1 = new URL("data:text/css;base64,OnJvb3QgewogIC0tZ3ItYnV0dG9uLXByaW1hcnktYmc6IHZhcigtLWdyLXByaW1hcnkpOwogIC0tZ3ItYnV0dG9uLXByaW1hcnktYmctaG92ZXI6IHZhcigtLWdyLXByaW1hcnktaG92ZXIpOwogIC0tZ3ItYnV0dG9uLXByaW1hcnktYmctYWN0aXZlOiB2YXIoLS1nci1wcmltYXJ5LWFjdGl2ZSk7CiAgLS1nci1idXR0b24tcHJpbWFyeS1mZzogdmFyKC0tZ3ItcHJpbWFyeS1mZyk7CiAgLS1nci1idXR0b24tcHJpbWFyeS1zb2Z0LWJnOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZ3ItcHJpbWFyeSkgMTQlLCB2YXIoLS1nci1iZykpOwogIC0tZ3ItYnV0dG9uLXByaW1hcnktc29mdC1iZy1ob3ZlcjogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWdyLXByaW1hcnkpIDE4JSwgdmFyKC0tZ3ItYmcpKTsKICAtLWdyLWJ1dHRvbi1wcmltYXJ5LXNvZnQtYmctYWN0aXZlOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZ3ItcHJpbWFyeSkgMjQlLCB2YXIoLS1nci1iZykpOwoKICAvKgogICAqINCS0J3QmNCc0JDQndCY0JU6INGN0YLQvtGCINGE0LDQudC7INC/0LDRgNGB0LjRgtGB0Y8g0LrQvtC90YLRgNCw0YHRgi3RgtC10YHRgtC+0Lwg0L3QsNC40LLQvdGL0Lwg0YDQtdCz0Y3QutGB0L/QvtC8INC/0L4g0LLRgdC10LzRgwogICAqINGC0LXQutGB0YLRgywg0LLQutC70Y7Rh9Cw0Y8g0LrQvtC80LzQtdC90YLQsNGA0LjQuC4g0J3QtSDQv9C40YHQsNGC0Ywg0LfQtNC10YHRjCDQuNC80Y8g0YLQvtC60LXQvdCwINGBINC00LLQvtC10YLQvtGH0LjQtdC8INGB0YDQsNC30YMKICAgKiDQv9C+0YHQu9C1IOKAlCDRgtCw0LrQsNGPINGB0YLRgNC+0LrQsCDQsdGD0LTQtdGCINC/0YDQvtGH0LjRgtCw0L3QsCDQutCw0Log0L7QsdGK0Y/QstC70LXQvdC40LUg0Lgg0YHRitC10YHRgiDRgdC70LXQtNGD0Y7RidC10LUuCiAgICoKICAgKiDQmtC90L7Qv9C60LAg0LfQsNC70LjQstCw0LXRgtGB0Y8g0KHQntCR0KHQotCS0JXQndCd0KvQnCDQt9Cw0YLQtdC80L3RkdC90L3Ri9C8INGC0L7QvdC+0LwgKCMwNDc4NTcg0LLQvNC10YHRgtC+INGB0LLQtdGC0LvQvtCz0L4KICAgKiDQs9C70L7QsdCw0LvRjNC90L7Qs9C+IHN1Y2Nlc3MpLCDQv9C+0Y3RgtC+0LzRgyDQuCDRgtC10LrRgdGCINCx0LXRgNGR0YIg0YHQvtCx0YHRgtCy0LXQvdC90YvQuSDQsdC10LvRi9C5LiDQk9C70L7QsdCw0LvRjNC90YvQuQogICAqIHN1Y2Nlc3MtZmcg0L/QsNGA0LXQvSDRgdC+INGB0LLQtdGC0LvQvtC5INC30LDQu9C40LLQutC+0Lkg0Lgg0L/QvtGC0L7QvNGDINGC0ZHQvNC90YvQuSDigJQg0L3QsCDRgtGR0LzQvdC+0Lkg0LfQsNC70LjQstC60LUKICAgKiDQutC90L7Qv9C60Lgg0L7QvSDQtNCw0Lsg0LHRiyAzLjI2OjEuINCR0LXQu9GL0Lkg0LfQtNC10YHRjCDQtNCw0ZHRgiA1LjQ4IC8gNi40NSAvIDcuNzEuCiAgICog0KLQsNC6INC20LUg0YPRgdGC0YDQvtC10L0gYXp1cmUg0L3QuNC20LUuCiAgICovCiAgLS1nci1idXR0b24tc3VjY2Vzcy1iZzogIzA0Nzg1NzsKICAtLWdyLWJ1dHRvbi1zdWNjZXNzLWJnLWhvdmVyOiAjMDM2YzRkOwogIC0tZ3ItYnV0dG9uLXN1Y2Nlc3MtYmctYWN0aXZlOiAjMDI1ZjQ0OwogIC0tZ3ItYnV0dG9uLXN1Y2Nlc3MtZmc6ICNmZmZmZmY7CiAgLS1nci1idXR0b24tc3VjY2Vzcy1zb2Z0LWJnOiB2YXIoLS1nci1zdWNjZXNzLWxpZ2h0KTsKICAtLWdyLWJ1dHRvbi1zdWNjZXNzLXNvZnQtYmctaG92ZXI6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1nci1zdWNjZXNzKSAyMCUsIHZhcigtLWdyLWJnKSk7CiAgLS1nci1idXR0b24tc3VjY2Vzcy1zb2Z0LWJnLWFjdGl2ZTogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWdyLXN1Y2Nlc3MpIDI2JSwgdmFyKC0tZ3ItYmcpKTsKCiAgLS1nci1idXR0b24td2FybmluZy1iZzogI2MyNDEwYzsKICAtLWdyLWJ1dHRvbi13YXJuaW5nLWJnLWhvdmVyOiAjYjUzYjBhOwogIC0tZ3ItYnV0dG9uLXdhcm5pbmctYmctYWN0aXZlOiAjOWYzMzA3OwogIC8qINCi0L7RgiDQttC1INGB0LvRg9GH0LDQuTog0LHQtdC70YvQuSDQvdCwICNjMjQxMGMg4oCUIDUuMTgsINGC0ZHQvNC90YvQuSDQtNCw0Lsg0LHRiyAzLjQ1LiAqLwogIC0tZ3ItYnV0dG9uLXdhcm5pbmctZmc6ICNmZmZmZmY7CiAgLS1nci1idXR0b24td2FybmluZy1zb2Z0LWJnOiB2YXIoLS1nci13YXJuaW5nLWxpZ2h0KTsKICAtLWdyLWJ1dHRvbi13YXJuaW5nLXNvZnQtYmctaG92ZXI6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1nci13YXJuaW5nKSAyMCUsIHZhcigtLWdyLWJnKSk7CiAgLS1nci1idXR0b24td2FybmluZy1zb2Z0LWJnLWFjdGl2ZTogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWdyLXdhcm5pbmcpIDI2JSwgdmFyKC0tZ3ItYmcpKTsKCiAgLS1nci1idXR0b24tZGFuZ2VyLWJnOiB2YXIoLS1nci1kYW5nZXIpOwogIC0tZ3ItYnV0dG9uLWRhbmdlci1iZy1ob3ZlcjogdmFyKC0tZ3ItZGFuZ2VyLWhvdmVyKTsKICAtLWdyLWJ1dHRvbi1kYW5nZXItYmctYWN0aXZlOiB2YXIoLS1nci1kYW5nZXItYWN0aXZlKTsKICAtLWdyLWJ1dHRvbi1kYW5nZXItZmc6IHZhcigtLWdyLWRhbmdlci1mZyk7CiAgLS1nci1idXR0b24tZGFuZ2VyLXNvZnQtYmc6IHZhcigtLWdyLWRhbmdlci1saWdodCk7CiAgLS1nci1idXR0b24tZGFuZ2VyLXNvZnQtYmctaG92ZXI6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1nci1kYW5nZXIpIDIwJSwgdmFyKC0tZ3ItYmcpKTsKICAtLWdyLWJ1dHRvbi1kYW5nZXItc29mdC1iZy1hY3RpdmU6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1nci1kYW5nZXIpIDI2JSwgdmFyKC0tZ3ItYmcpKTsKCiAgLS1nci1idXR0b24taW5mby1iZzogdmFyKC0tZ3ItaW5mbyk7CiAgLS1nci1idXR0b24taW5mby1iZy1ob3ZlcjogdmFyKC0tZ3ItaW5mby1ob3Zlcik7CiAgLS1nci1idXR0b24taW5mby1iZy1hY3RpdmU6IHZhcigtLWdyLWluZm8tYWN0aXZlKTsKICAtLWdyLWJ1dHRvbi1pbmZvLWZnOiB2YXIoLS1nci1pbmZvLWZnKTsKICAtLWdyLWJ1dHRvbi1pbmZvLXNvZnQtYmc6IHZhcigtLWdyLWluZm8tbGlnaHQpOwogIC0tZ3ItYnV0dG9uLWluZm8tc29mdC1iZy1ob3ZlcjogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWdyLWluZm8pIDIwJSwgdmFyKC0tZ3ItYmcpKTsKICAtLWdyLWJ1dHRvbi1pbmZvLXNvZnQtYmctYWN0aXZlOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZ3ItaW5mbykgMjYlLCB2YXIoLS1nci1iZykpOwoKICAtLWdyLWJ1dHRvbi1zbGF0ZS1iZzogdmFyKC0tZ3Itc2xhdGUpOwogIC0tZ3ItYnV0dG9uLXNsYXRlLWJnLWhvdmVyOiB2YXIoLS1nci1zbGF0ZS1ob3Zlcik7CiAgLS1nci1idXR0b24tc2xhdGUtYmctYWN0aXZlOiB2YXIoLS1nci1zbGF0ZS1hY3RpdmUpOwogIC0tZ3ItYnV0dG9uLXNsYXRlLWZnOiB2YXIoLS1nci1zbGF0ZS1mZyk7CiAgLS1nci1idXR0b24tc2xhdGUtc29mdC1iZzogdmFyKC0tZ3Itc2xhdGUtbGlnaHQpOwogIC0tZ3ItYnV0dG9uLXNsYXRlLXNvZnQtYmctaG92ZXI6IGNvbG9yLW1peChpbiBzcmdiLCB2YXIoLS1nci1zbGF0ZSkgMjAlLCB2YXIoLS1nci1iZykpOwogIC0tZ3ItYnV0dG9uLXNsYXRlLXNvZnQtYmctYWN0aXZlOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZ3Itc2xhdGUpIDI2JSwgdmFyKC0tZ3ItYmcpKTsKCiAgLS1nci1idXR0b24tYXp1cmUtYmc6ICMwMzY5YTE7CiAgLS1nci1idXR0b24tYXp1cmUtYmctaG92ZXI6ICMwNzU5ODU7CiAgLS1nci1idXR0b24tYXp1cmUtYmctYWN0aXZlOiAjMGM0YTZlOwogIC0tZ3ItYnV0dG9uLWF6dXJlLWZnOiAjZmZmZmZmOwogIC0tZ3ItYnV0dG9uLWF6dXJlLXNvZnQtYmc6IHZhcigtLWdyLWF6dXJlLWxpZ2h0KTsKICAtLWdyLWJ1dHRvbi1henVyZS1zb2Z0LWJnLWhvdmVyOiBjb2xvci1taXgoaW4gc3JnYiwgdmFyKC0tZ3ItYXp1cmUpIDIwJSwgdmFyKC0tZ3ItYmcpKTsKICAtLWdyLWJ1dHRvbi1henVyZS1zb2Z0LWJnLWFjdGl2ZTogY29sb3ItbWl4KGluIHNyZ2IsIHZhcigtLWdyLWF6dXJlKSAyNiUsIHZhcigtLWdyLWJnKSk7Cn0=", "" + import.meta.url).href;
-var darkCssUrl$1 = new URL("data:text/css;base64,Ci50aGVtZS1kYXJrLAouZGFyaywKW2RhdGEtdGhlbWU9J2RhcmsnXSB7CiAgLS1nci1idXR0b24tcHJpbWFyeS1iZzogIzU5NWNlNjsKICAtLWdyLWJ1dHRvbi1wcmltYXJ5LWJnLWhvdmVyOiAjNTA1M2RkOwogIC0tZ3ItYnV0dG9uLXByaW1hcnktYmctYWN0aXZlOiAjNDc0YWNmOwogIC0tZ3ItYnV0dG9uLXByaW1hcnktZmc6ICNmZmZmZmY7CgogIC0tZ3ItYnV0dG9uLXN1Y2Nlc3MtYmc6ICMwNDc4NTc7CiAgLS1nci1idXR0b24tc3VjY2Vzcy1iZy1ob3ZlcjogIzAzNmM0ZDsKICAtLWdyLWJ1dHRvbi1zdWNjZXNzLWJnLWFjdGl2ZTogIzAyNWY0NDsKICAtLWdyLWJ1dHRvbi1zdWNjZXNzLWZnOiAjZjhmYWZjOwoKICAtLWdyLWJ1dHRvbi13YXJuaW5nLWJnOiAjYzI0MTBjOwogIC0tZ3ItYnV0dG9uLXdhcm5pbmctYmctaG92ZXI6ICNiNTNiMGE7CiAgLS1nci1idXR0b24td2FybmluZy1iZy1hY3RpdmU6ICM5ZjMzMDc7CiAgLS1nci1idXR0b24td2FybmluZy1mZzogI2Y4ZmFmYzsKCiAgLS1nci1idXR0b24tZGFuZ2VyLWJnOiAjYjkxYzFjOwogIC0tZ3ItYnV0dG9uLWRhbmdlci1iZy1ob3ZlcjogI2E5MTkxOTsKICAtLWdyLWJ1dHRvbi1kYW5nZXItYmctYWN0aXZlOiAjOTMxNTE1OwogIC0tZ3ItYnV0dG9uLWRhbmdlci1mZzogI2Y4ZmFmYzsKCiAgLS1nci1idXR0b24taW5mby1iZzogIzQzMzhjYTsKICAtLWdyLWJ1dHRvbi1pbmZvLWJnLWhvdmVyOiAjM2QzM2JiOwogIC0tZ3ItYnV0dG9uLWluZm8tYmctYWN0aXZlOiAjMzYyZGE4OwogIC0tZ3ItYnV0dG9uLWluZm8tZmc6ICNmOGZhZmM7CgogIC0tZ3ItYnV0dG9uLXNsYXRlLWJnOiAjNDc1NTY5OwogIC0tZ3ItYnV0dG9uLXNsYXRlLWJnLWhvdmVyOiAjMzM0MTU1OwogIC0tZ3ItYnV0dG9uLXNsYXRlLWJnLWFjdGl2ZTogIzFlMjkzYjsKICAtLWdyLWJ1dHRvbi1zbGF0ZS1mZzogI2Y4ZmFmYzsKCiAgLS1nci1idXR0b24tYXp1cmUtYmc6ICMwMzY5YTE7CiAgLS1nci1idXR0b24tYXp1cmUtYmctaG92ZXI6ICMwNzU5ODU7CiAgLS1nci1idXR0b24tYXp1cmUtYmctYWN0aXZlOiAjMGM0YTZlOwogIC0tZ3ItYnV0dG9uLWF6dXJlLWZnOiAjZjhmYWZjOwp9", "" + import.meta.url).href;
-var grButtonConfig = defineGranularComponent(import.meta.url, {
-	name: "GrButton",
-	safelist: grButtonSafelist,
-	tokenDefinitions: {
-		light: tokenDefinitionsFromCssSync(lightCssUrl$1, { selector: ":root" }),
-		dark: tokenDefinitionsFromCssSync(darkCssUrl$1, { as: ".dark, [data-theme=\"dark\"]" })
-	}
-});
-//#endregion
-//#region src/components/GrProgressBar/config.node.ts
-var lightCssUrl = new URL("data:text/css;base64,OnJvb3QgewogIC0tcGItYmc6IHZhcigtLWdyLXByaW1hcnkpOwogIC0tcGItbmV1dHJhbC1iZzogdmFyKC0tZ3Itc2Vjb25kYXJ5KTsKICAtLXBiLXN1Y2Nlc3MtYmc6IHZhcigtLWdyLXN1Y2Nlc3MpOwogIC0tcGItd2FybmluZy1iZzogdmFyKC0tZ3Itd2FybmluZyk7CiAgLS1wYi1kYW5nZXItYmc6IHZhcigtLWdyLWRhbmdlcik7CiAgLS1wYi1pbmZvLWJnOiB2YXIoLS1nci1pbmZvKTsKICAtLXBiLXNsYXRlLWJnOiB2YXIoLS1nci1zbGF0ZSk7CiAgLS1wYi1henVyZS1iZzogdmFyKC0tZ3ItYXp1cmUpOwp9Cg==", "" + import.meta.url).href;
-var darkCssUrl = new URL("data:text/css;base64,LnRoZW1lLWRhcmssCi5kYXJrLApbZGF0YS10aGVtZT0nZGFyayddIHsKICAtLXBiLWJnOiB2YXIoLS1nci1wcmltYXJ5KTsKICAtLXBiLW5ldXRyYWwtYmc6IHZhcigtLWdyLXNlY29uZGFyeSk7CiAgLS1wYi1zdWNjZXNzLWJnOiB2YXIoLS1nci1zdWNjZXNzKTsKICAtLXBiLXdhcm5pbmctYmc6IHZhcigtLWdyLXdhcm5pbmcpOwogIC0tcGItZGFuZ2VyLWJnOiB2YXIoLS1nci1kYW5nZXIpOwogIC0tcGItaW5mby1iZzogdmFyKC0tZ3ItaW5mbyk7CiAgLS1wYi1zbGF0ZS1iZzogdmFyKC0tZ3Itc2xhdGUpOwogIC0tcGItYXp1cmUtYmc6IHZhcigtLWdyLWF6dXJlKTsKfQ==", "" + import.meta.url).href;
-//#endregion
-//#region src/granular-provider/node.ts
-var granularityProvider = createGranularityProvider([grButtonConfig, defineGranularComponent(import.meta.url, {
-	name: "GrProgressBar",
-	safelist: grProgressBarSafelist,
-	tokenDefinitions: {
-		light: tokenDefinitionsFromCssSync(lightCssUrl, { selector: ":root" }),
-		dark: tokenDefinitionsFromCssSync(darkCssUrl, { as: ".dark, [data-theme=\"dark\"]" })
-	}
-})]);
-//#endregion
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-CtrXGa7c.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };