@feugene/granularity 0.10.0 → 0.12.0

package/dist/components/GrDropdown/chunks/GrDropdown-BGKeEfZ1.js

@@ -1,105 +0,0 @@
-import { vClickOutside } from "../../../directives/clickOutside.js";
-import { t as useFloating } from "../../../chunks/useFloating-CLtbU7eD.js";
-import { n as grDropdownOriginClass, r as grDropdownWidthClass, t as grDropdownContentClass } from "../../../chunks/grDropdownStyles-Bqx9hOzU.js";
-import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, unref, vShow, watch, withCtx, withDirectives } from "vue";
-//#region src/components/GrDropdown/GrDropdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { "data-ds-dropdown": "" };
-//#endregion
-//#region src/components/GrDropdown/GrDropdown.vue
-var GrDropdown_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDropdown",
-	props: {
-		align: { default: "right" },
-		width: { default: "48" },
-		closeOnContentClick: {
-			type: Boolean,
-			default: true
-		},
-		contentClass: { default: "" },
-		teleportTo: { default: "body" }
-	},
-	setup(__props) {
-		const props = __props;
-		const open = ref(false);
-		const rootEl = ref(null);
-		const panelEl = ref(null);
-		const clickOutsideExclude = [() => panelEl.value];
-		const placementByAlign = {
-			left: "bottom-start",
-			right: "bottom-end",
-			center: "bottom"
-		};
-		const { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(rootEl, panelEl, open, {
-			placement: () => placementByAlign[props.align],
-			zIndexVar: "--gr-z-dropdown"
-		});
-		function toggle() {
-			open.value = !open.value;
-		}
-		function close() {
-			open.value = false;
-		}
-		function closeOnEscape(e) {
-			if (e.key === "Escape") close();
-		}
-		watch(open, (isOpen) => {
-			if (typeof document === "undefined") return;
-			document.removeEventListener("keydown", closeOnEscape);
-			if (isOpen) document.addEventListener("keydown", closeOnEscape);
-		}, { immediate: true });
-		watch(() => props.align, () => {
-			if (open.value) updateFloatingPosition();
-		});
-		onUnmounted(() => {
-			if (typeof document === "undefined") return;
-			document.removeEventListener("keydown", closeOnEscape);
-		});
-		const widthClass = computed(() => grDropdownWidthClass(props.width));
-		const contentClasses = computed(() => grDropdownContentClass(props.contentClass));
-		const panelClasses = computed(() => {
-			return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean);
-		});
-		function onContentClick() {
-			if (props.closeOnContentClick) close();
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [withDirectives((openBlock(), createElementBlock("div", {
-				ref_key: "rootEl",
-				ref: rootEl,
-				"data-ds-dropdown-trigger": "",
-				class: "inline-block max-w-full",
-				onClick: toggle
-			}, [renderSlot(_ctx.$slots, "trigger", {
-				open: open.value,
-				toggle,
-				close
-			})])), [[unref(vClickOutside), {
-				handler: close,
-				enabled: open.value,
-				exclude: clickOutsideExclude
-			}]]), (openBlock(), createBlock(Teleport, { to: __props.teleportTo }, [createVNode(Transition, {
-				"enter-active-class": "transition ease-out duration-150",
-				"enter-from-class": "transform opacity-0 scale-95",
-				"enter-to-class": "transform opacity-100 scale-100",
-				"leave-active-class": "transition ease-in duration-100",
-				"leave-from-class": "transform opacity-100 scale-100",
-				"leave-to-class": "transform opacity-0 scale-95"
-			}, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", {
-					ref_key: "panelEl",
-					ref: panelEl,
-					"data-ds-dropdown-panel": "",
-					class: normalizeClass(panelClasses.value),
-					style: normalizeStyle(unref(floatingStyle)),
-					onClick: onContentClick
-				}, [createElementVNode("div", {
-					"data-ds-dropdown-content": "",
-					class: normalizeClass(contentClasses.value)
-				}, [renderSlot(_ctx.$slots, "content", { close })], 2)], 6), [[vShow, open.value]])]),
-				_: 3
-			})], 8, ["to"]))]);
-		};
-	}
-});
-//#endregion
-export { GrDropdown_default as t };

package/dist/components/GrDropdown/chunks/GrDropdown-BGKeEfZ1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrDropdown-BGKeEfZ1.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') close()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-ds-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-ds-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-ds-dropdown-panel\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n        >\n          <div data-ds-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') close()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-ds-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-ds-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-ds-dropdown-panel\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n        >\n          <div data-ds-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAQd,MAAM,OAAO,IAAI,MAAK;EACtB,MAAM,SAAS,IAAwB,KAAI;EAC3C,MAAM,UAAU,IAAwB,KAAI;EAC5C,MAAM,sBAAsB,OAAO,QAAQ,MAAK;EAKhD,MAAM,mBAAsF;GAC1F,MAAM;GACN,OAAO;GACP,QAAQ;GACV;EAEA,MAAM,EAAE,eAAe,mBAAmB,QAAQ,2BAA2B,YAC3E,QACA,SACA,MACA;GACE,iBAAiB,iBAAiB,MAAM;GACxC,WAAW;GACZ,CACH;EAEA,SAAS,SAAe;AACtB,QAAK,QAAQ,CAAC,KAAK;;EAGrB,SAAS,QAAc;AACrB,QAAK,QAAQ;;EAGf,SAAS,cAAc,GAAwB;AAC7C,OAAI,EAAE,QAAQ,SAAU,QAAM;;AAGhC,QACE,OACC,WAAW;AACV,OAAI,OAAO,aAAa,YAAa;AAErC,YAAS,oBAAoB,WAAW,cAAa;AACrD,OAAI,OAAQ,UAAS,iBAAiB,WAAW,cAAa;KAEhE,EAAE,WAAW,MAAM,CACrB;AAEA,cACQ,MAAM,aACN;AACJ,OAAI,KAAK,MAAO,yBAAuB;IAE3C;AAEA,oBAAkB;AAChB,OAAI,OAAO,aAAa,YAAa;AACrC,YAAS,oBAAoB,WAAW,cAAa;IACtD;EAED,MAAM,aAAa,eAAe,qBAAqB,MAAM,MAAM,CAAA;EAEnE,MAAM,iBAAiB,eAAe,uBAAuB,MAAM,aAAa,CAAA;EAEhF,MAAM,eAAe,eAAe;AAClC,UAAO,CAAC,WAAW,OAAO,sBAAsB,kBAAkB,MAAM,CAAC,CAAC,OAAO,QAAO;IACzF;EAED,SAAS,iBAAuB;AAC9B,OAAI,MAAM,oBACR,QAAM;;;uBAMR,mBAkCM,OAlCN,YAkCM,CAAA,gBAAA,WAAA,EAjCJ,mBAQM,OAAA;aAPA;IAAJ,KAAI;IAEJ,4BAAA;IACA,OAAM;IACL,SAAO;OAER,WAAoE,KAAA,QAAA,WAAA;IAA9C,MAAM,KAAA;IAAe;IAAgB;;aAL/B;IAAK,SAAW,KAAA;IAAI,SAAW;IAAmB,CAAA,CAAA,CAAA,GAAA,WAAA,EAQhF,YAsBW,UAAA,EAtBA,IAAI,QAAA,YAAU,EAAA,CACvB,YAoBa,YAAA;IAnBX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;2BAaT,CAAA,eAXN,mBAWM,OAAA;cATA;KAAJ,KAAI;KACJ,0BAAA;KACC,OAAK,eAAE,aAAA,MAAY;KACnB,OAAK,eAAE,MAAA,cAAa,CAAA;KACpB,SAAO;QAER,mBAEM,OAAA;KAFD,4BAAA;KAA0B,OAAK,eAAE,eAAA,MAAc;QAClD,WAAsC,KAAA,QAAA,WAAA,EAAT,OAAK,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,OAR5B,KAAA,MAAI,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrFileUpload/chunks/GrFileUpload-CBKK3dgC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrFileUpload-CBKK3dgC.js","names":["$slots"],"sources":["../../../../src/components/GrFileUpload/uploadViaXhr.ts","../../../../src/components/GrFileUpload/uploadState.ts","../../../../src/components/GrFileUpload/GrFileUpload.vue","../../../../src/components/GrFileUpload/GrFileUpload.vue"],"sourcesContent":["/**\n * Загрузка файлов через `XMLHttpRequest` с поддержкой прогресса аплоада и\n * отмены по `AbortSignal`. Используется в `GrFileUpload` для ветки `action`,\n * а также может применяться пользователем напрямую в `request`-загрузчике.\n */\n\nexport type GrUploadExtraDataValue = string | Blob\n\nexport type GrUploadExtraData = Record<string, GrUploadExtraDataValue | GrUploadExtraDataValue[]>\n\nexport interface GrUploadProgressInfo {\n  /** Процент `0..100`. Для запросов без `lengthComputable` значение `0` и `indeterminate = true`. */\n  percent: number\n  loaded: number\n  total: number\n  indeterminate: boolean\n}\n\nexport interface UploadViaXhrOptions {\n  url: string\n  files: File[]\n  name: string\n  headers?: Record<string, string>\n  withCredentials?: boolean\n  extraData?: GrUploadExtraData\n  signal: AbortSignal\n  onProgress?: (info: GrUploadProgressInfo) => void\n}\n\nexport class GrUploadAbortError extends Error {\n  constructor(message = 'Upload aborted') {\n    super(message)\n    this.name = 'GrUploadAbortError'\n  }\n}\n\nexport class GrUploadHttpError extends Error {\n  status: number\n  payload: unknown\n\n  constructor(status: number, payload: unknown) {\n    super(`Upload failed with status ${status}`)\n    this.name = 'GrUploadHttpError'\n    this.status = status\n    this.payload = payload\n  }\n}\n\nfunction appendExtraFormData(body: FormData, extraData: GrUploadExtraData | undefined) {\n  if (!extraData) return\n\n  for (const [key, value] of Object.entries(extraData)) {\n    if (Array.isArray(value)) {\n      for (const entry of value) body.append(key, entry)\n      continue\n    }\n\n    body.append(key, value)\n  }\n}\n\nfunction parseResponse(xhr: XMLHttpRequest): unknown {\n  const contentType = xhr.getResponseHeader('content-type') ?? ''\n  const raw = xhr.responseText\n\n  if (contentType.includes('application/json')) {\n    try {\n      return JSON.parse(raw)\n    } catch {\n      return raw\n    }\n  }\n\n  return raw\n}\n\nexport function uploadViaXhr(options: UploadViaXhrOptions): Promise<unknown> {\n  const { url, files, name, headers, withCredentials, extraData, signal, onProgress } = options\n\n  return new Promise<unknown>((resolve, reject) => {\n    if (signal.aborted) {\n      reject(new GrUploadAbortError())\n      return\n    }\n\n    const body = new FormData()\n    for (const file of files) body.append(name, file)\n    appendExtraFormData(body, extraData)\n\n    const xhr = new XMLHttpRequest()\n    xhr.open('POST', url, true)\n    xhr.withCredentials = !!withCredentials\n\n    if (headers) {\n      for (const [key, value] of Object.entries(headers))\n        xhr.setRequestHeader(key, value)\n    }\n\n    const onAbort = () => {\n      try {\n        xhr.abort()\n      } catch {\n        /* ignore */\n      }\n    }\n\n    signal.addEventListener('abort', onAbort)\n\n    const cleanup = () => {\n      signal.removeEventListener('abort', onAbort)\n    }\n\n    if (onProgress) {\n      xhr.upload.addEventListener('progress', (event) => {\n        const indeterminate = !event.lengthComputable\n        const total = indeterminate ? 0 : event.total\n        const loaded = indeterminate ? 0 : event.loaded\n        const percent = indeterminate || total === 0 ? 0 : Math.min(100, (loaded / total) * 100)\n        onProgress({ percent, loaded, total, indeterminate })\n      })\n    }\n\n    xhr.addEventListener('load', () => {\n      cleanup()\n      const payload = parseResponse(xhr)\n      const status = xhr.status\n\n      if (status >= 200 && status < 300) {\n        if (onProgress) onProgress({ percent: 100, loaded: 1, total: 1, indeterminate: false })\n        resolve(payload)\n        return\n      }\n\n      reject(new GrUploadHttpError(status, payload))\n    })\n\n    xhr.addEventListener('error', () => {\n      cleanup()\n      reject(new Error('Network error during upload'))\n    })\n\n    xhr.addEventListener('abort', () => {\n      cleanup()\n      reject(new GrUploadAbortError())\n    })\n\n    xhr.send(body)\n  })\n}\n","/**\n * Состояние процесса загрузки в `GrFileUpload`.\n *\n * Используется как для внутреннего управления UI, так и пробрасывается наружу\n * через scoped-слоты (`progress`, `default`) и `defineExpose`.\n */\n\nexport type GrUploadPhase = 'idle' | 'uploading' | 'success' | 'error'\n\nexport interface GrUploadStateIdle {\n  phase: 'idle'\n  percent: 0\n  indeterminate: false\n  loaded: 0\n  total: 0\n}\n\nexport interface GrUploadStateUploading {\n  phase: 'uploading'\n  percent: number\n  indeterminate: boolean\n  loaded: number\n  total: number\n}\n\nexport interface GrUploadStateSuccess {\n  phase: 'success'\n  percent: 100\n  indeterminate: false\n  loaded: number\n  total: number\n}\n\nexport interface GrUploadStateError {\n  phase: 'error'\n  percent: number\n  indeterminate: false\n  loaded: number\n  total: number\n  error: unknown\n}\n\nexport type GrUploadState =\n  | GrUploadStateIdle\n  | GrUploadStateUploading\n  | GrUploadStateSuccess\n  | GrUploadStateError\n\nexport const GR_UPLOAD_STATE_IDLE: GrUploadStateIdle = Object.freeze({\n  phase: 'idle',\n  percent: 0,\n  indeterminate: false,\n  loaded: 0,\n  total: 0,\n})\n","<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, nextTick, reactive, ref, Text, useSlots, type VNode } from 'vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport GrProgressBar from '../GrProgressBar/GrProgressBar.vue'\nimport type { GrProgressBarTone } from '../GrProgressBar/grStyle'\nimport type { FileValidator, FileValidatorSource } from '../../fileValidation'\nimport type { GrUploadProgressInfo } from './uploadViaXhr'\nimport type { GrUploadState } from './uploadState'\n\nimport { FileValidationError, runFileValidators } from '../../fileValidation'\nimport { GrUploadAbortError, uploadViaXhr } from './uploadViaXhr'\nimport { GR_UPLOAD_STATE_IDLE } from './uploadState'\n\nexport type GrFileUploadExtraDataValue = string | Blob\n\nexport type GrFileUploadExtraData = Record<string, GrFileUploadExtraDataValue | GrFileUploadExtraDataValue[]>\n\nexport type GrFileUploadRequestCtx = {\n  signal: AbortSignal\n  extraData?: GrFileUploadExtraData\n  /**\n   * Колбэк прогресса аплоада. Пользовательский `request` (например, axios)\n   * должен вызывать его из `onUploadProgress`, чтобы `GrFileUpload` отображал\n   * прогресс через слот `progress` / дефолтный `GrProgressBar`.\n   */\n  onProgress?: (info: GrUploadProgressInfo) => void\n}\n\nexport type GrFileUploadRequest = (files: File[], ctx: GrFileUploadRequestCtx) => Promise<any>\n\n/**\n * Пропы `GrFileUpload`.\n *\n * Либо `action` (URL для POST multipart/form-data), либо `request` — кастомный\n * загрузчик (например, через axios). Если переданы оба — приоритет у `request`.\n *\n * `placeholder` — надпись в дефолтном UI-варианте (без слота default).\n */\nexport interface GrFileUploadProps {\n  action?: string\n  request?: GrFileUploadRequest\n  name?: string\n  multiple?: boolean\n  limit?: number\n  onExceed?: (files: File[], limit: number) => void\n  beforeUpload?: (file: File) => boolean | Promise<unknown>\n  validators?: FileValidator[]\n  disabled?: boolean\n  headers?: Record<string, string>\n  withCredentials?: boolean\n  showFileList?: boolean\n  uploadExtraData?: (files: File[]) => GrFileUploadExtraData | undefined\n  /** i18n: надпись-подсказка в дефолтном UI. */\n  placeholder?: string\n  /** Показывать дефолтный прогресс-бар (если не используется слот `progress`). */\n  showProgress?: boolean\n  /** Цветовой тон полосы прогресса в фазе `uploading`. */\n  progressTone?: GrProgressBarTone\n  /** aria-label для прогресс-бара. */\n  progressLabel?: string\n  /** Через сколько мс после `success` скрыть прогресс-бар. `0` — не скрывать. */\n  hideProgressOnSuccess?: number\n}\n\nconst props = withDefaults(\n  defineProps<GrFileUploadProps>(),\n  {\n    action: undefined,\n    request: undefined,\n    name: 'file',\n    multiple: false,\n    limit: undefined,\n    onExceed: undefined,\n    beforeUpload: undefined,\n    validators: undefined,\n    disabled: false,\n    headers: undefined,\n    withCredentials: false,\n    showFileList: false,\n    uploadExtraData: undefined,\n    placeholder: 'Drag files here or click to select',\n    showProgress: true,\n    progressTone: 'primary',\n    progressLabel: 'Upload progress',\n    hideProgressOnSuccess: 800,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'success', payload: any): void\n  (e: 'error', error: unknown): void\n  (e: 'progress', percent: number, info?: GrUploadProgressInfo): void\n  (e: 'change', files: File[]): void\n  (e: 'stateChange', state: GrUploadState): void\n}>()\n\nconst slots = useSlots()\n\nfunction 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\nfunction isWhitespaceTextNode(node: VNode): boolean {\n  if (node.type !== Text) return false\n  return typeof node.children === 'string' && node.children.trim().length === 0\n}\n\nfunction slotIsTextOnly(nodes: VNode[]): boolean {\n  const flat = flattenSlotNodes(nodes)\n  const meaningful = flat.filter(node => node.type !== Comment && !isWhitespaceTextNode(node))\n\n  if (meaningful.length === 0) return true\n\n  for (const node of meaningful) {\n    if (node.type !== Text) return false\n  }\n\n  return true\n}\n\nconst defaultSlotNodes = computed(() => {\n  return slots.default ? flattenSlotNodes(slots.default({} as any)) : []\n})\n\nconst hasCustomUi = computed(() => {\n  return !!slots.default && !slotIsTextOnly(defaultSlotNodes.value)\n})\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst isOver = ref(false)\nlet overCounter = 0\n\nconst lastFiles = ref<File[]>([])\n\nconst state = reactive<GrUploadState>({ ...GR_UPLOAD_STATE_IDLE }) as GrUploadState\n\nlet activeController: AbortController | null = null\nlet hideSuccessTimer: ReturnType<typeof setTimeout> | null = null\n\nfunction clearHideSuccessTimer() {\n  if (hideSuccessTimer !== null) {\n    clearTimeout(hideSuccessTimer)\n    hideSuccessTimer = null\n  }\n}\n\nfunction assignState(next: GrUploadState) {\n  // мутируем через Object.assign, чтобы сохранить reactive ссылку\n  for (const key of Object.keys(state) as (keyof GrUploadState)[])\n    delete (state as any)[key]\n  Object.assign(state, next)\n  emit('stateChange', state as GrUploadState)\n}\n\nfunction setStateIdle() {\n  assignState({ ...GR_UPLOAD_STATE_IDLE })\n}\n\nfunction setStateUploading(info?: GrUploadProgressInfo) {\n  assignState({\n    phase: 'uploading',\n    percent: info?.percent ?? 0,\n    indeterminate: info?.indeterminate ?? true,\n    loaded: info?.loaded ?? 0,\n    total: info?.total ?? 0,\n  })\n}\n\nfunction setStateSuccess(info: { loaded: number, total: number }) {\n  assignState({\n    phase: 'success',\n    percent: 100,\n    indeterminate: false,\n    loaded: info.loaded,\n    total: info.total,\n  })\n}\n\nfunction setStateError(error: unknown) {\n  const prev = state\n  assignState({\n    phase: 'error',\n    percent: prev.phase === 'uploading' ? prev.percent : 0,\n    indeterminate: false,\n    loaded: prev.phase === 'uploading' ? prev.loaded : 0,\n    total: prev.phase === 'uploading' ? prev.total : 0,\n    error,\n  })\n}\n\nfunction handleProgress(info: GrUploadProgressInfo) {\n  if (state.phase !== 'uploading') return\n  assignState({\n    phase: 'uploading',\n    percent: info.percent,\n    indeterminate: info.indeterminate,\n    loaded: info.loaded,\n    total: info.total,\n  })\n  emit('progress', info.percent, info)\n}\n\nconst tabIndex = computed(() => (props.disabled ? -1 : 0))\n\nconst hiddenInputStyle = {\n  position: 'fixed',\n  top: '-9999px',\n  left: '-9999px',\n  width: '1px',\n  height: '1px',\n  opacity: '0',\n  overflow: 'hidden',\n  pointerEvents: 'none',\n} as const satisfies Record<string, string>\n\nfunction setOver(next: boolean) {\n  if (isOver.value === next) return\n  isOver.value = next\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction abort() {\n  activeController?.abort()\n  activeController = null\n}\n\nfunction normalizeLimit(limit: number | undefined): number | undefined {\n  if (typeof limit !== 'number') return undefined\n  if (!Number.isFinite(limit)) return undefined\n  if (limit <= 0) return undefined\n  return Math.floor(limit)\n}\n\n\nasync function uploadViaAction(files: File[], signal: AbortSignal, extraData: GrFileUploadExtraData | undefined) {\n  if (!props.action) throw new Error('GrFileUpload: either `action` or `request` must be provided')\n\n  return uploadViaXhr({\n    url: props.action,\n    files,\n    name: props.name,\n    headers: props.headers,\n    withCredentials: props.withCredentials,\n    extraData,\n    signal,\n    onProgress: handleProgress,\n  })\n}\n\nasync function runBeforeUpload(files: File[]): Promise<'ok' | { aborted: true; reason: unknown }> {\n  if (!props.beforeUpload) return 'ok'\n\n  for (const file of files) {\n    try {\n      const result = props.beforeUpload(file)\n\n      if (result === false) {\n        return { aborted: true, reason: new Error('Upload aborted by beforeUpload') }\n      }\n\n      if (result && typeof (result as any).then === 'function')\n        await result\n    } catch (error) {\n      return { aborted: true, reason: error }\n    }\n  }\n\n  return 'ok'\n}\n\nasync function handleFiles(files: File[], source: FileValidatorSource = 'input') {\n  if (props.disabled) return\n  if (!files.length) return\n\n  const normalizedLimit = normalizeLimit(props.limit)\n  if (props.multiple && normalizedLimit && files.length > normalizedLimit) {\n    props.onExceed?.(files, normalizedLimit)\n    emit('error', new Error(`Too many files selected, limit=${normalizedLimit}`))\n    return\n  }\n\n  const { files: valid, issues } = await runFileValidators(files, props.validators ?? [], {\n    source,\n    multiple: props.multiple,\n  })\n\n  if (issues.length > 0) {\n    emit('error', new FileValidationError(issues, valid))\n    return\n  }\n\n  if (!valid.length) return\n\n  lastFiles.value = valid\n\n  const before = await runBeforeUpload(valid)\n  if (before !== 'ok') {\n    emit('error', before.reason)\n    return\n  }\n\n  let extraData: GrFileUploadExtraData | undefined\n  try {\n    extraData = props.uploadExtraData?.(valid)\n  } catch (error) {\n    emit('error', error)\n    return\n  }\n\n  abort()\n  clearHideSuccessTimer()\n\n  const controller = new AbortController()\n  activeController = controller\n\n  setStateUploading()\n  emit('progress', 0, { percent: 0, loaded: 0, total: 0, indeterminate: true })\n\n  try {\n    const payload = props.request\n      ? await props.request(valid, { signal: controller.signal, extraData, onProgress: handleProgress })\n      : await uploadViaAction(valid, controller.signal, extraData)\n\n    const finalLoaded = state.phase === 'uploading' ? state.total || state.loaded : 0\n    setStateSuccess({ loaded: finalLoaded, total: finalLoaded })\n    emit('success', payload)\n    emit('change', valid)\n    emit('progress', 100, { percent: 100, loaded: finalLoaded, total: finalLoaded, indeterminate: false })\n\n    if (props.hideProgressOnSuccess && props.hideProgressOnSuccess > 0) {\n      hideSuccessTimer = setTimeout(() => {\n        if (state.phase === 'success') setStateIdle()\n        hideSuccessTimer = null\n      }, props.hideProgressOnSuccess)\n    }\n  } catch (error) {\n    if (error instanceof GrUploadAbortError) {\n      setStateIdle()\n    } else {\n      setStateError(error)\n    }\n    emit('error', error)\n  } finally {\n    if (activeController === controller) activeController = null\n  }\n}\n\nfunction onDragEnter(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter += 1\n  setOver(true)\n}\n\nfunction onDragOver(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy'\n}\n\nfunction onDragLeave(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = Math.max(0, overCounter - 1)\n  if (overCounter === 0) setOver(false)\n}\n\nfunction onDrop(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = 0\n  setOver(false)\n\n  const files = event.dataTransfer?.files ? Array.prototype.slice.call(event.dataTransfer.files) as File[] : []\n  void handleFiles(files, 'drop')\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const files = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  if (target) target.value = ''\n\n  await nextTick()\n  await handleFiles(files, 'input')\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    openDialog()\n  }\n}\n\nfunction onRootClick() {\n  if (hasCustomUi.value) return\n  openDialog()\n}\n\nfunction onRootKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  onKeydown(event)\n}\n\nconst effectiveProgressTone = computed<GrProgressBarTone>(() => {\n  if (state.phase === 'error') return 'danger'\n  if (state.phase === 'success') return 'success'\n  return props.progressTone\n})\n\nconst progressVisible = computed(() => state.phase !== 'idle')\nconst progressPercent = computed(() => (state.phase === 'uploading' && state.indeterminate ? 0 : state.percent))\nconst progressText = computed(() => {\n  if (state.phase === 'uploading' && state.indeterminate) return ''\n  return `${Math.round(progressPercent.value)}%`\n})\n\ndefineExpose({\n  uploadFiles: handleFiles,\n  abort,\n  openDialog,\n  state,\n})\n</script>\n\n<template>\n  <div\n    data-ds-file-upload\n    :role=\"hasCustomUi ? undefined : 'button'\"\n    :tabindex=\"hasCustomUi ? undefined : tabIndex\"\n    :aria-disabled=\"hasCustomUi ? undefined : disabled ? 'true' : 'false'\"\n    :class=\"\n      hasCustomUi\n        ? 'inline-block'\n        : [\n            'relative w-full rounded-[var(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--muted)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]',\n            isOver && !disabled ? 'border-[var(--ring)] bg-[var(--muted)]' : '',\n          ]\n    \"\n    @click=\"onRootClick\"\n    @keydown=\"onRootKeydown\"\n    @dragenter=\"onDragEnter\"\n    @dragover=\"onDragOver\"\n    @dragleave=\"onDragLeave\"\n    @drop=\"onDrop\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-file-upload-input\n      :style=\"hiddenInputStyle\"\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :name=\"name\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <slot\n      v-if=\"hasCustomUi\"\n      :open-dialog=\"openDialog\"\n      :abort=\"abort\"\n      :disabled=\"disabled\"\n      :files=\"lastFiles\"\n      :is-over=\"isOver\"\n      :state=\"state\"\n    />\n\n    <div v-else class=\"flex items-start gap-4\">\n      <div\n        data-ds-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-ds-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ placeholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-ds-file-upload-tip class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-ds-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-ds-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--muted-fg)]\"> · {{ Math.ceil(file.size / 1024) }} KB</span>\n          </li>\n        </ul>\n\n        <slot\n          v-if=\"showProgress || $slots.progress\"\n          name=\"progress\"\n          :state=\"state\"\n          :percent=\"state.percent\"\n          :indeterminate=\"state.phase === 'uploading' && state.indeterminate\"\n          :phase=\"state.phase\"\n          :files=\"lastFiles\"\n          :abort=\"abort\"\n        >\n          <div\n            v-if=\"showProgress\"\n            data-ds-file-upload-progress\n            class=\"mt-3 transition-opacity duration-150\"\n            :class=\"progressVisible ? 'opacity-100' : 'opacity-0 pointer-events-none'\"\n            :aria-hidden=\"!progressVisible\"\n          >\n            <div class=\"flex items-center gap-2\">\n              <GrProgressBar\n                :value=\"progressPercent\"\n                :tone=\"effectiveProgressTone\"\n                :aria-label=\"progressLabel\"\n              />\n              <span\n                data-ds-file-upload-progress-text\n                class=\"text-[12px] text-[var(--muted-fg)] tabular-nums min-w-[3ch] text-right\"\n              >{{ progressText }}</span>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, nextTick, reactive, ref, Text, useSlots, type VNode } from 'vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport GrProgressBar from '../GrProgressBar/GrProgressBar.vue'\nimport type { GrProgressBarTone } from '../GrProgressBar/grStyle'\nimport type { FileValidator, FileValidatorSource } from '../../fileValidation'\nimport type { GrUploadProgressInfo } from './uploadViaXhr'\nimport type { GrUploadState } from './uploadState'\n\nimport { FileValidationError, runFileValidators } from '../../fileValidation'\nimport { GrUploadAbortError, uploadViaXhr } from './uploadViaXhr'\nimport { GR_UPLOAD_STATE_IDLE } from './uploadState'\n\nexport type GrFileUploadExtraDataValue = string | Blob\n\nexport type GrFileUploadExtraData = Record<string, GrFileUploadExtraDataValue | GrFileUploadExtraDataValue[]>\n\nexport type GrFileUploadRequestCtx = {\n  signal: AbortSignal\n  extraData?: GrFileUploadExtraData\n  /**\n   * Колбэк прогресса аплоада. Пользовательский `request` (например, axios)\n   * должен вызывать его из `onUploadProgress`, чтобы `GrFileUpload` отображал\n   * прогресс через слот `progress` / дефолтный `GrProgressBar`.\n   */\n  onProgress?: (info: GrUploadProgressInfo) => void\n}\n\nexport type GrFileUploadRequest = (files: File[], ctx: GrFileUploadRequestCtx) => Promise<any>\n\n/**\n * Пропы `GrFileUpload`.\n *\n * Либо `action` (URL для POST multipart/form-data), либо `request` — кастомный\n * загрузчик (например, через axios). Если переданы оба — приоритет у `request`.\n *\n * `placeholder` — надпись в дефолтном UI-варианте (без слота default).\n */\nexport interface GrFileUploadProps {\n  action?: string\n  request?: GrFileUploadRequest\n  name?: string\n  multiple?: boolean\n  limit?: number\n  onExceed?: (files: File[], limit: number) => void\n  beforeUpload?: (file: File) => boolean | Promise<unknown>\n  validators?: FileValidator[]\n  disabled?: boolean\n  headers?: Record<string, string>\n  withCredentials?: boolean\n  showFileList?: boolean\n  uploadExtraData?: (files: File[]) => GrFileUploadExtraData | undefined\n  /** i18n: надпись-подсказка в дефолтном UI. */\n  placeholder?: string\n  /** Показывать дефолтный прогресс-бар (если не используется слот `progress`). */\n  showProgress?: boolean\n  /** Цветовой тон полосы прогресса в фазе `uploading`. */\n  progressTone?: GrProgressBarTone\n  /** aria-label для прогресс-бара. */\n  progressLabel?: string\n  /** Через сколько мс после `success` скрыть прогресс-бар. `0` — не скрывать. */\n  hideProgressOnSuccess?: number\n}\n\nconst props = withDefaults(\n  defineProps<GrFileUploadProps>(),\n  {\n    action: undefined,\n    request: undefined,\n    name: 'file',\n    multiple: false,\n    limit: undefined,\n    onExceed: undefined,\n    beforeUpload: undefined,\n    validators: undefined,\n    disabled: false,\n    headers: undefined,\n    withCredentials: false,\n    showFileList: false,\n    uploadExtraData: undefined,\n    placeholder: 'Drag files here or click to select',\n    showProgress: true,\n    progressTone: 'primary',\n    progressLabel: 'Upload progress',\n    hideProgressOnSuccess: 800,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'success', payload: any): void\n  (e: 'error', error: unknown): void\n  (e: 'progress', percent: number, info?: GrUploadProgressInfo): void\n  (e: 'change', files: File[]): void\n  (e: 'stateChange', state: GrUploadState): void\n}>()\n\nconst slots = useSlots()\n\nfunction 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\nfunction isWhitespaceTextNode(node: VNode): boolean {\n  if (node.type !== Text) return false\n  return typeof node.children === 'string' && node.children.trim().length === 0\n}\n\nfunction slotIsTextOnly(nodes: VNode[]): boolean {\n  const flat = flattenSlotNodes(nodes)\n  const meaningful = flat.filter(node => node.type !== Comment && !isWhitespaceTextNode(node))\n\n  if (meaningful.length === 0) return true\n\n  for (const node of meaningful) {\n    if (node.type !== Text) return false\n  }\n\n  return true\n}\n\nconst defaultSlotNodes = computed(() => {\n  return slots.default ? flattenSlotNodes(slots.default({} as any)) : []\n})\n\nconst hasCustomUi = computed(() => {\n  return !!slots.default && !slotIsTextOnly(defaultSlotNodes.value)\n})\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst isOver = ref(false)\nlet overCounter = 0\n\nconst lastFiles = ref<File[]>([])\n\nconst state = reactive<GrUploadState>({ ...GR_UPLOAD_STATE_IDLE }) as GrUploadState\n\nlet activeController: AbortController | null = null\nlet hideSuccessTimer: ReturnType<typeof setTimeout> | null = null\n\nfunction clearHideSuccessTimer() {\n  if (hideSuccessTimer !== null) {\n    clearTimeout(hideSuccessTimer)\n    hideSuccessTimer = null\n  }\n}\n\nfunction assignState(next: GrUploadState) {\n  // мутируем через Object.assign, чтобы сохранить reactive ссылку\n  for (const key of Object.keys(state) as (keyof GrUploadState)[])\n    delete (state as any)[key]\n  Object.assign(state, next)\n  emit('stateChange', state as GrUploadState)\n}\n\nfunction setStateIdle() {\n  assignState({ ...GR_UPLOAD_STATE_IDLE })\n}\n\nfunction setStateUploading(info?: GrUploadProgressInfo) {\n  assignState({\n    phase: 'uploading',\n    percent: info?.percent ?? 0,\n    indeterminate: info?.indeterminate ?? true,\n    loaded: info?.loaded ?? 0,\n    total: info?.total ?? 0,\n  })\n}\n\nfunction setStateSuccess(info: { loaded: number, total: number }) {\n  assignState({\n    phase: 'success',\n    percent: 100,\n    indeterminate: false,\n    loaded: info.loaded,\n    total: info.total,\n  })\n}\n\nfunction setStateError(error: unknown) {\n  const prev = state\n  assignState({\n    phase: 'error',\n    percent: prev.phase === 'uploading' ? prev.percent : 0,\n    indeterminate: false,\n    loaded: prev.phase === 'uploading' ? prev.loaded : 0,\n    total: prev.phase === 'uploading' ? prev.total : 0,\n    error,\n  })\n}\n\nfunction handleProgress(info: GrUploadProgressInfo) {\n  if (state.phase !== 'uploading') return\n  assignState({\n    phase: 'uploading',\n    percent: info.percent,\n    indeterminate: info.indeterminate,\n    loaded: info.loaded,\n    total: info.total,\n  })\n  emit('progress', info.percent, info)\n}\n\nconst tabIndex = computed(() => (props.disabled ? -1 : 0))\n\nconst hiddenInputStyle = {\n  position: 'fixed',\n  top: '-9999px',\n  left: '-9999px',\n  width: '1px',\n  height: '1px',\n  opacity: '0',\n  overflow: 'hidden',\n  pointerEvents: 'none',\n} as const satisfies Record<string, string>\n\nfunction setOver(next: boolean) {\n  if (isOver.value === next) return\n  isOver.value = next\n}\n\nfunction openDialog() {\n  if (props.disabled) return\n  inputRef.value?.click()\n}\n\nfunction abort() {\n  activeController?.abort()\n  activeController = null\n}\n\nfunction normalizeLimit(limit: number | undefined): number | undefined {\n  if (typeof limit !== 'number') return undefined\n  if (!Number.isFinite(limit)) return undefined\n  if (limit <= 0) return undefined\n  return Math.floor(limit)\n}\n\n\nasync function uploadViaAction(files: File[], signal: AbortSignal, extraData: GrFileUploadExtraData | undefined) {\n  if (!props.action) throw new Error('GrFileUpload: either `action` or `request` must be provided')\n\n  return uploadViaXhr({\n    url: props.action,\n    files,\n    name: props.name,\n    headers: props.headers,\n    withCredentials: props.withCredentials,\n    extraData,\n    signal,\n    onProgress: handleProgress,\n  })\n}\n\nasync function runBeforeUpload(files: File[]): Promise<'ok' | { aborted: true; reason: unknown }> {\n  if (!props.beforeUpload) return 'ok'\n\n  for (const file of files) {\n    try {\n      const result = props.beforeUpload(file)\n\n      if (result === false) {\n        return { aborted: true, reason: new Error('Upload aborted by beforeUpload') }\n      }\n\n      if (result && typeof (result as any).then === 'function')\n        await result\n    } catch (error) {\n      return { aborted: true, reason: error }\n    }\n  }\n\n  return 'ok'\n}\n\nasync function handleFiles(files: File[], source: FileValidatorSource = 'input') {\n  if (props.disabled) return\n  if (!files.length) return\n\n  const normalizedLimit = normalizeLimit(props.limit)\n  if (props.multiple && normalizedLimit && files.length > normalizedLimit) {\n    props.onExceed?.(files, normalizedLimit)\n    emit('error', new Error(`Too many files selected, limit=${normalizedLimit}`))\n    return\n  }\n\n  const { files: valid, issues } = await runFileValidators(files, props.validators ?? [], {\n    source,\n    multiple: props.multiple,\n  })\n\n  if (issues.length > 0) {\n    emit('error', new FileValidationError(issues, valid))\n    return\n  }\n\n  if (!valid.length) return\n\n  lastFiles.value = valid\n\n  const before = await runBeforeUpload(valid)\n  if (before !== 'ok') {\n    emit('error', before.reason)\n    return\n  }\n\n  let extraData: GrFileUploadExtraData | undefined\n  try {\n    extraData = props.uploadExtraData?.(valid)\n  } catch (error) {\n    emit('error', error)\n    return\n  }\n\n  abort()\n  clearHideSuccessTimer()\n\n  const controller = new AbortController()\n  activeController = controller\n\n  setStateUploading()\n  emit('progress', 0, { percent: 0, loaded: 0, total: 0, indeterminate: true })\n\n  try {\n    const payload = props.request\n      ? await props.request(valid, { signal: controller.signal, extraData, onProgress: handleProgress })\n      : await uploadViaAction(valid, controller.signal, extraData)\n\n    const finalLoaded = state.phase === 'uploading' ? state.total || state.loaded : 0\n    setStateSuccess({ loaded: finalLoaded, total: finalLoaded })\n    emit('success', payload)\n    emit('change', valid)\n    emit('progress', 100, { percent: 100, loaded: finalLoaded, total: finalLoaded, indeterminate: false })\n\n    if (props.hideProgressOnSuccess && props.hideProgressOnSuccess > 0) {\n      hideSuccessTimer = setTimeout(() => {\n        if (state.phase === 'success') setStateIdle()\n        hideSuccessTimer = null\n      }, props.hideProgressOnSuccess)\n    }\n  } catch (error) {\n    if (error instanceof GrUploadAbortError) {\n      setStateIdle()\n    } else {\n      setStateError(error)\n    }\n    emit('error', error)\n  } finally {\n    if (activeController === controller) activeController = null\n  }\n}\n\nfunction onDragEnter(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter += 1\n  setOver(true)\n}\n\nfunction onDragOver(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = 'copy'\n}\n\nfunction onDragLeave(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = Math.max(0, overCounter - 1)\n  if (overCounter === 0) setOver(false)\n}\n\nfunction onDrop(event: DragEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n  event.preventDefault()\n  overCounter = 0\n  setOver(false)\n\n  const files = event.dataTransfer?.files ? Array.prototype.slice.call(event.dataTransfer.files) as File[] : []\n  void handleFiles(files, 'drop')\n}\n\nasync function onInputChange(event: Event) {\n  if (props.disabled) return\n\n  const target = event.target as HTMLInputElement | null\n  const files = target?.files ? Array.prototype.slice.call(target.files) as File[] : []\n\n  if (target) target.value = ''\n\n  await nextTick()\n  await handleFiles(files, 'input')\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  if (props.disabled) return\n\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault()\n    openDialog()\n  }\n}\n\nfunction onRootClick() {\n  if (hasCustomUi.value) return\n  openDialog()\n}\n\nfunction onRootKeydown(event: KeyboardEvent) {\n  if (hasCustomUi.value) return\n  onKeydown(event)\n}\n\nconst effectiveProgressTone = computed<GrProgressBarTone>(() => {\n  if (state.phase === 'error') return 'danger'\n  if (state.phase === 'success') return 'success'\n  return props.progressTone\n})\n\nconst progressVisible = computed(() => state.phase !== 'idle')\nconst progressPercent = computed(() => (state.phase === 'uploading' && state.indeterminate ? 0 : state.percent))\nconst progressText = computed(() => {\n  if (state.phase === 'uploading' && state.indeterminate) return ''\n  return `${Math.round(progressPercent.value)}%`\n})\n\ndefineExpose({\n  uploadFiles: handleFiles,\n  abort,\n  openDialog,\n  state,\n})\n</script>\n\n<template>\n  <div\n    data-ds-file-upload\n    :role=\"hasCustomUi ? undefined : 'button'\"\n    :tabindex=\"hasCustomUi ? undefined : tabIndex\"\n    :aria-disabled=\"hasCustomUi ? undefined : disabled ? 'true' : 'false'\"\n    :class=\"\n      hasCustomUi\n        ? 'inline-block'\n        : [\n            'relative w-full rounded-[var(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--muted)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]',\n            isOver && !disabled ? 'border-[var(--ring)] bg-[var(--muted)]' : '',\n          ]\n    \"\n    @click=\"onRootClick\"\n    @keydown=\"onRootKeydown\"\n    @dragenter=\"onDragEnter\"\n    @dragover=\"onDragOver\"\n    @dragleave=\"onDragLeave\"\n    @drop=\"onDrop\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-file-upload-input\n      :style=\"hiddenInputStyle\"\n      type=\"file\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :name=\"name\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <slot\n      v-if=\"hasCustomUi\"\n      :open-dialog=\"openDialog\"\n      :abort=\"abort\"\n      :disabled=\"disabled\"\n      :files=\"lastFiles\"\n      :is-over=\"isOver\"\n      :state=\"state\"\n    />\n\n    <div v-else class=\"flex items-start gap-4\">\n      <div\n        data-ds-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-ds-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ placeholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-ds-file-upload-tip class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-ds-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-ds-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--muted-fg)]\"> · {{ Math.ceil(file.size / 1024) }} KB</span>\n          </li>\n        </ul>\n\n        <slot\n          v-if=\"showProgress || $slots.progress\"\n          name=\"progress\"\n          :state=\"state\"\n          :percent=\"state.percent\"\n          :indeterminate=\"state.phase === 'uploading' && state.indeterminate\"\n          :phase=\"state.phase\"\n          :files=\"lastFiles\"\n          :abort=\"abort\"\n        >\n          <div\n            v-if=\"showProgress\"\n            data-ds-file-upload-progress\n            class=\"mt-3 transition-opacity duration-150\"\n            :class=\"progressVisible ? 'opacity-100' : 'opacity-0 pointer-events-none'\"\n            :aria-hidden=\"!progressVisible\"\n          >\n            <div class=\"flex items-center gap-2\">\n              <GrProgressBar\n                :value=\"progressPercent\"\n                :tone=\"effectiveProgressTone\"\n                :aria-label=\"progressLabel\"\n              />\n              <span\n                data-ds-file-upload-progress-text\n                class=\"text-[12px] text-[var(--muted-fg)] tabular-nums min-w-[3ch] text-right\"\n              >{{ progressText }}</span>\n            </div>\n          </div>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>"],"mappings":"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"}

package/dist/components/GrFormField/chunks/GrFormField-U7c_aDPJ.js

@@ -1,35 +0,0 @@
-import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString } from "vue";
-//#region src/components/GrFormField/GrFormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex flex-col gap-2" };
-var _hoisted_2 = ["for"];
-var _hoisted_3 = {
-	key: 1,
-	class: "text-sm text-[var(--ds-danger)]"
-};
-//#endregion
-//#region src/components/GrFormField/GrFormField.vue
-var GrFormField_default = /* @__PURE__ */ defineComponent({
-	__name: "GrFormField",
-	props: {
-		label: { default: void 0 },
-		forId: { default: void 0 },
-		error: { default: void 0 },
-		labelClass: { default: void 0 }
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [
-				props.label ? (openBlock(), createElementBlock("label", {
-					key: 0,
-					for: props.forId,
-					class: normalizeClass(["text-sm text-[var(--muted-fg)]", props.labelClass])
-				}, toDisplayString(props.label), 11, _hoisted_2)) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "default"),
-				props.error ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(props.error), 1)) : createCommentVNode("", true)
-			]);
-		};
-	}
-});
-//#endregion
-export { GrFormField_default as t };

package/dist/components/GrFormField/chunks/GrFormField-U7c_aDPJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrFormField-U7c_aDPJ.js","names":[],"sources":["../../../../src/components/GrFormField/GrFormField.vue","../../../../src/components/GrFormField/GrFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    forId?: string\n    error?: string\n    labelClass?: LabelClass\n  }>(),\n  {\n    label: undefined,\n    forId: undefined,\n    error: undefined,\n    labelClass: undefined,\n  },\n)\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <label\n      v-if=\"props.label\"\n      :for=\"props.forId\"\n      class=\"text-sm text-[var(--muted-fg)]\"\n      :class=\"props.labelClass\"\n    >\n      {{ props.label }}\n    </label>\n    <slot />\n    <div v-if=\"props.error\" class=\"text-sm text-[var(--ds-danger)]\">\n      {{ props.error }}\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    forId?: string\n    error?: string\n    labelClass?: LabelClass\n  }>(),\n  {\n    label: undefined,\n    forId: undefined,\n    error: undefined,\n    labelClass: undefined,\n  },\n)\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <label\n      v-if=\"props.label\"\n      :for=\"props.forId\"\n      class=\"text-sm text-[var(--muted-fg)]\"\n      :class=\"props.labelClass\"\n    >\n      {{ props.label }}\n    </label>\n    <slot />\n    <div v-if=\"props.error\" class=\"text-sm text-[var(--ds-danger)]\">\n      {{ props.error }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAGA,MAAM,QAAQ;;uBAiBZ,mBAaM,OAbN,YAaM;IAXI,MAAM,SAAA,WAAA,EADd,mBAOQ,SAAA;;KALL,KAAK,MAAM;KACZ,OAAK,eAAA,CAAC,kCACE,MAAM,WAAU,CAAA;uBAErB,MAAM,MAAK,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA;IAEhB,WAAQ,KAAA,QAAA,UAAA;IACG,MAAM,SAAA,WAAA,EAAjB,mBAEM,OAFN,YAEM,gBADD,MAAM,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrFormFile-CkR6cYqf.js","names":[],"sources":["../../../../src/components/GrFormFile/GrFormFile.vue","../../../../src/components/GrFormFile/GrFormFile.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, 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 { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\n\ndefineOptions({\n  name: 'GrFormFile',\n})\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  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    disabled: false,\n    accept: undefined,\n    uploadText: 'Upload file',\n    changeText: 'Change file',\n    removeText: 'Remove',\n    clearAllText: 'Clear all',\n    placeholder: 'No files selected',\n    validators: undefined,\n    validate: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  (e: 'validation', errors: GrFormFileError[]): void\n  (e: 'update:errors', errors: GrFormFileError[]): void\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst localErrors = ref<GrFormFileError[]>([])\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\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('validation', next)\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (localErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (props.disabled) 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 customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  const res = runFileValidators(nextFiles, validators, {\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 (props.disabled) 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 (props.disabled) 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 (props.disabled) 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\nfunction issueMessage(issue: GrFormFileError): string {\n  if (issue.fileName) return `${issue.fileName}: ${issue.message}`\n  return issue.message\n}\n\nconst dropzone = computed(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  return {\n    enabled: !props.disabled,\n    multiple: props.multiple,\n    validators,\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: '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    v-dropzone=\"dropzone\"\n    data-ds-form-file\n    class=\"rounded-[var(--ds-radius-md)]\"\n    :class=\"disabled ? 'opacity-60 cursor-not-allowed' : ''\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-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=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-3\">\n        <GrButton\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-upload-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconUpload />\n          </GrIcon>\n          <span class=\"ml-2\">{{ hasFiles ? changeText : uploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ removeText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-all-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ clearAllText }}</span>\n        </GrButton>\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n          data-ds-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-sm text-[var(--muted-fg)]\"\n          data-ds-form-file-placeholder\n        >\n          {{ placeholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col gap-2\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"`${file.name}-${file.size}-${index}`\"\n          class=\"flex items-center gap-2\"\n          data-ds-form-file-item\n        >\n          <span\n            class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n            :title=\"file.name\"\n            data-ds-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <button\n            type=\"button\"\n            class=\"text-xs text-[var(--muted-fg)] hover:text-[var(--fg)]\"\n            data-ds-form-file-item-remove\n            :disabled=\"disabled\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ removeText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"errors\" :errors=\"localErrors\">\n        <div v-if=\"localErrors.length\" class=\"text-sm text-[var(--ds-danger)]\" data-ds-form-file-errors>\n          <div v-for=\"(e, i) in localErrors\" :key=\"i\" data-ds-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-ds-form-file].ds-dropzone--over {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, 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 { vDropzone } from '../../directives'\nimport { acceptValidator, FileValidationError, runFileValidators } from '../../fileValidation'\nimport type { FileValidationIssue, FileValidator } from '../../fileValidation'\n\ndefineOptions({\n  name: 'GrFormFile',\n})\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  /** W3C `accept` для `<input type=\"file\">` + sugar к `acceptValidator(...)`. */\n  accept?: string\n  validators?: FileValidator[]\n  uploadText?: string\n  changeText?: string\n  removeText?: string\n  clearAllText?: string\n  placeholder?: string\n  /** Дополнительная (кастомная) валидация на стороне потребителя. */\n  validate?: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>\n}\n\nconst props = withDefaults(\n  defineProps<GrFormFileProps>(),\n  {\n    multiple: false,\n    disabled: false,\n    accept: undefined,\n    uploadText: 'Upload file',\n    changeText: 'Change file',\n    removeText: 'Remove',\n    clearAllText: 'Clear all',\n    placeholder: 'No files selected',\n    validators: undefined,\n    validate: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: File | File[] | null): void\n  (e: 'change', value: File | File[] | null): void\n  (e: 'clear'): void\n  (e: 'validation', errors: GrFormFileError[]): void\n  (e: 'update:errors', errors: GrFormFileError[]): void\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\nconst localErrors = ref<GrFormFileError[]>([])\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\nfunction clearInputValue() {\n  if (!inputRef.value) return\n  inputRef.value.value = ''\n}\n\nfunction setErrors(next: GrFormFileError[]) {\n  localErrors.value = next\n  emit('validation', next)\n  emit('update:errors', next)\n}\n\nfunction clearErrors() {\n  if (localErrors.value.length === 0) return\n  setErrors([])\n}\n\nfunction openDialog() {\n  if (props.disabled) 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 customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  const res = runFileValidators(nextFiles, validators, {\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 (props.disabled) 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 (props.disabled) 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 (props.disabled) 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\nfunction issueMessage(issue: GrFormFileError): string {\n  if (issue.fileName) return `${issue.fileName}: ${issue.message}`\n  return issue.message\n}\n\nconst dropzone = computed(() => {\n  const customValidator: FileValidator | undefined = props.validate\n    ? async ({ files }) => (await props.validate?.(files)) ?? []\n    : undefined\n\n  const validators: FileValidator[] = [\n    acceptValidator(props.accept),\n    ...(props.validators ?? []),\n    ...(customValidator ? [customValidator] : []),\n  ]\n\n  return {\n    enabled: !props.disabled,\n    multiple: props.multiple,\n    validators,\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: '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    v-dropzone=\"dropzone\"\n    data-ds-form-file\n    class=\"rounded-[var(--ds-radius-md)]\"\n    :class=\"disabled ? 'opacity-60 cursor-not-allowed' : ''\"\n  >\n    <input\n      ref=\"inputRef\"\n      data-ds-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=\"disabled\"\n      @change=\"onInputChange\"\n    >\n\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-3\">\n        <GrButton\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-upload-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"openDialog\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconUpload />\n          </GrIcon>\n          <span class=\"ml-2\">{{ hasFiles ? changeText : uploadText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"hasFiles && !multiple\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ removeText }}</span>\n        </GrButton>\n\n        <GrButton\n          v-if=\"multiple && hasFiles\"\n          variant=\"secondary\"\n          size=\"sm\"\n          data-ds-form-file-clear-all-btn\n          :disabled=\"disabled\"\n          @click.prevent=\"clearAll\"\n        >\n          <GrIcon size=\"sm\" aria-hidden=\"true\">\n            <IconX />\n          </GrIcon>\n          <span class=\"ml-2\">{{ clearAllText }}</span>\n        </GrButton>\n\n        <span\n          v-if=\"!multiple && hasFiles\"\n          class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n          data-ds-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-sm text-[var(--muted-fg)]\"\n          data-ds-form-file-placeholder\n        >\n          {{ placeholder }}\n        </span>\n      </div>\n\n      <div v-if=\"multiple && hasFiles\" class=\"flex flex-col gap-2\">\n        <div\n          v-for=\"(file, index) in files\"\n          :key=\"`${file.name}-${file.size}-${index}`\"\n          class=\"flex items-center gap-2\"\n          data-ds-form-file-item\n        >\n          <span\n            class=\"text-sm text-[var(--muted-fg)] truncate max-w-[240px]\"\n            :title=\"file.name\"\n            data-ds-form-file-item-name\n          >\n            {{ file.name }}\n          </span>\n\n          <button\n            type=\"button\"\n            class=\"text-xs text-[var(--muted-fg)] hover:text-[var(--fg)]\"\n            data-ds-form-file-item-remove\n            :disabled=\"disabled\"\n            @click.prevent=\"removeAt(index)\"\n          >\n            {{ removeText }}\n          </button>\n        </div>\n      </div>\n\n      <slot name=\"errors\" :errors=\"localErrors\">\n        <div v-if=\"localErrors.length\" class=\"text-sm text-[var(--ds-danger)]\" data-ds-form-file-errors>\n          <div v-for=\"(e, i) in localErrors\" :key=\"i\" data-ds-form-file-error>\n            {{ issueMessage(e) }}\n          </div>\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n[data-ds-form-file].ds-dropzone--over {\n  outline: 2px solid var(--ring);\n  outline-offset: 2px;\n}\n</style>\n"],"mappings":"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"}