@feugene/granularity 0.30.0 → 0.31.1

package/dist/components/GrFilePreview/chunks/GrFilePreview-C9Z7hMK8.js.map

@@ -1 +1 @@
-{"version":3,"file":"GrFilePreview-C9Z7hMK8.js","names":[],"sources":["../../../../src/components/GrFilePreview/fileKindOf.ts","../../../../src/components/GrFilePreview/GrFilePreview.vue","../../../../src/components/GrFilePreview/GrFilePreview.vue"],"sourcesContent":["/**\n * Вид файла по MIME-типу.\n *\n * Тип решает **`mime`, а не расширение**: расширение врёт (`.dat` у выгрузки,\n * `.pdf` у переименованного архива), а бэкенд отдаёт настоящий тип — брать надо\n * его. От вида зависит единственное решение компонента: рисовать `<img>` или\n * иконку.\n */\n\nexport type GrFileKind =\n  | 'image'\n  | 'pdf'\n  | 'document'\n  | 'spreadsheet'\n  | 'archive'\n  /** Тип не опознан, пуст или это `application/octet-stream`. */\n  | 'unknown'\n\n/** Точные типы. Порядок не важен — совпадение полное. */\nconst EXACT: Record<string, GrFileKind> = {\n  'application/pdf': 'pdf',\n  'application/x-pdf': 'pdf',\n\n  'application/msword': 'document',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'document',\n  'application/vnd.oasis.opendocument.text': 'document',\n  'application/rtf': 'document',\n\n  'application/vnd.ms-excel': 'spreadsheet',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'spreadsheet',\n  'application/vnd.oasis.opendocument.spreadsheet': 'spreadsheet',\n  'text/csv': 'spreadsheet',\n  'text/tab-separated-values': 'spreadsheet',\n\n  'application/zip': 'archive',\n  'application/x-zip-compressed': 'archive',\n  'application/x-rar-compressed': 'archive',\n  'application/vnd.rar': 'archive',\n  'application/x-7z-compressed': 'archive',\n  'application/x-tar': 'archive',\n  'application/gzip': 'archive',\n  'application/x-gzip': 'archive',\n}\n\n/**\n * Приведение к сравнимому виду: тип приходит из БД и бывает с параметрами\n * (`text/plain; charset=utf-8`) и в любом регистре.\n */\nfunction normalize(mime: string): string {\n  return mime.split(';')[0].trim().toLowerCase()\n}\n\nexport function fileKindOf(mime: string | null | undefined): GrFileKind {\n  if (!mime) return 'unknown'\n\n  const type = normalize(mime)\n  if (!type) return 'unknown'\n\n  // Картинка — единственный вид, который компонент рисует, а не подписывает.\n  if (type.startsWith('image/')) return 'image'\n\n  const exact = EXACT[type]\n  if (exact) return exact\n\n  // `text/csv` уже разобран выше: таблица важнее общего правила для текста.\n  if (type.startsWith('text/')) return 'document'\n\n  return 'unknown'\n}\n\n/** Картинку показываем, остальное — подписываем иконкой. */\nexport function isPreviewableKind(kind: GrFileKind): boolean {\n  return kind === 'image'\n}\n","<script setup lang=\"ts\">\nimport { computed, markRaw, ref, watch, type Component } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport IconFile from '~icons/lucide/file'\nimport IconFileArchive from '~icons/lucide/file-archive'\nimport IconFileSpreadsheet from '~icons/lucide/file-spreadsheet'\nimport IconFileText from '~icons/lucide/file-text'\nimport IconFileType from '~icons/lucide/file-type'\nimport IconImageOff from '~icons/lucide/image-off'\n\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { fileKindOf, isPreviewableKind, type GrFileKind } from './fileKindOf'\nimport {\n  filePreviewFallbackClass,\n  filePreviewIconClass,\n  filePreviewInteractiveClass,\n  filePreviewLabelClass,\n  filePreviewMediaClass,\n  filePreviewMediaLoadingClass,\n  filePreviewRatioClass,\n  filePreviewRootClass,\n  filePreviewTileWidths,\n  type GrFilePreviewRatio,\n} from './grFilePreviewStyles'\n\nexport type { GrFileKind } from './fileKindOf'\nexport type { GrFilePreviewRatio } from './grFilePreviewStyles'\n\n/**\n * Плитка превью файла с фолбэком по типу.\n *\n * Показывает **сохранённый** файл, а не отправляет новый: отправка — это\n * `GrFormFile` и `GrFileUpload`. Просмотрщик во весь экран открывает\n * потребитель по событию `click`.\n */\nexport interface GrFilePreviewProps {\n  /** Адрес превью. Пусто — сразу заглушка по типу. */\n  src?: string | null\n  /** MIME-тип. Он решает, картинка это или файл. */\n  mime?: string | null\n  /** Имя файла: доступное имя картинки и подпись заглушки. */\n  name?: string | null\n  /**\n   * Ступень канонической шкалы либо произвольная ширина в пикселях. Число —\n   * escape-hatch, как диаметр у GrAvatar: плитка 96px в ленте вложений в\n   * четыре ступени не укладывается.\n   */\n  tileSize?: GrSizeWithPx\n  ratio?: GrFilePreviewRatio\n  /** Ссылка на оригинал — для не-картинок и для перехода мимо просмотрщика. */\n  href?: string\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Плитка кликабельна и эмитит `click` — обычно чтобы открыть просмотрщик. */\n  clickable?: boolean\n  loading?: 'lazy' | 'eager'\n  /**\n   * Доступное имя интерактивной плитки. Не задано — имя приходит из содержимого:\n   * `alt` картинки или подписи заглушки.\n   */\n  ariaLabel?: string\n}\n\nexport interface GrFilePreviewEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrFilePreviewProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  src: undefined,\n  mime: undefined,\n  name: undefined,\n  tileSize: undefined,\n  ratio: undefined,\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  loading: undefined,\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrFilePreviewEmits>()\n\nconst resolvedTileSize = useGrComponentProp('GrFilePreview', 'tileSize', () => props.tileSize, 'md')\nconst resolvedRatio = useGrComponentProp('GrFilePreview', 'ratio', () => props.ratio, '1:1')\nconst resolvedLoading = useGrComponentProp('GrFilePreview', 'loading', () => props.loading, 'lazy')\n\nconst kind = computed<GrFileKind>(() => fileKindOf(props.mime))\n\n/**\n * Состояний три, а не два. Сорвавшаяся загрузка деградирует в заглушку: превью\n * может исчезнуть с диска, и «сломанная картинка» здесь не информативнее\n * иконки. Отдельное `loading` нужно ленте вложений: два десятка плиток\n * приезжают вразнобой, и без него сетка стоит дырами непонятной природы —\n * «ещё едет» и «файл без превью» выглядят одинаково.\n */\ntype ImageState = 'loading' | 'loaded' | 'error'\n\nconst imageState = ref<ImageState>('loading')\n\n// Новая ссылка не должна наследовать ни ошибку прошлой, ни её готовность.\nwatch(() => props.src, () => { imageState.value = 'loading' })\n\nconst showImage = computed(() => (\n  isPreviewableKind(kind.value) && Boolean(props.src) && imageState.value !== 'error'\n))\n\nconst showSkeleton = computed(() => showImage.value && imageState.value === 'loading')\n\n/**\n * Иконка вида. Картинка попадает сюда только сорвавшейся загрузкой — тогда и\n * значок другой: «изображение не открылось», а не «это файл».\n */\nconst iconByKind: Record<GrFileKind, Component> = {\n  image: markRaw(IconImageOff),\n  pdf: markRaw(IconFileText),\n  document: markRaw(IconFileType),\n  spreadsheet: markRaw(IconFileSpreadsheet),\n  archive: markRaw(IconFileArchive),\n  unknown: markRaw(IconFile),\n}\n\nconst fallbackIcon = computed(() => iconByKind[kind.value])\n\nconst isInteractive = computed(() => Boolean(props.as) || Boolean(props.href) || props.clickable)\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as) return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  if (props.href) return 'a'\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без\n * `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —\n * там он и гасится.\n */\nconst rootHref = computed(() => (\n  typeof rootTag.value === 'string' && rootTag.value !== 'a' ? undefined : props.href\n))\n\nconst rootClass = computed(() => [\n  filePreviewRootClass,\n  filePreviewRatioClass[resolvedRatio.value],\n  typeof resolvedTileSize.value === 'number' ? '' : filePreviewTileWidths[resolvedTileSize.value],\n  isInteractive.value ? filePreviewInteractiveClass : '',\n].filter(Boolean).join(' '))\n\nconst rootStyle = computed(() => (\n  typeof resolvedTileSize.value === 'number' ? { width: `${resolvedTileSize.value}px` } : undefined\n))\n\n/**\n * `alt` не выдумывается. Есть имя — оно и есть `alt`; нет — картинка\n * декоративна, и придуманное компонентом описание было бы хуже пустого.\n */\nconst alt = computed(() => props.name ?? '')\n\nfunction onClick(event: MouseEvent): void {\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-file-preview\n    :data-kind=\"kind\"\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootHref\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    :aria-label=\"ariaLabel\"\n    @click=\"onClick\"\n  >\n    <GrSkeleton\n      v-if=\"showSkeleton\"\n      data-gr-file-preview-skeleton\n      width=\"100%\"\n      height=\"100%\"\n      rounded=\"var(--gr-file-preview-radius, var(--gr-radius-md))\"\n    />\n\n    <!--\n      Условие — `showImage`, а не «картинка готова»: убери её из дерева на\n      время загрузки, и браузер не начнёт качать, а `load` не придёт никогда.\n      Поэтому она ждёт невидимой и вне потока — иначе поделила бы плитку со\n      скелетом как второй flex-элемент.\n    -->\n    <img\n      v-if=\"showImage\"\n      :key=\"src ?? ''\"\n      data-gr-file-preview-image\n      :src=\"src ?? undefined\"\n      :alt=\"alt\"\n      :loading=\"resolvedLoading\"\n      :class=\"[filePreviewMediaClass, showSkeleton ? filePreviewMediaLoadingClass : '']\"\n      @load=\"imageState = 'loaded'\"\n      @error=\"imageState = 'error'\"\n    >\n\n    <span v-else data-gr-file-preview-fallback :class=\"filePreviewFallbackClass\">\n      <component :is=\"fallbackIcon\" :class=\"filePreviewIconClass\" aria-hidden=\"true\" />\n      <span v-if=\"name\" data-gr-file-preview-label :class=\"filePreviewLabelClass\">{{ name }}</span>\n    </span>\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, ref, watch, type Component } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport IconFile from '~icons/lucide/file'\nimport IconFileArchive from '~icons/lucide/file-archive'\nimport IconFileSpreadsheet from '~icons/lucide/file-spreadsheet'\nimport IconFileText from '~icons/lucide/file-text'\nimport IconFileType from '~icons/lucide/file-type'\nimport IconImageOff from '~icons/lucide/image-off'\n\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { fileKindOf, isPreviewableKind, type GrFileKind } from './fileKindOf'\nimport {\n  filePreviewFallbackClass,\n  filePreviewIconClass,\n  filePreviewInteractiveClass,\n  filePreviewLabelClass,\n  filePreviewMediaClass,\n  filePreviewMediaLoadingClass,\n  filePreviewRatioClass,\n  filePreviewRootClass,\n  filePreviewTileWidths,\n  type GrFilePreviewRatio,\n} from './grFilePreviewStyles'\n\nexport type { GrFileKind } from './fileKindOf'\nexport type { GrFilePreviewRatio } from './grFilePreviewStyles'\n\n/**\n * Плитка превью файла с фолбэком по типу.\n *\n * Показывает **сохранённый** файл, а не отправляет новый: отправка — это\n * `GrFormFile` и `GrFileUpload`. Просмотрщик во весь экран открывает\n * потребитель по событию `click`.\n */\nexport interface GrFilePreviewProps {\n  /** Адрес превью. Пусто — сразу заглушка по типу. */\n  src?: string | null\n  /** MIME-тип. Он решает, картинка это или файл. */\n  mime?: string | null\n  /** Имя файла: доступное имя картинки и подпись заглушки. */\n  name?: string | null\n  /**\n   * Ступень канонической шкалы либо произвольная ширина в пикселях. Число —\n   * escape-hatch, как диаметр у GrAvatar: плитка 96px в ленте вложений в\n   * четыре ступени не укладывается.\n   */\n  tileSize?: GrSizeWithPx\n  ratio?: GrFilePreviewRatio\n  /** Ссылка на оригинал — для не-картинок и для перехода мимо просмотрщика. */\n  href?: string\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Плитка кликабельна и эмитит `click` — обычно чтобы открыть просмотрщик. */\n  clickable?: boolean\n  loading?: 'lazy' | 'eager'\n  /**\n   * Доступное имя интерактивной плитки. Не задано — имя приходит из содержимого:\n   * `alt` картинки или подписи заглушки.\n   */\n  ariaLabel?: string\n}\n\nexport interface GrFilePreviewEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrFilePreviewProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  src: undefined,\n  mime: undefined,\n  name: undefined,\n  tileSize: undefined,\n  ratio: undefined,\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  loading: undefined,\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrFilePreviewEmits>()\n\nconst resolvedTileSize = useGrComponentProp('GrFilePreview', 'tileSize', () => props.tileSize, 'md')\nconst resolvedRatio = useGrComponentProp('GrFilePreview', 'ratio', () => props.ratio, '1:1')\nconst resolvedLoading = useGrComponentProp('GrFilePreview', 'loading', () => props.loading, 'lazy')\n\nconst kind = computed<GrFileKind>(() => fileKindOf(props.mime))\n\n/**\n * Состояний три, а не два. Сорвавшаяся загрузка деградирует в заглушку: превью\n * может исчезнуть с диска, и «сломанная картинка» здесь не информативнее\n * иконки. Отдельное `loading` нужно ленте вложений: два десятка плиток\n * приезжают вразнобой, и без него сетка стоит дырами непонятной природы —\n * «ещё едет» и «файл без превью» выглядят одинаково.\n */\ntype ImageState = 'loading' | 'loaded' | 'error'\n\nconst imageState = ref<ImageState>('loading')\n\n// Новая ссылка не должна наследовать ни ошибку прошлой, ни её готовность.\nwatch(() => props.src, () => { imageState.value = 'loading' })\n\nconst showImage = computed(() => (\n  isPreviewableKind(kind.value) && Boolean(props.src) && imageState.value !== 'error'\n))\n\nconst showSkeleton = computed(() => showImage.value && imageState.value === 'loading')\n\n/**\n * Иконка вида. Картинка попадает сюда только сорвавшейся загрузкой — тогда и\n * значок другой: «изображение не открылось», а не «это файл».\n */\nconst iconByKind: Record<GrFileKind, Component> = {\n  image: markRaw(IconImageOff),\n  pdf: markRaw(IconFileText),\n  document: markRaw(IconFileType),\n  spreadsheet: markRaw(IconFileSpreadsheet),\n  archive: markRaw(IconFileArchive),\n  unknown: markRaw(IconFile),\n}\n\nconst fallbackIcon = computed(() => iconByKind[kind.value])\n\nconst isInteractive = computed(() => Boolean(props.as) || Boolean(props.href) || props.clickable)\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as) return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  if (props.href) return 'a'\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без\n * `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —\n * там он и гасится.\n */\nconst rootHref = computed(() => (\n  typeof rootTag.value === 'string' && rootTag.value !== 'a' ? undefined : props.href\n))\n\nconst rootClass = computed(() => [\n  filePreviewRootClass,\n  filePreviewRatioClass[resolvedRatio.value],\n  typeof resolvedTileSize.value === 'number' ? '' : filePreviewTileWidths[resolvedTileSize.value],\n  isInteractive.value ? filePreviewInteractiveClass : '',\n].filter(Boolean).join(' '))\n\nconst rootStyle = computed(() => (\n  typeof resolvedTileSize.value === 'number' ? { width: `${resolvedTileSize.value}px` } : undefined\n))\n\n/**\n * `alt` не выдумывается. Есть имя — оно и есть `alt`; нет — картинка\n * декоративна, и придуманное компонентом описание было бы хуже пустого.\n */\nconst alt = computed(() => props.name ?? '')\n\nfunction onClick(event: MouseEvent): void {\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-file-preview\n    :data-kind=\"kind\"\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootHref\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    :aria-label=\"ariaLabel\"\n    @click=\"onClick\"\n  >\n    <GrSkeleton\n      v-if=\"showSkeleton\"\n      data-gr-file-preview-skeleton\n      width=\"100%\"\n      height=\"100%\"\n      rounded=\"var(--gr-file-preview-radius, var(--gr-radius-md))\"\n    />\n\n    <!--\n      Условие — `showImage`, а не «картинка готова»: убери её из дерева на\n      время загрузки, и браузер не начнёт качать, а `load` не придёт никогда.\n      Поэтому она ждёт невидимой и вне потока — иначе поделила бы плитку со\n      скелетом как второй flex-элемент.\n    -->\n    <img\n      v-if=\"showImage\"\n      :key=\"src ?? ''\"\n      data-gr-file-preview-image\n      :src=\"src ?? undefined\"\n      :alt=\"alt\"\n      :loading=\"resolvedLoading\"\n      :class=\"[filePreviewMediaClass, showSkeleton ? filePreviewMediaLoadingClass : '']\"\n      @load=\"imageState = 'loaded'\"\n      @error=\"imageState = 'error'\"\n    >\n\n    <span v-else data-gr-file-preview-fallback :class=\"filePreviewFallbackClass\">\n      <component :is=\"fallbackIcon\" :class=\"filePreviewIconClass\" aria-hidden=\"true\" />\n      <span v-if=\"name\" data-gr-file-preview-label :class=\"filePreviewLabelClass\">{{ name }}</span>\n    </span>\n  </component>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrFilePreview-C9Z7hMK8.js","names":[],"sources":["../../../../src/components/GrFilePreview/fileKindOf.ts","../../../../src/components/GrFilePreview/GrFilePreview.vue","../../../../src/components/GrFilePreview/GrFilePreview.vue"],"sourcesContent":["/**\n * Вид файла по MIME-типу.\n *\n * Тип решает **`mime`, а не расширение**: расширение врёт (`.dat` у выгрузки,\n * `.pdf` у переименованного архива), а бэкенд отдаёт настоящий тип — брать надо\n * его. От вида зависит единственное решение компонента: рисовать `<img>` или\n * иконку.\n */\n\nexport type GrFileKind\n  = | 'image'\n    | 'pdf'\n    | 'document'\n    | 'spreadsheet'\n    | 'archive'\n  /** Тип не опознан, пуст или это `application/octet-stream`. */\n    | 'unknown'\n\n/** Точные типы. Порядок не важен — совпадение полное. */\nconst EXACT: Record<string, GrFileKind> = {\n  'application/pdf': 'pdf',\n  'application/x-pdf': 'pdf',\n\n  'application/msword': 'document',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'document',\n  'application/vnd.oasis.opendocument.text': 'document',\n  'application/rtf': 'document',\n\n  'application/vnd.ms-excel': 'spreadsheet',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'spreadsheet',\n  'application/vnd.oasis.opendocument.spreadsheet': 'spreadsheet',\n  'text/csv': 'spreadsheet',\n  'text/tab-separated-values': 'spreadsheet',\n\n  'application/zip': 'archive',\n  'application/x-zip-compressed': 'archive',\n  'application/x-rar-compressed': 'archive',\n  'application/vnd.rar': 'archive',\n  'application/x-7z-compressed': 'archive',\n  'application/x-tar': 'archive',\n  'application/gzip': 'archive',\n  'application/x-gzip': 'archive',\n}\n\n/**\n * Приведение к сравнимому виду: тип приходит из БД и бывает с параметрами\n * (`text/plain; charset=utf-8`) и в любом регистре.\n */\nfunction normalize(mime: string): string {\n  return mime.split(';')[0].trim().toLowerCase()\n}\n\nexport function fileKindOf(mime: string | null | undefined): GrFileKind {\n  if (!mime)\n    return 'unknown'\n\n  const type = normalize(mime)\n  if (!type)\n    return 'unknown'\n\n  // Картинка — единственный вид, который компонент рисует, а не подписывает.\n  if (type.startsWith('image/'))\n    return 'image'\n\n  const exact = EXACT[type]\n  if (exact)\n    return exact\n\n  // `text/csv` уже разобран выше: таблица важнее общего правила для текста.\n  if (type.startsWith('text/'))\n    return 'document'\n\n  return 'unknown'\n}\n\n/** Картинку показываем, остальное — подписываем иконкой. */\nexport function isPreviewableKind(kind: GrFileKind): boolean {\n  return kind === 'image'\n}\n","<script setup lang=\"ts\">\nimport { computed, markRaw, ref, watch, type Component } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport IconFile from '~icons/lucide/file'\nimport IconFileArchive from '~icons/lucide/file-archive'\nimport IconFileSpreadsheet from '~icons/lucide/file-spreadsheet'\nimport IconFileText from '~icons/lucide/file-text'\nimport IconFileType from '~icons/lucide/file-type'\nimport IconImageOff from '~icons/lucide/image-off'\n\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { fileKindOf, isPreviewableKind, type GrFileKind } from './fileKindOf'\nimport {\n  filePreviewFallbackClass,\n  filePreviewIconClass,\n  filePreviewInteractiveClass,\n  filePreviewLabelClass,\n  filePreviewMediaClass,\n  filePreviewMediaLoadingClass,\n  filePreviewRatioClass,\n  filePreviewRootClass,\n  filePreviewTileWidths,\n  type GrFilePreviewRatio,\n} from './grFilePreviewStyles'\n\nexport type { GrFileKind } from './fileKindOf'\nexport type { GrFilePreviewRatio } from './grFilePreviewStyles'\n\n/**\n * Плитка превью файла с фолбэком по типу.\n *\n * Показывает **сохранённый** файл, а не отправляет новый: отправка — это\n * `GrFormFile` и `GrFileUpload`. Просмотрщик во весь экран открывает\n * потребитель по событию `click`.\n */\nexport interface GrFilePreviewProps {\n  /** Адрес превью. Пусто — сразу заглушка по типу. */\n  src?: string | null\n  /** MIME-тип. Он решает, картинка это или файл. */\n  mime?: string | null\n  /** Имя файла: доступное имя картинки и подпись заглушки. */\n  name?: string | null\n  /**\n   * Ступень канонической шкалы либо произвольная ширина в пикселях. Число —\n   * escape-hatch, как диаметр у GrAvatar: плитка 96px в ленте вложений в\n   * четыре ступени не укладывается.\n   */\n  tileSize?: GrSizeWithPx\n  ratio?: GrFilePreviewRatio\n  /** Ссылка на оригинал — для не-картинок и для перехода мимо просмотрщика. */\n  href?: string\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Плитка кликабельна и эмитит `click` — обычно чтобы открыть просмотрщик. */\n  clickable?: boolean\n  loading?: 'lazy' | 'eager'\n  /**\n   * Доступное имя интерактивной плитки. Не задано — имя приходит из содержимого:\n   * `alt` картинки или подписи заглушки.\n   */\n  ariaLabel?: string\n}\n\nexport interface GrFilePreviewEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrFilePreviewProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  src: undefined,\n  mime: undefined,\n  name: undefined,\n  tileSize: undefined,\n  ratio: undefined,\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  loading: undefined,\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrFilePreviewEmits>()\n\nconst resolvedTileSize = useGrComponentProp('GrFilePreview', 'tileSize', () => props.tileSize, 'md')\nconst resolvedRatio = useGrComponentProp('GrFilePreview', 'ratio', () => props.ratio, '1:1')\nconst resolvedLoading = useGrComponentProp('GrFilePreview', 'loading', () => props.loading, 'lazy')\n\nconst kind = computed<GrFileKind>(() => fileKindOf(props.mime))\n\n/**\n * Состояний три, а не два. Сорвавшаяся загрузка деградирует в заглушку: превью\n * может исчезнуть с диска, и «сломанная картинка» здесь не информативнее\n * иконки. Отдельное `loading` нужно ленте вложений: два десятка плиток\n * приезжают вразнобой, и без него сетка стоит дырами непонятной природы —\n * «ещё едет» и «файл без превью» выглядят одинаково.\n */\ntype ImageState = 'loading' | 'loaded' | 'error'\n\nconst imageState = ref<ImageState>('loading')\n\n// Новая ссылка не должна наследовать ни ошибку прошлой, ни её готовность.\nwatch(() => props.src, () => {\n  imageState.value = 'loading'\n})\n\nconst showImage = computed(() => (\n  isPreviewableKind(kind.value) && Boolean(props.src) && imageState.value !== 'error'\n))\n\nconst showSkeleton = computed(() => showImage.value && imageState.value === 'loading')\n\n/**\n * Иконка вида. Картинка попадает сюда только сорвавшейся загрузкой — тогда и\n * значок другой: «изображение не открылось», а не «это файл».\n */\nconst iconByKind: Record<GrFileKind, Component> = {\n  image: markRaw(IconImageOff),\n  pdf: markRaw(IconFileText),\n  document: markRaw(IconFileType),\n  spreadsheet: markRaw(IconFileSpreadsheet),\n  archive: markRaw(IconFileArchive),\n  unknown: markRaw(IconFile),\n}\n\nconst fallbackIcon = computed(() => iconByKind[kind.value])\n\nconst isInteractive = computed(() => Boolean(props.as) || Boolean(props.href) || props.clickable)\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  if (props.href)\n    return 'a'\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без\n * `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —\n * там он и гасится.\n */\nconst rootHref = computed(() => (\n  typeof rootTag.value === 'string' && rootTag.value !== 'a' ? undefined : props.href\n))\n\nconst rootClass = computed(() => [\n  filePreviewRootClass,\n  filePreviewRatioClass[resolvedRatio.value],\n  typeof resolvedTileSize.value === 'number' ? '' : filePreviewTileWidths[resolvedTileSize.value],\n  isInteractive.value ? filePreviewInteractiveClass : '',\n].filter(Boolean).join(' '))\n\nconst rootStyle = computed(() => (\n  typeof resolvedTileSize.value === 'number' ? { width: `${resolvedTileSize.value}px` } : undefined\n))\n\n/**\n * `alt` не выдумывается. Есть имя — оно и есть `alt`; нет — картинка\n * декоративна, и придуманное компонентом описание было бы хуже пустого.\n */\nconst alt = computed(() => props.name ?? '')\n\nfunction onClick(event: MouseEvent): void {\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-file-preview\n    :data-kind=\"kind\"\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootHref\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    :aria-label=\"ariaLabel\"\n    @click=\"onClick\"\n  >\n    <GrSkeleton\n      v-if=\"showSkeleton\"\n      data-gr-file-preview-skeleton\n      width=\"100%\"\n      height=\"100%\"\n      rounded=\"var(--gr-file-preview-radius, var(--gr-radius-md))\"\n    />\n\n    <!--\n      Условие — `showImage`, а не «картинка готова»: убери её из дерева на\n      время загрузки, и браузер не начнёт качать, а `load` не придёт никогда.\n      Поэтому она ждёт невидимой и вне потока — иначе поделила бы плитку со\n      скелетом как второй flex-элемент.\n    -->\n    <img\n      v-if=\"showImage\"\n      :key=\"src ?? ''\"\n      data-gr-file-preview-image\n      :src=\"src ?? undefined\"\n      :alt=\"alt\"\n      :loading=\"resolvedLoading\"\n      :class=\"[filePreviewMediaClass, showSkeleton ? filePreviewMediaLoadingClass : '']\"\n      @load=\"imageState = 'loaded'\"\n      @error=\"imageState = 'error'\"\n    >\n\n    <span v-else data-gr-file-preview-fallback :class=\"filePreviewFallbackClass\">\n      <component :is=\"fallbackIcon\" :class=\"filePreviewIconClass\" aria-hidden=\"true\" />\n      <span v-if=\"name\" data-gr-file-preview-label :class=\"filePreviewLabelClass\">{{ name }}</span>\n    </span>\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, ref, watch, type Component } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport IconFile from '~icons/lucide/file'\nimport IconFileArchive from '~icons/lucide/file-archive'\nimport IconFileSpreadsheet from '~icons/lucide/file-spreadsheet'\nimport IconFileText from '~icons/lucide/file-text'\nimport IconFileType from '~icons/lucide/file-type'\nimport IconImageOff from '~icons/lucide/image-off'\n\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { fileKindOf, isPreviewableKind, type GrFileKind } from './fileKindOf'\nimport {\n  filePreviewFallbackClass,\n  filePreviewIconClass,\n  filePreviewInteractiveClass,\n  filePreviewLabelClass,\n  filePreviewMediaClass,\n  filePreviewMediaLoadingClass,\n  filePreviewRatioClass,\n  filePreviewRootClass,\n  filePreviewTileWidths,\n  type GrFilePreviewRatio,\n} from './grFilePreviewStyles'\n\nexport type { GrFileKind } from './fileKindOf'\nexport type { GrFilePreviewRatio } from './grFilePreviewStyles'\n\n/**\n * Плитка превью файла с фолбэком по типу.\n *\n * Показывает **сохранённый** файл, а не отправляет новый: отправка — это\n * `GrFormFile` и `GrFileUpload`. Просмотрщик во весь экран открывает\n * потребитель по событию `click`.\n */\nexport interface GrFilePreviewProps {\n  /** Адрес превью. Пусто — сразу заглушка по типу. */\n  src?: string | null\n  /** MIME-тип. Он решает, картинка это или файл. */\n  mime?: string | null\n  /** Имя файла: доступное имя картинки и подпись заглушки. */\n  name?: string | null\n  /**\n   * Ступень канонической шкалы либо произвольная ширина в пикселях. Число —\n   * escape-hatch, как диаметр у GrAvatar: плитка 96px в ленте вложений в\n   * четыре ступени не укладывается.\n   */\n  tileSize?: GrSizeWithPx\n  ratio?: GrFilePreviewRatio\n  /** Ссылка на оригинал — для не-картинок и для перехода мимо просмотрщика. */\n  href?: string\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Плитка кликабельна и эмитит `click` — обычно чтобы открыть просмотрщик. */\n  clickable?: boolean\n  loading?: 'lazy' | 'eager'\n  /**\n   * Доступное имя интерактивной плитки. Не задано — имя приходит из содержимого:\n   * `alt` картинки или подписи заглушки.\n   */\n  ariaLabel?: string\n}\n\nexport interface GrFilePreviewEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrFilePreviewProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  src: undefined,\n  mime: undefined,\n  name: undefined,\n  tileSize: undefined,\n  ratio: undefined,\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  loading: undefined,\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrFilePreviewEmits>()\n\nconst resolvedTileSize = useGrComponentProp('GrFilePreview', 'tileSize', () => props.tileSize, 'md')\nconst resolvedRatio = useGrComponentProp('GrFilePreview', 'ratio', () => props.ratio, '1:1')\nconst resolvedLoading = useGrComponentProp('GrFilePreview', 'loading', () => props.loading, 'lazy')\n\nconst kind = computed<GrFileKind>(() => fileKindOf(props.mime))\n\n/**\n * Состояний три, а не два. Сорвавшаяся загрузка деградирует в заглушку: превью\n * может исчезнуть с диска, и «сломанная картинка» здесь не информативнее\n * иконки. Отдельное `loading` нужно ленте вложений: два десятка плиток\n * приезжают вразнобой, и без него сетка стоит дырами непонятной природы —\n * «ещё едет» и «файл без превью» выглядят одинаково.\n */\ntype ImageState = 'loading' | 'loaded' | 'error'\n\nconst imageState = ref<ImageState>('loading')\n\n// Новая ссылка не должна наследовать ни ошибку прошлой, ни её готовность.\nwatch(() => props.src, () => {\n  imageState.value = 'loading'\n})\n\nconst showImage = computed(() => (\n  isPreviewableKind(kind.value) && Boolean(props.src) && imageState.value !== 'error'\n))\n\nconst showSkeleton = computed(() => showImage.value && imageState.value === 'loading')\n\n/**\n * Иконка вида. Картинка попадает сюда только сорвавшейся загрузкой — тогда и\n * значок другой: «изображение не открылось», а не «это файл».\n */\nconst iconByKind: Record<GrFileKind, Component> = {\n  image: markRaw(IconImageOff),\n  pdf: markRaw(IconFileText),\n  document: markRaw(IconFileType),\n  spreadsheet: markRaw(IconFileSpreadsheet),\n  archive: markRaw(IconFileArchive),\n  unknown: markRaw(IconFile),\n}\n\nconst fallbackIcon = computed(() => iconByKind[kind.value])\n\nconst isInteractive = computed(() => Boolean(props.as) || Boolean(props.href) || props.clickable)\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  if (props.href)\n    return 'a'\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без\n * `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —\n * там он и гасится.\n */\nconst rootHref = computed(() => (\n  typeof rootTag.value === 'string' && rootTag.value !== 'a' ? undefined : props.href\n))\n\nconst rootClass = computed(() => [\n  filePreviewRootClass,\n  filePreviewRatioClass[resolvedRatio.value],\n  typeof resolvedTileSize.value === 'number' ? '' : filePreviewTileWidths[resolvedTileSize.value],\n  isInteractive.value ? filePreviewInteractiveClass : '',\n].filter(Boolean).join(' '))\n\nconst rootStyle = computed(() => (\n  typeof resolvedTileSize.value === 'number' ? { width: `${resolvedTileSize.value}px` } : undefined\n))\n\n/**\n * `alt` не выдумывается. Есть имя — оно и есть `alt`; нет — картинка\n * декоративна, и придуманное компонентом описание было бы хуже пустого.\n */\nconst alt = computed(() => props.name ?? '')\n\nfunction onClick(event: MouseEvent): void {\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-file-preview\n    :data-kind=\"kind\"\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootHref\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    :aria-label=\"ariaLabel\"\n    @click=\"onClick\"\n  >\n    <GrSkeleton\n      v-if=\"showSkeleton\"\n      data-gr-file-preview-skeleton\n      width=\"100%\"\n      height=\"100%\"\n      rounded=\"var(--gr-file-preview-radius, var(--gr-radius-md))\"\n    />\n\n    <!--\n      Условие — `showImage`, а не «картинка готова»: убери её из дерева на\n      время загрузки, и браузер не начнёт качать, а `load` не придёт никогда.\n      Поэтому она ждёт невидимой и вне потока — иначе поделила бы плитку со\n      скелетом как второй flex-элемент.\n    -->\n    <img\n      v-if=\"showImage\"\n      :key=\"src ?? ''\"\n      data-gr-file-preview-image\n      :src=\"src ?? undefined\"\n      :alt=\"alt\"\n      :loading=\"resolvedLoading\"\n      :class=\"[filePreviewMediaClass, showSkeleton ? filePreviewMediaLoadingClass : '']\"\n      @load=\"imageState = 'loaded'\"\n      @error=\"imageState = 'error'\"\n    >\n\n    <span v-else data-gr-file-preview-fallback :class=\"filePreviewFallbackClass\">\n      <component :is=\"fallbackIcon\" :class=\"filePreviewIconClass\" aria-hidden=\"true\" />\n      <span v-if=\"name\" data-gr-file-preview-label :class=\"filePreviewLabelClass\">{{ name }}</span>\n    </span>\n  </component>\n</template>\n"],"mappings":"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"}