@feugene/granularity 0.13.0 → 0.18.0

package/dist/components/GrFormFile/chunks/GrFormFile-BikSD7bg.js

@@ -0,0 +1,452 @@
+import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
+import { o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { f as runFileValidators, l as resolveFileValidationMessage, o as acceptValidator, p as FileValidationError, r as maxCountValidator } from "../../../chunks/fileValidation-D5TFBhbv.js";
+import { vDropzone } from "../../../directives/dropzone.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BvA2ZGXP.js";
+import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
+import { useGrFormControl } from "../../../composables/useGrFormControl.js";
+import { t as useFocusWithin } from "../../../chunks/useFocusWithin-BwHE0rzm.js";
+import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-D0m_z0XW.js";
+import { t as useFilePreviews } from "../../../chunks/useFilePreviews-DnwgdyBs.js";
+import { a as iconSizes, c as removeTextSizes, d as textSizes, i as iconOffsets, l as rowGaps, o as previewBaseClass, r as buttonSizes, s as previewSizes, u as stackGaps } from "../../../chunks/config-COvrUfhR.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, nextTick, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, watch, withCtx, withDirectives, withModifiers } from "vue";
+import '../styles.css';//#region ~icons/lucide/upload
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
+	}, null, -1)])]);
+}
+var upload_default = markRaw({
+	name: "lucide-upload",
+	render: render$1
+});
+//#endregion
+//#region src/components/GrFormFile/GrFormFile.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+var _hoisted_2 = [
+	"multiple",
+	"accept",
+	"disabled"
+];
+var _hoisted_3 = ["src"];
+var _hoisted_4 = ["title"];
+var _hoisted_5 = ["src"];
+var _hoisted_6 = ["title"];
+var _hoisted_7 = [
+	"disabled",
+	"aria-label",
+	"onClick"
+];
+var _hoisted_8 = ["id"];
+//#endregion
+//#region src/components/GrFormFile/GrFormFile.vue
+var GrFormFile_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "GrFormFile",
+	props: {
+		modelValue: {},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: { default: void 0 },
+		accept: { default: void 0 },
+		validators: { default: void 0 },
+		limit: { default: void 0 },
+		uploadText: { default: void 0 },
+		changeText: { default: void 0 },
+		removeText: { default: void 0 },
+		clearAllText: { default: void 0 },
+		placeholder: { default: void 0 },
+		size: { default: void 0 },
+		preview: {
+			type: Boolean,
+			default: false
+		},
+		validate: {
+			type: Function,
+			default: void 0
+		},
+		errors: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"clear",
+		"update:errors",
+		"focus",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrFormFile" });
+		const rowClass = computed(() => rowGaps[resolvedSize.value]);
+		const stackClass = computed(() => stackGaps[resolvedSize.value]);
+		const textClass = computed(() => textSizes[resolvedSize.value]);
+		const removeTextClass = computed(() => removeTextSizes[resolvedSize.value]);
+		const iconOffsetClass = computed(() => iconOffsets[resolvedSize.value]);
+		const buttonSize = computed(() => buttonSizes[resolvedSize.value]);
+		const iconSize = computed(() => iconSizes[resolvedSize.value]);
+		const previewClass = computed(() => [previewSizes[resolvedSize.value], previewBaseClass]);
+		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const field = useGrFormFieldContext();
+		const fieldId = computed(() => field?.id.value);
+		const { disabled: isDisabled, invalid: isInvalid, required: isRequired, readonly: isReadonly, locked: isLocked } = useGrFormControl(() => props);
+		const resolvedUploadText = computed(() => props.uploadText ?? t("gr.formFile.upload", "Upload file"));
+		const resolvedChangeText = computed(() => props.changeText ?? t("gr.formFile.change", "Change file"));
+		const resolvedRemoveText = computed(() => props.removeText ?? t("gr.formFile.remove", "Remove"));
+		const resolvedClearAllText = computed(() => props.clearAllText ?? t("gr.formFile.clearAll", "Clear all"));
+		const resolvedPlaceholder = computed(() => props.placeholder ?? t("gr.formFile.placeholder", "No files selected"));
+		const inputRef = ref(null);
+		const rootEl = ref(null);
+		const { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {
+			enter: (event) => emit("focus", event),
+			leave: (event) => emit("blur", event)
+		});
+		const localErrors = ref([]);
+		const uploadBtnEl = ref(null);
+		const errorsId = useId();
+		const displayedErrors = computed(() => props.errors ?? localErrors.value);
+		const hasLocalErrors = computed(() => displayedErrors.value.length > 0);
+		/**
+		* `aria-required` и `aria-readonly` роль `button` не поддерживает — axe роняет
+		* это как critical `aria-allowed-attr`. Состояния уходят в описание кнопки:
+		* иначе они пропали бы для диктора совсем (маркер `*` у `GrFormField`
+		* декоративен и скрыт).
+		*/
+		const stateHintId = useId();
+		const stateHint = computed(() => [isRequired.value ? t("gr.form.required", "This field is required") : void 0, isReadonly.value ? t("gr.form.readonly", "Read only") : void 0].filter(Boolean).join(". ") || void 0);
+		const describedByIds = computed(() => {
+			return [
+				field?.describedById.value,
+				hasLocalErrors.value ? errorsId : void 0,
+				stateHint.value ? stateHintId : void 0
+			].filter(Boolean).join(" ") || void 0;
+		});
+		const showsInvalid = computed(() => isInvalid.value || hasLocalErrors.value);
+		function focus() {
+			uploadBtnEl.value?.focus();
+		}
+		function blur() {
+			uploadBtnEl.value?.blur();
+		}
+		__expose({
+			focus,
+			blur
+		});
+		const files = computed(() => {
+			if (props.multiple) return Array.isArray(props.modelValue) ? props.modelValue : [];
+			return props.modelValue instanceof File ? [props.modelValue] : [];
+		});
+		const hasFiles = computed(() => files.value.length > 0);
+		const { fileKey, previewUrl, revokePreview, revokeAllPreviews } = useFilePreviews({ enabled: () => props.preview });
+		/**
+		* Отзыв `object URL` привязан к самому набору, а не к местам, где его меняют.
+		* Файл уходит из набора десятком путей — кнопка строки, «очистить всё», новый
+		* выбор, внешний сброс `v-model`, — и точечные вызовы разъехались бы с первой
+		* же новой веткой; blob при этом висел бы в памяти вкладки до перезагрузки.
+		*/
+		watch(files, (next, prev) => {
+			for (const file of prev ?? []) if (!next.includes(file)) revokePreview(file);
+		});
+		onBeforeUnmount(revokeAllPreviews);
+		/**
+		* Один набор валидаторов на оба пути ввода. Собери его отдельно в `applyFiles`
+		* и в `dropzone` — копии разъедутся при первой же правке, и выбор через диалог
+		* начнёт вести себя иначе, чем перетаскивание.
+		*/
+		const effectiveValidators = computed(() => {
+			const customValidator = props.validate ? async ({ files }) => await props.validate?.(files) ?? [] : void 0;
+			return [
+				acceptValidator(props.accept),
+				maxCountValidator(props.limit),
+				...props.validators ?? [],
+				...customValidator ? [customValidator] : []
+			];
+		});
+		function clearInputValue() {
+			if (!inputRef.value) return;
+			inputRef.value.value = "";
+		}
+		function setErrors(next) {
+			localErrors.value = next;
+			emit("update:errors", next);
+		}
+		function clearErrors() {
+			if (displayedErrors.value.length === 0) return;
+			setErrors([]);
+		}
+		function openDialog() {
+			if (isLocked.value) return;
+			inputRef.value?.click();
+		}
+		function emitModel(nextFiles) {
+			const value = props.multiple ? nextFiles : nextFiles[0] ?? null;
+			emit("update:modelValue", value);
+			emit("change", value);
+		}
+		async function applyFiles(nextFiles) {
+			const isPromiseLike = (value) => {
+				return !!value && typeof value.then === "function";
+			};
+			const res = runFileValidators(nextFiles, effectiveValidators.value, {
+				source: "input",
+				multiple: props.multiple
+			});
+			const { files: picked, issues } = isPromiseLike(res) ? await res : res;
+			if (issues.length > 0) {
+				setErrors(issues);
+				clearInputValue();
+				await nextTick();
+				return;
+			}
+			clearErrors();
+			emitModel(picked);
+			clearInputValue();
+			await nextTick();
+		}
+		async function onInputChange(event) {
+			if (isLocked.value) return;
+			const target = event.target;
+			const nextFiles = target?.files ? Array.prototype.slice.call(target.files) : [];
+			if (target) target.value = "";
+			await nextTick();
+			await applyFiles(nextFiles);
+		}
+		function clearAll() {
+			if (isLocked.value) return;
+			clearErrors();
+			clearInputValue();
+			emit("clear");
+			emit("update:modelValue", props.multiple ? [] : null);
+			emit("change", props.multiple ? [] : null);
+		}
+		function removeAt(index) {
+			if (isLocked.value) return;
+			if (!props.multiple) {
+				clearAll();
+				return;
+			}
+			const next = files.value.slice();
+			next.splice(index, 1);
+			emit("update:modelValue", next);
+			emit("change", next);
+		}
+		/** Размер файла в строке списка — как в `GrFileUpload`: без него список не отвечает «сколько». */
+		function formatFileSize(file) {
+			return `${Math.ceil(file.size / 1024)} KB`;
+		}
+		function issueMessage(issue) {
+			const text = resolveFileValidationMessage(issue, t);
+			if (issue.fileName && issue.i18nParams?.fileName === void 0) return `${issue.fileName}: ${text}`;
+			return text;
+		}
+		const dropzone = computed(() => {
+			return {
+				enabled: !isLocked.value,
+				multiple: props.multiple,
+				validators: effectiveValidators.value,
+				onFiles: async (dropped) => {
+					clearErrors();
+					emitModel(dropped);
+					clearInputValue();
+					await nextTick();
+				},
+				onError: (error) => {
+					if (error instanceof FileValidationError) setErrors(error.issues);
+					else setErrors([{
+						code: "accept",
+						message: t("gr.formFile.validateError", "Failed to validate dropped files")
+					}]);
+				}
+			};
+		});
+		watch(() => props.modelValue, (value) => {
+			if (!inputRef.value) return;
+			if (!value || Array.isArray(value) && value.length === 0) inputRef.value.value = "";
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", {
+				ref_key: "rootEl",
+				ref: rootEl,
+				"data-gr-form-file": "",
+				class: normalizeClass(["rounded-[var(--gr-radius-md)]", unref(isDisabled) ? "cursor-not-allowed" : ""]),
+				onFocusin: _cache[0] || (_cache[0] = (...args) => unref(onFocusIn) && unref(onFocusIn)(...args)),
+				onFocusout: _cache[1] || (_cache[1] = (...args) => unref(onFocusOut) && unref(onFocusOut)(...args))
+			}, [
+				stateHint.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					id: unref(stateHintId),
+					class: "sr-only"
+				}, toDisplayString(stateHint.value), 9, _hoisted_1)) : createCommentVNode("", true),
+				createElementVNode("input", {
+					ref_key: "inputRef",
+					ref: inputRef,
+					"data-gr-form-file-input": "",
+					type: "file",
+					tabindex: "-1",
+					"aria-hidden": "true",
+					class: "absolute opacity-0 w-px h-px pointer-events-none",
+					multiple: __props.multiple,
+					accept: __props.accept,
+					disabled: unref(isDisabled),
+					onChange: onInputChange
+				}, null, 40, _hoisted_2),
+				createElementVNode("div", { class: normalizeClass(["flex flex-col", stackClass.value]) }, [
+					createElementVNode("div", { class: normalizeClass(["flex flex-wrap items-center", rowClass.value]) }, [
+						createVNode(GrButton_default, {
+							id: fieldId.value,
+							ref_key: "uploadBtnEl",
+							ref: uploadBtnEl,
+							variant: "secondary",
+							size: buttonSize.value,
+							"data-gr-form-file-upload-btn": "",
+							"aria-describedby": describedByIds.value,
+							"aria-invalid": showsInvalid.value ? "true" : void 0,
+							"aria-label": __props.ariaLabel,
+							disabled: unref(isDisabled),
+							onClick: withModifiers(openDialog, ["prevent"])
+						}, {
+							default: withCtx(() => [createVNode(GrIcon_default, { size: iconSize.value }, {
+								default: withCtx(() => [createVNode(unref(upload_default))]),
+								_: 1
+							}, 8, ["size"]), createElementVNode("span", { class: normalizeClass(iconOffsetClass.value) }, toDisplayString(hasFiles.value ? resolvedChangeText.value : resolvedUploadText.value), 3)]),
+							_: 1
+						}, 8, [
+							"id",
+							"size",
+							"aria-describedby",
+							"aria-invalid",
+							"aria-label",
+							"disabled"
+						]),
+						hasFiles.value && !__props.multiple && !unref(isReadonly) ? (openBlock(), createBlock(GrButton_default, {
+							key: 0,
+							variant: "secondary",
+							size: buttonSize.value,
+							"data-gr-form-file-clear-btn": "",
+							disabled: unref(isDisabled),
+							onClick: withModifiers(clearAll, ["prevent"])
+						}, {
+							default: withCtx(() => [createVNode(GrIcon_default, { size: iconSize.value }, {
+								default: withCtx(() => [createVNode(unref(x_default))]),
+								_: 1
+							}, 8, ["size"]), createElementVNode("span", { class: normalizeClass(iconOffsetClass.value) }, toDisplayString(resolvedRemoveText.value), 3)]),
+							_: 1
+						}, 8, ["size", "disabled"])) : createCommentVNode("", true),
+						__props.multiple && hasFiles.value && !unref(isReadonly) ? (openBlock(), createBlock(GrButton_default, {
+							key: 1,
+							variant: "secondary",
+							size: buttonSize.value,
+							"data-gr-form-file-clear-all-btn": "",
+							disabled: unref(isDisabled),
+							onClick: withModifiers(clearAll, ["prevent"])
+						}, {
+							default: withCtx(() => [createVNode(GrIcon_default, { size: iconSize.value }, {
+								default: withCtx(() => [createVNode(unref(x_default))]),
+								_: 1
+							}, 8, ["size"]), createElementVNode("span", { class: normalizeClass(iconOffsetClass.value) }, toDisplayString(resolvedClearAllText.value), 3)]),
+							_: 1
+						}, 8, ["size", "disabled"])) : createCommentVNode("", true),
+						!__props.multiple && hasFiles.value && unref(previewUrl)(files.value[0]) ? (openBlock(), createElementBlock("img", {
+							key: 2,
+							"data-gr-form-file-preview": "",
+							src: unref(previewUrl)(files.value[0]),
+							alt: "",
+							class: normalizeClass(previewClass.value)
+						}, null, 10, _hoisted_3)) : createCommentVNode("", true),
+						!__props.multiple && hasFiles.value ? (openBlock(), createElementBlock("span", {
+							key: 3,
+							class: normalizeClass(["text-[var(--gr-muted-fg)] truncate max-w-[240px]", textClass.value]),
+							"data-gr-form-file-single-name": "",
+							title: files.value[0]?.name
+						}, toDisplayString(files.value[0]?.name), 11, _hoisted_4)) : createCommentVNode("", true),
+						!hasFiles.value ? (openBlock(), createElementBlock("span", {
+							key: 4,
+							class: normalizeClass(["text-[var(--gr-muted-fg)]", textClass.value]),
+							"data-gr-form-file-placeholder": ""
+						}, toDisplayString(resolvedPlaceholder.value), 3)) : createCommentVNode("", true)
+					], 2),
+					__props.multiple && hasFiles.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["flex flex-col", stackClass.value])
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, index) => {
+						return openBlock(), createElementBlock("div", {
+							key: unref(fileKey)(file),
+							class: "flex items-center gap-2",
+							"data-gr-form-file-item": ""
+						}, [
+							unref(previewUrl)(file) ? (openBlock(), createElementBlock("img", {
+								key: 0,
+								"data-gr-form-file-preview": "",
+								src: unref(previewUrl)(file),
+								alt: "",
+								class: normalizeClass(previewClass.value)
+							}, null, 10, _hoisted_5)) : createCommentVNode("", true),
+							createElementVNode("span", {
+								class: normalizeClass(["text-[var(--gr-muted-fg)] truncate max-w-[240px]", textClass.value]),
+								title: file.name,
+								"data-gr-form-file-item-name": ""
+							}, toDisplayString(file.name), 11, _hoisted_6),
+							createElementVNode("span", {
+								class: normalizeClass(["text-[var(--gr-muted-fg)] shrink-0", removeTextClass.value]),
+								"data-gr-form-file-item-size": ""
+							}, toDisplayString(formatFileSize(file)), 3),
+							!unref(isReadonly) ? (openBlock(), createElementBlock("button", {
+								key: 1,
+								type: "button",
+								class: normalizeClass(["text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]", removeTextClass.value]),
+								"data-gr-form-file-item-remove": "",
+								disabled: unref(isDisabled),
+								"aria-label": unref(t)("gr.formFile.removeFile", "Remove {fileName}", { fileName: file.name }),
+								onClick: withModifiers(($event) => removeAt(index), ["prevent"])
+							}, toDisplayString(resolvedRemoveText.value), 11, _hoisted_7)) : createCommentVNode("", true)
+						]);
+					}), 128))], 2)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "error", { errors: displayedErrors.value }, () => [hasLocalErrors.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						id: unref(errorsId),
+						class: normalizeClass(["text-[var(--gr-danger-text)]", textClass.value]),
+						"data-gr-form-file-errors": "",
+						role: "alert"
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(displayedErrors.value, (e, i) => {
+						return openBlock(), createElementBlock("div", {
+							key: i,
+							"data-gr-form-file-error": ""
+						}, toDisplayString(issueMessage(e)), 1);
+					}), 128))], 10, _hoisted_8)) : createCommentVNode("", true)], true)
+				], 2)
+			], 34)), [[unref(vDropzone), dropzone.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-4755bba1"]]);
+//#endregion
+export { GrFormFile_default as t };

package/dist/components/GrFormFile/chunks/GrFormFile-BikSD7bg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrFormFile-BikSD7bg.js","names":[],"sources":["../../../../src/components/GrFormFile/GrFormFile.vue","../../../../src/components/GrFormFile/GrFormFile.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue'\n\nimport IconUpload from '~icons/lucide/upload'\nimport IconX from '~icons/lucide/x'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport {\n  type GrFormFileSize,\n  buttonSizes,\n  iconOffsets,\n  iconSizes,\n  previewBaseClass,\n  previewSizes,\n  removeTextSizes,\n  rowGaps,\n  stackGaps,\n  textSizes,\n} from './grFormFileStyles'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\nimport { useFilePreviews } from '../../composables/internal/useFilePreviews'\nimport { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, maxCountValidator, resolveFileValidationMessage, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport type GrFormFileError = FileValidationIssue\n\n/**\n * Пропы `GrFormFile` — форма-поле для выбора файлов с встроенной валидацией,\n * drag&drop (через `v-dropzone`) и списком выбранных файлов.\n *\n * Все `*Text`/`placeholder` — i18n-friendly, принимают готовые строки локали.\n */\nexport interface GrFormFileProps {\n  modelValue: File | File[] | null\n  multiple?: boolean\n  disabled?: boolean\n  /** Только для чтения: значение видно и уходит в форму, но не редактируется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Доступное имя вне `GrFormField`. */\n  ariaLabel?: string\n  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  /** Максимум файлов в наборе. Лишние не обрезаются молча — набор отбивается ошибкой. */\n  limit?: number\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Размер кнопок, иконок и подписей. */\n  size?: GrFormFileSize\n  /** Миниатюры для картинок в наборе. Файлы других типов остаются строкой. */\n  preview?: boolean\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n  /**\n   * Контролируемый список ошибок: `v-model:errors`. Задан — показывается он, и\n   * внутренняя валидация его не перетирает. Сюда же кладутся ошибки, пришедшие\n   * с сервера. Не задан — компонент держит свои ошибки сам.\n   */\n  errors?: GrFormFileError[]\n}\n\nexport interface GrFormFileEmits {\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  /** Результат валидации. Канал один: `validation` дублировал эту же нагрузку. */\n  (e: 'update:errors', errors: GrFormFileError[]): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    preview: false,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    ariaLabel: undefined,\n    accept: undefined,\n    limit: undefined,\n    uploadText: undefined,\n    changeText: undefined,\n    removeText: undefined,\n    clearAllText: undefined,\n    placeholder: undefined,\n    size: undefined,\n    validators: undefined,\n    validate: undefined,\n    errors: undefined,\n  },\n)\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrFormFile' })\n\nconst rowClass = computed(() => rowGaps[resolvedSize.value])\nconst stackClass = computed(() => stackGaps[resolvedSize.value])\nconst textClass = computed(() => textSizes[resolvedSize.value])\nconst removeTextClass = computed(() => removeTextSizes[resolvedSize.value])\nconst iconOffsetClass = computed(() => iconOffsets[resolvedSize.value])\nconst buttonSize = computed(() => buttonSizes[resolvedSize.value])\nconst iconSize = computed(() => iconSizes[resolvedSize.value])\nconst previewClass = computed(() => [previewSizes[resolvedSize.value], previewBaseClass])\n\nconst emit = defineEmits<GrFormFileEmits>()\ndefineSlots<{\n  /** Собственный вывод ошибок вместо списка по умолчанию. */\n  error?: (props: { errors: GrFormFileError[] }) => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`. Виджет здесь — кнопка выбора файла, а не нативный\n// `<input type=\"file\">`: он `aria-hidden` и вне таб-порядка, id на нём увёл бы\n// `<label for>` в невидимый элемент.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n  // `locked` — «ввод не принимается»: `disabled` или `readonly`. Набор в\n  // `readonly` виден и уходит в форму, но поменять его нельзя ни диалогом, ни\n  // перетаскиванием, ни удалением.\n  locked: isLocked,\n} = useGrFormControl(() => props)\nconst resolvedUploadText = computed(() => props.uploadText ?? t('gr.formFile.upload', 'Upload file'))\nconst resolvedChangeText = computed(() => props.changeText ?? t('gr.formFile.change', 'Change file'))\nconst resolvedRemoveText = computed(() => props.removeText ?? t('gr.formFile.remove', 'Remove'))\nconst resolvedClearAllText = computed(() => props.clearAllText ?? t('gr.formFile.clearAll', 'Clear all'))\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.formFile.placeholder', 'No files selected'))\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Внутри зоны фокус ходит между нативным input'ом и кнопками: без границы\n// каждое перемещение давало бы потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\nconst localErrors = ref<GrFormFileError[]>([])\nconst uploadBtnEl = ref<HTMLElement | null>(null)\n\n// Собственные ошибки компонент обязан и объявить (`role=\"alert\"`), и связать с\n// контролом: до этого «уронил файл не того типа» для скринридера выглядело как\n// «ничего не произошло». Ошибка поля из `GrFormField` при этом остаётся —\n// `aria-describedby` держит оба id.\nconst errorsId = useId()\n// Контролируемый список сильнее внутреннего — как `sortKey` у `GrDataTable`.\nconst displayedErrors = computed(() => props.errors ?? localErrors.value)\nconst hasLocalErrors = computed(() => displayedErrors.value.length > 0)\n\n/**\n * `aria-required` и `aria-readonly` роль `button` не поддерживает — axe роняет\n * это как critical `aria-allowed-attr`. Состояния уходят в описание кнопки:\n * иначе они пропали бы для диктора совсем (маркер `*` у `GrFormField`\n * декоративен и скрыт).\n */\nconst stateHintId = useId()\nconst stateHint = computed(() => [\n  isRequired.value ? t('gr.form.required', 'This field is required') : undefined,\n  isReadonly.value ? t('gr.form.readonly', 'Read only') : undefined,\n].filter(Boolean).join('. ') || undefined)\n\nconst describedByIds = computed(() => {\n  return [\n    field?.describedById.value,\n    hasLocalErrors.value ? errorsId : undefined,\n    stateHint.value ? stateHintId : undefined,\n  ]\n    .filter(Boolean)\n    .join(' ') || undefined\n})\n\nconst showsInvalid = computed(() => isInvalid.value || hasLocalErrors.value)\n\nfunction focus(): void {\n  uploadBtnEl.value?.focus()\n}\n\nfunction blur(): void {\n  uploadBtnEl.value?.blur()\n}\n\ndefineExpose({ focus, blur })\n\nconst files = computed<File[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  return props.modelValue instanceof File ? [props.modelValue] : []\n})\n\nconst hasFiles = computed(() => files.value.length > 0)\n\nconst { fileKey, previewUrl, revokePreview, revokeAllPreviews } = useFilePreviews({\n  enabled: () => props.preview,\n})\n\n/**\n * Отзыв `object URL` привязан к самому набору, а не к местам, где его меняют.\n * Файл уходит из набора десятком путей — кнопка строки, «очистить всё», новый\n * выбор, внешний сброс `v-model`, — и точечные вызовы разъехались бы с первой\n * же новой веткой; blob при этом висел бы в памяти вкладки до перезагрузки.\n */\nwatch(files, (next, prev) => {\n  for (const file of prev ?? []) {\n    if (!next.includes(file)) revokePreview(file)\n  }\n})\n\nonBeforeUnmount(revokeAllPreviews)\n\n/**\n * Один набор валидаторов на оба пути ввода. Собери его отдельно в `applyFiles`\n * и в `dropzone` — копии разъедутся при первой же правке, и выбор через диалог\n * начнёт вести себя иначе, чем перетаскивание.\n */\nconst effectiveValidators = computed<FileValidator[]>(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  return [\n    acceptValidator(props.accept),\n    maxCountValidator(props.limit),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n})\n\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (displayedErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (isLocked.value) return\n  inputRef.value?.click()\n}\n\nfunction emitModel(nextFiles: File[]) {\n  const value: File | File[] | null = props.multiple\n    ? nextFiles\n    : (nextFiles[0] ?? null)\n\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nasync function applyFiles(nextFiles: File[]) {\n  const isPromiseLike = (value: unknown): value is PromiseLike<any> => {\n    return !!value && typeof (value as any).then === 'function'\n  }\n\n  const res = runFileValidators(nextFiles, effectiveValidators.value, {\n    source: 'input',\n    multiple: props.multiple,\n  })\n\n  const { files: picked, issues } = isPromiseLike(res) ? await res : res\n\n  if (issues.length > 0) {\n    setErrors(issues)\n    clearInputValue()\n    await nextTick()\n    return\n  }\n\n  clearErrors()\n  emitModel(picked)\n  clearInputValue()\n  await nextTick()\n}\n\nasync function onInputChange(event: Event) {\n  if (isLocked.value) return\n\n  const target = event.target as HTMLInputElement | null\n  const nextFiles = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  // Reset value so selecting the same file twice triggers change.\n  if (target) target.value = ''\n  await nextTick()\n\n  await applyFiles(nextFiles)\n}\n\nfunction clearAll() {\n  if (isLocked.value) return\n  clearErrors()\n  clearInputValue()\n  emit('clear')\n\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('change', props.multiple ? [] : null)\n}\n\nfunction removeAt(index: number) {\n  if (isLocked.value) return\n  if (!props.multiple) {\n    clearAll()\n    return\n  }\n\n  const next = files.value.slice()\n  next.splice(index, 1)\n\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\n/** Размер файла в строке списка — как в `GrFileUpload`: без него список не отвечает «сколько». */\nfunction formatFileSize(file: File): string {\n  return `${Math.ceil(file.size / 1024)} KB`\n}\n\nfunction issueMessage(issue: GrFormFileError): string {\n  const text = resolveFileValidationMessage(issue, t)\n\n  // Префикс с именем файла нужен только тем сообщениям, которые сами его не\n  // называют, — то есть валидаторам потребителя. Встроенные передают `fileName`\n  // параметром и подставляют его в текст, и приписка давала бы «photo.png:\n  // Файл «photo.png» …». Признак — наличие параметра, а не поиск подстроки.\n  if (issue.fileName && issue.i18nParams?.fileName === undefined)\n    return `${issue.fileName}: ${text}`\n\n  return text\n}\n\nconst dropzone = computed(() => {\n  return {\n    enabled: !isLocked.value,\n    multiple: props.multiple,\n    validators: effectiveValidators.value,\n    onFiles: async (dropped: File[]) => {\n      // `v-dropzone` уже выполнил валидаторы и нормализацию по `multiple`.\n      clearErrors()\n      emitModel(dropped)\n      clearInputValue()\n      await nextTick()\n    },\n    onError: (error: unknown) => {\n      if (error instanceof FileValidationError) {\n        setErrors(error.issues)\n      }\n      else {\n        setErrors([\n          {\n            code: 'accept',\n            message: t('gr.formFile.validateError', 'Failed to validate dropped files'),\n          },\n        ])\n      }\n    },\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!inputRef.value) return\n\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      // Позволяет выбрать тот же файл снова после внешнего сброса.\n      inputRef.value.value = ''\n    }\n  },\n)\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-dropzone=\"dropzone\"\n    data-gr-form-file\n    class=\"rounded-[var(--gr-radius-md)]\"\n    :class=\"isDisabled ? 'cursor-not-allowed' : ''\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <span v-if=\"stateHint\" :id=\"stateHintId\" class=\"sr-only\">{{ stateHint }}</span>\n\n    <input\n      ref=\"inputRef\"\n      data-gr-form-file-input\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      class=\"absolute opacity-0 w-px h-px pointer-events-none\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      :disabled=\"isDisabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col\" :class=\"stackClass\">\n      <div class=\"flex flex-wrap items-center\" :class=\"rowClass\">\n        <GrButton\n          :id=\"fieldId\"\n          ref=\"uploadBtnEl\"\n          variant=\"secondary\"\n          :size=\"buttonSize\"\n          data-gr-form-file-upload-btn\n          :aria-describedby=\"describedByIds\"\n          :aria-invalid=\"showsInvalid ? 'true' : undefined\"\n          :aria-label=\"ariaLabel\"\n          :disabled=\"isDisabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon :size=\"iconSize\">\n            <IconUpload />\n          </GrIcon>\n          <span :class=\"iconOffsetClass\">{{ hasFiles ? resolvedChangeText : resolvedUploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple && !isReadonly\"\n          variant=\"secondary\"\n          :size=\"buttonSize\"\n          data-gr-form-file-clear-btn\n          :disabled=\"isDisabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon :size=\"iconSize\">\n            <IconX />\n          </GrIcon>\n          <span :class=\"iconOffsetClass\">{{ resolvedRemoveText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles && !isReadonly\"\n          variant=\"secondary\"\n          :size=\"buttonSize\"\n          data-gr-form-file-clear-all-btn\n          :disabled=\"isDisabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon :size=\"iconSize\">\n            <IconX />\n          </GrIcon>\n          <span :class=\"iconOffsetClass\">{{ resolvedClearAllText }}</span>\n        </GrButton>\n\n        <img\n          v-if=\"!multiple && hasFiles && previewUrl(files[0]!)\"\n          data-gr-form-file-preview\n          :src=\"previewUrl(files[0]!)\"\n          alt=\"\"\n          :class=\"previewClass\"\n        >\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-[var(--gr-muted-fg)] truncate max-w-[240px]\"\n          :class=\"textClass\"\n          data-gr-form-file-single-name\n          :title=\"files[0]?.name\"\n        >\n          {{ files[0]?.name }}\n        </span>\n\n        <span\n          v-if=\"!hasFiles\"\n          class=\"text-[var(--gr-muted-fg)]\"\n          :class=\"textClass\"\n          data-gr-form-file-placeholder\n        >\n          {{ resolvedPlaceholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col\" :class=\"stackClass\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"fileKey(file)\"\n          class=\"flex items-center gap-2\"\n          data-gr-form-file-item\n        >\n          <img\n            v-if=\"previewUrl(file)\"\n            data-gr-form-file-preview\n            :src=\"previewUrl(file)\"\n            alt=\"\"\n            :class=\"previewClass\"\n          >\n\n          <span\n            class=\"text-[var(--gr-muted-fg)] truncate max-w-[240px]\"\n            :class=\"textClass\"\n            :title=\"file.name\"\n            data-gr-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <span\n            class=\"text-[var(--gr-muted-fg)] shrink-0\"\n            :class=\"removeTextClass\"\n            data-gr-form-file-item-size\n          >{{ formatFileSize(file) }}</span>\n\n          <button\n            v-if=\"!isReadonly\"\n            type=\"button\"\n            class=\"text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n            :class=\"removeTextClass\"\n            data-gr-form-file-item-remove\n            :disabled=\"isDisabled\"\n            :aria-label=\"t('gr.formFile.removeFile', 'Remove {fileName}', { fileName: file.name })\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ resolvedRemoveText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"error\" :errors=\"displayedErrors\">\n        <div\n          v-if=\"hasLocalErrors\"\n          :id=\"errorsId\"\n          class=\"text-[var(--gr-danger-text)]\"\n          :class=\"textClass\"\n          data-gr-form-file-errors\n          role=\"alert\"\n        >\n          <div v-for=\"(e, i) in displayedErrors\" :key=\"i\" data-gr-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-gr-form-file].gr-dropzone--over {\n  outline: 2px solid var(--gr-ring);\n  outline-offset: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue'\n\nimport IconUpload from '~icons/lucide/upload'\nimport IconX from '~icons/lucide/x'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport {\n  type GrFormFileSize,\n  buttonSizes,\n  iconOffsets,\n  iconSizes,\n  previewBaseClass,\n  previewSizes,\n  removeTextSizes,\n  rowGaps,\n  stackGaps,\n  textSizes,\n} from './grFormFileStyles'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\nimport { useFilePreviews } from '../../composables/internal/useFilePreviews'\nimport { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, maxCountValidator, resolveFileValidationMessage, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport type GrFormFileError = FileValidationIssue\n\n/**\n * Пропы `GrFormFile` — форма-поле для выбора файлов с встроенной валидацией,\n * drag&drop (через `v-dropzone`) и списком выбранных файлов.\n *\n * Все `*Text`/`placeholder` — i18n-friendly, принимают готовые строки локали.\n */\nexport interface GrFormFileProps {\n  modelValue: File | File[] | null\n  multiple?: boolean\n  disabled?: boolean\n  /** Только для чтения: значение видно и уходит в форму, но не редактируется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Доступное имя вне `GrFormField`. */\n  ariaLabel?: string\n  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  /** Максимум файлов в наборе. Лишние не обрезаются молча — набор отбивается ошибкой. */\n  limit?: number\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Размер кнопок, иконок и подписей. */\n  size?: GrFormFileSize\n  /** Миниатюры для картинок в наборе. Файлы других типов остаются строкой. */\n  preview?: boolean\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n  /**\n   * Контролируемый список ошибок: `v-model:errors`. Задан — показывается он, и\n   * внутренняя валидация его не перетирает. Сюда же кладутся ошибки, пришедшие\n   * с сервера. Не задан — компонент держит свои ошибки сам.\n   */\n  errors?: GrFormFileError[]\n}\n\nexport interface GrFormFileEmits {\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  /** Результат валидации. Канал один: `validation` дублировал эту же нагрузку. */\n  (e: 'update:errors', errors: GrFormFileError[]): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    preview: false,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    ariaLabel: undefined,\n    accept: undefined,\n    limit: undefined,\n    uploadText: undefined,\n    changeText: undefined,\n    removeText: undefined,\n    clearAllText: undefined,\n    placeholder: undefined,\n    size: undefined,\n    validators: undefined,\n    validate: undefined,\n    errors: undefined,\n  },\n)\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrFormFile' })\n\nconst rowClass = computed(() => rowGaps[resolvedSize.value])\nconst stackClass = computed(() => stackGaps[resolvedSize.value])\nconst textClass = computed(() => textSizes[resolvedSize.value])\nconst removeTextClass = computed(() => removeTextSizes[resolvedSize.value])\nconst iconOffsetClass = computed(() => iconOffsets[resolvedSize.value])\nconst buttonSize = computed(() => buttonSizes[resolvedSize.value])\nconst iconSize = computed(() => iconSizes[resolvedSize.value])\nconst previewClass = computed(() => [previewSizes[resolvedSize.value], previewBaseClass])\n\nconst emit = defineEmits<GrFormFileEmits>()\ndefineSlots<{\n  /** Собственный вывод ошибок вместо списка по умолчанию. */\n  error?: (props: { errors: GrFormFileError[] }) => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`. Виджет здесь — кнопка выбора файла, а не нативный\n// `<input type=\"file\">`: он `aria-hidden` и вне таб-порядка, id на нём увёл бы\n// `<label for>` в невидимый элемент.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n  // `locked` — «ввод не принимается»: `disabled` или `readonly`. Набор в\n  // `readonly` виден и уходит в форму, но поменять его нельзя ни диалогом, ни\n  // перетаскиванием, ни удалением.\n  locked: isLocked,\n} = useGrFormControl(() => props)\nconst resolvedUploadText = computed(() => props.uploadText ?? t('gr.formFile.upload', 'Upload file'))\nconst resolvedChangeText = computed(() => props.changeText ?? t('gr.formFile.change', 'Change file'))\nconst resolvedRemoveText = computed(() => props.removeText ?? t('gr.formFile.remove', 'Remove'))\nconst resolvedClearAllText = computed(() => props.clearAllText ?? t('gr.formFile.clearAll', 'Clear all'))\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.formFile.placeholder', 'No files selected'))\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Внутри зоны фокус ходит между нативным input'ом и кнопками: без границы\n// каждое перемещение давало бы потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\nconst localErrors = ref<GrFormFileError[]>([])\nconst uploadBtnEl = ref<HTMLElement | null>(null)\n\n// Собственные ошибки компонент обязан и объявить (`role=\"alert\"`), и связать с\n// контролом: до этого «уронил файл не того типа» для скринридера выглядело как\n// «ничего не произошло». Ошибка поля из `GrFormField` при этом остаётся —\n// `aria-describedby` держит оба id.\nconst errorsId = useId()\n// Контролируемый список сильнее внутреннего — как `sortKey` у `GrDataTable`.\nconst displayedErrors = computed(() => props.errors ?? localErrors.value)\nconst hasLocalErrors = computed(() => displayedErrors.value.length > 0)\n\n/**\n * `aria-required` и `aria-readonly` роль `button` не поддерживает — axe роняет\n * это как critical `aria-allowed-attr`. Состояния уходят в описание кнопки:\n * иначе они пропали бы для диктора совсем (маркер `*` у `GrFormField`\n * декоративен и скрыт).\n */\nconst stateHintId = useId()\nconst stateHint = computed(() => [\n  isRequired.value ? t('gr.form.required', 'This field is required') : undefined,\n  isReadonly.value ? t('gr.form.readonly', 'Read only') : undefined,\n].filter(Boolean).join('. ') || undefined)\n\nconst describedByIds = computed(() => {\n  return [\n    field?.describedById.value,\n    hasLocalErrors.value ? errorsId : undefined,\n    stateHint.value ? stateHintId : undefined,\n  ]\n    .filter(Boolean)\n    .join(' ') || undefined\n})\n\nconst showsInvalid = computed(() => isInvalid.value || hasLocalErrors.value)\n\nfunction focus(): void {\n  uploadBtnEl.value?.focus()\n}\n\nfunction blur(): void {\n  uploadBtnEl.value?.blur()\n}\n\ndefineExpose({ focus, blur })\n\nconst files = computed<File[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  return props.modelValue instanceof File ? [props.modelValue] : []\n})\n\nconst hasFiles = computed(() => files.value.length > 0)\n\nconst { fileKey, previewUrl, revokePreview, revokeAllPreviews } = useFilePreviews({\n  enabled: () => props.preview,\n})\n\n/**\n * Отзыв `object URL` привязан к самому набору, а не к местам, где его меняют.\n * Файл уходит из набора десятком путей — кнопка строки, «очистить всё», новый\n * выбор, внешний сброс `v-model`, — и точечные вызовы разъехались бы с первой\n * же новой веткой; blob при этом висел бы в памяти вкладки до перезагрузки.\n */\nwatch(files, (next, prev) => {\n  for (const file of prev ?? []) {\n    if (!next.includes(file)) revokePreview(file)\n  }\n})\n\nonBeforeUnmount(revokeAllPreviews)\n\n/**\n * Один набор валидаторов на оба пути ввода. Собери его отдельно в `applyFiles`\n * и в `dropzone` — копии разъедутся при первой же правке, и выбор через диалог\n * начнёт вести себя иначе, чем перетаскивание.\n */\nconst effectiveValidators = computed<FileValidator[]>(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  return [\n    acceptValidator(props.accept),\n    maxCountValidator(props.limit),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n})\n\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (displayedErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (isLocked.value) return\n  inputRef.value?.click()\n}\n\nfunction emitModel(nextFiles: File[]) {\n  const value: File | File[] | null = props.multiple\n    ? nextFiles\n    : (nextFiles[0] ?? null)\n\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nasync function applyFiles(nextFiles: File[]) {\n  const isPromiseLike = (value: unknown): value is PromiseLike<any> => {\n    return !!value && typeof (value as any).then === 'function'\n  }\n\n  const res = runFileValidators(nextFiles, effectiveValidators.value, {\n    source: 'input',\n    multiple: props.multiple,\n  })\n\n  const { files: picked, issues } = isPromiseLike(res) ? await res : res\n\n  if (issues.length > 0) {\n    setErrors(issues)\n    clearInputValue()\n    await nextTick()\n    return\n  }\n\n  clearErrors()\n  emitModel(picked)\n  clearInputValue()\n  await nextTick()\n}\n\nasync function onInputChange(event: Event) {\n  if (isLocked.value) return\n\n  const target = event.target as HTMLInputElement | null\n  const nextFiles = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  // Reset value so selecting the same file twice triggers change.\n  if (target) target.value = ''\n  await nextTick()\n\n  await applyFiles(nextFiles)\n}\n\nfunction clearAll() {\n  if (isLocked.value) return\n  clearErrors()\n  clearInputValue()\n  emit('clear')\n\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('change', props.multiple ? [] : null)\n}\n\nfunction removeAt(index: number) {\n  if (isLocked.value) return\n  if (!props.multiple) {\n    clearAll()\n    return\n  }\n\n  const next = files.value.slice()\n  next.splice(index, 1)\n\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\n/** Размер файла в строке списка — как в `GrFileUpload`: без него список не отвечает «сколько». */\nfunction formatFileSize(file: File): string {\n  return `${Math.ceil(file.size / 1024)} KB`\n}\n\nfunction issueMessage(issue: GrFormFileError): string {\n  const text = resolveFileValidationMessage(issue, t)\n\n  // Префикс с именем файла нужен только тем сообщениям, которые сами его не\n  // называют, — то есть валидаторам потребителя. Встроенные передают `fileName`\n  // параметром и подставляют его в текст, и приписка давала бы «photo.png:\n  // Файл «photo.png» …». Признак — наличие параметра, а не поиск подстроки.\n  if (issue.fileName && issue.i18nParams?.fileName === undefined)\n    return `${issue.fileName}: ${text}`\n\n  return text\n}\n\nconst dropzone = computed(() => {\n  return {\n    enabled: !isLocked.value,\n    multiple: props.multiple,\n    validators: effectiveValidators.value,\n    onFiles: async (dropped: File[]) => {\n      // `v-dropzone` уже выполнил валидаторы и нормализацию по `multiple`.\n      clearErrors()\n      emitModel(dropped)\n      clearInputValue()\n      await nextTick()\n    },\n    onError: (error: unknown) => {\n      if (error instanceof FileValidationError) {\n        setErrors(error.issues)\n      }\n      else {\n        setErrors([\n          {\n            code: 'accept',\n            message: t('gr.formFile.validateError', 'Failed to validate dropped files'),\n          },\n        ])\n      }\n    },\n  }\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!inputRef.value) return\n\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      // Позволяет выбрать тот же файл снова после внешнего сброса.\n      inputRef.value.value = ''\n    }\n  },\n)\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-dropzone=\"dropzone\"\n    data-gr-form-file\n    class=\"rounded-[var(--gr-radius-md)]\"\n    :class=\"isDisabled ? 'cursor-not-allowed' : ''\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <span v-if=\"stateHint\" :id=\"stateHintId\" class=\"sr-only\">{{ stateHint }}</span>\n\n    <input\n      ref=\"inputRef\"\n      data-gr-form-file-input\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      class=\"absolute opacity-0 w-px h-px pointer-events-none\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      :disabled=\"isDisabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col\" :class=\"stackClass\">\n      <div class=\"flex flex-wrap items-center\" :class=\"rowClass\">\n        <GrButton\n          :id=\"fieldId\"\n          ref=\"uploadBtnEl\"\n          variant=\"secondary\"\n          :size=\"buttonSize\"\n          data-gr-form-file-upload-btn\n          :aria-describedby=\"describedByIds\"\n          :aria-invalid=\"showsInvalid ? 'true' : undefined\"\n          :aria-label=\"ariaLabel\"\n          :disabled=\"isDisabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon :size=\"iconSize\">\n            <IconUpload />\n          </GrIcon>\n          <span :class=\"iconOffsetClass\">{{ hasFiles ? resolvedChangeText : resolvedUploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple && !isReadonly\"\n          variant=\"secondary\"\n          :size=\"buttonSize\"\n          data-gr-form-file-clear-btn\n          :disabled=\"isDisabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon :size=\"iconSize\">\n            <IconX />\n          </GrIcon>\n          <span :class=\"iconOffsetClass\">{{ resolvedRemoveText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles && !isReadonly\"\n          variant=\"secondary\"\n          :size=\"buttonSize\"\n          data-gr-form-file-clear-all-btn\n          :disabled=\"isDisabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon :size=\"iconSize\">\n            <IconX />\n          </GrIcon>\n          <span :class=\"iconOffsetClass\">{{ resolvedClearAllText }}</span>\n        </GrButton>\n\n        <img\n          v-if=\"!multiple && hasFiles && previewUrl(files[0]!)\"\n          data-gr-form-file-preview\n          :src=\"previewUrl(files[0]!)\"\n          alt=\"\"\n          :class=\"previewClass\"\n        >\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-[var(--gr-muted-fg)] truncate max-w-[240px]\"\n          :class=\"textClass\"\n          data-gr-form-file-single-name\n          :title=\"files[0]?.name\"\n        >\n          {{ files[0]?.name }}\n        </span>\n\n        <span\n          v-if=\"!hasFiles\"\n          class=\"text-[var(--gr-muted-fg)]\"\n          :class=\"textClass\"\n          data-gr-form-file-placeholder\n        >\n          {{ resolvedPlaceholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col\" :class=\"stackClass\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"fileKey(file)\"\n          class=\"flex items-center gap-2\"\n          data-gr-form-file-item\n        >\n          <img\n            v-if=\"previewUrl(file)\"\n            data-gr-form-file-preview\n            :src=\"previewUrl(file)\"\n            alt=\"\"\n            :class=\"previewClass\"\n          >\n\n          <span\n            class=\"text-[var(--gr-muted-fg)] truncate max-w-[240px]\"\n            :class=\"textClass\"\n            :title=\"file.name\"\n            data-gr-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <span\n            class=\"text-[var(--gr-muted-fg)] shrink-0\"\n            :class=\"removeTextClass\"\n            data-gr-form-file-item-size\n          >{{ formatFileSize(file) }}</span>\n\n          <button\n            v-if=\"!isReadonly\"\n            type=\"button\"\n            class=\"text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n            :class=\"removeTextClass\"\n            data-gr-form-file-item-remove\n            :disabled=\"isDisabled\"\n            :aria-label=\"t('gr.formFile.removeFile', 'Remove {fileName}', { fileName: file.name })\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ resolvedRemoveText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"error\" :errors=\"displayedErrors\">\n        <div\n          v-if=\"hasLocalErrors\"\n          :id=\"errorsId\"\n          class=\"text-[var(--gr-danger-text)]\"\n          :class=\"textClass\"\n          data-gr-form-file-errors\n          role=\"alert\"\n        >\n          <div v-for=\"(e, i) in displayedErrors\" :key=\"i\" data-gr-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-gr-form-file].gr-dropzone--over {\n  outline: 2px solid var(--gr-ring);\n  outline-offset: 2px;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrFormFile/index.js

@@ -1,3 +1,3 @@
-import { t as GrFormFile_default } from "./chunks/GrFormFile-CqacSbUl.js";
-import { t as grFormFileConfig } from "../../chunks/config-D7GZO-Dx.js";
-export { GrFormFile_default as GrFormFile, GrFormFile_default as default, grFormFileConfig };
+import { t as GrFormFile_default } from "./chunks/GrFormFile-BikSD7bg.js";
+import { n as grFormFileSafelist, t as grFormFileConfig } from "../../chunks/config-COvrUfhR.js";
+export { GrFormFile_default as GrFormFile, GrFormFile_default as default, grFormFileConfig, grFormFileSafelist };

package/dist/components/GrFormFile/styles.css

@@ -0,0 +1 @@
+[data-gr-form-file].gr-dropzone--over[data-v-4755bba1]{outline:2px solid var(--gr-ring);outline-offset:2px}

package/dist/components/GrFormSection/chunks/GrFormSection-BEh5n4jF.js

@@ -0,0 +1,63 @@
+import { a as useGrComponentProp } from "../../../chunks/context-BSYR7RZs.js";
+import { a as formSectionDescriptionClass, c as formSectionTitleClass, i as formSectionActionsClass, o as formSectionHeaderClass, s as formSectionRootClass } from "../../../chunks/config-DhHbU3zO.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, withCtx } from "vue";
+//#region src/components/GrFormSection/GrFormSection.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-labelledby", "aria-describedby"];
+var _hoisted_2 = { class: "min-w-0" };
+var _hoisted_3 = ["id"];
+//#endregion
+//#region src/components/GrFormSection/GrFormSection.vue
+var GrFormSection_default = /* @__PURE__ */ defineComponent({
+	__name: "GrFormSection",
+	props: {
+		title: { default: void 0 },
+		description: { default: void 0 },
+		headingLevel: { default: void 0 },
+		landmark: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const titleId = useId();
+		const descriptionId = useId();
+		const headingLevel = useGrComponentProp("GrFormSection", "headingLevel", () => props.headingLevel, 3);
+		const headingTag = computed(() => `h${headingLevel.value}`);
+		const hasTitle = computed(() => Boolean(props.title || slots.title));
+		const hasDescription = computed(() => Boolean(props.description || slots.description));
+		const labelledBy = computed(() => props.landmark && hasTitle.value ? titleId : void 0);
+		const describedBy = computed(() => hasDescription.value ? descriptionId : void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", {
+				"data-gr-form-section": "",
+				class: normalizeClass(unref(formSectionRootClass)),
+				"aria-labelledby": labelledBy.value,
+				"aria-describedby": describedBy.value
+			}, [hasTitle.value || hasDescription.value || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(formSectionHeaderClass))
+			}, [createElementVNode("div", _hoisted_2, [hasTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(headingTag.value), {
+				key: 0,
+				id: unref(titleId),
+				"data-gr-form-section-title": "",
+				class: normalizeClass(unref(formSectionTitleClass))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]),
+				_: 3
+			}, 8, ["id", "class"])) : createCommentVNode("", true), hasDescription.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				id: unref(descriptionId),
+				"data-gr-form-section-description": "",
+				class: normalizeClass(unref(formSectionDescriptionClass))
+			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])], 10, _hoisted_3)) : createCommentVNode("", true)]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-gr-form-section-actions": "",
+				class: normalizeClass(unref(formSectionActionsClass))
+			}, [renderSlot(_ctx.$slots, "actions")], 2)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrFormSection_default as t };