@feugene/granularity 0.13.0 → 0.16.0

package/dist/chunks/slotNodes-DxNXpC7v.js

@@ -0,0 +1,39 @@
+import { Comment, Fragment, Text } from "vue";
+//#region src/components/shared/slotNodes.ts
+/**
+* Разбор содержимого слота.
+*
+* Общий модуль, а не приватные функции внутри SFC: то же самое нужно и
+* `GrFileUpload` («слот с кастомным UI или просто текст»), и `GrList` («в
+* списке пусто»). Импорт из чужой компонентной директории на сборке дал бы
+* ребро между компонентами, которого в разметке нет.
+*/
+/** `v-for` и `<template>` приходят фрагментами — разворачиваем до реальных узлов. */
+function flattenSlotNodes(nodes) {
+	const out = [];
+	for (const node of nodes) {
+		if (node.type === Fragment && Array.isArray(node.children)) {
+			out.push(...flattenSlotNodes(node.children));
+			continue;
+		}
+		out.push(node);
+	}
+	return out;
+}
+function isWhitespaceTextNode(node) {
+	if (node.type !== Text) return false;
+	return typeof node.children === "string" && node.children.trim().length === 0;
+}
+/**
+* Узлы, которые пользователь действительно видит: без комментариев (их
+* оставляет после себя каждый `v-if`) и без переносов строк из шаблона.
+*/
+function meaningfulSlotNodes(nodes) {
+	return flattenSlotNodes(nodes).filter((node) => node.type !== Comment && !isWhitespaceTextNode(node));
+}
+/** Есть ли в слоте хоть что-то, кроме комментариев и пробелов. */
+function hasMeaningfulSlotContent(nodes) {
+	return meaningfulSlotNodes(nodes).length > 0;
+}
+//#endregion
+export { hasMeaningfulSlotContent as n, meaningfulSlotNodes as r, flattenSlotNodes as t };

package/dist/chunks/slotNodes-DxNXpC7v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotNodes-DxNXpC7v.js","names":[],"sources":["../../src/components/shared/slotNodes.ts"],"sourcesContent":["import { Comment, Fragment, Text, type VNode } from 'vue'\n\n/**\n * Разбор содержимого слота.\n *\n * Общий модуль, а не приватные функции внутри SFC: то же самое нужно и\n * `GrFileUpload` («слот с кастомным UI или просто текст»), и `GrList` («в\n * списке пусто»). Импорт из чужой компонентной директории на сборке дал бы\n * ребро между компонентами, которого в разметке нет.\n */\n\n/** `v-for` и `<template>` приходят фрагментами — разворачиваем до реальных узлов. */\nexport function flattenSlotNodes(nodes: VNode[]): VNode[] {\n  const out: VNode[] = []\n\n  for (const node of nodes) {\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      out.push(...flattenSlotNodes(node.children as VNode[]))\n      continue\n    }\n\n    out.push(node)\n  }\n\n  return out\n}\n\nexport function isWhitespaceTextNode(node: VNode): boolean {\n  if (node.type !== Text) return false\n  return typeof node.children === 'string' && node.children.trim().length === 0\n}\n\n/**\n * Узлы, которые пользователь действительно видит: без комментариев (их\n * оставляет после себя каждый `v-if`) и без переносов строк из шаблона.\n */\nexport function meaningfulSlotNodes(nodes: VNode[]): VNode[] {\n  return flattenSlotNodes(nodes).filter(node => node.type !== Comment && !isWhitespaceTextNode(node))\n}\n\n/** Есть ли в слоте хоть что-то, кроме комментариев и пробелов. */\nexport function hasMeaningfulSlotContent(nodes: VNode[]): boolean {\n  return meaningfulSlotNodes(nodes).length > 0\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,iBAAiB,OAAyB;CACxD,MAAM,MAAe,CAAC;CAEtB,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,SAAS,YAAY,MAAM,QAAQ,KAAK,QAAQ,GAAG;GAC1D,IAAI,KAAK,GAAG,iBAAiB,KAAK,QAAmB,CAAC;GACtD;EACF;EAEA,IAAI,KAAK,IAAI;CACf;CAEA,OAAO;AACT;AAEA,SAAgB,qBAAqB,MAAsB;CACzD,IAAI,KAAK,SAAS,MAAM,OAAO;CAC/B,OAAO,OAAO,KAAK,aAAa,YAAY,KAAK,SAAS,KAAK,CAAC,CAAC,WAAW;AAC9E;;;;;AAMA,SAAgB,oBAAoB,OAAyB;CAC3D,OAAO,iBAAiB,KAAK,CAAC,CAAC,QAAO,SAAQ,KAAK,SAAS,WAAW,CAAC,qBAAqB,IAAI,CAAC;AACpG;;AAGA,SAAgB,yBAAyB,OAAyB;CAChE,OAAO,oBAAoB,KAAK,CAAC,CAAC,SAAS;AAC7C"}

package/dist/chunks/useControlAddons-asUr10Pf.js

@@ -0,0 +1,128 @@
+import { computed, nextTick, onBeforeUnmount, onMounted, onUpdated, ref, useSlots } from "vue";
+//#region src/composables/internal/useAddonMeasurement.ts
+/**
+* Измерение фактической ширины prefix/suffix add-on'ов через `ResizeObserver`.
+* Общая логика GrInput/GrNumberInput.
+*
+* Потребитель вешает возвращённые `prefixEl`/`suffixEl` на DOM-элементы аддонов
+* и передаёт реактивные `hasPrefix`/`hasSuffix` (обычно — наличие слотов).
+* Возвращает измеренные ширины (`"<n>px"` или `undefined`, если элемент
+* отсутствует/скрыт/нулевой — например, в jsdom).
+*/
+function useAddonMeasurement(hasPrefix, hasSuffix) {
+	const prefixEl = ref(null);
+	const suffixEl = ref(null);
+	const measuredPrefixWidth = ref(void 0);
+	const measuredSuffixWidth = ref(void 0);
+	let ro = null;
+	let scheduled = false;
+	function readWidthPx(el) {
+		if (!el) return void 0;
+		const width = Math.ceil(el.getBoundingClientRect().width || 0);
+		if (width <= 0) return void 0;
+		return `${width}px`;
+	}
+	function measure() {
+		measuredPrefixWidth.value = hasPrefix.value ? readWidthPx(prefixEl.value) : void 0;
+		measuredSuffixWidth.value = hasSuffix.value ? readWidthPx(suffixEl.value) : void 0;
+	}
+	function refreshObserver() {
+		if (typeof ResizeObserver === "undefined") return;
+		if (!ro) ro = new ResizeObserver(() => measure());
+		ro.disconnect();
+		if (prefixEl.value) ro.observe(prefixEl.value);
+		if (suffixEl.value) ro.observe(suffixEl.value);
+	}
+	function scheduleMeasure() {
+		if (scheduled) return;
+		scheduled = true;
+		nextTick(() => {
+			scheduled = false;
+			measure();
+			refreshObserver();
+		});
+	}
+	onMounted(() => scheduleMeasure());
+	onUpdated(() => scheduleMeasure());
+	onBeforeUnmount(() => ro?.disconnect());
+	return {
+		prefixEl,
+		suffixEl,
+		measuredPrefixWidth,
+		measuredSuffixWidth
+	};
+}
+/** Складывает две CSS-длины: числовые `px` — арифметически, иначе через `calc()`. */
+function addLen(a, b) {
+	if (a === "0px") return b;
+	if (b === "0px") return a;
+	const apx = a.endsWith("px") ? Number(a.slice(0, -2)) : null;
+	const bpx = b.endsWith("px") ? Number(b.slice(0, -2)) : null;
+	if (apx !== null && Number.isFinite(apx) && bpx !== null && Number.isFinite(bpx)) return `${apx + bpx}px`;
+	return `calc(${a} + ${b})`;
+}
+//#endregion
+//#region src/composables/internal/useControlAddons.ts
+function useControlAddons(props, options) {
+	const slots = useSlots();
+	const hasPrefix = computed(() => Boolean(slots.prefix));
+	const hasSuffix = computed(() => Boolean(slots.suffix));
+	const prefixMinWidth = computed(() => props().prefixMinWidth ?? options.defaultMinWidth());
+	const suffixMinWidth = computed(() => props().suffixMinWidth ?? options.defaultMinWidth());
+	const prefixFixedWidth = computed(() => props().prefixMaxWidth ?? props().prefixMinWidth ?? options.defaultMinWidth());
+	const suffixFixedWidth = computed(() => props().suffixMaxWidth ?? props().suffixMinWidth ?? options.defaultMinWidth());
+	const { prefixEl, suffixEl, measuredPrefixWidth, measuredSuffixWidth } = useAddonMeasurement(hasPrefix, hasSuffix);
+	const prefixLen = computed(() => {
+		if (!hasPrefix.value) return "0px";
+		return props().prefixFixed ? prefixFixedWidth.value : measuredPrefixWidth.value ?? prefixMinWidth.value;
+	});
+	const suffixLen = computed(() => {
+		if (!hasSuffix.value) return "0px";
+		return props().suffixFixed ? suffixFixedWidth.value : measuredSuffixWidth.value ?? suffixMinWidth.value;
+	});
+	return {
+		hasPrefix,
+		hasSuffix,
+		prefixEl,
+		suffixEl,
+		prefixLen,
+		suffixLen,
+		prefixStyle: computed(() => {
+			if (props().prefixFixed) return {
+				width: prefixFixedWidth.value,
+				minWidth: prefixFixedWidth.value,
+				maxWidth: prefixFixedWidth.value
+			};
+			return {
+				minWidth: prefixMinWidth.value,
+				maxWidth: props().prefixMaxWidth
+			};
+		}),
+		suffixStyle: computed(() => {
+			const anchor = options.anchorSuffixRight ? { right: "0px" } : {};
+			if (props().suffixFixed) return {
+				...anchor,
+				width: suffixFixedWidth.value,
+				minWidth: suffixFixedWidth.value,
+				maxWidth: suffixFixedWidth.value
+			};
+			return {
+				...anchor,
+				minWidth: suffixMinWidth.value,
+				maxWidth: props().suffixMaxWidth
+			};
+		}),
+		fieldPadding: computed(() => {
+			const leading = options.leadingReserve?.() ?? "0px";
+			const trailing = options.trailingReserve?.() ?? "0px";
+			const left = addLen(prefixLen.value, leading);
+			const right = addLen(suffixLen.value, trailing);
+			return {
+				paddingLeft: hasPrefix.value || leading !== "0px" ? addLen(left, options.paddingX()) : void 0,
+				paddingRight: hasSuffix.value || trailing !== "0px" ? addLen(right, options.paddingX()) : void 0
+			};
+		})
+	};
+}
+//#endregion
+export { addLen as n, useControlAddons as t };

package/dist/chunks/useControlAddons-asUr10Pf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlAddons-asUr10Pf.js","names":[],"sources":["../../src/composables/internal/useAddonMeasurement.ts","../../src/composables/internal/useControlAddons.ts"],"sourcesContent":["import { nextTick, onBeforeUnmount, onMounted, onUpdated, ref } from 'vue'\nimport type { Ref } from 'vue'\n\n/**\n * Измерение фактической ширины prefix/suffix add-on'ов через `ResizeObserver`.\n * Общая логика GrInput/GrNumberInput.\n *\n * Потребитель вешает возвращённые `prefixEl`/`suffixEl` на DOM-элементы аддонов\n * и передаёт реактивные `hasPrefix`/`hasSuffix` (обычно — наличие слотов).\n * Возвращает измеренные ширины (`\"<n>px\"` или `undefined`, если элемент\n * отсутствует/скрыт/нулевой — например, в jsdom).\n */\nexport function useAddonMeasurement(hasPrefix: Ref<boolean>, hasSuffix: Ref<boolean>) {\n  const prefixEl = ref<HTMLElement | null>(null)\n  const suffixEl = ref<HTMLElement | null>(null)\n\n  const measuredPrefixWidth = ref<string | undefined>(undefined)\n  const measuredSuffixWidth = ref<string | undefined>(undefined)\n\n  let ro: ResizeObserver | null = null\n  let scheduled = false\n\n  function readWidthPx(el: HTMLElement | null): string | undefined {\n    if (!el) return undefined\n\n    const width = Math.ceil(el.getBoundingClientRect().width || 0)\n    // jsdom часто отдаёт 0; не перезатираем fallback minWidth в этом случае.\n    if (width <= 0) return undefined\n\n    return `${width}px`\n  }\n\n  function measure(): void {\n    measuredPrefixWidth.value = hasPrefix.value ? readWidthPx(prefixEl.value) : undefined\n    measuredSuffixWidth.value = hasSuffix.value ? readWidthPx(suffixEl.value) : undefined\n  }\n\n  function refreshObserver(): void {\n    if (typeof ResizeObserver === 'undefined') return\n    if (!ro) ro = new ResizeObserver(() => measure())\n\n    ro.disconnect()\n    if (prefixEl.value) ro.observe(prefixEl.value)\n    if (suffixEl.value) ro.observe(suffixEl.value)\n  }\n\n  function scheduleMeasure(): void {\n    if (scheduled) return\n    scheduled = true\n\n    void nextTick(() => {\n      scheduled = false\n      measure()\n      refreshObserver()\n    })\n  }\n\n  onMounted(() => scheduleMeasure())\n  onUpdated(() => scheduleMeasure())\n  onBeforeUnmount(() => ro?.disconnect())\n\n  return {\n    prefixEl,\n    suffixEl,\n    measuredPrefixWidth,\n    measuredSuffixWidth,\n  }\n}\n\n/** Складывает две CSS-длины: числовые `px` — арифметически, иначе через `calc()`. */\nexport function addLen(a: string, b: string): string {\n  if (a === '0px') return b\n  if (b === '0px') return a\n\n  const apx = a.endsWith('px') ? Number(a.slice(0, -2)) : null\n  const bpx = b.endsWith('px') ? Number(b.slice(0, -2)) : null\n\n  if (apx !== null && Number.isFinite(apx) && bpx !== null && Number.isFinite(bpx)) {\n    return `${apx + bpx}px`\n  }\n\n  return `calc(${a} + ${b})`\n}\n","import type { ComputedRef, Ref } from 'vue'\nimport { computed, useSlots } from 'vue'\n\nimport { addLen, useAddonMeasurement } from './useAddonMeasurement'\n\n/**\n * Аддоны контрола: слоты `prefix`/`suffix` и геометрия вокруг них.\n *\n * Слот здесь — вершина айсберга. Контракт аддона состоит из шести пропов ширины,\n * замера фактического размера через `ResizeObserver` и пересчёта внутренних\n * отступов поля, чтобы текст не заезжал под аддон. Эта математика была написана\n * дважды — в `GrInput` и `GrNumberInput`, — и раскатать её ещё на четыре\n * контрола копипастой значило бы завести шесть копий одного расчёта.\n *\n * Правило, которое держит композабл: **аддон резервирует место, а не заменяет\n * отступ**. Поле с аддоном и без него выглядит одинаково отбитым от края —\n * ширина аддона прибавляется к базовому паддингу ступени, а не вытесняет его.\n *\n * Карта ширины по умолчанию остаётся у компонента (`defaultMinWidth`): у\n * `GrInput` она в `rem`, у `GrNumberInput` — в тех же значениях, но в пикселях,\n * потому что оттуда же считаются ширины степперов. Сводить их к одной строке\n * значило бы менять то, что уезжает в `style`, ради косметики.\n */\nexport interface GrControlAddonProps {\n  /** Минимальная ширина префикса. По умолчанию — ширина аддона для ступени размера. */\n  prefixMinWidth?: string\n  /** Максимальная ширина префикса: содержимое шире — обрезается. */\n  prefixMaxWidth?: string\n  suffixMinWidth?: string\n  suffixMaxWidth?: string\n  /**\n   * Жёсткая ширина префикса (из `prefixMaxWidth` → `prefixMinWidth` → дефолт).\n   * Нужна, когда аддоны соседних полей обязаны совпасть по ширине: без этого\n   * каждое поле меряет свой аддон и колонка «плывёт».\n   */\n  prefixFixed?: boolean\n  suffixFixed?: boolean\n}\n\nexport interface UseControlAddonsOptions {\n  /** Ширина аддона по умолчанию для текущей ступени размера. */\n  defaultMinWidth: () => string\n  /** Базовый горизонтальный отступ поля из size-мапы. */\n  paddingX: () => string\n  /** Место, занятое собственными элементами контрола слева (степперы `GrNumberInput`). */\n  leadingReserve?: () => string\n  /** То же справа: кнопки очистки и показа пароля, спиннер, степперы. */\n  trailingReserve?: () => string\n  /** Прижать суффикс к правому краю — там, где аддон позиционируется абсолютно. */\n  anchorSuffixRight?: boolean\n}\n\nexport interface ControlAddons {\n  hasPrefix: ComputedRef<boolean>\n  hasSuffix: ComputedRef<boolean>\n  /** Вешаются на DOM-элементы аддонов: по ним идёт замер. */\n  prefixEl: Ref<HTMLElement | null>\n  suffixEl: Ref<HTMLElement | null>\n  /** Занятое аддоном место (`0px`, если слота нет) — контролу нужно для своих кнопок. */\n  prefixLen: ComputedRef<string>\n  suffixLen: ComputedRef<string>\n  prefixStyle: ComputedRef<Record<string, string | undefined>>\n  suffixStyle: ComputedRef<Record<string, string | undefined>>\n  /** `paddingLeft`/`paddingRight` поля с учётом аддонов и собственных кнопок. */\n  fieldPadding: ComputedRef<Record<string, string | undefined>>\n}\n\nexport function useControlAddons(\n  props: () => GrControlAddonProps,\n  options: UseControlAddonsOptions,\n): ControlAddons {\n  const slots = useSlots()\n\n  const hasPrefix = computed(() => Boolean(slots.prefix))\n  const hasSuffix = computed(() => Boolean(slots.suffix))\n\n  const prefixMinWidth = computed(() => props().prefixMinWidth ?? options.defaultMinWidth())\n  const suffixMinWidth = computed(() => props().suffixMinWidth ?? options.defaultMinWidth())\n\n  // Жёсткая ширина для fixed-режима: max → min → дефолт.\n  const prefixFixedWidth = computed(() => props().prefixMaxWidth ?? props().prefixMinWidth ?? options.defaultMinWidth())\n  const suffixFixedWidth = computed(() => props().suffixMaxWidth ?? props().suffixMinWidth ?? options.defaultMinWidth())\n\n  const { prefixEl, suffixEl, measuredPrefixWidth, measuredSuffixWidth } = useAddonMeasurement(hasPrefix, hasSuffix)\n\n  const prefixLen = computed(() => {\n    if (!hasPrefix.value) return '0px'\n    return props().prefixFixed ? prefixFixedWidth.value : measuredPrefixWidth.value ?? prefixMinWidth.value\n  })\n\n  const suffixLen = computed(() => {\n    if (!hasSuffix.value) return '0px'\n    return props().suffixFixed ? suffixFixedWidth.value : measuredSuffixWidth.value ?? suffixMinWidth.value\n  })\n\n  const prefixStyle = computed<Record<string, string | undefined>>(() => {\n    if (props().prefixFixed) {\n      return {\n        width: prefixFixedWidth.value,\n        minWidth: prefixFixedWidth.value,\n        maxWidth: prefixFixedWidth.value,\n      }\n    }\n\n    return {\n      minWidth: prefixMinWidth.value,\n      maxWidth: props().prefixMaxWidth,\n    }\n  })\n\n  const suffixStyle = computed<Record<string, string | undefined>>(() => {\n    const anchor = options.anchorSuffixRight ? { right: '0px' } : {}\n\n    if (props().suffixFixed) {\n      return {\n        ...anchor,\n        width: suffixFixedWidth.value,\n        minWidth: suffixFixedWidth.value,\n        maxWidth: suffixFixedWidth.value,\n      }\n    }\n\n    return {\n      ...anchor,\n      minWidth: suffixMinWidth.value,\n      maxWidth: props().suffixMaxWidth,\n    }\n  })\n\n  const fieldPadding = computed<Record<string, string | undefined>>(() => {\n    const leading = options.leadingReserve?.() ?? '0px'\n    const trailing = options.trailingReserve?.() ?? '0px'\n\n    const left = addLen(prefixLen.value, leading)\n    const right = addLen(suffixLen.value, trailing)\n\n    return {\n      // Отступ добавляется поверх зарезервированного места: поле с аддоном и без\n      // него отбито от края одинаково.\n      paddingLeft: hasPrefix.value || leading !== '0px' ? addLen(left, options.paddingX()) : undefined,\n      paddingRight: hasSuffix.value || trailing !== '0px' ? addLen(right, options.paddingX()) : undefined,\n    }\n  })\n\n  return {\n    hasPrefix,\n    hasSuffix,\n    prefixEl,\n    suffixEl,\n    prefixLen,\n    suffixLen,\n    prefixStyle,\n    suffixStyle,\n    fieldPadding,\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/useControlledOpen-DV3SqLTP.js

@@ -0,0 +1,27 @@
+import { computed, ref } from "vue";
+//#region src/composables/internal/useControlledOpen.ts
+/**
+* Контролируемое состояние открытия оверлея — единый контракт `v-model:open`
+* панельных компонентов (Popover, Select, TreeSelect, Autocomplete, Dropdown).
+*
+* Uncontrolled-состояние; в controlled-режиме перекрывается пропом `open`.
+* Без пропа `v-model` был бы обязателен, а поповер без модели — самый частый
+* случай использования. Гарды компонента (disabled/readonly) остаются на его
+* стороне — примитив ведёт только состояние и эмит.
+*/
+function useControlledOpen(controlled, onChange) {
+	const internalOpen = ref(false);
+	const isControlled = computed(() => controlled() !== void 0);
+	const open = computed(() => controlled() ?? internalOpen.value);
+	function setOpen(next) {
+		if (next === open.value) return;
+		if (!isControlled.value) internalOpen.value = next;
+		onChange(next);
+	}
+	return {
+		open,
+		setOpen
+	};
+}
+//#endregion
+export { useControlledOpen as t };

package/dist/chunks/useControlledOpen-DV3SqLTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledOpen-DV3SqLTP.js","names":[],"sources":["../../src/composables/internal/useControlledOpen.ts"],"sourcesContent":["import type { ComputedRef } from 'vue'\nimport { computed, ref } from 'vue'\n\n/**\n * Контролируемое состояние открытия оверлея — единый контракт `v-model:open`\n * панельных компонентов (Popover, Select, TreeSelect, Autocomplete, Dropdown).\n *\n * Uncontrolled-состояние; в controlled-режиме перекрывается пропом `open`.\n * Без пропа `v-model` был бы обязателен, а поповер без модели — самый частый\n * случай использования. Гарды компонента (disabled/readonly) остаются на его\n * стороне — примитив ведёт только состояние и эмит.\n */\nexport function useControlledOpen(\n  controlled: () => boolean | undefined,\n  onChange: (value: boolean) => void,\n): { open: ComputedRef<boolean>, setOpen: (next: boolean) => void } {\n  const internalOpen = ref(false)\n  const isControlled = computed(() => controlled() !== undefined)\n  const open = computed(() => controlled() ?? internalOpen.value)\n\n  function setOpen(next: boolean): void {\n    // Сравнение — ДО мутации: в uncontrolled-режиме запись в `internalOpen`\n    // немедленно меняет `open`, и проверка после неё всегда была бы ложной,\n    // то есть `onChange` не вызывался бы никогда.\n    if (next === open.value) return\n\n    if (!isControlled.value) internalOpen.value = next\n\n    onChange(next)\n  }\n\n  return { open, setOpen }\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,kBACd,YACA,UACkE;CAClE,MAAM,eAAe,IAAI,KAAK;CAC9B,MAAM,eAAe,eAAe,WAAW,MAAM,KAAA,CAAS;CAC9D,MAAM,OAAO,eAAe,WAAW,KAAK,aAAa,KAAK;CAE9D,SAAS,QAAQ,MAAqB;EAIpC,IAAI,SAAS,KAAK,OAAO;EAEzB,IAAI,CAAC,aAAa,OAAO,aAAa,QAAQ;EAE9C,SAAS,IAAI;CACf;CAEA,OAAO;EAAE;EAAM;CAAQ;AACzB"}

package/dist/chunks/useFilePreviews-DnwgdyBs.js

@@ -0,0 +1,53 @@
+//#region src/composables/internal/useFilePreviews.ts
+/**
+* Ключи списка и миниатюры превью. Общий на файловые компоненты пакета:
+* `GrFileUpload` (отправка) и `GrFormFile` (поле формы) показывают один и тот
+* же набор одинаково, и правила «что считать картинкой» у них обязаны совпадать.
+*
+* Ключ считается от самого файла, а не от имени: два одноимённых файла из
+* разных папок делили бы один `<li>`, и кнопка удаления в строке снимала бы
+* не тот файл.
+*
+* `object URL` живёт ровно столько, сколько файл в наборе: без отзыва blob
+* висит в памяти вкладки до перезагрузки — утечка тем заметнее, чем чаще
+* пользователь перевыбирает файлы.
+*/
+function useFilePreviews(options) {
+	const keys = /* @__PURE__ */ new WeakMap();
+	const urls = /* @__PURE__ */ new Map();
+	let counter = 0;
+	function fileKey(file) {
+		const existing = keys.get(file);
+		if (existing !== void 0) return existing;
+		counter += 1;
+		const key = `gr-file-${counter}`;
+		keys.set(file, key);
+		return key;
+	}
+	function previewUrl(file) {
+		if (!options.enabled() || !file.type.startsWith("image/")) return void 0;
+		const existing = urls.get(file);
+		if (existing) return existing;
+		if (typeof URL === "undefined" || typeof URL.createObjectURL !== "function") return void 0;
+		const url = URL.createObjectURL(file);
+		urls.set(file, url);
+		return url;
+	}
+	function revokePreview(file) {
+		const url = urls.get(file);
+		if (!url) return;
+		URL.revokeObjectURL(url);
+		urls.delete(file);
+	}
+	function revokeAllPreviews() {
+		for (const file of [...urls.keys()]) revokePreview(file);
+	}
+	return {
+		fileKey,
+		previewUrl,
+		revokePreview,
+		revokeAllPreviews
+	};
+}
+//#endregion
+export { useFilePreviews as t };

package/dist/chunks/useFilePreviews-DnwgdyBs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilePreviews-DnwgdyBs.js","names":[],"sources":["../../src/composables/internal/useFilePreviews.ts"],"sourcesContent":["export interface UseFilePreviewsOptions {\n  /** Включены ли миниатюры. Геттер — проп реактивен. */\n  enabled: () => boolean\n}\n\nexport interface UseFilePreviewsReturn {\n  /** Стабильный ключ файла для `v-for`. */\n  fileKey: (file: File) => string\n  /** `object URL` миниатюры или `undefined`, если файл не картинка. */\n  previewUrl: (file: File) => string | undefined\n  revokePreview: (file: File) => void\n  revokeAllPreviews: () => void\n}\n\n/**\n * Ключи списка и миниатюры превью. Общий на файловые компоненты пакета:\n * `GrFileUpload` (отправка) и `GrFormFile` (поле формы) показывают один и тот\n * же набор одинаково, и правила «что считать картинкой» у них обязаны совпадать.\n *\n * Ключ считается от самого файла, а не от имени: два одноимённых файла из\n * разных папок делили бы один `<li>`, и кнопка удаления в строке снимала бы\n * не тот файл.\n *\n * `object URL` живёт ровно столько, сколько файл в наборе: без отзыва blob\n * висит в памяти вкладки до перезагрузки — утечка тем заметнее, чем чаще\n * пользователь перевыбирает файлы.\n */\nexport function useFilePreviews(options: UseFilePreviewsOptions): UseFilePreviewsReturn {\n  const keys = new WeakMap<File, string>()\n  const urls = new Map<File, string>()\n  let counter = 0\n\n  function fileKey(file: File): string {\n    const existing = keys.get(file)\n    if (existing !== undefined) return existing\n\n    counter += 1\n    const key = `gr-file-${counter}`\n    keys.set(file, key)\n    return key\n  }\n\n  function previewUrl(file: File): string | undefined {\n    if (!options.enabled() || !file.type.startsWith('image/')) return undefined\n\n    const existing = urls.get(file)\n    if (existing) return existing\n\n    if (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') return undefined\n\n    const url = URL.createObjectURL(file)\n    urls.set(file, url)\n    return url\n  }\n\n  function revokePreview(file: File): void {\n    const url = urls.get(file)\n    if (!url) return\n\n    URL.revokeObjectURL(url)\n    urls.delete(file)\n  }\n\n  function revokeAllPreviews(): void {\n    for (const file of [...urls.keys()]) revokePreview(file)\n  }\n\n  return { fileKey, previewUrl, revokePreview, revokeAllPreviews }\n}\n"],"mappings":";;;;;;;;;;;;;;AA2BA,SAAgB,gBAAgB,SAAwD;CACtF,MAAM,uBAAO,IAAI,QAAsB;CACvC,MAAM,uBAAO,IAAI,IAAkB;CACnC,IAAI,UAAU;CAEd,SAAS,QAAQ,MAAoB;EACnC,MAAM,WAAW,KAAK,IAAI,IAAI;EAC9B,IAAI,aAAa,KAAA,GAAW,OAAO;EAEnC,WAAW;EACX,MAAM,MAAM,WAAW;EACvB,KAAK,IAAI,MAAM,GAAG;EAClB,OAAO;CACT;CAEA,SAAS,WAAW,MAAgC;EAClD,IAAI,CAAC,QAAQ,QAAQ,KAAK,CAAC,KAAK,KAAK,WAAW,QAAQ,GAAG,OAAO,KAAA;EAElE,MAAM,WAAW,KAAK,IAAI,IAAI;EAC9B,IAAI,UAAU,OAAO;EAErB,IAAI,OAAO,QAAQ,eAAe,OAAO,IAAI,oBAAoB,YAAY,OAAO,KAAA;EAEpF,MAAM,MAAM,IAAI,gBAAgB,IAAI;EACpC,KAAK,IAAI,MAAM,GAAG;EAClB,OAAO;CACT;CAEA,SAAS,cAAc,MAAkB;EACvC,MAAM,MAAM,KAAK,IAAI,IAAI;EACzB,IAAI,CAAC,KAAK;EAEV,IAAI,gBAAgB,GAAG;EACvB,KAAK,OAAO,IAAI;CAClB;CAEA,SAAS,oBAA0B;EACjC,KAAK,MAAM,QAAQ,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,cAAc,IAAI;CACzD;CAEA,OAAO;EAAE;EAAS;EAAY;EAAe;CAAkB;AACjE"}

package/dist/chunks/useFocusWithin-BwHE0rzm.js

@@ -0,0 +1,33 @@
+//#region src/composables/internal/useFocusWithin.ts
+/**
+* Граница фокуса составного контрола.
+*
+* Нативные `focus`/`blur` не всплывают, поэтому у группы (радиогруппа,
+* сегменты, набор чекбоксов) их не поймать на корне вовсе — всплывают только
+* `focusin`/`focusout`. Но всплывают они и когда фокус переезжает **внутри**
+* группы: между её пунктами, с поля на его же кнопку очистки. Для потребителя
+* это не уход и не приход — контрол всё это время в фокусе, — а необработанный
+* переход дал бы `blur` + `focus` на каждую стрелку клавиатуры.
+*
+* Поэтому событие считается состоявшимся, только если `relatedTarget` лежит вне
+* корня. `relatedTarget: null` (клик по body, уход из окна, программный фокус)
+* — тоже пересечение границы.
+*/
+function useFocusWithin(root, options) {
+	function crossedBoundary(event) {
+		const other = event.relatedTarget;
+		if (!other) return true;
+		if (root.value?.contains(other)) return false;
+		return !options.containers?.().some((node) => node?.contains(other));
+	}
+	return {
+		onFocusIn(event) {
+			if (crossedBoundary(event)) options.enter?.(event);
+		},
+		onFocusOut(event) {
+			if (crossedBoundary(event)) options.leave?.(event);
+		}
+	};
+}
+//#endregion
+export { useFocusWithin as t };

package/dist/chunks/useFocusWithin-BwHE0rzm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusWithin-BwHE0rzm.js","names":[],"sources":["../../src/composables/internal/useFocusWithin.ts"],"sourcesContent":["import type { Ref } from 'vue'\n\nexport interface UseFocusWithinOptions {\n  /** Фокус пришёл снаружи внутрь. */\n  enter?: (event: FocusEvent) => void\n  /** Фокус ушёл изнутри наружу. */\n  leave?: (event: FocusEvent) => void\n  /**\n   * Узлы, которые считаются частью контрола, хотя лежат вне корня. Нужны там,\n   * где панель телепортирована в `body`, а фокус в неё уходит по-настоящему:\n   * без них переход в поле фильтра открытой панели выглядел бы уходом наружу.\n   */\n  containers?: () => (HTMLElement | null | undefined)[]\n}\n\nexport interface UseFocusWithinHandlers {\n  onFocusIn: (event: FocusEvent) => void\n  onFocusOut: (event: FocusEvent) => void\n}\n\n/**\n * Граница фокуса составного контрола.\n *\n * Нативные `focus`/`blur` не всплывают, поэтому у группы (радиогруппа,\n * сегменты, набор чекбоксов) их не поймать на корне вовсе — всплывают только\n * `focusin`/`focusout`. Но всплывают они и когда фокус переезжает **внутри**\n * группы: между её пунктами, с поля на его же кнопку очистки. Для потребителя\n * это не уход и не приход — контрол всё это время в фокусе, — а необработанный\n * переход дал бы `blur` + `focus` на каждую стрелку клавиатуры.\n *\n * Поэтому событие считается состоявшимся, только если `relatedTarget` лежит вне\n * корня. `relatedTarget: null` (клик по body, уход из окна, программный фокус)\n * — тоже пересечение границы.\n */\nexport function useFocusWithin(\n  root: Ref<HTMLElement | null>,\n  options: UseFocusWithinOptions,\n): UseFocusWithinHandlers {\n  function crossedBoundary(event: FocusEvent): boolean {\n    const other = event.relatedTarget as Node | null\n    if (!other) return true\n\n    if (root.value?.contains(other)) return false\n\n    return !options.containers?.().some(node => node?.contains(other))\n  }\n\n  return {\n    onFocusIn(event) {\n      if (crossedBoundary(event)) options.enter?.(event)\n    },\n    onFocusOut(event) {\n      if (crossedBoundary(event)) options.leave?.(event)\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,SAAgB,eACd,MACA,SACwB;CACxB,SAAS,gBAAgB,OAA4B;EACnD,MAAM,QAAQ,MAAM;EACpB,IAAI,CAAC,OAAO,OAAO;EAEnB,IAAI,KAAK,OAAO,SAAS,KAAK,GAAG,OAAO;EAExC,OAAO,CAAC,QAAQ,aAAa,CAAC,CAAC,MAAK,SAAQ,MAAM,SAAS,KAAK,CAAC;CACnE;CAEA,OAAO;EACL,UAAU,OAAO;GACf,IAAI,gBAAgB,KAAK,GAAG,QAAQ,QAAQ,KAAK;EACnD;EACA,WAAW,OAAO;GAChB,IAAI,gBAAgB,KAAK,GAAG,QAAQ,QAAQ,KAAK;EACnD;CACF;AACF"}

package/dist/chunks/useModalOverlay-DCM4d3yA.js

@@ -0,0 +1,212 @@
+import { c as useGrThemeAttrs } from "./context-BSYR7RZs.js";
+import { t as usePortalTarget } from "./usePortalTarget-RyzEgNTb.js";
+import { n as markInert, t as inertableOutside } from "./inert-DIHCCn_1.js";
+import { t as useOverlayLayer } from "./useOverlayLayer-BupuP_hs.js";
+import { useFocusTrap } from "../composables/useFocusTrap.js";
+import { computed, onBeforeUnmount, onScopeDispose, ref, watch } from "vue";
+//#region src/composables/internal/useInertOthers.ts
+/**
+* Пока слой активен, всё вне его ветки помечено `inert`: от корня оверлея вверх
+* до `<body>`, на каждом уровне — соседи.
+*
+* Это вторая половина модальности: `z-index` перекрывает страницу глазами,
+* `inert` — клавиатурой и скринридером.
+*/
+function useInertOthers(root, active) {
+	let release;
+	function apply() {
+		release?.();
+		release = markInert(inertableOutside(root.value));
+	}
+	function clear() {
+		release?.();
+		release = void 0;
+	}
+	watch(() => Boolean(active()) && Boolean(root.value), (isActive) => {
+		if (isActive) apply();
+		else clear();
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	onScopeDispose(clear);
+}
+//#endregion
+//#region src/composables/internal/useOverlayPresence.ts
+/**
+* Присутствие оверлея в DOM отдельно от его видимости.
+*
+* Штатный `<Transition>` анимирует свой элемент, но не координирует соседей:
+* убери обёртку по `v-if` — и подложка с панелью исчезнут мгновенно, без
+* leave-анимации. Поэтому присутствие поддерева и видимость слоя — два разных
+* флага: первый снимается только по концу leave-анимации панели.
+*
+* Видимость включается **в том же такте**, что и монтирование: содержимое окна
+* обязано появляться в DOM сразу после открытия — на этом стоит и код
+* потребителя, и внутренние компоненты, которые ищут в панели свои элементы.
+* Enter-анимацию это не отменяет: `<Transition appear>` проигрывает её и на
+* первом рендере ребёнка.
+*/
+function useOverlayPresence(open) {
+	const mounted = ref(open.value);
+	const visible = ref(open.value);
+	watch(open, (isOpen) => {
+		if (isOpen) mounted.value = true;
+		visible.value = isOpen;
+	});
+	function onPanelAfterLeave() {
+		if (!open.value) mounted.value = false;
+	}
+	return {
+		mounted,
+		visible,
+		onPanelAfterLeave
+	};
+}
+//#endregion
+//#region src/composables/internal/useScrollLock.ts
+var lockCount = 0;
+var saved = null;
+var savedScrollY = 0;
+var releaseTouchGuard = null;
+/**
+* iOS определяем по платформе, а не по ширине экрана: лечение специфично для
+* движка, а не для размера. `maxTouchPoints` отличает iPadOS, который со времён
+* 13-й версии представляется десктопным Mac.
+*/
+function isIOS() {
+	if (typeof navigator === "undefined") return false;
+	return /iP(?:hone|ad|od)/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+}
+/** Прокручиваемая область оверлея — единственное, чему `touchmove` разрешён. */
+function isScrollableOverlayArea(target) {
+	if (!(target instanceof Element)) return false;
+	for (let node = target; node; node = node.parentElement) {
+		if (!(node instanceof HTMLElement)) continue;
+		if (node.hasAttribute("data-gr-overlay-root")) return true;
+	}
+	return false;
+}
+function applyTouchGuard() {
+	if (!isIOS()) return;
+	const onTouchMove = (event) => {
+		if (isScrollableOverlayArea(event.target)) return;
+		if (event.cancelable) event.preventDefault();
+	};
+	document.addEventListener("touchmove", onTouchMove, { passive: false });
+	releaseTouchGuard = () => document.removeEventListener("touchmove", onTouchMove);
+}
+function getScrollbarWidth() {
+	return window.innerWidth - document.documentElement.clientWidth;
+}
+function applyLock() {
+	const body = document.body;
+	saved = {
+		overflow: body.style.overflow,
+		paddingRight: body.style.paddingRight,
+		overscrollBehavior: body.style.overscrollBehavior
+	};
+	savedScrollY = window.scrollY;
+	const scrollbarWidth = getScrollbarWidth();
+	body.style.overflow = "hidden";
+	body.style.overscrollBehavior = "contain";
+	if (scrollbarWidth > 0) {
+		const currentPadding = Number.parseFloat(getComputedStyle(body).paddingRight) || 0;
+		body.style.paddingRight = `${currentPadding + scrollbarWidth}px`;
+	}
+	applyTouchGuard();
+}
+function releaseLock() {
+	releaseTouchGuard?.();
+	releaseTouchGuard = null;
+	if (!saved) return;
+	document.body.style.overflow = saved.overflow;
+	document.body.style.paddingRight = saved.paddingRight;
+	document.body.style.overscrollBehavior = saved.overscrollBehavior;
+	saved = null;
+	if (isIOS() && window.scrollY !== savedScrollY) window.scrollTo(0, savedScrollY);
+}
+/**
+* Возвращает пару `lock`/`unlock`, идемпотентную **в пределах одного инстанса**
+* (повторный `lock()` без `unlock()` не увеличивает глобальный счётчик дважды).
+* Глобальный счётчик разделяется всеми оверлеями.
+*/
+function useScrollLock() {
+	const isClient = typeof window !== "undefined";
+	let held = false;
+	function lock() {
+		if (!isClient || held) return;
+		held = true;
+		lockCount += 1;
+		if (lockCount === 1) applyLock();
+	}
+	function unlock() {
+		if (!isClient || !held) return;
+		held = false;
+		lockCount = Math.max(0, lockCount - 1);
+		if (lockCount === 0) releaseLock();
+	}
+	return {
+		lock,
+		unlock
+	};
+}
+//#endregion
+//#region src/composables/internal/useModalOverlay.ts
+function useModalOverlay(open, onDismiss, options) {
+	const isModal = () => typeof options.modal === "function" ? options.modal() : options.modal ?? true;
+	const rootEl = options.root ?? ref(null);
+	const isTopmost = ref(true);
+	const inertAttr = computed(() => open.value && isModal() && !isTopmost.value ? true : void 0);
+	const { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(options.teleportTo);
+	const themeAttrs = useGrThemeAttrs();
+	const { mounted: isMounted, visible: isVisible, onPanelAfterLeave } = useOverlayPresence(open);
+	const layer = useOverlayLayer(open, onDismiss, {
+		modal: isModal,
+		closeOnEscape: options.closeOnEscape,
+		onTopmostChange: (value) => {
+			isTopmost.value = value;
+		},
+		root: rootEl
+	});
+	useFocusTrap(options.panel, {
+		active: () => open.value && isModal() && isTopmost.value,
+		initialFocus: options.initialFocus,
+		fallbackFocus: () => options.panel.value,
+		containers: layer.rootsAbove,
+		restoreFocus: false
+	});
+	useInertOthers(rootEl, () => open.value && isModal() && isTopmost.value);
+	const { lock, unlock } = useScrollLock();
+	watch(() => options.lockScroll?.() ?? (open.value && isModal()), (locked) => {
+		if (locked) lock();
+		else unlock();
+	}, { immediate: true });
+	onBeforeUnmount(unlock);
+	let pointerDownOnBackdrop = false;
+	return {
+		rootEl,
+		isMounted,
+		isVisible,
+		isTopmost,
+		inertAttr,
+		portalTarget,
+		teleportEnabled,
+		themeAttrs,
+		onPanelAfterLeave,
+		backdrop: {
+			mousedown(event) {
+				pointerDownOnBackdrop = event.target === event.currentTarget;
+			},
+			click(event) {
+				const startedHere = pointerDownOnBackdrop;
+				pointerDownOnBackdrop = false;
+				if (!startedHere || event.target !== event.currentTarget) return;
+				if (options.closeOnBackdrop?.() === false) return;
+				onDismiss();
+			}
+		}
+	};
+}
+//#endregion
+export { useModalOverlay as t };

package/dist/chunks/useModalOverlay-DCM4d3yA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalOverlay-DCM4d3yA.js","names":[],"sources":["../../src/composables/internal/useInertOthers.ts","../../src/composables/internal/useOverlayPresence.ts","../../src/composables/internal/useScrollLock.ts","../../src/composables/internal/useModalOverlay.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { onScopeDispose, watch } from 'vue'\n\nimport { inertableOutside, markInert } from './inert'\n\n/**\n * Пока слой активен, всё вне его ветки помечено `inert`: от корня оверлея вверх\n * до `<body>`, на каждом уровне — соседи.\n *\n * Это вторая половина модальности: `z-index` перекрывает страницу глазами,\n * `inert` — клавиатурой и скринридером.\n */\nexport function useInertOthers(root: Ref<HTMLElement | null>, active: () => boolean): void {\n  let release: (() => void) | undefined\n\n  function apply(): void {\n    release?.()\n    release = markInert(inertableOutside(root.value))\n  }\n\n  function clear(): void {\n    release?.()\n    release = undefined\n  }\n\n  watch(\n    () => Boolean(active()) && Boolean(root.value),\n    (isActive) => {\n      if (isActive) apply()\n      else clear()\n    },\n    { immediate: true, flush: 'post' },\n  )\n\n  onScopeDispose(clear)\n}\n","import type { Ref } from 'vue'\nimport { ref, watch } from 'vue'\n\nexport interface OverlayPresence {\n  /** Смонтировано ли поддерево слоя: держится до конца leave-анимации. */\n  mounted: Ref<boolean>\n  /** Показан ли слой: этим переключаются `<Transition>` внутри. */\n  visible: Ref<boolean>\n  /** Вызывается из `@after-leave` панели. */\n  onPanelAfterLeave: () => void\n}\n\n/**\n * Присутствие оверлея в DOM отдельно от его видимости.\n *\n * Штатный `<Transition>` анимирует свой элемент, но не координирует соседей:\n * убери обёртку по `v-if` — и подложка с панелью исчезнут мгновенно, без\n * leave-анимации. Поэтому присутствие поддерева и видимость слоя — два разных\n * флага: первый снимается только по концу leave-анимации панели.\n *\n * Видимость включается **в том же такте**, что и монтирование: содержимое окна\n * обязано появляться в DOM сразу после открытия — на этом стоит и код\n * потребителя, и внутренние компоненты, которые ищут в панели свои элементы.\n * Enter-анимацию это не отменяет: `<Transition appear>` проигрывает её и на\n * первом рендере ребёнка.\n */\nexport function useOverlayPresence(open: Ref<boolean>): OverlayPresence {\n  const mounted = ref(open.value)\n  const visible = ref(open.value)\n\n  watch(open, (isOpen) => {\n    if (isOpen) mounted.value = true\n    visible.value = isOpen\n  })\n\n  function onPanelAfterLeave(): void {\n    // Пока панель уезжала, слой могли открыть заново — тогда размонтировать\n    // нечего и незачем.\n    if (!open.value) mounted.value = false\n  }\n\n  return { mounted, visible, onPanelAfterLeave }\n}\n","/**\n * useScrollLock — общий **reference-counted** lock скролла `<body>` для оверлеев\n * (GrModal, GrDrawer, GrImageViewer).\n *\n * Зачем счётчик: состояние `<body>` принадлежит не оверлею, а их совокупности.\n * Держи каждый свой `savedBodyOverflow`, и закрытие A при ещё открытой B вернуло\n * бы странице прокрутку под открытым окном — закрывают не всегда в порядке\n * открытия. Поэтому состояние сохраняется один раз (переход счётчика 0→1) и\n * восстанавливается только когда закрыт последний оверлей (1→0).\n *\n * Плюс компенсация ширины скроллбара: при `overflow: hidden` скроллбар исчезает и\n * контент дёргается вправо — добавляем `padding-right` на его ширину.\n *\n * Отдельная ветка — iOS Safari: там `overflow: hidden` фон не держит, страница\n * продолжает «резинить» под открытым окном. Лечится тем же, чем лечил\n * HeadlessUI (`handleIOSLocking`): гасим `touchmove` вне скроллящихся областей\n * оверлея и возвращаем позицию прокрутки после снятия лока.\n */\n\ninterface SavedBodyStyle {\n  overflow: string\n  paddingRight: string\n  overscrollBehavior: string\n}\n\nlet lockCount = 0\nlet saved: SavedBodyStyle | null = null\nlet savedScrollY = 0\nlet releaseTouchGuard: (() => void) | null = null\n\n/**\n * iOS определяем по платформе, а не по ширине экрана: лечение специфично для\n * движка, а не для размера. `maxTouchPoints` отличает iPadOS, который со времён\n * 13-й версии представляется десктопным Mac.\n */\nfunction isIOS(): boolean {\n  if (typeof navigator === 'undefined') return false\n  return /iP(?:hone|ad|od)/.test(navigator.platform)\n    || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)\n}\n\n/** Прокручиваемая область оверлея — единственное, чему `touchmove` разрешён. */\nfunction isScrollableOverlayArea(target: EventTarget | null): boolean {\n  if (!(target instanceof Element)) return false\n\n  for (let node: Element | null = target; node; node = node.parentElement) {\n    if (!(node instanceof HTMLElement)) continue\n    if (node.hasAttribute('data-gr-overlay-root')) return true\n  }\n\n  return false\n}\n\nfunction applyTouchGuard(): void {\n  if (!isIOS()) return\n\n  const onTouchMove = (event: TouchEvent): void => {\n    // Внутри оверлея скролл законен (длинное окно, лента изображений), а всё\n    // остальное — это и есть фон, который лок обязан держать.\n    if (isScrollableOverlayArea(event.target)) return\n    if (event.cancelable) event.preventDefault()\n  }\n\n  document.addEventListener('touchmove', onTouchMove, { passive: false })\n  releaseTouchGuard = () => document.removeEventListener('touchmove', onTouchMove)\n}\n\nfunction getScrollbarWidth(): number {\n  return window.innerWidth - document.documentElement.clientWidth\n}\n\nfunction applyLock(): void {\n  const body = document.body\n  saved = {\n    overflow: body.style.overflow,\n    paddingRight: body.style.paddingRight,\n    overscrollBehavior: body.style.overscrollBehavior,\n  }\n  savedScrollY = window.scrollY\n\n  // Ширину скроллбара считаем ДО `overflow: hidden` (после — `clientWidth` меняется).\n  const scrollbarWidth = getScrollbarWidth()\n\n  body.style.overflow = 'hidden'\n  // Прокрутка, «доехавшая» до края внутри окна, не должна продолжаться фоном.\n  body.style.overscrollBehavior = 'contain'\n  if (scrollbarWidth > 0) {\n    const currentPadding = Number.parseFloat(getComputedStyle(body).paddingRight) || 0\n    body.style.paddingRight = `${currentPadding + scrollbarWidth}px`\n  }\n\n  applyTouchGuard()\n}\n\nfunction releaseLock(): void {\n  releaseTouchGuard?.()\n  releaseTouchGuard = null\n\n  if (!saved) return\n  document.body.style.overflow = saved.overflow\n  document.body.style.paddingRight = saved.paddingRight\n  document.body.style.overscrollBehavior = saved.overscrollBehavior\n  saved = null\n\n  // iOS сдвигает страницу, пока фон заблокирован; возвращаем её на место.\n  if (isIOS() && window.scrollY !== savedScrollY) window.scrollTo(0, savedScrollY)\n}\n\n/**\n * Возвращает пару `lock`/`unlock`, идемпотентную **в пределах одного инстанса**\n * (повторный `lock()` без `unlock()` не увеличивает глобальный счётчик дважды).\n * Глобальный счётчик разделяется всеми оверлеями.\n */\nexport function useScrollLock() {\n  const isClient = typeof window !== 'undefined'\n  let held = false\n\n  function lock(): void {\n    if (!isClient || held) return\n    held = true\n    lockCount += 1\n    if (lockCount === 1) applyLock()\n  }\n\n  function unlock(): void {\n    if (!isClient || !held) return\n    held = false\n    lockCount = Math.max(0, lockCount - 1)\n    if (lockCount === 0) releaseLock()\n  }\n\n  return { lock, unlock }\n}\n\n/** Тестовая/служебная очистка глобального состояния. */\nexport function resetScrollLock(): void {\n  lockCount = 0\n  if (typeof document !== 'undefined') releaseLock()\n  saved = null\n}\n","import type { ComputedRef, Ref } from 'vue'\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { useGrThemeAttrs } from '../../components/GrConfigProvider/context'\nimport { useFocusTrap } from '../useFocusTrap'\nimport { useOverlayLayer } from '../useOverlayLayer'\nimport { usePortalTarget } from '../usePortalTarget'\nimport { useInertOthers } from './useInertOthers'\nimport { useOverlayPresence } from './useOverlayPresence'\nimport { useScrollLock } from './useScrollLock'\n\n/**\n * Модальный слой целиком: одна сборка на весь пакет.\n *\n * Модальность собиралась вручную в трёх компонентах (`GrModal`, `GrDrawer`,\n * `GrImageViewer`) из шести примитивов, и сборка повторялась дословно. Дело не\n * в объёме: в этой проводке сидят инварианты, каждый из которых при пропуске\n * даёт тихий баг доступности, а не заметную поломку. Здесь они собраны в одном\n * месте — забыть часть модального слоя больше нельзя.\n *\n * Что именно неочевидно:\n *\n *  - **`restoreFocus: false` у ловушки.** Возврат фокуса принадлежит стеку\n *    слоёв: у него правило строже — вернуть, только если на момент закрытия\n *    фокус ещё был внутри слоя. Две системы возврата подрались бы за фокус.\n *  - **`containers: layer.rootsAbove`.** Панель селекта, открытого ВНУТРИ окна,\n *    телепортирована в `body` и лежит вне поддерева панели. Без этого списка\n *    ловушка считала бы её «снаружи» и отбирала фокус.\n *  - **Ловушка и `inert` работают, только пока слой верхний.** Иначе нижнее\n *    окно ворует фокус у открытого поверх него, а `inert` гасит собственную\n *    панель вместе со страницей.\n *  - **Клик по подложке считается только тот, что на ней и начался.** Иначе\n *    выделение текста мышью или перетаскивание, отпущенное за пределами панели,\n *    закрывает слой.\n *\n * Чего композабл НЕ делает: не рисует разметку. Корневой `div`, подложка и\n * панель у трёх компонентов различаются по существу (обёртки скролла у окна,\n * сквозные клики у немодальной панели, слои хрома у просмотрщика), а классами\n * общий модуль владеть не вправе — пресет гранулярности подмешивает safelist\n * только по директориям выбранных компонентов.\n */\nexport interface UseModalOverlayOptions {\n  /**\n   * Модальный ли слой: блокирует страницу, держит фокус, гасит нижние окна.\n   * Геттером — там, где модальность включается пропом (`GrDrawer`).\n   */\n  modal?: boolean | (() => boolean)\n  /** Закрывать ли по Esc. Геттер — проп компонента реактивен. */\n  closeOnEscape?: () => boolean\n  /** Закрывать ли по клику в подложку; читается обработчиками `backdrop`. */\n  closeOnBackdrop?: () => boolean\n  /** Панель слоя: контейнер ловушки фокуса и её запасной приёмник. */\n  panel: Ref<HTMLElement | null>\n  /**\n   * Свой корень слоя. У якорного оверлея (`GrPopover`) корень и панель — один\n   * элемент: в портал уезжает сама панель, отдельной обёртки нет. Не задан —\n   * композабл заводит корень сам, как у центрированных окон.\n   */\n  root?: Ref<HTMLElement | null>\n  /**\n   * Точечное переопределение точки монтирования (проп `teleportTo`). По\n   * умолчанию — общий портал оверлеев.\n   */\n  teleportTo?: () => string | HTMLElement | undefined\n  /**\n   * Кому отдать фокус при открытии. Не задан — первому фокусируемому внутри\n   * панели (правило `useFocusTrap`): просмотрщику нужна именно кнопка тулбара,\n   * а окну — сама панель, и оно передаёт её явно.\n   */\n  initialFocus?: () => HTMLElement | null | undefined\n  /**\n   * Блокировать ли скролл страницы. По умолчанию — пока слой открыт и модален:\n   * немодальная панель существует ровно ради работы со страницей под ней.\n   */\n  lockScroll?: () => boolean\n}\n\nexport interface ModalOverlay {\n  /** Корень слоя: цель `ref` в шаблоне, хозяин `inert` и корень для стека слоёв. */\n  rootEl: Ref<HTMLElement | null>\n  /** Смонтировано ли поддерево: держится до конца leave-анимации панели. */\n  isMounted: Ref<boolean>\n  /** Показан ли слой: этим переключаются `<Transition>` внутри. */\n  isVisible: Ref<boolean>\n  /** Верхний ли это слой сейчас. */\n  isTopmost: Ref<boolean>\n  /** Значение атрибута `inert` для корня: слой перестал быть верхним. */\n  inertAttr: ComputedRef<true | undefined>\n  portalTarget: ComputedRef<string | HTMLElement>\n  teleportEnabled: ComputedRef<boolean>\n  /** `data-theme` на телепортированный корень: в DOM он вне обёртки провайдера. */\n  themeAttrs: ComputedRef<{ 'data-theme'?: string }>\n  /** Для `@after-leave` панели. Компонент оборачивает, если ему нужен эмит `closed`. */\n  onPanelAfterLeave: () => void\n  /**\n   * Обработчики подложки вместе с guard'ом «клик начался на ней». Имена — под\n   * `v-on=\"backdrop\"`: объектный синтаксис ждёт имена событий, а не пропов.\n   */\n  backdrop: {\n    mousedown: (event: MouseEvent) => void\n    click: (event: MouseEvent) => void\n  }\n}\n\nexport function useModalOverlay(\n  open: Ref<boolean>,\n  onDismiss: () => void,\n  options: UseModalOverlayOptions,\n): ModalOverlay {\n  const isModal = (): boolean =>\n    typeof options.modal === 'function' ? options.modal() : options.modal ?? true\n\n  const rootEl = options.root ?? ref<HTMLElement | null>(null)\n  const isTopmost = ref(true)\n\n  const inertAttr = computed(() => (open.value && isModal() && !isTopmost.value ? true : undefined))\n\n  // Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n  // рендер не совпадёт с серверным и сломается гидрация.\n  const { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(options.teleportTo)\n\n  // Панель уезжает в `body`, то есть вне обёртки провайдера, и `data-theme` с\n  // неё не наследуется. В дереве компонентов слой остаётся внутри — `inject`\n  // доходит, и тему он ставит себе сам.\n  const themeAttrs = useGrThemeAttrs()\n\n  const { mounted: isMounted, visible: isVisible, onPanelAfterLeave } = useOverlayPresence(open)\n\n  const layer = useOverlayLayer(open, onDismiss, {\n    modal: isModal,\n    closeOnEscape: options.closeOnEscape,\n    onTopmostChange: (value) => { isTopmost.value = value },\n    root: rootEl,\n  })\n\n  useFocusTrap(options.panel, {\n    active: () => open.value && isModal() && isTopmost.value,\n    initialFocus: options.initialFocus,\n    fallbackFocus: () => options.panel.value,\n    containers: layer.rootsAbove,\n    restoreFocus: false,\n  })\n\n  useInertOthers(rootEl, () => open.value && isModal() && isTopmost.value)\n\n  // Общий reference-counted lock: несколько открытых оверлеев снимают блокировку\n  // независимо от порядка закрытия, ширина скроллбара компенсируется.\n  const { lock, unlock } = useScrollLock()\n\n  watch(\n    () => options.lockScroll?.() ?? (open.value && isModal()),\n    (locked) => {\n      if (locked) lock()\n      else unlock()\n    },\n    { immediate: true },\n  )\n\n  onBeforeUnmount(unlock)\n\n  let pointerDownOnBackdrop = false\n\n  return {\n    rootEl,\n    isMounted,\n    isVisible,\n    isTopmost,\n    inertAttr,\n    portalTarget,\n    teleportEnabled,\n    themeAttrs,\n    onPanelAfterLeave,\n    backdrop: {\n      mousedown(event: MouseEvent): void {\n        pointerDownOnBackdrop = event.target === event.currentTarget\n      },\n      click(event: MouseEvent): void {\n        const startedHere = pointerDownOnBackdrop\n        pointerDownOnBackdrop = false\n\n        if (!startedHere || event.target !== event.currentTarget) return\n        if (options.closeOnBackdrop?.() === false) return\n\n        onDismiss()\n      },\n    },\n  }\n}\n"],"mappings":"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"}