@feugene/granularity 0.48.0 → 0.49.0

package/dist/components/GrPagination/chunks/{GrPagination-BbaF5eXk.js.map → GrPagination-CMrLPzvL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrPagination-BbaF5eXk.js","names":[],"sources":["../../../../src/components/GrPagination/GrPagination.vue","../../../../src/components/GrPagination/GrPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, watch, watchEffect } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport {\n  type GrPaginationSize,\n  ellipsisSizes,\n  jumperSizes,\n  labelSizes,\n  navButtonSizes,\n  pageListGaps,\n  pageBoxSizes,\n  pageSizeSelectWidths,\n  rowGaps,\n} from './grPaginationStyles'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Номера усекаются многоточием\n * (алгоритм boundary/sibling, как у MUI): всегда видны первая/последняя страница\n * и `siblingCount` соседей вокруг текущей.\n */\n/**\n * Вариант размера страницы: число либо пара «значение + подпись».\n *\n * Пара нужна там, где подпись не равна числу («50 / стр.», «Все»): собрать её\n * из голого `number[]` было нельзя, а обходной путь — свой `GrSelect` рядом —\n * терял связь с пагинацией.\n */\nexport type GrPaginationPageSizeOption = number | { value: number, label: string }\n\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  /**\n   * Варианты размера страницы. Число — подпись равна значению; пара — своя\n   * подпись при том же значении («50 / стр.»), которую иначе было не собрать.\n   */\n  pageSizes?: GrPaginationPageSizeOption[]\n  /** Сколько соседних страниц показывать вокруг текущей. По умолчанию `1`. */\n  siblingCount?: number\n  /** Сколько крайних страниц всегда показывать с каждого края. По умолчанию `1`. */\n  boundaryCount?: number\n  /**\n   * Компактный вариант: вместо нумерованных страниц показывается индикатор\n   * «текущая / всего» — удобно для узких мест (мобайл, тулбары таблиц).\n   */\n  compact?: boolean\n  /** Показывать поле «перейти к странице» с быстрым переходом по вводу номера. */\n  showJumper?: boolean\n  /** Показывать селект размера страницы. */\n  showPageSize?: boolean\n  /** Показывать диапазон показанных элементов — «1–20 из 137». Слот `#total` сильнее. */\n  showTotal?: boolean\n  /** i18n-подпись перед полем перехода. По умолчанию — `gr.pagination.jumpTo`. */\n  jumperLabel?: string\n  /**\n   * Имя навигационного лендмарка. По умолчанию — `gr.pagination.label`; задавать\n   * стоит там, где пагинаций на странице несколько и их надо различать.\n   */\n  ariaLabel?: string\n  /** Гасит всю пагинацию: номера, кнопки, селект размера и поле перехода. */\n  disabled?: boolean\n  size?: GrPaginationSize\n}\n\nexport interface GrPaginationEmits {\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n  siblingCount: 1,\n  boundaryCount: 1,\n  compact: false,\n  showJumper: false,\n  showPageSize: false,\n  showTotal: false,\n  jumperLabel: undefined,\n  ariaLabel: undefined,\n  disabled: false,\n  size: undefined,\n})\n\ndefineSlots<{\n  /** Диапазон показанных элементов целиком — вместо строки из локали. */\n  total?: (props: { from: number, to: number, total: number }) => unknown\n}>()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrPagination' })\n\nconst rowClass = computed(() => rowGaps[resolvedSize.value])\nconst pageListClass = computed(() => pageListGaps[resolvedSize.value])\nconst pageClass = computed(() => pageBoxSizes[resolvedSize.value])\nconst jumperClass = computed(() => jumperSizes[resolvedSize.value])\nconst ellipsisClass = computed(() => ellipsisSizes[resolvedSize.value])\nconst labelClass = computed(() => labelSizes[resolvedSize.value])\nconst selectWrapClass = computed(() => pageSizeSelectWidths[resolvedSize.value])\nconst navButtonSize = computed(() => navButtonSizes[resolvedSize.value])\n\nconst emit = defineEmits<GrPaginationEmits>()\n\n// Обязательный проп может не доехать — промах вызова, асинхронный стор, —\n// и `Math.trunc(undefined)` разнёс бы `NaN` по номерам, статусу и диапазону.\n// Разметка при этом остаётся правдоподобной на вид, поэтому нечисловое\n// значение подменяется дефолтом, а dev-гард в конце файла называет виновника.\nfunction toFiniteInt(value: number, fallback: number): number {\n  return Number.isFinite(value) ? Math.trunc(value) : fallback\n}\n\n// Делитель клампится: `pageSize: 0` дал бы `Infinity` страниц и бесконечный\n// цикл в `range()`.\nconst resolvedPageSize = computed(() => Math.max(1, toFiniteInt(props.pageSize, 1)))\nconst resolvedTotal = computed(() => Math.max(0, toFiniteInt(props.total, 0)))\nconst pageCount = computed(() => Math.max(1, Math.ceil(resolvedTotal.value / resolvedPageSize.value)))\n\n// Рендер идёт от зажатого номера: вотчер ниже просит родителя подтянуть `page`,\n// но на первом рендере он молчит, и без клампа пагинация осталась бы вовсе без\n// активной страницы.\nconst currentPage = computed(() => Math.min(Math.max(toFiniteInt(props.page, 1), 1), pageCount.value))\n\n// Контролируемый компонент: если `total`/`pageSize` уменьшились и текущая `page`\n// вышла за диапазон — просим родителя подтянуть её к последней странице.\nwatch(pageCount, (count) => {\n  if (props.page > count)\n    emit('update:page', count)\n})\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(option => (typeof option === 'number'\n    ? { value: String(option), label: String(option) }\n    : { value: String(option.value), label: option.label })),\n)\n\nconst rangeFrom = computed(() => (resolvedTotal.value === 0 ? 0 : (currentPage.value - 1) * resolvedPageSize.value + 1))\nconst rangeTo = computed(() => Math.min(currentPage.value * resolvedPageSize.value, resolvedTotal.value))\n\ntype PaginationItem = number | 'ellipsis-start' | 'ellipsis-end'\n\nfunction range(start: number, end: number): number[] {\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n  return list\n}\n\n// Алгоритм usePagination как в MUI: крайние `boundaryCount` страниц + `siblingCount`\n// соседей вокруг текущей, разрывы схлопываются в многоточие. Одиночный «пропущенный»\n// номер показываем как номер, а не как «…» (визуально ровнее).\nconst items = computed<PaginationItem[]>(() => {\n  const count = pageCount.value\n  const current = currentPage.value\n  const boundaryCount = Math.max(0, props.boundaryCount)\n  const siblingCount = Math.max(0, props.siblingCount)\n\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  const siblingsStart = Math.max(\n    Math.min(current - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ['ellipsis-start' as const]\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ['ellipsis-end' as const]\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n})\n\nfunction goTo(page: number): void {\n  if (props.disabled)\n    return\n\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, currentPage.value - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, currentPage.value + 1))\n}\n\nfunction first(): void {\n  goTo(1)\n}\n\nfunction last(): void {\n  goTo(pageCount.value)\n}\n\n// «Перейти к странице»: клампим введённый номер к диапазону [1, pageCount]\n// и сбрасываем поле после перехода.\nconst jumperValue = ref('')\n\nfunction submitJumper(): void {\n  const parsed = Number.parseInt(jumperValue.value, 10)\n  jumperValue.value = ''\n  if (Number.isNaN(parsed))\n    return\n\n  goTo(Math.min(pageCount.value, Math.max(1, parsed)))\n}\n\nconst resolvedJumperLabel = computed(() => props.jumperLabel ?? t('gr.pagination.jumpTo', 'Go to'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.pagination.label', 'Pagination'))\nconst statusText = computed(() =>\n  t('gr.pagination.status', 'Page {page} of {count}', { page: currentPage.value, count: pageCount.value }),\n)\nconst totalText = computed(() =>\n  t('gr.pagination.total', '{from}–{to} of {total}', { from: rangeFrom.value, to: rangeTo.value, total: resolvedTotal.value }),\n)\n\nif (__GR_DEV__) {\n  const attrs = useAttrs()\n\n  watchEffect(() => {\n    // Промах закономерен: в большинстве библиотек этот проп зовётся `modelValue`,\n    // а необъявленный проп молча уезжает на корень через fallthrough.\n    if ('modelValue' in attrs) {\n      console.warn(\n        '[granularity] GrPagination: страницу задаёт `v-model:page`, а не `v-model` — проп `modelValue` компонент не читает.',\n      )\n    }\n\n    for (const name of ['page', 'pageSize', 'total'] as const) {\n      if (!Number.isFinite(props[name])) {\n        console.warn(\n          `[granularity] GrPagination: обязательный проп \\`${name}\\` должен быть числом — получено ${String(props[name])}.`,\n        )\n      }\n    }\n  })\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end\"\n    :class=\"rowClass\"\n    data-gr-pagination\n    role=\"navigation\"\n    :aria-label=\"resolvedAriaLabel\"\n  >\n    <div\n      v-if=\"showTotal\"\n      data-gr-pagination-total\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"labelClass\"\n    >\n      <slot name=\"total\" :from=\"rangeFrom\" :to=\"rangeTo\" :total=\"resolvedTotal\">\n        {{ totalText }}\n      </slot>\n    </div>\n\n    <div v-if=\"showPageSize\" :class=\"selectWrapClass\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :size=\"resolvedSize\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage <= 1\" :aria-label=\"t('gr.pagination.first', 'First page')\" data-gr-pagination-first @click=\"first\">\n      «\n    </GrButton>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage <= 1\" data-gr-pagination-prev @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <!-- Компактный вариант: индикатор «текущая / всего» вместо нумерованных страниц. -->\n    <div\n      v-if=\"compact\"\n      data-gr-pagination-compact\n      class=\"px-2 text-[var(--gr-fg)] tabular-nums\"\n      :class=\"labelClass\"\n      role=\"status\"\n    >\n      {{ currentPage }} / {{ pageCount }}\n    </div>\n\n    <template v-else>\n      <ul class=\"flex items-center [list-style:none]\" :class=\"pageListClass\" data-gr-pagination-pages role=\"list\">\n        <li v-for=\"(item, index) in items\" :key=\"index\" :aria-hidden=\"typeof item === 'string' ? 'true' : undefined\">\n          <span\n            v-if=\"item === 'ellipsis-start' || item === 'ellipsis-end'\"\n            data-gr-pagination-ellipsis\n            class=\"grid place-items-center text-[var(--gr-muted-fg)]\"\n            :class=\"ellipsisClass\"\n          >…</span>\n          <button\n            v-else\n            type=\"button\"\n            data-gr-pagination-page\n            :disabled=\"disabled\"\n            :aria-current=\"item === currentPage ? 'page' : undefined\"\n            :aria-label=\"t('gr.pagination.page', 'Page {n}', { n: item })\"\n            class=\"rounded-[var(--gr-radius-control)] font-600 transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed\"\n            :class=\"[\n              pageClass,\n              item === currentPage\n                ? 'bg-[var(--gr-primary)] text-[var(--gr-primary-fg)]'\n                // Подложка тональная, а не `--gr-muted`: серый на белом фоне даёт\n                // 1.10:1 и на светлой теме hover был практически не виден, хотя у\n                // соседних «назад/вперёд» (ghost-кнопки) он тонирован. Ряд обязан\n                // читаться одним контролом.\n                : 'text-[var(--gr-muted-fg)] hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]',\n            ]\"\n            @click=\"goTo(item)\"\n          >\n            {{ item }}\n          </button>\n        </li>\n      </ul>\n\n      <!-- В компактном режиме смену страницы объявляет видимый индикатор. -->\n      <div data-gr-pagination-status role=\"status\" class=\"sr-only\">\n        {{ statusText }}\n      </div>\n    </template>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage >= pageCount\" data-gr-pagination-next @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage >= pageCount\" :aria-label=\"t('gr.pagination.last', 'Last page')\" data-gr-pagination-last @click=\"last\">\n      »\n    </GrButton>\n\n    <!-- «Перейти к странице»: Enter или blur применяют введённый номер. -->\n    <div v-if=\"showJumper\" class=\"flex items-center gap-2 text-[var(--gr-muted-fg)]\" :class=\"labelClass\">\n      <span>{{ resolvedJumperLabel }}</span>\n      <input\n        v-model=\"jumperValue\"\n        type=\"number\"\n        min=\"1\"\n        :max=\"pageCount\"\n        inputmode=\"numeric\"\n        data-gr-pagination-jumper\n        :disabled=\"disabled\"\n        :aria-label=\"resolvedJumperLabel\"\n        class=\"rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 text-center text-[var(--gr-fg)] tabular-nums transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed\"\n        :class=\"jumperClass\"\n        @keydown.enter=\"submitJumper\"\n        @blur=\"submitJumper\"\n      >\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, watch, watchEffect } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport {\n  type GrPaginationSize,\n  ellipsisSizes,\n  jumperSizes,\n  labelSizes,\n  navButtonSizes,\n  pageListGaps,\n  pageBoxSizes,\n  pageSizeSelectWidths,\n  rowGaps,\n} from './grPaginationStyles'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Номера усекаются многоточием\n * (алгоритм boundary/sibling, как у MUI): всегда видны первая/последняя страница\n * и `siblingCount` соседей вокруг текущей.\n */\n/**\n * Вариант размера страницы: число либо пара «значение + подпись».\n *\n * Пара нужна там, где подпись не равна числу («50 / стр.», «Все»): собрать её\n * из голого `number[]` было нельзя, а обходной путь — свой `GrSelect` рядом —\n * терял связь с пагинацией.\n */\nexport type GrPaginationPageSizeOption = number | { value: number, label: string }\n\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  /**\n   * Варианты размера страницы. Число — подпись равна значению; пара — своя\n   * подпись при том же значении («50 / стр.»), которую иначе было не собрать.\n   */\n  pageSizes?: GrPaginationPageSizeOption[]\n  /** Сколько соседних страниц показывать вокруг текущей. По умолчанию `1`. */\n  siblingCount?: number\n  /** Сколько крайних страниц всегда показывать с каждого края. По умолчанию `1`. */\n  boundaryCount?: number\n  /**\n   * Компактный вариант: вместо нумерованных страниц показывается индикатор\n   * «текущая / всего» — удобно для узких мест (мобайл, тулбары таблиц).\n   */\n  compact?: boolean\n  /** Показывать поле «перейти к странице» с быстрым переходом по вводу номера. */\n  showJumper?: boolean\n  /** Показывать селект размера страницы. */\n  showPageSize?: boolean\n  /** Показывать диапазон показанных элементов — «1–20 из 137». Слот `#total` сильнее. */\n  showTotal?: boolean\n  /** i18n-подпись перед полем перехода. По умолчанию — `gr.pagination.jumpTo`. */\n  jumperLabel?: string\n  /**\n   * Имя навигационного лендмарка. По умолчанию — `gr.pagination.label`; задавать\n   * стоит там, где пагинаций на странице несколько и их надо различать.\n   */\n  ariaLabel?: string\n  /** Гасит всю пагинацию: номера, кнопки, селект размера и поле перехода. */\n  disabled?: boolean\n  size?: GrPaginationSize\n}\n\nexport interface GrPaginationEmits {\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n  siblingCount: 1,\n  boundaryCount: 1,\n  compact: false,\n  showJumper: false,\n  showPageSize: false,\n  showTotal: false,\n  jumperLabel: undefined,\n  ariaLabel: undefined,\n  disabled: false,\n  size: undefined,\n})\n\ndefineSlots<{\n  /** Диапазон показанных элементов целиком — вместо строки из локали. */\n  total?: (props: { from: number, to: number, total: number }) => unknown\n}>()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrPagination' })\n\nconst rowClass = computed(() => rowGaps[resolvedSize.value])\nconst pageListClass = computed(() => pageListGaps[resolvedSize.value])\nconst pageClass = computed(() => pageBoxSizes[resolvedSize.value])\nconst jumperClass = computed(() => jumperSizes[resolvedSize.value])\nconst ellipsisClass = computed(() => ellipsisSizes[resolvedSize.value])\nconst labelClass = computed(() => labelSizes[resolvedSize.value])\nconst selectWrapClass = computed(() => pageSizeSelectWidths[resolvedSize.value])\nconst navButtonSize = computed(() => navButtonSizes[resolvedSize.value])\n\nconst emit = defineEmits<GrPaginationEmits>()\n\n// Обязательный проп может не доехать — промах вызова, асинхронный стор, —\n// и `Math.trunc(undefined)` разнёс бы `NaN` по номерам, статусу и диапазону.\n// Разметка при этом остаётся правдоподобной на вид, поэтому нечисловое\n// значение подменяется дефолтом, а dev-гард в конце файла называет виновника.\nfunction toFiniteInt(value: number, fallback: number): number {\n  return Number.isFinite(value) ? Math.trunc(value) : fallback\n}\n\n// Делитель клампится: `pageSize: 0` дал бы `Infinity` страниц и бесконечный\n// цикл в `range()`.\nconst resolvedPageSize = computed(() => Math.max(1, toFiniteInt(props.pageSize, 1)))\nconst resolvedTotal = computed(() => Math.max(0, toFiniteInt(props.total, 0)))\nconst pageCount = computed(() => Math.max(1, Math.ceil(resolvedTotal.value / resolvedPageSize.value)))\n\n// Рендер идёт от зажатого номера: вотчер ниже просит родителя подтянуть `page`,\n// но на первом рендере он молчит, и без клампа пагинация осталась бы вовсе без\n// активной страницы.\nconst currentPage = computed(() => Math.min(Math.max(toFiniteInt(props.page, 1), 1), pageCount.value))\n\n// Контролируемый компонент: если `total`/`pageSize` уменьшились и текущая `page`\n// вышла за диапазон — просим родителя подтянуть её к последней странице.\nwatch(pageCount, (count) => {\n  if (props.page > count)\n    emit('update:page', count)\n})\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(option => (typeof option === 'number'\n    ? { value: String(option), label: String(option) }\n    : { value: String(option.value), label: option.label })),\n)\n\nconst rangeFrom = computed(() => (resolvedTotal.value === 0 ? 0 : (currentPage.value - 1) * resolvedPageSize.value + 1))\nconst rangeTo = computed(() => Math.min(currentPage.value * resolvedPageSize.value, resolvedTotal.value))\n\ntype PaginationItem = number | 'ellipsis-start' | 'ellipsis-end'\n\nfunction range(start: number, end: number): number[] {\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n  return list\n}\n\n// Алгоритм usePagination как в MUI: крайние `boundaryCount` страниц + `siblingCount`\n// соседей вокруг текущей, разрывы схлопываются в многоточие. Одиночный «пропущенный»\n// номер показываем как номер, а не как «…» (визуально ровнее).\nconst items = computed<PaginationItem[]>(() => {\n  const count = pageCount.value\n  const current = currentPage.value\n  const boundaryCount = Math.max(0, props.boundaryCount)\n  const siblingCount = Math.max(0, props.siblingCount)\n\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  const siblingsStart = Math.max(\n    Math.min(current - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ['ellipsis-start' as const]\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ['ellipsis-end' as const]\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n})\n\nfunction goTo(page: number): void {\n  if (props.disabled)\n    return\n\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, currentPage.value - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, currentPage.value + 1))\n}\n\nfunction first(): void {\n  goTo(1)\n}\n\nfunction last(): void {\n  goTo(pageCount.value)\n}\n\n// «Перейти к странице»: клампим введённый номер к диапазону [1, pageCount]\n// и сбрасываем поле после перехода.\nconst jumperValue = ref('')\n\nfunction submitJumper(): void {\n  const parsed = Number.parseInt(jumperValue.value, 10)\n  jumperValue.value = ''\n  if (Number.isNaN(parsed))\n    return\n\n  goTo(Math.min(pageCount.value, Math.max(1, parsed)))\n}\n\nconst resolvedJumperLabel = computed(() => props.jumperLabel ?? t('gr.pagination.jumpTo', 'Go to'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.pagination.label', 'Pagination'))\nconst statusText = computed(() =>\n  t('gr.pagination.status', 'Page {page} of {count}', { page: currentPage.value, count: pageCount.value }),\n)\nconst totalText = computed(() =>\n  t('gr.pagination.total', '{from}–{to} of {total}', { from: rangeFrom.value, to: rangeTo.value, total: resolvedTotal.value }),\n)\n\nif (__GR_DEV__) {\n  const attrs = useAttrs()\n\n  watchEffect(() => {\n    // Промах закономерен: в большинстве библиотек этот проп зовётся `modelValue`,\n    // а необъявленный проп молча уезжает на корень через fallthrough.\n    if ('modelValue' in attrs) {\n      console.warn(\n        '[granularity] GrPagination: страницу задаёт `v-model:page`, а не `v-model` — проп `modelValue` компонент не читает.',\n      )\n    }\n\n    for (const name of ['page', 'pageSize', 'total'] as const) {\n      if (!Number.isFinite(props[name])) {\n        console.warn(\n          `[granularity] GrPagination: обязательный проп \\`${name}\\` должен быть числом — получено ${String(props[name])}.`,\n        )\n      }\n    }\n  })\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end\"\n    :class=\"rowClass\"\n    data-gr-pagination\n    role=\"navigation\"\n    :aria-label=\"resolvedAriaLabel\"\n  >\n    <div\n      v-if=\"showTotal\"\n      data-gr-pagination-total\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"labelClass\"\n    >\n      <slot name=\"total\" :from=\"rangeFrom\" :to=\"rangeTo\" :total=\"resolvedTotal\">\n        {{ totalText }}\n      </slot>\n    </div>\n\n    <div v-if=\"showPageSize\" :class=\"selectWrapClass\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :size=\"resolvedSize\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage <= 1\" :aria-label=\"t('gr.pagination.first', 'First page')\" data-gr-pagination-first @click=\"first\">\n      «\n    </GrButton>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage <= 1\" data-gr-pagination-prev @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <!-- Компактный вариант: индикатор «текущая / всего» вместо нумерованных страниц. -->\n    <div\n      v-if=\"compact\"\n      data-gr-pagination-compact\n      class=\"px-2 text-[var(--gr-fg)] tabular-nums\"\n      :class=\"labelClass\"\n      role=\"status\"\n    >\n      {{ currentPage }} / {{ pageCount }}\n    </div>\n\n    <template v-else>\n      <ul class=\"flex items-center [list-style:none]\" :class=\"pageListClass\" data-gr-pagination-pages role=\"list\">\n        <li v-for=\"(item, index) in items\" :key=\"index\" :aria-hidden=\"typeof item === 'string' ? 'true' : undefined\">\n          <span\n            v-if=\"item === 'ellipsis-start' || item === 'ellipsis-end'\"\n            data-gr-pagination-ellipsis\n            class=\"grid place-items-center text-[var(--gr-muted-fg)]\"\n            :class=\"ellipsisClass\"\n          >…</span>\n          <button\n            v-else\n            type=\"button\"\n            data-gr-pagination-page\n            :disabled=\"disabled\"\n            :aria-current=\"item === currentPage ? 'page' : undefined\"\n            :aria-label=\"t('gr.pagination.page', 'Page {n}', { n: item })\"\n            class=\"rounded-[var(--gr-radius-control)] font-600 transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed\"\n            :class=\"[\n              pageClass,\n              item === currentPage\n                ? 'bg-[var(--gr-primary)] text-[var(--gr-primary-fg)]'\n                // Подложка тональная, а не `--gr-muted`: серый на белом фоне даёт\n                // 1.10:1 и на светлой теме hover был практически не виден, хотя у\n                // соседних «назад/вперёд» (ghost-кнопки) он тонирован. Ряд обязан\n                // читаться одним контролом.\n                : 'text-[var(--gr-muted-fg)] hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]',\n            ]\"\n            @click=\"goTo(item)\"\n          >\n            {{ item }}\n          </button>\n        </li>\n      </ul>\n\n      <!-- В компактном режиме смену страницы объявляет видимый индикатор. -->\n      <div data-gr-pagination-status role=\"status\" class=\"sr-only\">\n        {{ statusText }}\n      </div>\n    </template>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage >= pageCount\" data-gr-pagination-next @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage >= pageCount\" :aria-label=\"t('gr.pagination.last', 'Last page')\" data-gr-pagination-last @click=\"last\">\n      »\n    </GrButton>\n\n    <!-- «Перейти к странице»: Enter или blur применяют введённый номер. -->\n    <div v-if=\"showJumper\" class=\"flex items-center gap-2 text-[var(--gr-muted-fg)]\" :class=\"labelClass\">\n      <span>{{ resolvedJumperLabel }}</span>\n      <input\n        v-model=\"jumperValue\"\n        type=\"number\"\n        min=\"1\"\n        :max=\"pageCount\"\n        inputmode=\"numeric\"\n        data-gr-pagination-jumper\n        :disabled=\"disabled\"\n        :aria-label=\"resolvedJumperLabel\"\n        class=\"rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 text-center text-[var(--gr-fg)] tabular-nums transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed\"\n        :class=\"jumperClass\"\n        @keydown.enter=\"submitJumper\"\n        @blur=\"submitJumper\"\n      >\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrPagination-CMrLPzvL.js","names":[],"sources":["../../../../src/components/GrPagination/GrPagination.vue","../../../../src/components/GrPagination/GrPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, watch, watchEffect } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport {\n  type GrPaginationSize,\n  ellipsisSizes,\n  jumperSizes,\n  labelSizes,\n  navButtonSizes,\n  pageListGaps,\n  pageBoxSizes,\n  pageSizeSelectWidths,\n  rowGaps,\n} from './grPaginationStyles'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Номера усекаются многоточием\n * (алгоритм boundary/sibling, как у MUI): всегда видны первая/последняя страница\n * и `siblingCount` соседей вокруг текущей.\n */\n/**\n * Вариант размера страницы: число либо пара «значение + подпись».\n *\n * Пара нужна там, где подпись не равна числу («50 / стр.», «Все»): собрать её\n * из голого `number[]` было нельзя, а обходной путь — свой `GrSelect` рядом —\n * терял связь с пагинацией.\n */\nexport type GrPaginationPageSizeOption = number | { value: number, label: string }\n\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  /**\n   * Варианты размера страницы. Число — подпись равна значению; пара — своя\n   * подпись при том же значении («50 / стр.»), которую иначе было не собрать.\n   */\n  pageSizes?: GrPaginationPageSizeOption[]\n  /** Сколько соседних страниц показывать вокруг текущей. По умолчанию `1`. */\n  siblingCount?: number\n  /** Сколько крайних страниц всегда показывать с каждого края. По умолчанию `1`. */\n  boundaryCount?: number\n  /**\n   * Компактный вариант: вместо нумерованных страниц показывается индикатор\n   * «текущая / всего» — удобно для узких мест (мобайл, тулбары таблиц).\n   */\n  compact?: boolean\n  /** Показывать поле «перейти к странице» с быстрым переходом по вводу номера. */\n  showJumper?: boolean\n  /** Показывать селект размера страницы. */\n  showPageSize?: boolean\n  /** Показывать диапазон показанных элементов — «1–20 из 137». Слот `#total` сильнее. */\n  showTotal?: boolean\n  /** i18n-подпись перед полем перехода. По умолчанию — `gr.pagination.jumpTo`. */\n  jumperLabel?: string\n  /**\n   * Имя навигационного лендмарка. По умолчанию — `gr.pagination.label`; задавать\n   * стоит там, где пагинаций на странице несколько и их надо различать.\n   */\n  ariaLabel?: string\n  /** Гасит всю пагинацию: номера, кнопки, селект размера и поле перехода. */\n  disabled?: boolean\n  size?: GrPaginationSize\n}\n\nexport interface GrPaginationEmits {\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n  siblingCount: 1,\n  boundaryCount: 1,\n  compact: false,\n  showJumper: false,\n  showPageSize: false,\n  showTotal: false,\n  jumperLabel: undefined,\n  ariaLabel: undefined,\n  disabled: false,\n  size: undefined,\n})\n\ndefineSlots<{\n  /** Диапазон показанных элементов целиком — вместо строки из локали. */\n  total?: (props: { from: number, to: number, total: number }) => unknown\n}>()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrPagination' })\n\nconst rowClass = computed(() => rowGaps[resolvedSize.value])\nconst pageListClass = computed(() => pageListGaps[resolvedSize.value])\nconst pageClass = computed(() => pageBoxSizes[resolvedSize.value])\nconst jumperClass = computed(() => jumperSizes[resolvedSize.value])\nconst ellipsisClass = computed(() => ellipsisSizes[resolvedSize.value])\nconst labelClass = computed(() => labelSizes[resolvedSize.value])\nconst selectWrapClass = computed(() => pageSizeSelectWidths[resolvedSize.value])\nconst navButtonSize = computed(() => navButtonSizes[resolvedSize.value])\n\nconst emit = defineEmits<GrPaginationEmits>()\n\n// Обязательный проп может не доехать — промах вызова, асинхронный стор, —\n// и `Math.trunc(undefined)` разнёс бы `NaN` по номерам, статусу и диапазону.\n// Разметка при этом остаётся правдоподобной на вид, поэтому нечисловое\n// значение подменяется дефолтом, а dev-гард в конце файла называет виновника.\nfunction toFiniteInt(value: number, fallback: number): number {\n  return Number.isFinite(value) ? Math.trunc(value) : fallback\n}\n\n// Делитель клампится: `pageSize: 0` дал бы `Infinity` страниц и бесконечный\n// цикл в `range()`.\nconst resolvedPageSize = computed(() => Math.max(1, toFiniteInt(props.pageSize, 1)))\nconst resolvedTotal = computed(() => Math.max(0, toFiniteInt(props.total, 0)))\nconst pageCount = computed(() => Math.max(1, Math.ceil(resolvedTotal.value / resolvedPageSize.value)))\n\n// Рендер идёт от зажатого номера: вотчер ниже просит родителя подтянуть `page`,\n// но на первом рендере он молчит, и без клампа пагинация осталась бы вовсе без\n// активной страницы.\nconst currentPage = computed(() => Math.min(Math.max(toFiniteInt(props.page, 1), 1), pageCount.value))\n\n// Контролируемый компонент: если `total`/`pageSize` уменьшились и текущая `page`\n// вышла за диапазон — просим родителя подтянуть её к последней странице.\nwatch(pageCount, (count) => {\n  if (props.page > count)\n    emit('update:page', count)\n})\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(option => (typeof option === 'number'\n    ? { value: String(option), label: String(option) }\n    : { value: String(option.value), label: option.label })),\n)\n\nconst rangeFrom = computed(() => (resolvedTotal.value === 0 ? 0 : (currentPage.value - 1) * resolvedPageSize.value + 1))\nconst rangeTo = computed(() => Math.min(currentPage.value * resolvedPageSize.value, resolvedTotal.value))\n\ntype PaginationItem = number | 'ellipsis-start' | 'ellipsis-end'\n\nfunction range(start: number, end: number): number[] {\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n  return list\n}\n\n// Алгоритм usePagination как в MUI: крайние `boundaryCount` страниц + `siblingCount`\n// соседей вокруг текущей, разрывы схлопываются в многоточие. Одиночный «пропущенный»\n// номер показываем как номер, а не как «…» (визуально ровнее).\nconst items = computed<PaginationItem[]>(() => {\n  const count = pageCount.value\n  const current = currentPage.value\n  const boundaryCount = Math.max(0, props.boundaryCount)\n  const siblingCount = Math.max(0, props.siblingCount)\n\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  const siblingsStart = Math.max(\n    Math.min(current - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ['ellipsis-start' as const]\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ['ellipsis-end' as const]\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n})\n\nfunction goTo(page: number): void {\n  if (props.disabled)\n    return\n\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, currentPage.value - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, currentPage.value + 1))\n}\n\nfunction first(): void {\n  goTo(1)\n}\n\nfunction last(): void {\n  goTo(pageCount.value)\n}\n\n// «Перейти к странице»: клампим введённый номер к диапазону [1, pageCount]\n// и сбрасываем поле после перехода.\nconst jumperValue = ref('')\n\nfunction submitJumper(): void {\n  const parsed = Number.parseInt(jumperValue.value, 10)\n  jumperValue.value = ''\n  if (Number.isNaN(parsed))\n    return\n\n  goTo(Math.min(pageCount.value, Math.max(1, parsed)))\n}\n\nconst resolvedJumperLabel = computed(() => props.jumperLabel ?? t('gr.pagination.jumpTo', 'Go to'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.pagination.label', 'Pagination'))\nconst statusText = computed(() =>\n  t('gr.pagination.status', 'Page {page} of {count}', { page: currentPage.value, count: pageCount.value }),\n)\nconst totalText = computed(() =>\n  t('gr.pagination.total', '{from}–{to} of {total}', { from: rangeFrom.value, to: rangeTo.value, total: resolvedTotal.value }),\n)\n\nif (__GR_DEV__) {\n  const attrs = useAttrs()\n\n  watchEffect(() => {\n    // Промах закономерен: в большинстве библиотек этот проп зовётся `modelValue`,\n    // а необъявленный проп молча уезжает на корень через fallthrough.\n    if ('modelValue' in attrs) {\n      console.warn(\n        '[granularity] GrPagination: страницу задаёт `v-model:page`, а не `v-model` — проп `modelValue` компонент не читает.',\n      )\n    }\n\n    for (const name of ['page', 'pageSize', 'total'] as const) {\n      if (!Number.isFinite(props[name])) {\n        console.warn(\n          `[granularity] GrPagination: обязательный проп \\`${name}\\` должен быть числом — получено ${String(props[name])}.`,\n        )\n      }\n    }\n  })\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end\"\n    :class=\"rowClass\"\n    data-gr-pagination\n    role=\"navigation\"\n    :aria-label=\"resolvedAriaLabel\"\n  >\n    <div\n      v-if=\"showTotal\"\n      data-gr-pagination-total\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"labelClass\"\n    >\n      <slot name=\"total\" :from=\"rangeFrom\" :to=\"rangeTo\" :total=\"resolvedTotal\">\n        {{ totalText }}\n      </slot>\n    </div>\n\n    <div v-if=\"showPageSize\" :class=\"selectWrapClass\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :size=\"resolvedSize\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage <= 1\" :aria-label=\"t('gr.pagination.first', 'First page')\" data-gr-pagination-first @click=\"first\">\n      «\n    </GrButton>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage <= 1\" data-gr-pagination-prev @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <!-- Компактный вариант: индикатор «текущая / всего» вместо нумерованных страниц. -->\n    <div\n      v-if=\"compact\"\n      data-gr-pagination-compact\n      class=\"px-2 text-[var(--gr-fg)] tabular-nums\"\n      :class=\"labelClass\"\n      role=\"status\"\n    >\n      {{ currentPage }} / {{ pageCount }}\n    </div>\n\n    <template v-else>\n      <ul class=\"flex items-center [list-style:none]\" :class=\"pageListClass\" data-gr-pagination-pages role=\"list\">\n        <li v-for=\"(item, index) in items\" :key=\"index\" :aria-hidden=\"typeof item === 'string' ? 'true' : undefined\">\n          <span\n            v-if=\"item === 'ellipsis-start' || item === 'ellipsis-end'\"\n            data-gr-pagination-ellipsis\n            class=\"grid place-items-center text-[var(--gr-muted-fg)]\"\n            :class=\"ellipsisClass\"\n          >…</span>\n          <button\n            v-else\n            type=\"button\"\n            data-gr-pagination-page\n            :disabled=\"disabled\"\n            :aria-current=\"item === currentPage ? 'page' : undefined\"\n            :aria-label=\"t('gr.pagination.page', 'Page {n}', { n: item })\"\n            class=\"rounded-[var(--gr-radius-control)] font-600 transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed\"\n            :class=\"[\n              pageClass,\n              item === currentPage\n                ? 'bg-[var(--gr-primary)] text-[var(--gr-primary-fg)]'\n                // Подложка тональная, а не `--gr-muted`: серый на белом фоне даёт\n                // 1.10:1 и на светлой теме hover был практически не виден, хотя у\n                // соседних «назад/вперёд» (ghost-кнопки) он тонирован. Ряд обязан\n                // читаться одним контролом.\n                : 'text-[var(--gr-muted-fg)] hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]',\n            ]\"\n            @click=\"goTo(item)\"\n          >\n            {{ item }}\n          </button>\n        </li>\n      </ul>\n\n      <!-- В компактном режиме смену страницы объявляет видимый индикатор. -->\n      <div data-gr-pagination-status role=\"status\" class=\"sr-only\">\n        {{ statusText }}\n      </div>\n    </template>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage >= pageCount\" data-gr-pagination-next @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage >= pageCount\" :aria-label=\"t('gr.pagination.last', 'Last page')\" data-gr-pagination-last @click=\"last\">\n      »\n    </GrButton>\n\n    <!-- «Перейти к странице»: Enter или blur применяют введённый номер. -->\n    <div v-if=\"showJumper\" class=\"flex items-center gap-2 text-[var(--gr-muted-fg)]\" :class=\"labelClass\">\n      <span>{{ resolvedJumperLabel }}</span>\n      <input\n        v-model=\"jumperValue\"\n        type=\"number\"\n        min=\"1\"\n        :max=\"pageCount\"\n        inputmode=\"numeric\"\n        data-gr-pagination-jumper\n        :disabled=\"disabled\"\n        :aria-label=\"resolvedJumperLabel\"\n        class=\"rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 text-center text-[var(--gr-fg)] tabular-nums transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed\"\n        :class=\"jumperClass\"\n        @keydown.enter=\"submitJumper\"\n        @blur=\"submitJumper\"\n      >\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, watch, watchEffect } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrSelect from '../GrSelect/GrSelect.vue'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport {\n  type GrPaginationSize,\n  ellipsisSizes,\n  jumperSizes,\n  labelSizes,\n  navButtonSizes,\n  pageListGaps,\n  pageBoxSizes,\n  pageSizeSelectWidths,\n  rowGaps,\n} from './grPaginationStyles'\n\n/**\n * Пропы пагинации.\n *\n * `total` интерпретируется как общее количество элементов; число страниц\n * вычисляется из `total` и `pageSize`. Номера усекаются многоточием\n * (алгоритм boundary/sibling, как у MUI): всегда видны первая/последняя страница\n * и `siblingCount` соседей вокруг текущей.\n */\n/**\n * Вариант размера страницы: число либо пара «значение + подпись».\n *\n * Пара нужна там, где подпись не равна числу («50 / стр.», «Все»): собрать её\n * из голого `number[]` было нельзя, а обходной путь — свой `GrSelect` рядом —\n * терял связь с пагинацией.\n */\nexport type GrPaginationPageSizeOption = number | { value: number, label: string }\n\nexport interface GrPaginationProps {\n  page: number\n  pageSize: number\n  total: number\n  /**\n   * Варианты размера страницы. Число — подпись равна значению; пара — своя\n   * подпись при том же значении («50 / стр.»), которую иначе было не собрать.\n   */\n  pageSizes?: GrPaginationPageSizeOption[]\n  /** Сколько соседних страниц показывать вокруг текущей. По умолчанию `1`. */\n  siblingCount?: number\n  /** Сколько крайних страниц всегда показывать с каждого края. По умолчанию `1`. */\n  boundaryCount?: number\n  /**\n   * Компактный вариант: вместо нумерованных страниц показывается индикатор\n   * «текущая / всего» — удобно для узких мест (мобайл, тулбары таблиц).\n   */\n  compact?: boolean\n  /** Показывать поле «перейти к странице» с быстрым переходом по вводу номера. */\n  showJumper?: boolean\n  /** Показывать селект размера страницы. */\n  showPageSize?: boolean\n  /** Показывать диапазон показанных элементов — «1–20 из 137». Слот `#total` сильнее. */\n  showTotal?: boolean\n  /** i18n-подпись перед полем перехода. По умолчанию — `gr.pagination.jumpTo`. */\n  jumperLabel?: string\n  /**\n   * Имя навигационного лендмарка. По умолчанию — `gr.pagination.label`; задавать\n   * стоит там, где пагинаций на странице несколько и их надо различать.\n   */\n  ariaLabel?: string\n  /** Гасит всю пагинацию: номера, кнопки, селект размера и поле перехода. */\n  disabled?: boolean\n  size?: GrPaginationSize\n}\n\nexport interface GrPaginationEmits {\n  (e: 'update:page', value: number): void\n  (e: 'update:pageSize', value: number): void\n}\n\nconst { t } = useGranularityTranslations()\n\nconst props = withDefaults(defineProps<GrPaginationProps>(), {\n  pageSizes: () => [10, 20, 50],\n  siblingCount: 1,\n  boundaryCount: 1,\n  compact: false,\n  showJumper: false,\n  showPageSize: false,\n  showTotal: false,\n  jumperLabel: undefined,\n  ariaLabel: undefined,\n  disabled: false,\n  size: undefined,\n})\n\ndefineSlots<{\n  /** Диапазон показанных элементов целиком — вместо строки из локали. */\n  total?: (props: { from: number, to: number, total: number }) => unknown\n}>()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrPagination' })\n\nconst rowClass = computed(() => rowGaps[resolvedSize.value])\nconst pageListClass = computed(() => pageListGaps[resolvedSize.value])\nconst pageClass = computed(() => pageBoxSizes[resolvedSize.value])\nconst jumperClass = computed(() => jumperSizes[resolvedSize.value])\nconst ellipsisClass = computed(() => ellipsisSizes[resolvedSize.value])\nconst labelClass = computed(() => labelSizes[resolvedSize.value])\nconst selectWrapClass = computed(() => pageSizeSelectWidths[resolvedSize.value])\nconst navButtonSize = computed(() => navButtonSizes[resolvedSize.value])\n\nconst emit = defineEmits<GrPaginationEmits>()\n\n// Обязательный проп может не доехать — промах вызова, асинхронный стор, —\n// и `Math.trunc(undefined)` разнёс бы `NaN` по номерам, статусу и диапазону.\n// Разметка при этом остаётся правдоподобной на вид, поэтому нечисловое\n// значение подменяется дефолтом, а dev-гард в конце файла называет виновника.\nfunction toFiniteInt(value: number, fallback: number): number {\n  return Number.isFinite(value) ? Math.trunc(value) : fallback\n}\n\n// Делитель клампится: `pageSize: 0` дал бы `Infinity` страниц и бесконечный\n// цикл в `range()`.\nconst resolvedPageSize = computed(() => Math.max(1, toFiniteInt(props.pageSize, 1)))\nconst resolvedTotal = computed(() => Math.max(0, toFiniteInt(props.total, 0)))\nconst pageCount = computed(() => Math.max(1, Math.ceil(resolvedTotal.value / resolvedPageSize.value)))\n\n// Рендер идёт от зажатого номера: вотчер ниже просит родителя подтянуть `page`,\n// но на первом рендере он молчит, и без клампа пагинация осталась бы вовсе без\n// активной страницы.\nconst currentPage = computed(() => Math.min(Math.max(toFiniteInt(props.page, 1), 1), pageCount.value))\n\n// Контролируемый компонент: если `total`/`pageSize` уменьшились и текущая `page`\n// вышла за диапазон — просим родителя подтянуть её к последней странице.\nwatch(pageCount, (count) => {\n  if (props.page > count)\n    emit('update:page', count)\n})\n\nconst pageSizeModel = computed({\n  get: () => String(props.pageSize),\n  set: (value: string) => emit('update:pageSize', Number(value)),\n})\n\nconst pageSizeOptions = computed(() =>\n  props.pageSizes.map(option => (typeof option === 'number'\n    ? { value: String(option), label: String(option) }\n    : { value: String(option.value), label: option.label })),\n)\n\nconst rangeFrom = computed(() => (resolvedTotal.value === 0 ? 0 : (currentPage.value - 1) * resolvedPageSize.value + 1))\nconst rangeTo = computed(() => Math.min(currentPage.value * resolvedPageSize.value, resolvedTotal.value))\n\ntype PaginationItem = number | 'ellipsis-start' | 'ellipsis-end'\n\nfunction range(start: number, end: number): number[] {\n  const list: number[] = []\n  for (let page = start; page <= end; page += 1)\n    list.push(page)\n  return list\n}\n\n// Алгоритм usePagination как в MUI: крайние `boundaryCount` страниц + `siblingCount`\n// соседей вокруг текущей, разрывы схлопываются в многоточие. Одиночный «пропущенный»\n// номер показываем как номер, а не как «…» (визуально ровнее).\nconst items = computed<PaginationItem[]>(() => {\n  const count = pageCount.value\n  const current = currentPage.value\n  const boundaryCount = Math.max(0, props.boundaryCount)\n  const siblingCount = Math.max(0, props.siblingCount)\n\n  const startPages = range(1, Math.min(boundaryCount, count))\n  const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count)\n\n  const siblingsStart = Math.max(\n    Math.min(current - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2,\n  )\n  const siblingsEnd = Math.min(\n    Math.max(current + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1,\n  )\n\n  return [\n    ...startPages,\n    ...(siblingsStart > boundaryCount + 2\n      ? ['ellipsis-start' as const]\n      : boundaryCount + 1 < count - boundaryCount\n        ? [boundaryCount + 1]\n        : []),\n    ...range(siblingsStart, siblingsEnd),\n    ...(siblingsEnd < count - boundaryCount - 1\n      ? ['ellipsis-end' as const]\n      : count - boundaryCount > boundaryCount\n        ? [count - boundaryCount]\n        : []),\n    ...endPages,\n  ]\n})\n\nfunction goTo(page: number): void {\n  if (props.disabled)\n    return\n\n  emit('update:page', page)\n}\n\nfunction prev(): void {\n  goTo(Math.max(1, currentPage.value - 1))\n}\n\nfunction next(): void {\n  goTo(Math.min(pageCount.value, currentPage.value + 1))\n}\n\nfunction first(): void {\n  goTo(1)\n}\n\nfunction last(): void {\n  goTo(pageCount.value)\n}\n\n// «Перейти к странице»: клампим введённый номер к диапазону [1, pageCount]\n// и сбрасываем поле после перехода.\nconst jumperValue = ref('')\n\nfunction submitJumper(): void {\n  const parsed = Number.parseInt(jumperValue.value, 10)\n  jumperValue.value = ''\n  if (Number.isNaN(parsed))\n    return\n\n  goTo(Math.min(pageCount.value, Math.max(1, parsed)))\n}\n\nconst resolvedJumperLabel = computed(() => props.jumperLabel ?? t('gr.pagination.jumpTo', 'Go to'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.pagination.label', 'Pagination'))\nconst statusText = computed(() =>\n  t('gr.pagination.status', 'Page {page} of {count}', { page: currentPage.value, count: pageCount.value }),\n)\nconst totalText = computed(() =>\n  t('gr.pagination.total', '{from}–{to} of {total}', { from: rangeFrom.value, to: rangeTo.value, total: resolvedTotal.value }),\n)\n\nif (__GR_DEV__) {\n  const attrs = useAttrs()\n\n  watchEffect(() => {\n    // Промах закономерен: в большинстве библиотек этот проп зовётся `modelValue`,\n    // а необъявленный проп молча уезжает на корень через fallthrough.\n    if ('modelValue' in attrs) {\n      console.warn(\n        '[granularity] GrPagination: страницу задаёт `v-model:page`, а не `v-model` — проп `modelValue` компонент не читает.',\n      )\n    }\n\n    for (const name of ['page', 'pageSize', 'total'] as const) {\n      if (!Number.isFinite(props[name])) {\n        console.warn(\n          `[granularity] GrPagination: обязательный проп \\`${name}\\` должен быть числом — получено ${String(props[name])}.`,\n        )\n      }\n    }\n  })\n}\n</script>\n\n<template>\n  <div\n    class=\"flex flex-wrap items-center justify-end\"\n    :class=\"rowClass\"\n    data-gr-pagination\n    role=\"navigation\"\n    :aria-label=\"resolvedAriaLabel\"\n  >\n    <div\n      v-if=\"showTotal\"\n      data-gr-pagination-total\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"labelClass\"\n    >\n      <slot name=\"total\" :from=\"rangeFrom\" :to=\"rangeTo\" :total=\"resolvedTotal\">\n        {{ totalText }}\n      </slot>\n    </div>\n\n    <div v-if=\"showPageSize\" :class=\"selectWrapClass\">\n      <GrSelect\n        v-model=\"pageSizeModel\"\n        :options=\"pageSizeOptions\"\n        :size=\"resolvedSize\"\n        :disabled=\"disabled\"\n        :aria-label=\"t('gr.pagination.pageSize', 'Page size')\"\n      />\n    </div>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage <= 1\" :aria-label=\"t('gr.pagination.first', 'First page')\" data-gr-pagination-first @click=\"first\">\n      «\n    </GrButton>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage <= 1\" data-gr-pagination-prev @click=\"prev\">\n      {{ t('gr.pagination.prev', 'Prev') }}\n    </GrButton>\n\n    <!-- Компактный вариант: индикатор «текущая / всего» вместо нумерованных страниц. -->\n    <div\n      v-if=\"compact\"\n      data-gr-pagination-compact\n      class=\"px-2 text-[var(--gr-fg)] tabular-nums\"\n      :class=\"labelClass\"\n      role=\"status\"\n    >\n      {{ currentPage }} / {{ pageCount }}\n    </div>\n\n    <template v-else>\n      <ul class=\"flex items-center [list-style:none]\" :class=\"pageListClass\" data-gr-pagination-pages role=\"list\">\n        <li v-for=\"(item, index) in items\" :key=\"index\" :aria-hidden=\"typeof item === 'string' ? 'true' : undefined\">\n          <span\n            v-if=\"item === 'ellipsis-start' || item === 'ellipsis-end'\"\n            data-gr-pagination-ellipsis\n            class=\"grid place-items-center text-[var(--gr-muted-fg)]\"\n            :class=\"ellipsisClass\"\n          >…</span>\n          <button\n            v-else\n            type=\"button\"\n            data-gr-pagination-page\n            :disabled=\"disabled\"\n            :aria-current=\"item === currentPage ? 'page' : undefined\"\n            :aria-label=\"t('gr.pagination.page', 'Page {n}', { n: item })\"\n            class=\"rounded-[var(--gr-radius-control)] font-600 transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed\"\n            :class=\"[\n              pageClass,\n              item === currentPage\n                ? 'bg-[var(--gr-primary)] text-[var(--gr-primary-fg)]'\n                // Подложка тональная, а не `--gr-muted`: серый на белом фоне даёт\n                // 1.10:1 и на светлой теме hover был практически не виден, хотя у\n                // соседних «назад/вперёд» (ghost-кнопки) он тонирован. Ряд обязан\n                // читаться одним контролом.\n                : 'text-[var(--gr-muted-fg)] hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]',\n            ]\"\n            @click=\"goTo(item)\"\n          >\n            {{ item }}\n          </button>\n        </li>\n      </ul>\n\n      <!-- В компактном режиме смену страницы объявляет видимый индикатор. -->\n      <div data-gr-pagination-status role=\"status\" class=\"sr-only\">\n        {{ statusText }}\n      </div>\n    </template>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage >= pageCount\" data-gr-pagination-next @click=\"next\">\n      {{ t('gr.pagination.next', 'Next') }}\n    </GrButton>\n\n    <GrButton variant=\"ghost\" :size=\"navButtonSize\" :disabled=\"disabled || currentPage >= pageCount\" :aria-label=\"t('gr.pagination.last', 'Last page')\" data-gr-pagination-last @click=\"last\">\n      »\n    </GrButton>\n\n    <!-- «Перейти к странице»: Enter или blur применяют введённый номер. -->\n    <div v-if=\"showJumper\" class=\"flex items-center gap-2 text-[var(--gr-muted-fg)]\" :class=\"labelClass\">\n      <span>{{ resolvedJumperLabel }}</span>\n      <input\n        v-model=\"jumperValue\"\n        type=\"number\"\n        min=\"1\"\n        :max=\"pageCount\"\n        inputmode=\"numeric\"\n        data-gr-pagination-jumper\n        :disabled=\"disabled\"\n        :aria-label=\"resolvedJumperLabel\"\n        class=\"rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 text-center text-[var(--gr-fg)] tabular-nums transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed\"\n        :class=\"jumperClass\"\n        @keydown.enter=\"submitJumper\"\n        @blur=\"submitJumper\"\n      >\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrPagination/index.js

@@ -1,3 +1,3 @@
 import { n as grPaginationSafelist, t as grPaginationConfig } from "../../chunks/config-Bdf1bt-m.js";
-import { t as GrPagination_default } from "./chunks/GrPagination-BbaF5eXk.js";
+import { t as GrPagination_default } from "./chunks/GrPagination-CMrLPzvL.js";
 export { GrPagination_default as GrPagination, GrPagination_default as default, grPaginationConfig, grPaginationSafelist };

package/dist/components/GrSelect/chunks/{GrSelect-0iI4wdR_.js → GrSelect-DvSq-nV-.js}

@@ -15,8 +15,8 @@ import { useGrFormControl } from "../../../composables/useGrFormControl.js";
 import { t as useFocusWithin } from "../../../chunks/useFocusWithin-BwHE0rzm.js";
 import { t as useControlledOpen } from "../../../chunks/useControlledOpen-DV3SqLTP.js";
 import { t as useControlAddons } from "../../../chunks/useControlAddons-asUr10Pf.js";
-import { d as chipSizeForBadgeScale } from "../../../chunks/grChipStyles-DcDyxAL0.js";
-import { t as GrChip_default } from "../../GrChip/chunks/GrChip-CKqyzYcv.js";
+import { d as chipSizeForBadgeScale } from "../../../chunks/grChipStyles-CA9Wj1_E.js";
+import { t as GrChip_default } from "../../GrChip/chunks/GrChip-DoyS1Dr4.js";
 import { n as panelPopTransition } from "../../../chunks/overlayPanelSurface-BKeMhRx4.js";
 import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";
 import { t as chevron_down_default } from "../../../chunks/chevron-down-CQS2OG_s.js";