@feugene/granularity 0.13.0 → 0.16.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrFileUpload-CnLgUGDF.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'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\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: undefined,\n    showProgress: true,\n    progressTone: 'primary',\n    progressLabel: undefined,\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\nconst { t } = useGranularityTranslations()\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.fileUpload.placeholder', 'Drag files here or click to select'))\nconst resolvedProgressLabel = computed(() => props.progressLabel ?? t('gr.fileUpload.progress', 'Upload progress'))\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-gr-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(--gr-radius-lg)] border border-dashed border-[var(--gr-brd)] bg-[var(--gr-card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--gr-muted)] focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)]',\n            isOver && !disabled ? 'border-[var(--gr-ring)] bg-[var(--gr-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-gr-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-gr-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--gr-muted)] border border-[var(--gr-brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--gr-muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-gr-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ resolvedPlaceholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-gr-file-upload-tip class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-gr-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-gr-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--gr-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-gr-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=\"resolvedProgressLabel\"\n              />\n              <span\n                data-gr-file-upload-progress-text\n                class=\"text-[12px] text-[var(--gr-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'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\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: undefined,\n    showProgress: true,\n    progressTone: 'primary',\n    progressLabel: undefined,\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\nconst { t } = useGranularityTranslations()\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.fileUpload.placeholder', 'Drag files here or click to select'))\nconst resolvedProgressLabel = computed(() => props.progressLabel ?? t('gr.fileUpload.progress', 'Upload progress'))\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-gr-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(--gr-radius-lg)] border border-dashed border-[var(--gr-brd)] bg-[var(--gr-card)] px-5 py-6 outline-none transition',\n            disabled\n              ? 'opacity-60 cursor-not-allowed'\n              : 'cursor-pointer hover:bg-[var(--gr-muted)] focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)]',\n            isOver && !disabled ? 'border-[var(--gr-ring)] bg-[var(--gr-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-gr-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-gr-file-upload-icon\n        class=\"h-12 w-12 shrink-0 rounded-[12px] bg-[var(--gr-muted)] border border-[var(--gr-brd)] flex items-center justify-center\"\n        aria-hidden=\"true\"\n      >\n        <GrIcon class=\"h-6 w-6 text-[var(--gr-muted-fg)]\">\n          <IconArrowUp />\n        </GrIcon>\n      </div>\n\n      <div class=\"min-w-0\">\n        <div data-gr-file-upload-label class=\"text-[14px] font-700\">\n          <slot name=\"label\">\n            <slot>\n              {{ resolvedPlaceholder }}\n            </slot>\n          </slot>\n        </div>\n\n        <div v-if=\"$slots.tip\" data-gr-file-upload-tip class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\">\n          <slot name=\"tip\" />\n        </div>\n        <div v-else class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\" />\n\n        <ul v-if=\"showFileList && lastFiles.length\" data-gr-file-upload-list class=\"mt-3 space-y-1\">\n          <li\n            v-for=\"file in lastFiles\"\n            :key=\"file.name\"\n            data-gr-file-upload-item\n            class=\"text-[13px]\"\n          >\n            <span class=\"font-600\">{{ file.name }}</span>\n            <span class=\"text-[var(--gr-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-gr-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=\"resolvedProgressLabel\"\n              />\n              <span\n                data-gr-file-upload-progress-text\n                class=\"text-[12px] text-[var(--gr-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/GrForm/chunks/GrForm-CdaFjcyl.js

@@ -1,234 +0,0 @@
-import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
-import { t as GR_FORM_KEY } from "../../../chunks/context-Bfrgsluh.js";
-import { computed, createElementBlock, defineComponent, onBeforeUnmount, openBlock, provide, ref, renderSlot, watch, withModifiers } from "vue";
-//#region src/components/GrForm/validation.ts
-var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function isUrl(value) {
-	return URL.canParse(value);
-}
-/** Пустое значение: `null`/`undefined`/пустая (или пробельная) строка/пустой массив. */
-function isEmpty(value) {
-	if (value == null) return true;
-	if (typeof value === "string") return value.trim() === "";
-	if (Array.isArray(value)) return value.length === 0;
-	return false;
-}
-/** Мера значения для min/max/len: число → само значение, строка/массив → длина. */
-function measure(value) {
-	if (typeof value === "number") return value;
-	if (typeof value === "string") return value.length;
-	if (Array.isArray(value)) return value.length;
-	return Number(value);
-}
-/** Достаёт значение из объекта по dot-path (`address.city`). */
-function getByPath(obj, path) {
-	if (!path.includes(".")) return obj[path];
-	return path.split(".").reduce((acc, key) => {
-		if (acc && typeof acc === "object") return acc[key];
-	}, obj);
-}
-/** Записывает значение в объект по dot-path (создаёт промежуточные объекты). */
-function setByPath(obj, path, value) {
-	const keys = path.split(".");
-	const last = keys.pop();
-	let target = obj;
-	for (const key of keys) {
-		if (!target[key] || typeof target[key] !== "object") target[key] = {};
-		target = target[key];
-	}
-	target[last] = value;
-}
-/** Нормализует правило(а) поля в массив. */
-function toRuleArray(rules) {
-	if (!rules) return [];
-	return Array.isArray(rules) ? rules : [rules];
-}
-function ruleMatchesTrigger(rule, trigger) {
-	if (!trigger) return true;
-	if (!rule.trigger) return true;
-	return (Array.isArray(rule.trigger) ? rule.trigger : [rule.trigger]).includes(trigger);
-}
-/** Правила поля, применимые для данного триггера (undefined = все). */
-function rulesForTrigger(rules, trigger) {
-	return rules.filter((rule) => ruleMatchesTrigger(rule, trigger));
-}
-/** Есть ли среди правил `required` (для маркера обязательности в поле). */
-function rulesRequired(rules) {
-	return rules.some((rule) => rule.required === true);
-}
-/**
-* Прогоняет правила по порядку, возвращает первое сообщение об ошибке или `undefined`.
-* Пустое необязательное значение проходит все проверки (кроме `required`).
-*/
-async function runFieldRules(value, rules, model, resolveMessage) {
-	for (const rule of rules) {
-		const empty = isEmpty(value);
-		if (rule.required && empty) return resolveMessage("required", rule, {});
-		if (empty) continue;
-		if (rule.type === "email" && !EMAIL_RE.test(String(value))) return resolveMessage("email", rule, {});
-		if (rule.type === "url" && !isUrl(String(value))) return resolveMessage("url", rule, {});
-		if (rule.len != null && measure(value) !== rule.len) return resolveMessage("len", rule, { len: rule.len });
-		if (rule.min != null && measure(value) < rule.min) return resolveMessage("min", rule, { min: rule.min });
-		if (rule.max != null && measure(value) > rule.max) return resolveMessage("max", rule, { max: rule.max });
-		if (rule.pattern && !rule.pattern.test(String(value))) return resolveMessage("pattern", rule, {});
-		if (rule.validator) {
-			const result = await rule.validator(value, model);
-			if (result === false) return rule.message ?? resolveMessage("invalid", rule, {});
-			if (typeof result === "string") return result;
-		}
-	}
-}
-//#endregion
-//#region src/components/GrForm/GrForm.vue
-var GrForm_default = /* @__PURE__ */ defineComponent({
-	__name: "GrForm",
-	props: {
-		model: {},
-		rules: { default: void 0 },
-		validateOnBlur: {
-			type: Boolean,
-			default: true
-		},
-		validateOnChange: {
-			type: Boolean,
-			default: false
-		},
-		scrollToError: {
-			type: Boolean,
-			default: true
-		},
-		scrollBehavior: { default: "smooth" }
-	},
-	emits: ["submit", "validate"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const { t } = useGranularityTranslations();
-		const errors = ref({});
-		const fieldRegistry = /* @__PURE__ */ new Map();
-		function getRules(name) {
-			return toRuleArray(props.rules?.[name]);
-		}
-		function getValue(name) {
-			return getByPath(props.model, name);
-		}
-		const requiredFields = computed(() => {
-			const set = /* @__PURE__ */ new Set();
-			for (const name of Object.keys(props.rules ?? {})) if (rulesRequired(getRules(name))) set.add(name);
-			return set;
-		});
-		const resolveMessage = (kind, rule, params) => {
-			if (rule.message) return rule.message;
-			return t(`gr.form.${kind}`, {
-				required: "This field is required",
-				min: "Minimum is {min}",
-				max: "Maximum is {max}",
-				len: "Length must be {len}",
-				pattern: "Invalid format",
-				email: "Enter a valid email",
-				url: "Enter a valid URL",
-				invalid: "Invalid value"
-			}[kind], params);
-		};
-		async function validateField(name, trigger) {
-			if (trigger === "blur" && !props.validateOnBlur) return !errors.value[name];
-			const rules = rulesForTrigger(getRules(name), trigger);
-			if (!rules.length) return !errors.value[name];
-			const message = await runFieldRules(getValue(name), rules, props.model, resolveMessage);
-			errors.value = {
-				...errors.value,
-				[name]: message
-			};
-			emit("validate", name, !message, message);
-			return !message;
-		}
-		async function validate() {
-			const names = Object.keys(props.rules ?? {});
-			const valid = (await Promise.all(names.map((name) => validateField(name)))).every(Boolean);
-			if (!valid && props.scrollToError) scrollToFirstError();
-			return valid;
-		}
-		function clearValidate(names) {
-			if (!names) {
-				errors.value = {};
-				return;
-			}
-			const list = Array.isArray(names) ? names : [names];
-			const next = { ...errors.value };
-			for (const name of list) delete next[name];
-			errors.value = next;
-		}
-		function cloneData(value) {
-			return value === void 0 ? value : JSON.parse(JSON.stringify(value));
-		}
-		const initialSnapshot = ref(cloneData(props.model));
-		function resetFields() {
-			const snapshot = initialSnapshot.value;
-			for (const key of Object.keys(props.model)) setByPath(props.model, key, cloneData(snapshot[key]));
-			clearValidate();
-		}
-		function scrollToField(name) {
-			const el = fieldRegistry.get(name)?.();
-			if (!el) return;
-			el.scrollIntoView({
-				behavior: props.scrollBehavior,
-				block: "center"
-			});
-			el.querySelector("input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])")?.focus?.();
-		}
-		function scrollToFirstError() {
-			const elements = [...fieldRegistry.entries()].filter(([name]) => errors.value[name]).map(([, getEl]) => getEl()).filter((el) => Boolean(el));
-			elements.sort((a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
-			const first = elements[0];
-			if (!first) return;
-			first.scrollIntoView({
-				behavior: props.scrollBehavior,
-				block: "center"
-			});
-			first.querySelector("input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])")?.focus?.();
-		}
-		let stopWatchers = [];
-		watch(() => Object.keys(props.rules ?? {}), (names) => {
-			stopWatchers.forEach((stop) => stop());
-			stopWatchers = names.map((name) => watch(() => getValue(name), () => {
-				if (props.validateOnChange) validateField(name, "change");
-				else if (errors.value[name]) validateField(name);
-			}, { deep: true }));
-		}, { immediate: true });
-		onBeforeUnmount(() => stopWatchers.forEach((stop) => stop()));
-		provide(GR_FORM_KEY, {
-			errors,
-			requiredFields,
-			hasField: (name) => getRules(name).length > 0,
-			registerField: (name, getEl) => {
-				fieldRegistry.set(name, getEl);
-				return () => fieldRegistry.delete(name);
-			},
-			validateField
-		});
-		function onSubmit() {
-			validate().then((valid) => {
-				if (valid) emit("submit", props.model);
-			});
-		}
-		__expose({
-			validate,
-			validateField,
-			clearValidate,
-			resetFields,
-			scrollToField
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("form", {
-				"data-gr-form": "",
-				novalidate: "",
-				onSubmit: withModifiers(onSubmit, ["prevent"])
-			}, [renderSlot(_ctx.$slots, "default", {
-				validate,
-				errors: errors.value
-			})], 32);
-		};
-	}
-});
-//#endregion
-export { runFieldRules as i, getByPath as n, isEmpty as r, GrForm_default as t };

package/dist/components/GrForm/chunks/GrForm-CdaFjcyl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrForm-CdaFjcyl.js","names":[],"sources":["../../../../src/components/GrForm/validation.ts","../../../../src/components/GrForm/GrForm.vue","../../../../src/components/GrForm/GrForm.vue"],"sourcesContent":["/**\n * Движок валидации `GrForm` — чистый (без Vue/i18n), тестируется изолированно.\n *\n * Правило описывает набор проверок значения поля; `runFieldRules` прогоняет их по\n * порядку и возвращает первое сообщение об ошибке (или `undefined`, если валидно).\n * Сообщения резолвит потребитель (компонент) через `resolveMessage` — так i18n и\n * дефолтные тексты остаются в компоненте, а движок ничего о них не знает.\n */\n\nexport type GrFormTrigger = 'blur' | 'change' | 'submit'\n\n/** Результат кастомного валидатора: `true`/void — ок; `false` — ошибка (дефолт-текст); строка — текст ошибки. */\nexport type GrFormValidatorResult = boolean | string | void\n\nexport interface GrFormRule {\n  /** Значение обязательно (не пустое). */\n  required?: boolean\n  /** Готовый текст ошибки — перекрывает дефолтное сообщение любой проверки этого правила. */\n  message?: string\n  /** Минимум: длина для строки/массива, значение для числа. */\n  min?: number\n  /** Максимум: длина для строки/массива, значение для числа. */\n  max?: number\n  /** Точная длина/значение. */\n  len?: number\n  /** Регулярное выражение (проверяется по `String(value)`). */\n  pattern?: RegExp\n  /** Встроенный тип-валидатор. */\n  type?: 'email' | 'url'\n  /** Кастомный (в т.ч. async) валидатор. Второй аргумент — весь `model`. */\n  validator?: (value: unknown, model: Record<string, unknown>) => GrFormValidatorResult | Promise<GrFormValidatorResult>\n  /** Когда правило срабатывает. По умолчанию — на любом триггере (blur/change/submit). */\n  trigger?: GrFormTrigger | GrFormTrigger[]\n}\n\nexport type GrFormRules = Record<string, GrFormRule | GrFormRule[]>\n\n/** Вид сработавшей проверки — ключ для дефолтного i18n-сообщения. */\nexport type GrFormRuleFailure = 'required' | 'min' | 'max' | 'len' | 'pattern' | 'email' | 'url' | 'invalid'\n\nexport type GrFormMessageResolver = (\n  kind: GrFormRuleFailure,\n  rule: GrFormRule,\n  params: Record<string, unknown>,\n) => string\n\nconst EMAIL_RE = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\nfunction isUrl(value: string): boolean {\n  return URL.canParse(value)\n}\n\n/** Пустое значение: `null`/`undefined`/пустая (или пробельная) строка/пустой массив. */\nexport function isEmpty(value: unknown): boolean {\n  if (value == null) return true\n  if (typeof value === 'string') return value.trim() === ''\n  if (Array.isArray(value)) return value.length === 0\n  return false\n}\n\n/** Мера значения для min/max/len: число → само значение, строка/массив → длина. */\nfunction measure(value: unknown): number {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') return value.length\n  if (Array.isArray(value)) return value.length\n  return Number(value)\n}\n\n/** Достаёт значение из объекта по dot-path (`address.city`). */\nexport function getByPath(obj: Record<string, unknown>, path: string): unknown {\n  if (!path.includes('.')) return obj[path]\n  return path.split('.').reduce<unknown>((acc, key) => {\n    if (acc && typeof acc === 'object') return (acc as Record<string, unknown>)[key]\n    return undefined\n  }, obj)\n}\n\n/** Записывает значение в объект по dot-path (создаёт промежуточные объекты). */\nexport function setByPath(obj: Record<string, unknown>, path: string, value: unknown): void {\n  const keys = path.split('.')\n  const last = keys.pop() as string\n  let target = obj\n  for (const key of keys) {\n    if (!target[key] || typeof target[key] !== 'object') target[key] = {}\n    target = target[key] as Record<string, unknown>\n  }\n  target[last] = value\n}\n\n/** Нормализует правило(а) поля в массив. */\nexport function toRuleArray(rules: GrFormRule | GrFormRule[] | undefined): GrFormRule[] {\n  if (!rules) return []\n  return Array.isArray(rules) ? rules : [rules]\n}\n\nfunction ruleMatchesTrigger(rule: GrFormRule, trigger?: GrFormTrigger): boolean {\n  if (!trigger) return true // полная валидация (validate()) — все правила\n  if (!rule.trigger) return true // правило без триггера срабатывает на любом\n  const triggers = Array.isArray(rule.trigger) ? rule.trigger : [rule.trigger]\n  return triggers.includes(trigger)\n}\n\n/** Правила поля, применимые для данного триггера (undefined = все). */\nexport function rulesForTrigger(rules: GrFormRule[], trigger?: GrFormTrigger): GrFormRule[] {\n  return rules.filter(rule => ruleMatchesTrigger(rule, trigger))\n}\n\n/** Есть ли среди правил `required` (для маркера обязательности в поле). */\nexport function rulesRequired(rules: GrFormRule[]): boolean {\n  return rules.some(rule => rule.required === true)\n}\n\n/**\n * Прогоняет правила по порядку, возвращает первое сообщение об ошибке или `undefined`.\n * Пустое необязательное значение проходит все проверки (кроме `required`).\n */\nexport async function runFieldRules(\n  value: unknown,\n  rules: GrFormRule[],\n  model: Record<string, unknown>,\n  resolveMessage: GrFormMessageResolver,\n): Promise<string | undefined> {\n  for (const rule of rules) {\n    const empty = isEmpty(value)\n\n    if (rule.required && empty) return resolveMessage('required', rule, {})\n    // Необязательное пустое значение — остальные проверки этого правила пропускаем.\n    if (empty) continue\n\n    if (rule.type === 'email' && !EMAIL_RE.test(String(value))) return resolveMessage('email', rule, {})\n    if (rule.type === 'url' && !isUrl(String(value))) return resolveMessage('url', rule, {})\n\n    if (rule.len != null && measure(value) !== rule.len) return resolveMessage('len', rule, { len: rule.len })\n    if (rule.min != null && measure(value) < rule.min) return resolveMessage('min', rule, { min: rule.min })\n    if (rule.max != null && measure(value) > rule.max) return resolveMessage('max', rule, { max: rule.max })\n\n    if (rule.pattern && !rule.pattern.test(String(value))) return resolveMessage('pattern', rule, {})\n\n    if (rule.validator) {\n      const result = await rule.validator(value, model)\n      if (result === false) return rule.message ?? resolveMessage('invalid', rule, {})\n      if (typeof result === 'string') return result\n    }\n  }\n\n  return undefined\n}\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, provide, ref, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { GR_FORM_KEY } from './context'\nimport {\n  getByPath,\n  rulesForTrigger,\n  rulesRequired,\n  runFieldRules,\n  setByPath,\n  toRuleArray,\n  type GrFormMessageResolver,\n  type GrFormRule,\n  type GrFormRules,\n  type GrFormTrigger,\n} from './validation'\n\nexport type {\n  GrFormRule,\n  GrFormRules,\n  GrFormTrigger,\n  GrFormValidatorResult,\n} from './validation'\n\n/**\n * Публичный GR-примитив «Form» — оркестрация валидации над `GrFormField`.\n *\n * Модель формы (`v-model`-объект приложения) + декларативные `rules` по имени поля.\n * Форма прогоняет правила, раскладывает ошибки по контексту, скроллит к первой\n * ошибке и эмитит `submit` только при валидной форме. Императивный API — через\n * template ref (`validate` / `validateField` / `clearValidate` / `resetFields` /\n * `scrollToField`).\n */\nexport interface GrFormProps {\n  /** Реактивный объект данных формы. Поля адресуются по `name` (`GrFormField`), в т.ч. dot-path. */\n  model: Record<string, unknown>\n  /** Правила валидации по имени поля: `{ email: [{ required: true, type: 'email' }] }`. */\n  rules?: GrFormRules\n  /** Валидировать поле при потере фокуса. */\n  validateOnBlur?: boolean\n  /** Валидировать поле при каждом изменении значения. */\n  validateOnChange?: boolean\n  /** Скроллить к первому невалидному полю после `validate()`. */\n  scrollToError?: boolean\n  scrollBehavior?: ScrollBehavior\n}\n\nconst props = withDefaults(\n  defineProps<GrFormProps>(),\n  {\n    rules: undefined,\n    validateOnBlur: true,\n    validateOnChange: false,\n    scrollToError: true,\n    scrollBehavior: 'smooth',\n  },\n)\n\nconst emit = defineEmits<{\n  /** Форма прошла валидацию по submit. Отдаёт `model`. */\n  (e: 'submit', model: Record<string, unknown>): void\n  /** Результат валидации одного поля. */\n  (e: 'validate', name: string, valid: boolean, message: string | undefined): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// ————— Ошибки и реестр полей.\nconst errors = ref<Record<string, string | undefined>>({})\nconst fieldRegistry = new Map<string, () => HTMLElement | null>()\n\nfunction getRules(name: string): GrFormRule[] {\n  return toRuleArray(props.rules?.[name])\n}\n\nfunction getValue(name: string): unknown {\n  return getByPath(props.model, name)\n}\n\nconst requiredFields = computed(() => {\n  const set = new Set<string>()\n  for (const name of Object.keys(props.rules ?? {})) {\n    if (rulesRequired(getRules(name))) set.add(name)\n  }\n  return set\n})\n\n// Дефолтные i18n-сообщения (перекрываются `rule.message`).\nconst resolveMessage: GrFormMessageResolver = (kind, rule, params) => {\n  if (rule.message) return rule.message\n  const fallback: Record<string, string> = {\n    required: 'This field is required',\n    min: 'Minimum is {min}',\n    max: 'Maximum is {max}',\n    len: 'Length must be {len}',\n    pattern: 'Invalid format',\n    email: 'Enter a valid email',\n    url: 'Enter a valid URL',\n    invalid: 'Invalid value',\n  }\n  return t(`gr.form.${kind}`, fallback[kind], params)\n}\n\n// ————— Валидация.\nasync function validateField(name: string, trigger?: GrFormTrigger): Promise<boolean> {\n  if (trigger === 'blur' && !props.validateOnBlur) return !errors.value[name]\n\n  const rules = rulesForTrigger(getRules(name), trigger)\n  if (!rules.length) return !errors.value[name]\n\n  const message = await runFieldRules(getValue(name), rules, props.model, resolveMessage)\n  errors.value = { ...errors.value, [name]: message }\n  emit('validate', name, !message, message)\n  return !message\n}\n\nasync function validate(): Promise<boolean> {\n  const names = Object.keys(props.rules ?? {})\n  const results = await Promise.all(names.map(name => validateField(name)))\n  const valid = results.every(Boolean)\n  if (!valid && props.scrollToError) scrollToFirstError()\n  return valid\n}\n\nfunction clearValidate(names?: string | string[]): void {\n  if (!names) {\n    errors.value = {}\n    return\n  }\n  const list = Array.isArray(names) ? names : [names]\n  const next = { ...errors.value }\n  for (const name of list) delete next[name]\n  errors.value = next\n}\n\n// Снимок начальных значений для `resetFields`. JSON-клон читает «сквозь» reactive-\n// прокси и даёт простой снимок (модель формы — JSON-данные); `structuredClone` на\n// прокси падает с DataCloneError.\nfunction cloneData<T>(value: T): T {\n  return value === undefined ? value : (JSON.parse(JSON.stringify(value)) as T)\n}\n\nconst initialSnapshot = ref<Record<string, unknown>>(cloneData(props.model))\n\nfunction resetFields(): void {\n  const snapshot = initialSnapshot.value\n  for (const key of Object.keys(props.model)) {\n    setByPath(props.model, key, cloneData(snapshot[key]))\n  }\n  clearValidate()\n}\n\n// ————— Scroll-to-error.\nfunction scrollToField(name: string): void {\n  const el = fieldRegistry.get(name)?.()\n  if (!el) return\n  el.scrollIntoView({ behavior: props.scrollBehavior, block: 'center' })\n  const focusable = el.querySelector<HTMLElement>('input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])')\n  focusable?.focus?.()\n}\n\nfunction scrollToFirstError(): void {\n  const elements = [...fieldRegistry.entries()]\n    .filter(([name]) => errors.value[name])\n    .map(([, getEl]) => getEl())\n    .filter((el): el is HTMLElement => Boolean(el))\n\n  // Первое по порядку в DOM — «самое верхнее» невалидное поле на экране.\n  elements.sort((a, b) =>\n    (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING) ? -1 : 1,\n  )\n\n  const first = elements[0]\n  if (!first) return\n  first.scrollIntoView({ behavior: props.scrollBehavior, block: 'center' })\n  first.querySelector<HTMLElement>('input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])')?.focus?.()\n}\n\n// ————— «Умный» change: чистим ошибку по мере исправления; валидируем при validateOnChange.\nlet stopWatchers: Array<() => void> = []\nwatch(\n  () => Object.keys(props.rules ?? {}),\n  (names) => {\n    stopWatchers.forEach(stop => stop())\n    stopWatchers = names.map(name =>\n      watch(\n        () => getValue(name),\n        () => {\n          if (props.validateOnChange) void validateField(name, 'change')\n          else if (errors.value[name]) void validateField(name) // ре-валидация, чтобы снять ошибку\n        },\n        { deep: true },\n      ),\n    )\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => stopWatchers.forEach(stop => stop()))\n\n// ————— Контекст для `GrFormField`.\nprovide(GR_FORM_KEY, {\n  errors,\n  requiredFields,\n  hasField: (name: string) => getRules(name).length > 0,\n  registerField: (name, getEl) => {\n    fieldRegistry.set(name, getEl)\n    return () => fieldRegistry.delete(name)\n  },\n  validateField,\n})\n\nfunction onSubmit(): void {\n  void validate().then((valid) => {\n    if (valid) emit('submit', props.model)\n  })\n}\n\ndefineExpose({\n  validate,\n  validateField,\n  clearValidate,\n  resetFields,\n  scrollToField,\n})\n</script>\n\n<template>\n  <form data-gr-form novalidate @submit.prevent=\"onSubmit\">\n    <slot :validate=\"validate\" :errors=\"errors\" />\n  </form>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, provide, ref, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { GR_FORM_KEY } from './context'\nimport {\n  getByPath,\n  rulesForTrigger,\n  rulesRequired,\n  runFieldRules,\n  setByPath,\n  toRuleArray,\n  type GrFormMessageResolver,\n  type GrFormRule,\n  type GrFormRules,\n  type GrFormTrigger,\n} from './validation'\n\nexport type {\n  GrFormRule,\n  GrFormRules,\n  GrFormTrigger,\n  GrFormValidatorResult,\n} from './validation'\n\n/**\n * Публичный GR-примитив «Form» — оркестрация валидации над `GrFormField`.\n *\n * Модель формы (`v-model`-объект приложения) + декларативные `rules` по имени поля.\n * Форма прогоняет правила, раскладывает ошибки по контексту, скроллит к первой\n * ошибке и эмитит `submit` только при валидной форме. Императивный API — через\n * template ref (`validate` / `validateField` / `clearValidate` / `resetFields` /\n * `scrollToField`).\n */\nexport interface GrFormProps {\n  /** Реактивный объект данных формы. Поля адресуются по `name` (`GrFormField`), в т.ч. dot-path. */\n  model: Record<string, unknown>\n  /** Правила валидации по имени поля: `{ email: [{ required: true, type: 'email' }] }`. */\n  rules?: GrFormRules\n  /** Валидировать поле при потере фокуса. */\n  validateOnBlur?: boolean\n  /** Валидировать поле при каждом изменении значения. */\n  validateOnChange?: boolean\n  /** Скроллить к первому невалидному полю после `validate()`. */\n  scrollToError?: boolean\n  scrollBehavior?: ScrollBehavior\n}\n\nconst props = withDefaults(\n  defineProps<GrFormProps>(),\n  {\n    rules: undefined,\n    validateOnBlur: true,\n    validateOnChange: false,\n    scrollToError: true,\n    scrollBehavior: 'smooth',\n  },\n)\n\nconst emit = defineEmits<{\n  /** Форма прошла валидацию по submit. Отдаёт `model`. */\n  (e: 'submit', model: Record<string, unknown>): void\n  /** Результат валидации одного поля. */\n  (e: 'validate', name: string, valid: boolean, message: string | undefined): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// ————— Ошибки и реестр полей.\nconst errors = ref<Record<string, string | undefined>>({})\nconst fieldRegistry = new Map<string, () => HTMLElement | null>()\n\nfunction getRules(name: string): GrFormRule[] {\n  return toRuleArray(props.rules?.[name])\n}\n\nfunction getValue(name: string): unknown {\n  return getByPath(props.model, name)\n}\n\nconst requiredFields = computed(() => {\n  const set = new Set<string>()\n  for (const name of Object.keys(props.rules ?? {})) {\n    if (rulesRequired(getRules(name))) set.add(name)\n  }\n  return set\n})\n\n// Дефолтные i18n-сообщения (перекрываются `rule.message`).\nconst resolveMessage: GrFormMessageResolver = (kind, rule, params) => {\n  if (rule.message) return rule.message\n  const fallback: Record<string, string> = {\n    required: 'This field is required',\n    min: 'Minimum is {min}',\n    max: 'Maximum is {max}',\n    len: 'Length must be {len}',\n    pattern: 'Invalid format',\n    email: 'Enter a valid email',\n    url: 'Enter a valid URL',\n    invalid: 'Invalid value',\n  }\n  return t(`gr.form.${kind}`, fallback[kind], params)\n}\n\n// ————— Валидация.\nasync function validateField(name: string, trigger?: GrFormTrigger): Promise<boolean> {\n  if (trigger === 'blur' && !props.validateOnBlur) return !errors.value[name]\n\n  const rules = rulesForTrigger(getRules(name), trigger)\n  if (!rules.length) return !errors.value[name]\n\n  const message = await runFieldRules(getValue(name), rules, props.model, resolveMessage)\n  errors.value = { ...errors.value, [name]: message }\n  emit('validate', name, !message, message)\n  return !message\n}\n\nasync function validate(): Promise<boolean> {\n  const names = Object.keys(props.rules ?? {})\n  const results = await Promise.all(names.map(name => validateField(name)))\n  const valid = results.every(Boolean)\n  if (!valid && props.scrollToError) scrollToFirstError()\n  return valid\n}\n\nfunction clearValidate(names?: string | string[]): void {\n  if (!names) {\n    errors.value = {}\n    return\n  }\n  const list = Array.isArray(names) ? names : [names]\n  const next = { ...errors.value }\n  for (const name of list) delete next[name]\n  errors.value = next\n}\n\n// Снимок начальных значений для `resetFields`. JSON-клон читает «сквозь» reactive-\n// прокси и даёт простой снимок (модель формы — JSON-данные); `structuredClone` на\n// прокси падает с DataCloneError.\nfunction cloneData<T>(value: T): T {\n  return value === undefined ? value : (JSON.parse(JSON.stringify(value)) as T)\n}\n\nconst initialSnapshot = ref<Record<string, unknown>>(cloneData(props.model))\n\nfunction resetFields(): void {\n  const snapshot = initialSnapshot.value\n  for (const key of Object.keys(props.model)) {\n    setByPath(props.model, key, cloneData(snapshot[key]))\n  }\n  clearValidate()\n}\n\n// ————— Scroll-to-error.\nfunction scrollToField(name: string): void {\n  const el = fieldRegistry.get(name)?.()\n  if (!el) return\n  el.scrollIntoView({ behavior: props.scrollBehavior, block: 'center' })\n  const focusable = el.querySelector<HTMLElement>('input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])')\n  focusable?.focus?.()\n}\n\nfunction scrollToFirstError(): void {\n  const elements = [...fieldRegistry.entries()]\n    .filter(([name]) => errors.value[name])\n    .map(([, getEl]) => getEl())\n    .filter((el): el is HTMLElement => Boolean(el))\n\n  // Первое по порядку в DOM — «самое верхнее» невалидное поле на экране.\n  elements.sort((a, b) =>\n    (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING) ? -1 : 1,\n  )\n\n  const first = elements[0]\n  if (!first) return\n  first.scrollIntoView({ behavior: props.scrollBehavior, block: 'center' })\n  first.querySelector<HTMLElement>('input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])')?.focus?.()\n}\n\n// ————— «Умный» change: чистим ошибку по мере исправления; валидируем при validateOnChange.\nlet stopWatchers: Array<() => void> = []\nwatch(\n  () => Object.keys(props.rules ?? {}),\n  (names) => {\n    stopWatchers.forEach(stop => stop())\n    stopWatchers = names.map(name =>\n      watch(\n        () => getValue(name),\n        () => {\n          if (props.validateOnChange) void validateField(name, 'change')\n          else if (errors.value[name]) void validateField(name) // ре-валидация, чтобы снять ошибку\n        },\n        { deep: true },\n      ),\n    )\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => stopWatchers.forEach(stop => stop()))\n\n// ————— Контекст для `GrFormField`.\nprovide(GR_FORM_KEY, {\n  errors,\n  requiredFields,\n  hasField: (name: string) => getRules(name).length > 0,\n  registerField: (name, getEl) => {\n    fieldRegistry.set(name, getEl)\n    return () => fieldRegistry.delete(name)\n  },\n  validateField,\n})\n\nfunction onSubmit(): void {\n  void validate().then((valid) => {\n    if (valid) emit('submit', props.model)\n  })\n}\n\ndefineExpose({\n  validate,\n  validateField,\n  clearValidate,\n  resetFields,\n  scrollToField,\n})\n</script>\n\n<template>\n  <form data-gr-form novalidate @submit.prevent=\"onSubmit\">\n    <slot :validate=\"validate\" :errors=\"errors\" />\n  </form>\n</template>\n"],"mappings":"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"}

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

@@ -1,100 +0,0 @@
-import { t as GR_FORM_FIELD_KEY } from "../../../chunks/context-DdNIxa1w.js";
-import { n as useGrFormContext } from "../../../chunks/context-Bfrgsluh.js";
-import { computed, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toDisplayString, unref, useId, useSlots } from "vue";
-//#region src/components/GrFormField/GrFormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["for"];
-var _hoisted_2 = {
-	key: 0,
-	"data-gr-form-field-required": "",
-	"aria-hidden": "true",
-	class: "text-[var(--gr-danger)]"
-};
-var _hoisted_3 = ["id"];
-var _hoisted_4 = ["id"];
-//#endregion
-//#region src/components/GrFormField/GrFormField.vue
-var GrFormField_default = /* @__PURE__ */ defineComponent({
-	__name: "GrFormField",
-	props: {
-		label: { default: void 0 },
-		name: { default: void 0 },
-		forId: { default: void 0 },
-		error: { default: void 0 },
-		hint: { default: void 0 },
-		required: {
-			type: Boolean,
-			default: false
-		},
-		labelClass: { default: void 0 }
-	},
-	setup(__props) {
-		const props = __props;
-		const slots = useSlots();
-		const form = useGrFormContext();
-		const boundToForm = computed(() => Boolean(form && props.name && form.hasField(props.name)));
-		const generatedId = useId();
-		const fieldId = computed(() => props.forId ?? generatedId);
-		const errorId = useId();
-		const hintId = useId();
-		const resolvedError = computed(() => {
-			if (props.error) return props.error;
-			if (boundToForm.value && props.name) return form.errors.value[props.name];
-		});
-		const isRequired = computed(() => {
-			if (props.required) return true;
-			if (boundToForm.value && props.name) return form.requiredFields.value.has(props.name);
-			return false;
-		});
-		const hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint));
-		const hasError = computed(() => Boolean(resolvedError.value));
-		provide(GR_FORM_FIELD_KEY, {
-			id: fieldId,
-			describedById: computed(() => {
-				const ids = [hasHint.value ? hintId : null, hasError.value ? errorId : null].filter(Boolean);
-				return ids.length ? ids.join(" ") : void 0;
-			}),
-			invalid: hasError,
-			required: isRequired
-		});
-		const fieldRootEl = ref(null);
-		let unregister;
-		onMounted(() => {
-			if (form && props.name) unregister = form.registerField(props.name, () => fieldRootEl.value);
-		});
-		onBeforeUnmount(() => unregister?.());
-		function onFocusOut() {
-			if (form && props.name) form.validateField(props.name, "blur");
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "fieldRootEl",
-				ref: fieldRootEl,
-				"data-gr-form-field": "",
-				class: "flex flex-col gap-2",
-				onFocusout: onFocusOut
-			}, [
-				props.label ? (openBlock(), createElementBlock("label", {
-					key: 0,
-					for: fieldId.value,
-					class: normalizeClass(["text-sm text-[var(--gr-muted-fg)]", props.labelClass])
-				}, [createTextVNode(toDisplayString(props.label) + " ", 1), isRequired.value ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("", true)], 10, _hoisted_1)) : createCommentVNode("", true),
-				hasHint.value ? (openBlock(), createElementBlock("p", {
-					key: 1,
-					id: unref(hintId),
-					"data-gr-form-field-hint": "",
-					class: "text-xs text-[var(--gr-muted-fg)]"
-				}, [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(props.hint), 1)])], 8, _hoisted_3)) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "default"),
-				hasError.value ? (openBlock(), createElementBlock("div", {
-					key: 2,
-					id: unref(errorId),
-					"data-gr-form-field-error": "",
-					role: "alert",
-					class: "text-sm text-[var(--gr-danger)]"
-				}, toDisplayString(resolvedError.value), 9, _hoisted_4)) : createCommentVNode("", true)
-			], 544);
-		};
-	}
-});
-//#endregion
-export { GrFormField_default as t };

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrFormField-CXCDBd99.js","names":[],"sources":["../../../../src/components/GrFormField/GrFormField.vue","../../../../src/components/GrFormField/GrFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, provide, ref, useId, useSlots } from 'vue'\n\nimport { useGrFormContext } from '../GrForm/context'\nimport { GR_FORM_FIELD_KEY } from './context'\n\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    /**\n     * Имя поля в модели `GrForm` (в т.ч. dot-path `address.city`). Когда поле внутри\n     * `GrForm` и задан `name`, ошибка и признак обязательности берутся из формы по\n     * этому имени, а потеря фокуса триггерит валидацию поля.\n     */\n    name?: string\n    /** Явный id контрола. Если не задан — генерируется автоматически. */\n    forId?: string\n    /** Явная ошибка. Перекрывает ошибку из `GrForm` (ручной режим без формы — тоже здесь). */\n    error?: string\n    /** Подсказка под лейблом/над контролом (можно также через слот `#hint`). */\n    hint?: string\n    /** Помечает поле обязательным (маркер `*` + `aria-required` у контрола). */\n    required?: boolean\n    labelClass?: LabelClass\n  }>(),\n  {\n    label: undefined,\n    name: undefined,\n    forId: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    labelClass: undefined,\n  },\n)\n\nconst slots = useSlots()\n\n// Контекст `GrForm` (если поле внутри формы). Контролы про форму не знают —\n// оркестрация подключается здесь, на уровне поля.\nconst form = useGrFormContext()\nconst boundToForm = computed(() => Boolean(form && props.name && form.hasField(props.name)))\n\n// Автогенерация id: контрол внутри читает его через inject и связывается с\n// лейблом (`for`) без ручного дублирования `forId`.\nconst generatedId = useId()\nconst fieldId = computed(() => props.forId ?? generatedId)\n\nconst errorId = useId()\nconst hintId = useId()\n\n// Ошибка: явный проп `error` имеет приоритет, иначе — из формы по `name`.\nconst resolvedError = computed(() => {\n  if (props.error) return props.error\n  if (boundToForm.value && props.name) return form!.errors.value[props.name]\n  return undefined\n})\n\n// Обязательность: проп `required` ИЛИ наличие `required`-правила в форме.\nconst isRequired = computed(() => {\n  if (props.required) return true\n  if (boundToForm.value && props.name) return form!.requiredFields.value.has(props.name)\n  return false\n})\n\nconst hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint))\nconst hasError = computed(() => Boolean(resolvedError.value))\n\n// `aria-describedby` контрола: подсказка и/или ошибка.\nconst describedById = computed(() => {\n  const ids = [hasHint.value ? hintId : null, hasError.value ? errorId : null].filter(Boolean)\n  return ids.length ? ids.join(' ') : undefined\n})\n\nprovide(GR_FORM_FIELD_KEY, {\n  id: fieldId,\n  describedById,\n  invalid: hasError,\n  required: isRequired,\n})\n\n// ————— Интеграция с формой: регистрация (scroll-to-error) + валидация по blur.\nconst fieldRootEl = ref<HTMLElement | null>(null)\nlet unregister: (() => void) | undefined\n\nonMounted(() => {\n  if (form && props.name) unregister = form.registerField(props.name, () => fieldRootEl.value)\n})\nonBeforeUnmount(() => unregister?.())\n\n// `focusout` всплывает от любого фокусируемого контрола внутри поля (native и\n// кастомного) — единый способ поймать blur без правок самих контролов.\nfunction onFocusOut(): void {\n  if (form && props.name) void form.validateField(props.name, 'blur')\n}\n</script>\n\n<template>\n  <div\n    ref=\"fieldRootEl\"\n    data-gr-form-field\n    class=\"flex flex-col gap-2\"\n    @focusout=\"onFocusOut\"\n  >\n    <label\n      v-if=\"props.label\"\n      :for=\"fieldId\"\n      class=\"text-sm text-[var(--gr-muted-fg)]\"\n      :class=\"props.labelClass\"\n    >\n      {{ props.label }}\n      <span v-if=\"isRequired\" data-gr-form-field-required aria-hidden=\"true\" class=\"text-[var(--gr-danger)]\">*</span>\n    </label>\n\n    <p\n      v-if=\"hasHint\"\n      :id=\"hintId\"\n      data-gr-form-field-hint\n      class=\"text-xs text-[var(--gr-muted-fg)]\"\n    >\n      <slot name=\"hint\">\n        {{ props.hint }}\n      </slot>\n    </p>\n\n    <slot />\n\n    <div\n      v-if=\"hasError\"\n      :id=\"errorId\"\n      data-gr-form-field-error\n      role=\"alert\"\n      class=\"text-sm text-[var(--gr-danger)]\"\n    >\n      {{ resolvedError }}\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, provide, ref, useId, useSlots } from 'vue'\n\nimport { useGrFormContext } from '../GrForm/context'\nimport { GR_FORM_FIELD_KEY } from './context'\n\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<{\n    label?: string\n    /**\n     * Имя поля в модели `GrForm` (в т.ч. dot-path `address.city`). Когда поле внутри\n     * `GrForm` и задан `name`, ошибка и признак обязательности берутся из формы по\n     * этому имени, а потеря фокуса триггерит валидацию поля.\n     */\n    name?: string\n    /** Явный id контрола. Если не задан — генерируется автоматически. */\n    forId?: string\n    /** Явная ошибка. Перекрывает ошибку из `GrForm` (ручной режим без формы — тоже здесь). */\n    error?: string\n    /** Подсказка под лейблом/над контролом (можно также через слот `#hint`). */\n    hint?: string\n    /** Помечает поле обязательным (маркер `*` + `aria-required` у контрола). */\n    required?: boolean\n    labelClass?: LabelClass\n  }>(),\n  {\n    label: undefined,\n    name: undefined,\n    forId: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    labelClass: undefined,\n  },\n)\n\nconst slots = useSlots()\n\n// Контекст `GrForm` (если поле внутри формы). Контролы про форму не знают —\n// оркестрация подключается здесь, на уровне поля.\nconst form = useGrFormContext()\nconst boundToForm = computed(() => Boolean(form && props.name && form.hasField(props.name)))\n\n// Автогенерация id: контрол внутри читает его через inject и связывается с\n// лейблом (`for`) без ручного дублирования `forId`.\nconst generatedId = useId()\nconst fieldId = computed(() => props.forId ?? generatedId)\n\nconst errorId = useId()\nconst hintId = useId()\n\n// Ошибка: явный проп `error` имеет приоритет, иначе — из формы по `name`.\nconst resolvedError = computed(() => {\n  if (props.error) return props.error\n  if (boundToForm.value && props.name) return form!.errors.value[props.name]\n  return undefined\n})\n\n// Обязательность: проп `required` ИЛИ наличие `required`-правила в форме.\nconst isRequired = computed(() => {\n  if (props.required) return true\n  if (boundToForm.value && props.name) return form!.requiredFields.value.has(props.name)\n  return false\n})\n\nconst hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint))\nconst hasError = computed(() => Boolean(resolvedError.value))\n\n// `aria-describedby` контрола: подсказка и/или ошибка.\nconst describedById = computed(() => {\n  const ids = [hasHint.value ? hintId : null, hasError.value ? errorId : null].filter(Boolean)\n  return ids.length ? ids.join(' ') : undefined\n})\n\nprovide(GR_FORM_FIELD_KEY, {\n  id: fieldId,\n  describedById,\n  invalid: hasError,\n  required: isRequired,\n})\n\n// ————— Интеграция с формой: регистрация (scroll-to-error) + валидация по blur.\nconst fieldRootEl = ref<HTMLElement | null>(null)\nlet unregister: (() => void) | undefined\n\nonMounted(() => {\n  if (form && props.name) unregister = form.registerField(props.name, () => fieldRootEl.value)\n})\nonBeforeUnmount(() => unregister?.())\n\n// `focusout` всплывает от любого фокусируемого контрола внутри поля (native и\n// кастомного) — единый способ поймать blur без правок самих контролов.\nfunction onFocusOut(): void {\n  if (form && props.name) void form.validateField(props.name, 'blur')\n}\n</script>\n\n<template>\n  <div\n    ref=\"fieldRootEl\"\n    data-gr-form-field\n    class=\"flex flex-col gap-2\"\n    @focusout=\"onFocusOut\"\n  >\n    <label\n      v-if=\"props.label\"\n      :for=\"fieldId\"\n      class=\"text-sm text-[var(--gr-muted-fg)]\"\n      :class=\"props.labelClass\"\n    >\n      {{ props.label }}\n      <span v-if=\"isRequired\" data-gr-form-field-required aria-hidden=\"true\" class=\"text-[var(--gr-danger)]\">*</span>\n    </label>\n\n    <p\n      v-if=\"hasHint\"\n      :id=\"hintId\"\n      data-gr-form-field-hint\n      class=\"text-xs text-[var(--gr-muted-fg)]\"\n    >\n      <slot name=\"hint\">\n        {{ props.hint }}\n      </slot>\n    </p>\n\n    <slot />\n\n    <div\n      v-if=\"hasError\"\n      :id=\"errorId\"\n      data-gr-form-field-error\n      role=\"alert\"\n      class=\"text-sm text-[var(--gr-danger)]\"\n    >\n      {{ resolvedError }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EA8Bd,MAAM,QAAQ,SAAS;EAIvB,MAAM,OAAO,iBAAiB;EAC9B,MAAM,cAAc,eAAe,QAAQ,QAAQ,MAAM,QAAQ,KAAK,SAAS,MAAM,IAAI,CAAC,CAAC;EAI3F,MAAM,cAAc,MAAM;EAC1B,MAAM,UAAU,eAAe,MAAM,SAAS,WAAW;EAEzD,MAAM,UAAU,MAAM;EACtB,MAAM,SAAS,MAAM;EAGrB,MAAM,gBAAgB,eAAe;GACnC,IAAI,MAAM,OAAO,OAAO,MAAM;GAC9B,IAAI,YAAY,SAAS,MAAM,MAAM,OAAO,KAAM,OAAO,MAAM,MAAM;EAEvE,CAAC;EAGD,MAAM,aAAa,eAAe;GAChC,IAAI,MAAM,UAAU,OAAO;GAC3B,IAAI,YAAY,SAAS,MAAM,MAAM,OAAO,KAAM,eAAe,MAAM,IAAI,MAAM,IAAI;GACrF,OAAO;EACT,CAAC;EAED,MAAM,UAAU,eAAe,QAAQ,MAAM,IAAI,KAAK,QAAQ,MAAM,IAAI,CAAC;EACzE,MAAM,WAAW,eAAe,QAAQ,cAAc,KAAK,CAAC;EAQ5D,QAAQ,mBAAmB;GACzB,IAAI;GACJ,eAPoB,eAAe;IACnC,MAAM,MAAM,CAAC,QAAQ,QAAQ,SAAS,MAAM,SAAS,QAAQ,UAAU,IAAI,CAAC,CAAC,OAAO,OAAO;IAC3F,OAAO,IAAI,SAAS,IAAI,KAAK,GAAG,IAAI,KAAA;GACtC,CAIE;GACA,SAAS;GACT,UAAU;EACZ,CAAC;EAGD,MAAM,cAAc,IAAwB,IAAI;EAChD,IAAI;EAEJ,gBAAgB;GACd,IAAI,QAAQ,MAAM,MAAM,aAAa,KAAK,cAAc,MAAM,YAAY,YAAY,KAAK;EAC7F,CAAC;EACD,sBAAsB,aAAa,CAAC;EAIpC,SAAS,aAAmB;GAC1B,IAAI,QAAQ,MAAM,MAAM,KAAU,cAAc,MAAM,MAAM,MAAM;EACpE;;uBAIE,mBAsCM,OAAA;aArCA;IAAJ,KAAI;IACJ,sBAAA;IACA,OAAM;IACL,YAAU;;IAGH,MAAM,SAAA,UAAA,GADd,mBAQQ,SAAA;;KANL,KAAK,QAAA;KACN,OAAK,eAAA,CAAC,qCACE,MAAM,UAAU,CAAA;wCAErB,MAAM,KAAK,IAAG,KACjB,CAAA,GAAY,WAAA,SAAA,UAAA,GAAZ,mBAA+G,QAA/G,YAAuG,GAAC,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,IAAA,IAAA;IAIlG,QAAA,SAAA,UAAA,GADR,mBASI,KAAA;;KAPD,IAAI,MAAA,MAAA;KACL,2BAAA;KACA,OAAM;QAEN,WAEO,KAAA,QAAA,QAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,MAAM,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA;IAIjB,WAAQ,KAAA,QAAA,SAAA;IAGA,SAAA,SAAA,UAAA,GADR,mBAQM,OAAA;;KANH,IAAI,MAAA,OAAA;KACL,4BAAA;KACA,MAAK;KACL,OAAM;uBAEH,cAAA,KAAa,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA"}